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

.brand_list li{ overflow:hidden;}
.brand_list li img,
.honor_list .img 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;
}
.brand_list li:hover img,
.honor_list .pd:hover .img img{
-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%); 
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%); 
transform: scale(1.05);
}

.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;
}
.foonter_top .slick-slide,
.foonter_top .slick-slide .pd,
.cbbfixed,
.subnva a i,
.iabout_con .p4 i,
.cbbfixed a,
.icontact_con .m a,
.iabout_con .m a,
.slider-nav .slick-slide h3:after,
.tle_box,
.case_list .img:before,
.case_list .img:after,
.team_list .img img
{
-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;
}
.img{ overflow:hidden;}
.img img{-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_list li:hover img,
.ifield_list li:hover img,
.inews_list .img:hover img,
.case_list a:hover .img img,
.team_list .img:hover img
{ transform: scale(1.1);}




.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: #fff;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{ width:1300px; margin:0 auto; position:relative;}
.header{ position:fixed; left:0px; right:0px; top:0px; height:66px; -webkit-transform: translateZ(0); z-index:9;}
.header:after{content:'\20'; position:absolute; top:100%; left:0px; right:0px; height:50px; background:rgba(0,0,0,0.7); display:none; border-top:1px solid rgba(255,255,255,0.5); box-sizing:border-box;}
.header_after:after{ display:block;}
.header .wp{ border-bottom:1px solid rgba(255,255,255,0.7); box-sizing:border-box; padding:0 40px; margin:0 60px;}
.header .wp,.footer_bottom .wp{ width:auto; margin:0 60px;}

.index_body .header{ background:rgba(0,0,0,0.7); box-shadow:0 0 3px rgba(255,255,255,0.7);}
.index_body2 .header{ background:#000; box-shadow:0 0 3px rgba(255,255,255,0.7);}
.index_body .header .wp,.index_body2 .header .wp{ border-bottom:none;}

.nav{ position:fixed; left:100px; top:50%; margin-top:-250px; z-index:9; -webkit-transform: translateZ(0);}
.nav li{ padding:35px 0;}
.nav li a{ width:16px; height:16px; display:block; box-sizing:border-box; border-radius:50%; background:none; border:2px solid #fff; opacity:0.8; box-shadow:0 0 3px rgba(0,0,0,0.5);}
.nav li a.active{ background:#8d6737; border:2px solid #8d6737; opacity:0.7;}

.logo{ float:left; padding:14px 0 15px 0;}
.logo img{ display:block; width:auto; height:37px;}
.menu{ float:right; padding-right:220px;}
.menu li{ float:left; padding:0 30px; position:relative; z-index:2;}
.menu li .h3 a{ display:block; position:relative; line-height:66px; height:66px; font-size:16px; color:#fff;}
.menu li .h3 a:after{content:'\20'; position:absolute; height:4px; background:rgba(255,255,255,0); left:0px; right:0px; width:100%; bottom:-2px;}
.menu li:hover .h3 a:after,.menu li.curr .h3 a:after{ border-bottom:4px solid #8d6737;}
.menu li .box{ display:none; position:absolute; left:50%; top:66px; padding-top:1px;}
.menu li .box .pd{}
.menu li .box a{ height:50px; line-height:50px; color:#fff; display:block; float:left; padding:0 20px; margin-right:1px;}
.menu li .box a:hover{ color:#8d6737;}
.menu li:hover .box{ display:block;}

.index_body .menu li .box a,.index_body2 .menu li .box a{/*background:rgba(0,0,0,0.7);*/}

.menu li .box1{ width:680px; margin-left:-340px;}
.menu li .box2{ width:655px; margin-left:-340px;}
.menu li .box3{ width:910px; margin-left:-455px;}
.menu li .box4{ width:500px; margin-left:-250px;}
.menu li .box5{ width:320px; margin-left:-160px;}

.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{ display:block; top:50%; margin-top:-15px; position:absolute; right:40px; width:30px; height:30px; line-height:30px; text-align:center; font-size:16px; border:1px solid #8d6737; color:#fff; text-transform:uppercase;}
.language:hover{ color:#fff;}



.ibanner{ padding-top:0px;min-height:500px;}
.ibanner .slick-slide{ position:relative; overflow:hidden;}
.ibanner .slick-slide img{ width:100%; height:auto;}
.ibanner .slick-dots{ position:absolute; left:50%; bottom:34px; 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%;}



.icon2{ background:url(../images/icon2.png) repeat #242424; padding:53px 0 24px 0;}

.tit1{ text-align:center; margin-bottom:10px;}
.tit1 strong{ font-size:56px; font-weight:normal; padding:0 30px; border-bottom:2px solid rgba(255,255,255,0.8);  letter-spacing:14px; text-indent:14px; display:inline-block;}
.tit1 em{ display:block; color:rgba(255,255,255,0.8); font-size:12px; letter-spacing:2px; padding-top:5px;} 


.tab1{ height:50px;}
.tab1 ul{ margin:0 auto; text-align:center;}
.tab1 li{ display:inline-block; font-size:16px;}
.tab1 li a{ display:inline-block; padding:0 5px; height:50px; line-height:50px;}
.tab1 li span{ padding:0 0 0 5px; height:50px; line-height:50px;}
.tab1 li a:hover,.tab1 li.curr a{ color:#fff;}
.tab1 li:last-child span{ display:none;}

.icase_list{ padding-top:20px;}
.icase_list ul{ margin-right:-10px;}
.icase_list li{ float:left; width:33.33%; margin-bottom:10px;}
.icase_list li.clear{ width:100%; float:none; height:0px; padding:0px; margin:0px;}
.icase_list li img{ width:100%; height:auto;}
.icase_list li a{ display:block; margin-right:10px; position:relative;}
.icase_list li:first-child{ width:66.66%;}
.icase_list .text{ position:absolute; left:0px; bottom:0px; right:0px; background-color:rgba(0,0,0,0.86); width:100%; box-sizing:border-box; padding:16px 24px 16px 24px; color:#fff;-webkit-transform: translateZ(0);}
.icase_list .h3{ font-size:20px; line-height:1; margin-bottom:8px;}
.icase_list .p{ font-size:12px;}
.icase_list i{ position:absolute; right:20px; top:50%; height:32px; line-height:32px; margin-top:-16px; font-size:32px; opacity:0.7;}

.icon3{ background-color:#f5f5f5; padding:80px 0 40px 0;}
.icon3 .tit1 strong{ border-bottom-color:rgba(51,51,51,0.8);}
.icon3 .tit1 em{color:rgba(51,51,51,0.8);}
.icon3 .tab1 li a:hover{ color:#333;}

.ifield_list{ padding-top:60px;}
.ifield_list li{ float:left; width:50%; float:left; text-align:right; margin-bottom:25px;}
.ifield_list li a{ display:block; padding:0 75.5px;}
.ifield_list img{ width:100%; height:auto; display:block;}
.ifield_list .text{ padding:10px 0; line-height:1; font-size:18px;}

.icon4{ background:url(../images/icon4.jpg) no-repeat bottom center #3a3839; background-size:100% auto; padding:80px 0;}
.iabout_con{ text-align:center; color:#fff; font-size:14px; padding-top:10px;}
.iabout_con .p1{ padding-top:110px; margin-bottom:30px;}
.iabout_con .p2{ font-size:20px; margin-bottom:20px;}
.iabout_con .p3{ margin-bottom:30px;}
.iabout_con .m a{ display:block; width:258px; height:48px; border:1px solid #fff; border-radius:10px; color:#fff; margin:0 auto; line-height:48px; font-size:20px;}
.iabout_con .m a:hover{ background-color:#8d6737; border-color:#8d6737;}
.iabout_con .p4{ padding:130px 0 0 0;}
.iabout_con .p4 li{ width:20%; float:left;}
.iabout_con .p4 a{ width:180px; margin:0 auto; display:block;}
.iabout_con .p4 i{ width:128px; height:128px; line-height:128px; border:3px solid #fff; box-sizing:border-box; display:block; margin:0 auto; border-radius:50%; font-size:68px; color:#fff;}
.iabout_con .p4 .h3{ font-size:16px; color:#8d6737; margin-bottom:10px; padding-top:10px;}
.iabout_con .p4 .p{ font-size:12px; color:#fff;}
.iabout_con .p4 a:hover i{ border:3px solid #8d6737; background-color:#8d6737;}


.icon5{ background-color:#f5f5f5; padding:90px 0 50px 0;}
.icon5 .tit1 strong{ border-bottom-color:rgba(51,51,51,0.8);}
.icon5 .tit1 em{color:rgba(51,51,51,0.8);}
.icon5 .tab1 li a:hover{ color:#333;}

.inews_con{ padding-top:90px;}

.inews_list{ padding:0 45% 0 0;}
.inews_list .img{ float:left; width:340px;}
.inews_list .img img{ width:100%; height:auto;}
.inews_list .text{ padding:40px 0 0 40px; margin:0 0 0 340px;}
.inews_list .h3{ margin-bottom:5px;}
.inews_list .h3 strong{ font-size:16px; color:#8d6737; letter-spacing:2px; font-weight:normal;}
.inews_list .h3 em{ font-size:12px; float:right; color:#666666;}
.inews_list .h3 em:hover{ color:#8d6737;}
.inews_list .p li{ background:url(../images/dian.png) no-repeat 0px 15px; padding-left:12px; height:34px; line-height:34px; overflow:hidden;}
.inews_list .p li em{ float:right; color: #666; margin-left:10px;}
.inews_list .p li a{ font-size:14px; color:#333;}
.inews_list .p li a:hover{ color:#8d6737;}

.inews_list.even,.inews_list:nth-child(even){ padding:0 0 0 45%;}
.inews_list.even .img,.inews_list:nth-child(even) .img{ float:right;}
.inews_list.even .text,.inews_list:nth-child(even) .text{ margin:0 340px 0 0; padding:32px 40px 0 0;}

.icon6{background:url(../images/icon6.jpg) no-repeat top center #3a3839; background-size:100% 100%; padding:90px 0 140px 0;}
.icontact_con{ padding-top:60px;}
.icontact_con .p1{ font-size:14px; line-height:24px; color:#fff; text-align:center; margin-bottom:90px; padding:0 96px;}
.icontact_con .m{ padding:0 100px;}
.icontact_con .m a{ width:450px; height:110px; text-align:center; line-height:110px; border-radius:10px; display:block; border:1px solid #fff; box-sizing:border-box; font-size:30px; color:#fff;}
.icontact_con .m a:hover{ background:#8d6737; border-color:#8d6737;}
.icontact_con .m a.a1{ float:left;}
.icontact_con .m a.a2{ float:right;}

.footer{ background:#000; color:#ffffff;}
.foonter_top{ color:#333333; padding:55px 0;}
.foonter_top .pd{ background:rgba(255,255,255,0.7); margin:0 15px; padding:25px; transform: scale(0.8);}
.foonter_top .h3{ color:#333; font-size:16px; margin-bottom:20px;}
.foonter_top .p{ line-height:24px;}
.foonter_top .em{ position:relative; padding:7px 0 7px 34px;}
.foonter_top .em a{ color:#333;}

.foonter_top .slick-slide .pd{}
.foonter_top .slick-active .pd{ box-shadow:4px 4px 8px rgba(255,255,255,0.5);}
.foonter_top .slick-current .pd{ transform: scale(1); background:rgba(255,255,255,1);}
.foonter_top .slick-current .h3{ color:#8d6737;}

.foonter_top .slick-slide{ visibility:hidden;}
.foonter_top .slick-active{ visibility:visible;}
.foonter_top .slick-current{ visibility:visible;}

.foonter_top .em i{ width:24px; height:24px; line-height:24px; text-align:center; position:absolute; left:0px; top:7px;}
.foonter_top .slick-arrow{ position:absolute; top:0px; height:100%; bottom:0px; width:33.33%; z-index:8; border:none; background:none; padding:0px; opacity:0;}
.foonter_top .slick-prev{ left:0px;}
.foonter_top .slick-next{ right:0px;}



.footer_bottom{}
.footer_bottom .p{text-align:center; font-size:12px; line-height:46px; text-transform:uppercase; height:46px; padding:20px 0; border-top:1px solid rgba(255,255,255,0.7);}

.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;}
.weixin:hover .weixin_box{ display:block;}

.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;}

.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;}

/*内页*/
.page_banner{}
.page_banner img{ width:100%; height:auto;}

.pgcon{ padding-top:40px; min-height:500px;}
.pg_news{ padding-top:80px;}

.crumbs{ color:#333333;}
.crumbs strong{ font-size:26px; color:#8d6737; line-height:40px; height:40px; float:left;}
.crumbs i{ margin:0 5px; line-height:40px; height:40px; float:left;}
.crumbs em{ font-size:18px; line-height:40px; height:40px; float:left;}

.about_con{ padding-top:40px;}

.idea{}
.idea .p1{ position:relative; padding-bottom:80px; color:#333333;}
.idea .p1 .img{ position:absolute; left:0px; top:54px; width:52.9953%;}
.idea .p1 .img img{ width:100%; height:auto;}
.idea .p1 .text{ margin-left:45.4685%; border:4px solid #bda88e; padding:50px 40px 40px 120px; line-height:1.8; min-height:313px;}
.idea .p1 .h3{ font-size:20px; line-height:1; margin-bottom:24px;}
.idea .p1 .h4{ font-size:20px; line-height:1; margin-bottom:24px; padding-top:25px;}

.idea .p2{ padding:70px 0;}
.idea .p2 .h3{ font-size:24px; color:#8d6737; text-align:center; margin-bottom:50px;}
.idea .p2 .text{ color:#333; font-size:16px;}
.idea .p2 .p{ position:relative; padding:19px 72px 19px 60px; overflow:hidden; background:url(../images/line.png) repeat-x center 30px;}
.idea .p2 i{ width:60px; position:absolute; left:0px; background:#f5f5f5; font-size:24px; height:30px; line-height:30px; top:15px; color:#8d6737;}
.idea .p2 strong{ font-weight:normal; width:40%; float:left;}
.idea .p2 b{ font-weight:normal; width:60%; float:left;}
.idea .p2 em{ width:72px; position:absolute; right:0px; text-align:right; background:#f5f5f5; height:30px; line-height:30px; top:15px;}
.idea .p2 span{ background:#f5f5f5; padding:0 10px; float:left; margin-right:18px;}


.team_box{}
.team_tit{ font-size:18px; height:36px; line-height:36px; padding-left:65px; margin-bottom:20px; background:url(../images/team_dian.png) no-repeat left center;}
.team_list{ padding-left:65px; padding-bottom:40px;}
.team_list li{ margin-bottom:50px; overflow:hidden;}
.team_list .img{ float:left; width:420px; overflow:hidden;}
.team_list .img img{ width:100%; height:auto;}
.team_list .text{ margin-left:420px; padding:60px 0 0 60px;}
.team_list .h3{ font-size:20px; margin-bottom:20px;}
.team_list .h3 strong{ font-weight:normal;}
.team_list .h3 em{ text-transform:uppercase; margin-left:10px; font-size:14px;}
.team_list .em{ color:#333; font-size:16px; margin-bottom:5px;}
.team_list .i{ color:#666; font-size:12px; margin-bottom:5px;}
.team_list .p{ color:#333; font-size:14px; line-height:1.8;}

.brand_list{ overflow:hidden; padding:14px 0 50px 0;}
.brand_list ul{ border-top:1px solid #c1ae96; border-left:1px solid #c1ae96;}
.brand_list li{ float:left; width:16.6666%; box-sizing:border-box; border-bottom:1px solid #c1ae96; border-right:1px solid #c1ae96;}


.brand_list li img{ width:100%; height:auto; display:block;}

.pg_menu{ text-align:center; background:#FFF; box-shadow:4px 4px 8px rgba(0,0,0,0.3); position:absolute; left:0px; top:-110px; right:0px;}
.pg_menu li{ display:inline-block;}
.pg_menu li a{padding:0 50px; font-size:18px; display:inline-block; line-height:60px; color:#666666; position:relative;}
.pg_menu li a:after{content:'\20'; position:absolute; right:0px; width:1px; height:30px; top:50%; margin-top:-15px; background-color:#8d6737;}
.pg_menu li:hover a,.pg_menu li.curr a{ color:#8d6737;}
.pg_menu li:last-child a:after{ display:none;}

.news_con{ padding-top:40px;}
.news_list{ overflow:hidden;}
.news_list ul{ margin-right:-20px;}
.news_list li{ float:left; width:33.33%; margin-bottom:20px;}
.news_list li a{ display:block; margin-right:20px; background:#fff;}
.news_list .img img{ width:100%; height:auto;}
.news_list .text{ padding:20px;}
.news_list .h3{ font-size:20px; color:#333; line-height:1; margin-bottom:10px;}
.news_list a:hover .h3{ color:#8d6737;}
.news_list .p{ font-size:14px; color:#333; line-height:24px; height:48px; overflow:hidden;}
.news_list .em{ font-size:12px; color:#666; text-align:right;}

.pg_fy{ padding:40px 0; margin-bottom:20px; text-align:right; position:relative;}
.pg_fy:after{content: "\e88d"; position:absolute;font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
left:0px; font-size:86px; width:86px; line-height:86px; top:50%; margin-top:-43px; color:#cbbca9;}
.pg_fy a,.pg_fy span{ background:#FFF; border:1px solid #ccc; padding:0 12px; margin:0 4px; line-height:32px; display:inline-block;}
.pg_fy .curr{ background:#8d6737; color:#fff; border:1px solid #8d6737;}


.aboutlist{}
.aboutlist li{ margin-bottom:40px; color:#333333; margin-bottom:40px; padding:0 90px;}
.aboutlist .h3{ font-size:20px; text-align:center; font-weight:normal; margin-bottom:20px;}
.aboutlist .h3 strong{ position:relative; padding:0 20px; font-weight:normal;}
.aboutlist .h3 strong:after{content:'\20'; position:absolute; width:80px; height:1px; background:#d6cabc; left:100%; top:50%;}
.aboutlist .h3 strong:before{content:'\20'; position:absolute; width:80px; height:1px; background:#d6cabc; right:100%; top:50%;}
.aboutlist .p{ font-size:16px; line-height:1.8; color:#444;}

.flow_list{ position:relative;}
.flow_list li:first-child .img:after{content:'\20'; position:absolute; background:#f5f5f5; left:0px; top:50%; margin-top:-5px; height:10px; width:21.7592%;}
.flow_list li:last-child .img:before{content:'\20'; position:absolute; background:#f5f5f5; right:0px; top:50%; margin-top:-5px; height:10px; width:23%;}
.flow_list li{ width:16.66%; float:left; text-align:center;}
.flow_list .img{ margin-bottom:24px; background:url(../images/line2.png) repeat-x center center; position:relative;}
.flow_list .text{ color:#333333;}
.flow_list .h3{ margin-bottom:10px;}
.flow_list .h3 strong{ font-size:16px; display:block; font-weight:normal;}
.flow_list .h3 em{ font-size:12px; display:block; text-transform:uppercase;}
.flow_list .p{ font-size:14px; min-height:42px;}

.job{}
.job_list{}
.job_list li{ border:1px solid #ebe9ea; border-left:3px solid #8d6737; background-color:#fff; padding:0 60px; margin-bottom:20px;}
.job_top{ padding:20px 0; cursor:pointer; color:#333;}
.job_top .h3{ position:relative; line-height:1; padding-bottom:5px; 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; font-size:14px; color:#999999; 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-right:42px;}
.job_bottom{ display:none; border-top:1px solid #e3e3e3; font-size:14px; line-height:36px;}
.job_bottom .p{ padding:30px 0; color:#333;}
.job_bottom .p strong{ font-size:18px; color:#8d6737; font-weight:normal;}
.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;}


.case_list{ padding:0 50px 90px 50px;}
.case_list li{}
.case_list li a{ color:#666; display:block; overflow:hidden; background:#fff;}
.case_list .img{ float:left; width:50%; position:relative;}
.case_list .img:after{ content:'\20'; height:50px; position:absolute; left:0px; bottom:-50px; right:0px; background:rgba(0,0,0,0.7);}
.case_list .img:before{content:'\e64c';font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color:#c9c9c9; line-height:50px; position:absolute; right:30px; bottom:-50px; height:50px; font-size:32px; z-index:9;}

.case_list .img img{ width:100%; height:auto;}
.case_list .text{ margin:0 0 0 50%; padding:8% 40px 40px 40px;}
.case_list .h3{ font-size:30px; color:#8d6737;}
.case_list .em{ font-size:12px;  margin-bottom:20px;}
.case_list .p{ font-size:14px; line-height:1.8;}

.case_list .even .img{ float:right;}
.case_list .even .text{ margin:0 50% 0 0; text-align:right;}

.case_list li a:hover{ background:#8d6737; color:#fff;}
.case_list li a:hover .h3{ color:#fff;}
.case_list li a:hover .img:after{ bottom:0px;}
.case_list li a:hover .img:before{ bottom:0px;}

.field_list{ overflow:hidden;}
.field_list ul{ margin-right:-200px;}
.field_list li{ width:50%; float:left; margin-bottom:100px;}
.field_list .pd{ display:block; position:relative; padding-left:72px; margin-right:200px;}
.field_list .pd:after{content:'\20'; position:absolute; left:0px; top:7px; width:52px; height:10px; background:url(../images/team_dian.png) no-repeat left center;}
.field_list .h3{ font-size:26px; color:#8d6737; line-height:1; margin-bottom:10px;}
.field_list .em{ font-size:14px; color:#666666; margin-bottom:15px;}
.field_list .p{ font-size:20px; color:#333333; line-height:32px; height:64px;}


.index_body2 .pgcon{ padding:140px 0 0 0 ;}
.case_info{ padding:0 60px; transform:translate(0px,-64px);}
.case_info_tit{ text-align:center;}
.case_info_tit .h3{ font-size:30px; color:#333333; }
.case_info_tit .h3 strong{ border-bottom:2px solid #ababab; padding:0 20px; line-height:50px; display:inline-block; font-weight:normal;}
.case_info_tit .em{ font-size:12px; color:#8d6737; padding:5px 0;}
.case_info_tit .em span{ margin:0 10px;}



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


.slider-nav .slick-slide img{ width:100%; height:auto;}
.slider-nav .slick-slide h3{ margin:0 10px; position:relative;}
.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:42px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width:40px; position:absolute; border:none; background:none; top:0px; bottom:0px; z-index:2; padding:0px; box-sizing:border-box;-webkit-appearance: none; color:#c7c7c7;}
.slider-nav .slick-prev{ left:0px;}
.slider-nav .slick-prev:after{content:'\e88c';}
.slider-nav .slick-next{ right:0px; width:35px;}
.slider-nav .slick-next:after{content:'\e88d';}
.slider-nav .slick-arrow:hover{ color:#fff;}

.case_info_con{ text-align:center; color:#444; padding:50px 0 80px 0;}
.case_info_con .h3{ font-size:30px; margin-bottom:30px;}
.case_info_con .p{ font-size:16px; line-height:1.8;}


.news_info{ color:#333; padding:0 50px 50px 50px;}
.news_info_tit{ border-bottom:1px solid #d1d1d1; padding:15px 10px;}
.news_info_tit .em{ font-size:12px; color:#666;}
.news_info_tit .h1{ font-size:20px;}
.news_info_con{ padding:20px 10px; line-height:1.7;}
.news_info_con img{ max-width:1000px; width:100%; height:auto; display:block; margin:0 auto;}

.news_info_m{ padding:40px 10px 0 10px;}
.news_info_m li{ width:33.33%; float:left;}
.news_info_m a{ display:block; width:40px; height:40px; line-height:40px;}
.news_info_m a i{ font-size:32px;  color:#a8a8a8;}
.news_info_m a:hover i{ color:#8d6737;}

.share{ width:190px; padding-top:50px; position:relative; float:left;}
.share  ul{ visibility:hidden;}
.share .icon-fx{ position:absolute; left:0px; top:0px; font-size:32px; width:40px; height:40px; line-height:40px; color:#8d6737;}
.share:hover ul{ visibility:visible;}

.flip{ width:150px; float:right;}
.flip a{ float:right;}

.cooperation{ padding:0 50px;}
.cooperation_p1{ font-size:14px; line-height:24px; color:#333; border-bottom:1px solid #dcdcdc; padding-bottom:20px; margin-bottom:30px;}
.cooperation_p2{ padding:0 130px;}
.cooperation_p2 .pd{ margin-right:240px;}
.cooperation_p2 ul{ margin-right:-240px;}
.cooperation_p2 li{ width:50%; float:left; margin-bottom:30px;}
.cooperation_p2 .h3{ font-size:18px; color:#8d6737; padding-bottom:15px;}
.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:0 20px; height:48px; line-height:48px; font-size:16px; color:#999999;}
.cooperation_p3{ padding:100px 0 100px 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; padding:0 0 0 4px;}


.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;}



.honor_list{}
.honor_list ul{ margin-right:-58px;}
.honor_list li{ float:left; width:33.33%; margin-bottom:40px;}
.honor_list .pd{ margin-right:58px; background:#fff;}
.honor_list .img img{ width:100%;}
.honor_list .text{ padding:20px; font-size:16px; line-height:24px; color:#333; min-height:72px;}

.teamname{ border-top:1px solid #a1a1a1; padding:30px 0 70px 0;}
.teamname .h3{ font-size:20px; margin-bottom:20px;}
.teamname li{ width:9%; float:left; font-size:16px; color:#444;line-height:26px; padding:15px 0; text-align:center;}

@media screen and (max-width:1680px){
.index_body .header .wp,.index_body2 .header .wp{}
.tit1 strong{ font-size:49px;letter-spacing: 12px;text-indent: 12px;}
.cbbfixed{ right:40px;}
.subnva{ right:40px;}
.nav{ left:40px;}
.icontact_con .m a{ width:400px; height:96px; line-height:96px;}
.cbbfixed span{ height:70px; width:54px; line-height:70px;}
.subnva a i{ font-size:40px;}

.nav{ margin-top:-192px;}
.nav li{ padding:25px 0;}
.nav li a{ width:14px; height:14px;}
}
@media screen and (max-width:1600px){}
@media screen and (max-width:1440px){
.wp,.header .wp, .footer_bottom .wp{ width:1200px; margin:0 auto; padding:0px;}
.foonter_top{ padding:40px 0;}
.language{ right:0px;}

.weixin{ left:40px;}

.flow_list li:first-child .img:after{width:19%;}
.flow_list li:last-child .img:before{width:21%;}
.slider-nav .slick-arrow{ width:40px;}
}
@media screen and (max-width:1366px){
.menu li{ padding:0 20px;}
.menu li .h3 a{ font-size:14px;}
.menu li .box a{ padding:0 15px; font-size:12px;}

.menu li .box1{ width:560px; margin-left:-280px;}
.menu li .box2{ width:655px; margin-left:-340px;}
.menu li .box3{ width:760px; margin-left:-480px;}
.menu li .box4{ width:420px; margin-left:-218px;}
.menu li .box5{ width:270px; margin-left:-153px;}

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

.cbbfixed span{ width:42px; height:56px; font-size:32px; line-height:56px;}
.iabout_con .m a{ width:184px; height:34px; line-height:34px; text-align:center; font-size:14px;}

.icon{ padding:40px 0 !important;}
.icon1{ padding:0 !important;}

.icontact_con .m a{ width:320px; height:78px; line-height:78px; font-size:20px;}

.ifield_list .text{ font-size:14px;}

.icase_list .h3{ font-size:14px;}
.tab1 li{ font-size:14px;}
.ifield_list{ padding-top:40px;}
.iabout_con .p1{ padding-top:40px;}
.iabout_con .p4{ padding-top:40px;}
.inews_con{ padding-top:40px;}
.icontact_con .p1{ margin-bottom:40px;}
.foonter_top .h3{ margin-bottom:10px;}

.menu{ padding-right:70px;}

.team_list .text{ padding:20px 0 0 40px; margin:0 0 0 300px;}
.team_list .img{ width:300px;}

.aboutlist .h3{ font-size:18px;}
.aboutlist .p{ font-size:14px; line-height:1.8;}
.aboutlist .h3{ margin-bottom:10px;}
.news_list .h3{ font-size:14px;}
.news_list .p{ font-size:12px; line-height:16px; height:32px; margin-bottom:5px;}
.news_list .text{ padding:15px;}
.news_list ul{ margin-right:-10px;}
.news_list li{ margin-bottom:10px;}
.news_list li a{ margin-right:10px;}

.pg_menu{ top:-65px;}
.pg_menu li a{ font-size:16px; padding:0 40px; height:50px; line-height:50px;}
.pg_menu li a:after{ height:18px; margin-top:-9px;}

.pg_news{ padding-top:40px;}

.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;}

.case_list{ padding:0 0 50px 0;}
.case_list .text{ padding:7% 30px 30px 30px;}
.case_list .h3{ font-size:24px;}

.field_list ul{ margin-right:-100px;}
.field_list .pd{ margin-right:100px;}
.field_list li{ margin-bottom:50px;}
.field_list .h3{ font-size:18px; margin-bottom:5px;}
.field_list .em{ font-size:12px;}
.field_list .p{ font-size:14px; height:40px; line-height:20px;}

.case_info{ padding:0px;}
.slider-nav .slick-arrow{ width:45px;}
.slider-nav .slick-slide h3{ margin:0 5px;}
.slider-nav .slick-center h3:after{}

.case_info_tit .h3{ font-size:24px; letter-spacing:2px;}
.case_info_con{ padding:30px 0 50px 0;}
.case_info_con .h3{ font-size:24px; letter-spacing:2px; margin-bottom:10px;}
.case_info_con .p{ font-size:14px;}

.news_info{ padding:0 0 50px 0;}
.news_info_con{ line-height:1.5;}
.news_info_tit .h1{ font-size:18px;}

.cooperation_p2 ul{ margin-right:-100px;}
.cooperation_p2 .pd{ margin-right:100px;}

.honor_list ul{ margin-right:-40px;}
.honor_list .pd{ margin-right:40px;}
.honor_list .text{ font-size:14px;}
}
@media screen and (max-width:1279px){
.wp,.header .wp, .footer_bottom .wp{ width:1000px;}


.ifield_list ul{ margin-right:-70px;}
.ifield_list li a{ padding:0px; margin-right:70px;}

.inews_list{ padding:0 340px 0 0;}
.inews_list.even,.inews_list:nth-child(even){ padding:0 0 0 340px;}


.foonter_top .pd{ padding:15px; margin:0px;}
.foonter_top .slick-current .pd{ margin:0px;}
.foonter_top .h3{ font-size:14px;}
.foonter_top .em{ font-size:12px;}
.icontact_con .p1{ padding:0px;}

.iabout_con .p4 i{ width:100px; height:100px; line-height:100px; font-size:48px; border-width:2px;}
.iabout_con .p4 a:hover i{ border-width:2px;}
.tit1 strong{ font-size:32px;letter-spacing:8px;text-indent:8px; padding:0 20px;}

.idea .p1{ padding:0;}
.idea .p1 .img{ width:400px; position:static; float:left;}
.idea .p1 .text{ margin:0 0 0 400px; padding: 0 0 0 40px; border:none;}

.brand_list{ padding:40px 0;}

.aboutlist li{ padding:0px;}
.aboutlist .h3{ font-size:18px;}
.aboutlist .p{ font-size:12px;}

.flow_list li:first-child .img:after{ display:none;}
.flow_list li:last-child .img:before{ display:none;}
.flow_list li{ width:33.3333%; margin-bottom:20px;}

.pg_menu li a{ font-size:14px; padding:0 40px;}

.pg_fy:after{ display:none;}
.pg_fy{ padding:20px 0;}

.honor_list ul{ margin-right:-30px;}
.honor_list .pd{ margin-right:30px;}
.honor_list .text{ font-size:14px;}

.iabout_con .p4 li{ width:33.33%; margin-bottom:20px;}
.iabout_con .p4 .p{ height:72px; overflow:hidden;}

.teamname li{ width:12.5%;}
}

@media screen and (max-width:1024px){
.wp,.header .wp, .footer_bottom .wp{ width:auto; margin:0 30px;}
.ifield_list ul{ margin-right:-30px;}
.ifield_list li a{ margin-right:30px;}

.icontact_con .m a{ width:240px; height:60px; line-height:60px; font-size:14px;}
.nav{ display:none;}
.ibanner{ min-height:inherit;}

.subnva{ right:30px;}
.cbbfixed{ right:30px;}
.footer_bottom .p{ height:30px; line-height:30px; padding:10px 0;}
.weixin i{ height:51px; width:51px; line-height:51px; font-size:24px;}

.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);}
.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;}
.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;}

.language{ right:50px;}

.ibanner .slick-dots{ bottom:20px;}

.tab1{ height:32px;}
.tab1 li a,.tab1 li span{ height:32px; line-height:32px;}

.icase_list{ padding-top:10px;}

.cbbfixed{ display:none !important;}

.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;}

.idea .p1 .img{ width:300px;}
.idea .p1 .text{ margin:0 0 0 300px; padding:0 0 0 20px;}

.crumbs strong{ font-size:18px;}
.crumbs em{ font-size:14px;}
.idea .p1 .h3,.idea .p1 .h4{ font-size:18px; margin-bottom:10px;}

.idea .p2 .h3{ font-size:18px; margin-bottom:20px;}
.idea .p2 .text{ font-size:14px;}
.idea .p2 i{ font-size:18px; width:40px; top:6px;}
.idea .p2 .p{ padding:10px 72px 10px 40px; background-position: center 20px;}
.idea .p2 em{ top:6px;}

.team_list .h3{ margin-bottom:10px;}

body{ font-size:12px;}

.case_list .text{ padding:30px;}
.case_list .h3{ font-size:18px;}
.case_list .em{ margin-bottom:10px; letter-spacing:inherit;}


.field_list ul{ margin:0px;}
.field_list li{ margin-bottom:30px; width:auto; float:none;}
.field_list .pd{ margin:0px;}
.field_list .p{ height:auto;}
.field_list .pd:after{ top:3px;}

.case_info_tit .h3{ font-size:18px; letter-spacing:normal;}
.case_info_con .h3{ font-size:18px; letter-spacing:normal; margin-bottom:10px;}
.case_info_con .p{ font-size:12px;}
.slider-for{ margin-bottom:10px;}

.cooperation_p2{ padding:0px;}
.cooperation{ padding:0px;}

.tle_box{ display:none;}

.slider-nav .slick-arrow{ width:45px;}
.slider-nav .slick-next{ width:42px;}
.ibanner .slick-dots li button{ width:20px;}

.header:after{ display:none !important;}

.teamname li{ width:16.66%; font-size:14px;}

.pg_menu li a{ font-size:14px; padding:0 15px;}

.iabout_con .p4 .p{ height:142px;}
}
@media screen and (max-width:960px){
.icase_list .text{ padding:10px;}
.icase_list i{ right:10px; font-size:24px;}

.inews_list{ padding:0px !important;}
.inews_list .text{ padding:32px 0 0 20px;}
.inews_list.even .text,.inews_list:nth-child(even) .text{ padding:32px 20px 0 0;}

.foonter_top .slick-slide .pd{transform: scale(1) !important; background:#fff; margin:0 10px;}
.foonter_top .slick-arrow{ display:none !important;}
.foonter_top .slick-list{ padding:0 !important;}

.team_list{ padding-left:0px;}
.team_list .text{ padding:0 0 0 20px;}
.team_list li{ margin-bottom:20px;}
}
@media screen and (max-width:768px){
body{ padding:0 0 60px 0; border-top:66px solid #000;}
.wp,.header .wp, .footer_bottom .wp{ width:auto; margin:0 20px;}
.ifield_list ul{ margin-right:-10px;}
.ifield_list li a{ margin-right:10px;}

.iabout_con .p4 i{ width:80px; height:80px; line-height:80px; font-size:36px;}
.iabout_con .p4 li{ width:auto; float:none; overflow:hidden; margin-bottom:20px; text-align:left;}
.iabout_con .p4 li .i{ float:left; text-align:center;}
.iabout_con .p4 li .text{ margin-left:80px; padding-left:20px;}
.iabout_con .p4 a{ width:auto;}

.icontact_con .m a{ float:none !important; width:auto !important; margin-bottom:10px; font-size:18px; height:50px; line-height:50px; }

.idea .p1 .img{ float:none; width:100%;}
.idea .p1 .text{ margin:0px; padding:20px 0 0 0; min-height:inherit;}


.idea .p2{ padding:40px 0;}

.brand_list li{ width:20%;}

.brand_list{ padding:20px 0;}

.pg_fy:after{ font-size:36px; text-align:center; width:44px; height:44px; line-height:44px; margin-top:-22px;}
.news_con{ padding-top:20px;}

.case_list .text{ padding:20px;}
.case_list .p{ font-size:12px;}

.slider-nav .slick-arrow{ font-size:32px;}
.slider-nav .slick-slide h3{ margin:0 1px;}
.slider-nav .slick-center h3:after{}

.index_body2 .pgcon{ padding:20px 0 0 0;}
.news_info_tit{ padding:10px 0;}
.news_info_con{ padding:20px 0;}
.news_info_m a{ text-align:center;}
.news_info_m a i{ font-size:24px;}
.flip,.share{ width:120px;}

.cooperation_p2 ul{ margin-right:-40px;}
.cooperation_p2 .pd{ margin-right:40px;}

.cooperation_p2 .h3{ padding-bottom:5px;}
.cooperation_p2 li{ margin-bottom:10px;}

.cooperation_p3{ padding:50px 0;}

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

.slider-nav .slick-arrow{ width:50px;}
.foonter_top .slick-active .pd{}
.foonter_top .slick-arrow{ display:block !important; opacity:1; width:40px; height:40px; background:none; border-radius:50%; top:50%; margin-top:-20px;font-family:"iconfont" !important;
font-size:32px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color:rgba(0,0,0,0.5);}
.foonter_top .slick-next{ right:0px;}
.foonter_top .slick-next:before{content: "\e88d";}
.foonter_top .slick-prev{ left:0px;}
.foonter_top .slick-prev:before{content: "\e88c";}
.foonter_top .slick-active .pd{ padding: 15px 30px;}

.honor_list li{ width:50%;}

.foonter_top .p{ line-height:20px;}
.foonter_top .em a{ font-size:12px;}
.foonter_top .em i{ top:5px;}

.iabout_con .p4 .p{ height:auto; line-height:1.3;}
}
@media screen and (max-width:640px){
.icase_list li{ width:50%;}
.icase_list li:first-child{ width:100%;}
.icase_list li.clear{ display:none;}

.inews_list{ margin-bottom:20px;}
.inews_list .img{ width:340px; max-width:100%; margin:0 auto; float:none !important;}
.inews_list .text{ margin:0px !important; padding:20px 0 0 0 !important;}

.icontact_con .m a{ width:120px; height:40px; line-height:40px; font-size:14px;}

.idea .p2 .text{ font-size:12px;}
.idea .p2 i{ font-size:16px; top:4px; width:30px;}
.idea .p1 .text{ font-size:12px;}
.idea .p1 .h3, .idea .p1 .h4{ font-size:16px;}
.idea .p2 em{ width:54px;}
.idea .p2 .p{ padding:10px 54px 10px 30px;}

.team_list .img{ width:240px;}
.team_list .text{ margin-left:240px;}

.aboutlist .h3{ font-size:16px;}
.aboutlist .h3 strong:before{ width:40px;}
.aboutlist .h3 strong:after{ width:40px;}

.flow_list li{ width:50%;}
.flow_list .h3 strong{ font-size:14px;}
.flow_list .p{ font-size:12px;}
.flow_list .img{ margin-bottom:15px;}

.news_list li{ width:50%;}

.pg_fy a, .pg_fy span{ line-height:24px; margin:0 2px; padding:0 6px; font-size:12px;}

.case_list .img{ width:auto; float:none !important;}
.case_list .text{ text-align:left !important; margin:0px !important;}

.teamname li{ width:16.66%;}
}
@media screen and (max-width:540px){
.icontact_con .m{ padding:0 50px;}
.foonter_top .slick-active .pd{ margin:0px;}

.tab1 li a{ padding:0 2px;}
.tab1 li span{ padding:0 0 0 2px;}

.brand_list li{ width:25%;}

.team_list .img{ float:none; width:auto;}
.team_list .text{ margin:0px; padding:20px 0 0 0; text-align:center;}
.team_list .h3{}
.team_list .p{ text-align:left; font-size:12px; line-height:1.8;}

.cooperation_p2 ul{ margin-right:0px;}
.cooperation_p2 li{ width:auto; float:none;}
.cooperation_p2 .pd{ margin-right:0px;}

.header{ height:50px;}
.logo{ padding:11px 0;}
.language{ width:26px; height:26px; line-height:26px; font-size:12px;}
.logo img{ height:28px;}
.menu-link{ top:5px;}
body{ padding:0 0 44px 0; border-top:50px solid #000;}
.menu{ top:50px;}
.aboutlist .p{text-align:justify;}

.tab1{ display:none;}
.ifield_list{ padding-top:10px;}
.iabout_con{ line-height:1.8;}
.iabout_con .p1{ padding-top:10px; margin-bottom:10px;}
.iabout_con .p2{ margin-bottom:10px;}
.inews_con{ padding-top:10px;}
.icontact_con{ padding-top:10px;}
.icontact_con .p1{ line-height:1.8; font-size:12px;}

.case_info{transform: translate(0px,-24px);}

.honor_list ul{ margin:0px;}
.honor_list li{ width:auto; float:none;}
.honor_list li .pd{ margin:0px;}

.iabout_con .p4 .h3{ padding-top:0px;}
}
@media screen and (max-width:440px){
.icase_list ul{ margin-right:-5px;}
.icase_list li{ margin-bottom:5px;}
.icase_list li a{ margin-right:5px;}
.icase_list i{ font-size:14px; width:18px; height:18px; line-height:18px; margin-top:-10px; text-align:right; display:block;}

.tit1 strong{ font-size:24px; padding:0 10px; text-indent: 4px;}
.ifield_list ul{ margin-right:-5px;}
.ifield_list li{ margin-bottom:5px;}
.ifield_list .text{ text-align:center;}

.icon{ padding:30px 0 !important;}
.icon1{ padding:0px !important;}

.ifield_list li a{ margin-right:5px;}

.iabout_con{ font-size:12px;}
.iabout_con .p2{ font-size:16px;}
.iabout_con .m a{ width:120px;}

.iabout_con .p4 .h3{ padding-top:0px;}

.icontact_con .m{ padding:0 20px;}


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

.foonter_top{ padding:20px 0;}

.idea .p2 .h3{ font-size:16px; margin-bottom:10px;}
.idea .p2 span{ padding:0 5px; margin-right:10px;}
.idea .p2 i{ font-size:14px;}

.about_con{ padding-top:20px;}
.news_list li{ width:100%;}
.news_list .p{ height:auto; line-height:1.8;}

.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;}

.field_list .pd{ padding-left:40px;}
.field_list .pd:after{ width:30px;}

.cooperation_p3 a,.cooperation_p3 input{ width:160px; font-size:16px; height:44px; line-height:44px;}

.icase_list .h3{ margin-bottom:2px;}
.icase_list .text{ padding:5px 10px;}

/*.flow_list li{ width:33.33%;}
.flow_list .img{ width:80%; margin:0 auto;}
.flow_list .img img{ width:100%; height:auto;}
.flow_list .h3 strong{ font-size:12px;}
.flow_list .h3 em{ font-size:12px;}*/
.teamname li{ width:25%;}
.inews_list:nth-child(2),.inews_list:nth-child(3){ display:none;}
}
@media screen and (max-width:375px){
.icontact_con .m{ padding:0 10px;}
}
@media screen and (max-width:320px){
.wp,.header .wp, .footer_bottom .wp{ width:auto; margin:0 10px;}
}