/* CSS Document */
*{ padding:0; margin:0}
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,input,img{ padding:0; margin:0}
ul,li{ list-style-type:none}
input,img{ border:none;}
body{ font-size:12px; font-family:"Microsoft YaHei", "΢���ź�", "SimSun", "����"; line-height:20px; background:#FFFFFF; color:#333333}
.fix:after{ clear:both; height:0; font-size:0; display:block; content:"."; visibility:hidden;}
.fix{*zoom:1}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both; height:0; font-size:0; overflow:hidden; }
a { color:#666; text-decoration:none; }
a:visited { color:#666; }
a:hover, a:active, a:focus { color:#ff8400; text-decoration:none; }
.top-nav-wrap{ width:100%; height:35px; background:#f5f5f5}
.top-nav{ width:1226px; margin:0 auto; }
/*.top-nav .city{ float:left; line-height:35px; color:#797676}
.top-nav .city a{ color:#797676; padding:0px 10px;}*/
.top-nav .city{ width:600px; float:left; line-height:35px; height:35px; color:#797676; position:relative}
.top-nav .city a{ color:#797676; display:inline-block; width:50px; text-align:center}
.top-nav .city .t1{ float:left;}
.top-nav .city .t2{ float:left; width:510px; height:35px; box-sizing:border-box;  overflow:hidden; position:relative}
.top-nav .city .obtn{ position:absolute; width:20px; height:20px; right:0px; top:7px; background:url(../images/jiantou.png); cursor:pointer}
.scrollbox{ position:absolute; left:0; top:0px;}

.top-nav .guanzhu{ float:right; line-height:35px; color:#797676}
.top-nav .guanzhu .pl{ padding-right:30px;}

.top-nav .guanzhu .tn-tel{float:left;display:inline;padding:0 15px 0 25px;background:url(../images/tel.png) left center no-repeat; }
.top-nav .guanzhu .tn-title{ float:left;}
.top-nav .guanzhu .tn-title .tn-ico{ float:left;display: inline-block; width:20px; height:20px; margin:8px 0px 0px 8px; background-image:url(../images/order-c1-ico.png);transition: all 0.3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linears 0s}
.top-nav .guanzhu .tn-title a.tn1{ background-position:0 0;}
.top-nav .guanzhu .tn-title a:hover.tn1{ background-position:0 -20px;}

.top-nav .guanzhu .tn-title a.tn2{ background-position:20px 0;}
.top-nav .guanzhu .tn-title a:hover.tn2{ background-position:20px -20px;}

.top-nav .guanzhu .tn-title a.tn3{ background-position:40px 0;}
.top-nav .guanzhu .tn-title a:hover.tn3{ background-position:40px -20px;}

.top-nav .guanzhu .tn-title a.tn4{ background-position:60px 0;}
.top-nav .guanzhu .tn-title a:hover.tn4{ background-position:60px -20px;}

.top-nav .guanzhu .tn-tab{ float:left;display: inline-block;padding:0px 0px 0px 8px;}
.top-nav .guanzhu .sj{ background:url(../images/sj.png) 0 center no-repeat; padding-left:15px; position:relative}
.top-nav .guanzhu .sj .wx{ position:absolute; left:-55px; top:25px; z-index:99; display:none}
.top-nav .guanzhu a:hover.sj .wx{ display:block}

/*eagle add*/
.top-nav .guanzhu .tn-title a.tn2{position:relative;}
.top-nav .guanzhu .tn2 .wx1{ position:absolute; left:-82px; top:15px; z-index:99; display:none}
.top-nav .guanzhu a:hover.tn2 .wx1{ display:block}
.top-nav .guanzhu .tn-title a:hover.tn2 .wx1{ display:block}
/*eagle add end*/

/* fengxiang add */
.top-ry{float:left;display:inline;width:310px;height:103px;overflow:hidden;margin:12px 0 0 70px;}
/* fengxiang add end */

.top-search-wrap{width:100%; height:120px;}
.top-search{ margin:0 auto; width:1226px; }
.top-search .logo{ float:left;}
.top-search .search{float:right; width:363px; height:70px; background:#eeeef0; margin-top:28px;}
.top-search .search .tab-menu{ width:100%; height:25px; line-height:25px; background:#FFFFFF}
.top-search .search .tab-menu li{ float:left; width:100px; text-align:center; font-size:14px; color:#59597a; cursor:pointer}
.top-search .search .tab-menu li.on{ background:#eeeef0}

.top-search .search .tab-txt{padding:10px 10px 0px 10px; position:relative;}
.searchInput{ cursor:pointer; float:left; width:202px; height:26px; line-height:26px;  padding-left:10px; background:#FFFFFF url(../images/san1.jpg) 190px center no-repeat; font-style:normal; font-weight:100; color:#666666}
.searchBtn{ display:block; width:118px; height:26px; background:url(../images/search-btn.jpg) no-repeat; float:right;}
.top-search .search .tab-txt ul{ display:none; position:absolute; width:210px; z-index:10; overflow:hidden; border:#CCCCCC 1px solid; top:37px;}
.top-search .search .tab-txt ul li {height: 36px;line-height: 36px;overflow: hidden;width: 100%;}
.top-search .search .tab-txt ul li a {display:block;width:100%;height:100%;padding-left:24px;font-size:14px;text-decoration:none;color:#666;position:relative;border-bottom:1px solid #e9e9e9;background-color:#ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.top-search .search .tab-txt ul li a:after {content:'';position:absolute;width:0;height:0;top:50%;right:17px;border-width:4px;border-color: transparent transparent transparent #adaeb3;border-style:solid;margin-top:-2px;}
.top-search .search .tab-txt ul li a:hover{ background:#655e8a; color:#FFFFFF}

.top-search .search .tab-txt dl{ width:100%;}
.top-search .search .tab-txt dl dd{ width:100%; height:26px; display:none; position:relative}
.top-search .search .tab-txt dl dd.on{ display:block}

.top-menu{ width:100%; height:43px;}
.menu{ margin:0 auto; width:1226px;}
.menu .munu-project{ float:left; width:200px; position:relative; z-index:99}
.menu .munu-project i{ display:block;font-style:normal; width:100%; height:43px; line-height:43px; text-align:center; font-size:18px; color:#FFFFFF; background:url(../images/xmbg.jpg) no-repeat}
.menu .menu-txt{ float:left; padding-left:30px;}

.menu .menu-txt .menu-list{ float:left; padding:0px 0px 0px 0px;}
/*.menu .menu-txt .menu-list a{ display:block; width:120px; height:35px;text-align:center; line-height:35px; color:#666666; font-size:18px;transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s}
.menu .menu-txt .menu-list a:hover{ background:#655e8a; color:#FFFFFF; text-decoration:none}*/

/*2015-12-11�޸�*/
.menu .menu-txt .menu-list{ position:relative; float:left; margin:0px 15px 0px 15px;}
.menu .menu-txt .menu-list .a{ display:block; padding:0 30px;height:35px;text-align:center; line-height:35px; color:#666666; font-size:18px;transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s}
.menu .menu-txt .menu-list .a:hover{ background:#655e8a; color:#FFFFFF; text-decoration:none}
/*2015-12-11����*/
.menu .menu-txt .menu-list dl{ position:absolute; z-index:101; top:35px; left:0px; width:100%; height:0px; display:none; background:#FFFFFF; text-align:center; padding-bottom:5px;}
.menu .menu-txt .menu-list dl dd{ height:30px; line-height:30px; font-size:14px; border-bottom:#efefef 1px solid}
.menu .menu-txt .menu-list dl dd:hover{ background:rgba(101, 94, 138, 0.8); color:#FFFFFF}
.menu .menu-txt .menu-list dl dd:hover a{ color:#FFFFFF}
.menu .menu-txt .menu-list a{ text-decoration:none;}
/*2015-12-11 end*/

.submenu_bg{ width:200px; height:570px; background:rgba(46,15,48,.85) none scroll 0 0 !important;filter:alpha(opacity=85); background:#2e0f30; position:absolute; top:43px; z-index:100;}
.submenu{ width:200px; position:absolute; top:43px; z-index:101}
.submenu li{ padding-left:10px;height:40px; line-height:40px; font-size:12px; position:relative;}
.submenu li .san{ position:absolute; left:180px; top:16px; display:none}

.submenu li:hover{ background:#8781a6}
.submenu li:hover .san{ display:block}

.submenu li .yan{padding:0px 20px; margin-bottom:-9px;}
.submenu li .wen{padding:0px 20px; margin-bottom:-9px;}
.submenu li .kou{padding:0px 20px; margin-bottom:-9px;}
.submenu li .span{ font-size:16px; color:#FFFFFF; padding-right:10px; text-decoration:none}
.submenu li a.sub{ font-size:12px; color:#FFFFFF}

.tmbg{background:rgba(255,255,255,0.95)!important;filter:alpha(opacity=95); background:#FFFFFF}
.sideBar{overflow: hidden; position:absolute;width:448px; height:570px; display:none; z-index:99}
.sideBar_yan{ left:200px; top:0px;}
.sideBar_xiong{ left:200px; top:-40px;}
.sideBar_zf{ left:200px; top:-80px;}
.sideBar_face{ left:200px; top:-160px;}
.sideBar_quban{ left:200px; top:-120px;}
.sideBar_qudou{ left:200px; top:-200px;}
.sideBar_tuomao{ left:200px; top:-240px;}
.sideBar_meibai{ left:200px; top:-400px;}
.sideBar_wenxiu{ left:200px; top:-320px;}
.sideBar_wzx{ left:200px; top:-440px;}
.sideBar_chuzhou{ left:200px; top:-360px;}
.sideBar_zhongyi{ left:200px; top:-480px;}
.sideBar_kouqiang{ left:200px; top:-280px;}
.sideBar_bibu{ left:200px; top:-520px;}

.sideBar_txt{ position:relative; padding:15px 30px 0px 30px; width:388px}
.sideBar_txt .tt1{ font-size:18px; padding-left:10px;height:40px; line-height:40px; border-bottom:#8d8996 1px solid; color:#373348}
.sideBar_txt a{color:#373348}
.sideBar_txt a:hover{ color:#ff3333}
.sideBar_txt dl{ padding:5px 0px 15px 10px;}
/*.sideBar_txt dl dd{ float:left; width:30%; line-height:32px; line-height:32px;}
.sideBar_txt .pic{ text-align:center}
.sideBar_txt .fix dd a{font-size:14px;}
.sideBar_txt .fix dd .sign{color:#F6F;}*/
.sideBar_txt .fix dd a{font-size:13px;}

/*2015/12/18�޸�*/
.sideBar_txt dl dd{ float:left; width:33%; height:32px; line-height:32px;}
.sideBar_txt dl dd a{ text-decoration:none; padding:3px 10px; position:relative}
.sideBar_txt dl dd a span{ position:absolute; right:0px;top:2px;animation:mymove 3s infinite linear;-webkit-animation:mymove 3s infinite linear;}
.sideBar_txt dl dd a:hover{color:#fff; background:#655e8a;transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s}
.sideBar_txt .pic{ text-align:center}
/*end 2015/12/18�޸�*/
/*2015/12/18����*/
@keyframes mymove{
0%,80%,84%,90%,96%,100%{transform:translateY(0)}
88%{transform:translateY(-6px)}
92%{transform:translateY(-3px)}
}
@-webkit-keyframes mymove{
0%,80%,84%,90%,96%,100%{-webkit-transform:translateY(0)}
88%{-webkit-transform:translateY(-6px)}
92%{-webkit-transform:translateY(-3px)}
}
/*end 2015/12/18����*/

.banner{ overflow:hidden;width:100%; height:570px; position:relative; }

.banner .preBtn {left:50%;top:50%;display:block;width:74px;height:74px;margin-top:-37px; margin-left:-690px; background-color:rgba(0,0,0,.3);z-index:7;display:none;}
.banner .preBtn i {display:block;width:28px;height:51px;margin-left:24px;margin-top:13px; background:url(../images/icon.png) no-repeat 0 0px;}
.banner .nextBtn {right:50%;top:50%;display:block;width:74px;height:74px;margin-top:-37px; margin-right:-690px; background-color:rgba(0,0,0,.3);z-index:7;display:none;}
.banner .nextBtn i {display:block;width:28px;height:51px;margin-left:24px;margin-top:13px;background:url(../images/icon.png) no-repeat -32px 0px;}
.banner .preBtn:hover,.banner .nextBtn:hover { background-color:rgba(0,0,0,.4);}

.banner .hd{bottom: 10px;height: 35px;overflow: hidden;position: absolute;left: 50%;z-index: 1;}
.banner .hd ul{ float:left; overflow:hidden}
.banner .hd ul li{background: rgba(128,128,128,0.2);cursor: pointer;float: left;height: 2px;margin-right:10px; position:relative;width: 50px;border-radius:20px}
.banner .hd ul li.on:after{ content: ""; display: block; width:50px;background: #71246e;color: #fff; height: 2px;animation:opacity 1s ease; -webkit-animation:opacity 1s ease; position: absolute; top: 0; left: 0}
@keyframes opacity{0%{ width:0}100%{ width:50px}}
@-webkit-keyframes opacity{0%{ width:0}100%{ width:50px}}

.banner .bd {height: 100%; position: relative;z-index: 0;}
.banner .bd ul{ width:100%}
.banner .bd ul li{ width:100%; height:570px;}
.banner .bd ul li a{ display:block; width:100%; height:570px;}
.banner .bd ul li a.ban1{ background:url(../images/banner1.jpg) center 0 no-repeat}
.banner .bd ul li a.ban2{ background:url(../images/banner2.jpg) center 0 no-repeat}
.banner .bd ul li a.ban3{ background:url(../images/banner3.jpg) center 0 no-repeat}
.banner .bd ul li a.ban4{ background:url(../images/banner4.jpg) center 0 no-repeat}
.banner .bd ul li a.ban5{ background:url(../images/banner5.jpg) center 0 no-repeat}
.banner .bd ul li a.ban6{ background:url(../images/banner6.jpg) center 0 no-repeat}

.subnav-warp{ width:100%; height:95px;border-bottom:1px solid #ededf0;overflow:hidden;}
.subnav{ margin:0 auto; width:1226px;}
.subnav .list1{ float:left; width:81.73px; height:95px; }
.subnav .list2{ float:right; width:81.73px; height:95px; text-align:center}
.subnav .list1 a{ position:relative; display:block; width:100%; height:75px; margin-top:10px;color:#7c798c;transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s}
.subnav .list1 a:hover{ color:#71246e; background:#ecebf0;text-decoration:none}
.subnav .list1 a i{ display:block; height:100%; width:100%; position: absolute; left: 0; top: 0; opacity: 0; filter:alpha(opacity=0);-webkit-animation:orangeOut 0.4s ease;animation:orangeOut 0.4s ease;background-color: #ecebf0;}
.subnav .list1 a:hover i{ opacity: 1;filter:alpha(opacity=100); -webkit-animation: orangeIn 0.2s ease; animation: orangeIn 0.2s ease; }
.subnav .list1 a span{position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:10;}
.subnav .list1 a span:before {content:'';position:absolute;left:50%;top:6px;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.subnav .list1 a span:after {content:attr(data-txt);position:absolute;width:100%;bottom:8px;text-align:center;color:#fff;line-height:24px;font-size:14px;color:#5b586f;}
.subnav .list1 a:hover span:after{ color:#9a6699}

.subnav .list1 a.y span:before { width:40px;height:35px; background:url(../images/sideBar1.png) no-repeat 0 0;}
.subnav .list1 a.y:hover span:before { width:40px;height:35px; background:url(../images/sideBar1.png) no-repeat 0 -35px;}

.subnav .list1 a.meibi span:before { width:40px;height:35px; background:url(../images/sideBar2.png) no-repeat 0 0;}
.subnav .list1 a.meibi:hover span:before { width:40px;height:35px; background:url(../images/sideBar2.png) no-repeat 0 -35px;}

.subnav .list1 a.fx span:before { width:40px;height:35px; background:url(../images/sideBar3.png) no-repeat 0 0;}
.subnav .list1 a.fx:hover span:before { width:40px;height:35px; background:url(../images/sideBar3.png) no-repeat 0 -35px;}

.subnav .list1 a.zf span:before { width:40px;height:35px; background:url(../images/sideBar4.png) no-repeat 0 0;}
.subnav .list1 a.zf:hover span:before { width:40px;height:35px; background:url(../images/sideBar4.png) no-repeat 0 -35px;}

.subnav .list1 a.xz span:before { width:40px;height:35px; background:url(../images/sideBar5.png) no-repeat 0 0;}
.subnav .list1 a.xz:hover span:before { width:40px;height:35px; background:url(../images/sideBar5.png) no-repeat 0 -35px;}

.subnav .list1 a.jg span:before { width:40px;height:35px; background:url(../images/sideBar6.png) no-repeat 0 0;}
.subnav .list1 a.jg:hover span:before { width:40px;height:35px; background:url(../images/sideBar6.png) no-repeat 0 -35px;}

.subnav .list1 a.tm span:before { width:40px;height:35px; background:url(../images/sideBar7.png) no-repeat 0 0;}
.subnav .list1 a.tm:hover span:before { width:40px;height:35px; background:url(../images/sideBar7.png) no-repeat 0 -35px;}

.subnav .list1 a.wx span:before { width:40px;height:35px; background:url(../images/sideBar8.png) no-repeat 0 0;}
.subnav .list1 a.wx:hover span:before { width:40px;height:35px; background:url(../images/sideBar8.png) no-repeat 0 -35px;}

.subnav .list1 a.qd span:before { width:40px;height:35px; background:url(../images/sideBar9.png) no-repeat 0 0;}
.subnav .list1 a.qd:hover span:before { width:40px;height:35px; background:url(../images/sideBar9.png) no-repeat 0 -35px;}

.subnav .list1 a.nf span:before { width:40px;height:35px; background:url(../images/sideBar10.png) no-repeat 0 0;}
.subnav .list1 a.nf:hover span:before { width:40px;height:35px; background:url(../images/sideBar10.png) no-repeat 0 -35px;}

.subnav .list1 a.slz span:before { width:40px;height:35px; background:url(../images/sideBar11.png) no-repeat 0 0;}
.subnav .list1 a.slz:hover span:before { width:40px;height:35px; background:url(../images/sideBar11.png) no-repeat 0 -35px;}

.subnav .list1 a.wc span:before { width:40px;height:35px; background:url(../images/sideBar12.png) no-repeat 0 0;}
.subnav .list1 a.wc:hover span:before { width:40px;height:35px; background:url(../images/sideBar12.png) no-repeat 0 -35px;}

.subnav .list1 a.zzy span:before { width:40px;height:35px; background:url(../images/sideBar13.png) no-repeat 0 0;}
.subnav .list1 a.zzy:hover span:before { width:40px;height:35px; background:url(../images/sideBar13.png) no-repeat 0 -35px;}

.subnav .list1 a.ycjz span:before { width:40px;height:35px; background:url(../images/sideBar14.png) no-repeat 0 0;}
.subnav .list1 a.ycjz:hover span:before { width:40px;height:35px; background:url(../images/sideBar14.png) no-repeat 0 -35px;}

.subnav .list1 a.xm span:before { width:40px;height:35px; background:url(../images/sideBar15.png) no-repeat 0 0;}
.subnav .list1 a.xm:hover span:before { width:40px;height:35px; background:url(../images/sideBar15.png) no-repeat 0 -35px;}


@-webkit-keyframes orangeOut{
		0%{
			-webkit-transform:scale(1);
			opacity:1;
			filter:alpha(opacity:100);	
			}
		100%{
			-webkit-transform:scale(0.8);
			opacity:0;
			filter:alpha(opacity:0);
		}
	}
@keyframes orangeOut{
		0%{
			transform:scale(1);
			opacity:1;
			filter:alpha(opacity:100);	
			}
		100%{
			transform:scale(0.8);
			opacity:0;
			filter:alpha(opacity:0);
		}
	}

@-webkit-keyframes orangeIn {  0% {
 -webkit-transform:scale(0.8);
 opacity:0;
 filter:alpha(opacity:0);
}
100% {
 -webkit-transform:scale(1);
 opacity:1;
 filter:alpha(opacity:100);
}
}
 @keyframes orangeIn {  0% {
 transform:scale(0.8);
 opacity:0;
 filter:alpha(opacity:0);
}
100% {
 transform:scale(1);
 opacity:1;
 filter:alpha(opacity:100);
}
}