.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}
html,body,div,img,a,ul,li,dl,dt,dd,p,span,input,cite,h1,h2,h3,h4,h5,h6,form,table,tr,td,textarea{margin:0;padding:0;border:0;}
html,body { margin:0px; padding:0px; width:100%; font-family:Microsoft YaHei,Arial; font-size:14px; color:#000000; background:#f5f5f5; }
:focus{outline:0;}
cite,em{font-style:normal;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.clear{clear:both;}
.Fleft{float:left;}
.Fright{float:right;}
.FAlignLeft{text-align:left;}
.FAlignRight{text-align:right;}
.FAlignCenter{ text-align:center;}
.width1152{ width:1152px; margin:0 auto;}
.width1200{ width:100%; min-width: 1200px; position: relative;}
table {border-collapse: collapse;/*为表格设置合并边框模型*/border-spacing: 0;}
input,textarea {font: 12px/20px;	font:inherit;resize:none;/*textarea是被固定宽度和高度的*/}
* { _noFocusLine: expression(this.hideFocus=true); } /* Removes dotted lines around links 移除链接周围的虚线*/
a {text-decoration:none;-webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear;-o-transition:color 0.2s linear; transition:color 0.2s linear; color:#ffffff;}
a:focus , a:link, a:active {outline:none;}
a:hover { color: #ffffff; text-decoration: none;
         /*transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;*/}
/*index.html*/
.header{ width: 100%; height:55px; background: #ffaf00; min-width: 1200px;}
.header_icon{ text-align: right; display: flex;justify-content:flex-end;}
.header_icon>span{ margin-right: 10px;}
.logo{width: 19%;}
.logo a{ display: block; width: 100%; height: 95px; display: flex;align-items: center;}
.search{ height: 21px; background: #fff; border: none; margin-top: 17px; border-radius: 11px;}
.nav{width: 100%; height:95px; background: #000000; min-width: 1200px; }
.nav_list{width: 70%;}
.nav_list ul{width: 87.2%; margin: 0 auto;}
.nav_list ul li{ float: left; height: 95px; width: 14.2%; position: relative;}
.nav_list ul li>a{ color: #fff; display: block; height: 95px; min-width: 98px; line-height: 95px; text-align: center; font-size: 1.09vw;}

.navmore{ display: none; position: absolute; z-index: 999; width: 100%; background:#ffaf00 url(../images/navmore_icon.jpg) no-repeat center top; padding: 10px 0;}
.navmore a{ font-size:0.93vw; display: block; line-height: 35px; color: #000; text-align: center;}



/*@media (min-width: 1280px) {
	.nav_list ul li,.nav_list ul li>a,.navmore{ width: 98px;}
}
@media (min-width: 1360px) {
	.nav_list ul li,.nav_list ul li>a,.navmore{ width: 117px;}
}
@media (min-width: 1440px) {
	.nav_list ul li,.nav_list ul li>a,.navmore{ width: 127px;}
}
@media (min-width: 1600px) {
	.nav_list ul li,.nav_list ul li>a,.navmore{ width: 146px;}
}*/
.banner{ width: 100%; min-width: 1200px;}
.banner img{ width: 100%;}
.index_about{ background: url(../images/index_aboutbg.jpg) repeat-x left top; height: 179px;text-align: center;  font-size: 0.93vw; color: #7d7d7d;line-height: 50px;}
.index_about span{ display:block; font-weight: normal; width: 50%; margin: 0 auto;  padding-top: 50px; text-align: center; font-size: 2.39vw; color: #171717; font-weight: bold;}
.index_aboutlist{ background: url(../images/index_about.jpg) no-repeat; background-size:cover; width: 100%;  padding: 80px 0;}
.list{ width: 400px; float: left;}
.list .list_icon{ width: 158px; height: 158px; margin: 0 auto; border: 2px solid #010006; border-radius: 50%; transition:all 0.2s linear; text-align: center;}
.list:hover .list_icon{ background: #ffaf00;}
.list .list_icon img{width: 158px; height: 158px; border-radius: 50%;}
.list .list_text{width: 158px; padding: 20px 0; line-height: 25px; text-align: center; font-size: 1.14vw; color: #000000; margin: 0 auto;}
.list .list_text span{ display: block; width: 100%;color: #7e7e7e; font-size: 0.625vw;  font-weight: normal; transform: scale(0.85);}
.index_aboutlist_{ width: 1200px; margin: 0 auto;}
.index_pro{ min-width: 1200px; background: #1e1e28;}
.pro_title{ font-size: 0.93vw; color: #b1b1af; line-height: 50px; padding-bottom: 40px;}
.pro_title span{ display:block; font-weight: normal; font-size: 2.39vw; color: #fff; font-weight: bold;}
.pro_list{ width:100%}
.pro_list a{ display: block; border-radius:25px; height: 50px; width:41.9%; float: left; border: 2px solid #fff;transition:all 0.2s linear; line-height: 45px; padding-left: 40px; margin-right: 6%; margin-bottom: 20px; font-size: 1.14vw; position: relative;}
.pro_list a i{ color: #ffaf00; font-size: 12px; position: absolute; left: 15px; height:15px; top: 50%; margin-top: -7.5px;}
.pro_list a:hover{ background: #ffaf00; color: #0b0f1a;}
.pro_list a:hover i{ color: #fff;}
.pro_slide{ width: 100%;}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    text-align: center;
    list-style: none;
}
.carousel-dx {
    position: absolute;
    bottom: 30px;
    left: 75% !important;
    margin-left: 0px !important;
    text-align: left;
}
.carousel-dx span {
    display: inline-block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin-right: 5px !important;
    border-radius: 50%;
    background: #000000;
    cursor: pointer;
}
.carousel-indicators .active {
  width: 17px;
  height: 17px;
  margin: 0;
  background-color: #ffaf00;
}
.carousel-inner img{ width: 100%;}
.pro_text{display: flex; align-items: center;  position: absolute; top: 0; right: 0; bottom: 0;}
.pro_text_{ margin-left: 8%;}

.marking{ width: 100%; min-width: 1200px;}
.marking>img{ width: 100%; min-width: 1200px;}

.index_news{ background: #f5f5f5; width: 100%;}
.index_newsT{ width: 100%;  height: 179px;text-align: center;  font-size: 0.93vw; color: #7d7d7d;line-height: 50px;}
.index_newsT span{ display:block; font-weight: normal;  margin: 0 auto;  padding-top: 50px; text-align: center; font-size: 2.39vw; color: #171717; font-weight: bold;}
.i_more{ height: 40px; border: 2px solid #161616; color: #161616; width: 120px; text-align: center; line-height: 36px; border-radius: 19px; margin: 20px auto 50px auto; font-size: 0.93vw;}
.i_more a{ color: #161616;}


/* 图片翻页 本例子css */
		.picScroll-left{ width:100%;  position:relative;}
		.picScroll-left .hd{}
		.picScroll-left .hd .prev{ position: absolute; left: 0;top: 50%; z-index: 10; margin-top: -35px; 
			display:block;  width:35px; height:70px; overflow:hidden;
			 cursor:pointer; background:url(../images/icon_left.png);
		}
		.picScroll-left .hd .next{position: absolute; right: 0; top: 50%; margin-top: -35px; z-index: 10; display:block;  width:35px; height:70px; float:right; overflow:hidden;cursor:pointer; background:url(../images/icon_right.png);}
			 
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icon_right.png") 0 0 no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{ width: 95.5%;  margin: 0 auto;}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ float:left; overflow:hidden;}
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{  display:block; width: 100%;}
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li a{ color: #5e5e5e;}
.title{ line-height:34px; margin: 10px 0;}
.title span{ display: block; margin: 8px 0; font-size: 0.83vw;}
.title span.txt1{font-weight: bold; font-size: 1.14vw; color: #010101; line-height: 35px;}
.title span.txt2{text-align:justify; line-height: 35px;}
.title span.txt3{font-size: 0.729vw; text-align: right; line-height: 35px;}
.picScroll-left .picListli{ width: 84%; margin: 10px auto; padding: 25px; background: #fff;border: 1px solid #ababab;  }
.picScroll-left .bd ul li:hover .picListli{ border:1px solid #fff;outline: 10px solid #ffaf00;}

.footer{ background: #000000;}
.footer_{ min-width: 1200px; padding: 50px 0;}
.footer_nav span{ color: #fff; font-size: 0.83vw; font-weight: bold; display: block; line-height: 40px;}
.footer_nav a{ color: #dddddd; font-size: 0.72vw; display: block; line-height: 30px;}
.address_top{ width: 100%; border-bottom: 1px solid #9c9c9c; padding-bottom: 10px; display: flex; justify-content: space-between; margin-bottom: 20px;}
.tel{ background: url(../images/footer_icon2.jpg) no-repeat left center; height: 35px; color: #fff; font-size: 1.35vw; font-weight: bold; line-height: 35px; padding-left: 30px; font-style: normal; width: 60%;}
.footer_navmain_link{}
.footer_navmain_link a{color: #fff; font-size: 0.83vw; font-weight: bold; display: block; line-height: 30px; float:left; margin:10px;}
.footer_navmain{padding:0 0 0 0; display: flex; justify-content: space-around;}
.address{ color: #fff; font-size: 0.93vw; line-height: 30px;}
.address span{ padding-left: 35px; display: block; margin: 8px 0;}
.address span:nth-child(1){ background:url(../images/footer_icon1.jpg) no-repeat left center;}
.address span:nth-child(2){ background:url(../images/footer_icon2.jpg) no-repeat left center;}
.address span:nth-child(3){ background:url(../images/footer_icon3.jpg) no-repeat left center;}
.address span:nth-child(4){ background:url(../images/footer_icon4.jpg) no-repeat left center;}
.address span:nth-child(5){ background:url(../images/footer_icon5.jpg) no-repeat left center;}

.gaoxinjs{font-weight:bold;font-size:1.04vw;display:block;padding:20px 0;line-height:40px;font-style:italic;}
.FAlignCenterqywh{padding:30px 0;font-size:0.83vw;}

.top{ width: 80px; position: fixed; right: 0; top: 40%; z-index: 999; }
.top div{ width: 80px; height: 80px;background: #eeeeee; transition: all 1s linear ;}
.top div:hover{ width: 80px; height: 80px; background: #f5ad01;}
.top div a{ display: block; width: 70px; margin: 0 auto; text-align: center; color: #433d3d; font-size: 12px; line-height: 25px; border-bottom: 1px solid #d7d7d7; height: 80px; padding-top: 10px;}

.footer_logo{width: 14.6%;}
.footer_content{width: 28.9%;}

.about_title{ background: url(../images/about_titleBg1.jpg) repeat-x left top; height: 179px;  font-size: 0.93vw; color: #aaaaa8;line-height: 50px;}
.about_title span{ display:block; font-weight: normal;  padding-top: 50px; font-size: 2.39vw; color: #fff; font-weight: bold;}
.about_content{ background:#000000 url(../images/aboutBg1.jpg) no-repeat top center; background-size: cover; min-width: 1200px;}
.about_content_{ display: flex;align-items: stretch; width: 88.5%; margin: 0 auto;}
.about_content_>div{ width: 50%;}
.about_content_pic{ width: 90.2%; padding: 70px 0; }
.about_content_pic img{ width: 100%;}
.about_content_text{ padding: 70px 60px; color: #000000; line-height: 40px;text-align:justify; font-size: 0.83vw;}
.about_content_text .title{  font-size: 0.93vw; color: #000;line-height: 50px;}
.about_content_text .title span{ display:block; font-weight: normal;  font-size: 1.87vw; color: #000; font-weight: bold;}
.about_content_text_yfsc{color: #fff; padding: 70px 70px;}
.about_yf{background:#1e1e28; color: #fff; min-width: 1200px;}
.about_content_text_ppbz{color: #fff; padding: 70px 0 70px 14%;}
.social_con_img{padding-right:40px ;}

.honor_title{}
.picScroll-left .bd ul li .honor_title{ line-height:50px; height: 50px; background: #464650; color: #fff;}
.picScroll-left .bd ul li .honor_title a{ color: #fff;}
.picScroll-left .bd ul li .honor_title .honor_text1{ display: block; padding-left: 20px; width: 70%; height: 50px; overflow: hidden; font-size: 0.93vw;}
.picScroll-left .bd ul li .honor_title .honor_text2{ display: block; width: 30%; height: 50px; overflow: hidden; text-align: center;background: #000000; cursor: pointer; font-size: 0.72vw;}
.honorListli{ width: 84%; margin: 10px auto; background: #fff;}
.honor_title .glyphicon-search{font-size: 0.67vw;}
.footer_link{ display:none !important;}
.modal-dialog {
    width: 50%;
    margin: 50px auto;
  }
  
.about_honor{ background: url(../images/about_titleBg2.jpg) repeat-x left top; height: 150px;  font-size: 0.93vw; color: #7d7d7d;line-height: 50px;}
.about_honor span{ display:block; font-weight: normal;  padding-top: 40px; font-size: 2.39vw; color: #171717; font-weight: bold;}

.culture{ background: url(../images/aboutBg2.jpg) no-repeat center bottom; background-size: cover; color: #0a0a0a; line-height: 30px;}
.culture_list{ width: 80%; text-align: center; margin: 70px auto;}
.culture_list1{ width: 150px; height: 150px; background: #f5ad01; text-align: center; line-height: 30px; border-radius: 50%; overflow: hidden; padding-top: 50px; font-size: 0.83vw; margin: 0 auto;}
.culture_list1 span{ display: block; font-size: 1.25vw;}
.culture_list2{ font-size: 1.25vw; font-weight: bold; line-height: 35px; padding: 20px 0;}
.social{ background: url(../images/aboutBg3.jpg) no-repeat center top; background-size: cover; color: #010101; line-height: 30px; min-width: 1200px;}
.social_con{ background: #fff; padding: 40px; width: 88.5%; margin: 0 auto 70px auto; font-size: 0.83vw; line-height: 35px;}
.social_con p{ padding: 5px 0;}


.product{ background: #1e1e28; padding: 70px 0; width: 100%; min-width: 1200px;}
.productli_{ padding: 10px; transition: all 1s ease;}
.productli_:hover{ transform: translateY(-10px);}
.productliPic{ width: 100%;}
.productliPic img{ width: 100%;}
.productliText{ width: 100%; background: #464650; height: 70px; line-height: 70px; }
.productliText a{ color: #fff; display: block; height: 70px; width: 100%; overflow: hidden; padding-left: 20px; font-size: 16px; font-weight: bold;}
.p_more{ height: 40px; border: 2px solid #fff; color: #fff; width: 120px; text-align: center; line-height: 36px; border-radius: 19px; margin: 50px auto 0 auto; font-size: 0.93vw;}
.p_more a{ color: #fff;}

.product_btn .col-lg-3, .product_btn .col-md-3,.product_btn .col-sm-3{ width:20%;}

DIV.green-black {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.green-black A{BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT:normal; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #fff; MARGIN-RIGHT: 10px !important; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid;}
DIV.green-black A:first-child, DIV.green-black A:last-child
{
    border-radius: 19px;line-height: 34px;height: 40px; display:inline-block; width:120px;font-size: 0.93vw;
	border: 2px solid #fff; PADDING-LEFT: 5px; BACKGROUND: url(image1.gif) #1e1e28;   COLOR: #fff; MARGIN-RIGHT: 2px;  TEXT-DECORATION: none
}
DIV.green-black A:hover {
	border: 1px solid #fff; BACKGROUND: url(image2.gif) #fff;  COLOR: #000;
}
DIV.green-black A:active {
	BORDER-RIGHT: #f5f5f5 1px solid; BORDER-TOP: #f5f5f5 1px solid; BACKGROUND: url(image2.gif) #fff; BORDER-LEFT: #f5f5f5 1px solid; COLOR: #000; BORDER-BOTTOM: #f5f5f5 1px solid
}
DIV.green-black SPAN.current {
	BORDER-RIGHT: #ffaf00 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffaf00 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT:normal; BACKGROUND: url(image2.gif) #ffaf00; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffaf00 1px solid; COLOR: #fff; MARGIN-RIGHT: 10px !important; PADDING-TOP: 2px; BORDER-BOTTOM: #ffaf00 1px solid
}
DIV.green-black SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #888; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}

.btn{ border-radius: 0;border: 1px solid #09080d;background: #32323c; width: 100%; height: 50px; text-align: left; color: #fff; font-size: 1.14vw; padding: 0 20px;}
.btn:hover{ color: #fff;}
.caret{ color: #ffb500; transform: scale(2); margin-top: 10px;}
/*.btn{ border-radius: 0; background: #32323c; border: 1px solid #09080d; width: 100%; height: 50px; text-align: left; color: #fff; font-size: 16px;}
*/
.product_btn{ width: 80%; margin: 30px auto 50px auto;}
.product_btn_{ padding: 10px;}
.btn-group{ width: 100%;}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #fff;
  text-decoration: none;
}
.dropdown-menu{ width: 100%; background: #000000; border-radius: 0; top: 48px;}
.dropdown-menu li a{ height: 30px; color: #fff; font-size: 0.83vw;}
.dropdown-menu li a:hover{ background: #50505a; color: #fff;}
.product_icon{ display: flex; width: 100%;width: 80%; margin:  0 auto; justify-content: space-around;}
.product_icon a{ display: block; width: 10%; padding: 10px; text-align: center;}
.product_icon a img{ width: 85%;}

.pro_con_title{ color: #fff; font-size:1.77vw; font-weight: bold; height: 70px; line-height: 70px; width: 88.5%; margin: 0 auto 30px auto;}
.pro_con{ display: flex;align-items: stretch; width: 88.5%; margin: 0 auto;}
.pro_con_pic{ width: 50%;}
.pro_con_pic img{ width: 100%;}
.pro_con_text{ width: 50%;}
.pro_con_text table{ width: 80%; color: #fff; height: 100%; margin: 0 auto;}
.pro_con_text table tr td:nth-child(1){ font-weight: bold; font-size: 1.04vw; width:50%;}
.pro_con_text table tr td:nth-child(2){ text-align: center; font-size: 0.83vw;}
.pro_con_text table tr td{ border-bottom: 1px solid #fff; border-top: 0; vertical-align: middle;}

		.newslist_li{ float:left; overflow:hidden;}
		.newslist_li .pic{ text-align:center; }
		.newslist_li .pic img{  display:block; width: 100%;}
		.newslist_li .pic a:hover img{ border-color:#999;  }
		.newslist_li a{ color: #5e5e5e;}
		.newslist_li .title{ line-height:24px; margin: 10px 0;}
		.newslist_li .title span{ display: block; margin: 8px 0;}
.newslist_li .picListli{ width: 84%; margin: 30px auto; padding: 25px; background: #fff; border: 1px solid #ababab;  }
.newslist_li:hover .picListli{ border:1px solid #fff;outline: 10px solid #ffaf00;}


.newslist{ width: 93%; margin: 0 auto;}
.news_type{ background: #000; padding: 20px 0;}
.news_typeli{ width: 60%; margin: 0 auto; display: flex; justify-content: space-around;}
.news_typeli a{ width: 25%; height: 40px; display: block; color: #fff; border-radius: 20px; text-align: center; line-height: 40px; font-size: 1.15vw;}
.news_typeli a:hover{ background: #ffaf00; color: #000;}
.news_typeli a.on{  background: #ffaf00; color: #000;}
.newsli_title{ color: #1b1b1b; font-size: 24px; font-weight: bold; text-align: center; line-height: 35px; margin-bottom: 50px;}
.newsli_title span{ font-size: 12px; color: #222222; display: block; font-weight: normal;}
.newsli_text{ line-height: 35px;text-align:justify; color:#000;}
.newsli_text img{ max-width:100%;}
.newsli_page{ text-align: right; margin-top: 50px;}
.newsli_page a{ color: #000; display: block; line-height: 30px;}
.markting_top{ display: flex; justify-content: space-between;width: 88.5%; margin: 0 auto;}

.markting_right{ line-height: 35px; color: #000; width: 47%; font-size: 0.83vw;}
.markting_left{ width: 47%;}
.markting_left table{ background: #d7d7d7; text-align: center; font-size: 1.04vw;}
.markting_left table tr td{ border: 1px solid #fff;line-height: 30px; vertical-align: middle; }
.markting_left table tr th{ text-align: center; border: 1px solid #fff;line-height: 30px; vertical-align: middle;}
.markting_bottom{display: flex; justify-content: space-between; width: 88.5%; margin: 0 auto;}
.markting_con_title{ font-size: 1.66vw; font-weight: bold; color: #000; margin: 0 auto 30px auto; width: 88.5%;}
.markting_bottom>div{ width: 47%;}
.markting_bottom table tr th{ font-size: 1.14vw; border-top:0; border-bottom: 1px solid #fff; background: #ffaa01; text-align: center; color: #000; font-weight: normal;}
.markting_bottom table tr td{ border-bottom: 1px solid #fff; text-align: center; color: #000; font-size: 0.83vw;}
.markting_bottom table tr{ background: #e1e1e1;}
.markting_bottom table tr:nth-child(2n){ background: #cdcdcd;}

.markting_pic{position: relative; width: 88.5%; margin: 0 auto;}
.markting_pic_index{width: 65%; position: absolute; bottom: -18%; left: -5%;}
.marking_index{position: relative; height: 482px; overflow: hidden; background: #bebebe;}
.index_newsT_marking{position: absolute; width: 50%; right: 0; top: 20%;}
.service_icon{ width: 75%; margin: 0 auto;}
.service_icon img{ width: 100%;}
.message{ width: 75%; margin: 0 auto;}
.message_title{ font-size: 12px; color: #7d7d7d;line-height: 40px; width: 75%; margin: 0 auto 20px auto;}
.message_title span{ display:block; font-weight: normal;  font-size: 1.77vw; color: #171717; font-weight: bold;}
.message_left{ width: 26%;}
.message_right{ width: 70%;}
.message_txt{ line-height: 30px; color: #000;font-size: 0.93vw;}
.message_txt span{ color: #636363; font-size: 12px; line-height: 35px; padding-left: 10px;}
.messageInput{ background: #e6e6e6; border: 1px solid #999999; width: 100%; height: 40px; margin-bottom: 20px; line-height: 40px; padding: 0 10px;}
.message_right textarea{ background: #e6e6e6; border: 1px solid #999999; width: 100%; line-height: 40px; padding: 0 10px;}
.submit{ background: #1e1e28; height: 40px; text-align: center; color: #fff; width: 90px; margin-top: 10px; font-size: 1.04vw;}
.join{ color: #fff; line-height: 40px; width: 88.5%; margin: 0 auto; font-size: 0.93vw;}

.recruit_title{ font-size: 1.66vw; color: #01021e; font-weight: bold; height: 60px; line-height: 60px; width: 88.5%; margin: 0 auto;}
.recruitLi_{ color: #fff; line-height: 30px;}
.recruitLi .recruitLi_:nth-child(2n){background: #1e1e28;}
.recruitLi_m{ width: 65%; margin: 0 auto; display: flex;align-items: center; padding: 40px 0;}
.recruitLi_left{ width: 30%; font-size: 0.93vw;line-height: 35px;}
.recruitLi_left h4{ line-height: 50px;font-weight: bold; font-size: 1.35vw;}
.recruitLi_right{ width: 70%;font-size: 0.93vw;line-height: 35px;}
.recruitLi_right h5{ margin-top: 10px; line-height: 50px; font-weight: bold; font-size: 1.25vw;}
.join_lc{ width: 88.5%; margin: 0 auto;}
.join_lc h3{ font-size: 1.87vw; font-weight: bold; color: #fff; text-align: center; padding: 20px 0;}
.join_lc .join_txt{ color: #fff; line-height: 30px; text-align: center; border-bottom: 1px solid #fff; padding-bottom: 30px; margin-bottom: 30px; font-size: 0.93vw;}
.join_lc table{ width: 80%; margin: 0 auto; font-size: 1.04vw;}
.join_lc table tr{border: 0;}
.join_lc table tr td{ border-top: 0; line-height: 30px; color: #fff; font-weight: bold;}
.join_lc table tr td i{ line-height: 30px; color: #feba00; padding-right: 10px;}

.city{ background: rgba(250,250,250,0.2); position: absolute; left: 53%; top: 40%; width: 295px; height: 295px; border-radius: 50%;transform-origin:center center;}
.city_{ width: 190px; height: 190px;background: rgba(250,250,250,0.4);border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -95px; margin-top: -95px;}
.city_1{position: absolute;  text-align: center; width: 60px; height: 60px; padding: 0;}
.city_bg3{width: 100%; height: 100%; background: rgba(250,250,250,0.5); position: absolute; transform: scale(1.5); border-radius: 50%; animation: name 1s ease; animation-iteration-count: infinite; animation-direction: alternate-reverse;}
.city_bg2{width: 100%; height: 100%; background: rgba(250,250,250,0.4); position: absolute; transform: scale(2.5); border-radius: 50%; animation: name1 1s ease;animation-iteration-count: infinite;animation-direction: alternate-reverse;}
.city_bg1{width: 100%; height: 100%; background: rgba(250,250,250,0.2); position: absolute; transform: scale(3.5); border-radius: 50%; animation: name2 1s ease;animation-iteration-count: infinite;animation-direction: alternate-reverse;}

.city_bg3_{width: 100%; height: 100%; background: rgba(250,250,250,0.5); position: absolute; transform: scale(1.5); border-radius: 50%; animation: name_ 1s ease; animation-iteration-count: infinite; animation-direction: alternate-reverse;}
.city_bg2_{width: 100%; height: 100%; background: rgba(250,250,250,0.4); position: absolute; transform: scale(2.5); border-radius: 50%; animation: name1_ 1s ease;animation-iteration-count: infinite;animation-direction: alternate-reverse;}
.city_bg1_{width: 100%; height: 100%; background: rgba(250,250,250,0.2); position: absolute; transform: scale(3.5); border-radius: 50%; animation: name2_ 1s ease;animation-iteration-count: infinite;animation-direction: alternate-reverse;}

.city_txt{width: 60px; height: 60px; position: absolute; z-index: 5; font-size: 12px;}
.city_1:hover img{ animation: name3 1s ease;animation-iteration-count: infinite;animation-direction: alternate-reverse;}
.markting_icon{ position: absolute; left: 50px; top: 40px; font-size: 12px;}
@keyframes name{
	0%{transform: scale(0);}
	100%{transform: scale(1.5);}
}
@keyframes name1{
	0%{transform: scale(0);}
	100%{transform: scale(2.5);}
}
@keyframes name2{
	0%{transform: scale(0);}
	100%{transform: scale(3.5);}
}
@keyframes name3{
	0%{ transform: translateY(-10px);}
	100%{transform: translateY(0);}
}
@keyframes name_{
	0%{transform: scale(0);}
	100%{transform: scale(2);}
}
@keyframes name1_{
	0%{transform: scale(0);}
	100%{transform: scale(3.5);}
}
@keyframes name2_{
	0%{transform: scale(0);}
	100%{transform: scale(5);}
}