@charset "UTF-8";
/*通用*/
a { color: #000; }

a:hover { color: #226578; }



/*导航条*/
.nav { background: #F2F6F8; height: 54px; }

.nav img { display: block; float: left; }

.nav ul { float: left; margin: 0 0 0 40px; }

.nav ul li { float: left; }

.nav ul li a { display: inline; line-height: 54px; text-decoration: none; }

.nav .inp { width: 22%; margin-top: 8px; }

/*导航条结束*/
/*内容*/
/*头条*/
.top-news { margin: 50px 0; }

.top-news h2 { font-weight: bolder; font-size: 34px; margin: 1em 0; text-align: center; }
.top-news h3 {
    font-weight: bolder;
    font-size: 32px;
    margin: 1em 0;
    text-align: center;
}

.top-news p { font-size: 18px; height: 3.6em; overflow: hidden; color: #504d4d; margin: 0.5em 0; padding-left: 15px; }

.desc span { float: left; display: inline-block; margin: 10px; font-size: 18px; color: #b70b0b; font-weight: bold; }

.desc span:after { right: -10px; border-width: 3px; border-color: #b70b0b; top: 2px; content: ""; position: absolute; border-style: solid; overflow: hidden; }

.desc span:before { right: -15px; border-width: 2px; border-color: #d81016; top: -3px; content: ""; position: absolute; border-style: solid; overflow: hidden; }

.desc span { position: relative; }

/*头条end*/

.main-banner { background-image: url(banner.jpg); background-position: center top; background-repeat: no-repeat; height: 510px;  }
.main-banner-xs { background-image: url(bannerxs.jpg); background-position: center top; background-repeat: no-repeat; height: 400px; background-size: cover; }

/*焦点图*/
.touch-slider { width: 100%; margin-bottom: 10px; position: relative; }

.touch-slider .touchslider-viewport { position: relative; width: 100%; overflow: hidden; }

.touch-slider .touchslider-viewport a { display: block; overflow: hidden; }

.photo-slider ul.photo-list li a img, .special-slider ul.photo-list li a img { transition: all .3s; }

.touch-slider .touchslider-viewport a:hover:after { opacity: .9; }

.touch-slider .touchslider-viewport img { width: 100%; display: block; }

.touch-slider .touchslider-viewport .touchslider-item { width: 20%; font-weight: 100; }

.touch-slider .touchslider-group { overflow: hidden; }

.touch-slider .touchslider-group .touchslider-nav-item { float: left; width: 20%; line-height: 2rem; font-size: .8em; text-align: center; }

.touch-slider .touchslider-group .touchslider-nav-item-current { background: #276; color: #FFF; }

.touch-slider .touchslider-nav .touchslider-next, .touch-slider .touchslider-nav .touchslider-prev { border-radius: 5px; cursor: pointer; opacity: .5; position: absolute; z-index: 100; top: 130px; background: url(prevnext.png) no-repeat; height: 90px; width: 60px; }

.touch-slider .touchslider-nav .touchslider-prev { left: 0; }

.touch-slider .touchslider-nav .touchslider-next { right: 0; background-position: -60px 0; }

.touch-slider .touchslider-nav .touchslider-next:hover, .touch-slider .touchslider-nav .touchslider-prev:hover { opacity: 1; }

@media (max-width: 760px) { .touch-slider .touchslider-viewport .touchslider-item p { font-size: 14px; bottom: 0; line-height: 2em; height: 2em; overflow: hidden; } }

.third-focus .slider-pagenation { width: 62px; margin: 0 auto;overflow:hidden; }

.third-focus .slider-pagenation .touchslider-nav-item.touchslider-nav-item-current { width:8px; }

.third-focus .slider-pagenation .touchslider-nav-item { box-sizing: border-box; border-radius: 6px; margin: 3px; float: left; transition: all 0.3s ease 0s; opacity: 1; background: #41a080; width:40px; height: 8px; }

.third-focus.touch-slider .touchslider-nav .touchslider-prev { cursor: pointer; opacity: .5; position: absolute; z-index: 100; top: 130px; background: url(prevnext.png) no-repeat; height: 62px; width: 38px; transition: left .3s; border-radius: 0; left: -80px; transition: left .3s; }

.third-focus.touch-slider .touchslider-nav .touchslider-next { cursor: pointer; opacity: .5; position: absolute; z-index: 100; top: 130px; background: url(prevnext.png) no-repeat; height: 62px; width: 38px; transition: left .3s; border-radius: 0; right: -80px; transition: right .3s; background-position: -39px 0; }

.third-focus .slider-pagenation { width: 62px; margin: 0 auto; }

.third-focus .slider-pagenation .touchslider-nav-item.touchslider-nav-item-current { width:8px; }

.third-focus .slider-pagenation .touchslider-nav-item { box-sizing: border-box; border-radius: 6px; margin: 3px; float: left; transition: all 0.3s ease 0s; opacity: 1; background: #41a080; width:40px; height: 8px; }


#btn-slider-second { overflow: hidden; }

#btn-slider-second:hover .touchslider-prev { left: 0; }

#btn-slider-second:hover .touchslider-next { right: 0; }

#btn-slider-second .touchslider-next:hover, #btn-slider-second .touchslider-prev:hover { opacity: 1; }

.focus-item { position: relative; }

.focus-item .item-txt { position: absolute; bottom: -22%; background-color: #eee; width: 80%; left: 0; right: 0; margin: 0 auto; padding: 20px; }

.focus-item .item-txt h3 { font-weight: bold; height: 1.6em; overflow: hidden; margin: 0; }

.focus-item .item-txt p { font-size: 14px; color: #999; height: 3.6em; overflow: hidden; margin: 0; }




/*焦点图*/
.news_list h2 { margin: 0; font-size: 20px; font-weight: bolder; }

.news_list p { margin: 0.5em 0; height: 5.4em; overflow: hidden; }

.news_list h3 { margin: 1em 0; font-size: 18px; position: relative; padding-left: 16px; }

.news_list h3 a:before { left: 0px; border-width: 2px; border-color: #cb0713; top: 13px; content: ""; position: absolute; border-style: solid; overflow: hidden; transition: all .3s ease 0s; }

.touch-slider .touchslider-nav .touchslider-prev { cursor: pointer; opacity: .5; position: absolute; z-index: 100; top: 130px; background: url(prevnext.png) no-repeat; height: 62px; width: 38px; transition: left .3s; border-radius: 0; left: -80px; transition: left .3s; }

.touch-slider .touchslider-nav .touchslider-next { cursor: pointer; opacity: .5; position: absolute; z-index: 100; top: 130px; background: url(prevnext.png) no-repeat; height: 62px; width: 38px; transition: left .3s; border-radius: 0; right: -80px; transition: right .3s; background-position: -39px 0; }

#btn-slider { overflow: hidden; }

#btn-slider:hover .touchslider-prev { left: 0; }

#btn-slider:hover .touchslider-next { right: 0; }

#btn-slider .touchslider-next:hover, #btn-slider .touchslider-prev:hover { opacity: 1; }
/*导航2*/
.navi_bg2 { background-color: #fd0002; }

.navi_bg2 ul { margin: 0; }

.navi_bg2 ul li { float: left; width: 20%; box-sizing: border-box; text-align: center; transition: all 0.3s; }

.navi_bg2 ul li a { display: block; padding: 15px; font-size: 18px; }

.navi_bg2 ul li:hover { background-color: #d60002; }

.navi_bg2 ul li:hover{ background-color: #c31e1e \9; }

.navi_bg2 li a { color: #fff; text-shadow: 0 0 1px rgba(111, 134, 134, 0.3); font-weight: 700; }

.navi_bg2 li a:before { color: #fff; content: attr(data-hover); display: none\9; position: absolute; opacity: 0; text-shadow: 0 0 1px rgba(255, 255, 255, 0.3); -ms-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); transition: transform 0.3s, opacity 0.3s; pointer-events: none; }

.navi_bg2 li a:hover:before, .navi_bg2 li a:focus:before { -ms-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg); transform: scale(1) translateX(0px) translateY(0px) rotate(0deg); opacity: 1; }

/*导航2*/


.topnews .slider-pagenation {
    position: absolute;
    right: 10px;
    bottom: 6px;
    z-index: 20;
}

.topnews .slider-pagenation span { margin: 5px; border-radius: 50%; }

.slider-pagenation .touchslider-nav-item.touchslider-nav-item-current { opacity: 1; filter: alpha(opacity=100); }

.slider-pagenation .touchslider-nav-item {
    box-sizing: border-box;
    border-radius: 6px;
    margin: 3px;
    float: left;
    transition: all 0.3s ease 0s;
    opacity: .6;
    filter: alpha(opacity=60);
    background: #fff;
    width: 7px;
    height: 7px;
}

.more{margin-top: 10px; margin-bottom: 90px;}
.more a{ display: block;padding: 15px;background-color: #f9f9f9;text-align: center;margin: 0 auto;color: #f10c0c;font-weight: bolder;}
.more a:hover{background-color: #f7f7f7;}	
	

	
.content.con-t .left { width: 50%;}
.content.con-t {border-bottom: none;}	
.content.con-t .right h3 {margin-top: 0;}

.headline { background-image: url(bg-headline.png); padding: 10px; margin-bottom: 20px; }

.headline .icon img {margin-top: 30px;}

.headline .title h1 { text-align: left; font-size:38px; }

.headline .title h1 a { color: #000; font-weight: 700; transition: all 0.2s; }

.headline .title h1 a:hover { color: red; }

@media (max-width: 767px) { .headline .title h1 { font-size: 16px; } }

/*主题*/
.content { overflow: hidden; zoom: 1; padding: 20px 0; border-bottom: 1px solid #eee; }

.content_box_title { text-align: center; margin: 45px 0 30px 0; }

.content_box_title a { display: block; font-size: 32px; font-weight: bold; }

.content_box_title img { width: 350px; }

.content .left { float: left; margin-right: 15px; width: 27%; position: relative; overflow: hidden; }

.content .left img { display: block; }

.content .right { overflow: hidden; zoom: 1; }

.content .right h3 { font-size: 20px; font-weight: bolder; }

.content .right p { font-size: 16px; height: 3.6em; overflow: hidden; color: #504d4d; text-indent: 2em; }

@media (min-width: 768px) { .content img { display: block; transition: all 0.3s; }
  .content:hover img { -ms-transform: scale(1.1); transform: scale(1.1); } }

@media (max-width: 767px) { .top-news h2 { font-size: 22px; }
  .content .left { margin-right: 10px; width: 38%; }
  .content .right h3 { font-size: 16px; font-weight: normal; margin: 0; }
  .content .right p { display: none; }
  .content { padding: 15px 0; }
  .top-news p { height: auto; }
  .top-news { margin: 25px 0; }
  .content .left img { border-radius: 8px; } }

/*主题end*/
/*视频*/
.content_mini-box { overflow: hidden; zoom: 1; }

.content_mini-box .ll { float: left; margin-right: 15px; width: 40%; }

.content_mini-box .ll img { display: block; }

.content_mini-box .text { overflow: hidden; zoom: 1; }

.content_mini-box .text h3 { position: relative; border-bottom: 1px solid #efefef; font-size: 18px; }

.content_mini-box .text span { font-style: italic; color: #999; }

.content_mini-box h3:before { position: absolute; content: ''; width: 50%; height: 1px; background-color: #3c3c3c; bottom: -1px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.content_mini-box h3:hover:before { width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: #f55; }

.content_mini-box .ll { position: relative; }

.content_mini-box .video-icon img { position: absolute; left: 38%; bottom: 24%; display: inline-block; width: 60px; height: 60px; }

/*视频end*/
/*大图*/
.single_project img { width: 100%; transition: all 1.2s linear; display: block; border-radius: 10px 10px 0 0; }

.single_project h3 { background: #eee; border-radius: 0 0 10px 10px; color: #202020; font-size: 18px; margin: 0; padding: 15px; height: 3.2em; overflow: hidden; }

.single_project:hover div.project_overlay { -ms-transform: scale(1); transform: scale(1); }

/*大图end*/
/*内容end*/
/*foot*/
.footer { left: 0; right: 0; bottom: 0; background: #F2F6F8; padding: 30px 0; color: #333; z-index: 4; }

.footer a { color: #333; }

.footer a:hover { color: #D84A4A; }

.footer em { font-style: normal; margin: 0 8px; color: #333; }

.footer .m-t-xs { margin-top: 10px; }

.footer .m-t-xs small { font-size: 70%; }

.footer .m-t-xs small em { margin: 0 4px; }

/*foot end*/

@media (max-width: 1199px) { 
.content .right p { height: 1.8em; margin: 0.5em 0;}
}