@charset "utf-8";
/* CSS Document */


.head-bj{ width: 100% ; height: 797px; position: relative; overflow: hidden;}




.home{ width: 100%; height: 797px;  overflow: hidden; }
.home .focus{ overflow:hidden; position:relative;width:100%; height:797px;}
.home .focus ul{ overflow:hidden; width:9999px;height:100%;}
.home .focus li{ float:left; width:100%; height:100%; position:absolute;}
.home .focus li + li{z-index:-1;}
.home .focus li img{width:100%;height:100%}
.home .focus li a{display:block;width:100%;height:100%; }
.home .focus .nav{position:absolute;left:0;bottom:56px;width:100%;text-align: center;}
.home .focus .nav i{display:inline-block;width:20px;height:20px;margin:0 8px;line-height:3px;text-align: center;vertical-align: middle;cursor: pointer; background-color: #fff; border-radius: 20px; opacity: 0.6;}
.home .focus .nav i.now{ background-color: #fff ; opacity: 1;}

/*°´Å¥*/
.focus .prev {position: absolute;left: 30px;top: 0;width: 80px;height: 100%;z-index: 10;}
.focus .next { position: absolute; right: 30px; top: 0; width: 80px; height: 100%; z-index: 10;}
.focus .prev a {position: absolute;left: 0;top: 50%;margin-top: -40px;width: 80px;height: 80px;
background: url(/Template/Pc/images/ld_prev.png) no-repeat center;opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;}
.focus .next a {position: absolute;right: 0;top: 50%;margin-top: 40px;width: 80px;height: 80px;background: url(/Template/Pc/images/ld_next.png) no-repeat center;opacity: 0;transition: all 0.3s; -webkit-transition: all 0.3s;}

.focus .prev:hover a,
.home .focus .next:hover a {
    opacity: 1;
}






.Bottom-material{ width: 100% ; height: 743px; background: url(/Template/Pc/images/bk2-bj.jpg) no-repeat center center; overflow: hidden;}
.material-c{ width: 1200px; margin: 0 auto; position: relative; overflow: hidden;}
.sou-bj{ width: 100% ; height: 163px; position: relative;}
.jiy{ position: absolute; left: 3px; top: 31px}

.sos-box{ width: 348px; height: 36px; border-bottom: 2px solid #76240f ;float: right; position: relative; margin: 33px 3px 0 0; overflow: hidden;}
.sos-box .pla{ width: 290px; height: 36px; line-height: 36px; padding-left: 8px; font-size: 16px; color: #d5a555 ; font-family: "΢ÈíÑźÚ"}
.ys::-webkit-input-placeholder{ color:#76240f; }
.ys::-moz-placeholder{color:#76240f;}
.ys:-moz-placeholder{ color:#76240f;}
.ys:-ms-input-placeholder{color:#76240f;}
.sos-box .but{ width: 27px; height: 28px; background: url(/Template/Pc/images/seac.png) no-repeat; position: absolute; right: 6px; top: 0; border: none ; cursor: pointer;}
.sos-box .but.on{ background: url(/Template/Pc/images/seac1.png) no-repeat;}

.xl-box{ width: 1200px; padding: 64px 0 0 0}
.bt-box{ width: 100% ; text-align: center;}
.bt-box .ta{ width: 298px; height: 54px; position: relative;right: -10px;left: -46px;}
.bt-box h3{ font-size: 36px; color: #fff; display: inline-block; position: relative; top: -28px;left: -46px; }
.bt-box .tb{ width: 201px; height: 58px; position: relative;left: -80px;}
.wenb{ width: 1140px; height: 26px; line-height: 26px; text-align: center ; font-size: 20px; color: #fff ; margin: 0 auto; white-space:nowrap;  text-overflow:ellipsis; margin-top: 18px; overflow: hidden;}

.process{ width: 1054px; height: 160px; margin: 0 auto; margin-top: 49px; margin-bottom: 20px;}
.process ul{ width: 1100px;}
.process ul li{ width: 163px; height: 160px;float: left; background: url(/Template/Pc/images/tc.png) no-repeat; margin-right: 15px; overflow: hidden;}
.process ul li a{ width: 163px; line-height: 28px; display: block; text-align: center ; font-size: 24px; font-weight: bold; color: #3a2021; padding-top: 50px}
.process ul li:hover{background: url(/Template/Pc/images/td.png) no-repeat;}
.process ul li:hover a{ color: #f6dabc}


.dh-box{ width: 100% ; text-align: center ; margin: 21px 0 28px 0;}
.dh-box span{ height: 48px;line-height: 48px; display: inline-block; background: url(/Template/Pc/images/te.png) no-repeat left center;font-size: 36px; font-weight: bold ; color: #d5a555; padding-left: 61px;}
.dw{ width: 100%; height: 26px; line-height: 26px; text-align: center ; font-size: 20px; color: #fff ;white-space:nowrap;  text-overflow:ellipsis; overflow: hidden;}


.Science-bj{width: 100% ; height: 692px; background: url(/Template/Pc/images/bk3-bj.jpg) no-repeat center center; overflow: hidden;}
.Science-c{ width: 1305px; margin: 0 auto;}

.bt2{ margin: 66px 0 0 0}
.bt2 h3{ color: #d5a555;}
.wb2{ color: #686868}




/* ÐýתľÂí */

#focus_Box{position:relative;width: 1300px; margin: 44px 0 0 0}
#focus_Box ul{position:relative;width:1300px;height:398px;}
#focus_Box li{z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:177px; background-color: #c7b184;}
#focus_Box li img{ width:100%; height:100%; vertical-align:top;float: left; border: solid 8px #fff; border-radius: 5px;}

#focus_Box li a{ width:100%; height:100%; display: block; position: relative; }

#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:64px;height:64px;top:160px; z-index: 999;}
#focus_Box .prev{background:url(/Template/Pc/images/z1.png) left bottom no-repeat;left:-70px ; }
#focus_Box .next{background:url(/Template/Pc/images/z2.png) right bottom no-repeat;right:-70px;} 
.dwm{ border: solid 8px #bf944c !important;}

.bot-liao{ width: 100% ; height: 666px; background: url(/Template/Pc/images/bk4-bj.jpg) no-repeat center center; overflow: hidden;}
.bot-c{ width: 1570px; margin: 0 auto;}

.bt3{ margin: 65px 0 0 0}

.dil{ width: 1570px; margin: 48px 0 0 0; overflow: hidden;}
.dil ul{ width: 1595px;}
.dil ul li{ width: 380px; height: 356px; background-color: #fff ;float: left; margin-right: 17px; overflow: hidden;}
.dil ul li .tpb{width: 380px; height: 269px; overflow: hidden;}
.dil ul li .tpb img{width: 380px; height: 269px; transition: all 1.6s}
.dil ul li h3{ width: 100% ; height: 86px; line-height: 86px;text-align: center; font-size: 24px; color: #686868; text-align: center; overflow: hidden;}
.dil ul li:hover{ background-color: #d5a555}
.dil ul li:hover h3{ color: #fff}
.dil ul li:hover .tpb img{ transform: scale(1.1)}


.adv-c{ width: 1200px; margin: 0 auto;}
.advantage{width: 100% ; height: 818px; background: url(/Template/Pc/images/bk5-bj.jpg) no-repeat center center; overflow: hidden;}
.dv-c{ width: 1200px; margin: 0 auto;}
.ys-box{ width: 1200px; height: 472px; margin: 42px 0 0 0; overflow: hidden;}
.ys-box ul{ width: 1240px;}
.ys-box ul li{ width: 290px; height: 472px; margin-right: 13px;float: left;}
.ys-box ul li a{width: 290px; height: 472px; display: block; position: relative; border-radius: 5px; overflow: hidden;}
.ys-box ul li a img{width: 290px; height: 472px;transition: all 1.1s}
.ys-box ul li a .hg-bj{ width: 100% ; height: 192px; background: url(/Template/Pc/images/hg-bj1.png) repeat; position: absolute; left: 0; bottom: 67px;}
.ys-box ul li a .hg-bj h3{ width: 270px; height: 26px; margin: 0 auto; font-size: 24px; font-weight: bold; color: #fff ; background: url(/Template/Pc/images/hgx.jpg) no-repeat bottom center; text-align: center; padding-bottom: 25px; margin-top: 20px;}
.ys-box ul li a .hg-bj h4{ width: 270px; height: 60px; line-height: 30px;  margin: 0 auto;  font-size: 16px; color: #fff ; text-align: center; margin-top: 20px; overflow: hidden;}
.ys-box ul li a:hover img{transform: scale(1.1)}
.ys-box ul li a:hover .hg-bj{ background: url(/Template/Pc/images/hg-bj.png) repeat;}
.bar-bj{width: 100% ; height: 670px; background: url(/Template/Pc/images/bk6-bj.jpg) no-repeat center center; overflow: hidden;}
.bar-c{ width: 1200px; margin: 0 auto ; position: relative;height: 670px;}
.bar-c h3{ width: 631px; height: 26px;line-height: 26px; font-size: 20px; color: #fff ; position: absolute; right: 32px;top: 190px; text-align: center; overflow: hidden;}
.bar-c .wz{ width: 469px; height: 188px; padding: 40px 25px 45px 40px; background: url(/Template/Pc/images/hg-bj.png) repeat; font-size: 18px; color: #fff; position: absolute; right: 75px; top: 267px; overflow: hidden;}
.bar-c .wz p{width: 469px; height: 188px; line-height: 24px; font-size: 16px; color: #fff; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden; }


.rong-bj{width: 100% ; height: 446px; background: url(/Template/Pc/images/bk7-bj.jpg) no-repeat center center; overflow: hidden;}
.rong-c{ width: 1200px; height: 446px;margin: 0 auto; position: relative;}
.bb1{ width: 180px; height: 40px; line-height: 40px; text-align: center; font-size: 36px; color: #fff; position: absolute; left: 106px; top: 68px}
.rong-c .gd{ width: 162px; height: 32px ; line-height: 32px;text-align: center; font-size: 18px; color: #d5a555; border: solid 2px #d5a555; display: block ; position: absolute; right: 33px; top: 92px;}
.rong-c .gd:hover{ background-color: #d5a555; color: #fff}

.picMarquee-left{ width:892px;position: absolute;right: 33px; top: 178px;  overflow:hidden; }
.picMarquee-left .hd{ position:absolute; left:0; top:100px; width:1178px; display:none }
/*		.picMarquee-left .hd .prev{ display:block; float:right; width:11px; height:30px;background:url(/Template/Pc/images/right.png) no-repeat; padding-left:4px;}
.picMarquee-left .hd .next{ display:block;  width:11px; height:30px; background:url(/Template/Pc/images/left.png) no-repeat; float: left; margin-left:4px;}
*/
.picMarquee-left .bd{ width:892px;  overflow: hidden; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{  width:280px;float:left; _display:inline; overflow:hidden; text-align:center; margin-right:26px;  }
.picMarquee-left .bd ul li img{ width:280px; height:198px;}


.Franchise-bj{ width: 100% ; height: 940px; background: url(/Template/Pc/images/bk8-bj.jpg) no-repeat center center; overflow: hidden;}
.Franchise-c{ width: 1200px; height: 940px; margin: 0 auto;}
.fra1{ width: 100% ; height: 211px; position: relative; overflow: hidden;}
.fra1 h3{width: 180px; height: 40px; line-height: 40px; text-align: center; font-size: 36px; color: #d2a658; position: absolute; left: 106px; top: 68px}
.fra1 h4{ width: 1040px ; height: 26px; line-height: 26px; font-size: 20px; color: #686868 ; padding-left: 120px; position: absolute; left: 0; bottom: 30px}

.fra2{ width: 960px ; height: 237px; margin: 0 auto; overflow: hidden;}
.fra2 ul{ width: 1000px; padding-top: 56px;}
.fra2 ul li{ width: 192px; height: 114px;float: left; text-align: center; position: relative;}
.fra2 ul li a{ width: 192px; height: 114px; display: block}
.fra2 ul li .ig2{ display: none ;  }
.fra2 ul li h3{ width: 100% ; height: 26px;line-height: 26px; text-align: center; font-size: 24px; color: #686868; position: absolute; left: 0;bottom: 0; overflow: hidden;}
.fra2 ul li:hover .ig2{ display: block; margin: 0 auto;}
.fra2 ul li:hover .ig1{ display: none}
.fra2 ul li:hover h3{ color: #d5a555;}

.fra3{ width: 100% ; height: 445px; position: relative; margin-top: 47px; overflow: hidden; }


.fra3 .gd{ width: 162px; height: 32px ; line-height: 32px;text-align: center; font-size: 18px; color: #d5a555; border: solid 2px #d5a555; display: block ; position: absolute; right: 33px; top: 92px;}
.fra3 .gd:hover{ background-color: #d5a555; color: #fff}

.picMarquee-left2{ width:892px;position: absolute;right: 33px; top: 178px;  overflow:hidden; }
.picMarquee-left2 .hd{ position:absolute; left:0; top:100px; width:1178px; display:none }
.picMarquee-left2 .bd{ width:892px;  overflow: hidden; }
.picMarquee-left2 .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left2 .bd ul li{  width:280px; height: 198px; float:left; _display:inline; position: relative; overflow:hidden; text-align:center; margin-right:26px;  }
.picMarquee-left2 .bd ul li img{ width:280px; height:198px;}
.picMarquee-left2 .bd ul li h3{ width: 260px; height: 64px; line-height: 64px; background: url(/Template/Pc/images/hb-bj1.png) repeat; padding:0 10px; font-size: 16px; color: #fff;text-align: center; position: absolute; left: 0; bottom: 0; overflow: hidden;}
.picMarquee-left2 .bd ul li:hover h3{ background: url(/Template/Pc/images/hb-bj.png) repeat; }


.cp-dt{ width: 100% ; height: 1190px; background: url(/Template/Pc/images/bk9-bj.jpg) no-repeat center center; overflow: hidden;}
.cp-c{ width: 1200px; height: 1190px;margin: 0 auto; position: relative;}
.caip-a{width: 100% ; height: 220px; position: relative; overflow: hidden;}
.caip-a h3{width: 180px; height: 40px; line-height: 40px; text-align: center; font-size: 36px; color: #d2a658; position: absolute; left: 106px; top: 78px}
.caip-a h4{ width: 1040px ; height: 26px; line-height: 26px; font-size: 20px; color: #686868 ; padding-left: 120px; position: absolute; left: 0; bottom: 31px}

.caip-b{width: 100% ; height: 348px; position: relative; margin-bottom: 54px; overflow: hidden;}
.picScroll-left {width: 1200px; margin: 58px 0 0 0}
.picScroll-left .hd {width: 1200px;position: relative;z-index: 99999;}
.picScroll-left .hd .prev {width: 64px;height: 64px;float: right;overflow: hidden;background: url(/Template/Pc/images/z2.png) no-repeat;position: absolute;right: 90px;top: 70px;}
.picScroll-left .hd .next {width: 64px;height: 64px;float: left;overflow: hidden;cursor: pointer;
background: url(/Template/Pc/images/z1.png) no-repeat;position: absolute;left: 90px;top: 70px;}
.picScroll-left .hd ul { width: 160px; text-align: center; overflow: hidden; zoom: 1; zoom: 1;
 position: relative;right: -552px; top: 340px; z-index: 999999999;}
.picScroll-left .hd ul li {float: left;width: 0px;height: 0px;overflow: hidden;text-indent: -999px;
cursor: pointer;}
.picScroll-left .hd ul li.on {background-position: 0 0;}
.picScroll-left .bd {width: 848px; height: 235px; margin: 0 auto; overflow: hidden;}
.picScroll-left .bd ul { zoom: 1; height: 235px;}
.picScroll-left .bd ul li {width: 270px;height: 235px;position: relative;float: left;overflow: hidden; margin-right: 19px;}
.picScroll-left .bd ul li .pic-b{ width: 270px; height: 192px; overflow: hidden;}
.picScroll-left .bd ul li img { width: 270px; height: 192px;transition: all 0.4s;}
.picScroll-left .bd ul li h4 {width:270px;height: 41px;line-height: 41px;text-align: center;font-size: 24px;
color: #464646;overflow: hidden;}
.picScroll-left .bd ul li:hover{ background-color: #d5a555;}
.picScroll-left .bd ul li:hover h4 {color: #fff;}
.picScroll-left .bd ul li:hover img {transform: scale(1.1);}


.caip-c{width: 100% ; height: 568px; position: relative;}

.caip-c .gd{ width: 162px; height: 32px ; line-height: 32px;text-align: center; font-size: 18px; color: #d5a555; border: solid 2px #d5a555; display: block ; position: absolute; right: 33px; top: 92px;}
.caip-c .gd:hover{ background-color: #d5a555; color: #fff}

.zxdt{ width: 892px;position: absolute; right: 33px;top: 178px;overflow: hidden;}
.zxdt ul{ width: 920px;}
.zxdt ul li{ width: 291px; height: 360px; background-color: #fff;float: left; margin-right: 10px; position: relative; overflow: hidden;}
.zxdt ul li .tub{ width: 291px; height: 192px; overflow: hidden;} 
.zxdt ul li img{ width: 291px; height: 192px;transition: all 0.4s;} 
.zxdt ul li .ttm{ width: 260px; margin: 0 auto;overflow: hidden}
.zxdt ul li .ttm h3{ width: 100% ; height: 44px;line-height: 22px; font-size: 16px; color: #686868;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin: 7px 0 8px 0; overflow: hidden;}
.zxdt ul li .ttm h4{ width: 100% ; height: 72px; line-height: 18px; font-size: 14px; color: #878787;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;}
.zxdt ul li .ttm h5{height: 16px;line-height: 16px; font-size: 14px; color: #878787; position: absolute; left: 20px; bottom: 13px;}
.zxdt ul li .ttm h6{ font-size: 14px; color: #c35454; position: absolute; right: 20px; bottom: 13px;}
.zxdt ul li:hover .ttm h3{font-weight: bold; color: #ba2926}
.zxdt ul li:hover img{transform: scale(1.1);}

.dh-box{ margin: 21px 0 10px 0}
.dh-box span{height: auto;text-align: left}