@charset "utf-8";
@import url(animate.css);
@import url(fonts.css);
@import url(reset.css);
@import url(common.css);
/*!
 * JCMS CSS - Powered by JCms.Hua
 * 2016-10-31
 */

/* Common */
body{background-color: #f5f5f5;}
.j-header{position: relative;min-width: 1060px; width: 100%;}
.j-header .logo { padding:10px 5%; background:#322918;}
.j-header .j-header-l{ width:80%; min-width: 1200px; margin:5px auto; }
.j-header .h-navlist{position: relative; width: 100%;}
.j-header .h-navlist li{float:left;width:14.28%;overflow:hidden; box-sizing: border-box; height:50px;;}
.j-header .h-navlist li a{display:block; height:26px; margin-top:12px;text-align:center; line-height:30px;text-transform:uppercase;font-size:15px; }

.li-cur{color: #fff;background-color: #4a2d1b;border-right: 1px solid #4a2d1b;box-sizing: border-box;}
.li-cur a:nth-of-type(-1){border-right: 1px solid #4a2d1b;}

.j-footer{position: relative;margin-top: 40px; background:#4a2d1b; height:100px}
.j-footer .j-footer-1{ float:left; width:33.3%;height: 100px;}
.j-footer .j-footer-2{ position: relative;float:left; width:33.3%;height: 100px; }
.j-footer .j-footer-3{ float:right; width:33.4%;height: 100px;}
.j-footer .j-footer-1 p{margin-top: 30px;padding-left: 30%; color: #fff;font-size: 16px;font-weight: bold;}
.j-footer .j-footer-1 p span{font-size: 26px;}
.j-footer .j-footer-2 a{display: block;float: left; width: 25%;height: 100px;margin-top: 20px; text-align: center;}
.j-footer .j-footer-2 a p{margin-top: 10px;color: #fff;font-size: 14px;}
.j-footer .j-footer-3 p{margin-top: 20px;margin-left: 50px; color: #fff;font-size: 16px;}
.j-footer .j-footer-3 p span{display: block; margin-top: 10px;font-size: 14px;}
.j-footer .f-con{padding: 0 1.3%;}
.j-footer .gooduo{width: 100%;height: 60px;text-align: center;line-height: 60px;}
/* Home */
.j-home{width: 100%;position: relative;overflow: hidden;}
.j-home .h-bar{height:521px;overflow:hidden;}
.j-home .h-bar .slide{height:521px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.j-home .h-bar .slick-arrow{position:absolute;left:2%;top:50%;z-index:99;margin-top:-2em;cursor:pointer;}
.j-home .h-bar .slick-arrow:before{font-size:4em;color:#fff;color:rgba(255,255,255,.5);}
.j-home .h-bar .slick-next{left:auto;right:2%;}
.allwidth .memu2 .li { float:left; width:110px; font-size:16px; padding: 10px 10px;text-align: center; border: 1px solid #e2c98e; margin:20px 20px; color:#e2c98e;border-radius: 3px;}

.j-home .h-tab{position:relative;padding:35px 0;text-align:center;text-transform:uppercase;font-size:30px;}
.j-home .h-tab2{padding-top:0;color:#fff;}
.j-home .h-tab2:after{background:#fff;}
.j-home .h-about{margin-bottom:60px;}
.j-home .h-about .pic{float:left;width:30%;margin-right:3%;}
.j-home .h-about .txt{float:left;width:97%;padding-left: 3%;}
.j-home .h-about .txt h1{padding:10px 0;font-size:16px;font-weight:bold;color:#333;}
.j-home .h-about .txt p{margin-bottom:14px;line-height:2;color:#666;text-indent: 2em;font-size: 14px;}
.j-home .h-about .txt a.more{display:block;float: right; width:70px;margin-right: 20px; border:1px solid #ddd;text-align:center;line-height:20px;color:#999;}
.j-home .h-about .link{float:right;width:35%;padding-top:25px;text-align:right;}
.j-home .h-about .link .li{display:inline-block;margin-left:5%;text-align:center;font-size:14px;color:#666;}
.j-home .h-about .link .li:before{display:block;width:80px;height:80px;margin:0 auto 10px;border:1px solid #ddd;border-radius:100%;line-height:80px;font-size:2.5em;color:#999;}
.j-home .h-about .link .li:hover:before{background:#0c4da2;border-color:#0c4da2;color:#fff;}
.j-home .h-news{padding:50px 0;background:url(../Images/j-bg2.jpg) no-repeat;background-size:cover;overflow:hidden;}
.j-home .h-news .h-list .li{float:left;width:30%;margin-top:70px;color:#fff;}
.j-home .h-news .h-list .li h4{margin-bottom:15px;line-height:1.2;font-size:16px;}
.j-home .h-news .h-list .li p{height:40px;line-height:20px;overflow:hidden;padding-top: 20px;}
.j-home .h-news .h-list .li .autoimg{padding:45% 0;}
.j-home .h-news .h-list .li2{width:36%;margin:0 2%;}
.j-home .h-news .h-list .li2 .box{padding:26px 15px 30px;background:#0c4da2;color:#333;}
.j-home .news { position:relative;}
.j-home .news-1{
    position: absolute;
    width: 20%;
    height: 70%;
    left: 35%;
    top: 0;
	padding:3% 5%;
	color:#333}
.j-home .news-1 .more {display: block;width: 100px; margin-left:auto ;margin-right:auto ; margin-top:10%;padding: 2.5% 0;font-size: 15px; border: 2px solid #888; text-align:center; color:#888}
.j-home .h-prot{position: relative; margin:50px 0;background: #fff;}
.j-home .h-prot .li{float:left;width:25%; background-color: #4a2d1b;}
.j-home .h-prot .li .autoimg{padding:35% 0;margin:0 3%;}
.j-home .h-prot .li .autoimg img{border:1px solid #ddd;box-sizing:border-box;}
/*.j-home .h-prot .li p{line-height:30px;text-align:center;font-size:14px;}*/

.j-home .li .li-sug{width: 100%;height: 117px; font-size: 14px;}
.j-home .li .li-sug  p{text-align: left;padding:0 20px; line-height: 20px; color: #e2c98e;}
.j-home .li .li-sug .nowrap{padding-top: 30px;text-align: center;}
.j-home .h-prot .li .img-box{border-radius: 50%;border: 5px solid #e2c98e;box-sizing: border-box;width: 225px;height: 225px; margin: 7.5px 20px;overflow: hidden;}
.j-home .h-prot .li .img-box img{width: 100%;}
/*.j-home .li .li-sug .more{color: #999;}*/
/*.j-home .li img{width: 100%;height: 230px;}*/

.j-home .h-prot .slick-arrow{position:absolute;left:200px;top:55%;z-index:99;margin-top:-2em;cursor:pointer;}
.j-home .h-prot .slick-arrow:before{font-size:4em;color:#666;}
.j-home .h-prot .slick-next{left:auto;right:200px;}

.j-home .allwidth .td-1{ float:left; width:50%}
.j-home .allwidth .td-2{ float:right; width:50%}
.j-home .allwidth .td-r{ float:right; width:33.67%}

.j-home .protbox{position: relative;width: 100%;margin-top: 30px;}
.j-home .protbox ul{position: relative;width: 100%;}
.j-home .protbox li{position: relative;float: left;width: 25%;text-align: center;}
.j-home .protbox li img{width: 90%;}
.j-home .protbox li:nth-of-type(2n+1) img{margin-top: 30px;}
.j-home .protbox li:nth-of-type(2n+2) img{margin-bottom: 30px;}
.j-home .protbox .prot-mask{display: none;position: absolute;top: 9%;left: 10%;width: 80%;height: 88%; background-color: #000;opacity: .3;}
.j-home .protbox .mask-text{display: none; position: absolute;top: 40%;left: 0; text-align: center; width: 100%;color: #eee;}
.j-home .protbox .mask-text h2{font-size: 30px;}
.j-home .protbox .mask-text p{font-size: 20px;margin-top: 2%;margin-bottom: 10%;}
.j-home .protbox .mask-text a{padding: 3% 10%;font-size: 16px;border: 2px solid #fff;}
.j-home .protbox li:nth-of-type(2n+2) .prot-mask{top: 3%;}
.j-home .protbox li:nth-of-type(2n+2) .mask-text{top: 30%;}
.j-home .h-team{position: relative;width: 100%}
.j-home .allwidth .td{ float:left; width:64.7%;background-color: #322918;}
.j-home .allwidth .tuandui{padding: 0 1.3%;}
.j-home .allwidth .news{padding: 0 1.3%;}
.j-home .h-team{padding: 0 1.3%;}

.j-home .allwidth .td3{position: relative;width: 100%;text-align:center;}
.j-home .allwidth .td3 .td-1{float: left; width: 50%;color: #fff;}
.j-home .allwidth .td3 .td-1 h2{height: 14%;margin-top: 20%; font-size: 24px;}
.j-home .allwidth .td3 .td-1 p{display: block;margin: 7% 20% 10%; font-size: 16px;}
.j-home .allwidth .td3 .td-1 a{display: block;width: 30%; margin: 5% 0 0 35%;padding: 2.5% 0;font-size: 15px; border: 2px solid #fff;}
.j-home .allwidth .td3 .td-2{position: relative;width: 48.5%; padding: 1.5% 1.5% 1.5% 0; float: left;}
.j-home .allwidth .td3 .td-2 img{float: left; width: 100%;}
.j-home .allwidth .td3 .td-2 .team-img{position: absolute;top: 45%;width: 0; height: 0;border-top: 15px solid transparent;border-left: 15px solid #322918; border-bottom: 10px solid transparent;z-index: 99;}
.j-home .allwidth .td-r{float: left; width: 35%;text-align: center;vertical-align: middle;}
.j-home .allwidth .td-r img{margin-top: 20%;}
.j-home .allwidth .td-r a{display: block;width: 30%;margin: 5% 0 0 35%;padding: 2.5% 0;font-size: 15px; text-align: center; border: 2px solid #ccc;}

/* Column */
.j-column{margin-bottom:100px;background-color: #f5f5f5;}
.j-column .home-l{ float:left; width:203px; height:100%;padding-top: 30px;}
.j-column .home-l .nav{margin-bottom: 20px;}
.j-column .home-l .nav-lv1{position: relative;width: 100%;height: 30px;line-height: 30px; margin-top: 6px; font-size: 12px;background-color: #322918;color: #ddd;}
.j-column .home-l .nav-lv1 .li{float: left;width: 42%;padding-left: 8%; font-size: 14px;}
.j-column .home-l .nav-lv1 .li2{float: left;width: 50%;}
.j-column .home-l .lv1-cur{color: #333;background-color: #fff;border: 1px solid #ccc;border-right:0;}
.j-column .home-r{ float:right; width:920px;padding: 30px 40px;background-color: #fff;}
.j-column .home-r .home-r-top{position: relative;height: 40px;line-height: 40px; border-bottom: 1px solid #ccc;}
.j-column .home-r .home-r-top h3{display: block;float: left;font-size: 16px;font-weight: bold;color: #333;}
.j-column .home-r .home-r-top h3 span{font-size: 14px;font-weight: normal;color: #000;}
.j-column .home-r .home-r-top h4{display: block;float:right;font-size: 12px;line-height: 45px;}

/*人才招聘*/
.j-column .c-job{position: relative;width: 100%;overflow: hidden;}
.j-column .c-job .li{width: 100%;color: #e2c98e;}

.j-column .c-job .li h4{width: 995px;height: 40px; padding-left: 5px; text-align: left; line-height: 40px; font-size:15px;font-weight:bold;color:#e2c98e;background: #ddd;}
.j-column .c-job .li .nowrap{height: 30px;background: #4a2d1b;padding: 0 10px;margin-top: 5px; color: #e2c98e;font-size: 15px;line-height: 30px;}
.j-column .c-job .date1{width: 995px;margin-left: 5px;height: 40px;line-height: 35px;font-size: 14px;}
.j-column .c-job .data{display: none;width: 995px;margin-left: 5px;line-height: 1.5;font-size: 14px;}
.j-column .c-job .move{width: 995px;margin-left: 5px;margin-bottom: 40px; line-height: 1.5;font-size: 14px;}
.j-column .c-job .li .data-open{display: block;}
.j-column .c-case{position: relative;margin: 40px 0;}
.j-column .c-case .li{ float:left;width:32.5%;height:185px; margin-right:1.25%; border:1px solid #ddd; box-sizing:border-box;  margin-bottom:20px;background-color: #f8f9fa;}
.j-column .c-case .li:nth-of-type(3n){ margin-right:0;}
 
.j-column .c-case .c-case1{height: 220px;}
.j-column .c-case .c-case1 .li{float:left;width:32%;height:220px; margin-right:2%; border:1px solid #ddd; box-sizing:border-box;  margin-bottom:20px;background-color: #f8f9fa;}
.j-column .c-case1 .li:nth-of-type(3n){ margin-right:0;}
.j-column .c-case .c-case1 .li img{width: 100%;height: 100%;}
/*.j-column .c-case .li .left{float:left;width:25%;margin-right:5%;}*/
/*.j-column .c-case .li .autoimg{ margin:10px 10px 0; overflow:hidden;}*/
/*.j-column .c-case .li .autoimg img{width:100%;}*/
.j-column .c-case .li .li-left{float: left;width: 39%;height: 90%;margin: 2.5% 3%;}
.j-column .c-case .li .li-left img{width: 100%;height: 100%;}
.j-column .c-case .li .li-right{position: relative;float: left;width: 49%;height: 90%; margin: 2.5% 3%;}
.j-column .c-case .li .li-right h2{height: 30px;line-height: 30px; font-size: 16px;border-bottom: 1px dashed #ccc;box-sizing: border-box;}
.j-column .c-case .li .li-right h2 span{margin-left: 15px; font-size: 12px;}
.j-column .li-right .data{margin:15px 0;line-height: 1.5;font-size: 12px;}
.j-column .li-right  .YY{position: absolute;bottom: 0; width: 100%; color: #fff;font-size: 12px;}
.j-column .c-case .YY a{display: block;height: 25px;width: 80px;margin-left: 20px; text-align: center; background-color: #322918;line-height: 25px;border: 1px solid #322918;box-sizing: border-box;border-radius: 3px;}
.j-column .c-case .YY a:first-child{margin-left: 0;}


/*.j-column .c-case .move{ text-align:right; height:40px; margin:0 10px; line-height:20px; color:#999;}*/
/*
.j-column .c-case .li h4{ display: block;text-align: center; padding-top:15px;font-size:15px;font-weight:bold;color:#e2c98e; margin:0 10px;}
.j-column .c-case .date1{margin:10px;}
.j-column .c-case .li p{line-height:2;font-size:13px;color:#666;}
.j-column .c-case .li p:last-child{margin-top:10px;color:#999;}
*/

/*新闻动态*/
.j-column .c-news .li{position: relative; width: 100%;height: 220px;padding-bottom: 30px; margin-top: 30px;border-bottom: 1px solid #eee;}
.j-column .c-news .li .li-left{float: left; width: 35%; height: 220px;}
.j-column .c-news .li img{width: 100%;height: 220px;}
.j-column .c-news .li .li-right{position: relative; float: left;width: 60%; height: 220px;margin-left: 5%;}
.j-column .c-news .li-right h4{position: relative; margin-top: 10px; font-size: 16px;}
.j-column .c-news .li-right .nowrap .date1{float: right;margin-right: 10px;font-size: 14px;}

.j-column  .c-news .li-right .move{position: absolute;left: 0;bottom: 0; width: 100px; height: 30px;font-size: 14px;color: #eee; text-align: center;line-height: 30px;box-sizing: border-box;border: 1px solid #4a2d1b;background-color: #4a2d1b;border-radius: 4px;}

/*详情页*/
.j-column .c-news .n-title{height: 30px; line-height:30px;text-align:center;font-size:18px;color:#333;}
.j-column .c-news .n-date{width: 100%;margin-bottom: 30px; line-height:1.2;text-align:center;font-size:12px;color:#333;}
.j-column .c-text{ padding: 30px 0;font-size: 12px;line-height: 2;}
.j-column .c-text p{font-size: 14px/1.5;}
.j-column .c-text p img{margin-right: 30px;}
.j-column .c-text h1{width: 100%;margin-bottom: 20px; text-align: center;font-size: 18px;color: #4a2d1b;}
.j-column .c-text .h2{text-align: center;}
.j-column .c-text h2{display: inline-block;width: 120px;height: 30px;margin:0 10px; text-align: center;background-color: #4a2d1b;color: #fdeeca;border-radius: 15px;}
.j-column .c-text .li1{margin-top: 40px;margin-bottom: 10px; font-size: 16px;font-weight: bold;color: #4a2d1b;}
.j-column .c-text .yuyue{width: 100%;text-align: center;}
.j-column .c-text .yuyue .yuyue-1{width: 150px;background-color: #ccc;}
.j-column .c-text .yuyue .yuyue-2{display: inline-block;width: 150px;background-color: #ccc;}


.j-column .contact0{position: relative;width: 100%;}
.j-column .contact0 .contact-l{float: left;margin-right: 30px; margin-top:30px;width: 300px;}
.j-column .contact0 .contact-l img{width: 300px;}
.j-column .contact0 .contact-r{float: right;width: 580px;}
.j-column .contact0 .contact-r h1{width: 100%;margin-top: 20px; margin-bottom: 10px; font-size: 18px;font-weight: bold;text-align: left;letter-spacing:5px;}
.j-column .contact0 .contact-r h1 span{ font-size:15px;}
.j-column .contact0 .contact-r h2{width: 120px;border-radius: 5px;margin: 0;margin-top: 40px; margin-left:100px; line-height:30px;}
.j-column .contact0 .contact-r p{text-indent: 2em;}
.j-column .contact1{width: 100%;margin: 20px 0;}
.j-column .tab-3{color: #4a2d1b;font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.j-column .tab-3 span{border-bottom: 2px solid #4a2d1b;padding-bottom: 5px;}
.j-column .contact2{width: 100%;}

/*产品展示*/
.j-column .c-l{float: left;width: 30%;box-sizing: border-box;}
.j-column .c-l .l-snav h2{font-size: 18px;font-weight: bold;padding-bottom: 5px;margin-bottom: 20px;}
.j-column .l-snav .lv1{width: 100%;; height: 45px;background: #dedede;border-bottom: 1px solid #fff;box-sizing: border-box;font-size: 14px;text-align: left;line-height: 45px;}
.j-column .l-snav .lv1{padding-left: 20px;}
.j-column .l-snav .right2{background: #0c4da2;color: #fff;}
.j-column .l-snav .lv1 p::before{float: right;padding-right: 20px;line-height: 45px;font-size: 18px;}
.j-column .c-prot{float:left;width: 68%;box-sizing: border-box;margin-left: 2%;margin-top: 43px;}
.j-column .c-prot .li{float: left; width: 47%; margin-left: 3%;margin-bottom: 20px; border: 1px solid #ccc;box-sizing: border-box; border-bottom: 3px solid #ccc;}
.j-column .c-prot .li:hover{border-bottom: 3px solid #0c4da2;}
.j-column .c-prot .li p{width: 100%; height: 55px;text-align:center;line-height: 55px;border-bottom: 1px solid #ccc;box-sizing: border-box;}
.j-column .c-prot .li .li-know{width: 100%;position: relative;}
.j-column .c-prot .li .autoimg{padding:40% 10;}
.j-column .li-know .know-about{position: absolute;right: 20px;bottom: 10px;width: 68px;height: 25px;text-align: center; line-height: 25px; border: 1px solid #ccc;border-radius: 5px;}

/*展示介绍*/
.j-column .c-prot  .cname{ padding:10,45%}
.j-column .c-prot .d-pic{width: 645px;border: 1px solid #ddd;}
.j-column .c-prot .d-pic img{width: 100%;}
.j-column .c-prot .prot-title{width: 645px;height: 40px;margin: 30px 0; border-bottom: 3px solid #0c4da2;}
.j-column .c-prot .prot-title p{width: 140px; height: 40px;line-height: 40px;text-align: center;color: #fff;background: #4a2d1b;font-size: 14px;}
.j-column .c-prot .prot-text{width: 645px;line-height: 1.5;}

/*在线预约*/
.col-msg td{color: #4a2d1b;}
.col-msg td select{width: 150px;height: 30px;}
/*news 底部*/
.yuyue { padding:0 250px; height:60px;}
.yuyue .yuyue-1{ float:left; width:120px; height:30px; line-height:30px; background:#4a2d1b; color:#fff; text-align:center; border-radius:5px; margin:0 40px;}

.next { border-top:1px solid #ccc; padding:30px 100px; height:30px;}
.next2 { float:left; width:200px; margin-left:130px;}
.next  a{ color:#888;}
.disp-bottom { border:1px solid #ccc; padding:20px 50px;}
.disp-bottom .disp-bottom-l{ float:left; width:400px;}
.disp-bottom .disp-bottom-l a { color:#888;}
.disp-bottom .disp-bottom-l h2 { width:360px; border-bottom:1px dashed #ccc; padding:5px; font-weight:bold;  font-family:}
.disp-bottom .disp-bottom-l .disp-bottom-li { padding:5px;}
/*floater*/
.floater-box{position: fixed;top: 45%;right: 0; z-index: 99;}
.floater-box ul{display: block;position: relative;width: 70px;}
.floater-box ul li{cursor: pointer;float: left; width: 65px;height: 60px;background-color:#322918;font-size: 12px;color: #fff; text-align: center;padding-top:10px; line-height:25px; margin-bottom:1px;}
.floater-box ul li:hover { background:#111;}
.floater-box ul .f-icon1 span{display: none;position: absolute;right: 0;top: 0;width: 150px;height: 150px;}
.floater-box ul .f-icon1 span img{width: 150px;height: 150px;}
.floater-box ul .f-icon1:hover span{display:block;right: 70px;top: 130px;}