@charset "utf-8";
body,html{ overflow-x:hidden;}
body{ color:#444444; font-size:14px; height:auto; box-sizing:border-box; background-color:#fff; padding-top:66px;}
.course{-moz-user-select: none; /*火狐*/
  -webkit-user-select: none;  /*webkit浏览器*/
  -ms-user-select: none;   /*IE10*/
  -khtml-user-select: none; /*早期浏览器*/
  user-select: none;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#8d6737;}
i,em{ font-style:normal;}

.ibanner .slick-dots li.slick-active button:after{
-webkit-transition: all 6s linear;
-moz-transition: all 6s linear;
-ms-transition: all 6s linear;
-o-transition: all 6s linear;
transition: all 6s linear;
}

.tle_box,
.icase_con .img img,
.icase_con .img,
.ibusiness_list .img img,
.case_list .img img,
.news_relevant .img img,
.news_list .img img,
.news_list .p,
.cbbfixed{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.icase_con li:hover .img img,.icase_con li.curr .img img,
.ibusiness_list li:hover .img img,
.case_list li:hover .img img,
.news_relevant li:hover .img img,
.news_list li:hover .img img{ transform: scale(1.1);}

.icustomer_list li:hover img,
.honor_list li:hover img,
.customer_list li:hover img{
-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%); 
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%); 
transform: scale(1.05);
}
.icustomer_list img,
.honor_list img,
.customer_list img{
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray; 
transition: all 0.3s linear;
}

.qualifications_list li:hover img{
-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%); 
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%); 
opacity:1;transform: scale(1.05);
}
.qualifications_list img{
-webkit-filter: grayscale(50%); 
-moz-filter: grayscale(50%); 
-ms-filter: grayscale(50%); 
-o-filter: grayscale(50%); 
filter: grayscale(50%); 
filter: gray; 
opacity:0.8;transition: all 0.3s linear;}


.menu-link{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.menu-link *{box-sizing: border-box;}
.menu-link { display:none; border-radius:5px; box-sizing: border-box; position:absolute; top:13px;right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:10px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #333;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.55em;content: " ";}
.menu-link span:after {top: .55em;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#8d6737;
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.menu-link.active span:after { background-color:#8d6737;
-webkit-transform: rotate(-45deg) translate(.4em, -.3em);
-moz-transform: rotate(-45deg) translate(.4em, -.3em);
-ms-transform: rotate(-45deg) translate(.4em, -.3em);
-o-transform: rotate(-45deg) translate(.4em, -.3em);
transform: rotate(-45deg) translate(.4em, -.3em);
}


.wp{ position:relative; width:1300px; margin:0 auto;}

.header{ height:66px; background:#fff; position:fixed; left:0px; top:0px; -webkit-transform: translateZ(0); right:0px; z-index:9; box-shadow:0 0 5px rgba(0,0,0,0.3)}
.header .wp{ position:static;}
.logo{ position:absolute; top:13px; left:100px;}
.logo:after{content: '新三板挂牌 股票代码：832377';position:absolute;font-size:12px;left:100%;bottom:0px;white-space:nowrap;padding-left:10px;line-height:1;color:#333 !important;}
.logo img{ height:40px; width:auto;}
.menu{ float:right;}
.menu li{ float:left; margin:0 5px; position:relative;}
.menu li .h3 a{ display:block; padding:0 20px; height:66px; line-height:66px; font-size:16px; position:relative; text-transform:uppercase;}
.menu li .h3 a:after{content:'\20'; position:absolute; left:0px; right:0px; bottom:-26px; height:30px; background:#8d6737; display:none;}
.menu li .box{ position:absolute; top:66px; left:0px; right:0px; background:rgba(141,103,55,0.8); display:none;}
.menu li .box a{display:block; text-align:center; color:#fff; height:34px; line-height:34px; border-top:1px solid rgba(255,255,255,0.1)}
.menu li .box a:hover{ background:rgba(141,103,55,1);}
.menu li.curr .h3 a,.menu li .h3 a:hover{ background:#8d6737; color:#fff;}
.menu li.curr .h3 a:after,.menu li .h3 a:hover:after{ display:block;}


.menu li .h3 em{ display:none; font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position:absolute; right:30px; top:0px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; margin-right:-10px; color:#fff;}
.menu li .h3 em:before { content: "\e604"; }
.menu li .h3 em.active:before { content: "\e606"; }
.menu li:hover .h3 em,.menu li.curr .h3 em{ color:#fff;}

.menu li .h3 i{ display:none; font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position:absolute; right:30px; top:0px; width:40px; height:40px; text-align:center; line-height:40px; margin-right:-10px;}
.menu li .h3 i:before { content:"\e88b"; }


.language{ position:absolute; right:100px; top:16px; width:34px; text-transform:uppercase;}
.language a{ display:block; text-align:center; line-height:32px; font-size:16px; height:32px; height:32px; border:1px solid #8d6737;}
.language a:hover{ background:#8d6737; color:#fff;}

.subnva{ position:fixed; -webkit-transform: translateZ(0); top:50%; z-index:8; right:100px; margin-top:-150px;}
.subnva a{ padding:45px 0; display:block;}
.subnva a i{ display:block; font-size:46px; width:60px; height:60px; line-height:60px; text-align:center; color:#fff; border-radius:50%; background:rgba(141,103,55,0.1);}
.subnva a:hover i{ background:rgba(141,103,55,1);}
.subnva a.a3{ display:none; position:relative;}
.subnva a.a3:hover .weixin_box{ display:block;}

.subnva a{ position:relative;}
.subnva i{ position:relative; z-index:2;}
.tle_box{ position:absolute; right:0; top:50%; margin-top:-30px;  background:#8d6737; color:#fff; z-index:1; border-radius:30px; overflow:hidden; width:0px;}
.tle_box span{width:260px; display:block; height:60px;font-size:24px;line-height:60px; padding:0 60px 0 20px; box-sizing:border-box;}
.subnva a:hover .tle_box{ width:260px;}

.weixin{ position:absolute; left:240px; bottom:0;}
.weixin i{ font-size:32px;width:87px; height:87px; color:#fff; line-height:87px; text-align:center; display:block; cursor:pointer;}
.weixin_box{ position:absolute; bottom:100%; left:50%; margin-left:-54px; display:none; width:108px;}
.weixin_box img{ width:100%; height:auto;}
.weixin:hover .weixin_box{ display:block;}

.cbbfixed{ position:fixed; -webkit-transform: translateZ(0); bottom:-100px; right:100px; z-index:8;}
.cbbfixed a{ display:block;background-color:#666;}
.cbbfixed span{ font-size:44px;width:60px; height:80px;line-height:80px; display:block;text-align:center;color:#fff; cursor:pointer;}
.cbbfixed a:hover{background-color:#8d6737;}

.ibanner{ padding-top:0px;min-height:500px; position:relative;}
.ibanner:after{content:'新三板挂牌 股票代码：832377'; position:absolute; top:20px; font-size:14px; width:1300px; left:50%; margin-left:-650px; text-align:right; color:#fff; display:none;}
.ibanner .slick-slide{ position:relative; overflow:hidden;}
.ibanner .slick-slide img{ width:100%; height:auto;}
.ibanner .slick-dots{ position:absolute; left:50%; bottom:88px; z-index:8; margin-left:-43px;}
.ibanner .slick-dots li{ float:left; margin:0 3px;}
.ibanner .slick-dots li button{ float:left; background:rgba(255,255,255,0.7); width:52px; height:4px; padding:0px; border:none; cursor:pointer; box-sizing:border-box; text-indent:-9999px; overflow:hidden; border:none; position:relative;}
.ibanner .slick-dots li button:after{content:'\20'; position:absolute; background:#fff; left:0px; right:0px; top:0px; bottom:0px; width:0%; height:100%;}
.ibanner .slick-dots li.slick-active button:after{ width:100%;}

.tit1{ text-align:center; margin-bottom:10px;}
.tit1 strong{ font-size:34px; font-weight:normal; color:#333333; display:inline-block; line-height:1;}
.tit1 em{ display:block; color:#8d6737; font-size:18px; padding-top:15px;} 

.icon1{ background:#fff; padding:0 0 60px 0;}
.iabout .p{ font-size:16px; line-height:1.8; text-align:center; padding:0 36px;}
.iabout:after{content:'\20'; position:absolute; left:0px; right:0px; top:-58px; background:#fff; height:58px;}

.imore1{ padding-top:70px;}
.imore1 a{ position:relative; width:348px; height:70px; line-height:70px; text-align:center; background:#8d6737; color:#fff; border-radius:8px; font-size:24px; color:#fff; display:block; margin:0 auto;}
.imore1 i{ position:absolute; right:20px; top:0px; height:70px; line-height:70px; font-size:24px;}


.tit2{ text-align:center; background:url(../images/tit2.jpg) no-repeat; background-size:100% 100%; padding:100px 0 80px 0; color:#fff;}
.tit2 strong{ font-size:34px; font-weight:normal; display:inline-block; line-height:1;}
.tit2 em{ display:block; font-size:18px; padding-top:15px;}

.icase_tab{ border-bottom:1px dashed #d1c2af; text-align:center; width:824px; margin:0 auto 40px auto;}
.icase_tab ul{ margin-right:-24px;}
.icase_tab li{ float:left;}
.icase_tab li a{ display:block; margin-right:24px; height:56px; line-height:56px; font-size:16px; position:relative; float:left;}
.icase_tab li a:after{content:'\20'; position:absolute; width:10px; height:10px; left:50%; margin-left:-5px; bottom:-5px; background:#916d3f;transform:rotate(45deg); display:none;}
.icase_tab li:hover a,.icase_tab li.curr a{ color:#8d6737;}
.icase_tab li:hover a:after,.icase_tab li.curr a:after{ display:block;}
.icase_tab .imore2{ position:absolute; right:0px; top:0px; height:56px; line-height:56px;}

.icon2{ padding:56px 0 20px 0;}
.icase_con{}
.icase_con .ul{ overflow:hidden;}
.icase_con ul{ margin-right:-20px;}
.icase_con li{ float:left; width:25%; text-align:center; margin-bottom:20px;}
.icase_con li:first-child{ width:50%;}
.icase_con .pd{ margin-right:20px; display:block; position:relative; color:#fff; background:#8d6737;}
.icase_con .img{ overflow:hidden;}
.icase_con .img img{ width:100%;}
.icase_con .text{ position:absolute; top:50%; left:40px; right:40px; margin-top:-63px; opacity:0;}
.icase_con .h3{}
.icase_con .h3 strong{ font-size:22px; font-weight:normal; display:block;}
.icase_con .h3 em{ font-size:12px; text-transform:uppercase;}
.icase_con .p{ font-size:16px; height:72px;}
.icase_con .m{ position:absolute; bottom:40px; right:40px; opacity:0;}
.icase_con li:hover .img,.icase_con li.curr .img{ opacity:0.1;}
.icase_con li:hover .text,.icase_con li.curr .text{ opacity:1;}
.icase_con li:hover .m,.icase_con li.curr .m{ opacity:1;}

.icon3{ background:url(../images/icon3.jpg) no-repeat; background-size:100% 100%; padding:75px 0;}
.ibusiness{ padding:40px 0 0 0;}
.ibusiness_list{ padding:0 125px; background:url(../images/ibusiness_list_bg.png) center center no-repeat;}
.ibusiness_list li{ margin-bottom:20px; overflow:hidden;}
.ibusiness_list .pd{ display:block;}
.ibusiness_list .img{ float:left; width:398px; overflow:hidden;}
.ibusiness_list .img img{ width:100%; height:auto;}
.ibusiness_list .text{ margin:0 0 0 398px; padding:45px 0 0 50px;}
.ibusiness_list .h3{ color:#8d6737; font-size:18px;}
.ibusiness_list .h3 i{ font-size:50px; margin-right:5px;}
.ibusiness_list .p{ color:#333; }
.ibusiness_list li:nth-child(even){}
.ibusiness_list li:nth-child(even) .img{ float:right;}
.ibusiness_list li:nth-child(even) .text{ margin:0 398px 0 0; padding:55px 50px 0 320px;}
.ibusiness_list li:last-child{ margin-bottom:0px;}


.icon4{ padding:75px 0 100px 0;}
.icustomer{}
.icustomer_list{ overflow:hidden;}
.icustomer_list ul{ margin:0 -2px -2px 0}
.icustomer_list li{ box-sizing:border-box; float:left; width:16.66%; border-right:1px dashed #e8e1d7; border-bottom:1px dashed #e8e1d7; overflow:hidden;}
.icustomer_list .pd{}
.icustomer_list img{ width:100%; height:auto;}

.footer{ background:#151515;}
.footer_top{ padding:30px 0 0 0;}
.footer_nav{ color:#fff; padding-bottom:10px;}
.footer_nav .ul{ padding-right:40px; margin-right:40px; float:left;}
.footer_nav .h3{ font-size:14px; margin-bottom:15px; line-height:1; position:relative;}
.footer_nav .h3 a{ color:#fff; display:block;}
.footer_nav .h3:after{content:'\20'; position:absolute; background:url(../images/footer_nav.png) no-repeat; width:1px; height:18px; top:2px; right:-40px;}

.footer_nav .h3 em,.footer_nav .h3 i{ display:none; font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position:absolute; right:0; top:0px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer;}
.footer_nav .h3 em:before { content: "\e604"; }
.footer_nav .h3 em.active:before { content: "\e606"; }
.footer_nav .h3 i:before { content: "\e88b"; }
.footer_nav .h3 i.active:before { content: "\e88b"; }

.footer_nav .ul:last-child{ padding-right:0px; margin-right:0px;}
.footer_nav .ul:last-child .h3:after{ display:none;}
.footer_nav ul a{ color:#dadada; font-size:12px; line-height:18px; padding:5px 0; display:block;}
.footer_nav ul a:hover{ color:#8d6737;}
.footer_ewm{ position:absolute; right:0px; bottom:0px; width:108px; margin:0 auto;}
.footer_ewm img{ width:100%; height:auto; display:block;}
.footer_bottom{}
.footer_bottom .pd{ margin:0 60px; text-align:center; border-top:1px solid #444444; padding:15px 0; color:#ffffff;}
.footer_bottom .h3{ font-size:16px;}
.footer_bottom .p{ font-size:12px;}
.footer_bottom .em{ font-size:12px; padding-top:20px; text-transform:uppercase;}



.pgbanner{}
.pgbanner img{ width:100%; height:auto;}

.pg{ padding:0 0 100px 0;}
.pg_fl{ float:left; width:300px;}
.pg_fr{ float:right; width:980px; padding:168px 0 0 0;}

.sub_tit{ text-align:center; margin-bottom:27px; background:url(../images/sub_tit.jpg) no-repeat center bottom; height:104px; padding:20px 0 0 0; color:#fff; position:relative;}
.sub_tit:after{content:'\20'; position:absolute; background:url(../images/sub_tit.jpg) no-repeat center top; top:-60px; height:60px; left:0px; right:0px;}
.sub_tit strong{ font-size:24px; font-weight:normal; display:inline-block; line-height:1;}
.sub_tit em{ display:block; font-size:16px; padding-top:15px;}
.sub_nav{}
.sub_nav ul{ background:url(../images/sub_navline.png) repeat-y 30px top;}
.sub_nav li{ padding:15px 0;}
.sub_nav li a{ display:block; padding:5px 0 5px 60px; line-height:20px; font-size:16px; color:#333333; position:relative;}

.sub_nav li a:after{content:'\20'; position:absolute; width:10px; height:10px; left:25px; top:50%; margin-top:-5px; background:#916d3f;transform:rotate(45deg); display:none;}
.sub_nav li.curr a,.sub_nav li a:hover{ color:#8d6737;}
.sub_nav li.curr a:after{ display:block;}




.bodyinfo .header{ background:#e7e7e7;}
.bodyinfo .pg{ padding:63px 0 100px 0;}
.bodyinfo .pg_fl{ width:250px;}
.bodyinfo .pg_fr{ width:1000px; padding-top:0px;}


.news_list{ overflow:hidden;}
.news_list ul{ margin-right:-8px;}
.news_list li{ float:left; width:33.33%; margin-bottom:50px;}
.news_list .pd{ margin-right:8px; position:relative; display:block;}
.news_list .img{ overflow:hidden;}
.news_list .img img{ width:100%; height:auto;}
.news_list .text{ position:absolute; background:rgba(0,0,0,0.5); bottom:0px; left:0px; right:0px; box-sizing:border-box; padding:9px 20px;}
.news_list .h3{ font-size:16px; color:#fff;}
.news_list .p{ display:none; position:relative; padding-top:10px;}
.news_list .p i{ width:76px; height:28px; border-radius:3px; color:#fff; display:block; text-align:center; line-height:28px; background:#8d6737;}
.news_list .p em{ position:absolute; right:0px; bottom:0px; font-size:12px; color:#fff;}
.news_list a:hover .text{ background:rgba(0,0,0,0.7);}
.news_list a:hover .p{ display:block;}

.pg_flip{ padding-top:40px;}
.pg_flip .pd{ float:right;}
.pg_flip a,.pg_flip span,.pg_flip em{ float:left; padding:0 10px; height:40px; line-height:40px; text-align:center; font-size:18px; margin-left:15px; border:1px solid #d2d2d2; box-sizing:border-box; border-radius:3px;}
.pg_flip .lt,.pg_flip .gt{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size:24px; border:none; color:#999;}
.pg_flip .lt:hover,.pg_flip .gt:hover{ color:#a4855f;}
.pg_flip .em{ border:none;}
.pg_flip .current{ background:#a4855f; border-color:#a4855f; color:#fff;}
.pg_flip .lt:before {content: "\e890";}
.pg_flip .gt:before {content: "\e88b";}


.sub_tit2{ height:90px; line-height:90px; text-align:center; background:#8d6737; margin-bottom:10px;}
.sub_tit2 strong{ font-size:34px; font-weight:normal; display:block; color:#fff;}

.news_info{}
.news_info_tit{ padding:40px 0 12px 0; text-align:center; border-bottom:1px dashed #a08159;}
.news_info_tit .h3{ font-size:26px; color:#333; line-height:1.8;}
.news_info_tit .em{ font-size:12px; text-align:right; color:#666;}
.news_info_con{ padding-top:40px;}
.news_info_con img{ display:block; max-width:100%; height:auto !important; margin:15px auto;}


.tit3{ height:90px; line-height:90px; text-align:center; background:url(../images/tit3.jpg) no-repeat; width:250px;}
.tit3 strong{ font-size:34px; font-weight:normal; display:block; color:#fff;}

.news_relevant .ul{ padding:65px 0 80px 0;}
.news_relevant ul{ margin-right:-12px;}
.news_relevant li{ float:left; width:20%;}
.news_relevant .pd{ margin-right:12px; display:block;}
.news_relevant .img{ overflow:hidden;}
.news_relevant .img img{ width:100%; height:auto;}
.news_relevant .text{ text-align:center; padding:16px 0; height:20px; line-height:20px; color:#666666;}
.news_relevant .pd:hover .text{ color:#8d6737;}



.case_list{ overflow:hidden;}
.case_list ul{ margin-right:-8px;}
.case_list li{ float:left; width:33.33%; margin-bottom:50px;}


.case_list .pd{ margin-right:8px; position:relative; display:block;}
.case_list .img{ overflow:hidden;}
.case_list .img img{ width:100%; height:auto;}
.case_list .text{ background:#f5f5f5; padding:10px 20px;}
.case_list .h3{ font-size:16px; color:#333333; line-height:1.2; height:38px; overflow:hidden;}
.case_list a:hover .h3{color:#8d6737;}
.case_list a:hover .p{ display:block;}


.case_info_tit{ text-align:center; font-size:26px; font-weight:bold; line-height:1.4; padding:4px 0; margin-bottom:30px;}
.case_info_tit strong{ border-bottom:1px dashed #8d6737; display:inline-block; padding:0 10px 0 10px;}
.case_info_con{ text-align:center; padding-top:70px;}
.case_info_con .h3{ font-size:26px; font-weight:normal; line-height:1.4;}
.case_info_con .p{ padding-top:40px; font-size:16px; color:#444444;}

.slider-for{ margin-bottom:40px;}
.slider-for img{ width:100%; height:auto;}

.slider-nav{ margin-right:-7px;}
.slider-nav .slick-slide img{ width:178%; margin-left:-39%; height:auto;}
.slider-nav .slick-slide h3{ margin:0 7px 0 0; position:relative; overflow:hidden;}
.slider-nav .slick-slide h3:after{content:'\20'; position:absolute; box-sizing:border-box; left:0px; top:0px; right:0px; bottom:0px; border:0px solid rgba(255,255,255,0.75);}
.slider-nav .slick-center h3:after{ opacity:1; border-width:4px;}

.slider-nav .slick-arrow{font-family:"iconfont" !important; font-size:80px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width:84px; height:84px; line-height:84px; position:absolute; border:none; background:none; top:50%; z-index:2; padding:0px; box-sizing:border-box;-webkit-appearance: none; color:#ccc; margin-top:-42px;}
.slider-nav .slick-prev{ left:-100px;}
.slider-nav .slick-prev:after{content:'\e88c';}
.slider-nav .slick-next{ right:-94px;}
.slider-nav .slick-next:after{content:'\e88d';}
.slider-nav .slick-arrow:hover{ color:#8d6737;}


.job{}
.job_list{}
.job_list li{ border-left:4px solid #8d6737; background-color:#f5f5f5; padding:0 60px 0 56px; margin-bottom:30px;}
.job_list li:last-child{ margin-bottom:0px;}
.job_top{ padding:27px 0 19px 0; cursor:pointer; color:#333;}
.job_top .h3{ position:relative; line-height:1; padding-bottom:10px; margin-bottom:10px;}
.job_top .h3 strong{ font-size:24px; color:#8d6737; font-weight:normal; float:left;}
.job_top .h3 strong span{ font-size:20px; margin-left:10px;}
.job_top .h3 em{ float:right; color:#666666; padding-top:5px;}
.job_top .h3 i{ position:absolute; right:0px; top:55px; font-size:32px; color:#999999;}
.job_top .p{ color:#333; padding-right:42px;}
.job_top .em{ color:#666; padding:8px 42px 0 0;}
.job_bottom{ display:none; border-top:1px solid #e3e3e3; line-height:1.8;}
.job_bottom .p{ padding:30px 0; color:#333;}
.job_bottom .p strong{ font-size:18px; color:#8d6737; font-weight:normal;}
.job_bottom .p em{ font-size:16px;}
.job_bottom .o{ font-size:18px; line-height:50px; padding-bottom:30px;}
.job_bottom .o span{ float:left;}
.mailto{ color:#c49a6b;}
.job_btn{ float:right; width:210px; height:50px; display:block; background-color:#cdc5c7; color:#fff; font-size:18px; text-align:center; line-height:50px; border-radius:5px;}
.job_btn:hover{ background-color:#c49a6b; color:#fff;}


.job_bg{ display:none; z-index:2221; background-color:rgba(0,0,0,0.4); *background:#000; *opacity:0.4; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; }
.job_box{ display:none; z-index:2222; position:fixed; _position:absolute; left:50%; top:50%; width:782px; margin:-265px 0 0 -396px; background:#FFF; border-radius:6px; box-shadow:0 0 5px #c49a6b;}
.job_box .pd{ padding:40px 120px 40px 120px; position:relative;}
.job_box .h3{ font-size:30px; padding:0 0 20px 0; color:#c49a6b; font-weight:bold;}
.job_box .p{ font-size:16px; line-height:1.8;}
.job_box .p li{ padding-bottom:20px; position:relative;}
.job_box .p li p{ font-size:12px; color:#8a8586; padding-top:15px;}
.job_box .icon-guanbi{ position:absolute; right:10px; top:10px; font-size:36px; line-height:1; cursor:pointer; color:#c49a6b;}


.cooperation{}
.cooperation_p1{  line-height:1.8; color:#333; border-bottom:1px solid #dcdcdc; padding-bottom:20px; margin-bottom:30px;}
.cooperation_p2{ overflow:hidden;}
.cooperation_p2 .pd{ margin-right:278px;}
.cooperation_p2 ul{ margin-right:-278px;}
.cooperation_p2 li{ width:50%; float:left; margin-bottom:30px;}
.cooperation_p2 .h3{ font-size:18px; color:#8d6737; padding-bottom:15px; text-transform:uppercase;}
.ipt_t1{ width:100%; box-sizing:border-box; border:1px solid #b1b1b1; border-radius:6px; padding:0 20px; height:48px; line-height:48px; font-size:16px;}
.ipt_t1:focus{ border-color:#cd1010;}
.ipt_s1{ width:100%; box-sizing:border-box; border:1px solid #b1b1b1; border-radius:6px; padding:12px 12px 13px 12px; font-size:16px; color:#999999; *background:#fff;}
.cooperation_p3{ padding:100px 0 0 0;}
.cooperation_p3 a,.cooperation_p3 input{ width:200px; height:50px; font-size:20px; display:block; margin:0 auto; text-align:center; background:#8d6737; border-radius:5px; color:#fff; line-height:50px; border:none; cursor:pointer;}

.cmap_con{ padding-top:40px; margin-bottom:70px;}
#ChinaMap{ margin:0 auto;}
.stateTip{ position:absolute; background:#f5f5f5; border-radius:10px; box-sizing:border-box; padding:35px 15px; width:370px; box-shadow:5px 5px 10px rgba(80,80,80,0.28)}
.stateTip .h3{ font-size:18px; color:#8d6737; margin-bottom:20px;}
.stateTip .h2{ font-size:18px; color:#8d6737;}
.stateTip .p{ color:#333333; padding:5px 0 5px 34px; position:relative; height:24px; line-height:24px; text-transform:uppercase;}
.stateTip .p i{ position:absolute; left:0px; top:5px; font-size:22px; width:24px; height:24px; line-height:24px; text-align:center; color:#666666;}
.stateTip .p strong{ font-weight:normal;}

.cmap_bottom{ border-top:1px solid #dfdfdf; padding:40px 0 0 0; color:#333;}
.cmap_bottom dl{ padding:20px 0;}
.cmap_bottom dt{ font-size:20px; line-height:30px; padding-left:140px; position:relative;}
.cmap_bottom dt:after{content:'\20'; position:absolute; width:70px; height:30px; background:#ba926c; left:56px; top:50%; margin-top:-15px; border-radius:5px;}
.cmap_bottom dt:before{content:'\20'; position:absolute; width:10px; height:10px; left:25px; top:50%; margin-top:-5px; background:#916d3f;transform:rotate(45deg);}
.cmap_bottom dd{ margin-left:140px; font-size:16px; line-height:46px; overflow:hidden;}
.cmap_bottom strong{ float:left; margin-right:30px; font-weight:normal;}
.cmap_bottom dl.dl2 dt:after{ background:#d0b8a7;}

.icon2 .imore1,.icon3 .imore1{ display:none;}

.customer_list{}

.customer_list{}
.customer_list{ overflow:hidden;}
.customer_list ul{ margin:0 -2px -2px 0}
.customer_list li{ box-sizing:border-box; float:left; width:25%; border-right:1px dashed #e8e1d7; border-bottom:1px dashed #e8e1d7; overflow:hidden;}
.customer_list .pd{}
.customer_list img{ width:100%; height:auto;}

.tit4{ overflow:hidden;}
.tit4 strong{ font-size:22px; color:#333; display:block; border-bottom:2px solid #8d6737; float:left;}
.tit4 em{ color:#666666; display:block; font-size:12px; text-transform:uppercase; width:100%; float:left;}

.field{ margin-bottom:72px;}
.field_con{ padding:20px 0 0 0; font-size:14px; line-height:1.5;}
.field_con img{ max-width:100%; width:362px; height:auto !important; margin:30px auto; display:block;}
.field_con h3{ color:#8d6737; font-weight:normal; padding:30px 0 10px 0;}
.field:last-child{ margin-bottom:0px;}

.framework_con{ padding-top:40px;}
.framework_con a{ display:block;}
.framework_con img{ width:100% !important; height:auto !important;}


@media screen and (max-width:1680px){
.header .wp{ position:relative;}
.language{ right:0px;}
.logo{ left:0px;}
.menu{ padding-right:50px;}
.menu li{ margin:0 1px;}
.menu li .h3 a{padding: 0 15px;}


.ibusiness_list li:nth-child(even) .text{padding: 55px 50px 0 0;}
}
@media screen and (max-width:1440px){
.ibanner:after{ width:1200px; margin-left:-600px; font-size:12px;}
.wp{ width:1200px;}
.menu li{}
.menu li .h3 a{ font-size:14px;}
.menu li .h3 a:after{ bottom:-20px; height:22px;}

.footer_nav .ul{padding-right:30px; margin-right:30px;}
.footer_nav .h3:after{ right:-30px;}
.footer_nav .h3{}



.pg_fl,.bodyinfo .pg_fl{ width:240px;}
.pg_fr,.bodyinfo .pg_fr{ width:940px; padding:104px 0 0 0;}


.sub_tit{ height:84px; margin-bottom:20px;}
.sub_tit:after{ height:40px; top:-40px;}
.sub_tit strong{ font-size:24px;}
.sub_tit em{ font-size:14px; padding-top:10px;}


.sub_nav li{ padding:5px 0;}
.sub_nav li a{ font-size:16px;}

.case_list .h3{}

.icase_con ul{ margin-right:-18px;}
.icase_con li{ margin-bottom:18px;}
.icase_con .pd{ margin-right:18px;}
.icase_con .p{ font-size:14px; height:64px;}


.cooperation_p2 ul{ margin-right:-200px;}
.cooperation_p2 .pd{ margin-right:200px;}
.cooperation_p3{ padding:60px 0;}

.field_con{ font-size:14px;}
.tit4 strong{ font-size:18px;}
.tit4 em{}

.icase_tab{ width:794px;}
}
@media screen and (max-width:1366px){
.tit2{ padding:50px 0; margin-bottom:40px;}
.tit1 strong,.tit2 strong{ font-size:24px;}
.tit1 em,.tit2 em{ font-size:14px; padding-top:10px;}
.icon1{ padding-bottom:50px;}
.iabout .p{ font-size:14px;}
.iabout:after{ top:-50px; height:50px;}
.imore1{ padding-top:50px;}
.imore1 a{ width:220px; height:52px; line-height:52px; font-size:18px;}
.imore1 i{ height:52px; line-height:52px; width:52px; font-size:18px; right:0px;}

.icase_tab{ width:794px;}
.icase_tab ul{ margin-right:-24px;}
.icase_tab li a{ font-size:16px; margin-right:24px;}


.case_list .h3{ font-size:14px; line-height:1.4;}

.icase_con ul{ margin-right:-16px;}
.icase_con li{ margin-bottom:16px;}
.icase_con .pd{ margin-right:16px;}

.icase_con .h3 strong{ font-size:18px;}
.icase_con .h3 em{}
.icase_con .p{ font-size:12px;}

.news_list .h3{ font-size:14px; height:42px; overflow:hidden;}
.honor_list .h3{height:84px; overflow:hidden;}

.job_top .h3 strong{ font-size:18px;}
.job_top .h3 strong span{ font-size:14px;}
.job_list li{ padding:0 30px; margin-bottom:10px;}
.job_bottom .p{ font-size:12px; line-height:1.8; padding:20px 0;}
.job_bottom .p strong{ font-size:16px;}

.cooperation_p2 .h3{ font-size:16px;}
.ipt_t1{ font-size:14px;}

.tit3{ width:200px; height:70px; line-height:70px; background-size:100% 100%; }
.tit3 strong{ font-size:24px;}

.news_list .text{ padding:9px 10px;}
}
@media screen and (max-width:1279px){
.ibanner:after{ width:1000px; margin-left:-500px; top:10px; font-size:12px;}
.wp{ width:1000px;}
.menu li{}
.menu li .h3 a{font-size:12px;padding: 0 10px;}
.menu li .h3 a:after{ bottom:-14px; height:16px;}

.footer_nav .ul{padding-right:18px; margin-right:18px;}
.footer_nav .h3:after{ right:-18px;}
.footer_nav .h3{}
.footer_bottom .pd{border-top: 1px solid #444444; width:1000px; margin:0 auto;}



.ibusiness_list{ padding:0 25px; background-size:100% auto;}

.pg_fr,.bodyinfo .pg_fr{ width:740px;}

.cooperation_p2 ul{ margin-right:-100px;}
.cooperation_p2 .pd{ margin-right:100px;}
.cooperation_p2 li{ margin-bottom:20px;}
.cooperation_p3{ padding:40px 0 0 0;}

.cmap_bottom dl{ padding:10px 0;}
.cmap_bottom dt{ font-size:16px;}
.cmap_bottom strong{ margin-right:20px; font-size:14px;}

.subnva{ margin-top:-100px;}
.subnva a{ padding:20px 0;}
.subnva a i{ font-size:32px;}

.slider-nav .slick-arrow{ width:64px; height:64px; line-height:64px; margin-top:-32px; font-size:48px;}
.slider-nav .slick-next{ right:4px;}
.slider-nav .slick-prev{ left:0px;}
}
@media screen and (max-width:1024px){
body{ padding:66px 0 60px 0; font-size:12px;}
.ibanner:after{ width:auto; margin-left:0px; top:10px; left:inherit; right:30px; font-size:12px;}
.wp,.footer_bottom .pd{ width:auto; margin:0 30px;}
.bodyinfo .pg{ padding:30px 0 50px 0;}

.ibanner{ min-height:inherit;}
.ibanner .slick-dots li button{ width:20px;}
.ibanner .slick-dots{ bottom:20px;}
.iabout:after{ display:none;}
.language{ right:40px;}
.cbbfixed{ display:none !important;}

.menu{ display:none; position:fixed; top:66px; left:0px; right:0px; padding-right:0px;}
.menu li{ float:none; padding:0px; background:rgba(0,0,0,0.5); margin:0px;}
.menu li .box{ border-bottom:1px solid #ccc;}
.menu li .h3{ position:relative; border-bottom:1px solid #ccc;}
.menu li .h3 a{ height:40px; line-height:40px; text-align:left; position:static; padding:0 30px; color:#fff;}
.menu li .h3 a:after{ display:none !important;}
.menu li:hover .h3 a{ background-color:#8d6737;}
.menu li .h3 a:after{ display:none;}
.menu-link{ display:block;}
.menu li:hover .box{ display:none;}

.menu li .box{ position:static; margin:0px !important; width:auto !important;}
.menu li .box .pd{ float:none;}
.menu li .box a{ float:none; position:static; display:block; margin:0px; height:30px; line-height:30px; text-align:center;}

.menu li .h3 i{ display:block;}
.menu li .h3 em{ display:block;}

.subnva{ bottom:0px; left:0px; right:0px; top:inherit;}
.subnva a{ width:25%; float:left; display:block !important; padding:0px; background:#8d6737; box-sizing:border-box; border-right:1px solid rgba(0,0,0,0.5);}
.subnva a i{ margin:0 auto;}

.weixin{ display:none;}
.tle_box{ display:none;}

.footer_bottom .h3{ font-size:14px;}

.footer_ewm{ position:static; text-align:center; padding:30px 0;}
.footer_nav .ul{ width:14.2857%; float:left; padding:0px; margin:0px; text-align:center;}
.footer_nav .h3:after{ display:none;}

.tit2{ margin-bottom:0px;}
.icustomer{ padding-bottom:0px;}
.icon,.tit2{ padding:40px 0 !important;}



.iabout .p{ padding:0px;}

.icase_tab{ width:auto; padding-right:60px; position:relative;}
.icase_tab ul{ margin-right:0px;}
.icase_tab .imore2{ top:50%; margin-top:-28px;}


.ibusiness_list{ padding:0px; background:none;}

.icon2 .imore1,.icon3 .imore1{ display:none;}

.imore1{ padding-top:30px;}

.pg{ padding-top:30px; padding-bottom:50px;}
.pg_fl,.bodyinfo .pg_fl{ width:auto; float:none;}
.pg_fr,.bodyinfo .pg_fr{ width:auto; float:none; padding-top:20px;}

.sub_tit{ background-image:url(../images/tit2.jpg); background-size:100% 100%; padding:20px 0; height:auto;}
.sub_tit:after{ display:none;}
.sub_nav{ overflow:hidden;}
.sub_nav ul{ background:none; margin-right:-10px;}
.sub_nav li{ float:left; width:16.6666%; text-align:center; padding:0px;}
.sub_nav li a{ padding-left:0px; margin:0 10px 0 0; background:#bdbdbd; color:#fff; font-size:14px; line-height:34px; height:34px;}
.sub_nav li a:after{ display:none !important;}
.sub_nav li.curr a,.sub_nav li a:hover{ background:#8d6737; color:#fff;}


.icase_con li{ width:33.33%;}
.icase_con li:first-child{ width:100%;}
.icase_con li:first-child .p{ height:auto;}
.icase_con .text{ position:static; margin-top:0px; opacity:1; padding:20px;}
.icase_con .m{ position:static; display:none;}
.icase_con li:hover .img{ opacity:1;}
.icase_con .h3 strong{ font-size:16px;}
.icase_con .h3 em{}
.icase_con .p{ display:none;}

.news_list li{ margin-bottom:20px;}
.news_list .text{ position:static;background: rgba(0,0,0,0.7);}
.news_list .p{ display:block;}
.news_list .p i{ display:none;}
.news_list .p em{ position:static;}


.stateTip{ position:fixed !important; width:100% !important; top:0px !important; left:0px !important; right:0px; bottom:0px; border-radius:0px; z-index:999; padding:24px 20px;}
.stateTip:after{content:'\20'; position:fixed; right:20px; top:20px; width:32px; height:32px;background:url(../images/guanbi.png) no-repeat; background-size:32px 32px;}
.stateTip .h3{ padding-right:32px;}

.news_relevant li{ width:33.33%;}
.slider-for{ margin-bottom:20px;}
.slider-nav{ margin-right:-6px;}
.slider-nav .slick-next{ right:11px;}

.case_info_con{ padding-top:50px;}

.icase_tab li a{ font-size:14px;}

.news_list .h3{ height:21px; line-height:21px; overflow:hidden;}
.news_list .p{ padding-top:5px;}
}
@media screen and (max-width:860px){
.icase_tab li{ width:33.33%; float:left;}
.icase_tab li a{ margin:0px; float:none; text-align:center;}
}
@media screen and (max-width:768px){
.icon,.tit2{ padding:30px 0 !important;}

.footer_nav .ul{ width:auto; float:none; text-align:left;}
.footer_nav .h3{ margin-bottom:0px; border-bottom:1px solid #353535; height:40px; line-height:40px; font-size:14px;}
.footer_nav .h3 em{ display:block;}
.footer_nav .h3 i{ display:block;}
.footer_nav .ul ul{ display:none; border-bottom:1px solid #333; padding:10px 0;}
.footer_nav ul a{ text-align:center;}



.ibusiness_list .img{ width:280px;}
.ibusiness_list .text{ margin:0 0 0 280px; padding:20px 0 0 20px;}
.ibusiness_list li:nth-child(even) .text{ margin:0 280px 0 0; padding:20px 20px 0 0;}

.icustomer_list li{ width:20%;}

.icase_tab li a{ font-size:14px;}

.footer_nav{ padding-bottom:0px;}
.footer_ewm{ padding:20px 0;}

.sub_nav ul{ margin-right:-5px;}
.sub_nav li{ width:25%; padding-bottom:5px;}
.sub_nav li a{ margin-right:5px;}

.icase_con li{ width:50%;}

.cooperation_p2 .h3{ font-size:14px; padding-bottom:10px;}
.cooperation_p2 ul{ margin-right:-50px;}
.cooperation_p2 .pd{ margin-right:50px;}

.tit3{ height:50px; line-height:50px; margin:0 auto 30px auto; width:100%;}
.tit3 strong{font-size:20px;}
.cmap_con{ margin-bottom:30px;}
.cmap_bottom{ padding:30px 0;}

.news_relevant .ul{ padding:0 0 30px 0}


}
@media screen and (max-width:640px){


.ibusiness_list .img{ width:220px !important; float:left !important;}
.ibusiness_list .text{ margin:0 0 0 220px !important; padding:0 0 0 20px !important;}
.ibusiness_list .h3{ line-height:30px; font-size:16px;}
.ibusiness_list .h3 i{ font-size:28px; line-height:30px; float:left;}

.icustomer_list li{ width:25%;}

.imore1 a{ width:160px; height:40px; line-height:40px; font-size:14px;}
.imore1 i{ width:40px; line-height:40px; height:40px; font-size:14px;}

.icase_tab{ padding-right:0px; border-bottom:none; margin-bottom:20px;}
.icase_tab li{ border-bottom: 1px dashed #d1c2af;}
.icase_tab li a{ height:34px; line-height:34px;}
.icase_tab .imore2{ display:none;}

.imore1{ padding-top:20px;}

.news_list li{ width:50%; margin-bottom:10px;}

.pg_flip a, .pg_flip span, .pg_flip em{ padding:0 8px; height:30px; line-height:30px; font-size:12px; margin-left:5px;}
.pg_flip .lt, .pg_flip .gt{ font-size:16px;}

.cmap_bottom dt{ float:none; padding-left:80px; width:auto;}
.cmap_bottom dd{ margin-left:0px;}
.cmap_bottom dt:before{ display:none;}
.cmap_bottom dt:after{ left:0px;}

.tit4{ text-align:center;}
.tit4 strong{ float:none; display:inline-block; padding:0 10px; font-size:16px;}
.tit4 em{}
.field{ margin-bottom:30px;}

.customer_list li{ width:33.33%;}

.sub_nav li{ width:33.33%;}
}

@media screen and (max-width:540px){
body{ padding:50px 0 44px 0;}
.header{ height:50px;}
.logo{ top:10px;}
.logo img{ height:28px; width:auto;}
.language{ top:11px;}
.language a{ width:26px; height:26px; font-size:14px; line-height:26px;}
.menu-link{ top:6px;}
body{ padding-top:50px;}
.menu{ top:50px;}

.subnva a i{ font-size:24px; line-height:44px; height:44px;}

.ibusiness_list .img{ width:50% !important;}
.ibusiness_list .text{ margin:0 0 0 50% !important; padding:0 0 0 10px !important;}

.icase_con ul{ margin-right:-10px;}
.icase_con li{ margin-bottom:10px;}
.icase_con .pd{ margin-right:10px;}
.icase_con .img{ height:140px;}
.icase_con .img img{ margin-top:-20px;}
.icase_con .text{ padding:10px;}
.icase_con .h3 strong{ font-size:14px;}
.icase_con li:first-child .img{ height:auto;}
.icase_con li:first-child .img img{ margin-top:0px;}


.case_list li{ width:50%; margin-bottom:10px;}


.cooperation_p2 ul{ margin:0px;}
.cooperation_p2 li{ width:auto; float:none; margin-bottom:10px;}
.cooperation_p2 .pd{ margin:0px;}
.cooperation_p2 .h3{ padding-bottom:5px;}

.news_relevant li{ width:50%;}

.icase_tab li{ width:50%;}
.sub_nav li{ width:50%;}
}
@media screen and (max-width:440px){
.ibusiness_list .p{ font-size:12px; line-height:1.5;}

.wp, .footer_bottom .pd{ margin:0 20px;}

.icustomer_list li{ width:33.33%;}

.job_list li{ padding:0 20px;}
.job_top .h3{ margin-bottom:5px;}
.job_top .h3 i{ font-size:24px;}
.job_top .h3 strong{ font-size:14px;}
.job_top .h3 strong span{ font-size:12px; margin-left:4px;}
.job_bottom .p strong{ font-size:14px;}
.job_top .h3 em{ padding-top:0px;}
.job_top .h3 i{ top:40px;}

.slider-nav .slick-arrow{ width:42px; height:42px; line-height:42px; font-size:32px; margin-top:-21px;}
.slider-nav .slick-next{ right:20px;}
.slider-nav .slick-prev{ left:16px;}

.case_info_tit{ font-size:18px; margin-bottom:15px;}
.case_info_tit strong{ padding:0 5px 0 9px;}
.case_info_con{ padding-top:20px;}
.case_info_con .h3{ font-size:18px;}
.case_info_con .p{ padding-top:20px; font-size:12px;}


.news_list .h3{ line-height:18px; height:108px; font-size:12px;}
}
@media screen and (max-width:375px){
.slider-nav .slick-next{ right:14px;}
.slider-nav .slick-prev{ left:10px;}
}
@media screen and (max-width:374px){
.wp, .footer_bottom .pd{ margin:0 15px;}

.ibusiness_list .img img{ width:130%; margin-left:-15%;}
.icase_con .img{ height:120px;}
.icase_con .img img{ margin-top:-25px;}


.slider-nav .slick-next{ right:10px;}
.slider-nav .slick-prev{ left:6px;}

.logo:after{ width: 106px; white-space: normal; content: '新三板挂牌　　　股票代码：832377';}

.ibusiness_list .h3{ font-size:12px;}
.sub_nav li a{ font-size:12px;}
.case_list .h3{ font-size:12px; height:32px;}
}