/* ========== */
/* = RESET = */
/* ========== */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html { 
	overflow-x:hidden; 
	-webkit-text-size-adjust:none;
	/*cursor: url(../images/home/hand_ico.ico),auto;*/
}

body {
	min-width: 320px;
	color: #222;
	font-family: "Microsoft Yahei",-apple-system,"PingFang SC","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;
	-webkit-overflow-scrolling: touch;
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}

ul,ol,li,dl{
  list-style: none;
}
button:hover{ background:#FBD100 !important;color:#fff !important;border:none !important;cursor:pointer;}

/*RESET A*/
* { text-decoration: none!important;}
a,
a:visited,
a:active,
a:hover,
a:focus { 
	text-decoration:none!important; 
	outline:none; 
	star: expression_r(this.onFocus=this.blur());
}
a {
  color: #222;
}
p,span{
  letter-spacing:1px;
}
/* HTML5 RESET THE OLD BROWERS*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0; }
 
/*CLEAR the FLOAT*/
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{
	clear:both; 
	display:block; 
	height:0; 
	visibility:hidden; 
	line-height:0; 
	content:'\20';
}

.bgFull{
	background-size: cover;
	background-position: center center;
	background-repeat: nno-repeat
}

/*RESET the FORM*/
fieldset { border: 0!important;}
input, button, textarea, select { font-size:100%; outline:none; resize:none; font-family: "Microsoft Yahei",-apple-system,"PingFang SC","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}
input[type="button"],input[type="text"], textarea{-webkit-appearance:none;} 
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }

input::-webkit-input-placeholder{ color: #aaaaaa;}
input:-moz-placeholder{ color: #aaaaaa;}   
input::-moz-placeholder{ color: #aaaaaa;}
input:-ms-input-placeholder{ color: #aaaaaa;} 

textarea::-webkit-input-placeholder{ color: #aaaaaa;}
textarea:-moz-placeholder{ color: #aaaaaa;}   
textarea::-moz-placeholder{ color: #aaaaaa;}
textarea:-ms-input-placeholder{ color: #aaaaaa;} 

/*RESET IMAGES*/
img { 
  width:100%;
  height:auto;
	display: block;
	border: 0;
	margin: 0 auto;
}

/*IMAGE CENTER*/
.vertical-center {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute; 
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*RESET FONTS*/
.t2 { text-indent: 2em;}
em { font-style: normal;}
.overf {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*LAYOUT*/
.page-wrap{ 
	padding-top: 91px;
	font-size:18px;
	position:relative; 
	width: 100%; 
	overflow:hidden;
}

.container{
	width: 100%;
	max-width: 1540px;
	padding: 0 8%;
	margin: 0 auto;
}

.transition {
	-webkit-transition: all ease .6s;
	   -moz-transition: all ease .6s;
	    -ms-transition: all ease .6s;
	     -o-transition: all ease .6s;
	        transition: all ease .6s;
}
.b-shadow{
	-o-box-shadow:0 0 30px rgba(0,0,0,.1); 
	-ms-box-shadow:0 0 30px rgba(0,0,0,.1); 
	-moz-box-shadow:0 0 30px rgba(0,0,0,.1); 
	-webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 
	box-shadow:0 0 30px rgba(0,0,0,.1);
}




.fixed-button{ position: fixed; bottom:5%; right:0; z-index: 9;}
.fixed-button a{ display: block; width: 60px; height: 60px; margin-top:2px; background-size: cover;}
.fixed-button .back-contact{ background-image: url(../images/back_contact.png);}
.fixed-button .back-top{ background-image: url(../images/back_top.png);}
.fixed-button .back-list{ background-image: url(../images/back_list.png);}



/* ========== */
/* = HEADER = */
/* ========== */
.header{ position: fixed; top:0; left:0; width: 100%; padding:0 60px; height: 90px; z-index: 999; -webkit-transition: all ease .4s; transition: all ease .4s; background: #FFFFFF; display: flex; flex-flow: wrap;  -webkit-box-shadow: 0 0 22px rgba(0,0,0,.15); box-shadow: 0 0 22px rgba(0,0,0,.15);align-items: center; justify-content: space-between;}
.header_bg1{ background:transparent; -webkit-box-shadow: none; box-shadow:none;}
.header .logo{ padding: 0;}
.header .logo img{ height: 90px;}
.header ul{ width: 947px; max-width: 1260px; padding: 0; display: flex; flex-flow: wrap; align-items: self-end; justify-content: space-between; margin:0 30px;height: 90px;}
.header ul li{ padding: 0;}
.header ul li>a{ display: block; height: 90px; line-height: 90px; font-size: 20px; color: #303133; letter-spacing: 0;}
.header ul li>a:hover{ color: #fcbf04;}
.header li{ position:relative; z-index: 2;}
.header li>a{ display:block; height: 90px; line-height: 90px; font-size: 20px; color:#131f41; position: relative;}
.header li.active>a,
.header li:hover>a{}
.header li.active>a:before,
.header li:hover>a:before{ content:'';background:#fcbf04;width:100%;height:6px;position:absolute;left:0px;bottom:-1px;}
.header li:hover div{ display: block;}
.header li div{ display: none; position: absolute; top:91px; left:50%; margin-left: -90px; width:180px; background:rgba(0, 0, 0, 0.6);border-radius: 0 0 4px 4px;  -webkit-box-shadow: 0 0 22px rgba(0,0,0,.15); box-shadow: 0 0 22px rgba(0,0,0,.15);z-index: -9999;}
.header li div a{ font-weight:500;display: block; line-height:44px; text-align: center; color:#ffffff; font-size: 16px;}
@meida(max-width:1024px){.header li div a{font-size:12px !important;}}
.header li div a:hover{background:rgba(0,0,0,.3);}
.header .top-menu .tel {
    display: block;
    padding-left: 30px;
    line-height: 30px;
    background: url(../images/ico_tel.png) no-repeat left;
	background-size: 24px;
    color: #fcbf04;
    font-size: 20px;
    font-weight:500;
}
.header .top-menu a {
	width:inherit;
    display: block;
    background: #fcbf04;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 40px;
    padding: 0 5px;
    text-align: center;
	display:none;
}
/*.header .top-menu a{ display:inline-block; width:40px; height: 40px; margin: 0 3px; background-size: cover;}*/
.header .top-menu .ico-lan{ background-image: url(../images/ico_en.png);}
.header .top-menu .ico-search{ background-image: url(../images/ico_search.png);}
.header .search-div{ display: none; z-index:1; position: absolute; top:91px; right:0px;  width: 425px; border-top:1px solid #97979a; background: #FFFFFF; padding:17px 85px 17px 28px; -webkit-box-shadow:0 0 10px rgba(0,0,0,.08); 
	box-shadow:0 0 10px rgba(0,0,0,.08);}
.header .search-div.show{ display: block;}
.header .search-div .in{ width:100%; height:45px; font-size:18px; line-height:25px; padding: 10px 20px; border: none; border-radius:6px; background: #f5f5f5; }
.header .search-div .bt{ position:absolute; top:16px; right:15px; width:70px; height:45px; border: none; background-color: #FFFFFF; background-size: cover; background-image:url(../images/search_bt.png); }

/*.header.header_bg1{ background:none; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);   box-shadow: 0 0 0 rgba(0,0,0,0);}*/
.header.header_bg1:hover{ background:rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 22px rgba(0,0,0,.09);   box-shadow: 0 0 22px rgba(0,0,0,.09); }
.header.header_bg1 li>a{ color: #FFFFFF;font-weight: 500; }
.header.header_bg1:hover li>a{ color: #222222;}

.header.contact_bg li>a{ color: #222222; font-weight:500;}
.header.header_bg1 .top-menu .ico-lan{ background-image: url(../images/ico_en_white.png);}
.header.header_bg1 .top-menu .ico-search{ background-image: url(../images/ico_search_white.png);}
.header.header_bg1:hover .top-menu .ico-lan{ background-image: url(../images/ico_en.png);}
.header.header_bg1:hover .top-menu .ico-search{ background-image: url(../images/ico_search.png);}
.header.header_bg1:hover li>a{ text-shadow: 0 0 0 rgba(0,0,0,0); -webkit-text-shadow: 0 0 0 rgba(0,0,0,0);}
@media(max-width:1600px){
  .header ul{
    width: 767px;
  }
  .header ul li>a{font-size:17px;}
}
@media (max-width:1440px) {
	.page-wrap{
		padding-top: 67px;
		font-size: 16px;
	}
	.header{ height: 67px !important;}
  .header ul,.header ul li>a{height:67px}
  .header ul li>a,.header li.active>a{line-height:67px !important;}
	.header .logo img{ height: 66px;}
	.header li>a{ line-height: 66px; height: 66px;  font-size: 16px;}
	.header li div{ top: 66px !important;}
	.header .top-menu a{ width: 30px; height: 30px;}
	
	.header .search-div{ top:67px; width: 24%; padding:12px 65px 12px 20px;}
	.header .search-div .in{ height:37px; font-size: 16px; line-height: 25px; padding: 11px 15px;}
	.header .search-div .bt{ top:12px; right:7px; width: 58px; height:37px;}
}
.showTel>a>span{
    background: url(../images/ico_tel.png) no-repeat left;
    background-size: 24px;
    display: block;
    color: #fcbf04;
    color:transparent;
  }
  .menuShow{
    display: none;
    width: 30px;
    height: 30px;
    overflow: hidden;
  }
  .menuShow img{
    width: 100%;
    height: 100%;
    object-fit: contain
  }
  .disTelbox{
    display: none;
    width: 30px;
    height: 30px;
    overflow: hidden;
  }
  .disTelbox img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

@media (max-width:1440px) {
  
	.page-wrap{
		padding-top: 67px;
		font-size: 16px;
	}
	.header .logo img{width: 140px !important;height: auto !important;}
	.header .top-menu a{ width: 30px; height: 30px;}
	.header .search-div{ top:67px; width: 24%; padding:12px 65px 12px 20px;}
	.header .search-div .in{ height:37px; font-size: 16px; line-height: 25px; padding: 11px 15px;}
	.header .search-div .bt{ top:12px; right:7px; width: 58px; height:37px;}
}

@media(max-width:1366px){
  .header ul{
    width:547px;
  }
}
@media(max-width:1180px){
  #headerContainer>a img{height: 60px;margin-top: 10px;}
  .header li>a{font-size: 16px;}
  .header {
    padding: 0 30px !important;
  }
  .header.contact_bg li>a,.header.header_bg1 li>a{
    font-size:12px;
  }
 .header ul{
    width:447px;
  }
  .header ul li>a{
    font-size:12px;
  }
}
@media(max-width:992px){
  .header li{position:unset;}
  .header.header_bg1 .show1{display:block}
  .header.header_bg1 .hide1 {display:none}
  .header{background-color:#fff}
  .header li:active div{display:block}
  #headerContainer>a img{margin-top: 0}
  .header li div a{white-space: nowrap; text-overflow: ellipsis;overflow: hidden;text-align: center;}
  .header ul,.header .top-menu .tel{
    display:none;
  }
  .menuShow,.disTelbox{
    display:block !important;
  }
  .header ul{
    position: absolute;
    right: 0;
    top: 67px;
    margin:0;
    width: 200px;
    background: #fff;
    height:auto;
  }
  .header ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    position: unset;
    
  }
  .menuShow{
    position: absolute;
    right: 8%;
  }
}
@media(max-width:990px){
  .header .logo img{width: 100px !important;height: auto !important;}
  .header li div{display: none;width: 100% !important;top: 0 !important;margin-left: -300px !important;background:#fff !important;box-shadow:none;height:340px;border-radius: unset;}
  .header li div a{color:#222222 !important;height: 67px;line-height: 67px;}
  .header li:last-child{display:none}
  .header.contact_bg li>a{
    display: flex;
    align-items: center;
  }
  .header.header_bg1 li>a{
    display: flex;
    align-items: center;
  }
}
@media(max-width:414px){
  .header{
    width:414px;
  }
}
@media(max-width:390px){
  .header li div{height:360px;}
  .header{
    width:390px;
  }
  .header ul li>a{
    height:60px;
  }
}
@media(max-width:375px){
  .header{
    width:375px;
  }

  .header .logo img {
    width:80px !important;
    height: auto !important;
  }
  #headerContainer{height:60px}
  .header {
    height: 60px !important;
  }
  .header ul{top:60px;}
}






/* ========== */
/* = FOOTER = */
/* ========== */
.footer{ width: 100%; padding:40px 6% 90px; background-color: #131f41; background-position:top center; color: #b7b7b7;}
.footer .link{ float: left;height: 220px;}
.footer .link .foot-logo{ margin-right:0px; width: 200px; display: inline-block; vertical-align: middle; margin-bottom: 40px;}
/*.footer .link .foot-logo img{ padding: 0 76px;}*/
.footer .link .foot-logo p span{ line-height:26px; font-size: 14px; padding-bottom:10px}
.footer_content{ display: inline-block; vertical-align: middle; }
.footer_content .footer_content_li{ float:left; margin-right: 0px;font-weight: bold;}
.footer_content .footer_content_li:last-child{ margin-right: 0px;}
.footer_content .footer_content_li:nth-child(4){ margin-right: 60px;}
.footer_content .footer_content_li > a{    font-size: 16px;
    line-height: 20px; color:#FFFFFF; display:block;}
.footer_content_li div{margin-top: 16px;
    max-width: 50px;}
.footer_content_li div a{    width: 84px;
    font-size: 14px;
    color: #6e7985;
    line-height: 22px;
    white-space: nowrap;
}
.footer_content a{ color:#FFFFFF;}
.footer_bottom{    margin-top: 40px;
    padding: 0 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute; z-index: 999; width: 100%; bottom: 0px;
	margin-left:-6%;
    height: 60px;
    background: #090f20;}
.footer_bottom p span{  line-height: 26px;
    font-size: 14px;}
.footer .share{ float: right; font-size: 17px;}
.footer .share span{ margin-right: 20px; display: inline-block; vertical-align: middle;}
.footer .share a{ margin:0 8px; display: inline-block; vertical-align: middle; width: 50px; height: 50px; background-size: cover; position: relative;}
.footer .share a div{ display: none; position: absolute; top:50px; left:50%; width: 120px; margin-left:-60px;}
.footer .share a:hover div{ display: block;}
.footer .share .ico-weixin{ background-image: url(../images/ico_weixin.png);}
.footer .share .ico-weibo{ background-image: url(../images/ico_weibo.png);}
.footer .text{ max-width: 1140px; margin-top: 40px; font-size: 13px; line-height:30px; color: #b7b7b7; text-align: left; letter-spacing:2px;}
.footer .text span{ margin-right: 30px;}
.footer .text a{ color: #b7b7b7; }
.footer .text .div-01{ display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; } 
.footer .text .div-01 div a{ display: inline-block; vertical-align: middle;}
.footer .text .div-01 div span{ margin-right: 10px; display: inline-block; vertical-align: middle;}
.footer .text .div-01 div img{ display: inline-block; vertical-align: middle;}
 


/* ========== */
/* = VIDEO-POP = */
/* ========== */
.video-button{ cursor:pointer;}
.video-pop{ display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.5); text-align: center; z-index: 99999;}
.video-pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;}
.video-pop .content{ position: relative; display: inline-block;  max-width: 800px; vertical-align: middle; background: #000000;}
.video-pop .content video{ display: block; max-width: 100%; }
.video-pop .close{ position: absolute; top:0; right: -65px; cursor: pointer; width: 65px; height: 65px; background-image: url(../images/video_close.jpg); background-size: cover;}


.home-button{width:153px; display: inline-block; padding: 0 40px; color: #343434 !important;font-weight:600; font-size:16px; line-height: 40px; background: none; border: 1px solid #6e6e6e !important;;}
.home-button:hover{ border: 2px solid #fcbf04; background-color: #fcbf04; color: #fff !important;}
//底部footerbanner
.footerBanner{
    width: 100vw;
    height: 238px;
    background:linear-gradient(180deg, #252145 0%, #1F3261 100%);
  }
  .footerBannerContent{
    padding-top: 40px;
    width: 100vw;
    height: 193px;
    display: flex;
    align-items: center;
	  background:linear-gradient(180deg, #252145 0%, #1F3261 100%);
  }
  .footerBannerContentLogoText{
    width:527.57px;
    margin-left:22.4%;
    height:100%;
  }
  .footerBannerContentLogo{
    width: 151.43px;
    height: 106px;
    overflow: hidden;
  }
  .footerBannerContentLogo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .footerBannerContentText{
    margin-left: 88px;
  }
  .footerBannerContentText>div:nth-child(1){
    width: 288px;
    margin-bottom: 8px;
  }
  .footerBannerContentText > div:nth-child(2){
    margin-top: 20px;
  }
  .footerBannerContentText div{
    font-size: 14px;
    color: #C3C4CE;
    letter-spacing: 0.2px;
    font-weight: 400;
    margin-bottom: 4px;
  }
  .footerCard{
    display: flex;
    align-items: center;
  }
  .footerCard>div:nth-child(1){
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin-right: 9px;
  }
  .footerCard>div:nth-child(1) img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .footerBannerContentQrCodeList{
    display: flex;
    margin-left: 20.5%;
    height:100%;
  }
  .footerBannerContentQrCode{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 50px;
    height:100%;
  }
  .qrCodeImg{
    width: 84px;
    height: 84px;
    overflow: hidden;
  }
  .qrCodeImg img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .qrCodeText{margin-top: 6px;}
  .qrCodeText div{
    font-size: 14px;
    color: #C3C4CE;
    letter-spacing: 0.2px;
    text-align: center;
    font-weight: 400;
  }
  .footerBannerBootomContent{
    width: 100%;
    height: 45px;
    background: #151F41;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .footerBannerBootomContentText{
    width:687px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .footerBannerBootomContentTextItem{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
  }
  .footerBannerBootomContentTextItem div{
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #C3C4CE;
    letter-spacing: 0;
    text-align: center;
    line-height: 17px;
    font-weight: 400;
  }
  .footerBannerBootomContentTextItem div>a{
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 17px;
    font-weight: 400;
  }
  .footerBannerContentLogoText{
    display: flex;
  }
 

  @media(max-width:1366px){
    .footerBannerContentLogoText{
      margin-left:16.4%;
    }
  }
  @media(max-width:1180px){
    .footerBannerContentLogoText{
      margin-left:12.4%;
    }
  }
  @media(max-width:1024px){
    .footerBannerContentQrCodeList{
      margin-left:10.5%;
    }
    .footerBannerContentLogoText{
      margin-left:8.4%;
    }
  }
  @media(max-width:990px){
    .footerBannerContentQrCode{flex-direction:row;margin: 0 20px;padding:0;}
    .qrCodeText div{margin-left:10px;text-align:left;font-size:12px;}
    .footerBannerBootomContent{display:none}
    .footerBannerContent{
      display:flex;
      flex-direction: column;
      
      align-items: center;
      height:240px;
      padding: 30px 0;
    }
    .footerBannerContentQrCodeList{margin-left:0 !important;justify-content:center}
    .footerBannerContentText{;margin-left:20px !important;width:260px}
    .footerBannerContentLogo{margin-left:30px !important;}
    .footerBannerContentText div{font-size:12px;text-align:left;}
    .footerBannerContentText>div:nth-child(1){margin-bottom:0px;width:100%;}
    .footerBannerContentLogo{width:101.43px;height:86px;}
    .qrCodeImg{width:64px;height:64px;}
    .footerBannerContentLogoText {margin-left:0;margin-bottom: 10px;width:100%;align-items: center;justify-content:center;}
  }
  @media(max-width:390px){
    .footerBannerContentText div {font-size: 10px;}
    .footerBannerContentLogoText {width:100%;margin-top: 0;}
    .qrCodeText{margin-left:10px;}
    .qrCodeText>div:nth-child(1){text-align:left;}
    .qrCodeImg{width:58px;height:58px;}
    .footerBannerContentText>div:nth-child(1){width:100%;}
    .footerBannerContentText {width: 210px;}
  }
  @media(max-width:375px){
    .footerBannerContentText div {font-size: 10px;}
    .qrCodeText{margin-left:10px;}
    .qrCodeText>div:nth-child(1){text-align:left;}
    .qrCodeImg{width:58px;height:58px;}
    .footerBannerContentLogoText{margin-bottom:0px;}
  }
  @media(max-height:800px){
    @media(max-width:420px){
      .qrCodeText{margin-left:10px;}
      .qrCodeText div{text-align:left;}
      .footerBannerContentQrCode{flex-direction:row;}
      .newsInfo>.newsInfoCard:nth-child(3){display:none}
    }
  }


/* ========== */
/* = 404 = */
/* ========== */
.main-404{ text-align:center; padding:6% 0 10%; line-height: 32px;}

/* ========== */
/* = SITEMAP = */
/* ========== */
.sitemap{ padding: 10% 0; }
.sitemap .tit{ padding-bottom:20px; border-bottom: 2px solid #EEEEEE; font-size: 16px; color: #333333;}
.sitemap .tit span{ margin-right: 20px; text-transform: uppercase; font-size:26px;}
.sitemap li{ padding: 25px 0; border-bottom: 2px solid #EEEEEE; line-height: 30px;}
.sitemap li span{ display: inline-block; min-width: 120px;}
.sitemap li span a{ display: inline-block; margin-right: 20px; color: #333333;}
.sitemap li span a:hover{ color: #e6061f;}
.sitemap li>a{ display:inline-block; margin:0 20px; font-size: 16px;}
.sitemap li>a:hover{ color: #e6061f;}



/* ========== */
/* = SEARCH = */
/* ========== */
.search-page{ padding-bottom:6%;}
.search-page .search-top{ margin-bottom:5%;}
.search-page .search-top .search-letter{ max-width:50%; margin:0 auto;}
.search-page .search-top .theme{ margin-top: -60px;}
.search-page .search-content{ width:65%; max-width: 870px; margin: 40px auto 0; height: 94px; position: relative; background: #f0f0f1; border-radius:7px; overflow: hidden; padding-right:94px;}
.search-page .search-content .in{ width: 100%; background-color: #f0f0f1; height: 90px; line-height: 30px; padding:30px; border: none;}
.search-page .search-content .button{ position: absolute; top:0; right:0; width: 94px; height: 94px;  border: none; background-color: #f0f0f1; background-image: url(../images/search_button.png); background-size:cover;}
.search-page .result{  border-bottom:2px solid #222222; padding:30px 30px 25px; font-size: 22px; font-weight: bold;}
.search-page .red{  color: #e6061f;}
.search-page .container{ max-width: 1080px;}
.search-box{ margin-top: 65px; }
.search-tit{ font-size: 24px; font-weight: bold; padding: 0 30px;}
.search-box ul{ margin-top: 25px; border-bottom:2px solid #222222;  border-top:2px solid #222222; padding:40px 0;}
.search-box li{ margin-top: 40px; padding: 0 30px;}
.search-box li:first-child{ margin-top: 0; border-top: none; padding-top: 0;}

.search-expert li{ border-top:2px solid #222222; padding-top: 35px;  line-height: 36px;}
.search-expert li .tit{ font-weight: bold;}
.search-expert li .con{ margin-top: 10px; text-align: justify;}

.search-case li a{ display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.search-case li .img{ width: 30%;}
.search-case li .con{ width: 70%; line-height: 36px; text-align: justify;}

.search-list li a{ display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.search-list .con{ width: 58%; padding: 0 7%;}
.search-list li .img{ width: 42%; position:relative;}
.search-list li .img div{ overflow: hidden; width: 100%;}
.search-list li .img div:after{ content:""; position: absolute; top:0; left:0; z-index: 1; height: 100%; width: 100%; background: rgba(0,0,0,.2);}
.search-list li .img img{ position: relative; z-index:0; width: 100%;}
.search-list li .img span{ position: absolute; top:50%; left:50%; width: 36px; height: 36px; margin-left: -18px; margin-top: -18px; background-image: url(../images/video/gary_play.png); background-size:cover; z-index: 1;}
.search-list li a:hover .img span{  background-image: url(../images/video/red_play.png);}

.search-list .video-con i{ font-style: normal; padding: 3px 12px; background: #dd061f; color: #FFFFFF; display: inline-block;}
.search-list .video-con p{ margin-top:12px; max-width: 320px; line-height: 28px; height: 56px; overflow: hidden; color: #333333;}

.search-list .media-con .tit{ max-width: 460px; color: #333333; line-height: 40px; max-height: 88px; overflow: hidden;}
.search-list .media-con .source span{ margin-top: 20px; display: block; position: relative; color:#999999; padding-left: 45px; line-height: 30px;}
.search-list .media-con .source span:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-size: cover;}
.search-list .media-con .source span:nth-child(1):before{ background-image: url(../images/ico_article.png);}
.search-list .media-con .source span:nth-child(2):before{ background-image: url(../images/ico_date.png);}
.search-list .dongtai-con .tit{ line-height: 30px; height: 60px; overflow: hidden;}
.search-list .dongtai-con i{ font-style: normal; margin-top:10%; display: block; color: #666666; }
.search-page .more{ margin-top: 45px;}


@media (max-width:1500px) {
	.search-page .search-content{ height: 74px; }
	.search-page .search-content .in{  height: 74px; line-height: 24px; padding:25px;}
	.search-page .search-content .button{ width: 74px; height: 74px;  }

}
@media(max-width:430px){.head{margin-top: 67px !important;}.contact-content-1{top: 15% !important;margin-left:-60px!important;}.contact-content-1 p:nth-child(1){font-size:24px !important}.contact-content-1 .p{font-size:13px !important}}
@media(max-width:375px){.head {margin-top: 60px !important;}}