﻿@charset "utf-8";
/* CSS Document */
/* CSS ÖØÖÃ */
* {
	margin:0;
	padding:0;
}
div {
	display:block;
}
body {
	font-family:"Microsoft YaHei";
	color:#333333;
	font-size:16px;
	background-color:#fff;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img {
	border: medium none;
	margin: 0;
	padding: 0; font-weight:normal;
	font-family:'Microsoft YaHei';
}
ul, li {
	list-style: none;
}
a, p {
	color:#555555;
	text-decoration:none;
	font-family:'Microsoft YaHei';
}
img{ display:block; margin:0; border:0; padding:0;}



    /*top*/
.header{width:100%;}
.top_banner{width: 100%;height: 30px;background: #414141;font-family:"Î¢ÈíÑÅºÚ"; }
.top_banner .cen{width:1100px;height: 30px;margin:0 auto;}
.top_banner .top_l{font-size: 12px;line-height: 30px;color: #ffffff;float: left;font-family:"Microsoft YaHei";}
.top_banner .top_r {font-size: 12px;line-height: 30px;float: right;color: #ffffff;margin-right: 20px;}
.top_banner .top_r a{color: #ffffff;font-family:"Microsoft YaHei";}
.fgf{float: left;}
.sjwz{display: block;float: left;margin-right: 40px;padding-left:25px;background: url(../images/top_banner_1.png) left center no-repeat;}
.yydz{display: block;float: left;margin-right: 10px;}
.gzwm{display: block;float: left;margin-left:  10px;}
    /*logo*/
.logo_box{width: 100%;height:100px;background-color:#ffffff;border-bottom: 1px solid #ffffff}    
.logo_box .cen{width: 1110px;height: 100px;margin: 0 auto}
.logo_l{float: left;margin-top:30px;}
.logo_r{float: right;margin-top:8px;}

   /*banner*/
.banner{ width:100%; height:500px; position:relative; z-index:1; margin:0 auto; background-color:#FFF;overflow:hidden;  border-top:2px solid #414141; border-bottom:6px solid #dacec1;}
.fla{ width:100%; height:500px; position:relative; z-index:1; margin:0 auto; background-color:#FFF;overflow:hidden;border-top:2px solid #414141; border-bottom:1px solid #dfdfdf;}
.fla .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fla .bd ul{width:100% !important;}
.fla .bd li{width:100% !important;height:500px;overflow:hidden;text-align:center;}
.fla .bd li a{display:block;height:500px;}
.fla .hd{width:100%;position:absolute;z-index:1;bottom:20px;;left:0;height:15px;line-height:15px;}
.fla .hd{width:150px;position:absolute;z-index:1;bottom:22px;left:45%;height:15px;}
.fla .hd ul{text-align:center; widows:100%}
.fla .hd ul{ width:300px; overflow:hidden;}
.fla .hd ul li{;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fla .hd ul li{cursor:pointer; float:left;margin-left:7px; margin-right:7px;width:12px;height:12px; background-color:#88a6ae;border:1px solid #534542; border-radius:15px;line-height:999px;}
.fla .hd ul .on{background:#0092ce;}
.fla .prev,
.fla .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;z-index:1;width:56px;height:56px;cursor:pointer;display:none;}
.fla .prev{background:url(../images/prevarrow.png) 0 0 #000 no-repeat;left:15%;}
.fla .next{background:url(../images/nextarrow.png) 0 0 #000 no-repeat;right:15%;}
/*下拉菜单*/
.nav_bg{width:100%;height: 50px;background-color:#435664;}
.nav{width: 1100px;margin:0 auto;height: 50px;position: relative;}
.h_bg { width:100%;height: 50px;background-color:#435664; }
.head { width: 1100px; height: 50px; margin: 0px auto; }

.head .nav { width: 1100px;  }
.head .nav .title, .ppjj_sub { width: 200px; float: left; height: 50px; cursor: pointer; ;background:#b58c4d;}
.head .nav .title span { ;width:200px;height:50px;display: block;font-size: 16px;color: #fff;line-height: 50px;text-align: center;background: url(../images/nav_01.png) no-repeat center;font-family:'Microsoft YaHei';}

.title, .nav .menu_new, .qgls { font-size: 14px; text-align: center; }
.menu_new { height: 50px;display:block;width:900px;position:absolute;left:200px;top:0; }
.nav .menu_new a {  background: url(../images/nav_bg.png) center right no-repeat;color:#ffffff;		font-family:'Microsoft YaHei';;display: block; width: 100px; height: 50px; font-size: 16px; float: left;  text-align: center; line-height: 50px;  }
.nav .menu_new a:hover { background:#b58c4d;}

.sub_center { width: 100%; position: absolute; left: 0px; top:;z-index: 999; height: 0px; overflow: hidden; box-shadow: 2px 1px 4px rgb(203, 202, 202); font-family: "Microsoft YaHei"; }
.sub_centers { width: 100%; height: 422px; overflow: hidden; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-align: left; border-top: 1px solid rgb(155, 104, 49); }
.sub_nav { width: 1102px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin: 0px auto; overflow: hidden; }
.sub_nav .sn_l { width: 192px; height: 396px; overflow: hidden; float: left; margin-top: 20px; }
.sn_l li { font-size: 14px; height: 35px; padding: 14px 0px 13px 70px; background:#BB9F7A  url('../images/ico.png') no-repeat scroll 0% 0%; border-bottom: 1px solid rgb(185, 185, 185); margin-bottom: 1px; cursor: pointer; }
.sn_l li.active, .sn_l li:hover { background-image: url('../images/icohover.jpg'); background-color: inherit; border-bottom: 1px solid rgb(255, 255, 255); }
.sn_l li p { height: 30px; line-height: 30px; padding-bottom: 2px; color: rgb(255, 255, 255); }
.sn_l li i { display: block; height: 12px; background: transparent url('../images/hw1.png') no-repeat scroll 0% 0%; }
.sn_l li.active i, .sn_l li:hover i { background: transparent url('../images/hw_hover.jpg') no-repeat scroll 0% 0%; }
.sn_l li.active p { color: rgb(178, 130, 71); }
#item_ico01 { background-position: 25px 15px; margin-top: 0px ! important; }
#item_ico02 { background-position: 25px -50px; }
#item_ico03 { background-position: 25px -115px; }
#item_ico04 { background-position: 25px -179px; }
#item_ico05 { background-position: 25px -242px; }
#item_ico06 { background-position: 25px -305px; }
#item_ico01 i { background-position: 0px 0px; }
#item_ico02 i { background-position: 0px -15px; }
#item_ico03 i { background-position: 0px -30px; }
#item_ico04 i { background-position: 0px -45px; }
#item_ico05 i { background-position: 0px -60px; }
#item_ico06 i { background-position: 0px -75px; }
.item_qh { width: 887px; height: 407px; float: right; margin-top: 15px; position: relative; z-index: 5; }
.item_qh .zxmfl { width: 551px; height: 407px; float: left; padding-right: 39px; background: transparent url('../images/xmsx.jpg') no-repeat scroll right 30px; font-family: "宋体"; }
.item_qh .zxmfl li { width: 551px ! important; height: auto; padding: 17px 0px; border-bottom: 1px dashed rgb(214, 214, 214); overflow: hidden; }
.item_qh .zxmfl li h5 { width: auto; height: 25px; float: left; padding-right: 12px; background: transparent url('') no-repeat scroll right center; font-size: 13px; color: rgb(155, 104, 49); text-align: left; line-height: 25px; position: relative; }/***images/xmjt.jpg**/
.item_qh .zxmfl li span, .item_qh .zxmfl li .rdgz { width: 468px; height: auto; overflow: hidden; float: right; }
.item_qh .zxmfl li span a { width: auto; height: 25px; float: left; font-size: 12px; color: rgb(68, 68, 68); text-align: center; line-height: 25px; padding: 0px 8px; background: transparent url('') no-repeat scroll right center; position: relative; z-index: 1; }/***images/stbg.jpg**/
.item_qh .zxmfl li span a img { width: 9px; height: 11px; position: absolute; right: 0px; top: 2px; z-index: 2; }
.item_qh .zxmfl .xlimg { margin: 12px auto 0px; display: block; }
.item_qh .zxmfl .xlimg1 { margin: 22px auto 0px; display: block; }
.animate-bounce-up { animation: 0.8s linear 0s normal none infinite running bounce-up; }
.item_qh .zxmfl li span a:hover { color: rgb(155, 104, 49); }
.item_qh .zxmfl li.rds { padding: 14px 0px 0px; border-bottom: medium none; }
.item_qh .zxmfl li .rdgz a { height: 22px; font-size: 12px; color: rgb(85, 85, 85); text-align: center; line-height: 22px; background: rgb(229, 229, 228) none repeat scroll 0% 0%; float: left; margin: 2px 5px 3px 0px; }
.item_qh .zxmfl li .rdgz a:hover { background: rgb(212, 212, 212) none repeat scroll 0% 0%; color: rgb(155, 104, 49); }
.item_qh .zxmfl li .rdgz a.a1 { width: 154px; }
.item_qh .zxmfl li .rdgz a.a2 { width: 301px; }
.item_qh .zxmfl li .rdgz a.a3 { width: 176px; }
.item_qh .zxmfl li .rdgz a.a4 { width: 279px; }
.item_qh .zxmfl li .rdgz a.a5 { width: 130px; }
.item_qh .zxmfl li .rdgz a.a6 { width: 131px; }
.item_qh .zxmfl li .rdgz a.a7 { width: 189px; }
.item_qh .yppxm { width: 258px; height: auto; overflow: hidden; float: right; margin-top: 15px; }
.item_qh .yppxm h5 { width: 100%; height: 57px; font-size: 18px; color: rgb(155, 104, 49); text-align: center; line-height: 57px; font-weight: 100; background: transparent url('../images/htbg1.jpg') no-repeat scroll center center; }
.item_qh .yppxm img { width: 258px; height: 253px; display: block; margin-top: 5px; }
.item_qh .yppxm .djz { width: 258px; height: 36px; margin-top: 10px; display: block; font-size: 18px; color: rgb(255, 255, 255); background: rgb(119, 119, 119) none repeat scroll 0% 0%; text-align: center; line-height: 36px; }
.item_qh .yppxm .djz:hover { background: rgb(78, 77, 77) none repeat scroll 0% 0%; }


/*精专项目*/
.navBar{width:100%;height: 90px;border-bottom:1px solid #dfdfdf;}
.navbox{width: 1100px;height:90px;background: #ffffff;margin:0 auto ;}
.li_one{width: 140px;height: 90px;float: left; background:url("../images/jzxm.png") no-repeat;}
.navbox .m:hover{-webkit-transform:translate3d(0,-5px,0);}
.navbox .m{float: left;height: 90px;border-right: 1px solid #dfdfdf;width: 158px;text-align: center;}
.navbox .m a{color: #000000}

.navbox .m h3{font-size: 14px;font-family: 'Microsoft YaHei';}


.navbox .m h3 a:hover{font-size: 16px;font-family: 'Microsoft YaHei'; color:#B18748;}

.navbox .m .tb{ width:66px; height:34px; margin:15px  auto 5px auto; background:url("../images/jzxm.png") no-repeat top center; }
.navbox .m .tb1{background-position: -190px -14px}
.navbox .m .tb2{background-position: -346px -16px}
.navbox .m .tb3{background-position: -509px -16px}
.navbox .m .tb4{background-position: -676px -18px}
.navbox .m .tb5{background-position: -836px -16px}
.navbox .m .tb6{background-position: -988px -16px}




/*品牌介绍*/
.ayy_al{ width: 1100px;margin:20px auto;}
#outer {}
#tab {border-bottom: #dfdfdf 1px solid; overflow:hidden;margin-bottom: 20px;}
#tab li {height: 30px;float:left;width:100px; margin-right:0.5%;color:#435664;text-align:center;line-height:30px;font-size:16px;text-decoration:none; cursor:pointer;}
#tab li.current {background:#ffffff;border-bottom: 1px solid #ed6100}
#content{ width:100%;}
#content .bdxx { display:none; width:100%;height:;overflow:hidden;}
#content .bdxx_l{;float: left;width: 405px;height: 140px;background: #354955;font-size: 14px;line-height: 24px;color: #ffffff;padding: 25px 20px 0}
#content .bdxx  img{height: 165px;float: left;}

/* 底部 */
.footerbox{width: 100%;background: #2a3b45;padding: 30px 0 30px;} 
.footer{width: 1100px;margin: 0 auto;overflow: hidden;}
.bot_logo{width: 200px;height:120px;float: left;margin-top:20px;margin-right: 20px; }
.bot_m{height: 180px;width: 590px;border-right: 1px dotted #4f6b82;border-left: 1px dotted #4f6b82;float: left;padding-left: 70px;}
.bot_nav{color: #99acbb;margin-bottom: 30px;}
.bot_nav a{color: #99acbb;padding: 0 16px;font-family: 'Microsoft YaHei';}
.bot_nav a:hover{text-decoration:underline}
.erweima{margin-right: 40px;float: right;margin-top: 18px;}
.bot_ino{font-size: 14px;color: #99acbb;line-height: 32px;padding-left: 16px;}







/*banner轮播css*/
.banner{ position:relative}
.bannerSlide {width:100%;height:500px;overflow:hidden;margin:0 auto;max-width:1920px;}
.bannerSlide .slideBox,.bannerSlide .slideBox .tempWrap {width:100%;height:500px;margin:0 auto;}
.bannerSlide .slideBox li {position:relative;width:100%;height:500px;overflow:hidden;}
.bannerSlide .slideBox li a {display:block;width:100%;height:100%;position:relative;}
.bannerSlide .slideBox li img {position:absolute; z-index:1;left:50%;top:0;margin-left:-960px;}
.bannerSlide .slideBox li img,.bannerSlide .slideBox li i.ii1{-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,.bannerSlide .slideBox li.active i.ii1{-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);}
.bannerSlide .focus {width:100%; height:7px;bottom:30px;z-index:10;text-align:center; position:absolute;}
.bannerSlide .focus span {width:49px; height:7px; background:rgba(160, 160, 160, 0.70); margin:0 3px; display:inline-block; cursor:pointer;}
.bannerSlide .focus span.active{background:rgba(155, 104, 49, 0.70);}
.bannerSlide .preBtn {left:50%;top:50%;display:block;width:74px;height:74px;margin-top:-37px;margin-left:-600px; background-color:rgba(0,0,0,.3);z-index:7;display:none; position:absolute; border-radius:8px;}
.bannerSlide .preBtn i {display:block;width:26px;height:48px;margin-left:24px;margin-top:13px; background:url(../images/left_p.png);}
.bannerSlide .nextBtn {right:50%;top:50%;display:block;width:74px;height:74px;margin-top:-37px;margin-right:-600px; background-color:rgba(0,0,0,.3);z-index:7;display:none; position:absolute;border-radius:8px;}
.bannerSlide .nextBtn i {display:block;width:26px;height:48px;margin-left:24px;margin-top:13px; background:url(../images/right_n.png);}
.bannerSlide .preBtn:hover,.bannerSlide .nextBtn:hover { background-color:rgba(0,0,0,.7);}

.bannerSlide .slideBox li.zj830 .zj830_c{ width: 1040px; position: absolute; top: 0; left: 50%; margin-left: -505px; z-index: 2;}
.bannerSlide .slideBox li.zj830 .zj830_c i{ display: block; position: absolute;}
.bannerSlide .slideBox li.zj830 .zj830_c i.ii1{ width: 120px; height: 120px; top: 495px; left: 845px; z-index: 3; background:url() no-repeat; animation: zj830 linear 1s infinite alternate; -moz-animation: zj830 linear 1s infinite alternate; -o-animation: zj830 linear 1s infinite alternate; -ms-animation: zj830 linear 1s infinite alternate; -webkit-animation: zj830 linear 1s infinite alternate;}
.bannerSlide .slideBox li.zj830 .zj830_c i.ii2{ width: 125px; height: 159px; top: 322px; left: 285px; z-index: 2;background:url();}
.bannerSlide .slideBox li.zj830 .zj830_c i.ii3{ width: 187px; height: 204px; top: 358px; left: 360px; z-index: 1; transform-origin: right top; -mox-transform-origin: right top; -o-transform-origin: right top; -ms-transform-origin: right top; -webkit-transform-origin: right top; background:url();}
.bannerSlide .slideBox li.zj830 .zj830_c i.ii2,.bannerSlide .slideBox li.zj830 .zj830_c i.ii3{ animation: zj830 linear 2s infinite alternate; -moz-animation: zj830 linear 2s infinite alternate; -o-animation: zj830 linear 2s infinite alternate; -ms-animation: zj830 linear 2s infinite alternate; -webkit-animation: zj830 linear 2s infinite alternate;}
.bannerSlide .slideBox li.zj830 .zj830_c i.ii2{ transform-origin: 40px top; -moz-transform-origin: 40px top; -o-transform-origin: 40px top; -ms-transform-origin: 40px top; -webkit-transform-origin: 40px top;}

@keyframes zj830{
	0%{ transform:scale(1);}
	100%{ transform:scale(1.1);}
}
@-moz-keyframes zj830{
	0%{ -moz-transform:scale(1);}
	100%{ -moz-transform:scale(1.1);}
}
@-o-keyframes zj830{
	0%{ -o-transform:scale(1);}
	100%{ -o-transform:scale(1.1);}
}
@-ms-keyframes zj830{
	0%{ -ms-transform:scale(1);}
	100%{ -ms-transform: scale(1.1);}
}
@-webkit-keyframes zj830{
	0%{ -webkit-transform:scale(1);}
	100%{ -webkit-transform: scale(1.1);}
}
/**.msd_p{ width: 1010px; position: absolute; top: 0; left: 50%; margin-left: -505px; z-index: 2;}
.msd_p .mpa{ width: 108px; height: 108px; overflow: hidden; border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 788px; top: 457px; z-index: 3; background:url(../images/ban04_1.gif) center center no-repeat;}**/
