@charset "utf-8";

/* CSS Document */



.nav_click{ display:none;}



body{ min-width:100%;}

/*首页新闻*/

.container-layout{max-width: 1200px;}
.tab-news .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;}
.tab-news .tab .tab-nav li {display:inline-block;width:auto;text-align:center}
.tab-news .tab .tab-nav li a {background:#333;color:#fff;border-radius:30px;padding:0px 35px;height:54px;line-height:54px;margin:10px;display:block;border:0;font-size:16px;}
.tab-news .tab .tab-nav .active a {background: #2e73ba;cursor:default;color:#fff;border-bottom:0px solid #FD3C6B;}
.tab-news .tab .tab-nav .active{background:none}
.tab-news .tab .tab-nav .active a:hover {color:#FFF}
.tab-news .tab .tab-nav li a:focus {outline:none;}
.tab-news .tab .tab-nav li a:hover {background: #2e73ba;color:#fff;}
.tab-news .tab .tab-body{padding:0;border-radius:0;border-top:0}


.news2 .media{position:relative;}
.news2 .media .media-body {text-align:left;padding:20px 0 25px 0;z-index: 3;margin-top: 0}
.news2 .media .media-body strong a{font-size:18px;color:#333;display: block;height: 50px;}
/*.news2 .media:hover .media-body{background: #0068A5}*/
.news2 .media:hover .media-body strong a{color:#2e73ba;}
.news2 .media .ph{padding-bottom:67%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent: -3000px }
.news2 .media .ph::after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);-webkit-transition:.3s;transition:.3s;}
.news2 .media:hover .ph{transform:scale(1.02);-webkit-transition:.3s;transition:.3s;}


.list-post-time .media{padding:4px 20px 4px 0px;-webkit-transition:.3s;transition:.3s;margin-bottom:10px;}
.list-post-time .media .date{border-right:1px solid #efefef;height:120px;padding:20px;margin-right:30px}
.list-post-time .media .date .f-month{font-size:14px;color:#FFF}
.list-post-time .media .date .f-day{font-size:48px;padding:18px 0 10px 0; position: relative;display: inline-block;color: #2e73ba;}
.list-post-time .media .date .f-year{font-size:16px;color:#666;}
.list-post-time .media .date hr{width:30px;height:2px;margin:0 auto 15px auto;background:#2e73ba}
.list-post-time .media .media-body strong{padding:10px 0;display: block}
.list-post-time .media .media-body strong a{color:#333;font-size:16px;font-weight:600;transition: all 0.3s;}
.list-post-time .media .media-body p{margin-bottom:15px;line-height:26px;margin-top:0;color:#999;font-size:14}
.list-post-time .media  p,.p {line-height:16px}
.list-post-time .media:hover{background: #2e73ba}
.list-post-time .media:hover .date hr{background:#fff}
.list-post-time .media:hover .date .f-year,.list-post-time .media:hover .date .f-day{color:#fff;}
.list-post-time .media:hover .media-body strong a,.list-post-time .media:hover .media-body p{color:#FFF;transition: all 0.3s;}
.list-post-time .media:hover{-webkit-box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.05);-webkit-transition:.3s;transition:.3s;}
  
  
/* 首页新闻 end*/


@media screen and (max-width: 1200px) {

header{ min-width:100%;}

header .main{ min-width:100%;max-width:100%;}

.head_t{ height:auto; overflow:hidden;}

.logo{ height:70px; margin:10px 1%; }

.logo img{ height:70px; display:block;}

nav{ width:67%; margin-top:25px; }

nav li{ width:11%; margin-right:1%;}

.main{ min-width:90%; max-width:90%;}





.mark { padding-top:11%;}

.mark span{ font-size:15px;}



.copy ul:nth-of-type(1){ width:20%; margin-right:2%;}

.copy ul:nth-of-type(2){ width:38%; margin-right:2%;}

.copy ul:nth-of-type(3){ width:21%; margin-right:2%;}



}



@media screen and (max-width: 1024px) {

.box{ margin-top:50px;}

.brand > ul > li{ width:48%;}

.brand > ul > li.gc10,.brand > ul > li.gc9{ display:none;}



.tab_new > li{ width:31.33%; margin:0 1%;}

.you_new{ width:100%; margin-top:2%;}

.you_new li{ width:50%;}

.you_new .new_more{ top:auto; bottom:-55px;}



.copy ul{ margin-right:0; min-height:auto; }

.copy ul:nth-of-type(1){ border-bottom:1px solid #dcdcdc; width:100%; background:none;padding-bottom:20px; margin-bottom:20px;}

.copy ul li{ width:25%;}

.copy ul:nth-of-type(2){ width:60%; margin-right:0;}



.copy ul:nth-of-type(3){ width:36%; float:right; margin:0; padding:0; background:none;}

.copy ul:nth-of-type(3) img{ width:65%;}

.copy span{ width:100%; font-size:16px;}

}



@media screen and (max-width: 920px){



.logo{ height:60px;  margin:10px 1%;}

.logo img{ height:60px; display:block;}

nav{ width:77%; margin-top:21px;}

nav li{ width:11%; margin-right:1%; height:36px; line-height:36px;}

nav li a{ font-size:13px;}

}



@media screen and (max-width: 860px){

.box{ margin-top:20px;}

.box .box_tit{ font-size:22px;}

.box .box_more{ margin-top:30px;}

nav{ width:73%;}

nav li a{ font-size:12px;}



}



@media screen and (max-width: 760px) {

.logo{ height:60px;  margin:10px 1%;}

.logo img{ height:60px; display:block;}







.dtit h1{ width:40%;}

.dtit h2{ width:60%;}

.brand > ul > li{ width:33.33%;}

.brand > ul > li.gc9{ display: block;}

.brand > ul > li.gc10{ display:none;}



.box{ margin-top:0px;}

.box .box_tit{ font-size:20px;}

.box .box_more{ margin-top:20px;}





.yewu > ul > li h2{ font-size:18px;}





.tab_menu{ width:100%;}

.tab_menu li{ width:23%; margin:0 1%;}

.tab_new > li .n_txt{ display:none;}

.copyall{ padding:14px 5%; line-height:24px; height:auto; }

}





@media screen and (max-width: 640px) {



.gongsi .pic{ width:100%;}

.gongsi .pic img{ width:60%; margin:0 auto; display:block;}

.box{ margin-top:30px; margin-left:0; width:100%; }

.main{ min-width:90%; max-width:90%;}

.dtit h1{ width:35%;}

.dtit h2{ width:65%;}



.mark { padding-top:15%;}

.mark span{ font-size:18px;}

.brand > ul > li{ width:50%;}

.brand > ul > li.gc10{ display: block;}



.yewu>ul>li{ width:100%; margin:0; padding:30px 5%;} 

.yewu > ul > li h1{ width:90%;}



.copy ul:nth-of-type(2){ width:100%; padding:0 0 10px 35px;}

.copy ul:nth-of-type(3){ width:100%; background:none;}

.copy ul:nth-of-type(3) img{ width:50%;}



.nav_click{ display:block; margin:23px 2% 0 0;}	



nav{ width:100%;  top:80px; left:0; right:0; margin:0 auto; z-index:99;display:none;}	

nav li.on,nav li{ width:100%;line-height:50px;height:50px; padding:0 10%;color: #fff; border-bottom:0.01rem solid  rgba(255,255,255,0.3);background:rgba(0,0,0,0.8);border-radius:0;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;}

nav li>a{display:block; font-size:18px;line-height:50px; color:#ffffff}

nav li>a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: return;animation-name: return;}

.banner{ margin-top:80px;}



}





@media screen and (max-width: 480px) {

.mark { padding-top:27%;}

.mark span{ font-size:16px;}



.tab_new > li{ width:100%; margin:0;}

.tab_new > li .n_img{ height:auto;}

.tab_new > li .n_img img{ height:auto; width:100%;}

.mark i{ display:none;}

.dtit h1{ width:20%;}

.dtit h2{ width:80%;}



}