@charset "utf-8";

body{ margin:0px; font-size:12px; color:#666666;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 {list-style:none;}

input,select {font:100% "微软雅黑";}

button {overflow:visible}

img{border:none;}

a{color:#3d2f1b;text-decoration:none; cursor:pointer;}

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

li{	list-style:none;}

input,select,button{font:12px;vertical-align:middle;}

.clear{overflow:hidden;clear:both; height:0px;}

.lf{ float:left;}

.rt{ float:right;}

.m{ width:1200px; margin:0 auto;}

.n{ width:1200px; margin:0 auto;}



.t_p { overflow: hidden; position: relative;}

.t_p img{ width:100%; transition: all 3s; -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s;}

.t_p img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}



.header .an{position:absolute;top: 31px;right:15px;height:18px;width:30px;display:none;}

.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute; transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}

.header .an span.a1{top:0; left:0;}

.header .an span.a2{top:8px; left:0;}

.header .an span.a3{top:16px; left:0;}

.header .an.n span.a2{display:none;}

.header .an.n span.a1{top:8px; width:30px; transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);}

.header .an.n span.a3{top:8px; width:30px; transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg);}

.menu{width: 75%;height: 78px;margin-left: 5%;float: right;}

.menu .nav{/* width:1200px; */margin:0 auto;}

.menu .nav i{font-size:14px; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:15px; top:50%; display:none;

transform:translate(0,-50%);

-webkit-transform:translate(0,-50%);

-moz-transform:translate(0,-50%);

-ms-transform:translate(0,-50%);

-o-transform:translate(0,-50%);}

.menu .nav ul li{width: 13%;height: 78px;font-size: 15px;text-align:center;float:left;/* margin: 0 2%; */position:relative;}

.menu .nav ul li a.o_lm{line-height: 76px;display:block;text-decoration: none;color: #cccccc; text-transform:uppercase;}

.menu .nav ul li:hover a.o_lm{border-bottom: 2px solid #c09b54;color: #c09b54;}

.menu .nav ul li.on a.o_lm{border-bottom: 2px solid #c09b54;color: #c09b54;}

.menu .nav .y_j{position:relative;}

.menu .nav .e_j{width:100%;background-color: #0f0d06;position:absolute;display:none;z-index:9999;}

.menu .nav .e_j a{display:block;border-top: 1px solid #fff;font-size: 13px;color: #cccccc;line-height:36px;text-decoration: none;}

.menu .nav .e_j a:hover{background-color: #c09b54;color: #fff;}

.menu .nav ul li:hover .e_j{display:block;}

.head_h{width:100%;height: 78px;background-color:#fff;display:none;}



.wrap{width: 21px;margin-top: 32px;float: right;position: relative;}

.search-button{}

.search-button b{width: 21px;height: 20px;display: block;background:url(ss.png) no-repeat;}

#product-search{ visibility:hidden; width: 300px; background: #3674b9; position:absolute; top: 53px; right: 0; padding: 10px 20px; box-sizing:border-box; opacity:0; transition:opacity .3s ease;}

#product-search.active { visibility:visible; opacity:1; }

#product-search form {/* float:left; */width:100%;margin: 0 auto;}

#product-search form .txt {float:left;width: 67%;height: 30px;font-size: 12px;padding-left: 10px;box-sizing:border-box;font-family: 微软雅黑;border: 1px solid #fff;}

#product-search form .input-button {width: 33%;box-sizing:border-box;overflow:hidden;background: #fff;float: left;border-left: 1px solid #999;}

#product-search form .input-button > input {width: 100%;height: 30px;color:#005ead;font-size: 14px;background: #fff;border: none;line-height: 30px;font-family: 微软雅黑;}

.ss{ display:none;}



.swiper-button-prev{ background:url(left.png) no-repeat left center; left:5%;}

.swiper-button-prev:hover{ opacity:1;}

.swiper-button-next{ background:url(right.png) no-repeat right center; right:5%; opacity:1;}

.swiper-button-next:hover{ opacity:1;}



.yuyan{position: fixed;top: 28px;right: 2%;width: 85px;height: 26px;line-height:26px;font-size:15px;color:#999999;z-index: 999;}

.yuyan select{width:100%;background:none;border:none;font-size: 15px;line-height: 26px;display: block;}

.yuyan select option{background: #0f0d06;}



.n11{ overflow:hidden;}

.n1{ margin-top:260px;}

.t1{ line-height:50px; font-size:30px; color:#333333;}

.b1{background:url(ab_bg.jpg) no-repeat left bottom;line-height:42px;font-family:"Impact";font-size:33px;color:#c7c7c7;padding-bottom:75px;text-transform: uppercase;}

.n1b{ background:#f8f8f8; padding-top:65px; padding-bottom:75px;}

.n1bl{ width:52.9%;}

.n1b1{ line-height:28px; font-size:15px; color:#999999;}

.n1b2{ margin-top:65px;}

a.ck_gd{width:130px;height:40px;margin:50px 0;border:1px solid #ddd;font-size: 27px;color: #fff;text-align:center;line-height:38px;display:block;position:relative;background: #505050;}

a.ck_gd i{padding-left:10px;}

a.ck_gd:hover{color: #c09b54;background: #fff;text-decoration: none;}

a.ck_gd:before{content:"";width:0;height:40px;border: 1px solid #c09b54;border-width:1px 0 1px 0;top:-1px;left:-1px;position:absolute;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}

a.ck_gd:after{content:"";width:130px;height:0;border: 1px solid #c09b54;border-width:0 1px 0 1px;top:-1px;left:-1px;position:absolute;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}

a.ck_gd:hover:before{width:130px;}

a.ck_gd:hover:after{height:40px;}

.n1br{ width:42%;}

.n1br1{background:#c09b54;width:53.6%;height:720px;margin-top: -365px;}

.n1br2{width: 90%;height:724px;margin-top: -765px;}

.n1br2 img{max-width:100%;height: 724px;}



.n2{ overflow:hidden;}

.n21{ background:url(bg21.jpg) no-repeat; height:468px; padding-top:90px;} 

.n21t{ line-height:50px; font-size:30px; color:#c09b54; font-weight:bold; text-align:center; text-transform:uppercase;}

.n21m{ line-height:45px; margin-bottom:58px; font-size:18px; color:#ffffff; text-align:center;text-transform:uppercase;}

.n21b ul li{width:150px;height: 150px;border-radius: 50%;border:1px solid #fff;float:left;margin-left:9.375%;text-align:center;color: #fff;font-weight: bold;}

.n21b ul li:first-child{margin-left: 0;}

.n21b ul li:hover{border:1px solid #c09b54; color:#c09b54;}

.a4{padding-top: 40px;line-height: 40px;font-size:24px;}

.a5{line-height: 30px;font-size:15px;text-transform:uppercase;}

.n22{ background:url(bg22.jpg) no-repeat; height:471px; padding-top:70px;} 

.n22t{ line-height:50px; font-size:30px; color:#333333; font-weight:bold; text-align:center;text-transform:uppercase;}

.n22m{ line-height:45px; margin-bottom:58px; font-size:18px; color:#ffffff; text-align:center;text-transform:uppercase;}

.n22b{ margin-top:60px;}

.n22b ul li{ width:14.2%; margin-left:7.25%; float:left; color:#ffffff; text-align:center; font-weight:bold;}

.n22b ul li img{ max-width:100%;}

.n22b ul li:first-child{ margin-left:0;}

.a6{margin-top: -64%;line-height:46px;font-size:22px; text-transform:uppercase;}

.a7{line-height: 21px;font-size:14px;text-transform:uppercase;}



.n3t{ margin-top:80px; margin-bottom:65px;}

.t2{line-height:50px;font-size:30px;color:#333333;text-align: center;}

.b2{background: url(ab_bg.jpg) no-repeat center bottom;line-height:42px;font-family:"Impact";font-size:33px;color:#c7c7c7;padding-bottom: 30px;text-align: center;text-transform: uppercase;}

.n3b ul li{ width:20%; float:left;}

.yw{ width:100%; position:relative; overflow:hidden;}

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

.bj{ position:absolute; width:100%; height:100%; background:#c9a348; opacity:0.8;}

.yw a:hover .bj{ left:0; top:0;}

.fwz{position:absolute;width: 90%;height: 90%;border:1px solid #fff;}

.yw a:hover .fwz{left: 5%;bottom: 5%;overflow: hidden;}

.fwzt{padding: 4% 8%;padding-top: 15%;text-align:center;font-size:20px;color:#fff;line-height:40px;}

.fwzb{font-size:15px;color:#fff;line-height:25px;text-align:center;padding: 3% 8%;}



.n4t{ margin-top:80px;}

.n4b{ margin-top:85px;}

.xw1{width: 48.4%;padding: 3.3% 5%;background: #f8f8f8;}

.xw1t{ line-height:40px; font-size:28px; color:#c4c4c4;}

.xw1m{ line-height:32px; font-size:16px;}

.xw1m a{ font-size:16px;}

.xw1b{ margin-top:5px; line-height:23px; font-size:13px; color:#999999;}

.xw1b img{ margin-top:15px; margin-bottom:20px; max-width:100%;}

.xw2{width: 44%;float: right;padding: 0;}

.xw2 ul li{ border-top:1px solid #e5e5e5; padding:36px 0;}

.xw2l{width: 65%;margin-left:25px;}

.xw2lt{ background:url(d.jpg) no-repeat left center; padding-left:25px; line-height:26px;}

.xw2lt a{ font-size:16px;}

.xw2lb{margin-top:5px;line-height:22px;font-size:13px;color:#999999;margin-left: 25px;}

.xw2rt{ line-height:45px; font-size:28px; color:#c4c4c4;}

.xw2rb{margin-top:35px;line-height:18px;text-align: right;}

.xw2rb a{color:#999999;font-size: 20px;font-weight: bold;}

.xw2rb a:hover{ color:#c09b54;}



.n5t{margin-top: 25px;margin-bottom:75px;}

.n5b{max-width: 1181px;margin:0 auto;background:#fff;margin-top:30px;border-left:1px solid #e3e3e3;border-top:1px solid #e3e3e3;overflow: hidden;margin-bottom: 85px;}

.n5b ul li{width: 236px;float:left;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;}

.n5b ul li .n50{width:100%;text-align: center;}

.n5b ul li .n500{width: 226px;height:120px;display:table-cell;vertical-align:middle;}

.n5b ul li .n500 img{ max-width:235px; max-height:120px;}



.f1{ background:url(f1_bg.jpg) repeat top center; padding-top:75px; padding-bottom:45px;}

.f11{ padding:0;}

.f11m{ width:72%; margin:0 auto;}

.f1t{ background:url(f1t.jpg) no-repeat left bottom; margin-top:5px; line-height:50px; font-size:17px; color:#cccccc;}

.f1b{ margin-top:25px;}

.wz{ background:url(wz.png) no-repeat left center; padding:12px 0; line-height:23px; padding-left:30px; font-size:15px; color:#999999;}

.em1{ background:url(em1.png) no-repeat left center; padding:12px 0; line-height:23px; padding-left:30px; font-size:15px; color:#999999;}

.em2{ background:url(em2.png) no-repeat left center; padding:12px 0; line-height:23px; padding-left:30px; font-size:15px; color:#999999;}

.f12{ padding:0; border-left:1px solid #3b3b3b;}

.f13{ padding:0; border-left:1px solid #3b3b3b;}

.f2{ background:#000000; padding:20px 0; line-height:30px; font-size:16px; color:#555454; text-align:center;}

.f2 a{ font-size:16px; color:#555454;}



.nban{ width:100%; position:relative; text-align:center;}

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

.nban .m1{ position:absolute; bottom:25%; color:#cfcece; text-align:left;}

.nban1{ line-height:48px; font-size:25px;}

.nban2{ line-height:38px; font-size:20px; text-transform:uppercase;}



.dq{ background:#c09b54; padding:20px 0;}

.dq .m{ background:url(w.png) no-repeat left center; padding-left:30px; line-height:20px; font-size:16px; color:#fff;}

.dq .m a{ font-size:16px; color:#fff;}



.nab{ margin-top:40px;}

.nab .container{ padding:0;}



.ab1{ margin-top:75px; margin-bottom:50px;}

.ab2{ margin-bottom:130px; line-height:32px; font-size:15px;}

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



.news{margin-bottom: 30px;padding-bottom: 25px;border-bottom:1px dashed #dedede;}

.news img{ width:100%; transition: all 3s; -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s;}

.news img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}

.news2t{line-height: 38px;}

.news2t a{font-size: 18px;color:#666666;}

.fbsj{ line-height:30px; margin-bottom:5px; font-size:15px; color:#d0d0d0;}

.news2b{line-height: 25px;font-size: 16px;color: #999999;}



.pro{ margin-bottom:15px;}

.title2{ line-height:40px; text-align:center; font-size:15px;}

.title2 a{ font-size:15px;}



.biaot{ font-size:18px;}

.tit{ line-height:50px;}

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

.m{ width:96%;}

}

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



.header .an{display:block;}

.menu{width: 100%;padding:15px 5%;background-color:#000;height:100%;position:fixed;top: 85px;left: -100%;z-index:9999;margin-left: 0;overflow:auto;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}

.menu.on{left:0;}

.menu .nav{width:100%;}

.menu .nav i{display:block;}

.menu .nav ul li{width:100%; height:auto; font-size:15px; text-align:left; border-bottom:1px solid #444; float:none; margin-right:0;}

.menu .nav ul li a.o_lm{color:#aaa;font-size: 14px;line-height: 40px; text-transform:uppercase;}

.menu .nav ul li:hover a.o_lm{background:none;}

.menu .nav ul li.on a.o_lm{background:none; color:#fff;}

.menu .nav .e_j{background:none; position:relative; display:none; padding-bottom:10px;}

.menu .nav .e_j a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}

.menu .nav .e_j a:hover{background:none;}

.menu .nav ul li:hover .e_j{display:none;}

.head_h{display:block;}



.yuyan{ margin-right:40px;}

.swiper-button-prev{ display:none;}

.swiper-button-next{ display:none;}



.navbar-brand{/* width:70%; */}

.wrap{ display:none;}

.ss{display:block;}

.ss{width: 100%;background: #3674b9;padding: 10px 20px;}

.ss form {width: 80%;margin: 0 auto;}

.ss form .txt {float:left;width: 75%;height: 30px;font-size: 12px;padding-left: 10px;box-sizing:border-box;font-family: 微软雅黑;border: 1px solid #fff;}

.ss form .input-button {width: 25%;box-sizing:border-box;overflow:hidden;background: #fff;float: left;border-left: 1px solid #999;}

.ss form .input-button > input {width: 100%;height: 30px;color:#005ead;font-size: 14px;background: #fff;border: none;line-height: 30px;font-family: 微软雅黑;}



.m{ width:96%;}

.n{ width:96%;}



.n1{margin-top: 30px;}

.t1{line-height: 30px;font-size: 18px;color:#333333;text-align: center;}

.b1{text-align: center;background: url(ab_bg.jpg) no-repeat center bottom;line-height: 23px;font-family:"Impact";font-size: 15px;color:#c7c7c7;padding-bottom: 15px;margin-bottom: 15px;text-transform: uppercase;}

.n1b{background:#f8f8f8;padding-top: 25px;padding-bottom: 25px;}

.n1bl{width: 100%;float: none;}

.n1b1{line-height: 25px;font-size: 14px;color:#999999;}

.n1b2{margin-top: 15px;}

a.ck_gd{ width:100px; margin:10px 0;}

.n1br{width: 100%;float: none;}

.n1br1{display: none;}

.n1br2{width: 100%;height: auto;margin-top: 0;}



.n2 .m{ width:96%;}

.n22b .m{ width:300px;}

.n22b ul li{width: 45%;margin-left:3%;float:left;color:#ffffff;text-align:center;font-weight:bold;margin-bottom: 12%;}

.n22b ul li img{ max-width:100%;}

.n22b ul li:first-child{ margin-left:3%;}

.a6{margin-top: -75%;line-height: 35px;font-size: 16px;}

.a7{line-height: 18px;height: 36px;font-size: 12px;text-transform:uppercase;}



.n22{background: url(bg22.jpg) repeat #78643f;height: auto;padding-top: 30px;} 

.n22t{line-height: 30px;font-size: 18px;color:#333333;font-weight:bold;text-align:center;}

.n22m{line-height: 23px;margin-bottom: 15px;font-size: 14px;color:#ffffff;text-align:center;}

.n22b{margin-top: 10px;}



.n3t{margin-top: 30px;margin-bottom: 25px;}

.t2{line-height: 30px;font-size: 18px;color:#333333;text-align: center;}

.b2{text-align: center;background: url(ab_bg.jpg) no-repeat center bottom;line-height: 23px;font-family:"Impact";font-size: 15px;color:#c7c7c7;padding-bottom: 10px;margin-bottom: 0;text-transform: uppercase;}

.fwzt{padding: 0% 8%;padding-top: 5%;text-align:center;font-size: 15px;color:#fff;line-height: 35px;}

.fwzb{font-size: 13px;color:#fff;line-height: 19px;text-align:center;padding: 0% 8%;}



.n4t{margin-top: 30px;}

.n4b{margin-top: 15px;}

.xw1{width: 100%;padding: 3.3% 5%;background: #f8f8f8;float: none;}

.xw1t{line-height: 30px;font-size: 18px;color:#c4c4c4;}

.xw1m{line-height: 26px;font-size:16px;}

.xw1m a{font-size: 14px;}

.xw1b{margin-top:5px;li;line-height: 23px;font-size: 12px;color:#999999;}

.xw1b img{ margin-top:15px; margin-bottom:20px; max-width:100%;}

.xw2{width: 100%;float: none;padding: 10px;}

.xw2 ul li{border-bottom: 1px solid #e5e5e5;padding: 15px 0;border-top: none;}

.xw2l{width: 75%;margin-left: 5px;}

.xw2lt{background:url(d.jpg) no-repeat left center;padding-left: 15px;line-height: 23px;}

.xw2lt a{font-size: 14px;}

.xw2lb{margin-top:5px;line-height:22px;font-size: 12px;color:#999999;margin-left: 15px;}

.xw2rt{line-height: 28px;font-size: 16px;color:#c4c4c4;}

.xw2rb{margin-top: 30px;line-height:18px;text-align: right;}

.xw2rb a{color:#999999;font-size: 18px;font-weight: bold;}

.xw2rb a:hover{ color:#c09b54;}



.n5t{margin-top: 15px;margin-bottom: 15px;}

.n5b{ margin-bottom:30px;}



.f1{background:url(f1_bg.jpg) repeat top center;padding-top: 30px;padding-bottom: 25px;}

.f11{ padding:0;}

.f11m{ width:72%; margin:0 auto;}

.f1t{background:url(f1t.jpg) no-repeat left bottom;margin-top:5px;line-height: 40px;font-size: 15px;color:#cccccc;}

.f1b{margin-top: 10px;}

.wz{background:url(wz.png) no-repeat left center;padding: 0;line-height:23px;padding-left:30px;font-size: 13px;color:#999999;}

.em1{background:url(em1.png) no-repeat left center;padding: 8px 0;line-height:23px;padding-left:30px;font-size: 13px;color:#999999;}

.em2{background:url(em2.png) no-repeat left center;padding: 0;line-height:23px;padding-left:30px;font-size: 13px;color:#999999;}

.f12{padding:0;border-left:1px solid #3b3b3b;margin-top: 10px;}

.f13{padding:0;border-left:1px solid #3b3b3b;margin-top: 10px;}

.f2{background:#000000;padding: 10px 0;line-height: 25px;font-size: 13px;color:#555454;text-align:center;}

.f2 a{ font-size:13px; color:#555454;}



.n3b ul li{ width:50%;}



.nban .m1{position:absolute;bottom: 20%;color:#cfcece;text-align:left;}

.nban1{line-height: 28px;font-size: 18px;}

.nban2{line-height: 20px;font-size: 13px;text-transform:uppercase;}

.dq .m{font-size: 15px;color:#fff;}

.dq .m a{ font-size:15px; color:#fff;}



.nab{margin-top: 30px;}



.ab1{margin-top: 30px; margin-bottom:20px;}

.ab2{margin-bottom: 30px;line-height: 26px;font-size: 12px;}



.news1{width: 100%;}

.news1 img{ width:100%;}

.news2{ width:100%;}

.news{margin-top: 20px;padding-bottom: 15px;border-bottom:1px dashed #dedede;}

.news img{ width:100%; transition: all 3s; -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s;}

.news img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}

.news2t{line-height: 21px;margin-top: 10px;}

.news2t a{font-size: 14px;color:#666666;}

.fbsj{line-height: 23px;margin-bottom:5px;font-size: 13px;color:#d0d0d0;}

.news2b{line-height: 21px;font-size: 13px;color: #999999;}



.pro{margin-bottom: 10px;}

.title2{line-height: 30px;text-align:center;font-size: 14px;}

.title2 a{ font-size:14px;}



.biaot{font-size: 14px;}

.tit{ line-height:23px;}

}

@media (min-width:992px){

.menu .nav{/* width:970px; */}

.menu .nav .e_j{display:none !important;}

.menu .nav ul li:hover .e_j{display:block !important;}

}

@media (min-width:1200px){

	.header .container{ width:970px;}

	.news1{width: 29.6%;}

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

.news2{ width:70%;}

}

@media only screen and (min-width:993px) and (max-width:1200px){

.header .m{ width:96%;}

.header .n{ width:79%;}

.n1 .m{ width:96%;}

.navbar-brand{padding-top: 23px;}

.menu{ width:66%;}

.yuyan{ right:1%;}

}

@media only screen and (min-width:1200px) and (max-width:1300px){

.header .m{ width:96%;}

.header .n{ width:970px;}

.n1 .m{ width:96%;}

}

@media only screen and (min-width:1301px) and (max-width:1400px){

.header .m{ width:96%;}

.header .n{width: 1100px;}

.n1 .m{ width:96%;}

}

@media only screen and (min-width:993px) and (max-width:1219px){

.n21 .m{ width:96%;}

.n21b{width: 956px;margin:0 auto;}

.n21b ul li{width:142px;height:142px;margin-left: 5.8%;}

}

@media only screen and (min-width:678px) and (max-width:993px){

.n21{background:url(bg21.jpg) no-repeat;height: auto;padding-top: 30px;} 

.n21t{line-height: 30px;font-size: 20px;color:#c09b54;font-weight:bold;text-align:center;}

.n21m{line-height:45px;margin-bottom: 18px;font-size: 15px;color:#ffffff;text-align:center;}

.n21b{ width:640px; margin:0 auto; padding-bottom:20px;}

.n21b ul li{width: 100px;height: 100px;border-radius: 50%;border:1px solid #fff;float:left;margin-left: 35px;text-align:center;color: #fff;font-weight: bold;}

.n21b ul li:first-child{ margin-left:0;}

.n21b ul li:hover{border:1px solid #c09b54; color:#c09b54;}

.a4{padding-top: 16px;line-height: 30px;font-size: 16px;}

.a5{line-height: 26px;font-size: 12px;text-transform:uppercase;}



}

@media only screen and (min-width:319px) and (max-width:678px){

.n21{background:url(bg21.jpg) no-repeat;height: auto;padding-top: 30px;} 

.n21t{line-height: 30px;font-size: 18px;color:#c09b54;font-weight:bold;text-align:center;}

.n21m{line-height: 25px;margin-bottom: 15px;font-size: 14px;color:#ffffff;text-align:center;}

.n21b{width: 300px;margin:0 auto;padding-bottom: 0;}

.n21b ul li{width: 100px;height: 100px;border-radius: 50%;border:1px solid #fff;float:left;margin-left: 29px;text-align:center;color: #fff;font-weight: bold;margin-bottom: 14px;}

.n21b ul li:first-child{ margin-left:29px;}

.n21b ul li:hover{border:1px solid #c09b54; color:#c09b54;}

.a4{padding-top: 16px;line-height: 30px;font-size: 15px;}

.a5{line-height: 16px;font-size: 12px;text-transform:uppercase;}

}

@media only screen and (min-width:1100px) and (max-width:1219px){

.n2 .m{ width:96%;}

.a6{margin-top: -72%;line-height: 43px;font-size: 22px;}

.a7{line-height: 21px;font-size: 13px;text-transform:uppercase;}

}

@media only screen and (min-width:993px) and (max-width:1100px){

.n2 .m{ width:96%;}

.a6{margin-top: -73%;line-height: 28px;font-size: 20px;}

.a7{line-height: 20px;font-size: 12px;text-transform:uppercase;}

}



@media only screen and (min-width:678px) and (max-width:888px){

.n2 .m{ width:96%;}

.n22b .m{width: 100%;}

.n22b ul li{width: 18%;margin-left: 2%;float:left;color:#ffffff;text-align:center;font-weight:bold;}

.n22b ul li img{ max-width:100%;}

.n22b ul li:first-child{ margin-left:0;}

.a6{margin-top: -74%;line-height: 30px;font-size: 16px;}

.a7{line-height: 16px;font-size: 12px;text-transform:uppercase;}

}

@media only screen and (min-width:888px) and (max-width:993px){



.n2 .m{ width:96%;}

.n22b .m{width: 100%;}

.n22b ul li{width: 15%;margin-left: 6%;float:left;color:#ffffff;text-align:center;font-weight:bold;}

.n22b ul li img{ max-width:100%;}

.n22b ul li:first-child{ margin-left:0;}

.a6{margin-top: -74%;line-height: 30px;font-size: 16px;}

.a7{line-height: 16px;font-size: 12px;text-transform:uppercase;}

}

@media only screen and (min-width: 758px) and (max-width: 1199px){



.n5b{max-width: 98%;background:#fff;margin-top: 10px;border-left:1px solid #e3e3e3;border-top: none;}

.n5b ul li{width: 20%;float:left;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;border-top: 1px solid #e3e3e3;}

.n5b ul li .n50{width:100%;text-align: center;}

.n5b ul li .n500{width: 153px;height: 100px;display:table-cell;vertical-align:middle;}

.n5b ul li .n500 img{max-width: 100%;max-height: 100px;}

}

@media only screen and (min-width: 320px) and (max-width: 758px){



.n5b{max-width: 98%;margin:0 auto;background:#fff;margin-top: 10px;border-left:1px solid #e3e3e3;border-top:1px solid #e3e3e3;}

.n5b ul li{width: 50%;float:left;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;}

.n5b ul li .n50{width:100%;text-align: center;}

.n5b ul li .n500{width: 226px;height: 80px;display:table-cell;vertical-align:middle;}

.n5b ul li .n500 img{max-width: 100%;max-height: 80px;}

}

@media only screen and (min-width: 993px) and (max-width: 1421px){

.fwzt{padding: 0% 8%;padding-top: 7%;text-align:center;font-size: 18px;color:#fff;line-height:40px;}

.fwzb{font-size: 13px;color:#fff;line-height: 23px;text-align:center;padding: 0% 8%;}

}



.listpage{ padding:15px 0; text-align: center;}

.xiaocms-page span {

display: inline-block;

height: 22px;

padding: 0 10px;

line-height: 22px;

background: #c09b54;

border: 1px solid #c09b54;

color: #fff;

text-align: center;

margin-left: 1px;

}

.xiaocms-page a {

display: inline-block;

height: 22px;

line-height: 22px;

background: #fff;

border: 1px solid #c09b54;

text-align: center;

color: #333;

padding: 0 10px;

margin-left: 1px;

}