@import url("header.css");
@import url("footer.css");

.sub_banner{position:relative;width: 100%;z-index:2;}
.sub_banner .img1{ display:block; width:100%;}
.protit{
	width:100%;
	position:absolute;
	top:172px;
	text-align: center;
	font-size:64px;
	font-weight: bold;
	color:#000;
}
.protit span{
	display: block;
	font-size: 32px;
	font-weight:100;
	color:#000;
}

.nycontainer{

}

.nycontainer{
	width:1244px;
	margin:0 auto;
}
.page-position {
    padding: 18px 0;
    font-size: 14px;
    color: #2f2f2f;
    border-bottom:1px solid #eaeaea;
}

.page-position a {
    color: #2f2f2f;
}

.page-position a:hover {
    color: #f5a100;
}

.page-position .nycontainer{
    padding-left: 32px;
    background:url(../images/home.png) no-repeat;
    background-size:24px;
    background-position: 0px -3px;

}







/*   联系我们  */
.contactcontainer{width:1560px; margin:0 auto;}
.contactbox{position:absolute; width:100%; bottom:-135px; height:240px;}
.contactcate{height:100%; box-sizing: border-box; padding:10px 48px 0px; background:#fff; box-shadow: 10px 20px 30px rgba(247, 249, 253, 1); display:flex; justify-content: space-between;
    align-content: center;
    align-items: center;
}

.contactcon{
	width: calc(100% - 280px);
	display:flex; 
	justify-content: space-between;
    align-content: center;
}
.contactitem{
	font-size: 22px;
	color:#2d2d2d;
}
.contactitem .ctit{
	display:flex; justify-content: flex-start;;
    align-content: center;
    align-items: center;
    margin-bottom: 24px;
}
.contactitem .ctit span{}
.contactitem .ctit i{display: inline-block;
width:42px; height:42px; border:2px solid #f5a100; border-radius: 50%; box-sizing: border-box; margin-right:12px;}
.contactitem .ctit i.c1{
	background:url(../images/c2.png) no-repeat;
	background-size:24px;
	background-position:6px;
}
.contactitem .ctit i.c2{
	background:url(../images/c1.png) no-repeat;
	background-size:24px;
	background-position:6px;
}
.contactitem .ctit i.c3{
	background:url(../images/c3.png) no-repeat;
	background-size:24px;
	background-position:6px;
}
.contactitem .nr{
	font-size: 22px;
	color:#2d2d2d;
}

.map{max-width: 1450px; margin:236px auto 96px; min-height:600px}




.newslist2022 {min-height: 400px; margin-top:64px; margin-bottom:64px;}
.newslist2022 h3{ margin:0; font-size:18px;}
.newslist2022 p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;}
.newslist2022 ol{ background-color:#fafafa; margin-bottom:2%; position:relative; padding-left:36.25%;}
.newslist2022 ol .Ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%;}
.newslist2022 ol .Ispic img{ display:none;}
.newslist2022 ol div{ padding:5% 10% 3% 5%;}
.newslist2022 ol h3 a{ color:#f5a100;}
.newslist2022 ol h3 a:hover{ color:#0490d9; }
.newslist2022 ol time{ display:block; padding:3% 0;}
.newslist2022 ol p{ margin:0 0 3% 0; height:78px;}
.newslist2022 ol span{ display:inline-block; width:130px; line-height:40px; text-align:center;  background:#f5a100; font-size:12px; transition: 0.3s ease; }
.newslist2022 ol span:hover{ width: 160px; background:#0490d9; }
.newslist2022 ol span a{  color:#fff; }

.newslist2022 li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#fff;}
.newslist2022 li div{border-left:1px solid #eee; padding:2% 3%;}
.newslist2022 li time{ position:absolute; left:0; top:0; width:160px; height:100%;}
.newslist2022 li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;}
.newslist2022 li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;}
.newslist2022 li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;}

.newslist2022 li:hover{ background-color:#f5a100; cursor:pointer;}
.newslist2022 li:hover *{  color:#fff; }

@media(max-width:1000px){
    .newslist2022 li{padding-left:100px;padding-right:30px;}
    .newslist2022 li:after{width:30px; background-size:35% auto;}
    .newslist2022 li time{width:100px;}
    .newslist2022 li time span{font-size:14px;}
    .newslist2022 li time i{font-size:40px;line-height:30px;}
}
@media(max-width:768px){
	.newslist2022{margin:24px 0px 32px;}
    .newslist2022 h3{ font-size:16px;}
}
@media(max-width:640px){
    .newslist2022 ol{ padding-left:0;}
    .newslist2022 ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;}
    .newslist2022 ol div{ padding:3%;}
}
@media(max-width:480px){
    .newslist2022 li{padding-left:80px;padding-right:0;}
    .newslist2022 li:after{ display:none;}
    .newslist2022 li time{width:80px;}
    .newslist2022 li time span{font-size:12px;}
    .newslist2022 li time i{font-size:30px;}
    .newslist2022 h3{ font-size:14px;}
    .newslist2022 p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;}
    .newslist2022 ol p{ height:60px;}
}

.news_info{
	margin:64px 0px;
}
.news_info .title{ text-align:center; padding-bottom:0px; background:none;}
.news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;}
.news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:20px;}
.news_info .title p span{ margin:0 36px; color:#999;  font-size:12px;}
.news_info .info{ text-align:justify; text-justify:inter-ideograph; padding-top:20px;}
.news_info .info img{ margin:15px auto; display: block; max-width: 100%;}
.news_info .info p{ font-size:14px; color:#666; line-height:30px; margin:12px 0; text-indent:2em;}

.news_info .btn{ text-align: center; width:100%}
.news_info .goback{ background:#f5a100; padding:8px 18px; color:#fff; border-radius:6px; display: inline-block; margin: 20px 0;}
.news_info .goback:hover{background:#f5a100; }

.news_info .info_back{ padding:2% 0 20px 0;}
.news_info .info_back dl{ margin: 10px 0;}
.news_info .info_back a{ color:#999; font-size:14px;}
.news_info .info_back a:hover{color:#f5a100;}


.ny_news_ye p{line-height:32px;}
.ny_news_ye p a{color:#666;}
.ny_news_ye p:hover a{color:#f5a100;}






.honorbox{
	margin:64px 0px;
}


.honor_list{
	display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	padding-top: 20px;
/*	justify-content: space-between;*/
}
.honor_list dd{
	width: calc((100% - 48px) / 4);
	background: #fff;
	margin: 0 16px 16px 0;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	border: 1px solid #ececec;
	    display: flex;
    align-items: flex-end;
        box-sizing: border-box;
}
.honor_list dd:nth-child(4n){margin-right: 0px;}
.honor_list dd a{
	display: block;
	padding: 20px 20px 0;
}

.honor_list_pic{
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
}

.honor_list_pic img{
	width: 100%;
}
.honor_list_con{
	padding: 13px 0;
	display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	justify-content:space-between;
	-ms-justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items:center;
	border-top: 1px solid #ececec;
}

.honor_list_con .tt{
	width:100%;
	text-align: center;
	font-size: 14px;
	line-height: 1.4;
}
.honor_list_con .icon{
	width: 30px;
	height: 30px;
	font-size: 22px;
	color: #666;
	display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	justify-content:center;
	-ms-justify-content:center;
	-webkit-justify-content:center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items:center;
}
.honor_list dd:hover{
	box-shadow: 0 0 14px rgba(50,50,50,.1);
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.honor_list dd:hover .honor_list_pic img{
	transform:scale(1.03,1.03);
	-webkit-transform:scale(1.03,1.03);
}


.picbox{background:#fff; padding:72px 0px 72px;}
.picboxtit{font-size:40px; color:#111111; text-align: center; letter-spacing: 4px; height:40px; line-height:40px;}
.picboxcon{margin-top:36px; text-align: center;}

.gfnav{background:#f5a100;display: flex; justify-content: space-between; flex-wrap: wrap; width:92%; height:92px; 
	margin:0 auto 60px;}
.gfnav a{color:#fff; font-size: 18px;}
.gfnav .gfnav-l{margin:32px 0px 0px 20px;}
.gfnav .gfnav-l a{background:url(../images/gf-left.png) no-repeat 10px -2px; padding-left:40px; background-size:30px;}
.gfnav .gfnav-c{margin:32px 0px 0px 0px;}
.gfnav .gfnav-c a{background:url(../images/gf-center.png) no-repeat 10px 0px; padding-left:40px; background-size:24px;}
.gfnav .gfnav-r{margin:32px 20px 0px 0px;}
.gfnav .gfnav-r a{background:url(../images/gf-right.png) no-repeat 60px -2px; padding-right:40px; background-size:30px;}


.picbox .gfnav{width:100%; height:72px; margin-top:36px; margin-bottom: 0px;}
.picbox .gfnav .gfnav-l{margin-top:22px;}
.picbox .gfnav .gfnav-r{margin-top:22px;}
.picbox .gfnav .gfnav-c{margin-top:22px;}



.page_list{text-align: center; margin:24px 0px;}
.page {
  display:inline-block;
  font: 16px/24px '微软雅黑', sans-serif;
  *display:inline;
  :1;
  *zoom:1;}
.page span {
  float:left;}
.page a,
.page span{
  background:#FFF;
  border:1px solid #CCC;
  color:#333;
  float:left;
  font: 16px/24px  '微软雅黑', sans-serif;
  margin-right:5px;
  min-width:15px;
  padding:4px 12px;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  _width:15px;
border-radius:4px;
}
.page span{background:#f5a100; color:#fff; }
.page a:hover {
  border:1px solid #f5a100;
  color:#f5a100;
  text-decoration:none;}

.page a.page-curpage {
  background:#f5a100;
  border:1px solid #f5a100;
  color:#FFF;
  font-weight:bold;}



.aboutcontainer{
	width:96%;
	max-width:1560px;
	margin:0 auto;
}

.aboutbox{
	margin:92px 0px  64px;
}

.aboutbox h2{
	font-size: 30px;
	font-weight: 500;
	text-align: center;
	color:#1b1c20;
}

.aboutcon{
	margin-top:48px;
	padding:0px 60px;
	font-size: 24px;
	font-weight: 300;
	letter-spacing:2.8px;
	color:#323232;
	line-height:56px;
}
.aboutcon p{
	text-indent: 2em;
}

.aboutnumbox{
	display:flex;
	justify-content: space-between;
    align-items: flex-end;
    padding: 0px 60px;
}

.aboutnumbox .biaoyu{
	width:460px;
}

.aboutnum{
	width:calc(100% - 480px);
	display:flex;
	flex-wrap: wrap;
    justify-content: space-between;
    margin-top:100px;
}
.aboutnumitem{
	border-left:9px solid #ebebeb;
	padding-left:16px;
}
.aboutnumitem .wz{
    font-size: 38px;
    font-weight: bold;
    position: relative;
    width:170px;
}

.aboutnumitem .wz .counter{
	font-size: 48px;
    font-weight: 400;
    /*font-family: "Arial";*/
    letter-spacing: -2px;
}
.aboutnumitem .wz .unit{
	font-size: 16px;
	color:#7a7a7a;
	font-weight: normal;
}

.aboutnumitem .wz2{
	font-size: 16px;
	color:#7a7a7a;
	font-weight: normal;
	margin-top:0px;
}

.aboutnumitem:hover{
	/*color:#f5a100;*/
	border-left:9px solid #f5a100;
	cursor: pointer;
}

.aboutimg{
	margin-top:76px;
	text-align: center;
}


.culturebox{
	margin-top:88px;
	background: #f0f5ff;
	padding:88px 0px;
}
.culturebox h2{
	font-size: 36px;
	font-weight: 500;
	text-align: center;
	color:#1b1c20;
	margin-bottom:64px;
	width:100%;
}

.culturebox .culture{
	display:flex;
	justify-content: space-between;
}
.culturebox .cultureitem{
	position: relative;
	top:0px;
	left:0px;
	right:0px;
	bottom: 0px;
	width:470px;
	height:600px;
	overflow: hidden;
}
.culturebox .cultureitem .cultureb{
	position:absolute;
	width:100%;
	height:100%;
}
.culturebox .cultureitem .cultureb .img{
	position: absolute;
	z-index: 1;
	top:0px;
	left:0px;

}

.culturebox .cultureitem .cultureb .wz{
	position:absolute;
	z-index: 2;
	bottom:42px;
	left:44px;
	width:100%;
	color:#fff;
}

.culturebox .cultureitem .cultureb .wz h3{
	font-size: 26px;
	margin-bottom:24px;
}
.culturebox .cultureitem .cultureb .wz p{
	font-size: 22px;
	letter-spacing:2px;
	font-weight: 100;
}


.culturebox .cultureitem .cultureh{
	position:absolute;
	width:100%;
	height:100%;
	background:url(../images/culturebg.jpg) no-repeat;
	z-index: 2;
	color:#fff;
	top:100%;
	transition: top 0.5s; /* 添加过渡效果 */
}

.culturebox .cultureitem .cultureh .yuan{
	border:4px solid #fff;
	width:120px;
	height:120px;
	margin:160px auto 0px;
	border-radius:50%;
}

.culturebox .cultureitem .cultureh .yuan img{
	margin:24px auto 0px;
	display: block;
	width: 72px; height:72px;
}

.culturebox .cultureitem:hover{cursor: pointer;}
.culturebox .cultureitem:hover .cultureh{top:0;}
.culturebox .cultureitem .cultureh .wz{
	text-align: center;
	margin-top: 16px;
}
.culturebox .cultureitem .cultureh .wz h3{
	font-size: 26px;
	margin-bottom:24px;
	font-weight: bold;
	letter-spacing: 2px;
}
.culturebox .cultureitem .cultureh .wz p{
	font-size: 22px;
	letter-spacing:2px;
}


.caselistbox{

}
.caselistbox .nycontainer{
	width:1356px;
}

.casetit{
	font-size: 32px;
	color:#000;
	text-align: center;
	margin-top: 64px;
	margin-bottom: 48px;
	letter-spacing:2px;
}
.case_list{
	display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
/*	justify-content: space-between;*/
}
.case_list dd{
	width: calc((100% - 56px) / 3);
	background: #fff;
	margin: 0 28px 16px 0;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	border: 0px solid #ececec;
	display: flex;
    align-items: flex-end;
    box-sizing: border-box;
}
.case_list dd:nth-child(3n){margin-right: 0px;}
.case_list_pic{
	display: block;
	overflow: hidden;
	margin-bottom: 0px;
}

.case_list_pic img{
	width: 100%;
}

.case_list p{font-size:16px; line-height:40px;}



.casebox{
	padding: 46px 0px;
    border-bottom: 7px solid #f5a100;
}

.casetop{
	display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	    justify-content: space-between;
}
.casepic{width:600px;}
.casecon{width:calc(100% - 640px);}
.casecon h2{
	font-size: 24px; color:#f5a100;
	margin-bottom:20px;
}
.casecon p{
	font-size: 16px;
	line-height:40px;
}
.casecon p strong{
	font-size: 16px;
	color:#2f2f2f;
	font-weight: bold;
}

.casecontent{margin-top: 40px; margin-bottom: 64px;}
.casecontent h2{
	margin-top: 24px;
    font-size: 28px;
    color: #000000;
    margin-bottom: 12px;
}
.casecontent p{
	    font-size: 16px;
    line-height: 32px;
}





.cooperation-first{
	background: #f3f6fb;
	padding:68px 0px 110px;
	text-align: center;
}

.coop-container{
	width:1451px;
	margin:0 auto;
}

.cooperation-sec{
	margin:100px auto 64px;
}

.cooperation-sec .ctit{
	text-align: center;
	color:#1e1e1e;
	font-size: 48px;
	margin-bottom: 10px;
}
.cooperation-sec .subtit{
	text-align: center;
	color:#1e1e1e;
	font-size: 28px;
	margin-bottom: 56px;
}

.adbox{
	display:flex;
	justify-content: space-between;
    flex-wrap: wrap;
}

.adboxitem{
	width:calc((100% - 28px) / 2);
	display: flex;
	background:#f3f6fb;
	margin-bottom:28px;
	/*box-shadow: 0 0 10px rgba(15, 59, 220, 0.1);*/
}

.adboxitem .cnum{
	margin-left: 27px;
	width:43px;
	height:71px;
	background: url(../images/cbg.png) no-repeat;
	background-size: cover;
	font-size:24px;
	color:#fff;
	line-height:56px;
	text-align: center;
}
.adboxitem .cicon{
	padding:60px 40px 60px;
	width:124px;
}
.adboxitem .cicon img{
	max-width:100%;
}

.adboxitem .adcon{
	padding-top: 64px;
	padding-left:32px;
}

.adboxitem .adcon h3{
	font-size:24px;
	color:#1e1e1e;
	margin-bottom: 22px;
}
.adboxitem .adcon p{
	font-size: 18px;
	color:#404040;
	line-height:32px;
}


.cooperation-th{
	background:url(../images/cooperationbg.jpg) no-repeat;
	height:924px;
}
.cooperation-th .thtit{
	text-align: left;
	color:#1e1e1e;
	font-size: 48px;
	margin-bottom: 10px;
	padding-top: 132px;
	margin-left: 60px;
}
.cooperation-th .thsubtit{
	text-align: left;
	color:#1e1e1e;
	font-size: 28px;
	margin-bottom: 56px;
	margin-left: 60px;
}
.caboutnum{
	margin-left: 60px;
	width:42%;
	display:flex;
	flex-wrap: wrap;
    justify-content: space-between;
    margin-top:102px;
}
.caboutnumitem:nth-child(1),.caboutnumitem:nth-child(2){
	margin-bottom: 96px;
}
.caboutnumitem{
	width:50%;
}
.caboutnumitem .wz{
    font-size: 64px;
    font-weight: bold;
    position: relative;
}

.caboutnumitem .wz .counter{
	font-size: 64px;
    font-weight: 400;
    /*font-family: "Arial";*/
    letter-spacing: -2px;
    color:#343434;
}
.caboutnumitem .wz .unit{
	font-size: 26px;
	color:#343434;
	font-weight: normal;
}

.caboutnumitem .wz2{
	position: relative;
	font-size: 24px;
	color:#7a7a7a;
	font-weight: normal;
	margin-top:4px;
}

.caboutnumitem .wz2:after{
	content: '';
    position: absolute;
    z-index: 100;
    width: 50px;
    border-radius:2px;
    left: 2px;
    height: 7px;
    background: #ebebeb;
    opacity: 1;
    top: 48px;
}


.cooperation-four{
	margin:102px 0px 96px;
}
.cooperation-four .ctit{
	text-align: center;
	color:#1e1e1e;
	font-size: 48px;
	margin-bottom: 10px;
}
.cooperation-four .subtit{
	text-align: center;
	color:#1e1e1e;
	font-size: 28px;
	margin-bottom: 56px;
}

.jionbox{
	display:flex;
	flex-wrap: wrap;
    justify-content: space-around;
}
.jionbox .jionitem{
	text-align: center;
	width:300px;
}
.jionbox .jionitem img{
	width:160px;
}
.jionbox .jionitem h3{
	margin-top:42px;
	font-size: 26px;
	margin-bottom: 16px;
}
.jionbox .jionitem p{
	font-size: 20px;
	line-height: 36px;
}

.jionin{
	margin-top:80px;
	padding:120px 70px;
	background:#e5edf9;
	border-radius: 28px;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.jionintit{
	font-size: 36px;
	color:#1e1e1e;
}

.jioninbox {
  width: 585px;
  max-width:585px;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  border-radius:40px;
}
.jioninbox #formsearch {
	    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.jioninbox #formsearch input {
  outline: none;
  background: none;
  border: none;
  height: 76px;
}
.jioninbox #formsearch #keyword {
  color: #dfdfdf;
  font-size: 18px;
  line-height: 76px;
  font-weight: normal;
  padding: 0 0px 0px 36px;
  width: calc(100% - 50px);
}
.jioninbox #formsearch #keyword::placeholder {
  color: #a1a1a1;
  font-size: 20px;
}
.jioninbox #formsearch #s_btn {
	content:"加入我们";
  background-color: #f5a100;
  font-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: calc(22 / 160 * 100%) auto;
  width: 244px;
  height:59px;
  margin-right:9px;
  border-radius:30px;
  color:#fff;
}
.jioninbox #formsearch #s_btn:before{
	content:"加入我们"
}



.subbox{position:absolute; bottom:0px; width:100%;}
.subbox .centerh{width:720px; margin: 0 auto; display:flex;justify-content: space-between;}
.subbox a{
	color:#fff;
	line-height:64px;
	font-size: 16px;
	border-bottom:7px solid rgba(255,255,255,0);;
}
.subbox a.act,.subbox a:hover{border-bottom:7px solid #fff;transition: all 1s;}

.serverbox{
	margin:72px auto;
	box-sizing: border-box;
}
.clearfixed:after{ content:""; clear:both; display:block}
.download-left{width:20%;-moz-box-shadow:0px 0px 10px #D1D1D1; -webkit-box-shadow:0px 0px 10px #D1D1D1; box-shadow:0px 0px 10px #D1D1D1; min-height:445px;    box-sizing: border-box; float:left;}
.download-left li{ line-height:94px;}
.download-left li a{ display:block; /*padding-left:35%; */font-size:18px; position:relative; transition-duration:.5s; text-align: center;}
.download-left li a:before{ content:""; width:23px; height:23px; position:absolute; top:35px; left:15%; background-repeat:no-repeat; background-position:0 0;transition-duration:.5s;}
.download-left li a:hover,.download-left li .on{ color:#fff; background:#f5a100;}
.download-left li a:hover:before,.download-left li .on:before{ background-position:0 -23px;}


.download-right{float:right; width:77%;    box-sizing: border-box;}
.xz-list-ti{ background:#f4f4f4}
.xz-list-ti li{ float:left; height:56px; line-height:56px; color:#333; font-size:18px; width:15%; text-align:center;    box-sizing: border-box;}
.xz-list-ti li:nth-child(1){ width:49%; margin-right:6%;}
.xz-list-nr{ border-bottom:1px dashed #d3d3d3; line-height:70px;}
.xz-list-nr li{ width:15%; text-align:center; font-size:16px; float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;  height:70px;   box-sizing: border-box;}
.xz-list-nr li:nth-child(1){ width:49%; margin-right:6%; text-align:left; background:url(../images/jt1.png) no-repeat left; background-size:12px; background-position:12px 30px; padding-left:32px;}
.xz-list-nr li img{ transition-duration:.5s; padding-top:20px;}
.xz-list-nr li:hover img{ transform:scale(1.1,1.1)}

.videobox{display: flex; flex-wrap: wrap; justify-content:flex-start;;}
.videoitem{width:calc((100% - 60px)/4); margin-right:20px; position: relative; padding:24px; box-sizing: border-box; background:#fff; border-radius:12px; margin-bottom:20px;}
.videoitem:nth-child(4n){margin-right:0px}
.videoitem .videourl{position: relative;}
.videoitem:hover{cursor: pointer;}
.videoitem img{max-width:100%; border-radius:16px; display: block;}
.videoitem .video-span{font-size:16px; line-height:1.6; padding-top:18px; display:block; color:#000;}
.videoitem a{display: block; width:56px; height:32px; border:2px solid #f5a100; border-radius:12px; text-align: center; line-height:32px; font-size:16px; margin:12px auto 0px;}
.videoitem a:hover{cursor: pointer;}
.ys_pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.videoopen{max-width:48px}
.videoopen img{max-width:100%}


.ys_videom_video {
    display: none;
    margin: 0 auto
}

.ys_videom_iframebox {
    display: none
}

.ys_videom_btn {
    cursor: pointer
}

.ys_videom {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .84)
}

.ys_videom_container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.ys_videom_close {
    position: absolute;
    right: 0;
    top: 0.5em;
    cursor: pointer;
    z-index: 10;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px;
    color: #fff;
    height:32px;
    width:32px;
}
.ys_videom_close img{max-width:100%}
.ys_videom_close .iconfont {
    font-size: inherit
}

.ys_videom_content {
    width: 1000px;
    max-width: calc(100vw - 40px);
    max-height: calc(100vh - 80px);
    overflow: auto;
    text-align: center
}

.ys_videom_video {
    max-width: 100%;
    max-height:640px;
    vertical-align: middle;
    background: #000
}

.ys_videom_iframebox {
    text-align: center
}

.ys_videom_iframebox iframe {
    max-width: 100%;
    min-width: 100px;
    min-height: 100px
}

.prosearch{
	position: absolute;
  	top: 272px;	
  	width:100%;
}
.prosearchbox {
  margin:0 auto;
  width: 92%;
  max-width:1080px;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  border-radius:12px;
}
.prosearchbox #formsearch {
	    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.prosearchbox #formsearch input {
  outline: none;
  background: none;
  border: none;
  height: 80px;
}
.prosearchbox #formsearch #keyword {
  color: #dfdfdf;
  font-size: 18px;
  line-height: 80px;
  font-weight: normal;
  padding: 0 1em;
  width: calc(100% - 50px);
}
.prosearchbox #formsearch #keyword::placeholder {
  color: #dfdfdf;
}
.prosearchbox #formsearch #s_btn {
  background-color: #f5a100;
  font-size: 0;
  background-image: url("../images/search4.png");
  background-repeat: no-repeat;
  background-position: center;
  /*background-size: calc(36 / 160 * 100%) auto; */
  width: 244px;
  height:59px;
  margin-right:9px;
  border-radius:10px;
}
.prosearchbox input::-ms-input-placeholder{color: #f00; font-size:18px;}
.prosearchbox input::-webkit-input-placeholder{color: #f00; font-size:18px;}





@media(max-width:1600px){
	.cooperation-th{
		height:770px;
		background-size: cover;
	}
	.cooperation-th .thtit{
		font-size: 42px;
		padding-top: 108px;
		margin-left: 48px;
	}
	.cooperation-th .thsubtit{
		font-size: 24px;
		margin-left: 48px;
		margin-bottom:42px;
	}

	.caboutnum{
		margin-left: 48px;
		margin-top:72px;
	}
	.caboutnumitem .wz .counter{
		font-size: 56px;
	}
	.caboutnumitem .wz{
		font-size: 32px;
	}
	.caboutnumitem:nth-child(1), .caboutnumitem:nth-child(2){
		margin-bottom: 64px;
	}
	.caboutnumitem .wz2{
		font-size: 20px;
	}
	.caboutnumitem .wz2:after{
		height:5px;
		top:42px;
	}

	.prosearch{
		top:292px;
	}

	.prosearchbox #formsearch #keyword{
		height:64px;
		line-height:64px;
	}

	.prosearchbox #formsearch #s_btn{
		height:48px;
	}
}

@media(max-width:1600px){
	.cooperation-first img{
		width:640px;
	}
	.cooperation-sec .ctit{
		font-size:40px;
	}
	.cooperation-sec .subtit{
		font-size: 22px;
	}

	.coop-container{
		width:1360px;
	}
	.cooperation-four{
		margin:72px 0px 64px;
	}
	.cooperation-four .ctit{
		font-size:40px;
	}
	.cooperation-four .subtit{
		font-size: 22px;
	}
	.contactcontainer{
		width:1360px;
	}

	.map{
		width:92%;
	}
	.aboutcon{
		padding: 0px 42px;
	}
	.aboutnum{
		    width: calc(100% - 400px);
	}
	.aboutnumbox .biaoyu{
		width:400px;
	}

	.aboutimg img{
		max-width: 100%;
	}

	.culturebox .cultureitem{
		width:440px;
		height:560px;
	}
}
@media(max-width:1366px){
	.caselistbox .nycontainer{
		width:1280px;
	}

	.contactcontainer{
		width:1280px;
	}

	.aboutbox{
		margin:64px 0px 48px;
	}

	.aboutcon{
		margin-top: 32px;
		font-size: 20px;
		line-height:42px;
	}

	.aboutnum{
		margin-top:56px;
	}

	.aboutnumitem{
		border-left:6px solid #ebebeb;;
		padding-left:8px;
	}

	.aboutnumitem:hover{
		/*color:#f5a100;*/
		border-left:6px solid #f5a100;
		cursor: pointer;
	}
	.culturebox .cultureitem{
		width:420px;
		height:536px;
	}

	.prosearch{
		top:262px;
	}

	.prosearchbox #formsearch #keyword{
		height:56px;
		line-height:56px;
	}

	.prosearchbox #formsearch #s_btn{
		height:48px;
	}
}

@media(max-width:1280px){
	.nycontainer,.caselistbox .nycontainer,.coop-container{
		width:96%;
	}
	.casetit{
		margin:48px 0px 36px 0px;
		font-size:28px;
	}
	.cooperation-first{
		padding:64px 0px;
	}
	.cooperation-first img{
		width:calc(878 * 0.48px);
	}
	.cooperation-sec{
		margin:56px 0px;
	}
	.cooperation-sec .ctit{
		font-size:32px;
	}
	.cooperation-sec .subtit{
		font-size:18px;
	}

	.cooperation-th{
		height: 600px;
		background-size: cover;
	}

	.cooperation-th .thtit{
		font-size: 32px;
		padding-top: 64px;
		margin-left: 24px;
	}
	.cooperation-th .thsubtit{
		font-size: 18px;
		margin-left: 24px;
		margin-bottom:22px;
	}

	.caboutnum{
		margin-left: 24px;
		margin-top:42px;
	}
	.caboutnumitem .wz .counter{
		font-size: 44px;
	}
	.caboutnumitem:nth-child(1), .caboutnumitem:nth-child(2){
		margin-bottom: 44px;
	}
	.caboutnumitem .wz2{
		font-size: 16px;
	}
	.caboutnumitem .wz2:after{
		height:5px;
		top:32px;
	}

	.cooperation-four .ctit{
		font-size:32px;
	}
	.cooperation-four .subtit{
		font-size: 18px;
	}
	.cooperation-four{
		margin:64px 0px 48px;
	}

	.jionbox .jionitem h3{
		font-size: 22px;
	}
	.jionbox .jionitem p{
		font-size: 16px;
		line-height:32px;
	}
	.contactcontainer{width:1200px;}
}


@media(max-width:1200px){
	.sub_banner{padding-top:60px;}
	.casetit{margin:24px 0px 20px;}
	.case_list dd{
		width:calc((100% - 20px)/2);
		margin-right:20px;
		margin-bottom:20px;

	}
	.case_list dd:nth-child(3n){margin-right:20px;}
	.case_list dd:nth-child(2n){margin-right:0px;}
	.casepic{width:48%;}
	.casepic img{max-width:100%}
	.casecon{width:50%;}
	.casecontent img{max-width:100%}
	.casecontent h2{font-size:20px; font-weight:bold}

	.aboutbox{margin:32px 0px 28px;}
	.aboutbox h2{font-size:24px;}
	.aboutcon{margin-top:24px; font-size: 16px; line-height:32px; padding:0px 24px;}
	.aboutnumbox{padding:0px 24px;     align-items: center;}
	.aboutnum{margin-top:24px; width:60%; margin-bottom: 16px;}
	.aboutnumitem .wz{font-size:24px; width:auto;}

	.aboutnumbox .biaoyu{width:40%; text-align: center;}
	.aboutimg{margin-top:24px;}
	.culturebox{margin-top:32px; padding:32px 0px;}
	.culturebox h2{font-size: 24px; margin-bottom:24px;}
	.culturebox .cultureitem{width:calc((100% - 20px)/3); height:0px; padding-bottom:42%}
	.culturebox .cultureitem .cultureb .img{max-width:100%;}
	.culturebox .cultureitem .cultureb .wz{left:18px; bottom:32px;}
	.culturebox .cultureitem .cultureb .wz h3{font-size:18px; margin-bottom:6px;}
	.culturebox .cultureitem .cultureb .wz p{font-size: 14px;}
	.culturebox .cultureitem .cultureh .yuan{margin-top:40px;}
	.culturebox .cultureitem .cultureh .wz h3{
		font-size:18px; margin-bottom:6px;
	}
	.culturebox .cultureitem .cultureh .wz p{font-size:14px;}

	.contactcontainer{width:96%;}
	.contactcate{padding:10px 12px 0px}
	.contactcon{width:calc(100% - 200px)}
	.contactitem{font-size:16px;}
	.contactitem .nr{font-size: 14px}
	.map{margin:182px auto 44px;}

	.picbox{padding:36px 0px;}
	.picboxtit{font-size:24px; letter-spacing:0px; line-height:42px;}
	.picboxcon{margin-top:18px;}
	.picboxcon img{max-width:100%}

	.cooperation-sec{margin:32px 0px;}
	.adboxitem{width: calc((100% - 14px) / 2); margin-bottom:14px;}
	.adboxitem .cnum{margin-left:4px;}
	.adboxitem .cicon{padding:40px 20px;}
	.adboxitem .adcon{padding-left: 0px}
	.adboxitem .adcon h3{font-size:20px; margin-bottom: 16px;}
	.adboxitem .adcon p{font-size:14px; line-height:24px;}
	.cooperation-th {
	    background: url(../images/cooperationbg.jpg) no-repeat left;
	    background-size: cover;
	}
	.cooperation-th .thtit{font-size:24px;}
	.cooperation-th .thsubtit{font-size: 14px;}
	.caboutnum{margin-top:24px; width:80%;}
	.cooperation-four .ctit{font-size:24px;}
	.cooperation-four .subtit{font-size: 14px;}
	.jionbox .jionitem{width:calc((100% - 32px)/3); margin-right:16px;}
	.jionbox .jionitem:nth-child(3){margin-right: 0px;}
	.jionbox .jionitem img{width:120px;}
	.jionbox .jionitem h3{font-size:18px; margin:24px 0px 14px;}
	.jionbox .jionitem p{font-size:14px;}

	.jionin{margin-top:32px; padding:36px 24px; border-radius:12px;}
	.jionintit{font-size:24px;}
	.jioninbox #formsearch #keyword{height:44px;}
	.jioninbox #formsearch #s_btn{height:36px;}
	.jioninbox{width:520px;}

	.page-position .nycontainer{width: calc(100% - 35px);}

	.prosearchbox{
		width:80%;
	}
	.prosearchbox #formsearch #keyword{
		height:42px;
		line-height:42px;
	}

	.prosearchbox #formsearch #keyword{
		font-size: 14px;
	}
	.prosearchbox #formsearch #s_btn{
		height:36px;
		background-image: url(../images/search2.png);
    	background-repeat: no-repeat;
    	background-position: center;
    	background-size: calc(32 / 160* 100%) auto;
    	width: 124px;
	}
	.prosearchbox #formsearch #keyword::placeholder {
  		color: #dfdfdf;
	}
	.prosearchbox input::-ms-input-placeholder{color: #f00; font-size:14px;}
	.prosearchbox input::-webkit-input-placeholder{color: #f00; font-size:14px;}
}
@media(max-width:768px){
	.case_list dd{
		align-items: flex-start;
	}
	.case_list p{
		font-size:14px;
		line-height:20px;
	}
	.casebox{padding:24px 0px;}
	.casepic{max-width:100%; width:100%;}
	.casepic img{max-width:100%}
	.casecon{width:100%; margin-top:12px;}
	.casecontent img{max-width:100%}
	.casecontent h2{font-size:20px; font-weight:bold}
	.casecon h2{font-size: 16px; font-weight: bold; margin-bottom: 10px;}
	.casecon p{font-size:14px; line-height:30px;}
	.casecontent{margin:24px 0px 32px;}
	.casecontent h2{font-size:16px;}
	.casecontent p{font-size:14px;}

	.aboutcon{padding:0px;}
	.aboutnum{margin-top:16px; margin-bottom:10px;}
	.aboutnumbox{padding:0px;}
	.aboutnumitem{width:50%;    box-sizing: border-box; margin-bottom:8px;}
	.aboutnumitem {
    border-left: 4px solid #ebebeb;
    padding-left: 6px;
}
	.aboutnumitem .wz .counter{font-size:20px; letter-spacing:0px;}
	.caboutnumitem .wz{font-size: 24px}
	.aboutnumitem .wz{font-size:14px;}
	.aboutnumitem .wz2{font-size: 12px;}
.aboutnumitem .wz .unit{font-size:10px;}
	.aboutnumbox .biaoyu img{max-width:100%}
	.culturebox .culture{display:block;}
	.culturebox .cultureitem{width:100%; padding-bottom:128%; margin-bottom:12px;}
	.culturebox .cultureitem .cultureh .yuan{margin-top:32%;}

	.honorbox{margin:24px 0px;}
	.honor_list dd{width: calc((100% - 16px) / 2); margin-right:16px;}
	.honor_list dd:nth-child(4n){}
	.honor_list dd:nth-child(2n){margin-right: 0px;}
	.honor_list dd a{padding:8px 8px 0px;}
	.picbox{padding:24px 0px;}
	.picboxtit{font-size:16px; letter-spacing:0px; line-height:32px;}
	.picboxcon{margin-top:18px;}
	.picboxcon img{max-width:100%}

	.cooperation-first{padding:32px 0px;}
	.cooperation-first img{width:90%;}
	.cooperation-sec{margin:32px 0px;}
	.cooperation-sec .ctit{font-size:18px;}
	.cooperation-sec .subtit{font-size: 14px; margin-bottom:20px;}
	.adboxitem{width:100%; margin-bottom:14px;}
	.adboxitem .cnum{margin-left:4px;}
	.adboxitem .cicon{padding:24px 20px;}
	.adboxitem .adcon{padding-top:32px;}
	.adboxitem .adcon{padding-left: 0px}
	.adboxitem .adcon h3{font-size:20px; margin-bottom: 16px;}
	.adboxitem .adcon p{font-size:14px; line-height:24px;}
	.cooperation-th {
	    background: url(../images/cooperationbg.jpg) no-repeat left;
	    background-size: cover;
	    height:500px;
	}
	.cooperation-th .thtit{font-size:px;}
	.cooperation-th .thsubtit{font-size: 14px;}

	.cooperation-th2{
		background: url(../images/cooperationbg2.jpg) no-repeat right;
	    background-size: cover;
	    height:440px;
	    display:none;
	}

	.caboutnum{margin-top:24px; width:calc(100% - 24px);}
	.caboutnumitem .wz .unit{font-size:18px;}
	.cooperation-four .ctit{font-size:24px;}
	.cooperation-four .subtit{font-size: 14px;}
	.jionbox .jionitem{width:100%; margin-right:0px;}
	.jionbox .jionitem:nth-child(3){margin-right: 0px;}
	.jionbox .jionitem img{width:120px;}
	.jionbox .jionitem h3{font-size:18px; margin:14px 0px 14px;}
	.jionbox .jionitem p{font-size:14px;}

	.jionin{margin-top:32px; padding:36px 24px; border-radius:12px; display:block;}
	.jionintit{font-size:24px; margin-bottom:12px;}
	.jioninbox #formsearch #keyword{height:44px;}
	.jioninbox #formsearch #s_btn{width:144px;}
	.jioninbox #formsearch #s_btn{height:36px;}
	.jioninbox{width:100%;}

	.subbox .centerh{max-width:92%;}
	.subbox a{line-height:36px;}
	.serverbox{
		margin:24px auto;
	}
	.videoitem .video-span{
		text-align: center;
	}
	.videoitem{
		width:100%;
		margin-right: 0px;
	}

	.download-left{width:100%; min-height:48px; margin-bottom:12px; box-shadow: 0px 0px 0px #D1D1D1;}
	.download-left li{line-height:36px; float:left; width:32%; margin-right:2%; margin-bottom:2%; border:1px solid #ccc;     box-sizing: border-box;}
	.download-left li:nth-child(3n){margin-right:0px;}
	.download-left li a{font-size: 12px;  white-space: nowrap;}
	.download-right{width:100%;}
	.xz-list-ti li{font-size:14px; height:40px; line-height:40px;}
	.xz-list-nr li{height:40px; line-height:40px;}
	.xz-list-nr li:nth-child(1){background-position:4px 13px; padding-left:20px; font-size: 12px;width:64%;}
	.xz-list-nr li:nth-child(2){display:none}
	.xz-list-ti li:nth-child(2){display:none}
	.xz-list-ti li:nth-child(1){width:64%;}
	.xz-list-nr li img{padding-top:10px; width:24px;}

	.contactbox{position: inherit; bottom:-0px;}
	.contactcon{width:100%; display:block;}
	.contactitem .ctit{margin-bottom:4px;}
	.contactitem .ctit i{width:28px; height:28px; background-size: 16px;
    background-position: 3px;}
	.contactitem .ctit i.c1 {
    background: url(../images/c2.png) no-repeat;
    background-size: 16px;
    background-position: 4px;
}
.contactitem .ctit i.c2 {
    background: url(../images/c1.png) no-repeat;
    background-size: 16px;
    background-position: 4px;
}
.contactitem .ctit i.c3 {
    background: url(../images/c3.png) no-repeat;
    background-size: 16px;
    background-position: 4px;
}
.contactitem .nr{font-size: 16px; margin-bottom:4px;}

.contactewm img{max-width:100px;}

	.map{margin-top:32px;}
	.jioninbox #formsearch #keyword{font-size: 14px; padding-left:14px;}
	.jioninbox #formsearch #keyword::placeholder {
  color: #a1a1a1;
  font-size: 14px;
}




.jionintit{font-size: 16px;}
.jioninbox #formsearch #s_btn{font-size:14px;}

.prosearch{
		top:88px;
	}
	.prosearchbox #formsearch #keyword{
		height:36px;
		line-height:36px;
	}
	.prosearchbox #formsearch #s_btn{
		height:32px;
	}

}