@charset "gb2312";
/* CSS Document */
@import url("http://4g.ybs120.com/css/art_style.css");

html{ overflow-x:hidden}
*{ padding:0; margin:0; font-style:normal;}
body{font:14px/24px "Microsoft Yahei"; color:#333; text-align:left;}
img{ border:0;}
textarea{resize:none;}
input,button,select,textarea{outline:none}
input{border:none;background:none}
a{ text-decoration:none; cursor:pointer;color:#333;}
a:hover{ text-decoration:none;}
li{ list-style:none;}
::before,::after,a,button,span,input,textarea,.jxbtn{-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.dno{ display:none}
.fl{ float:left;}
.fr{ float:right;}


/*Í·²¿*/

.new_top{ width:100%; height:46px; background:#231f20;}
.new_topc{ width:1100px; height:46px; margin:0 auto;}
.new_topc .nt_l{ width:560px; height:46px; font-size:12px; color:#999; text-align:left; line-height:46px; float:left; font-weight:100;}
.new_topc .nt_l h1,.new_topc .nt_l h2{ font-size:12px; display: inline-block; color:#999; font-weight: lighter}
.new_top ul{ width:174px; height:19px; float:right; margin-top:13px;}
.new_top ul li{ width:auto; height:19px; float:left; margin-right:26px; font-size:12px; color:#999; text-align:left; line-height:19px;}
.new_top ul li:nth-of-type(2){ width:49px!important;}
.new_top ul li.mzsj{ width:93px!important; margin-right:6px; position:relative; overflow:hidden; cursor:pointer;}
.new_top ul li.mzsj i{ width:68px; height:auto; display:block; float:left; position:absolute; left:25px; top:0;-webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition: all 0.7s; font-size:12px; font-style:normal;}
.new_top ul li.mzsj:hover i{ top:-17px;}
.new_top ul li a{font-size:12px; color:#999;}
.new_top ul li a:hover{ color: #c2996d;}
.new_top ul li img{ width:19px; height:19px; float:left; margin-right:6px;}
.new_top ul li.no{ margin-right:0;}
.new_top.ant{ margin-bottom: 90px}


.top{ width:1100px; height:108px; margin:0 auto; position:relative}
.topbox{ background:#fff; width:100%;height:108px;transition: ease all 0.3s;}
.logo{ width:402px; height:34px; background:url(../img/logo.jpg) no-repeat; float:left; margin-top:40px;}
.shlogo{ background:url(/imgnew/logo.jpg) no-repeat; height: 48px; margin-top:25px}
.tzlogo{ background:url(../img/tzlogo.jpg) no-repeat;}
.wllogo{ background:url(../img/wllogo.jpg) no-repeat;}
.jxlogo{ background:url(../img/jxlogo.jpg) no-repeat;}
.qzlogo{ background:url(/qzkqyy/img/qzlogo.jpg) no-repeat;}
.topnav{ height:99px; float:right; margin-top:9px;}
.topnav li{ float:left; padding:0 15px; height:99px;}
.topnav li>a{ font-size:14px; line-height:99px; color:#878787; display:inline-block; height:99px;}
.topnav li>a b{ color:#666;}
.topnav li>a:hover{ color:#c2996d}

.topnav li.tnb>a{ background-position: center bottom}
.topnav li>p{ position:absolute; top:92px; left:450px; z-index:50; background:#B68F66; height:0; padding: 0 80px; overflow:hidden; line-height:40px; color:#fff; font-size:14px; margin-top:15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;transition: ease all 0.3s;}
.topnav li>p>a{ padding:5px; color:#fff; font-size:14px;}
.topnav li.tnb>a:hover{ background: url(../img/nav_tab.png) no-repeat center bottom}
.topnav li.tnb:hover>p{ height:40px;}
.my_art{ position:absolute; top:107px; left:380px; z-index:40; height:0px; overflow:hidden;}
.topbox.tb_h{ height: 70px; border-bottom: 1px solid #dadada; z-index: 99; }
.topbox.tb_h .logo{ margin-top: 19px}
.topbox.tb_h .shlogo{ margin-top: 10px}
.topbox.tb_h .topnav,.topbox.tb_h .topnav li,.topbox.tb_h .topnav li>a{ height: 62px;line-height:58px; }
.topbox.tb_h .topnav li>p{ top: 55px}

/*bannerÂÖ²¥css*/
/*
.banner{ position:relative}
.bannerSlide {width:100%;height:655px;overflow:hidden;margin:0 auto;max-width:1920px;}
.bannerSlide .slideBox,.bannerSlide .slideBox .tempWrap {width:100%;height:655px;margin:0 auto;}
.bannerSlide .slideBox li {position:relative;width:100%;height:655px;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:20px;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(http://zt.ybskq.cn/style/img_n/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(http://zt.ybskq.cn/style/img_n/right_n.png);}
.bannerSlide .preBtn:hover,.bannerSlide .nextBtn:hover { background-color:rgba(0,0,0,.7);}
*/
.banner{ text-align: center; height:655px; position: relative}
.banner .bannerW{position:absolute; width: 1900px; margin-left:-950px; left:50%;top:0;}
.banner .bannerUl{width:100%;height:655px;overflow:hidden;}
.banner .bannerBtn{ position: absolute; bottom: 10px; width: 100%; text-align: center; z-index: 2}
.banner .bannerBtn li{ width: 50px; height: 8px; background: #727171; display: inline-block; margin: 0 2px; text-indent: -999px; overflow: hidden;}
.banner .bannerBtn li.on{ background: #b68f66}

/*µ×²¿*/
.foot{ margin-top:115px; background:#303030; padding-top:85px; width:100%;}
.foot .footer{ width:1100px; margin:0 auto}
.foot .footer img{ display:block; text-align:center; margin:0 auto}
.foot .footer .pingpai{ padding:65px 0px 40px 0px}
.foot .footer .footnav{ text-align:center;color:#FFF; font-size:16px;}
.foot .footer .footnav a{ color:#FFF; padding:0 10px;}
.foot .footer .footnav em{ color:#666}
.foot .footerbg{ background:url(../img/foot_41.jpg) top center; height:230px;color: #fff; padding-top:30px; text-align:center}

/*
.banner{position: relative;height: 655px;}
.banner img{position: absolute;left: 50%;top: 0;margin-left: -960px;}
*/

.news{ width: 1080px; margin: 80px auto 0;}
.syt{ position:relative;}
.sytbg{ position:absolute; color:#E9E9E9; z-index:-1; right: 0;}
.syt h2{ font-size:30px; color:#B68F66; height:30px; line-height:30px; font-weight:bold;}
.syt h2 span{ font-size:20px; line-height:40px; color:#B68F66; font-weight:normal;}
.newst{ width:320px; margin-left:760px; padding-bottom:24px; border-bottom:1px solid #ccc; height:64px;}
.newst .sytbg{ top:0; right:15px; font-size:78px; line-height:78px; height:78px; }
.newst h2{ padding-top:40px;}
.newsb{ overflow: hidden;}
.newsb .newsb_left{ width: 335px; float: left;}
.newsb .newsb_left .nbl_ul{ height: 464px; overflow: hidden;}
.newsb .newsb_left .nbl_ul h3{ font-size: 24px; line-height: 35px;color: #B68F66;}
.newsb .newsb_left .nbl_ul p{ padding-top: 12px; line-height: 27px; height: 130px; overflow: hidden; color: #7E7E7E;}
.newsb .newsb_left .nbl_ul p a{ color: #B68F66;}
.newsb .newsb_left .nbl_ul p img{display: block; width: 335px; height: 260px;}
.newsb .newsb_left .nbl_btn{ text-align: right; padding-top: 19px}
.newsb .newsb_left .nbl_btn li{display: inline-block; width: 10px; height: 10px; text-indent: 999px; overflow: hidden; border-radius: 50%; background: #BFBFBF; margin: 0 5px}
.newsb .newsb_left .nbl_btn li.on{ background: #B68F66}
.newsb .newsb_center{ width: 297px; float: left; margin-left: 60px; margin-top: 54px;}
#wowslider-container1{ cursor: pointer;}
.newsb .newsb_center p{display: block; width: 100%; height: 114px; background:#B68F66 url(../img/nb_logo.png) no-repeat center; margin-top: 4px}
.newsb .newsb_right{ width: 325px; float: right; margin-top: 54px}
.newsb .newsb_right p{ margin-bottom: 30px; line-height: 26px; font-size: 16px; color: #999; padding-left: 20px; background: url(../img/nb_ico.jpg) no-repeat left 5px}
.newsb .newsb_right p span{display: block; height: 20px; line-height: 20px; margin-bottom: 10px; overflow: hidden; color: #333;}
.newsb .newsb_right i{display: block; width: 134px; height: 40px; border: 1px solid #ccc; text-align: center; line-height: 40px; font-size: 16px; color: #B68F66; cursor: pointer; margin: 30px 0 0 170px}
.newsb .newsb_right i:hover{ color: #fff; background: #B68F66; border: 1px solid #B68F66}
.newsb .newsb_right p span a{ color: #666;}
.newsb .newsb_right p span a:hover{ color: #B68F66;}
.newsb .newsb_right p span b{display: inline-block; width: 36px; height: 14px; background: url(../img/nbhot.jpg) no-repeat center;}
.newsbov{ height: 315px; overflow: hidden;}

.Nbox1{width: 100%;overflow: hidden;}
.Ncon1{width: 1100px;margin: 90px auto;}
.Ncon11{width: 335px; height: 571px; overflow: hidden; position:relative}
.Ncon11 img{display: block;}
.Ncon11 p{background: #EDEDED;padding: 20px 22px 0px 22px;text-indent: 2em;font-size: 16px;color: #7e7e7e;line-height: 25px; height:165px;}
.Ncon11 p a{color: #9b6831;}
.Ncaico{ height:12px; text-align:center; position:absolute; bottom:10px; right:10px;}
.Ncaico ul{ display:inline-block; height:12px; text-align:center;}
.Ncaico li{ width:12px; height:12px; border-radius:50%; background:#ABAAAA; float:left; margin:0 6px; text-indent:20px; overflow:hidden;}
.Ncaico li.on{ background:#B68F66}

.Ncon12{width: 732px;height: 580px;position: relative;}
.Nca2{height: 524px;background: url(../img/Nca2.jpg) no-repeat right;}
.Ncon12 h2{width: 424px;height: 32px;font-weight: normal;padding-top: 12px;}
.Ncon12 h2 span{float: left;font-size: 25px;color: #b68f66;background: url(../img/Ncasj.png) no-repeat right;padding-right: 32px;line-height: 32px;}
.Ncon12 h2 a{border: 1px solid #B4B4B4;font-size: 16px;color: #b5b5b5;border-radius: 5px;padding:4px 12px;float: right;line-height: 20px;}
.Ncon12 ul{width: 424px;overflow: hidden;margin-top: 36px;}
.Ncon12 ul li{padding-left: 60px;font-size: 18px; height: 32px; overflow: hidden;color: #4b4b4b;line-height: 32px;position: relative;background: url(../img/Ncahot.png) no-repeat left 5px;margin-bottom: 24px;}
.Ncon12 ul li span{display: block;width: 18px;height:18px;background: #E0E0E0;text-align: center;line-height: 14px;font-size: 20px;color: #FFFFFF;border-radius: 5px;position: absolute;bottom: 4px;right: 4px;}
.Ncon12 ul li a:hover{color: #9b6831;}
.Ncon12 p{font-size: 20px;color: #c2996d;line-height: 30px;position: absolute;left: 60px;bottom: 16px;}

.Ntit1{width:1100px; height: 40px; margin: 0 auto; font-size: 40px; font-weight: bold; padding-top: 50px; color: #b68f66; text-align: center}

#project .Ntit1{ background: url(../img/Ntit1.jpg) no-repeat center top;}
#zjtd .Ntit1{ background: url(../img/Ntit2.jpg) no-repeat center top;}
#case .Ntit1{ background: url(../img/Ntit3.jpg) no-repeat center top;}
#about .Ntit1{ background: url(../img/Ntit4.jpg) no-repeat center top;}
#new .Ntit1{ background: url(../img/Ntit5.jpg) no-repeat center top;}

.Nbox2{width: 1100px;margin: 114px auto 0;overflow: hidden;}
.Ncon2{width: 100%;margin: 62px auto 0;position: relative;}
.Nxmcon{width: 1100px;margin: 0 auto;overflow: hidden;}
.Nxmcon li{float: left; height: 213px;position: relative; overflow: hidden;}
.Nxmcon li img{display: block;}
.Nxmcon li .nj_inarc{ width: 100%; height: 213px; background: #b19361; color: #fff; padding: 30px; box-sizing: border-box; }
.Nxmcon li .nj_inarc,.Nxmcon li .njth{ transition:all ease 0.5s; -webkit-transition:all ease 0.5s}
.Nxmcon li .nj_inarc em{display: block; height: 114px; font-style: normal; padding-bottom: 12px}
.Nxmcon li .nj_inarc em a{ display: block; width:268px; height: 38px; overflow: hidden; line-height: 38px; color: #fff; background: url(../img/njico.png) no-repeat left; padding-left: 25px}
.Nxmcon li .nj_inarc .nj_inarca{ display: block; width: 115px; height: 30px; text-align: center; line-height: 30px; margin: 0 auto; color: #fff; border: 1px solid #fff}
.Nxmcon li:hover .nj_inarc,.Nxmcon li:hover .njth{ transform: translateY(-213px); -webkit-transform: translateY(-213px)}
.Nxmcon li .nj_inarc .nj_inarca:hover{ background: #fff; color: #b19361;}

.Nxml{width: 168px;text-align: center;position: absolute;top: 36px;left: 2px;}
.Nxml h2{font-size: 26px;color: #b68f66;font-weight: normal;line-height: 30px;}
.Nxml p{font-size: 16px;color: #666666;line-height: 25px;margin-bottom: 20px;margin-top: 10px;}
.Nxml span{display: block;width: 26px;height: 2px;background: #B58E66;margin: 0 auto;}
.marleft{ margin-left:30px;}
.sy2 .sy1s{ margin:0 0 50px;}
.sy2s{  width:1100px;margin: 40px auto 0px;}
.sy2s .picBox{ width:900px;height:548px; overflow:hidden; margin-left:150px}
.sy2s .picBox li{width:900px; float:left;height:548px;}
.sy2s .picBox li>img.fr{ width:460px;  float:right;}
.sy2s .picBox li dt{ width:450px;}
.sy2s .picBox li dl{ float:left; padding:70px 0px 0px 50px; width:380px; }
.sy2s .picBox li dl span{ font-size:25px; font-weight:bold}
.sy2s .picBox li dl small{ font-size:20px;}
.sy2s .picBox li dt{ margin-bottom:26px;}
.sy2s .picBox li dd{ height:24px; line-height:24px; font-size:16px; color:#4b4b4b; background:url(../img/smallico.jpg) no-repeat; padding-left:30px; margin-bottom:10px; overflow:hidden}
.sy2s .picBox li .zj_name{ background:none; padding-top:70px; margin-left:-130px; height:100px; float:left}
.sy2s .picBox li a{ display:block; width:180px; height:40px; line-height:40px; font-size:17px; color:#fff; text-align:center; margin-top:40px; background:#A2774B; float:left}
.sy2s .picBox li a.zjxq{background:#878787;margin-left:20px}
.sy2s .picBox li a:hover{ transform: translateX(-10px)}
.sy2s .smImgBox{ width:1050px; height:140px; position:relative;}
.sy2s .smImgBox .listBox{ width:940px; height:139px; margin: 0 auto; overflow: hidden;}
.sy2s .smImgBox li{ width: 104px;  overflow:hidden; background:#eee;}
.sy2s .smImgBox li span{ width:100%; height:35px; line-height:35px; background:#FFF; text-align:center; display:block; color:#878787; font-size:18px;}
.sy2s .smImgBox li img{ width:104px; height:104px;/* opacity:0.7*/; display:block; margin: 0 auto}
.sy2s .smImgBox li.swiper-slide-active{background:#c2996d;cursor:pointer}
.sy2s .smImgBox li.swiper-slide-active img{ opacity:1;}
.sy2s .smImgBox .btn{ display:block; width:36px; height:103px; cursor:pointer; position: absolute; top: 0; z-index: 2}
.sy2s .smImgBox .bprev{left:0; background:url(../img/click_left.jpg) no-repeat;}
.sy2s .smImgBox .bnext{ right:0; background:url(../img/click_right.jpg) no-repeat;}
.sy2s .smImgBox .prevqs{ top:0; background:url(../img/sy_zjl.jpg) no-repeat;}
.sy2s .smImgBox .nextqs{ bottom:0; background:url(../img/sy_zjr.jpg) no-repeat;}



.anli{ width:850px; margin:45px auto 0px}
.anli .picBox{ width:850px; float:left;height:403px; overflow:hidden;}
.anli .picBox li{width:850px; float:left;height:403px;}
.anli .picBox li>img.fr{ width:279px; height:403px; float:right;}
.anli .picBox li dl{ float:left; width:280px; margin-left:10px; background-color:#eeeeee; font-size:16px; text-align:center}
.anli .picBox li dt{ margin:35px 0px 0px; text-align:center; font-size:24px; color:#c2996d;}
.anli .picBox li dt em{ font-weight:bold}
.anli .picBox li .smalltit{ margin:10px 0px 30px 0px; height:25px; line-height:25px;}
.anli .picBox li .ycqk{ height:25px; line-height:25px;}
.anli .picBox li .zlpic{ margin:25px 0px 25px;}
.anli .picBox li a{ display:block; width:100%; height:38px; line-height:40px; font-size:17px; color:#fff; text-align:center; }
.anli .picBox li .ckal{ background:#c2996d}
.anli .picBox li .wxbm{ background:#666666; margin-top:12px}
.anli .picBox .fr{ width:271px;}
.anli .picBox .fr img{ padding-bottom:8px;}
.anli .smImgBox{ float:left; width:850px;  position:relative; margin-top:40px; height:42px; background:url(../img/albj_03.jpg) bottom repeat-x;}
.anli .listBox{ overflow:hidden; padding:0px 75px; height:42px;}
.anli .listBox  span{ width:120px; height:42px; display:block; text-align:center; line-height:50px}
.anli .smImgBox-a{  float:left;font-size:16px;}
.anli .listBox li{ width:120px;   overflow:hidden;}

.anli .listBox li img{ width:104px; height:104px;/* opacity:0.7*/}

.anli .listBox .on span{ background:url(../img/anliico_03.jpg); height:42px; width:120px; color:#fff; }
.anli .listBox .on img{ opacity:1;}
.anli .smImgBox .btn{ display:block; width:12px; height:20px; left:50px; cursor:pointer; float:left; margin-top:15px }
.anli .smImgBox .sPrev{top:0; background:url(../img/anlileft.png) no-repeat; margin-right:35px}
.anli .smImgBox .sNext{ bottom:0; background:url(../img/anliright.png) no-repeat; margin-left:35px;}
.anli .smImgBox .prevqs{ top:0; background:url(../img/sy_zjl.jpg) no-repeat;}
.anli  .smImgBox .nextqs{ bottom:0; background:url(../img/sy_zjr.jpg) no-repeat;}


.service{ width:1030px;position:relative;padding:10px 0; margin:60px auto 0;  }
.service .prev,.service .next{ position:absolute;  display:block; top:180px; width:41px; height:131px; background:url(images/focusAdvBg.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;  }
.service .next{background:url(../img/service_09.jpg); right:10px;}
.service .prev{ background:url(../img/service_06.jpg); left:10px}
.service .prev:hover,.service .next:hover{ filter:alpha(opacity=100) !important;opacity:1 !important;  }
.serviceIn{ width:1030px;  position:relative;  margin:0 auto;    }

.serviceIn .bd{ width:815px; height:483px; margin: 0 auto; overflow: hidden;}
.serviceIn .bd li{ vertical-align:middle; }
.serviceIn .bd li img{ width:815px; height:483px; display:block;  }
.serviceIn .bd li span{ position:absolute}
.serviceIn .hd{width:1035px; margin-top:35px; overflow: hidden;}
.serviceIn .hd ul{ vertical-align:middle; display:inline-block; *display:inline;  zoom:1;padding-top:4px;}
.serviceIn .hd ul li{ width:199px; float:left; display:inline;   margin-right:9px; filter:alpha(opacity=80); opacity:0.8;  cursor:pointer;  }
.serviceIn .hd ul li img{ width:100%;display:block;}
.serviceIn .hd ul li.on{ filter:alpha(opacity=100);opacity:1; border:4px solid #c2996d; width: 191px;}
.serviceIn .hd ul li.on img{    }

.role{ width:1030px; margin:50px auto 0px}
.role .roadul{width:1040px;}
.role .roadul li{ float:left; display:inline; width:248px; height:77px; background-color:#eeeeee; font-size:20px; text-align:center; margin-right:12px; padding-top:25px}
.role .roadul .active{ background-color:#a3784c; background:url(../img/role_03.jpg) no-repeat top; color: #fff;}
.role .roadul .active a{ color:#fff}
.role .roadul li{ background:url(../img/role_05.jpg) no-repeat top}
.role .roadul li small{ font-size:16px; display:block}
.road_jg{ margin-top:30px; float:left; position:relative}
.road_jg ul{ width:1050px;}
.road_jg ul li{ float:left; display:inline; width:335px; margin-right:9px;}
.road_jg ul li span{ width:100%; text-align:center; display:block; overflow:hidden; color:#6e6e6e; font-size:16px; height:36px; line-height:36px;}


.road_jg .sPrev,.road_jg .sNext{ position:absolute;  display:block;  left:10px; top:60px; width:41px; height:131px; background:url(images/focusAdvBg.png) no-repeat; filter:alpha(opacity=60);opacity:0.6; position:absolute; z-index:10000}
.road_jg .sNext{ left:auto;background:url(../img/service_09.jpg); right:7px}
.road_jg .sPrev{ left:auto;background:url(../img/service_06.jpg); left:0px}
.road_jg .sPrev:hover,.road_jg .sNext:hover{ filter:alpha(opacity=100) !important;opacity:1 !important;  }