*{font-family:"微软雅黑"}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0;}
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
body, input, select, button, textarea { font-size: 12px; font-family: Tahoma, Geneva, sans-serif; }
button { cursor: pointer; }
body { color: #363636;background:#f7f7f7; line-height: 1.5;overflow-x: hidden;;position:relative;transition:1s;linear;-webkit-transition:1s;linear;}
a{-webkit-transition: all 0.6s;transition: all 0.6s;}
a:hover{color:#ffba00; !important}
.clear{width:100%;display:table;clear:both;}
header{width:100%;background:#000;display:table;padding:20px;}
.n-header{width:1200px;margin:auto;display:table;}
.i-logo{float:left;}
.i-tel{float:right;}
.n-nav{float:left;display:table;}
.n-nav a{float:left;font-size:14px;color:#fff;padding:15px 25px;transition: all 0.6s;}
.n-nav a:hover{color:#ffba00;}
.n-nav .ac{color:#ffba00;}
.n-header p{float:right;padding-top:15px;}
.n-header p a{color:#fff;margin-right:5px;}

.m-header{width:100%;height:50px;position: fixed;top:0;z-index: 111;background:#000;position:relative;}
.m-header p{width:50px;height:50px;margin:10px;cursor:pointer;position: absolute;right: 10px;z-index: 1111;}
.m-header p span{width:60%;height:3px;background:#fff;display:block;margin:5px 0;}
.m-header ul{width:100%;height:900px;background:rgba(0, 65, 255, 0.93);position:absolute;top:50px;display:none;}
.m-header ul a{width:100%;display:block;height:60px;font-size:1.5rem;border-bottom:1px solid #ccc;text-align:center;line-height:60px;color:#fff;}
.m-header ul a:hover{background:#ffba00;}

.n-ban{width:100%;}
.n-ban img{width:100%;}

.i-about{width:1200px;margin:20px auto;display:table;}
.about-content{width:100%;font-size:14px;line-height:2;margin:30px 0;}
.about-content img{width:100%;}

footer{width:100%;background:#000;display:table;padding:20px;}
.foot{width:1200px;margin:auto;display:table;}
.foot-left{float:left;display:table;}
.foot-left li{width:100%;display:table;margin-bottom:30px;border-bottom:1px solid #ccc;}
.foot-left li a{font-size:14px;color:#fff;padding:20px;float:left;}

.foot-right{float:right;display:table;height:200px;}
.foot-right li{width:100%;display:table;padding:10px;}
.foot-right li a{float:left;margin:10px;}

.foot-right li #i-tt{width:34px;height:34px;background:url(../img/f1.png);transition:0.5s;linear;-webkit-transition:0.5s;linear;}
.foot-right li #i-ff{width:34px;height:34px;background:url(../img/f2.png);transition:0.5s;linear;-webkit-transition:0.5s;linear;}
.foot-right li #i-qq{width:34px;height:34px;background:url(../img/f3.png);transition:0.5s;linear;-webkit-transition:0.5s;linear;}
.foot-right li #i-wx{width:34px;height:34px;background:url(../img/f4.png);transition:0.5s;linear;-webkit-transition:0.5s;linear;}

.foot-right li #i-qq:hover{background-position:0  34px;}
.foot-right li #i-tt:hover{background-position:0  34px;}
.foot-right li #i-ff:hover{background-position:0  34px;}
.foot-right li #i-wx:hover{background-position:0  34px;}

.foot-right h6{display:block;margin-top:10px;color:#FFF}



.i-contact{width:1200px;margin:40px auto;display:table;}
.map{width:100%;margin-top:20px;}
.map img{width:100%;}
.x-cz{width:100%;background:#fff;padding:40px;display:table;}
.x-cz li{float:left;font-size:16px;}
.x-cz img{float:right;}


.i-js{width:1200px;margin:20px auto;display:table;}
.i-pre{width:100%;display:table;margin:20px 0;}
.i-pre h1{font-size:24px;width:100%;color:#000;display:table;padding:10px 0;border-bottom:1px solid #ccc;}
.i-pre ul{background:#f1f1f1;width:49%;display:table;margin:20px 0;    padding: 4% 10%;}
.i-pre a{color:#000;}
.i-pre ul img{float:left;}
.i-pre .ul1{float:left;}
.i-pre .ul2{float:right;}
.i-pre ul li{float:right;padding:29px;}
.i-pre ul li span{display:block;}
.i-pre ul li .s1{font-size:18px;}
.i-pre ul li .s2{font-size:14px;color:#363636;}


.i-sale{width:100%;display:table;margin:20px 0;}
.i-sale h1{font-size:24px;width:100%;color:#000;display:table;padding:10px 0;border-bottom:1px solid #ccc;}
.i-sale li{float:left;width:33.333%;text-align:center;padding:3%;}
.i-sale li span{display:block;color:#000;margin:10px 0;}
.i-sale li img{padding:20px;}
.i-sale li .s1{font-size:18px;}
.i-sale li .s2{font-size:14px;}



.i-news{width:1240px;margin:20px auto;display:table;}
.news-list{width:100%;display:table;background:#f2f2f2;padding:20px;margin-bottom:20px;}
.news-list .a1{width:251px;height:117px;float:left;overflow:hidden;}
.news-list .a1 img{width:251px;height:117px;transition: all 0.6s;}
.news-list ul{width:75%;float:right;display:table;}
.news-list:hover img{transform: scale(1.1);}
.news-list ul a{font-size:16px;color:#000;display:block;}
.news-list ul p{width:100%;display:table;font-size:14px;color:#9c9c9c;padding:10px 0;}
.news-list ul li{width:100%;display:table;}
.news-list ul li span{float:left;font-size:14px;}
.news-list ul li a{float:left;font-size:14px;border:1px solid #ccc;padding:5px 15px;text-align:center;}

.i-xq{width:1200px;margin:20px auto;display:table;}
.i-xq h1{width:100%;font-size:22px;display:table;text-align:center;padding:40px;border-bottom:1px solid #ccc;}
.i-xq .s1{display:block;font-size:12px;color:#666;padding:20px;text-align:center;}
.xq-content{width:100%;line-height:2;font-size:14px;display:table;}
.xq-content img{width:100%;}

.por-xq{width:1200px;margin:20px auto;display:table;}
.xq-des{width:100%;display:table;margin:30px 0;}
.xq-des p{width:484px;height:478px;float:left;display:table;overflow:hidden;}
.xq-des p img{width:484px;height:478px;}
.xq-des li{width:705px;height:477px;background:#fff;float:right;padding:10%}
.xq-des li h2{font-size:20px;font-weight:bold;display:block;}
.xq-des li span{font-size:14px;display:table;margin:20px 0;}

.ca-por-cont{width:100%;display:table;margin:30px 0;font-size:14px;line-height:2;}
.por-xq h4{width:100%;border-bottom:1px solid #666;display:table;padding:10px 0;font-size:20px;color:#666;}
.por-nav{width:100%;margin:20px 0;display:table;}
.por-nav a{width:13%;float:left;text-align:center;padding:5px;margin:0 1.8%;color:#000;font-size:16px;}
.por-nav a:hover{border:1px solid #000;border-radius:20px;color:#ffba00;}
.por-nav .ax{border:1px solid #000;border-radius:20px;color:#ffba00;}

.por-list{width:100%;display:table;margin:20px 0;}
.por-list ul{width:100%;background:#fff;display:table;margin:1%;float:left;padding:15px;}
.por-list ul .a1{width:30%;float:left;display:table;overflow:hidden;margin-left: 10%;text-align: center;}
.por-list ul .a1 img{    height: 285px;transition: all 0.6s;}
.por-list ul:hover img{transform: scale(1.1);}

.por-list ul li{    width: 35%;    margin-right: 10%;float:right;display:table;}
.por-list ul li .a2{font-size:22px;display:block;margin:10px 0;color:#363636;}
.por-list ul li span{font-size:14px;display:block;margin:10px 0;}
.por-list ul li .a3{float:left;font-size:14px;border:1px solid #ccc;padding:5px 15px;text-align:center;    margin-top: 7%;}


.i-head{width:100%;display:table;position: fixed;top: 0;background:rgba(0, 0, 0, 0.55);z-index:321123}
#i-head{width:90%;margin:auto;display:table;padding:10px;}
#i-logo{float:left;}
#i-tel{float:right;padding:10px 0;}

.i-head p{float:right;padding-top:15px;margin-right:20px;}
.i-head p a{color:#fff;margin-right:5px;}
.banner{width:100%;display:table;}
.slideBoxs{ width:100%;  overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBoxs .hd{  overflow:hidden; position:absolute; right:45%; bottom:5px; z-index:1; }
.slideBoxs .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBoxs .hd ul li{ float:left; margin-right:2px; border-radius:20px; width:20px; height:5px; line-height:14px; text-align:center; background:#fff; cursor:pointer;margin-right:15px; }
.slideBoxs .hd ul li.on{ background:#ffba00; color:#fff; }
.slideBoxs .bd{ position:relative;  z-index:0;   }
.slideBoxs .bd li{ zoom:1; vertical-align:middle;float:left; }
.slideBoxs .bd img{ width:100%;  display:block;  }

.slideBoxs .prev,
.slideBoxs .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBoxs .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBoxs .prev:hover,
.slideBoxs .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBoxs .prevStop{ display:none;  }
.slideBoxs .nextStop{ display:none;  }
.tempWrap{width:100% !important}

.h-warp{width:100%;background:#ebb629;padding:10% 0;box-sizing:border-box}
.home-por{width:80%;display:table;margin:auto;}
.home-por-left{float:left;display:table;width:41%;padding-top:5%;}
.home-por-left .a1{font-size:3rem;display:block;color:#000;}
.home-por-left span{font-size:16px;display:block;padding: 2% 0 23%}
.home-por-left .a2{display:block;font-size:16px;color:#fff;background:#000;padding:5px 15px;float:left;border-radius:2px}
.home-por-right{float:right;width:55%;}
.home-por-right img{width:100%;}

.h-about{width:100%;padding:6%;display:table;background:url(../img/iabo.png);background-repeat:no-repeat;}
.h-about ul{width:100%;margin:auto;display:table;}
.h-about ul p{width:40%;float:left;}
.h-about ul p img{width:100%;}
.h-about ul li{width:55%;float:right;display:table;padding:10% 0}
.h-about ul li h1{font-size:3rem;color:#fff;display:block;}
.h-about ul li h1 .s1{font-size:2rem;color:#fff;}
.h-about ul li .s2{color:#fff;font-size:1.5rem;line-height:3;text-indent:2em;display:table;margin:40px 0;}
.h-about ul li .a1{text-align:center;float:right;font-size:1.5rem;color:#fff;background:#d3a423;padding:10px 15px;border-radius:2px}


.h-news{width:100%;display:table;background:#d3a423;}
.h-news h1{font-size:30px;display:block;text-align:center;padding:10px;    padding-top: 5%;}
.h-news h2{font-size:24px;display:block;text-align:center;margin:20px 0;  }
.t-news{width:80%;margin:auto;padding-top:30px;}
.news-one{width:100%;display:table;background:#fff;margin-bottom:5px;}
.news-one .a1{float:left;width:40%;}
.news-one .a1 img{width:100%;border-right:2px solid #d3a423;}
.news-one ul{float:right;width:59%;padding:3%;}
.news-one .a2{font-size:18px;color:#000;display:block;}
.news-one .s1{font-size:14px;display:block;margin:7% 0;}
.news-one li{width:100%;clear:both;}
.news-one li span{font-size:14px;float:left;}
.news-one li a{text-align:center;float:right;font-size:1.5rem;color:#000;background:#d3a423;padding:5px 10px;border-radius:2px}

.d-news-list{width:100%;display:table;background:#fff;}
.d-news-list ul{float:right;width:33.333%;float:left;border-right:2px solid #d3a423;padding:15px;transition: all 0.6s;}
.d-news-list .a2{font-size:18px;color:#000;display:block;}
.d-news-list .a2:hover{color:#d3a423}
.d-news-list .s1{font-size:14px;display:block;margin:7% 0;}
.d-news-list li{width:100%;clear:both;}
.d-news-list li span{font-size:14px;float:left;}
.d-news-list li a{text-align:center;float:right;font-size:1.5rem;color:#000;padding:5px 10px;transition: all 0.6s;}
.d-news-list li a:hover{text-align:center;float:right;font-size:1.5rem;color:#000;background:#d3a423;border-radius:2px}
.d-news-list ul:hover{box-shadow:0 5px 30px #000;}

.i-more{display:block;text-align:center;font-size:16px;color:#000;padding:20px;}

.h-ry{width:100%;padding:5%;display:table;background:url(../img/adc.png);background-repeat:no-repeat;}
.i-al{width:1200px;margin:auto;}
.scroll_horizontal{position:relative;width:100%;padding:10px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:100%;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:300px;position:relative;}
.scroll_horizontal .prev,
.scroll_horizontal .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url(../img/control1.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
.scroll_horizontal .prev{left:-50px;background-position:0 0;}
.scroll_horizontal .next{right:-50px;background-position:-40px 0;}
.scroll_horizontal .prev:hover{background-position:0 -50px;}
.scroll_horizontal .next:hover{background-position:-40px -50px;}

.h-ry h1{font-size:30px;display:block;text-align:center;padding:10px; color:#fff;}
.h-ry h2{font-size:24px;display:block;text-align:center;margin:10px 0 40px 0;  color:#fff;}