/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"΢���ź�"}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "΢���ź�", SimSun, "����", STXihei, "����ϸ��", Heiti, "����", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#3d2f1b;text-decoration:none;}
a:hover{color:#ffd720;text-decoration:none;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}

/*ͷ��*/
.top{ background:#222023; height:36px; line-height:36px}
.top .hy{ float:left; color:#FFF}
.header{  position:relative;top:0; width:100%; box-sizing:border-box; background:#ffd720; z-index:999;  transition:all 0.6s;box-shadow: 0px 0px 9px 0px #868686; height:100px}
.header .logo{ float:left; width:200px; margin-top:8.5px}
.header .logo img{ width:100%  }
.header .yb{ float:right; width:880px}
.header .tel{ background:url(../images/tel.png) left center no-repeat; background-size:40px auto; padding-left:60px; float:right; margin-top:20px; margin-left:20px}
.header .tel h1{ font-size:14px; color:#FFF}
.header .tel p{ font-size:20px; font-weight:bold; color:#fff}
.yuyan{font-size:15px;  color:#fff; line-height:36px ; text-align:right; float:right; margin-right:18px }
.yuyan a{color:#fff; font-weight:bold; padding:0 10px}


.daohang{ background:#ffd720}


.search-wrap { width: 100%; height: 68px; line-height: 68px; border-bottom: solid 1px #eee; }
.search-cont{ width:1400px; margin:0 auto}
.search-cont p { color: #333;}
.search-cont a { color: #999; padding: 0 20px; border-right: dashed 1px #bebebe;}
.search-cont .hot a:last-child { border-right: none 0; }
.search-cont a:hover { color: #0595e8; text-decoration: underline; }
.search-box { width: 280px; height: 48px; float:right ;position: relative; background:#f6f6f6; margin-top:10px;border-radius:4px; ; padding:0 10px }
.search-box input { width: 300px; height: 47px; border:none 0;  background: none; color: #999;}
.search-box button { border:none 0; background: none; display: block; width: 17px; height: 17px; background: url(../images/icon_search.png) no-repeat; position: absolute; top: 15px; right:10px; cursor: pointer;}
@media only screen and (max-width:992px){
.search-wrap { width: 100%; height: 40px; line-height: 40px; border-bottom: none; margin-bottom:10px; margin-top:10px }
.search-cont{ width:100%; margin:0 auto}
.search-cont p { display:none}
.search-cont .hot{display:none}
.search-box { width: 96%; height: 38px; border-bottom: solid 1px #0595e8; margin:0 auto ; float:none}
.search-box input { width: 100%; height: 37px; border:none 0;  background: none; color: #999;}
.search-box button { border:none 0; background: none; display: block; width: 17px; height: 17px; background: url(../images/icon_search.png) no-repeat; position: absolute; top: 10px; right: 20px; cursor: pointer;}

.yuyan{font-size:15px;  color:#222023; line-height:36px ; text-align:right; float:right; margin-right:18px }
.yuyan a{color:#222023; font-weight:bold; padding:0 10px}

}

#sub_03 p{ padding:10px;}
#sub_03 p a{ font-size:12px; font-weight:100; float:left;  text-align:left; width:auto;}
#nav .mainlevel1 p a{ width:135px; text-align:left; padding-left:20px; height:30px; line-height:30px; background:url(../images/next_page.gif) no-repeat 5px center;}
#nav .mainlevel1 p a:hover{ color:#F00;  height:30px; line-height:30px; background:url(../images/next_page.gif) no-repeat 5px center #000;}


.sjdh{ display:none;}

.contain{ width:100%; margin:0 auto; max-width:1400px;}

button{ background:url(sou.png) center no-repeat; border:0; height:30px; width:30px; outline:none}


/*�������� ������*/
.tedian{ width:96%; margin:50px auto; max-width:1400px; overflow:hidden}
.shipin{ width:28%; float:left}
.shipin video{ max-height:640px}
.bt1{ text-align:center; color:#000; margin-bottom:60px;}
.bt1 h1{ font-size:48px}
.bt1  em{ display:block; margin:0.5rem auto; width:230px; height:2px; background:#ffd720; }
.bt1 h2{ font-size:30px; font-weight:normal}


.tdjs{ float:right; width:67%;}
.td1{ overflow:hidden}
.td2{ overflow:hidden}
.td3{ overflow:hidden}
.td1 i{ display:block; float:right; width:42%; max-width:378px;}
.td1 i img{ width:100%; height:auto}
.td1 .tdtd{ float:left; width:50%;margin-top:20px;}
.td2 i{ display:block; float:left; width:50%; max-width:468px;}
.td2 i img{ width:100%; height:auto}
.td2 .tdtd{ float:right; width:42%; margin-top:20px;}
.td3 .tdtd{ margin-top:20px;}
.tdtd h3{ display:block; float:left; position:relative; width:auto; border-bottom:#000 1px solid; font-size:25px; color:#000; font-weight:normal; padding-bottom:10px; margin-bottom:10px;}
.tdtd h3 em{ font-style:normal; font-size:14px}
.tdtd p{ font-size:14px; color:#717171; line-height:25px}
.td3 .peizhi{ border:#f0f0f0 1px solid; border-right:0; border-bottom:0}
.td3 .peizhi td{ border-right:#f0f0f0 1px solid; border-bottom:#f0f0f0 1px solid; text-align:center; font-size:14px; line-height:23px; padding:5px;}

.pc_ban{width:100%; background-color:#f7f7f7; position:relative; overflow:hidden;}
.pc_ban .swiper-slide{width:100%; ;}
.pc_ban img{width:100%; height:auto; display:block;}


@media (min-width:992px){
.pc_ban .swiper-slide{width:100%;}
	
}
@media (max-width:992px){
.pc_ban .swiper-slide{width:100%;}
	.pc_ban{ margin-top: 20px;}
}
@media (min-width:1200px){
.pc_ban .swiper-slide{width:100%;}
}
@media only screen and (max-width:992px){
.pc_ban .swiper-slide{width:100%;}

.pc_ban .swiper-button-prev{display:none;}
.pc_ban .swiper-button-next{display:none;}
}
/*��ҵ��*/

.shiyebu{ background: url(../images/bg.png); padding:50px 0; overflow:hidden}
.bt2{ text-align:center; margin-bottom:20px;}
.bt2 h1{ font-size:14px; color:#989898; font-weight:normal;  text-transform:uppercase ; padding-top:15px}
.bt2 h2{ color:#000; font-size:30px; font-weight:normal; padding-bottom:10px; font-weight:bold;}
.bt2 em{ display:block; margin:0 auto; width:80px; height:3px; background:#ffd720;}
.bt2 p{ font-size:18px; color:#6d6d6d; padding-top:10px}



.cpfl{ text-align:center; margin-bottom:20px;}
.cpfl ul li{ display:inline-block; margin-bottom:5px; }
.cpfl ul li a{ display:block; background:#fff; padding:0.5rem 1rem; font-size:14px}
.cpfl ul li a:hover{ background:#ffd720; color:#fff}

.btn1 a{ display:block; background:#ffd720; text-align:center; color:#222023; width:160px; line-height:30px; border-radius:20px; margin:0 auto; transition:all 0.6s}
.btn1 a:hover{ background:#222023; transition:all 0.6s; color:#ffd720;}

.solution-wrap { width: 100%;background:url(../images/bg.png) ; padding:50px 0 }
.solution-cont { width: 100%;  margin: 20px auto 0; max-width:1400px}
.solution-img { width: 23.8%; height: auto; margin:0 0 2% 1%; position: relative; overflow: hidden;}
.solution-img .img-box1 { width: 100%;
    overflow: hidden;
    height: 270px;
    position: relative; background:#fff }
.solution-img .img-box1 img{ position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 90%;
    max-height: 90%;}
.solution-img .img-box1:hover img{ transform:translate(-50%,-50%) scale(1.1,1.1); transition:all 0.6s; }
.solution-img>p { width: 100%; text-align: center;  bottom: 0; left: 0; z-index: 3; color: #222023; font-size: 16px; background:#ffd720; line-height:50px;  }
.solution-img .links a { display: block; width: 60%; padding: 5% 0; color: #fff;background-color: #ffd720; margin:0 auto}
.solution-img .links a.shipin { background-color: #fff; color: #ffd720; }
@media only screen and (max-width:992px){
.shiyebu{ background: url(../images/bg.png); padding:20px 0; overflow:hidden}
.solution-wrap { width: 100%;background:url(../images/bg.png) ; padding:20px 0 }
.solution-cont { width: 96%;  margin: 10px auto; }
.solution-img { width: 46%; height: auto; margin:2%; position: relative; overflow: hidden; float:left}
.solution-img>p { width: 100%; text-align: center; position: absolute; bottom: 0px; left: 0; z-index: 3; color: #222023; font-size: 14px; line-height:30px }
.solution-img .img-box1 { width: 100%;
    overflow: hidden;
    height: 180px;
    position: relative; background:#fff }
.solution-img .mask .links { width: 88%; margin: 0 auto; overflow: hidden; }
.solution-img .links a { display: block; width: 60%; padding: 2% 0; color: #fff;background-color: #ffd720; margin:0 auto; font-size:12px}
.solution-img .img-box1 img{ position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height:100%;}

.contain{ width:96%; margin:0 auto; max-width:1400px;}
}


/*�������*/
.jjfa{ margin:0 auto; overflow:hidden; padding-top:40px}

.jjfa ul li{ float:left; width:50%; position:relative; padding-bottom:18.5%; background:rgba(0,0,0,.85); overflow:hidden; transition:all 0.6}
.jjfa ul li:hover{ background:#ffd720; transition:all 0.6s}
.jjfa ul li:hover img{}
.jjfa ul li img{ position:absolute; height:100%; width:auto;top:0; left:50%; transform:translate(-50%,0); opacity:0.4}
.jjfa ul li .fdwz{ position:absolute; z-index:99; color:#fff; width:90%; left:5%; top:50%;transform:translate(0,-50%); height:120px; overflow:hidden;text-align:center; transition:all 0.6s}
.jjfa ul li:hover .fdwz{ height:260px; transition:all 0.6s}
.jjfa ul li .fdwz h1{ font-size:30px; font-weight:normal}
.jjfa ul li .fdwz  em{ display:block; background:#fff; width:53px; height:3px; margin:25px auto}
.jjfa ul li .fdwz h2{ font-size:23px; display:block; margin-bottom:40px; font-weight:normal}
.jjfa ul li .fdwz  p{ font-size:14px; line-height:30px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; transition:all 0.6s}
.jjfa ul li .fdwz span { display:block; margin:0 auto; border:#fff 1px solid; width:120px; line-height:30px; text-align:center; margin-top:20px;transition:all 0.6s}


.jjfa ul li:hover  .fdwz  em{ display:none;transition:all 0.6s}



/*�ͻ�*/
.kehu{ width:100%; padding:50px 0; background:url(../images/bg.png)}

.marqueeleft{height: auto;width:96%;overflow:hidden;margin:20px auto; max-width:1440px}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 10px;display:inline;width:auto;height: auto;overflow:hidden; }
.marqueeleft li  img{ height:100px; width:auto;border:#CCC 1px solid}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px; font-size:16px}

@media only screen and (max-width:992px){
.kehu{ width:100%; padding:20px 0 10px; background:url(../images/bg.png)}
.marqueeleft{height: auto;width:96%;overflow:hidden;margin:20px auto 0; max-width:1440px}
.marqueeleft li  img{ height:60px; width:auto;border:#CCC 1px solid}	
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px; font-size:14px}

}
/*���*/
.about{ background:#f4f4f4; width:96%; margin:25px auto; max-width:1400px;}
.about img{ max-width:100%; height:auto}
.jieshao{ padding:20px; overflow:hidden}

.jieshao h3{ display:block; width:300px; text-align:right; float:left; font-size:20px; color:#000}
.jieshao p{ display:block; float:right; width:calc(100% - 350px); color:#676767; font-size:14px; line-height:30px}

/*������Ѷ*/

.xinwen{ width:100%; max-width:1400px;margin:50px auto;overflow:hidden}

#lib_Tab1{padding:0px;margin-bottom:15px; text-align:center}
.lib_Menubox {height:40px;line-height:40px;position:relative;}
.lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:absolute; top:3px; left:0; height:30px;text-align:center; width:100%; text-align:center}
.lib_Menubox li{display:inline-block;cursor:pointer;width:auto;color:#000;height:30px;line-height:30px; background-color:#f7f7f7; padding:0 25px; font-size:14px; margin:0 10px;border-radius:16px;}
.lib_Menubox li.hover{padding:0px;background:#ffd720;width:auto; color:#222023;height:30px;line-height:30px; padding:0 25px;font-size:14px}
.lib_Contentbox{clear:both;margin-top:0px; border-top:none;padding-top:15px;}


.new ul li{ float:left; width:32%; margin-right:2%; position:relative}
.new ul li .date{ position:absolute; z-index:99; top:0; right:0; background-color:rgba(0,0,0,0.7); height:65px; width:80px; color:#fff}
.new ul li .date em{ display:block; font-style:normal; font-size:20px; padding-top:5px}
.new ul li i{ display:block; width:100%; padding-bottom:53%; position:relative; overflow:hidden}
.new ul li i img{position:absolute; left:0;top:50%;width:100%; height:auto; transform:translate(0,-50%); transition:all 0.6s}
.new ul li:hover img{ transform:translate(0,-50%) scale(1.1,1.1); transition:all 0.6s}
.new ul li:last-child { margin-right:0}

.new ul li h3{ display:block;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; text-align:left; line-height:45px; font-weight:normal; color:#000; font-size:16px;}
.new ul li p{ display:block; color:#898989; line-height:23px; text-align:left;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden; margin-bottom:10px}
.new ul li span a{ display:block; border:#cecece 1px solid; text-align:center; color:#666; margin:10px 0; line-height:33px; transition:all 0.6s}
.new ul li span a:hover{ background:#c60002; color:#fff; transition:all 0.6s}
.new ul li span { width:120px; display:block; }
.ixPart1{ padding:50px 0; height:auto; overflow:hidden; background:url(../images/bg.png)}
.ixPart1 .row{ padding: 20px 0 0.8rem 0;}
.ixPart1 .text.textL{ padding-left: 0.8rem;}
.ixPart1 .text.textR{ padding-right: 0.1rem;}
.ixPart1 .text span{ display: block; color: #000; font-size: 0.28rem; padding: 0.3rem 0;}
.ixPart1 .text p{ font-size: 16px; color: #4e4e4e; line-height: 35px;}
.ixPart1 .text a{ display: inline-block; width: 120px; height: 40px; color: #fff; font-size: 16px; line-height: 40px; margin-top:20px;}
.bgBlue{ background: linear-gradient(to right, #ffd720, #812424)}
.zzzs{padding:50px 0; height:auto; overflow:hidden; }
@media only screen and (max-width:992px){
.jjfa{ margin:0 auto; overflow:hidden; padding-top:20px}
.xinwen{ width:96%;margin:20px auto;overflow:hidden}
.ixPart1{ padding:20px 0; height:auto; overflow:hidden}
.ixPart1 .text p{ font-size: 14px; color: #4e4e4e; line-height: 26px; overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:8;}
.guanyutu img{ width:100%; margin-top:20px}
.ixPart1 .text a{ display: inline-block; width: 100px; height: 30px; color: #fff; font-size: 14px; line-height: 30px; margin-top:10px;}

}

/*�ײ�*/
.foot{ background:#222023; padding-top:20px}
.foot a{ color:#fff}
.foot1{ width:96%; max-width:1400px; margin:0 auto 20px; padding:15px 0}

.foot2{ border-top:#636363 1px solid; padding:15px 0; font-size:14px; color:#fff; overflow:hidden}

.banquan{color:#fff; line-height:25px; font-size:14px; text-align:center}
.ali{ float:right;}

.dlink{ float:left; }
.dlink ul li{ float:left; margin-right:40px;}
.dlink ul li h3{ display:block; background:url(dbt.jpg) left bottom no-repeat; line-height:40px; color:#fff; font-size:16px; margin-bottom:0.5rem; font-weight:normal}
.dlink ul li p{ color:#aeaeae; line-height:25px; font-size:14px}
.dlink ul li p a{ color:#aeaeae}
.dlink ul li p a:hover{ color:#fff; text-decoration:underline}

.guanzhu{ width:20%; float:right; color:#fff; max-width:140px; font-size:14px; text-align:center; margin-top:50px}
.dtel { float:left; }
.dtel h1{display:block; background:url(dbt.jpg) left bottom no-repeat; line-height:40px; color:#fff; font-size:16px; margin-bottom:0.5rem; font-weight:normal}

.dtel p{color:#aeaeae; line-height:25px; font-size:14px}
.guanzhu img{ width:100%; height:auto;max-width:140px;}

.boda{ display:none; position:fixed; right:0; top:45%; z-index:99999}


/*��ҳͨ��*/
.nbanner{ width:100%; height:450px; overflow:hidden; position:relative; font-size:35px; color:#fff}
.nbanner img{ height:auto; width:100%; }


.nmain{ padding:25px 0; overflow:hidden;width:1400px; margin:0 auto}
.nmain .st_zs{text-align: left; width:1400px; margin:30px auto}
.nmain .st_zs .j_s{margin-bottom:30px; font-size:16px; line-height:30px; color:#666}
.nmain .st_zs .x_q ul li{overflow:hidden;}
.nmain .st_zs .x_q .t_w{position:relative;overflow:hidden;}
.nmain .st_zs .x_q img{width:100%; height:auto; display:block;}
.nmain .st_zs .x_q ul li:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.nmain .st_zs .x_m{position:absolute; bottom:0; left:0; width:100%; background-color:rgba(0,0,0,.8); font-size:14px; line-height:32px; color:#fff; text-align:center}
.nmain .st_zs .y_j .n_r{background-color:#ffd720; color:#fff; padding:20px 0; margin-bottom:30px;}
.nmain .st_zs .y_j .n_r .w_z{margin-top:15px; font-size:16px;}
.nmain .st_zs .y_j .n_r i{font-size:50px; line-height:50px;}
.nmain .st_zs .b_x{font-size:22px; color:#ffd720; margin-top:20px;}
.nmain .st_zs .g_h .n_r{margin-bottom:30px;}
.nmain .st_zs .g_h .b_t{width:60px; height:60px; border-radius:50%; background-color:#ffd720; font-size:30px; line-height:60px; color:#fff; margin:0 auto 15px;}
.nmain .st_zs .g_h .w_z h3{font-size:18px; margin-bottom:15px;}
.nmain .st_zs .g_h .w_z p{font-size:13px;}
.nmain .st_zs .t_d{margin-top:50px; text-align:left;}
.nmain .st_zs .t_d .t_p{margin-bottom:20px;}
.nmain .st_zs .t_d .t_p img{width:100%; height:auto; display:block;}
.nmain .st_zs .t_d .w_z h3{font-size:18px; margin-bottom:10px;}
.nmain .st_zs .t_d .w_z em{width:30px; height:2px; background-color:#ffd720; display:block; margin-bottom:15px;}
.nmain .st_zs .t_d .w_z p{font-size:14px; line-height:24px;}


/*��Ʒ����*/
.list{width: 320px; float:left; border:#dcdcdc 1px solid;box-sizing:border-box}
.list ul li{background-color:#fff; border-bottom:#dcdcdc 1px  solid;font-size:16px; }
.list ul li:last-child { border:0}
.list ul li a{padding-left: 20px;color: #333;  display: block; height:55px;line-height: 55px;position: relative;
}
.list ul li .inactive{ background:url(../images/off.png) no-repeat 280px center;}
.list ul li .inactives{background:url(../images/on.png) no-repeat 280px center;} 
.list ul li ul{display: none;}
.list ul li ul li { border-left:0; border-right:0; background-color:#f7f7f7; border-color:#dcdcdc; font-size:14px;}
.list ul li ul li ul{display: none;}
.list ul li ul li a{ padding-left:20px; color:#666}
.list ul li ul li ul li { background-color:#fff; border-color:#ececec; font-size:12px; }
.last{ background-color:#d6e6f1; border-color:#6196bb; }
.list ul li ul li ul li a{ color:#666; padding-left:30px;}

.cplb{ width:100%;  height:auto; overflow:hidden; padding-bottom:30px}
.cplb ul li{ float:left; width:31%; margin-right:2%; margin-bottom:1rem;}
.cplb ul li:nth-child(3n){margin-right:0; }
.cplb ul li i{ display:block; width:100%; padding-bottom:100%; position:relative; background:#fff; border:#e5e5e5 1px solid; box-sizing:border-box; overflow:hidden}
.cplb ul li i img{ position:absolute; height: auto; width:100%; top:0; left:50%;transform:translate(-50%,0);}
.cplb ul li p{ display:block; line-height:45px; margin-top:10px; text-align:center; font-size:14px;width:100%; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cplb ul li a:hover p{ background:#ffd720; color:#222023}


/*��Ʒ����*/

.xxbt{ text-align:center; width:50%; max-width:200px; text-align:center; border:#dbdbdb 1px solid; margin:0 auto; background:#fff;line-height:45px; font-size:20px; color:#000; position:relative; margin-bottom:30px;}
.xxbt em{ display:block; position:absolute; background:#fff; bottom:-1px; width:100px; height:2px; left:50%; margin-left:-50px; border-bottom:#ffd720 2px solid;}
.dapic{ width:50%; float:left; margin:0 auto; height:auto;box-sizing:border-box }


.m1{background:#f4f4f4; margin:2rem 0; padding:2rem 0; overflow:hidden}

.tx1{ float:left; width:48%;  }
.tx1 img{ max-width:100%; height:auto; display:block; margin:0 auto}
.tx1 h3{ font-size:20px; text-align:center;  display:block; margin-bottom:15px;}
.tx2{float:right; width:48%; overflow:hidden}
.tx2 img{ max-width:100%; height:auto; display:block; margin:0 auto}
.tx2 h3{ font-size:20px; text-align:center; display:block; margin-bottom:15px;}

.tx3{width:100%;  margin:2rem auto;padding:20px;  height:auto; text-align:center; overflow:hidden ;background:#f4f4f4; }
.texing{width:1200px; margin:0 auto; text-align:left}
.texing img{ width:100%}
.tx3 h3{ font-size:20px; border-left:#ffd720 5px solid; padding-left:10px; display:block; margin-bottom:15px;}
.tx3 p{ line-height:25px; font-size:14px; color:#777; text-align:center}
.yuanli{ float:right; width:48%; text-align:left}

.tx4{  background:#f4f4f4; padding:2rem 0; overflow:hidden}
.peizhi2{ border:#f0f0f0 1px solid; background:#fff; max-width:1400px; margin:0 auto; border-right:0; border-bottom:0}

.peizhi2 td{ border-right:#f0f0f0 1px solid; border-bottom:#f0f0f0 1px solid; text-align:center; font-size:14px; line-height:23px; padding:5px;}
.peizhi2 img{ max-width:80%; height:auto; padding:10px 0}


.tx5{width:96%; max-width:1400px; margin:2rem auto; height:auto; text-align:center; overflow:hidden }
.tx5 ul li{ display:inline-block;width:23%; margin:0 0.5%; background:#fff; padding-bottom:10px;}
.tx5 ul li i{ display:block; width:100%; padding-bottom:80%; position:relative; overflow:hidden}
.tx5 ul li i img{ position:absolute; height:100%; width:auto; left:50%; top:0;transform:translate(-50%,0);}
.tx5 ul li p{ display:block; font-size:14px; padding:10px 0}


.fa1{ float:left; width:48%; margin-right:4%; margin-bottom:2rem}
.fa1 .fafa1{ float:left; width:60%; padding-bottom:40%; position:relative; overflow:hidden}
.fa1 .fafa1 img{ width:100%; height:auto; position:absolute; left:0;top:50%; transform:translate(0,-50%);}
.fa1 .fafa1 p{ display:block; position:absolute; z-index:999; text-align:center; color:#fff; bottom:0; width:100%; text-align:center; background:rgba(0,0,0,0.7); line-height:45px; font-size:23px}
.fa1:nth-child(2n){margin-right:0; border:0}

.fa1 .fafa2{ float:right; width:35%;}
.fa1 .fafa2 ul li{ border-bottom:#ebebeb 1px solid; line-height:40px; font-size:14px; background: url(biao.jpg) left center no-repeat; padding-left:15px;}
.fa1 .fafa2 ul li a{ display:block}

.fatu{ float:left; width:50%; padding-bottom:30%; border:#e2e2e2 1px solid; box-sizing:border-box; position:relative; overflow:hidden;}
.fatu img{ position:absolute; width:100%; height:auto; left:0; top:50%;  transform:translate(0,-50%);}

.fazi{ float:right; width:46%;}
.fazi h3{ font-size:25px;}
.fazi p{ display:block; margin:20px 0; line-height:25px; font-size:14px; color:#666}
.fazi span{ display:block; background:#ffd720; width:100%;font-size:20px; color:#fff; max-width:300px; text-align:center; line-height:40px; border-radius:20px;}


.xiangguan{ margin-top:40px; text-align:center}
.xiangguan ul li{ display:inline-block; width:23%; padding-bottom:15%; position:relative; margin:0 0.5%; overflow:hidden}
.xiangguan ul li img{width:100%; height:auto; position:absolute; left:0;top:50%; transform:translate(0,-50%);}
.xiangguan ul li p{ display:block; position:absolute; background:rgba(0,0,0,0.7); color:#fff; text-align:center; line-height:25px; font-size:14px; bottom:0; width:100%; z-index:99}


/*�ͻ�*/
.khjz{ width:100%;  margin:0px auto;}
.khjz ul li{ float:left; width:23%; border:#ededed 1px solid; box-sizing:border-box; padding:10px; margin-right:2%; margin-bottom:1rem; text-align:center; transition:all 0.6s}
.khjz ul li i{ display:block; width:100%;  overflow:hidden}
.khjz ul li i img{ width:100%; height: auto;}
.khjz ul li  a p{ font-size:14px; padding:5px 0; color:#333}
.khjz ul li:hover{box-shadow: 0px 0px 10px rgba(195,195,195,0.75); border:#ffd720 1px solid; transition:all 0.6s}

.culture_bd{ width:100%; max-width:1400px; margin:0px auto 50px; height:auto; overflow:hidden}
.culture_bd ul li{
	float: left;
	margin: 10px  7px;
}


.culture_bd ul li div{
	width:336px;
	height: auto  ;
	padding: 20px;

	border: 1px solid #e8e8e8;
	background: #FFFFFF;
	float: left;
	margin-left:16px;
}
.culture_bd ul li div:first-child{
	margin-left: 0;
}
.culture_bd ul li div img{
	width:296px ;
	height:200px;
}

.culture_bd ul li div h4{
	font-size: 15px;
	font-family: "΢���ź�";

	border-bottom: 1px dashed #ccc;
	color: #444444;
	line-height: 50px; font-weight:bold
	}
.culture_bd ul li div p{
	font-size: 12px;
	line-height: 23px;
	margin-top:12px ;
	color:#808080 ;  overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:3;
}
.culture_bd ul li div:hover{
	background: #f7f7f7;
	
}

/*����*/

.xwfl{ float:right; width:240px;}

.leimu h3{ display:block; font-size:20px; line-height:45px; background:#ffd720; color:#222023; padding-left:15px; box-sizing:border-box; font-weight:normal}
.leimu  ul li{ margin-top:5px; }
.leimu  ul li a{ display:block; background:#f2f2f2; color:#333; line-height:35px; padding-left:15px; transition:all 0.6s}
.leimu  ul li a:hover{ background:#333; color:#fff; transition:all 0.6s}
.redian{ height:auto; margin-top:10px}
.redian h3{ display:block; border-bottom:#e8e8e8 1px solid; line-height:45px; font-size:20px; color:#000; font-weight:normal;}
.redian ul li{border-bottom:#e8e8e8 1px solid; padding:8px 0}
.redian ul li p{ font-size:14px; line-height:23px;}
.redian ul li em{ display:block; font-style:normal; color:#999}

	.xwlb{ float:left; width:calc(100% - 280px)}
	.xwlb ul li{  margin-bottom:25px; overflow:hidden; position:relative; transition:all 0.6s}

	.xwlb ul li i{ display:block; float:left; width:30%; padding-bottom:15%; border:#efefef 1px solid; box-sizing:border-box; position:relative; overflow:hidden}
	.xwlb ul li i img{ position:absolute; width:100%; height:auto; left:0; top:0; transition:all 0.6s}
	.xwlb ul li i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
	.xwlb ul li .nxw{ float:right; width:60%; margin-right:5%;}
	.xwlb ul li .nxw h3{ padding:0.5rem 0; margin:0; font-size:16px; text-align:left; line-height:23px;display:block;}
	.xwlb ul li .nxw h3 a{ color:#333}
	.xwlb ul li .nxw h3 a:hover{ color:#f29118}
	.xwlb ul li .nxw em{ display:block; color:#999; font-size:12px; padding:0.5rem 0; text-align:left; font-style:normal}
	.xwlb ul li .nxw p{ display:block; color:#909090; line-height:25px; height:50px; margin:5px 0; font-size:14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}
	.xwlb ul li .nxw span a{ display:block;   line-height:23px; color:#ffd720; font-size:12px; margin-top:1rem; transition:all 0.6s}
	.xwlb ul li .nxw span a:hover{ transform:translateX(10px); transition:all 0.6s}



.about1{ width:96%; margin:0px auto; margin-bottom:40px; max-width:1400px; font-size:18px; line-height:55px; overflow:hidden}
.about1 img{ float:right; width:30%; height:auto; padding-left:5%;}
.nnbt{ text-align:center; font-size:25px; padding-top:30px; margin-bottom:30px; color:#000; line-height:45px;}
.nnbt em{ display:block; height:3px; width:80px; margin:0 auto; background:#ffd720}

.about2{ background:#f1f1f1; padding:35px 0; overflow:hidden}
.about2 img{ max-width:100%; height:auto; display:block; margin:0 auto}


.about3{ width:96%; margin:0px auto; margin-bottom:40px; max-width:1400px; font-size:14px; line-height:25px; overflow:hidden}
.about3 img{ display:block; max-width:100%; height:auto; margin:0 auto}


.about4{ width:100%; height:auto}
.about4 img{ width:100%; height:auto}

.about5{ width:96%; margin:0px auto; margin-bottom:40px; max-width:1400px; font-size:14px; line-height:25px; overflow:hidden}
.about5 ul li{ float:left; width:24%; margin:0.5rem 0.5%;}
.about5 ul li img{ width:100%; height:auto}

.ndh{ margin:30px 0; text-align:center}
.ndh ul li{ display:inline-block; }
.ndh ul li a{ display:block; border:#e0e0e0 1px solid; color:#333; padding:10px 30px; font-size:14px;transition:all 0.6s}
.ndh ul li a:hover{ background:#ffd720; color:#fff; transition:all 0.6s}


.lx1{ float:left; width:45%; padding:50px 30px; box-sizing:border-box; text-align:center; background: url(lxbg.jpg) center no-repeat; background-size:cover; border-radius:20px;}
.lx1 h3{ color:#ffd720; display:block; font-size:20px; text-align:center}
.lx1 p{ display:block; margin:1rem 0; color:#fff; line-height:25px; font-size:14px;}
.lx1 ul{ margin-top:40px; overflow:hidden}
.lx1 ul li{ float:left; width:47%; margin-right:3%; margin-bottom:30px;}

.lx1 ul li i{ display:block; background:#ffd720; width:32px; line-height:32px; height:32px; text-align:center; border-radius:20px; float:left; overflow:hidden}
.lx1 ul li i img{ height:26px; padding-top:3px; width:auto;}
.lx1 ul li p{ display:block; float:right; width:calc(100% - 40px); text-align:left; margin:0}
.lx1 ul li p em{ display:block; font-size:16px; font-weight:bold; line-height:25px; font-style:normal}


.ly1{ float:right; width:50%;}
.ly1 ul li{ margin-bottom:20px;}
.lybd1{ border:#e5e5e5 1px solid; line-height:50px; height:50px; width:100%; padding:0 15px; box-sizing:border-box; border-radius:25px; outline:none; color:#666}
.lyly{ border:#e5e5e5 1px solid; line-height:25px; height:100px; width:100%; padding:0 15px; box-sizing:border-box; border-radius:25px; outline:none; font-family:"΢���ź�";color:#666}


.lytj{ display:block; margin:0 auto; width:120px; text-align:center; color:#ffd720; border:#ffd720 1px solid; outline:none; cursor:pointer; background:none; line-height:40px; transition:all 0.6s  }
.lytj:hover{ background:#ffd720; color:#fff; transition:all 0.6s }

.lx2{ width:98%; max-width:1400px; margin:0 auto; margin-top:30px; height:450px; overflow:hidden;}


.weizhi{ background:#f6f6f6; padding:20px 0; font-size:14px; color:#666; height:auto; overflow:hidden; line-height:30px;}
.weizhi em{ display:block; float:left; padding-right:10px; margin-top:5px}

.weizhi1{ background:#f6f6f6; padding:20px 0; font-size:14px; color:#666}
.weizhi1 em{ display:block; float:left; padding-right:10px}
.zcd{ float:right}
.zcd ul{ text-align:right} 
.zcd li{ display:inline-block; width:auto; height:30px; line-height:30px; background:#222023;border-radius:4px; color:#ffd720; text-align:center; margin-left:10px}
.zcd li a{color:#ffd720; padding: 0 10px;}

.zcd li:hover{background:#ffd720;}
.zcd li:hover a{color:#222023;}
.zcd li.on{background:#ffd720;}
.zcd li.on a{color:#222023;}
@media (max-width: 1400px) {

.dlink ul li{ float:left; margin-right:30px;}



}

@media (max-width: 1024px) {

/*�������� ������*/

.shipin{ width:100%; float:none}
.tdjs{ float:none; width:100%; margin-top:20px}

.bt1{ text-align:center; color:#000; margin-bottom:20px;}
.bt1 h1{ font-size:20px}
.bt1 h2{ font-size:14px; font-weight:normal}

.bt2{ text-align:center; margin-bottom:20px;}
.bt2 h1{ font-size:12px; color:#989898; font-weight:normal;  text-transform:uppercase ; }
.bt2 h2{ color:#000; font-size:20px; font-weight: bold; padding-bottom:10px;}
.bt2 p{ font-size:12px; color:#6d6d6d; padding-top:10px}



.jieshao h3{ float:none;width:100%; text-align:center}
.jieshao p{ float:none; width:100%}

.dlink{ display:none}


.list{width: 240px;}

.cplb{ width:calc(100% - 250px)}
.list ul li .inactive{ background:url(off.png) no-repeat 200px center;}
.list ul li .inactives{background:url(on.png) no-repeat 200px center;} 
.cplb ul li{ float:left; width:47%; margin-left:2%; margin-bottom:1rem;}
.cplb ul li:nth-child(3n){margin-right:2%; }
.cplb ul li:nth-child(2n){margin-right:0; }
.texing{ float:none; width:100%; margin-bottom:20px;}
.yuanli{ float:none; width:100%}

.fa1{ float:none; width:96%; margin:0 auto; margin-bottom:1rem; overflow:hidden}
.fa1:nth-child(2n){ margin:0 auto; margin-bottom:1rem;}

.dapic{ width:96%; margin:0 auto; float:none; display:block  }
.dajs{ float:none; width:96%; margin:0 auto; overflow:hidden}


}


@media (max-width: 768px) {
	
.bt2{ text-align:center; margin-bottom:10px;}
.bt2 h1{ font-size:14px; color:#989898; font-weight:normal;  text-transform:uppercase ; padding-top:10px}
.bt2 h2{ color:#000; font-size:20px; font-weight:normal; padding-bottom:10px; font-weight:bold;}
.bt2 em{ display:block; margin:0 auto; width:80px; height:3px; background:#ffd720;}
.bt2 p{ font-size:18px; color:#6d6d6d; padding-top:0px}


.weizhi{ background:#f6f6f6; padding:10px 0; font-size:14px; color:#666; height:auto; overflow:hidden; line-height:30px;}
.weizhi em{ display:block; float:left; padding-right:10px; margin-top:5px}

.weizhi1{ background:#f6f6f6; padding:10px 0; font-size:14px; color:#666; margin-bottom:10px}
.weizhi1 em{ display:block; float:left; padding-right:10px}
.zcd{ float:none; margin-top:10px}
.zcd ul{ text-align:left} 
.zcd li{ display:inline-block; width:24%; height:30px; line-height:30px; background:#222023;border-radius:4px; color:#ffd720; text-align:center; margin-left:0}
.zcd li a{color:#ffd720}

.foot1{ display:none;}
.foot2{ text-align:center}

.tedian{ display:none}
.shipin video{ max-height:340px}
.td1 i{ float:none; width:100%;}
.td1 .tdtd{ float:none; width:100%}
.td2 i{ float:none; width:100%;}
.td2 .tdtd{ float:none; width:100%;}
.td3 .tdtd{ margin-top:20px;}

.tdtd h3{ font-size:20px}
.tdtd h3 em{ font-style:normal; font-size:12px}

.tdtd p{ font-size:12px; color:#717171; line-height:23px}
.td3 .peizhi td{ font-size:12px}

.jjfa ul li{ float:left; width:46%; margin:2%; padding-bottom:40%; background:rgba(0,0,0,.8);}
.jjfa ul li img{ position:absolute; height:auto; width:100%;top:0; left:0; transform:none; opacity:0.4}

.jjfa ul li .fdwz h1{ font-size:20px; font-weight:normal}
.jjfa ul li .fdwz  em{ display:block; background:#fff; width:53px; height:3px; margin:15px auto}
.jjfa ul li .fdwz{ position:absolute; z-index:99; color:#fff; width:90%; left:5%; top:55%;transform:translate(0,-50%); height:100px; overflow:hidden;text-align:center; transition:all 0.6s}
.jjfa ul li:hover .fdwz{ height:170px; transition:all 0.6s}
.jjfa ul li .fdwz h2{ font-size:16px; display:block; margin-bottom:20px; font-weight:normal}
.jjfa ul li .fdwz  p{ font-size:12px; line-height:20px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; transition:all 0.6s}
.jjfa ul li .fdwz  span { display:block; margin:0 auto; border:#fff 1px solid; width:80px; line-height:20px; text-align:center; margin-top:10px;transition:all 0.6s}
.jjfa ul li:nth-child(5n){ width:96%; }


.list{width: 96%; float:none; border:#dcdcdc 1px solid; border-top:#ffd720 5px solid; box-sizing:border-box; margin:20px auto }
.list ul li{background-color:#fff; border-bottom:#dcdcdc 1px  solid;font-size:14px; }
.list ul li:last-child { border:0}
.list ul li a{padding-left: 20px;color: #333;  display: block; height:35px;line-height: 35px;position: relative;
}
.list ul li .inactive{ background:url(../images/off1.png) no-repeat right center;}
.list ul li .inactives{background:url(../images/on1.png) no-repeat right center;} 
.list ul li ul{display: none;}
.list ul li ul li { border-left:0; border-right:0; background-color:#f7f7f7; border-color:#dcdcdc; font-size:12px;}
.list ul li ul li ul{display: none;}
.list ul li ul li a{ padding-left:20px; color:#666}
.list ul li ul li ul li { background-color:#fff; border-color:#ececec; font-size:12px; }
.last{ background-color:#d6e6f1; border-color:#6196bb; }
.list ul li ul li ul li a{ color:#666; padding-left:30px;}


.fa1{ float:none; width:100%; margin-right:0; margin-bottom:10px}
.fa1 .fafa1{ float:none; width:100%; padding-bottom:50%; position:relative; overflow:hidden}
.fa1 .fafa1 img{ width:100%; height:auto; position:absolute; left:0;top:50%; transform:translate(0,-50%);}
.fa1 .fafa1 p{ display:block; position:absolute; z-index:999; text-align:center; color:#fff; bottom:0; width:100%; text-align:center; background:rgba(0,0,0,0.7); line-height:45px; font-size:16px}
.fa1:nth-child(2n){margin-right:0; border:0}

.fa1 .fafa2{ float:none; width:100%;}
.fa1 .fafa2 ul li{ border-bottom:#ebebeb 1px solid; line-height:40px; font-size:14px; background: url(biao.jpg) left center no-repeat; padding-left:15px;}
.fa1 .fafa2 ul li a{ display:block}


.new ul li{ float:none; width:100%; margin:0.5rem 0;position:relative}

.nbanner{ height:150px; font-size:20px; margin-top:0}
.nbanner .nbt{ position:absolute; width:100%; text-align:center; top:50%; z-index:99; background:url(nav.jpg) bottom no-repeat; background-size:100px 3px; padding-bottom:12px}

.nmain{ padding:25px 0; overflow:hidden;width:100%; margin:0 auto}

.cplb{ width:100%}

.tx1{ float:none; width:96%; margin:0 auto; margin-bottom:1rem; }
.tx2{float:none; width:96%; margin:0 auto }

.tx5 ul li{ display:inline-block;width:47%; margin:0 0.5%;}


.fatu{ float:none; width:96%; margin:0 auto; padding-bottom:60%; }

.fazi{ float:none; width:96%; margin:0 auto; margin-top:20px}
.fazi h3{ font-size:25px;}
.fazi p{ display:block; margin:20px 0; line-height:25px; font-size:14px; color:#666}
.fazi span{ display:block; background:#ffd720; width:100%;font-size:20px; color:#fff; max-width:300px; text-align:center; line-height:40px; border-radius:20px;}


.xiangguan ul li{ display:inline-block; width:48%; padding-bottom:30%; position:relative; margin:0.5rem 0.5%; overflow:hidden}


.khjz ul li{ float:left; width:47%; border:#ededed 1px solid; box-sizing:border-box; padding:10px; margin-left:2%; margin-bottom:1rem; text-align:center; transition:all 0.6s}



.xwfl{ display:none}
.xwlb{ float:none; width:96%; margin:0 auto}

	.xwlb ul li i{ display:block; float:left; width:30%; padding-bottom:15%; border:#efefef 1px solid; box-sizing:border-box; position:relative; overflow:hidden;height:110px;}
	.xwlb ul li i img{ position:absolute; width:100%;  left:0; top:0; transition:all 0.6s;height:110px;}
	.xwlb ul li i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
	.xwlb ul li .nxw{ float:right; width:60%; margin-right:5%;}
	.xwlb ul li .nxw h3{ padding: 0; margin:0; font-size:14px; text-align:left; line-height:23px;display:block; white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;}
	.xwlb ul li .nxw h3 a{ color:#333}
	.xwlb ul li .nxw h3 a:hover{ color:#f29118}
	.xwlb ul li .nxw em{ display:block; color:#999; font-size:12px; padding:5px 0; text-align:left; font-style:normal}
	.xwlb ul li .nxw p{ display:block; color:#909090; line-height:20px; height: auto; margin:0; font-size:12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}
	.xwlb ul li .nxw span a{ display:block;   line-height:23px; color:#ffd720; font-size:12px; margin-top:0; transition:all 0.6s}
	.xwlb ul li .nxw span a:hover{ transform:translateX(10px); transition:all 0.6s}
.nmain{ padding:0 0; overflow:hidden}
.nmain .st_zs{text-align: left; width:96%; margin:20px auto}
.nmain .st_zs .j_s{margin-bottom:30px; font-size:14px; line-height:28px; color:#666}
.nmain .st_zs .x_q{ width:99%; margin:0 auto}
.nmain .st_zs .x_q ul li{overflow:hidden; margin-bottom:0; padding:5px }

.about1{ width:96%; margin:0px auto; margin-bottom:40px; max-width:1400px; font-size:14px; line-height:25px; overflow:hidden}
.about1 img{ float:right; width:50%; height:auto; padding-left:5%;}

.about5 ul li{ float:left; width:48%; margin:0.5rem 0.5%;}


.lx1{ float:none; width:100%; padding:20px;}
.ly1{ float:none; width:95%; margin:0 auto;margin-top:20px;}


.lx2{ margin-top:30px; height:250px; overflow:hidden;}
.lx1 ul li{ float:none; width:100%; margin-right:0; margin-bottom:20px; overflow:hidden}
.cplb{padding-bottom:0px;}
.cplb ul li p{ display:block; line-height:30px; margin-top:0px; text-align:center; font-size:14px;}


.banquan{ float:none; margin:0 auto}
.dtel{ float:none; margin:0 auto}


.dapic{ float:none; width:96%; margin:0 auto }
.dajs{ float:none; width:96%; margin:0 auto}

.boda{ display:block}
.foot{ background:#3c3c3c; padding-top:0px}
.texing img{width:100%; }

.culture_bd{ width:100%; max-width:100%; margin:0px auto 20px; height:auto; overflow:hidden}
.culture_bd ul li{
	float: left; margin:2%; width:46%;box-sizing:border-box;
}


.culture_bd ul li div{
	width:100%;
	height: auto  ;
	padding: 8px;

	border: 1px solid #e8e8e8;
	background: #FFFFFF;
	float: left;
	margin-left:16px;box-sizing:border-box;

}
.culture_bd ul li div:first-child{
	margin-left: 0;
}
.culture_bd ul li div img{
	width:100% ;
	height: auto;
}

.culture_bd ul li div h4{
	font-size: 13px;
	font-family: "΢���ź�";

	border-bottom: 1px dashed #ccc;
	color: #444444;
	line-height: 30px; font-weight:bold;  white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
	}
.culture_bd ul li div p{
	font-size: 12px;
	line-height: 23px;
	margin-top:12px ;
	color:#808080 ;  overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:3;
}
.culture_bd ul li div:hover{
	background: #f7f7f7;
	
}



}

.guanyutu{ text-align:right}


.zxkf{width:60px; position:fixed; right:0; top:50%; margin-top:-30px; z-index:99999;}
.zxkf .dh{margin-bottom:2px; background-color:rgba(0,0,0,.8); width:60px; height:60px; float:right; overflow:hidden;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .dh:hover{background-color:rgba(255,125,50,.8); width:210px;}
.zxkf .dh .tp{float:left; width:60px; padding-top:30px; height:60px; background:url(../images/d_h.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .dh:hover .tp{background-color:rgba(255,125,50,.8);}
.zxkf .dh .wz{font-size:16px; color:#fff; font-family:Arial; line-height:60px; float:left; margin-left:10px;}
.zxkf .qq{margin-bottom:2px; background-color:rgba(0,0,0,.8); width:60px; height:60px; float:right; overflow:hidden; transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .qq:hover{background-color:rgba(66,167,204,.8); width:150px;}
.zxkf .qq .tp{float:left; width:60px; padding-top:30px; height:60px; background:url(../images/q_q.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .qq:hover .tp{background-color:rgba(66,167,204,.7);}
.zxkf .qq .wz{font-size:14px; color:#fff; line-height:60px; float:left; margin-left:10px;}
.zxkf .qq .wz a{color:#fff;}
.zxkf .wx{margin-bottom:2px; background-color:rgba(0,0,0,.8); width:60px; height:60px; float:right; position:relative; transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .wx:hover{background-color:rgba(95,212,144,.8);}
.zxkf .wx .tp{float:left; width:60px; padding-top:30px; height:30px; background:url(../images/w_x.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;}
.zxkf .ewm{position:absolute; width:120px; border:1px solid #e7e7e7; left:-125px; bottom:0; display:none;}
.zxkf .ewm img{width:100%; height:auto; display:block;}
.zxkf .wx:hover .ewm{display:block;}
.zxkf .fh{margin-bottom:10px; background-color:#ffd720; width:60px; height:60px; float:right; position:relative; cursor:pointer; display:none;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .fh .tp{float:left; width:60px; padding-top:30px; height:30px; background:url(../images/f_h.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#222023; text-align:center;}

@media (max-width: 768px) {
	
}
.sy_al{padding:50px 0; overflow:hidden;}
.sy_al .t_p{overflow:hidden;}
.sy_al .t_p img{width:100%; height:auto; display:block;}
.sy_al .w_z{border:1px solid #d7d7d7; padding:15px; margin-top:2px;}
.sy_al .w_z h3{font-size:16px; margin-bottom:10px;}
.sy_al .w_z span{float:right; font-size:14px; color:#777;}
.sy_al .w_z p{font-size:13px; line-height:24px; color:#777; height:48px; overflow:hidden; margin-bottom:10px; text-overflow:ellipsis; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical;}
.sy_al .w_z em{width:30px; height:1px; background-color:#ffd720; display:block; margin-bottom:15px;}
.sy_al .w_z a{color:#ffd720;}
.sy_al .swiper-al{padding-bottom:60px;}
.sy_al .swiper-al .swiper-button-prev{background:url(../images/zj.png) no-repeat; width:34px; height:34px; top:auto; bottom:0; left:50%; margin-left:-42px;
background-size:34px 34px;
-webkit-background-size:34px 34px;
-moz-background-size:34px 34px;
-ms-background-size:34px 34px;
-o-background-size:34px 34px;}
.sy_al .swiper-al .swiper-button-prev:hover{background:url(../images/z_j.png) no-repeat;}
.sy_al .swiper-al .swiper-button-next{background:url(../images/yj.png) no-repeat; width:34px; height:34px; top:auto; bottom:0; right:50%; margin-right:-42px;
background-size:34px 34px;
-webkit-background-size:34px 34px;
-moz-background-size:34px 34px;
-ms-background-size:34px 34px;
-o-background-size:34px 34px;}
.sy_al .swiper-al .swiper-button-next:hover{background:url(../images/y_j.png) no-repeat;}


.page{width:100%; margin:30px auto ; overflow:hidden;}
.page a{line-height:38px; color:#222023; background-color:#fff; border:1px solid #222023; text-align:center; font-size:14px; width:38px; height:38px; float:left; margin-right:10px;}
.page a:hover{background-color:#ffd720; border:1px solid #ffd720; color:#222023;}
.page a.on{background-color:#ffd720; border:1px solid #ffd720; color:#222023;}

.nei{ width:1400px; margin:0 auto; font-size:14px; line-height:35px; } 
.nei h2{ font-size:26px;padding-bottom: 20px; padding-left: 5px; padding-top: 10px}
.nei td{ border:1px #fff solid; padding-left:10px;  background-color:#eee;}
.nei table{border:1px #fff solid;}

.nei1{ width:1400px; margin:0 auto 50px; font-size:14px; line-height:35px; } 
.nei1 td{ border:1px #fff solid; padding-left:10px;  background-color:#eee;}
.nei1 table{border:1px #fff solid;}

.nei2{ width:100%; margin:0 auto 50px; font-size:14px; line-height:35px; display:none } 
.nei2 td{ border:1px #fff solid;  background-color:#eee; width:50%; text-align:center}
.nei2 table{border:1px #fff solid;}


.nlx{background-color: #000; padding-left: 15px;  color: #fff; width:1400px; margin:20px auto; height:auto; overflow:hidden; line-height:50px; font-size:18px }
.gz_jh{ margin:20px auto 50px}
.gz_jh .rc_zp .ts{line-height:26px; color:#888; }
.gz_jh .rc_zp .ts a{color:#ffd720;}
.gz_jh .rc_zp .jr_lm{border:1px solid #e7e7e7; overflow:hidden; margin-bottom:10px;}
.gz_jh .rc_zp .jr_lm.jt{border: 1px solid #ffd720;}
.gz_jh .rc_zp .jr_bt{padding:10px 20px;  font-size:14px; line-height:40px; color:#555; overflow:hidden; cursor:pointer; position:relative;}
.gz_jh .rc_zp .jr_bt:hover{background-color:#e7e7e7;}
.gz_jh .rc_zp .jr_bt.on{background-color:#e7e7e7;}
.gz_jh .rc_zp .jr_bt i{position:absolute; top:50%; right:15px; font-size:15px;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.gz_jh .rc_zp .jr_bt.on i{transform:translate(0,-50%) rotate(180deg);
-webkit-transform:translate(0,-50%) rotate(180deg);
-moz-transform:translate(0,-50%) rotate(180deg);
-ms-transform:translate(0,-50%) rotate(180deg);
-o-transform:translate(0,-50%) rotate(180deg);}
.gz_jh .rc_zp .jr_lm.jt .jr_bt{background-color:#ffd720; color:#222023; padding:0 20px; line-height:60px;}
.gz_jh .rc_zp .jr_bt span{float:left; width:33.333333%; text-align:center;}
.gz_jh .rc_zp .jr_bt span.s_40{text-align:left;}
.gz_jh .rc_zp .jr_nr{background-color:#fff; padding:30px 25px 10px; font-size:14px; line-height:32px; margin-bottom:3px; display:none;}
.gz_jh .rc_zp .jr_nr .lm{color:#ffd720;}
.gz_jh .rc_zp .jr_nr .js{margin-bottom:20px;}
.kuan1{ width:20%}
.kuan2{ width:80%}
.kuan3{ width:50%}
@media only screen and (max-width:992px){
.gz_jh .rc_zp .jr_bt{padding:5px 20px; line-height:20px }
.gz_jh .rc_zp .jr_lm.jt .jr_bt{padding:5px 20px; line-height:40px;}
.gz_jh .rc_zp .jr_nr{padding:20px; font-size:12px; line-height:22px;}
.gz_jh .rc_zp .jr_nr .lm{margin-bottom:10px;}
.page{width:96%; margin:0 auto 30px ; overflow:hidden;}
.page a{line-height:28px; color:#222023; background-color:#fff; border:1px solid #222023; text-align:center; font-size:14px; width:28px; height:28px; float:left; margin-right:10px;}
.page a:hover{background-color:#ffd720; border:1px solid #ffd720; color:#222023;}
.page a.on{background-color:#ffd720; border:1px solid #ffd720; color:#222023;}

.nei{ width:100%; margin:20px auto 0; font-size:14px; line-height:35px; } 
.nei h2{ font-size:16px;padding-bottom: 10px; padding-left: 5px; padding-top: 0px}
.nei td{ border:1px #fff solid; padding-left:10px;  background-color:#eee; box-sizing:border-box}
.kuan1{ width:30%}
.kuan2{ width:70%}
.kuan3{ font-size:12px; line-height:25px;}
.nei table{border:1px #fff solid;}
.sy_al{padding:20px 0; overflow:hidden;}
.nlx{background-color: #000; padding-left: 15px;  color: #fff; width:100%; margin:15px auto; height:auto; overflow:hidden; line-height:50px; font-size:16px }
.nei h2{ font-size:16px;padding-bottom: 10px; padding-left: 5px; padding-top: 0}

.nei1{ display:none } 
.nei2{ display:block}
}

.xianshi{ display:none}
.xs{ display:block}
.yc{ display:none}
@media only screen and (max-width:992px){
.xianshi{ display: block}
.xs{ display:none}
.yc{ display:block}
}

.youbian{ float:right; width:1040px; height:auto; overflow:hidden}

@media only screen and (max-width:992px){
.youbian{ float:none; width:100%; height:auto; overflow:hidden}
}


.nTab{width:100%;margin:20px auto;background:#f5f5f5;border:1px solid #e8e8e8;overflow:hidden}
.none {display:none;}
.nTab .TabTitle li{float:left;cursor:pointer;height:40px;line-height:40px;font-weight:bold;text-align:center;width:124px}
.nTab .TabTitle li a{text-decoration:none; font-size:16px}
.nTab .TabTitle .active{background:#ffd720;color:#222023}
.nTab .TabTitle .normal{background:#222023;color:#ffd720}
.nTab .TabContent{clear:both;overflow:hidden;background:#fff;padding:10px;display:block;}


.culture_bd1{ width:100%; max-width:1400px; margin:0px auto 50px; height:auto; overflow:hidden}
.culture_bd1 ul li{
	float: left;
	margin: 10px  7px;
}


.culture_bd1 ul li div{
	width:330px;
	height: auto  ;
	padding: 20px;

	border: 1px solid #e8e8e8;
	background: #FFFFFF;
	float: left;
	margin-left:16px;
}
.culture_bd1 ul li div:first-child{
	margin-left: 0;
}
.culture_bd1 ul li div img{
	width:290px ;
	height:200px;
}

.culture_bd1 ul li div h4{
	font-size: 15px;
	font-family: "΢���ź�";

	border-bottom: 1px dashed #ccc;
	color: #444444;
	line-height: 50px; font-weight:bold
	}
.culture_bd1 ul li div p{
	font-size: 12px;
	line-height: 23px;
	margin-top:12px ;
	color:#808080 ;  overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:3;
}
.culture_bd1 ul li div:hover{
	background: #f7f7f7;
	
}



.zw{ line-height:30px; padding:15px 0; min-height:350px;color:#555555; font-size:14px;}
.zw a:link{ color:#555555; }
.zw a:visited{ color:#555;}
.zw a:hover{ color:#FF6205;}
.zw a:active{color:#555555;}
.zw img{
 max-width:100%;

 width:expression(document.body.clientWidth>100%?"100%":"auto");

}

.xiaocms-page span{ margin:0 3px;  border:1px solid #ffd720;padding:0 13px; background:#ffd720; color:#FFFFFF; display:inline-block; }
.xiaocms-page  a{margin:0 3px;   border:1px solid #eee;background:#fff; display:block; color:#333; padding:0 13px;display:inline-block; }
.xiaocms-page  a:hover {margin:0 3px;   border:1px solid #ffd720;background:#ffd720; color:#fff; padding:0 13px;display:inline-block;}




.TabContent img{ width: 300px!important; margin: 10px; display: inline-block; height: auto;}
.TabContent,.ke-zeroborder { line-height:2; font-size: 16px;color:#000;}
.dajs{ float:right; width:45%; color:#000; line-height:2; font-size: 16px;}
@media only screen and (max-width:992px){
#myTab_Content1{ overflow-y: auto;}
#myTab_Content1,#myTab_Content1 span{ line-height:1.5!important; font-size: 10px!important;}
#myTab_Content2,#myTab_Content2 span{ line-height:1.5!important; font-size: 12px!important;}
.TabContent img{ width: auto; max-width:200px!important; margin:0px; display: inline-block; height: auto;}
.TabContent td{ border-width:0px 1px 1px 0px!important; padding:2px;}
.TabContent table{border:solid #333!important; border-width:1px 0px 0px 1px!important;margin:0px; display: inline-block; height: auto;}
.dajs{ float:right; width:96%; color:#000; line-height:1.8; font-size: 14px;}

#myTab_Content2 img{ width: auto; max-width:200px!important; margin:0px; display: inline-block; height: auto;}
#myTab_Content2 td{border:solid #333!important; border-width:0px 1px 1px 0px!important; padding:2px; width: auto!important}
#myTab_Content2 table{border:solid #333!important; border-width:1px 0px 0px 1px!important;max-width: 100%!important;margin:0px; display: inline-block; height: auto;}

.nbanner {
    height:auto;
   
    margin-top:25px;
}
.nbanner img {
    position: relative;
    height: auto;
    width: 100%;
   
    transform: translate(0,0);
}
}