* {
    -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;
  
}*/

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;
}



/* 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;
}

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 { 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
}


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;} 


img { 
  
  max-width: 100%;
  border: 0;
  margin: 0 auto;
}


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


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


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

.container{
  width: 100%;
  max-width: 1540px;
  padding: 0 12%;
  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{ position: fixed; top:0; left:0; width: 100%; padding: 0 30px 0 60px; height: 90px; z-index: 999; -webkit-transition: all ease .4s; transition: all ease .4s; background:#FFFFFF; -webkit-box-shadow: 0 0 22px rgba(0,0,0,.15); box-shadow: 0 0 22px rgba(0,0,0,.15);  display: flex; flex-flow: wrap; align-items: center; justify-content: space-around;}
.header .logo{ padding: 0;}
.header .logo img{ height: 90px;}
.header ul{ width: 72%; max-width: 1260px; padding: 0; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.header li{ position:relative; z-index: 2;}
.header li>a{ display:block; height: 90px; line-height: 90px; font-size: 20px; color:#222222; position: relative;}
.header li.active>a,
.header li:hover>a{ color:#006400;}
.header li:hover div{ display: block;}
.header li div{ display: none; position: absolute; top:90px; left:50%; margin-left: -70px; width:140px; background:rgba(0,0,0,.6);}
.header li div a{ display: block; line-height:44px; text-align: center; font-size: 20px; color:#FFF; font-size: 16px;}
.header li div a:hover{background:rgba(0,0,0,.4);}
.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); }
@media(min-width:780px){
.header.whitebg{ background:none; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);   box-shadow: 0 0 0 rgba(0,0,0,0);}}
.header.whitebg:hover{ background:#FFFFFF; -webkit-box-shadow: 0 0 22px rgba(0,0,0,.15);   box-shadow: 0 0 22px rgba(0,0,0,.15); border-bottom: 1px solid rgba(255,255,255,.3);}
.header.whitebg li>a{ color: #FFFFFF; text-shadow: 0 4px 8px rgba(0,0,0,.4); -webkit-text-shadow: 0 4px 8px rgba(0,0,0,.4);}
.header.whitebg:hover li>a{ color: #222222;}
.header.whitebg .top-menu .ico-lan{ background-image: url(../images/ico_en_white.png);}
.header.whitebg .top-menu .ico-search{ background-image: url(../images/ico_search_white.png);}
.header.whitebg:hover .top-menu .ico-lan{ background-image: url(../images/ico_en.png);}
.header.whitebg:hover .top-menu .ico-search{ background-image: url(../images/ico_search.png);}
.header.whitebg: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:1440px) {
  .page-wrap{
    padding-top: 34px;
    font-size: 16px;
  }
  .header{ height: 67px;}
  .header .logo img{ height: 66px;}
  .header li>a{ line-height: 66px; height: 66px;  font-size: 17px;}
  .header li div{ top: 66px;}
  .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;}
}




.footer{ width: 100%; padding:55px 6%; background-image: url(../images/footer_bg.jpg); background-position:top center; color: #b7b7b7;}
.footer .link{ float: left;}
.footer .link .foot-logo{ margin-right:30px; width: 70px; display: inline-block; vertical-align: middle;}
.footer .link a{ display: inline-block; vertical-align: middle; color: #b7b7b7; margin: 0 26px; font-size: 17px; position: relative; letter-spacing:2px;}
.footer .link a:hover{ color: #FFFFFF;}
.footer .link a:after{ content:""; position: absolute; margin-top: -6px; right:-26px; top:50%; width: 1px; height: 12px; background: #FFFFFF;}
.footer .link a:last-child:after{ display: none;}
.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-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{ display: inline-block; padding: 0 40px; color: #6e6e6e; font-size:16px; line-height: 40px; background: none; border: 2px solid #6e6e6e;}
.home-button:hover{ border: 2px solid #e6061f; color: #e6061f;}


@media (max-width:1500px) {
  .footer{  padding:40px 6%;}
  .footer .link a{ font-size: 16px; margin:0 22px;}
  .footer .link .foot-logo img{ height:38px;}
  .footer .share{ font-size: 16px;}
  .footer .share a{ height: 38px; width: 38px;}
  .footer .text{ margin-top: 30px; font-size: 14px; line-height:26px; max-width: 1040px;}

}
@media (max-width:1360px) {
  .footer .link a{ font-size: 15px; margin:0 16px;}
  .footer .text{ max-width: 917px; font-size: 13px;}

}





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


.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-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;  }

}*/