/*-----------------[初始化]--------------*/

body{font-size: 14px;line-height: 1.5;font-family:"微软雅黑","Microsoft Yahei";}

ul,li,ol{list-style: none;}

h1,h2,h3,h4,h5,h6{color:#e59152;}

img{border: none;}

a{color: #343434;text-decoration: none;}

a:hover{color: #E59152;text-decoration: none;}

*{

    outline: none;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;   

    box-sizing: border-box;

    margin:0;

    padding:0;

}

input,textarea,select{font-size: 12px;color: #444;

    font-family:"微软雅黑","Microsoft Yahei";outline: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}

input[type='submit'],input[type='reset'],input[type='button'],select{

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}

::-webkit-input-placeholder {color: #999;}

::-moz-placeholder {color: #999; }

::-ms-input-placeholder {color: #999;}

@font-face {

	font-family:'ImpactMTStd';

	src: url('../other/ImpactMTStd.otf') format('truetype');

	font-weight:normal;

    font-style: normal;

}

.bdsharebuttonbox a{opacity: 0;}

.bdsharebuttonbox li:hover a{opacity: 0;}

.ani, a{

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

/*右侧导航*/

.rightbar{

	z-index: 100;

	width:45px;

	height:auto;

	position: fixed;

	top:55%;

	right:0;

	display: none;

}



.rightbar ul{

	width:100%;

	height:auto;

}

.rightbar ul li{

	width:100%;

	height:45px;

	margin-top: 2px;

	position: relative;

	cursor: pointer

}

.rightbar ul li i{

	line-height: 45px;

    font-size: 20px;

    width:45px;

    text-decoration: none;

    color: #fff;

    text-align: center;

    cursor: pointer;

}

.rightbar ul li.ewm{

	background: #60676F;

	position: relative;

}

.rightbar ul li.gotop{

	background: #60676F;

}

.rightbar ul li.ewm img{

	position: absolute;

	top:-20px;

	right:50px;

	display: none;

	width:99px;

	height:99px;

}







.rightbar .fa-sort-asc{

	width:20px;

	height:25px;

	margin-left: 12.5px;

	line-height: 38px;

}

.rightbar ul li:last-child p{

	color:#fff;

	font-size: 12px;

	text-align: center;

	margin-top: -15px;

}

.rightbar ul li .shows{

	height:45px;

	width:45px;

	position: absolute;

	background: #60676F;

	right:0px;

	position: absolute;

	top:0px;

	cursor: pointer

}

.rightbar ul li .hides{

	height:45px;

	width:160px;

	background: #E59152;

	position: absolute;

	right:-160px;

	position: absolute;

	top:0px;

	cursor: pointer;

}

.hides .left{

	width:45px;

	height:45px;

	float:left;

	

}

.hides .right{

	width:105px;

	margin-left: 55px;

	height:45px;

	line-height: 45px;

	text-align: left;

	color:#fff;

	font-size: 14px;

	}



.hides .left i{

	line-height: 45px;

    font-size: 20px;

    width:45px;

    text-decoration: none;

    color: #E59152;

    text-align: center;

    cursor: pointer;

    background: #fff;

}



/*footer*/

.footer{

	width:100%;

	background: #333333;

    height: auto;

    padding-top: 50px;

    padding-bottom: 30px;

}

.footer .wp{

	overflow: hidden;

}

.footer .footleft {

    width: 70%;

    float: left;

}

.footer .footright {

    width: 25%;

    float: right;

    text-align: right;

}

.footer .footleft dt {

	font-size: 16px;

   margin-bottom: 30px;

    text-align: left;

    color:#fff;

}

.footer .footleft dd a{color:#ccc;font-size: 14px;}

.footer .footleft dl {

    float: left;

    width: 20%;

}

.footer .footleft dl:last-child{width:12%;}

.footer .footleft dd{margin-bottom: 6px;font-size: 14px;}

.footer .footleft dl:first-child dd{color:#ccc;height:30px;line-height: 30px;margin-bottom: 10px;display: block;}

.footer .footleft dl:first-child{width:48%;}

.footer .footleft dl:first-child dt{font-size: 24px;}

.footer .footleft dl:first-child dd{padding-left: 45px;position: relative;}

.footer .footleft dl:first-child dd i{

	position: absolute;

	top:0px;

	left:0;

	content: '';

	width:30px;

	height:30px;

	border: 1px #ccc solid;

	border-radius: 50%;

	-moz-border-radius: 50%;

	-o-border-radius: 50%;

	-webkit-border-radius: 50%;

	display:inline-block;

	line-height: 30px;

    font-size: 14px;

    text-decoration: none;

    color: #ccc;

    text-align: center;

}



.d1{

	padding-left: 0 !important;

	position: relative;

}

.d1 ul{

	position: absolute;

	top:0;

	left:70px;

}

.d1 li {

	width:30px;

	height:30px;

	border-radius: 50%;

	margin: 0 3px;

	border:none !important;

	background: #D2D2D2 !important;

	color:#000 !important;

	float:left;

	text-align: center;

	line-height: 30px;

}

.d1 li:hover{

	background: #000 !important;

	color:#D2D2D2 !important;

	cursor: pointer;

}

.d1 li a{

	display: block;

	width:30px;

	height:30px;

	position: absolute;

	top:0;

	left:0;

}

.footright dl{

	width:100%;

}

.footright dl dt{

	font-size: 24px;

	color:#fff;

	text-align: left;

	margin-bottom: 30px;

}

.footright .fleft{

	float:left;

	width:50%;

}

.footright .fright{

	float:right;

	width:50%;

	text-align: right;

}

.footright .fright img{

	width:80px;

}

.footright dd p{color:#999;text-align: left;line-height: 26px;font-size: 14px;}

.footright  hr{

	width: 100%;

    background: #ccc;

    height: 1px;

    border: none;

    display: inline-block;

    margin-bottom: 5px;

}

.fbottom{

	width:100%;

	height:50px;

	background: #000;

}

.fbottom .wp>div:first-child {

    float: left;

    font-family: "微软雅黑";

    color: #ccc;

    line-height: 50px;

    font-size: 14px;

}

.fbottom .wp>div:last-child{

	width:240px;

	float:right;

}

.fd-links{

	float:left;

}

.fd-links a{

	color:#000;

}

.bt_top{

    float: right;

    font-family: "微软雅黑";

    color: #fff;

    line-height: 36px;

    font-size: 38px;

    width:40px;

    height:40px;

    text-align: center;

    cursor: pointer;

    border: 2px solid #fff;

    margin-top: 5px;

}



.fbottom .wp a{

	color:#ccc;

	margin: 0 5px;

}

.fbottom .wp a:first-child{margin-left: 20px;}

@media  (max-width: 1080px) {

		.footright{display: none;}

		.footleft{width:100% !important;}

}

@media  (max-width: 800px) {

	.fd-links{display:none;}

}

@media  (max-width: 767px) {

	.footer{display: none;}

	.bt_top,.fbottom .wp>div:first-child a{display: none;}

	.fbottom .wp>div:first-child{width:100%;float:none;}

	.fbottom{height:auto;padding: 10px 0;}

	.fbottom div{line-height: 20px !important;}

}

/*布局*/

.wp{

	margin-left:auto;

	margin-right: auto;

	max-width: 1400px;

	height:auto;



}

.h50{height: 50px;clear: both;overflow: hidden;}

.h100{height: 100px;clear: both;overflow: hidden;}

* {outline: none;}

#bd{overflow: hidden;}

/*******************************

-------[=头部&底部]-------

********************************/


/*头部*/

.t_bg{ width:100%; height:32px; line-height:32px; min-width:1200px; background:#000; display:none;}

.top{ width:1200px; margin:0px auto; text-align:left; position:relative; }

.top span,.top a,.top img{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:12px; color:#999;}

.top .top_r{ position:absolute; right:0; top:0px;}

.top .top_r img{ width:32px; height:32px; margin-left:3px;}

.top span{ height:22px; padding-left:0px; margin-top:0px;}

.top .tel{ background:url(../images/tel.png) no-repeat left center; margin-right:20px; font-size:12px; padding-top:0px;}

.top .mail{ font-family:"微软雅黑"; font-size:12px; color:#999;  }

#hd {

    position: relative;

    -o-transition:.3s;

    -ms-transition:.3s;

    -moz-transition:.3s;

    -webkit-transition:.3s;

    transition:.3s;

}

#hd.index-hd{

    background-color: #fff;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1000; border-bottom:#f6f6f6 1px solid;

}



#hd .logo {

    float: left;

    height: 45px;

    padding: 13px 0 0 0px;

    line-height: 45px;

    -o-transition:.3s;

    -ms-transition:.3s;

    -moz-transition:.3s;

    -webkit-transition:.3s;

    transition:.3s;

}

#hd .logo img {

    vertical-align: middle;

}

#hd .hdr {

    float: right;

    padding-top: 7px;

    text-align: center;

}

#hd .hdr span {

    padding-right: 11px;

    

}

#hd .hdr a {

    font-size: 12px;

    color: #fff;

}

#hd .hdr a:hover {

   

}




#hd.on{background-color: #fff;}




#hd.on .logo{height: 55px;line-height: 55px;}

.nav {

    overflow: hidden;

    padding: 0px 0 0 90px;

  

}

.nav li {

    float: left;

    margin: 0 26px; padding:25px 0 25px 0;  

}



.nav li .v1 {

  
 
    font-size: 16px;
 

    color: #333; text-align:center;

}
.nav li .v1 span {

  font-size:12px; color:#8d8d8d; 
}









.nav li .v1:hover {

    color: #E59152;

}

.nav li.on .v1,.nav li.ok .v1 {

    color: #E59152;

}

.nav .subBox {

    display: none;

    position: absolute;

    z-index: 1;

    top: 100%;

    left: 0;

    width: 100%;

    text-align: center;

    background-color: #f8f8f8;

}

.nav .subBox .wp{

    max-width: 1200px;

    margin-left: auto;

    margin-right: auto;

    padding: 20px 0 !important;

    height:auto;

    overflow: hidden;

}



.nav .subBox .navpic{

	position: relative;

	width:260px;

	height:auto;

	overflow: hidden;

	float:left;

}

.nav .subBox .navpic img{

	width:100%;

	vertical-align: bottom;

}



.nav .subBox .navpic:after{

	content: "";

    display: block;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    border: 10px solid rgba(255,255,255,0.6);

    position: absolute;

    box-sizing: border-box;

}

.nav .subBox .navtxt{

	margin-left: 320px;

}

.nav .subBox .navtxt dd{

	float:left;

	width:28%;

	margin-right: 2%;

	height:50px;

	line-height: 50px;

	border-top: 1px solid #efefef;

    border-bottom: 1px solid #efefef;

    margin-top: -1px;

}

.nav .subBox .navtxt dd:hover{

	background: #E59152;

	color:#fff;

}

@media  (min-width: 767px) {

	.nav .subBox .navtxt dd a{

	display: inline-block;

	width:100%;

	height:100%;

	line-height: 50px;

}

}

.nav .subBox .navtxt dd:hover a{

	color:#fff;

}

.nav .subBox dd:after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    height: 2px;

    width: 0;

    background: url(../images/icon3.png) no-repeat left top;

    -o-transition:.3s;

    -ms-transition:.3s;

    -moz-transition:.3s;

    -webkit-transition:.3s;

    transition:.3s;

}

.nav .subBox dd a {

    font-size: 14px;

    line-height: 3em;

    color: #343434;

}

.nav .subBox dd:hover:after{

    width: 100%;

}

.nav .subBox dd:hover a{

    color: #E59152;

}

.nav .subBox dd.on {

    background: url(../images/icon3.png) 0 bottom no-repeat;

}



.fd-links{margin-top: 9px;position: relative;width: 190px;padding-left: 11px;background-color: transparent;margin-right: 10px;

    z-index: 4;border:1px solid #fff;}

.fd-links.on{border-top:1px solid #ccc;}

.fd-links .show{width: 100%; no-repeat 95% center;color:#fff;

    height: 33px;line-height: 33px;font-size: 14px;cursor: pointer;background: transparent url(../images/icon5.png) no-repeat 95% center;}

.fd-links ul{display: none;position: absolute;bottom: 34px;left: 0;width: 100%;background-color: #fff;

    padding: 5px 0;max-height: 242px;overflow: auto;overflow-y: scroll;z-index: 4;}

.fd-links ul::-webkit-scrollbar {width:5px;height:1px;}

.fd-links ul::-webkit-scrollbar-button{display: none;}

.fd-links ul::-webkit-scrollbar-track-piece{background:#f4f4f4;}

.fd-links ul::-webkit-scrollbar-thumb{background:#3c4245;border-radius: 5px;}

.fd-links li{padding-left: 11px;}

.fd-links a{display: block;line-height: 22px;font-size: 14px;}





/*******************************

    -------[=导航]-------

********************************/

.menuBtn{position: relative;z-index: 9;display: none;float: right;

    width: 40px;height: 40px;padding: 7px;cursor: pointer;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

    margin-top: 14px;

}

.menuBtn b{display: block;height: 3px;background-color: #004a84;

    margin: 3px 0 5px;border-radius: 2px;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.menuBtn.open{}

.menuBtn.open b{display: none;margin: 0;position: absolute;left: 10px;top: 50%;width: 30px;}

.menuBtn.open b:first-child{display: block;

    transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    -ms-transform:rotate(45deg);

}

.menuBtn.open b:last-child{display: block;

    transform:rotate(-45deg);

    -webkit-transform:rotate(-45deg);

    -o-transform:rotate(-45deg);

    -ms-transform:rotate(-45deg);

}



.hdr ul{height:25px;}

.hdr li{

	z-index: 5;

	width: 25px;

    height: 25px;

    border-radius: 50%;

    margin: 0 6px;

    border:1px solid #666;

    float: right;

    text-align: center;

    line-height: 25px;

     color:#666;

     cursor: pointer;

}

.hdr li:hover{

	color:#fff;

	border:none;

	background: #666;

}

.hdr li > a{

	display: block;

    width: 25px;

    height: 25px;

    position: absolute;

    top: 0;

    left: 0;

    color:#fff;

}

.hdr dl{

	position: absolute;

    top: 25px;

    right: -20px;

    width: 60px;

    background-color: #000;

    z-index: 100 !important;

    padding: 5px 0;

    display: none;

}

.hdr dl dd{

	width:100%;

	height:20px;

	line-height: 20px;

}

.hdr dl a{font-family: "微软雅黑";}

/*Common For Max 960*/









@media (max-width: 1440px) {
#hd .hdr{display: none;}

#hd.index-hd{background-color: #fff;}

.banner{margin-top: 78px;}



.nav{padding-top: 0;}

.nav li{margin: 0 8px;}

.nav li{margin: 0 10px;}

.nav .subBox .dl2{

    margin-left: -100px;

}

.nav .subBox .dl3{

    padding-left: 250px;

}

.nav .subBox .dl4{

    padding-left: 150px;

}

.nav .subBox .dl5{

    padding-left: 200px;

}

.nav .subBox .dl6{

    padding-left: 380px;

}	

.nav .subBox .dl7{

    padding-left: 250px;

}


}
@media (max-width: 1190px) {
  .logo img{ width:222px;height:35px; margin-top:-3px; }
	.nav .subBox .navpic{display: none;}

	.nav .subBox .navtxt{width:100%;margin-left: 0;}

	.nav .subBox .navtxt dd{display: inline-block;height:35px;line-height: 35px;}

    a:hover,a:active,a:visited,a:link,a:focus{

        -webkit-tap-highlight-color:rgba(0,0,0,0);

        -webkit-tap-highlight-color: transparent;

        outline:none;

        text-decoration: none;

    }

    .banner{margin-top: 0px;}

    #hd{position: fixed;top: 0;left: 0;width: 100%;z-index: 5;}

    body{padding-top: 54px;}

    .menuBtn{display: block;}

    #banner{margin-top: 0;}

    .nav{display: none;padding: 0;margin: 0;position: absolute;top: 100%;left: 0;width: 100%;

        background-color: #1b1d1e;border-top: 1px solid rgba(255,255,255,.6);}

    .nav li{float: none;width: auto;text-align: center;padding: 2px 0;}

    .nav li:last-child{padding-bottom: 8px;}

    .nav li:first-child{padding-top: 8px;}

    .nav li .v1{line-height: 30px;height: auto; color:#ddd;}
	
	

    .nav .subBox{position: static;display: none;}

    .nav .subBox dl{padding-top: 0;}

    .nav .subBox dd{margin: 0;padding:0 8px 0 4px;}

    .nav .subBox dd.on{background: none;}

   #hd .logo{padding-top: 3px;}

   .menuBtn{padding-top: 0px;}

   .nav .subBox .dl2{

    margin-left: 0px;

}

.nav .subBox .dl3{

    padding-left: 0px;

}

.nav .subBox .dl4{

    padding-left: 0px;

}

.nav .subBox .dl5{

    padding-left: 0px;

}

.nav .subBox .dl6{

    padding-left: 0px;

}	

.nav .subBox .dl7{

    padding-left: 0px;

}

}

@media (max-width: 767px) {
	.rightbar{display: none !important;}
}

@media (min-width: 641px){

	.pha {display: none !important;}

}

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

	.nav .subBox .navtxt dd:nth-child(3n+3){margin-right: 0;}

	.nav .subBox .navtxt dd{width:32%;}

    .nav .subBox dl{display: block;}

    .nav .subBox dd{float: none;width: auto;border-bottom: 1px solid rgba(255,255,255,.2);}

    .nav .subBox dd a{line-height: 2.5;}

    .nav .subBox dd:last-child{border-bottom: 0;}

    #banner .ban-slider .slick-dots{bottom: 20px;}

   #hd .logo{padding-top: 0px;}

   .menuBtn{padding-top: 7px;}

   .pca {display: none !important;}

}





/*Common For Max 320*/

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

    body{padding-top: 45px;}

    #banner .news-slide{bottom: -40px;}

    #banner .ban-slider .slick-arrow{margin-top: -15px;width: 30px;height: 30px;}

    #hd .logo,#hd.on .logo{line-height: 45px;height: 45px;max-width: 120px;}

    .menuBtn{margin-top: 3px;}

   



}








.protitle1{

	width:100%;

	height:auto;

	overflow: hidden;

	margin-top: 50px;

}




.neiye .title{

	width:100%;

	text-align: center;

}

.neiye .title h1{

	font-family: 'ImpactMTStd';

	color:#D8D4D5;

	font-size: 40px;

	

}


.neiye .title h2{

	font-family: '微软雅黑';

	font-size: 24px;

	color:#e59152;

}



.video {height:auto; overflow:hidden;}
.video .inner{display:block;cursor:pointer;}
.video .inner img{transition:all .4s;}
.video .inner:hover img{transform:scale(1.05);}


.video .vr-left{float:left;width:690px;}

.video .vr-big{float:left;width:690px;height:358px;margin-bottom:20px;position:relative;overflow:hidden;}

.video .vr-big2{float:left;width:690px;height:258px;;position:relative;overflow:hidden;}


.video .vr-big .text,.video .vr-big2 .text{position:absolute;left:0;right:0;bottom:0;color:#fff;padding:0 30px 20px 30px;font-size:16px;}
.video .vr-big .text h3,.video .vr-big2 .text h3{font-size:24px;margin-bottom:4px;color:#fff;}

 
 .video .vr-big .link, .video .vr-big2 .link{width:130px;height:48px;font-size:16px;line-height:48px;text-align:center;position:absolute;z-index:2;right:30px;bottom:20px;border:1px solid #eee;color:#fff;transition:all .2s;}
.video .vr-big .link:hover,.video .vr-big2 .link:hover{background:#F96A69;border-color:#F96A69;color:#fff;}
  

.video .vr-right{float:left;width:690px;margin-left:20px;}
.video .vr-small{margin-bottom:20px;width:690px;height:308px;position:relative;overflow:hidden;}
.video .vr-small .text{position:absolute;left:0;right:0;bottom:0;padding:0 20px 20px 20px;font-size:16px;color:#fff;}
.video .vr-small .link{width:30px;height:30px;position:absolute;background:url(../images/3f_icon.png) no-repeat center center;right:20px;bottom:14px;z-index:2;transition:all .2s;}
.video .vr-small .link:hover{background-image:url(../images/3f_icon_02.png);}








@media only screen and (max-width: 767px) {
	
	.wp{

	margin-left:3%;

	margin-right: 3%;


	height:auto;



}

.video img{ max-width:100%;}

.video .vr-left{float:left;width:100%;}

.video .vr-big{float:left;width:100%;height: auto;margin-bottom:10px;;position:relative;overflow:hidden;}

.video .vr-big2{float:left;width:100%;height:auto;margin-bottom:10px;position:relative;overflow:hidden;}


.video .vr-big .text,.video .vr-big2 .text{position:absolute;left:0;right:0;bottom:0;color:#fff;padding:0 30px 20px 20px;font-size:12px;}
.video .vr-big .text h3,.video .vr-big2 .text h3{font-size:18px;margin-bottom:4px;color:#fff;}

 
 .video .vr-big .link, .video .vr-big2 .link{ display:none;}
 
  

.video .vr-right{float:left;width:100%;margin-left:0px;}
.video .vr-small{float:left;margin-bottom:10px;width:100%;height: auto;position:relative;overflow:hidden;}
.video .vr-small .text{position:absolute;left:0;right:0;bottom:0;padding:0 20px 20px 20px;font-size:16px;color:#fff;}
.video .vr-small .link{width:30px;height:30px;position:absolute;background:url(../images/3f_icon.png) no-repeat center center;right:20px;bottom:14px;z-index:2;transition:all .2s;}
.video .vr-small .link:hover{background-image:url(../images/3f_icon_02.png);}



}