﻿@charset "utf-8";
/* 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:1200px; 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{  float:left; line-height:35px; height:35px; color:#797676; position:relative}
.top-nav .city a{ color:#797676; display:inline-block; width:34px; text-align:center}
.top-nav .city .t1{ float:left;}
.top-nav .city .t2{ float:left; width:498px; 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(../picture/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-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(../picture/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:0px 0;}
.top-nav .guanzhu .tn-title a:hover.tn2{ background-position:0px 0px;}

.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 .app{ background:url(../picture/app.png) 0 center no-repeat; padding-left:35px; position:relative}
.top-nav .guanzhu .sj{ background:url(../picture/sj.png) 0 center no-repeat; padding-left:15px; position:relative}
.top-nav .guanzhu .sj .wx{ position:absolute; left:-83px; top:34px; 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:-75px; top:34px; 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*/


.nr_search{ width:400px; height:34px; border:1px solid #e4440c; float:left; color:#666666; font-size:14px; padding-left: 31px;   border-radius: 3px 0 0 3px;}
.btn_soso{ width:76px; height:36px;background-color:#e4440c;float:left; font-size:16px; color:#fff; text-align:center; font-family:"微软雅黑";border-radius: 0px  3px 3px 0px;    position: absolute;}
.search_1{float: left; height: 17px; width: 17px;margin-left: 11px; z-index: 1; margin-top: 10px;display: block; position: absolute;}
.search_x{float:right; width:478px; height:34px; margin-top:0px; line-height:30px; color:#666666; font-size:12px; font-family:"微软雅黑";}

.top-search-wrap{width:100%; margin-bottom:20px;}
.top-search{ margin:0 auto; width:1200px; }
.top-search .logo{ float:left; margin-top:40px;}
.top-search .search{float:right; width:478px; height:34px; 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;}


.ml-top-searcn-ul { width: 260px; margin-left: 50px; margin-top: 15px; }
.ml-top-searcn-ul li { float: left; width: 104px; margin-right: 40px; }
.ml-top-searcn-ul .ml-top-searcn-ul-li { margin-right: 0; }
.ml-top-searcn-ul li p { text-align: center; font-size: 14px; color: #9d9d9d; font-family: 宋体; }



.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(../picture/san1.jpg) 190px center no-repeat; font-style:normal; font-weight:100; color:#666666}
.searchBtn{ display:block; width:118px; height:26px; background:url(../picture/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:1200px;}
.menu .munu-project{ float:left; width:240px; 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(../picture/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{ color:#e4440c; 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:240px; height:0px; background:#e4440c; position:absolute; top:43px; z-index:100;Opacity:0.5; }
.submenu{  width:240px; height: 0px; position:absolute; top:43px; z-index:101; overflow: hidden;}
.submenu li{ padding-left:30px;height:41px; line-height:44px; font-size:12px; position:relative;}
.submenu li .san{ position:absolute; left:180px; top:16px; display:none}

.submenu li:hover{ background:#f59574}
.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{ position:absolute;width:448px; height:570px; display:none; z-index:99}
.sideBar_yan{ left:240px; top:0px;}
.sideBar_bi{ left:240px; top:-41px;}
.sideBar_xiong{ left:240px; top:-82px;}
.sideBar_xizhi{ left:240px; top:-123px;}
.sideBar_wuchuang{ left:240px; top:-164px;}
.sideBar_quban{ left:240px; top:-205px;}
.sideBar_meibai{ left:240px; top:-246px;}
.sideBar_chuzhou{ left:240px; top:-287px;}
.sideBar_qudou{ left:240px; top:-328px;}
.sideBar_tuomao{ left:240px; top:-369px;}
.sideBar_wenxiu{ left:240px; top:-410px;}
.sideBar_simi{ left:240px; top:-451px;}
.sideBar_maofa{ left:240px; top:-492px;}
.sideBar_kouqiang{ left:240px; top:-533px;}

.sideBar_txt{ position:relative; padding:30px 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 0px;}

.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:#f59574;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(../home_images/icon4.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(../home_images/icon4.png) no-repeat -32px 0px;}
.banner .preBtn:hover,.banner .nextBtn:hover { background-color:rgba(0,0,0,.4);}

.banner .hd{bottom: 5px;height: 35px;overflow: hidden;position: absolute;left: 50%;z-index: 1;}
.banner .hd ul{ float:left; overflow:hidden}
.banner .hd ul li{background: #ffffff none repeat scroll 0 0;cursor: pointer;float: left;height:20px; margin-right:10px;width:20px; border-radius:20px;}
.banner .hd ul li.on{background: #f59574 none repeat scroll 0 0;color: #fff;}
.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(../picture/banner1.jpg) center 0 no-repeat}
.banner .bd ul li a.ban2{ background:url(../picture/banner2.jpg) center 0 no-repeat}
.banner .bd ul li a.ban3{ background:url(../picture/banner3.jpg) center 0 no-repeat}
.banner .bd ul li a.ban4{ background:url(../picture/banner4.jpg) center 0 no-repeat}
.banner .bd ul li a.ban5{ background:url(../picture/banner5.jpg) center 0 no-repeat}
.banner .bd ul li a.ban6{ background:url(../picture/banner6.jpg) center 0 no-repeat}
*/

.bannerSlide {width:100%;height:570px;overflow:hidden;margin:0 auto;max-width:1920px;}
.bannerSlide .slideBox,.bannerSlide .slideBox .tempWrap {width:100%;height:570px;margin:0 auto;}
.bannerSlide .slideBox li {position:relative;width:100%;height:570px;overflow:hidden;}
.bannerSlide .slideBox li a {display:block;width:100%;height:100%;position:relative;}
.bannerSlide .slideBox li img {position:absolute;left:50%;top:0;margin-left:-960px;-moz-transform:scaleX(1.05) scaleY(1.05);-ms-transform:scaleX(1.05) scaleY(1.05);-o-transform:scaleX(1.05) scaleY(1.05);-webkit-transform:scaleX(1.05) scaleY(1.05);transform:scaleX(1.05) scaleY(1.05);}
.bannerSlide .slideBox li.active img {-moz-transition:-moz-transform 4s linear 0s;-ms-transition:-ms-transform 4s linear 0s;-o-transition:-o-transform 4s linear 0s;-webkit-transition:-webkit-transform 4s linear 0s;transition:transform 4s linear 0s;-moz-transform:scaleX(1) scaleY(1);-ms-transform:scaleX(1) scaleY(1);-o-transform:scaleX(1) scaleY(1);-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1);}
  


.subnav-warp{ width:100%; height:95px;border-bottom:1px solid #ededf0;overflow:hidden;}
.subnav{ margin:0 auto; width:1200px;}
.subnav .list1{ float:left; width:80px; 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:#e4440c}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.subnav .list1 a.xm span:before { width:40px;height:35px; background:url(../home_images/sidebar15.png) no-repeat 0 0;}
.subnav .list1 a.xm:hover span:before { width:40px;height:35px; background:url(../home_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);
}
}