.topnav{ height:40px; line-height:40px; background:#333;}
.topnav a{ display:inline-block; padding:0 8px; color:#fff;}
.topnav span.f-fl{ padding-left:20px; display:inline-block;}
.topnav span.f-fr{ padding-right:20px; display:inline-block;}
.topbanner{ height:120px; background: url(../images/topbg.jpg) no-repeat center #ccc; background-size:cover;}
.topbanner span.f-fl{ display:inline-block; width:303px; height:120px; background:url(../images/piclogo.png) no-repeat left center;  margin-top:0px;}
.topbanner span.f-fr{ display:inline-block; padding-top:30px; line-height:30px;}
.topbanner span.f-fr b{ display:block; text-align:right; font-size: 18px;
    color: #fff; font-weight:normal;}
.topbanner span.f-fr i{ display:block; text-align:right; font-size:14px; color:#fff;}
.h1title{}
.h1title h1{margin: 60px 0px;
    color: #272727;
    font-size: 36px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;}
.daoyu_content {
    clear: both;
    color: #fff;
    display: block;
   
    margin: 60px auto 0px;
    width: 1000px;
    position: relative;
}
.daoyu_content b{
   	
    display: block;
    width:30px;
    height: 45px;
    position: absolute;
    left: 0;
    top:8px; 
	background: url(../images/douhao.png) no-repeat center top;
}
.daoyu_content p{font: 14px/26px "Microsoft YaHei";
    color: #272727;
    padding-left:45px;
    text-align: left;}
	.width1600{ width:1600px; margin:0 auto;}
	.piccontent{ width:1600px; margin:0 auto; margin-bottom:50px; }
	
	 
	.piccontent ul li{ border-bottom:1px solid #d7d7d7; padding:50px 0; position:relative; line-height:0;}
	.piccontent ul li:last-child{ border-bottom:0;  padding:50px 0 0 0;}
	.piccontent ul li img{ width:100%; height:auto;}
	.nofloat_bottom {
    text-align: left;
    display: block;
    width: 100%;
    position: relative;
    background: #fcfcfc;
    padding: 13px 0px 20px;
    font: 14px/25px "Microsoft YaHei";
    color: #3c3c3c;
	 
}
  .Num {
    position: absolute;
    width:48px;
    height:48px;
	 
    margin-top: 0px;
	top:15px;
	left:0;
    
	background: url(../images/num_1_5ea3fc2d.png) no-repeat center;
   
}
.nofloat_content {
    max-width: 1000px;
	
    width: 100%;
    margin: 0px auto;
	position:relative;
}
.nofloat_content p{ padding-left:70px; text-align:justify}
.nofloat_content p.match_phone{ display: none;}
.nofloat_bottom b {
    width: 35px;
    height: 35px;
    display: block;
	background: url(../images/icon.png) no-repeat;
   	background-position: -57px -376px;
    position: absolute;
    top: -23px;
    left: 0;
}
 .currNum {
    position: absolute;
    width:30px;
    text-align: center;
    top: 2px;
    left:0px;
    font-family: Georgia;
    font-style: italic;
    font-size: 24px;
    color: #c51115;
}
.totalNum {
   	position: absolute;
    text-align:center;
	width:28px;
    bottom: 2px;
    right:0px;
    font-family: Georgia;
    font-style: italic;
    font-size: 18px;
    color: #3c3c3c;
}
.nofloat_content p{ padding-top:10px;}
.txtbox{  padding:50px 0;    background:#2d3237;}
.txtbox h2{ padding-bottom:15px; color:#fff; text-align:left; font-size:16px;  }
.txtbox ul{width:1600px; margin:0 auto; display:block; text-align:center;}
.txtbox ul li{ display:inline-block; width:530px; height:180px;   border-radius:5px; padding-right:60px;  }
.txtbox ul li:nth-child(3){ width:400px;  padding-right:0px;  }
.txtbox ul li dl{ display:block; width:100%; padding-top:8px;}
.txtbox ul li dd{ float:left; width:120px; margin-right:15px;}
.txtbox ul li dd span{ display:block;}
.txtbox ul li dd:nth-child(3){ margin-right:0;}
.txtbox ul li dd  i{ display:block; color:#fff;}
.txtbox p{   vertical-align:text-top; text-align:left; line-height:28px; color:#ccc;  }
.lists{ background:#696969; padding:20px 0 50px 0; }
		.pictitle{ height:50px; line-height:50px; color:#fff;}
		.pictitle span.f-fl{ font-size:16px; font-weight:bold;}
 		.picScroll-left{ width:1600px;  overflow:hidden; position:relative;   margin:0 auto; height:250px; padding-bottom: 20px;}
		.picScroll-left .hd{    }
		.picScroll-left .hd ul{ position:absolute; left:0; bottom:-10px; width:100%; text-align:center;}
		.picScroll-left .hd ul li{ width:6px; height:6px; display:inline-block; margin:0 5px; border-radius:50%; border:1px solid #fff; overflow:hidden; text-indent:-999px;}
		.picScroll-left .hd ul li.on{ background:#fff;}
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:55px; height:182px;  overflow:hidden; cursor:pointer; position:absolute; background-image:url(../images/icon.png) ; background-repeat:no-repeat;  }
		.picScroll-left .hd .next{  top:0; left:0;     background-position: -360px 0px;   }
		.picScroll-left .hd .prev{  top:0; right:0;      background-position: -426px 0px; }
		.picScroll-left .hd .next:hover{  top:0; left:0;        background-position: -489px 0px; }
		.picScroll-left .hd .prev:hover{  top:0; right:0;        background-position: -554px 0px; }
		.picScroll-left .bd{ margin-left:0; overflow:hidden    }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align: justify;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:310px; height:182px; display:block;   }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px; text-align:center; padding-top:5px; color:#ccc; width: 310px;overflow: hidden;text-align: left; }
#shareit,#gocomment, #scrollTop {
    width: 61px;
    height: 61px;
    text-indent: -999em;
    overflow: hidden;
    cursor: pointer;
    position: fixed;
    right: 20px;
    z-index: 3;
    text-indent: -9999px;
	 background-image:url(../images/icon.png) ;
	 background-repeat:no-repeat;
}
#shareit{ bottom:180px; background-position: -651px 0px;}
#gocomment {
    background-position: -651px 0px;
    bottom: 110px;
}
#scrollTop {
    background-position: -651px -71px;
    bottom: 40px;
}
.comment{ background:#fff; padding:50px 0;}

.shareBox{ width:60px; position:fixed; top:400px; right:20px;}
.shareBox dd{ width:60px; height:60px; background-color:#ececec; background-position:center; background-repeat:no-repeat; /*overflow:hidden;*/ margin-bottom:2px; /*text-indent:-999px;*/ background-size:30px auto;}
.shareBox dd.tcwb{ background-image:url(../images/weixin.png)}
.shareBox dd.tcwb:hover{ background-image:url(../images/weixin2.png); background-color:#00c800;}
.shareBox dd.sina{ background-image: url(../images/weibo.png)}
.shareBox dd.sina:hover{ background-image: url(../images/weibo2.png); background-color:#ea5d5c;}
.shareBox dd.qzone{ background-image:url(../images/qq.png);  margin-bottom:10px;}
.shareBox dd.qzone:hover{background-image:url(../images/qq2.png); background-color:#ffce00;}
.shareBox dd.comment2{background-image: url(../images/dicuss.png)}
.shareBox dd.comment2:hover{background-image: url(../images/dicuss2.png); background-color:#3091f4;}
.shareBox dd.gotop{background-image: url(../images/gotop.png);}
.shareBox dd.gotop:hover{background-image: url(../images/gotop2.png); background-color:#ccc;}

.social-share dd a {
    display: block;
    width: 100%;
    height: 100%;
}

.social-share .social-share-icon {
    position: relative;
}

.social-share .icon-wechat .wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: absolute;
    z-index: 666;
    top: -50px;
    left: -128px;
    width: 120px;
    height: 150px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    -moz-transition: all 350ms;
    -webkit-tansition: all 350ms;
    transition: all 200ms;
}

.social-share .icon-wechat .wechat-qrcode.bottom {
    top: 40px;
    left: -84px;
}

.social-share .icon-wechat .wechat-qrcode.bottom:after {
    display: none;
}

.social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777;
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 100px;
    margin: 10px auto;
}

.social-share .icon-wechat .wechat-qrcode .qrcode img {
    width: 100%;
    margin: 0 auto;
}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
    margin: 0 !important;
}

.social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0;
}

.social-share .icon-wechat .wechat-qrcode::after {
    content: '';
    position: absolute;
    right: -8px;
    top: 50%;
    width: 0;
    height: 0;
    border-width: 6px 0 6px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

.social-share .icon-wechat:hover .wechat-qrcode {
    display: block;
}

.videobox {
    background: #2d2d2d;
    padding: 0px;
    height:675px;
}

.videobox_right {
    width: 370px;
    color: #ccc;
}

.videobox_right h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #fff;
}

.videobox_right p {

    padding-top: 25px;
    line-height: 30px;
    text-indent: 60px;
    text-align: justify;
    font-family: FZZCYSK;
    font-size: 20px;
    font-style: italic;
    letter-spacing: 1px;
}

.videobox_right p:before {
    content: "";
    height: 30px;
    background: url(../images/yh.png) no-repeat top left;
    display: block;
}

.videobox_right p:after {
    content: "";
    height: 30px;
    background: url(../images/yh2.png) no-repeat bottom right;
    display: block;
}	
.title_box {
    padding: 20px 30px 0 0;
}
.width1200 {
    width: 1200px;
    margin: 0 auto;
}
.pcdisplay{}	
.mdisplay{ display:none}
.vediobox{   padding:0px 0 0px 0;}
.txtbox2{text-align:center; color:#fff; padding:50px 0 50px 0; line-height:40px; text-align:center;}
.txtbox2 i{ padding:0 15px;}

 @media screen and (max-width: 1600px){
	
.videobox video{ width:100%; height:auto;}
	.piccontent{ width:1200px; margin:0 auto;}	
	.width1600{ width:1200px; margin:0 auto;}	
	.picScroll-left{ width:1200px;  overflow:hidden; position:relative; height:200px;   margin:0 auto;  }
	.picScroll-left .bd ul li .pic img{ width:230px; height:130px; display:block;   }
	.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:55px; height:130px;  overflow:hidden; cursor:pointer; position:absolute; background-image:url(../images/icon.png) ; background-repeat:no-repeat;  }
			.picScroll-left .hd .next{  top:0; left:0;     background-position: -360px -25px;   }
		.picScroll-left .hd .prev{  top:0; right:0;      background-position: -426px -25px; }
		.picScroll-left .hd .next:hover{  top:0; left:0;        background-position: -489px -25px; }
		.picScroll-left .hd .prev:hover{  top:0; right:0;        background-position: -554px -25px; }
		.txtbox ul li{ display:inline-block; width:340px; height:220px;   border-radius:5px; padding-right:60px;  }
     .picScroll-left .bd ul li .title{width: 230px;}

		}

 @media screen and (max-width: 1000px){
     .p5wCommon { display: none; }
     .nofloat_content p.match_phone{ display: block;}
     .nofloat_content p.match_pc{ display: none;}
     .topbanner span.f-fr b{font-size: 16px;}
     .shareBox{ display: none;}
	.topnav{ display:none;}
	.topbanner{ height:120px; background: url(../images/topbg.jpg) no-repeat left center #ccc; background-size:cover;}
	.topbanner span.f-fl{ display:inline-block; width:45vw; height:120px; background:url(../images/piclogo.png) no-repeat left center; background-size:contain; margin-top:0px; margin-left:10px;}
	.topbanner span.f-fr{ display:inline-block; padding-top:30px; line-height:30px; margin-right:10px;}
	.piccontent{ width:100%; margin:0 auto;}	
	.width1600{ width:100%; margin:0 auto;}	
	.picScroll-left{ width:100%;  overflow:hidden; position:relative;   margin:0 auto;  }
	.txtbox{ display:none;}
	.lists{ display:none;}
	.daoyu_content {
    clear: both;
    color: #fff;
    display: block;
   
    margin: 30px auto 0px;
    width:100%;
	padding:0 15px;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
    position: relative;
}
.daoyu_content b{
   	
    display: block;
    width:30px;
    height: 45px;
    position: absolute;
    left:15px;
    top:8px; 
	background: url(../images/douhao.png) no-repeat center top;
}
.nofloat_content {
    max-width: 1000px;
	padding:0 15px;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
    width: 100%;
    margin: 0px auto;
	position:relative;
}
  .Num {
    position: absolute;
    width:48px;
    height:48px;
	 
    margin-top: 0px;
	top:15px;
	left:15px;
    
	background: url(../images/num_1_5ea3fc2d.png) no-repeat center;
   
}.piccontent ul li{ border-bottom:none; padding:20px 0; position:relative; line-height:0;}
.h1title h1{margin:30px 0px;
    color: #272727;
    font-size:20px;
    font-weight: bold;
    line-height:40px;
	
    text-align: center;
	padding:0 15px;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
	}
		}

/*ͼƬÁбí*/
.pichome{background:#fff;}
.piclist{ width:1000px; margin:0 auto; padding:50px 0;}
.piclist a{ color:#333;}
.piclist ul li{ float:left; width:480px; margin-right:40px; margin-bottom:50px; }
.piclist ul li:nth-child(2n){ margin-right:0;}
.piclist ul li span{ display:block; line-height:0; overflow:hidden; }
.piclist ul li span img{ width:100%; height:auto;
    -webkit-transition: all .25s linear .1s;
    -moz-transition: all .25s linear .1s;
    -ms-transition: all .25s linear .1s;
    -o-transition: all .25s linear .1s;
    transition: all .25s linear .1s;}
.piclist ul li span a:hover img	{-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
.picinfo{ position:relative; padding-left:70px; padding-top:40px; }
.picinfo i{ display:inline-block; position:absolute; left:0; top:43px; border:2px solid #f1f1f1; width:20px; padding:5px; text-align:center; color:#999; } .picinfo i b{ /*color:#b01f24*/;}
.picinfo h2{ font-size:25px;  }
.picinfo h2 a{ color:#000;}
.picinfo h2 a:hover{ color:#b01f24}

.picinfo em{ display:block; color:#888;  font-size:14px; padding-top:5px; }
.picbanner{ text-align:center; padding:20px 0; background:url(../images/bg.jpg) no-repeat center #2d3237}
.picinfo p{ color:#888; padding-top:15px; text-align:justify; font-size:16px; line-height:30px;}
.picmore{ text-align:center; padding:20px 0; border-top:1px solid #ececec;cursor: pointer;}
.picmore:hover{background: #eee;}
.contactbox{ width:270px; border:0px solid #ececec; border-radius:5px; position: fixed; right:50%; padding:5px 15px 15px 15px; margin-right:-850px; top:204px; background:#f7f7f7;}
.contactbox h2{ padding:10px 0; font-size:16px;}
.contactbox h2 span{ display:inline-block; border-bottom:1px solid #ed1b24; padding-bottom:2px;}
.contactbox p{ padding:5px 0; color:#666;}
@media screen and (min-width:300px) and (max-width:1024px) {
	 .width1200 {
    width:100%;
    margin: 0 auto;
}
.videobox {
    background: #2d2d2d;
	background:none;
    padding: 0px;
    height:675px;
	height:auto;
	padding:0 15px;
}
.videobox  .f-fl{ width:100%;}
 .mainBody{ width:100%;}
	.pcdisplay{ display:none;}	
	.mdisplay{ display:block;}
	.txtbox2{text-align:center; color:#fff; padding:50px 0 40px 0; line-height:40px; text-align:center;}
	.txtbox2 img{ width:90%; height:auto;}
.txtbox2 i{ padding:0 15px;}
    .contactbox{ display:none;}
    .piclist{ width:100%; margin:0 auto; padding:15px 0;}
    .piclist ul { padding:0 15px;}
    .piclist ul li{ float:left; width:100%; margin-right:0px; margin-bottom:50px;   }
    .piclist ul li:nth-child(2n){ margin-right:0;}
    .piclist ul li span{ display:block; line-height:0; height:308px; height:auto; overflow:hidden; }
    .piclist ul li span img{ width:100%; height:auto;
        -webkit-transition: all .25s linear .1s;
        -moz-transition: all .25s linear .1s;
        -ms-transition: all .25s linear .1s;
        -o-transition: all .25s linear .1s;
        transition: all .25s linear .1s;}
    .piclist ul li span a:hover img	{-webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);}
    .picinfo{ position:relative; padding-left:50px; padding-top:20px; }
    .picinfo i{ display:inline-block; position:absolute; left:0; top:23px; border:2px solid #f1f1f1; width:20px; padding:5px; text-align:center; color:#999; }

    .picinfo h2{ font-size:20px;  }
    .picinfo em{ display:block; color:#888;  font-size:14px; padding-top:5px; }
    .picinfo p{ color:#888; padding-top:10px; text-align:justify; font-size:14px; line-height:24px;}
    .picmore{ text-align:center; padding:20px 15px; border-top:1px solid #ececec; pa}
}