@charset "utf-8";
/* CSS Document */
body {  margin: 0;  padding: 0;  font-size:14px;font-family: "microsoft yahei";color: #333;}
ul,li{list-style: none;padding: 0;}
*{padding: 0;margin: 0;}
a{text-decoration: none;  margin: 0;  padding: 0;color: #333; }
p,span,em{  margin: 0;  padding: 0;  font-style: normal;  font-weight: normal;  }
tr,td{  margin: 0;  padding: 0;  }
h1,h2,h3,h4,h5,h6,b,strong{font-size:16px;font-weight: normal;}
input,textarea{font-size:14px;outline: none;background: none;border: 0;resize: none;font-family: "microsoft yahei";}
img{ border:none;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.dn{ display:none;}
div{ box-sizing:border-box;}
.clearfix {
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.w1200{ width:1200px; margin:0 auto;}

.duilian{top:260px;position:absolute;overflow:hidden; display:none;z-index:9999999; background:#fff; box-shadow:0 0 5px 2px rgba(0,0,0,.2);text-align:center; }
.duilian a p{font-size:12px; color:#888}
.duilian_left{ left:6px;z-index:9999;}
.duilian_right{right:6px;z-index:9999;}
.duilian_con{border:#CCC solid 1px; width:100px; height:300px; overflow:hidden;}
.duilian_close{ width:100%; height:24px; line-height:24px; text-align:center; display:block; font-size:13px;color:#555555; text-decoration:none;}
header{ width:95%; margin:0 auto; height:80px;}
.logo{ width:12%; margin:0.5% 10% 0 6%}
.logo img{ width:100%;}
nav{ width:60%; margin:0 auto; }
.menu > li{ width:14%; float:left; height:80px; line-height:80px; position:relative}
.menu > li > a{ display:block; font-size:16px; height:80px; width:100%; text-align:center;}
.menu > li > a:hover{background:#ff6622; color:#fff;}
.menu > li > a.mnactive{background:#ff6622; color:#fff;}
.menu li ul{line-height: 35px;list-style-type: none;text-align:center;left: -999em;width:100%;position: absolute;font-family:"Microsoft Yahei";font-size:14px;background:rgba(255,102,34,.6);z-index:10;} 
.menu li ul li{background:rgba(255,102,34,.6);width:100%;} 
.menu li ul a{display: block;text-align:center; line-height:45px; font-size:15px; width:100%; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;} 
.menu li ul a:link {color:#ffffff;text-decoration:none;} 
.menu li ul a:visited {color:#ffffff;text-decoration:none;} 
.menu li ul a:hover {color:#fff;text-decoration:none;font-weight:normal;background:#ff6622;} 
.menu li:hover ul {left: auto;} 
.phone{ width:11%; background:url(dh.png) left center no-repeat; margin-top:0.8%; padding-left:45px;font-size:20px; color:#ff6622;}
.phone p{white-space: nowrap;}

.banner{width:100%; position:relative; height:556px; clear:both;}
.fullSlide,.fullSlide1{width:100%;position:relative;height:100%;background:transparent}
.fullSlide .bd,.fullSlide1 .bd{margin:0 auto;height:100%;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul,.fullSlide1 .bd ul{height:100%;}
.fullSlide .bd li,.fullSlide1 .bd li{height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat; background-size:100% 100%;}
.fullSlide .bd li a,.fullSlide1 .bd li a{display:block;height:100%}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0}
.fullSlide .hd ul{text-align:center;margin-bottom:10px}
.fullSlide .hd ul li{background:#fff;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:33px;height:4px;margin:3px;overflow:hidden;*filter:alpha(opacity=50);*opacity:.5;line-height:999px}
.fullSlide .hd ul .on{background:#ff6622;}

.about{ margin-top:3%; background: url(abbg.jpg) no-repeat right bottom; padding:20px 0; position:relative;}
.about_l{ width:25%; position: absolute; left:0; top:20%; z-index:50}
.about_l img{ width:100%; box-shadow:5px 5px 15px 2px rgba(0,0,0,.3)}
.about_r{ width:80%; border:3px solid #e9e3d7; height:370px; margin-right:10%;}
.abinfo{ margin:6% 8% 0 26%}
.abinfo h1{}
.abinfo h2{ margin-top:3%; font-size:24px;}
.abinfo h{ display:inline-block; width:30px; height:3px; background:#57391f; margin-top:3%}
.abinfo p{ color:#666; line-height:25px; text-indent:20px; margin-top:3%}
.abinfo a{ display:inline-block; margin-top:5%; color:#666;}
.abinfo a:hover{ color:#ff6622; text-decoration:underline;}

.wyfwbox{ margin-top:3%;}
.title{ background: url(tbg.jpg) repeat-x left bottom; width:100%; padding-bottom:1%; font-size:24px; color:#57391f;}
.title span{ font-family:"Edwardian Script ITC"; font-size:20PX; color:#57391f; letter-spacing:2px;}
.wyxmmain{ margin-top:6%;}
.wyxmmain ul{ position:relative;}
.wyxmmain ul li{ width:15%; height:180px;overflow:hidden;float:left; margin-left:6%; position:relative;box-shadow:5px 5px 15px 2px rgba(0,0,0,.3); border-radius:100%; border:5px solid #ccc; box-sizing:border-box;}
.wyxmmain ul li:first-child{ margin-left:0}
.wyxmmain ul li > a{ display:block; cursor:pointer;}
.wyxmmain ul li > a img{width:100% ;height:180px; border-radius:100%;}
.text{ position:absolute; background:rgba(0,0,0,.5); width:100%; height:100%; top:0; left:0;transition:all 550ms ease;text-align:center; padding-top:35%; display:none;
}
.textinfo{ text-align:center;}
.textinfo a{ color:#fff;}
.textinfo a:hover{ color:#bbb}
.textinfo h1{ font-size:12px; position:relative;}
.textinfo p{ font-size:10px; letter-spacing:-1px; position:relative; padding-bottom:2%}
.textinfo i{ display:inline-block;width:30%; margin:2% auto;height:1px; background:#fff;}
.wyxmmain ul li:hover .text{ display:block;}
.kuang{ position:absolute; top:0; left:15.5%; width:35px; height:35px;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); background:#e1000e}
.kuang1{ position:absolute; bottom:0; left:36.5%; width:35px; height:35px;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); background:#e1000e}
.kuang2{ position:absolute; top:0; left:57.5%; width:35px; height:35px;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); background:#e1000e}
.kuang3{ position:absolute; bottom:0; left:78.5%; width:35px; height:35px;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); background:#e1000e}

.wyxmbox{ width:100%; background:url(wybg.jpg) no-repeat; padding:20px 0; margin-top:3%;}
.wyxmbox .w1200 > h1{font-size:24px; color:#57391f; text-align:center;}
.wyxmbox h2{ font-family:"Edwardian Script ITC"; font-size:20PX; color:#57391f; letter-spacing:2px;text-align:center;}

.box{ width:1200px; margin:0 auto; position:relative; _height:100%; margin-top:50px;}
.picbox{ width:1200px; height:400px; position:relative; overflow:hidden}
.piclist{ height:400px;position:absolute; left:0px; top:0px}
.piclist li{ float:left; height:400px; width:278px; overflow:hidden; text-align:center; padding-left:1.2%; }
.piclist li:first-child,.piclist li:nth-child(5){ padding-left:0.3%}
.piclist li a{ display:block;}
.piclist li a img{ width:100%;height: 284px;}
.xminfo{ background:#fff; padding:20px 10px;}
.xminfo h1{ color:#333; font-size:16px; margin-bottom:10px;}
.xminfo p{ color:#666; line-height:22px; text-align:left;}
.swaplist{ position:absolute; left:-3600px; top:0px}
.og_prev,.og_next{ width:50px; height:66px;text-align:center; position:absolute; top:50%; z-index:99; cursor:pointer; }
.og_prev{ left:-50px; background: url(ico_l.jpg) no-repeat; }
.og_next{right:-50px;background: url(ico_r.jpg) no-repeat;}

.newbox{ margin-top:3%;}
.nmore{ font-size:14px; color:#666; margin-top:1%}
.newmain{ margin-top:3%}
.new_l{ width:35%;}
.new_l .banner{ height:332px;}
.fullSlide1 .hd{position:absolute;z-index:1;bottom:0;right:35px}
.fullSlide1 .hd ul{text-align:center;margin-bottom:10px}
.fullSlide1 .hd ul li{background:#666;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:8px;height:8px; border-radius:100%;margin:3px;overflow:hidden;*filter:alpha(opacity=50);*opacity:.5;line-height:999px}
.fullSlide1 .hd ul .on{background:#fff;}

.new_r{ width:63%; margin-left:2%;}
.newlist{width:45%;}
.newtitle{ border-bottom:1px solid #ddd; padding-bottom:5px;}
.newtitle h1{display:inline-block; float:left; font-size:16px; font-weight:bold; position:relative; padding-left:10px;}
.newtitle h1:before{ content:""; display:block; position:absolute; left:0; top:2px; width:4px; height:18px; background:#ff6622; border-radius:5px;}
.newtitle h1 span{ font-size:12px; color:#999; margin-left:5px;}
.nemore{ display:inline-block; color:#666}
.newlist li{ background:url(ico.jpg) no-repeat left center; padding-left:20px; line-height:36px; height:36px; overflow:hidden; transition:all 300ms ease-in-out;}
.newlist li a:hover{ color:#ff6622;}
.newlist li:hover{ padding-left:25px;}
.newlist li a span{ float:right;}
.nimg{ margin-top:3%; margin-bottom:2%}
.nimg img{ width:100%;}

.foot{ background:url(fbg.jpg) no-repeat; width:100%; margin-top:3%;}
.foot_l{ width:70%; margin-top:8%}
.link{ height:30px; border-bottom:1px solid #a0999a; line-height:30px;}
.link a{ color:#272727; font-size:16px; margin-left:6%;}
.link a:hover{ text-decoration:underline;}
.link a:first-child{ margin-left:0}
.f_text{ margin-top:5%;}
.f_text p{ line-height:22px; color:#272727;}
.f_text p a img{ margin-top:32px; margin-right:12px;transition:all .200s ease;}
.f_text p a img:hover{ transform:rotate(360deg);}
.foot_r{ width:22%; background:rgba(255,255,255,.6); padding:30px 0; text-align:center; color:#272727;}
.foot_r h1{font-size:36px;}
.foot_r h2{ font-size:16px;}
.foot_r p{ width:182px; height:182px; border:1px solid #272727; padding:15px; box-sizing:border-box; margin:30px auto 20px auto;}
.foot_r a{ width:182px;  color:#272727; position:relative; display:inline-block;}
.foot_r a:before{ content:""; position:absolute; left:0; top:7px; background:url(ico1.jpg) no-repeat; width:8px; height:8px;}
.foot_r a:after{content:""; position:absolute; right:0;top:7px; background:url(ico1.jpg) no-repeat; width:8px; height:8px;}
footer{ width:100%; height:39px; line-height:39px; text-align:center; color:#fff; background:#ff6622}

.nypic{ width:100%;}
.nypic img{ width:100%;}
.content{ margin-top:3%; padding-bottom:3%}
.adress{ border-bottom:1px solid #ddd; height:48px; line-height:48px;}
.nytitle{ font-size:16px; font-weight:bold; border-bottom:1px solid #ff6622;height:47px;}
.wz{ font-size:12px; color:#888; background:url(hico.png) no-repeat left center; padding-left:20px;}
.wz a{ color:#888}
.wz a:hover{ color:#333; text-decoration:underline;}
.main{}
.tree{ width:20%;}
.tree ul li{ line-height:50px; border-bottom:1px solid #ddd;}
.tree ul li a{ display:block; background:#f0f0f0 url(lico1.png) no-repeat 15px center; padding-left:30px; font-size:16px; color:#666}
.tree ul li.tree_t{ padding-left:30px; font-size:16px;  color:#fff;background: -webkit-linear-gradient(left, #fd4504 , #f46331); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #fd4504 , #f46331); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #fd4504 , #f46331); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #fd4504 , #f46331);  border-bottom:2px solid #eb823d; position:relative;}
.tree ul li.tree_t:before{ content:""; position:absolute; left:15px; top:20px; background: url(lico.png) no-repeat; width:6px; height:9px;}
.tree ul li a:hover{ color:#ff6622}
.tree ul li a.tractive{color:#ff6622}
.main_r{ width:78%;}
.nyabout{ margin-top:2%; background:url(abbg.jpg) right center no-repeat;}
.nyabout p{ text-indent:20px; line-height:24px; color:#666}

.nyabimg{ width:60%; margin:0 auto; margin-top:6%; text-align:center;}
.nyabimg img{ width:100%;box-shadow: 5px 5px 15px 2px rgba(0,0,0,.3);}

.nyxm{ margin-top:2%;}
.nyxm li{ width:31.1%; margin-right:3.3%; float:left; margin-bottom:1%}
.nyxm li:nth-child(3n+0){ margin-right:0}
.nyxm li a{ display:block; transition:all 250ms ease-in-out;}
.nyxm li a img{ width:100%; height:194px;}
.nyxm li a p{ line-height:45px; text-align:center; font-size:16px; font-weight:bold;}
.nyxm li a:hover{ background:#ff6622; color:#fff;}
.page{ text-align:center; margin-top:50px; clear:both;}
.page a{ display:inline-block;background:#fff; text-align:center; padding:8px 15px; color:#666; margin:0 1px; border:1px solid #ccc;vertical-align:middle;
transition: all 400ms cubic-bezier(.4,0,.23,1);-moz-transition: all 400ms cubic-bezier(.4,0,.23,1);-webkit-transition: all 400ms cubic-bezier(.4,0,.23,1);}
.pageactive{display:inline-block; text-align:center; padding:8px 15px; background:#651671; color:#fff!important; margin:0 1px; vertical-align:middle;}
.page a:hover{ background:#651671; color:#fff!important;border:1px solid #fff;}

.nynlist{ margin-top:2%}
.nynlist li{ padding:2% 0; border-bottom:1px dotted #ddd;}
.nynlist li a{ display:block;}
.nynlist dl dt{ width:18%; float:left;}
.nynlist li:hover .nname{ color:#ab3c78}
.nynlist dl dt img{ width:100%; height:130px;}
.nynlist dl dd{ width:80%; float:right;}
.nynlist dl dd h1{ font-size:16px;}
.nynlist dl dd h2{ color:#666; margin-top:15px;}
.nynlist dl dd p{ line-height:22px; color:#666;margin-top:15px; height:44px; overflow:hidden}


.lxwm{ margin-top:3%; border:1px solid #ddd; padding:20px 30px;}
.lxwm > h1,.your > h1{ font-size:24px; color:#ff6622;}
.lxlist{ margin-top:2%;}
.lxlist dt{ float:left; width:3.2%;}
.lxlist dt img{ width:100%;}
.lxlist dd{ float:left; width:50%; margin-left:1%;}
.lxlist dd h1{ font-size:18px;}
.lxlist dd h2{ font-size:14px;}
.your{ margin-top:3%;}
.you_l{ width:50%;}
.you_l > dd{ border:1px solid #ccc; line-height:55px; height:55px; font-size:16px; box-sizing:border-box; padding:0 2%; margin-top:5%}
.you_l > dd input{ width:83%;line-height:55px; height:55px; margin-left:2%;}
.lytext{border:1px solid #ccc; margin-top:5%; width:70%}
.lytext dt{ line-height:55px; height:55px;border-bottom:1px solid #ccc; padding-left:2%; font-size:16px; }
.lytext dd{ border:none;}
.lytext dd textarea{font-size:16px; height:190px; width:100%;}
.tjbuton{ margin-top:3%}
.tjbuton button{ background:#651671; color:#fff; width:150px; height:50px; line-height:50px; text-align:center; border:none; font-size:20px; font-family:"΢���ź�"}

.conttitle{padding-bottom:20px; text-align:center;margin-top:3%}
.conttitle h1{ font-size:22px;}
.time_fx{ margin-top:10px;}
.time_fx span{ display:inline-block; height:16px; line-height:16px;color:#888; }
.nycontent p{ text-indent:20px; line-height:25px;}
.nycontent p img{ margin:15px auto; max-width:100%; max-height:100%;}
.sxp{ margin-top:20px; padding-left:5%; border-top:1px solid #eee; padding-top:15px;}
.sxp span{ display:block;margin-top:10px; }
.sxp a:hover{ color:#ff6622}

.zzfw{ margin-top:3%}
.zfimg{ width:80%; margin:20px auto;}
.zfimg img{ width:100%}
.zflist{ margin-top:5%;}
.zflist li{ float:left; margin-left:0.5%; width:24.5%;}
.zflist li img{ width:100%; height:150px;}

.wyinfo{ margin-top:20px;}
.wyinfo dt{ color:#666; font-weight:bold; font-size:15px;}
.wyinfo dd{ margin-top:2%}
.wyinfo dd p{ color:#666; line-height:26px; text-indent:0}

.nywy{ width:100%; margin-top:2%;}
.txt_1 {font:bold 24px Verdana, Tahoma;color:#fff}
img.thumb_img {cursor:pointer;display:block;margin-bottom:10px}
img#main_img {cursor:pointer;display:block;}
#gotop {cursor:pointer;display:block;}
#gobottom {cursor:pointer;display:block;}
#showArea {height:450px;margin:10px;overflow:hidden}
.info {color:#666;font:normal 9px Verdana;margin-top:20px}
.info a:link, .info a:visited {color:#666;text-decoration:none}
.info a:hover {color:#fff;text-decoration:none}
.wyname{ position:absolute; background:rgba(0,0,0,.3); color:#FFF; font-size:18px; height:70px; text-indent:0; line-height:70px; box-sizing:border-box; padding-left:20px; width:100%; left:0; bottom:4px;}
.nyxminfo{ margin-top:3%;}
.nyxminfo h1{ font-size:18px; margin-bottom:1%;}
.nyxminfo p{ line-height:25px; color:#666}

.qykw li{ width:22.5%}
.qykw li:nth-child(3n+0){ margin-right:3.3%}
.qykw li:nth-child(4n+0){ margin-right:0}

.qykw li a img{ height:280px;}

@media (max-width: 1366px){
.logo {width: 15%;margin: 0.8% 1.5% 0 6%;}
.phone{width: 15%;}
.banner{ height:390px;}  
}

@media (max-width: 1024px){
header{width:100%}
.w1200{ width:98%;}
.box,.picbox{ width:90%;}		
.logo{width: 15%;
margin: 1.5% 2% 0 2%;}
.newbox{ margin-top:3%}
.link a{ margin-left:4%;}
nav{width: 68%;}
.menu > li > a{ font-size:14px;}
.phone{padding-left: 40px;width: 20%;}
  .piclist li{width: 228px;padding-left: 0.8%;}
  .piclist li:first-child, .piclist li:nth-child(5){padding-left:0}
	}
