﻿.wrapper{ width:1100px; background:url(../images/main_bg.png) repeat; margin-bottom:25px;}
h2{ font-size:20px; color:#ca8f6f; margin:0 0 20px 30px; font-weight:normal; padding-top:50px;}
h3{ font-size:20px; color:#ca8f6f; font-weight:normal; padding-top:50px;margin-bottom: 15px;}
h4{ font-size:20px; color:#ca8f6f; font-weight:normal; padding-top:50px; text-align:center;}

/*左侧导航*/
.box{ margin-bottom:100px;}
.left{ width:280px; float:left; margin-right:25px; overflow:hidden;}
.left .l_nav_li{ width:100%; background:#414141; margin-bottom:1px;}
.left .l_nav_li>a{ color:#888; height:50px; font-size:16px; line-height:50px; display:block; padding-left:15px; width:100%;padding-right: 15px;box-sizing: border-box;}
.left .l_nav_li>a:hover,.left .l_nav_li>a.cur{ color:#fff; background:url(../images/arr1.png) 261px center no-repeat #7f5944;}
.left .l_nav_li:nth-child(2) > a:hover,.left .l_nav_li:nth-child(2) > a.cur,.left .l_nav_li:nth-child(3) > a:hover,.left .l_nav_li:nth-child(3) > a.cur,.left .l_nav_li:nth-child(9) > a:hover,.left .l_nav_li:nth-child(9) > a.cur,.left .l_nav_li:nth-child(10) > a:hover,.left .l_nav_li:nth-child(10) > a.cur{ background: none;}


.left .l_sub_nav{ font-size:12px; display:none;}
.left .l_sub_nav li{ margin-bottom:1px; background:url(../images/left_nav_bg.png) repeat; line-height:18px; padding:7px 0; width:100%;box-sizing: border-box; }
.left .l_sub_nav li dl{ padding-top:5px; }
.left .l_sub_nav li dl dd{ margin-bottom:8px; }
.left .l_sub_nav li a{ color:#8d8d8d; display:block; padding-left:20px; width:100%; font-size:14px;box-sizing: border-box; }
.left .l_sub_nav li a:hover,.left .l_sub_nav li a.cur{ color:#ca8f6f;}
.right{ width:765px; float:left; background:url(../images/main_bg.png) repeat; padding:0 15px 50px 15px; overflow:hidden;}
.left .l_nav_li.cur>a{ color:#fff; background:url(../images/arr1.png) 261px center no-repeat #7f5944; }
.left .l_nav_li.cur .l_sub_nav{ display:block; }
.left .l_nav_li dl{ display:none; }
.left .l_nav_li .l_sub_nav li.cur dd a.cur{ color:#ca8f6f; }
.left .l_nav_li .l_sub_nav li.cur>a{ color:#ca8f6f; }
.left .l_nav_li .l_sub_nav li.cur dl{ display:block; }
.left .l_sub_nav li dd a{ padding-left:45px; font-size:12px; display:block; width:205px;line-height: 16px; }

/*联系我们*/
.contact{ padding:0 30px 50px 30px;}
.contact .con_l{ width:520px; float:left; border-right:#414141 1px solid; height:308px; margin-right:33px; position:relative;}
.contact .con_l .con_location{ position:absolute; top:20px; right:50px;}
.contact .con_l p{ height:21px; line-height:21px; color:#8d8d8d; font-size:16px; padding-left:32px; margin-bottom:18px;}
.contact .con_l p span{ font-size:14px; color:#ca8f6f;}
.contact .con_l .p1{ background:url(../images/contact/ico2.png) left center no-repeat;} 
.contact .con_l .p2{ background:url(../images/contact/ico3.png) left center no-repeat;}
.contact .con_l .p3{ background:url(../images/contact/ico4.png) left center no-repeat;}
.contact .con_l .p4{ background:url(../images/contact/ico5.png) left center no-repeat;}
.contact .con_l .p5{ background:url(../images/contact/ico6.png) left center no-repeat;}
.contact .con_l .p6{ background:url(../images/contact/ico7.png) left center no-repeat;}
.contact .con_r{ width:485px; float:left; height:308px;}
.contact a{ color:#8d8d8d;}

/*合作伙伴*/
.partner{ padding:0 30px 50px 30px; min-height:400px;}
.partner li{ width:250px; float:left; text-align:center; height:60px; margin-bottom:20px;}
.partner li span{ width:1px; display:inline-block; height:100%; line-height:100%; margin-left:-1px; vertical-align:middle;}
.partner li img{ line-height:100%; vertical-align:middle;}

/*新闻*/
.news{ padding:0 30px 50px 30px; min-height:400px;}
.news .news_l{ width:520px; height:308px; float:left; border-right:#414141 1px solid; margin-right:33px;}
.news .news_l p{ width:490px; border-bottom:#414141 1px solid; line-height:40px;}
.news .news_l p a{ color:#8d8d8d; font-size:12px; float:left; display:block; width:385px; overflow:hidden;}
.news .news_l p a:hover{color:#ca8f6f;}
.news .news_l p span{ float:right;}
.news .new_r{ width:485px; height:308px; float:left;}

/*新闻详情*/
.news_details{ padding:0 30px 50px 30px; min-height:400px; overflow:hidden; width:1040px;}
.news_details p{ color:#8d8d8d; line-height:20px;}
.news_details div{ margin-top:20px; text-align:center; overflow:hidden;}
.news_details div span{ /*width:1px; line-height:100%; height:100%; margin-left:-1px; display:inline-block;*/ padding-bottom:20px; background-color: transparent !important;}
.news_details div span span {display:none;}
.news_details div img{ line-height:100%; vertical-align:middle;}
.news_details .return{ width:55px; height:20px; border:#ca8f6f 1px solid; color:#ca8f6f; margin:50px auto 0; display:block; text-align:center; line-height:20px; cursor:pointer;}

/*关于我们*/
.about{ padding:0 30px 50px 30px;}
.about h3{ font-size:16px; margin-bottom:20px; padding-left: 26px; }
.about .p1{ line-height:20px; font-size:14px; text-indent:2em;}
.about .p2{ line-height:20px; font-size:14px; margin-bottom:10px; text-indent:2em;}
.about .about_img{ margin:35px 0;}
.about .about_img li{ float:left; width:233px; height:322px; overflow:hidden; margin-left:22px;}
.about .about_img img{ cursor:pointer;}
.about .img2{ width:408px; height:562px; position:fixed; margin:-281px 0 0 -204px; left:50%; top:50%; overflow:hidden; display:none; z-index:7;}
.about .close{ position:fixed; left:50%; top:50%; margin:-280px 0 0 204px; cursor:pointer; display:none; z-index:7;}
.about .tab .title{ height:50px; font-size:0; margin-bottom:45px;}
.about .tab .title a{ display:inline-block; width:259px; height:50px; line-height:50px; font-size:16px; background:url(../images/about/tab_bg.png) repeat; text-align:center; cursor:pointer; border-right:#6c6c6c 1px solid; color:#fff;}
.about .tab .title a.no_bor{ border:none;}
.about .tab .title a:hover,.about .tab .title a.cur{ background:#7f5944;}
.about .list_l{ width:590px; float:left; margin-right:80px;}
.about .list_l .title1{ color:#ca8f6f; font-size:20px; line-height:30px; margin:10px 0;}
.about .list_l .text{ line-height:24px; font-size:14px; text-indent:2em; }
.about .list_r{ width:345px; float:left;}

/*产品列表*/
.products { width:780px; margin-bottom:40px;}
.products .list{ width:240px; float:left; margin:30px 20px 0 0;}
.products .list .img{ width:240px; height:145px; overflow:hidden;}
.products .list p{ margin-top:12px; font-size:12px; text-align:center;}
.products .list p a{ color:#8d8d8d; display:block; height:42px;}
.products .list p a:hover{ color:#ca8f6f;}
.products .list.cur .img{ border:#ca8f6f 3px solid; width:234px; height:139px;}
.products .list.cur img{ width:234px; height:139px;}
.products .list.cur a{ color:#ca8f6f;}

/*产品详情*/
.detail_img{ text-align:center; width:100%; margin:20px 0;}
.details .tab_top{ font-size:0; line-height:30px; margin-bottom:10px;}
.details .tab_top a{ padding-left:20px; cursor:pointer; border-right:#6c6c6c 1px solid; font-size:12px; color:#8d8d8d; text-align:left; display:block; height:30px; background:url(../images/about/tab_bg.png) repeat;}
.details .tab_top a.no_bor{ border:none;}
.details .tab_top a.cur,.details .tab_top a:hover{ background:#7f5944; color:#fff;}
.details_main p{ line-height:24px;}

/*解决方案*/
.solution .right .text{ margin:15px 0; font-size:14px; }
.solution .solution_list p{ height:54px; margin-bottom:10px; overflow:hidden; width:100%;}
.solution .solution_list p a{ width:184px; height:54px; padding:0 5px; display:block; float:left; font-size:12px; color:#ca8f6f; text-align:center; cursor:pointer; line-height:54px; overflow:hidden;}
.solution .solution_list p a.a1{ margin-left:-7px;}
.solution .solution_list p a.a2{ line-height:20px;padding-top: 5px; height: 49px; }
.solution .solution_list p a:hover{ color:#fff;}
.solution .solution_list p a.so_1{ background:url(../images/solution/img1.png) no-repeat;}
.solution .solution_list p a.so_1:hover{ background:url(../images/solution/img2.png) no-repeat;}
.solution .solution_list p a.so_2{ background:url(../images/solution/img3.png) no-repeat;}
.solution .solution_list p a.so_2:hover{ background:url(../images/solution/img4.png) no-repeat;}
.solution .solution_list p a.so_3{ background:url(../images/solution/img7.png) no-repeat;}
.solution .solution_list p a.so_3:hover{ background:url(../images/solution/img8.png) no-repeat;}
.solution .solution_list p a.so_4{background: url(../images/solution/img1_a.png) no-repeat;  width: 560px;
    background-size: 100%}
.solution .solution_list p a.so_4:hover{ background:url(../images/solution/img2_a.png) no-repeat;}

.line_f{ border-bottom: 1px solid #151515;margin-bottom: 30px!important;margin-top: 33px;border-top: 1px solid #151515;height: 5px!important;     width: 97.5%!important;} 
.solution .solution_a{ margin-top:40px;}
.solution .solution_a p a{ width:745px; height:54px; background:url(../images/solution/img5.png) no-repeat;}
.solution .solution_a p a:hover{ width:745px; height:54px; background:url(../images/solution/img6.png) no-repeat;}

.news_list .allbox{ width:983px; margin:0 auto; }
.news_list .sp_box{ position:relative; margin-bottom:58px; }
.news_list .sp_box span{ height:40px; display:block; width:100%; position:absolute; bottom:0; left:0; text-align:center; font-size:18px; line-height:40px; color:#fbfbfb; background:url(../images/news/spbg.png) repeat; }
.news_list .line{ padding-top:24px; background:url(../images/news/line.png) no-repeat 112px top; }
.news_list .line .list{ padding:15px; padding-left:151px; margin-bottom:14px; height:68px; background:url(../images/news/textbg.png) no-repeat right center; position:relative; }
.news_list .line .time{ position:absolute; width:93px; height:24px; padding-right:24px; background:url(../images/news/timebg.png) no-repeat center; text-align:center; color:#ca8f6f; font-size:14px; line-height:24px; left:0; top:31px; }
.news_list .line .text em{ display:block; color:#9e9e9e; font-size:16px; margin-bottom:10px; }
.news_list .line .text em a{color: #FFFFFF;}
.news_list .line .text em a:hover{ color:#ca8f6f; }
.news_list .line .text p{ color:#787878; }
.news_list .line .list:hover em{ color:#ca8f6f; }
.pagectrl a:hover{ color:#ca8f6f; }

/*关于我们*/
.about-cont h2 {text-align:center; margin:0 0 20px 0;}
.about .p1 {border-bottom:1px solid #525151; padding-bottom:42px;}
.about-cont .about {background:url(../images/about/about-bg.png) no-repeat center; background-size:cover;}
.about-cont .about .works h2 {font-weight:bold; color:#fff; margin:0 0 34px 0;}
.about-cont .works li {float:left; display:table; text-align:center; background:#222; width:326px; height:104px; margin-left:31px;}
.about-cont .works li:first-child {margin-left:0;}
.about-cont .works li div {display:table-cell; vertical-align:middle; width:100%;}
.about-cont .works li div span {font-size:14px; color:#8d8d8d; display:block; line-height:24px;}
.about-cont .works li div span em {color:#ba8467; font-size:20px;}
.about-cont .about-p {color:#5a5a5a; width:920px; margin:20px auto 0; text-align:center; line-height:20px;}
.about-cont .step h2 {position:relative; margin-bottom:35px; padding-top:0; margin-top:50px;}
.about-cont .step h2 i:before {content:""; position:absolute; left:0; top:50%; height:1px; background:#525151; width:190px;}
.about-cont .step h2 i:after {content:""; position:absolute; right:0; top:50%; height:1px; background:#525151; width:185px;}
.about-cont .step li {float:left; width:300px; margin-left:70px;}
.about-cont .step li:first-child {margin-left:0;}
.about-cont .step li em {font-family:"Helvetica Bold"; float:left; display:block; font-size:40px; color:#525151; line-height:40px;}
.about-cont .step li div {width:250px; float:right; font-size:14px; color:#8d8d8d; line-height:20px;}
.about-cont .company {background:#222; padding:58px 30px;}
.about-cont .company .company-img {float:left; width:490px; position:relative;}
.about-cont .company .company-img > div {background:#222; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid rgba(127,89,68,.6);}
.about-cont .company .company-img .big {width:405px; height:265px; padding:22px 28px; position:relative;}
.about-cont .company .company-img .small {width:130px; height:170px; padding:18px; position:absolute; right:0; top:50%; margin-top:-85px;}
.about-cont .company .company-img .small i {display:block; width:42px; height:42px; background:url(../images/about/icon-check.png) no-repeat; background-size:100% 100%; position:absolute; top:50%; left:50%; margin-top:-21px; margin-left:-21px; cursor:pointer;}
.about-cont .company .company-img > div img {display:block; width:100%; height:100%;}
.about-cont .company .intro {width:520px; float:right; padding-top:18px;}
.about-cont .company .intro em {display:block; color:#fff; font-size:16px; font-weight:bold; padding-bottom:15px;}
.about-cont .company .intro p {font-size:14px; color:#8d8d8d; line-height:24px;}

/*弹框*/
.popBox {width:408px; height:562px; position:fixed; left:50%; top:50%; margin-top:-281px; margin-left:-204px; display:none; z-index:999;}
.popBox .close {display:block; position:absolute; left:100%; top:0; cursor:pointer;}
















@font-face{
    font-family:"Helvetica Bold";
    src: url('../font/Helvetica Bold/Helvetica Bold.ttf') format('truetype'),
         url('../font/Helvetica Bold/Helvetica Bold.woff') format('woff');
    font-weight:normal;
}