﻿@charset "utf-8";
/* CSS Document */



/*banner图*/
.flexslider{width:100%;height:480px; position: relative;  overflow:hidden; z-index: 1;}
		/*图片*/
.flex-viewport,.flexslider .slides,.flexslider .slides li/*,.flexslider .slides li a img*/{ display: block; width:100%; /*height:100%;*/}
.flexslider .slides li { overflow: hidden; position: relative;}
.flexslider .slides li a { display: block; width:1920px; height:100%; position: relative; left:50%; margin-left:-960px}
 

.flexslider .slides li a { text-align: center;}
.flexslider .slides li a img { display: inline-block; width:100%; height:480px;}

		/*按钮点*/
.flex-control-nav{width:100%;position:absolute;bottom:21px;text-align:center; z-index: 9999;}
.flex-control-nav li{display:inline-block;zoom:1;*display:inline; margin: 0 5px}
.flex-control-paging li a{ background-image:url(../images/dd.png) ;background-position: center 0; display: block; width: 15px; height: 15px; overflow: hidden; text-indent: -99em; cursor: pointer;}
.flex-control-paging li a.flex-active{ background-position: center -15px;}

.flex-direction-nav{ width: 100%; position: absolute; left: 0; top: 250px; z-index: 9999; display: none }
/* .flex-direction-nav .flex-prev { width: 24px; height: 64px;  font-size: 0; display: block; background: url(../images/ban-l.png) no-repeat;float: left; margin-left: 50px; }
.flex-direction-nav .flex-next { width: 24px; height: 64px;font-size: 0; display: block; background: url(../images/ban-r.png) no-repeat;float: right ; margin-right: 50px;} */


.content-bj{ width: 100%; background-color: #f7f8f8 ; background-image: url(../images/cont-g.png); background-repeat: no-repeat ; background-position: bottom center; overflow: hidden;}
.content-box{ width: 1280px; margin: 0 auto; margin-bottom: 49px;}

.lm-box{ width: 1280px; height: 53px ; background-color: #fff ; box-shadow: 0 5px 5px #ddd}
.lm-box a{ width: 213.3px; height: 53px; line-height: 53px; text-align: center; float: left; font-size: 16px; color: #363636;}
.lm-box a.on{ background-color: #f14e48 ; color: #fff; font-weight: bold}
.lm-box a:hover{background-color: #f14e48 ; color: #fff; font-weight: bold}

.right-top{width: 1280px; height: 24px; text-align: right; margin-top: 23px;}
.right-top span{ font-size: 12px; color: #707070 ; background: url(../images/dw.png) no-repeat; background-position: left center; padding: 8px 0 8px 35px;}
.right-top span a{font-size: 12px; color: #707070 ; padding: 3px 1px;}
.right-top span .ow{ color: #f14e48; border-bottom: 2px solid #f14e48}
.right-top span a:hover{color: #f14e48; border-bottom: 2px solid #f14e48}

.titel{width: 1280px;/* border-bottom: 1px solid #cacaca ;*/   background: url(../images/rx.png) no-repeat; background-position: left bottom; padding: 28px 0 10px 0}
.titel h3{ width: 100%; text-align: center; font-size: 30px; color: #282828}
.titel h5{width: 100%; text-align: center; font-size: 14px; color: #a7a7a7; padding: 3px 0 0 0z}
.titel h5 span{ color: #f14e48}

.wz{width: 1280px;}
.wz ul{ width: 1170px; margin: 0 auto; padding-top: 50px; border-bottom: 1px solid #cacaca; overflow: hidden;}
.wz ul li{width: 1170px; height: 44px; border-bottom: 1px dashed #bfbfbf; overflow: hidden;}
.wz ul li h3{ width: 950px; height: 44px; line-height: 44px; font-size: 16px; color: #454545; padding-left: 2px; float: left; white-space:nowrap;  text-overflow:ellipsis; overflow: hidden;}
.wz ul li h5{ width: 100px; height: 44px; line-height: 44px; font-size: 16px; color: #454545;float: right; padding-right: 22px; overflow: hidden;}
.wz ul li:hover h3{ color: #f14e48}


/* 翻页 */
.pageCustom{ text-align:center; margin:auto; margin-top: 46px;}
.pageCustom a{width: 33px; height: 33px;display: inline-block;border: solid 1px #a1a1a1; background-color: #fff;line-height: 33px;text-align: center;font-size: 14px;color: #767a8b;margin: 0 3px;}

/*提示*/
.pageCustom  a.pageCustom_Prompt{ width:auto; padding:0px 12px; }

/*第一页*/
.pageCustom a.pageCustom_First  {width: 66px;height: 33px;display: inline-block;border: solid 1px #a1a1a1;
line-height: 33px;text-align: center;}
.pageCustom a.pageCustom_First:hover{border: solid 1px #3fa660;background-color: #3fa660;font-weight: bold;
color: #fff;}
.pageCustom a.pageCustom_First_Disable{ width: 66px;height: 33px;display: inline-block;
line-height: 33px;text-align: center;border: solid 1px #a1a1a1; background-color: #fff}
/*上一页*/
.pageCustom a.pageCustom_Pre{ width: 66px;height: 33px;display: inline-block;border: solid 1px #a1a1a1;
line-height: 33px;text-align: center; }
.pageCustom a.pageCustom_Pre:hover{border: solid 1px #3fa660;background-color: #3fa660;font-weight: bold;
color: #fff;  }
.pageCustom a.pageCustom_Pre_Disable{width: 86px;height: 33px;display: inline-block;border: solid 1px #a1a1a1;
line-height: 33px;text-align: center; }

/*页码*/
/* .pageCustom a.pageCustom_Num{  border-radius: 2px; } */
.pageCustom a.pageCustom_Num:hover{  border: solid 1px #f14e48; background-color: #f14e48; font-weight: bold;
 color: #fff; }
.pageCustom a.pageCustom_Num_On{ border: solid 1px #f14e48; background-color: #f14e48; font-weight: bold;
 color: #fff;}

/*下一页*/
.pageCustom a.pageCustom_Next{width: 86px;height: 33px;display: inline-block;border: solid 1px #a1a1a1;
line-height: 33px;text-align: center; }
.pageCustom a.pageCustom_Next:hover{ border: solid 1px #3fa660;background-color: #3fa660;font-weight: bold;
color: #fff; }
.pageCustom a.pageCustom_Next_Disable{ width: 66px;height: 33px;display: inline-block;border: solid 1px #a1a1a1;
line-height: 33px;text-align: center;}
 
/*尾页*/
.pageCustom a.pageCustom_Last{ width: 66px; height: 33px; display: inline-block; border: solid 1px #a1a1a1;
 line-height: 33px; text-align: center;  }
.pageCustom a.pageCustom_Last:hover{  border: solid 1px #3fa660; background-color: #3fa660; font-weight: bold;
 color: #fff; }
.pageCustom a.pageCustom_Last_Disable{ width: 66px; height: 33px; display: inline-block; border: solid 1px #a1a1a1;
 line-height: 33px; text-align: center; }

/*跳转*/
 .pageCustom a.pageCustom_Go{ width:auto; padding:0 6px; height:33px; display: inline-block; line-height: 33px;text-align: center; background: none ; border: none !important}
 .pageCustom a.pageCustom_Go input{ margin:0 3px; width: 46px; height: 33px;border: solid 1px #a1a1a1; text-align: center; font-size: 14px; color: #666; background-color: #fff}
/* 翻页end */




.tp-list{width: 1170px; margin: 0 auto;  padding-bottom: 30px; overflow: hidden; border-bottom: solid 1px #cacaca}
.tp-list ul{ width: 1220px; padding-top: 10px; }
.tp-list ul li{ width:360px;float: left;  text-align:center; margin-right:30px;  margin-left: 3px;  padding: 2px; position: relative; margin-top: 20px; margin-bottom: 4px; overflow:hidden;}
.tp-list ul li img{ width:360px; height:240px;cursor:pointer;}
.tp-list ul li h3{ width:360px; height:39px; line-height:39px;text-align:center; font-size:16px; color:#454545; text-align: center; overflow:hidden}
.tp-list ul li:hover{background-color: #f14e48;}
.tp-list ul li:hover h3{ color: #fff}

.tp-list ul li .vid{ width:360px; height:240px; background: url(../images/vid.png) repeat; position: absolute; left: 2px; top: 2px; text-align: center;}
.tp-list ul li .vid .vd{ width: 74px !important ; height: 54px !important; margin-top: 97px;}
.tp-list ul li:hover .vid{ display: none}

.cooperation{width: 1170px; margin: 0 auto; background: url(../images/dbt.png) no-repeat; background-position: left bottom; padding-bottom: 36px;margin-bottom: 35px;}
.cooperation ul{ width: 1115px; margin: 0 auto; padding-top: 40px; overflow: hidden;}
.cooperation ul li{ width: 520px; height: 148px; padding: 2px;float: left; margin-bottom: 48px; position: relative;}
.cooperation ul li img{width: 520px; height: 148px; }
.cooperation ul li .txt{width: 520px; height: 148px; background: url(../images/vid.png) repeat; position: absolute; left: 0; top: 0; display: none}
.cooperation ul li .txt h3{ width: 100%; height: 26px; line-height: 26px; text-align: center; font-size: 24px; color: #fff; margin: 44px 0 15px 0; overflow: hidden;}
.cooperation ul li .txt h5{width: 100%; height: 16px; line-height: 16px; text-align: center; font-size: 14px; color: #fff; overflow: hidden;}
.cooperation ul li:hover{ padding: 0; border: solid 2px #f15c56}
.cooperation ul li:hover .txt{ display: block}




.tw-list{ width: 1170px; border-bottom: 1px solid #cacaca;}
.tw-list ul{ width: 1170px; padding: 21px 0 0 0}
.tw-list ul li{ width: 1170px; padding-bottom: 14px; margin-top: 19px; border-bottom: 1px dashed #bfbfbf;}
.tw-list ul li a{width: 1170px;  display: block; padding-top: 19px; padding-bottom: 19px;overflow: hidden;}
.tw-list ul li a img{ width: 300px; height: 200px;float: left; margin: 0 26px 0 25px;}
.tw-list ul li a .tr{ width: 800px;float: left; }
.tw-list ul li a .tr h3{ width: 800px; height: 20px; line-height: 20px; font-size: 18px; color: #454545 ; white-space:nowrap;  text-overflow:ellipsis; margin: 5px 0 13px 0; overflow: hidden;}
.tw-list ul li a .tr p{ width: 800px; max-height: 60px ; line-height: 20px; min-height: 20px ; font-size: 14px; color: #aeaeae; overflow: hidden;}
.tw-list ul li a .tr h5{ width: 800px; height: 20px; line-height: 20px; text-align: right; font-size: 14px; color: #aeaeae; margin-top: 70px; overflow: hidden;}
.tw-list ul li a:hover{ background-color: #fff; box-shadow: 0 2px 2px #eff0f0; }
.tw-list ul li a:hover h3{ color: #f14e48}

.tw-list ul .nob img{ display: none}
.tw-list ul .nob .tr{ width: 1137px; padding-left: 33px;}
.tw-list ul .nob .tr h3{ width: 1114px; }
.tw-list ul .nob .tr p{width: 1114px;}
.tw-list ul .nob .tr h5{width: 1114px; margin-top: 30px;}





.bt-bj{ width: 1280px; background: url(../images/rx1.png) no-repeat ;background-position: left bottom; padding: 45px 0 10px 0; position: relative;}
.bt-bj h3{width: 1170px; margin: 0 auto; font-size: 26px; color: #282828; line-height: 34px; margin-bottom: 15px;}
.bt-bj h4{width: 1170px; margin: 0 auto;  height: 16px; line-height: 16px; font-size: 14px; color: #777777; }

.bdsharebuttonbox{ width: 210px !important; position: absolute; right: 55px; bottom: 5px; overflow: hidden;}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{   background-image: none !important;margin: 3px 2px 4px 0 !important;float: right !important;}
.bdsharebuttonbox .bds_weixin{ width: 32px !important; height: 32px !important; background-image: none; background: url(../images/b3.png) no-repeat !important;background-position: left center !important;}
.bdsharebuttonbox .bds_qzone{width: 32px !important; height: 32px !important; background-image: none; background: url(../images/b1.png) no-repeat !important;background-position: left center !important;}
.bdsharebuttonbox .bds_tsina{width: 32px !important; height: 32px !important; background-image: none; background: url(../images/b2.png) no-repeat !important;background-position: left center !important;}
.bdsharebuttonbox span{ font-size: 14px; color: #8a8a8a; position: relative; top: 8px; }


.sub-box{width: 1170px; margin: 0 auto; background: url(../images/dbt.png) no-repeat; background-position: left bottom; padding-bottom: 66px;margin-bottom: 35px; padding-top: 25px; font-size: 16px !important; color: #4c4c4c !important; line-height: 24px !important; overflow: hidden;}
.sub-box p{ margin: 16px 0 !important}
.sub-box img{ max-width: 100% !important; height: auto !important;}


 

.pg-box{ width: 1170px;margin: 0 auto;  height: 31px; background: url(../images/xx.jpg) no-repeat; background-position: center top;}

.page-t{ width:530px; height: 22px;float: left; margin-top: 4px;}
.page-t h3{ width:75px; height:22px; float: left; line-height:22px; font-size:16px; color:#ababab; margin-bottom:10px;  padding-left: 10px;}
.page-t a{ width:435px;height:22px; float: left;  line-height:22px;font-size:16px; color:#4c4c4c;  display:block; white-space:nowrap;  text-overflow:ellipsis; overflow:hidden}
.page-t:hover a{ text-decoration:underline; color:#cd0000}

.bt-bj2{ background: url(../images/rx.png) no-repeat ;background-position: left bottom;}
.bt-bj2 h3{ text-align: center}

/* 瀑布 */
.container{width:80%;margin: 0 auto;}
/*瀑布流层*/

/* 瀑布流 */
.Waterfall-bj{ width: 100%; padding-bottom: 45px;background: url(../images/cont-bj.jpg) repeat;}
.Waterfall-box{ width: 1200px; margin: 0 auto;}

.wt-top{ width: 1200px; height: 60px; border-bottom: 1px solid #d4c6b8; margin-bottom: 16px; position: relative;}
.wt-top h3{ height: 17px; line-height: 17px; background: url(../images/dw.png) no-repeat left center; padding-left: 26px; font-size: 14px; color: #55585e; position: absolute; left: 2px; bottom: 6px;}
.wt-top h3 a{ font-size: 14px; color: #55585e;}
.wt-top h3 a:hover{ color: #a2231a;}
.wt-top h4{ width: 300px; height: 30px; font-size: 18px; color: #a2a2a2; position: absolute; right: 5px ; bottom: 0; text-align: right; }
.wt-top h4 a{ height: 30px; font-size: 18px; color: #a2a2a2; display: inline-block; padding: 0 8px;}
.wt-top h4 a.mr{ color: #9f231b; border-bottom: 2px solid #9f231b}
.wt-top h4 a:hover{ color: #9f231b; border-bottom: 2px solid #9f231b}




/*插件运行的必须样式*/

.waterfall { width: 1170px; margin: 0 auto; height:0; position: relative; overflow: hidden;}

.waterfall ul li { position: absolute;}
.waterfall ul li a { display: block; position: relative; overflow: hidden; font-size:0; margin:4px;}
.waterfall ul li a .img { display: block; width:100%;  width: calc(100% - 4px) ;padding: 2px;}


.fallCol_1 ul li { width:100%; left:0;}
.fallCol_2 ul li { width:50%;}
.fallCol_2 ul li.fallLeft1 { left:0;}
.fallCol_2 ul li.fallLeft2 { right:0;}

.fallCol_3 ul { padding: 0 0.5%;}
.fallCol_3 ul li { width:33%;}
.fallCol_3 ul li.fallLeft1 { left:0.5%;}
.fallCol_3 ul li.fallLeft2 { left:33.5%;}
.fallCol_3 ul li.fallLeft3 { left:67%;}

.fallCol_4 ul li { width:25%;}
.fallCol_4 ul li.fallLeft1 { left:0;}
.fallCol_4 ul li.fallLeft2 { left:25%;}
.fallCol_4 ul li.fallLeft3 { left:50%;}
.fallCol_4 ul li.fallLeft4 { left:75%;}

.fallCol_5 ul li { width:20%;}
.fallCol_5 ul li.fallLeft1 { left:0;}
.fallCol_5 ul li.fallLeft2 { left:20%;}
.fallCol_5 ul li.fallLeft3 { left:40%;}
.fallCol_5 ul li.fallLeft4 { left:60%;}
.fallCol_5 ul li.fallLeft5 { left:80%;}

.fallCol_6 ul { padding: 0 2%;}
.fallCol_6 ul li { width:16%;}
.fallCol_6 ul li.fallLeft1 { left:2%;}
.fallCol_6 ul li.fallLeft2 { left:18%;}
.fallCol_6 ul li.fallLeft3 { left:34%;}
.fallCol_6 ul li.fallLeft4 { left:50%;}
.fallCol_6 ul li.fallLeft5 { left:66%;}
.fallCol_6 ul li.fallLeft6 { left:82%;}


#bxphotolist { display:none; position: fixed; z-index:99999999; top:0; left:0; width:100%; height:100%; overflow:hidden; background-image:url(../images/loading.gif); background-position: center center; background-repeat: no-repeat}
#bxphotolist table { table-layout: fixed; height:100%;}
#bxphotolist .bgbox { position: absolute; top:0; left:0; width:100%; height:100%; z-index:3;}
#bxphotolist .topbtnbox { position: absolute; z-index:6; top:-32px; left:0; width:100%;}
#bxphotolist .topbtnbox .inbox { margin: 0 auto;}
#bxphotolist .topbtnbox .close { float: right; color:#FFF; width:28px !important; height:28px; background-image:url(../images/close.png); background-size: cover; margin:3px 0 0 6px;background-repeat: no-repeat}
#bxphotolist .topbtnbox .showall { float: right; color:#ffffff; font-size:16px; line-height:32px; }
#bxphotolist .btnbox { width:100%; height:0; top:0; left:0; position: absolute; top:50%; z-index:6;}
#bxphotolist .btnbox a { display: block; position: absolute; top:-26px; width:29px; height:78px;}
#bxphotolist .btnbox a.prev { left:36px; background-image:url(../images/prev.png);}
#bxphotolist .btnbox a.next { right:36px; background-image:url(../images/next.png);}
#bxphotolist .nrbox { position: relative; z-index:5; margin: 0 auto; }

#bxphotolist .nrbox .inside { position: relative;/* overflow: hidden;*/ z-index:2; text-align: center; background: url(../images/bb-bj.png) repeat; padding: 10px; border-radius: 6px;}
#bxphotolist .nrbox .inside .imgbox { position: relative; overflow: hidden; height:0; }
#bxphotolist .nrbox .inside .img { max-width:100%;}

#bxphotolist .nrbox .inside .wzbox {  padding:10px 0; width: 98%; width:calc(100% - 20px); cursor: auto; background: url(../images/pb-bj.png) repeat-x;   position: absolute; left: 10px; bottom: 10px}

#bxphotolist .nrbox .inside .wzbox .wz1 { color: #ffffff; font-size:16px; line-height:24px; max-height:48px; width: 100%; text-align: left; text-indent: 10px;}
/*插件运行的必须样式*/

/*可以进行取舍的动画样式*/
.waterfall ul li {
	opacity:0;
    transition: transform 0.8s, opacity 0.8s;
    -webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
	
	transform: translate(0,20px);	/*将元素向左，向下移动x,y像素*/
	-ms-transform: translate(0,20px);
	-webkit-transform: translate(0,20px);
	-o-transform: translate(0,20px);
	-moz-transform: translate(0,20px);
}
.waterfall ul li.animateshow {
	opacity:1;
	transform: translate(0,0);
	-ms-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-o-transform: translate(0,0);
	-moz-transform: translate(0,0);
}
/*可以进行取舍的动画样式*/



.loadmore { width: 1170px; margin: 0 auto; text-align: center; padding:45px 0 30px 0; border-top: 1px solid #cacaca; margin-top: 30px;}
.loadmore a { display: inline-block; width: 148px;height: 43px;margin: 0 6px;color: #454545;font-size: 20px;
line-height: 43px;text-align: center; border-radius: 4px; border: solid 1px #454545}
.loadmore a:hover{  background-color: #ba8740;border: solid 1px #ba8740; color: #fff}
.waterfall ul li a { margin: 4px 4px;}
.waterfall ul li a .wzbox { padding:2px 10px;}
.waterfall ul li a .wzbox .wz1 { color:#454545; font-size:14px; line-height:40px; height:40px; overflow: hidden;}
#bxphotolist .bgbox { background-color:rgba(0,0,0,0.50);}
.waterfall ul li a:hover{ background-color: #f14e48;} 
.waterfall ul li a:hover .wz1{ color: #fff}


/* @media screen and (max-width:767px){
    .loadmore a{  width: 160px;height: 40px;line-height: 40px;font-size: 18px; display: inline-block;
color: #838383; text-align: center;border: 1px solid #dddddd;}
#bxphotolist .nrbox .inside .wzbox .wz1{ font-size: 14px}
#bxphotolist .btnbox a{width: 20px;height: 38px; background-size: cover}
#bxphotolist .nrbox .inside .wzbox .wz1{line-height: 18px; max-height: 36px;}
#bxphotolist .topbtnbox .showall{font-size: 18px;}
} */





.sub-box #map img { max-width: none !important;}





@media \0screen\,screen\9{
	.copy{ position: relative; top: 44px;}
	.tit3{ width: 410px; }
	.tit4{ width: 440px; }
} 






