@charset "utf-8";
body{ overflow-x:hidden; min-width:1200px;}
body{ color:#333; height:auto; box-sizing:border-box; font-size:18px; padding-top:120px;}
.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:#000;}
i,em{ font-style:normal;}

.slick-arrow,
.logo,
.logo img,
.menu,
.menu li a,
.caseList .pd:before{
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.slick-arrow{
font-family:"iconfont" !important; font-size:16px; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}


.slick-slide img{ width:100%; height:auto; display:block;}
.slick-dots{ position:absolute; left:50%; bottom:50px; transform: translateZ(0);}
.slick-dots li{ float:left; margin:0 6px;}
.slick-dots li button{ display:block; border:none; padding:0px; width:8px; border:1px solid #fff; height:8px; border-radius:50%; text-indent:-99px; overflow:hidden; background:none; box-sizing:border-box;}
.slick-dots li.slick-active button{ background:#fff;}

.slick-arrow{position:absolute; top:50%; z-index:2; height:60px; margin-top:-30px; line-height:60px; width:60px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,0.5); overflow:hidden; font-size:0px; z-index:2; background:none;font-size:40px;}
.slick-prev{ left:30px;}
.slick-prev:before{ content: "\e818";}
.slick-next{ right:30px;}
.slick-next:before{ content: "\e816";}
.slick-arrow:hover{ color:#ed6d00;}

.wp{ width:1200px; margin:0 auto; position: relative;}
.header .wp{ height:120px; width:auto; margin:0 100px;}
.footer .wp{ width:1000px; margin:0 auto;}
.body_fix .header .wp{ height:70px;}
.wpauto .wp{ width:auto; margin:0 auto;}

.header{ position:fixed; left:0px; top:-1px; right:0px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3); z-index:9; border-top:1px solid #fff; transform:translateZ(0);}
.logo{ position:absolute; left:0px; top:50%; margin-top:-30px;}
.logo img{ height:60px; width:auto; display:block;}
.menu{ float:right; padding:30px 0 0 0;}
.menu li{ float:left; margin-left:50px; padding:16px 0;}
.menu li a{ height:28px; line-height:28px; display:block; padding:0 7px;}
.menu li.curr a,
.menu li a:hover{ background:#fff8a4;}



.body_fix .logo{ margin-top:-20px;}
.body_fix .logo img{ height:40px;}
.body_fix .menu{ padding-top:15px;}
.body_fix .menu li{ padding:6px 0;}

.imgH .img img{}
/*.body_fix .imgH .img img{ height:calc(100vh - 70px);}*/

.iBanner .slick-slide{ overflow:hidden;}
.iBanner1,
.iBanner1 img{}
.iBanner1 img{ width:100.418410041841%;}

.caseHeat{ padding-top:50px;}
.iBanner2{}

.tit1{ text-align:center; padding:1em 0; font-size:32px;}
.tit1 strong{ font-weight:normal; position:relative; display:inline-block; z-index:2; letter-spacing:0.3em;}
.tit1 strong:before{ content:''; position:absolute; left:-2em; right:-2em; height:0.7em; top:50%; margin-top:-0.35em; background:#fff8a4; z-index:-1;}

.caseBox{}
.caseList{}
.caseList li{}
.caseList .pd{ display:block; position:relative;}
.caseList .pd:before{ content:''; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:#000; opacity:0; z-index:2;}
.caseList .text{ position:absolute; left:50px; bottom:50px; z-index:2; color:#fff; display:none;}
.caseList .h3{ font-size:28px; padding-bottom:1em; margin-bottom:0.7em; line-height:1; position:relative;}
.caseList .h3:before{ content:''; position:absolute; width:1em; background:#fff; bottom:0px; height:5px; }
.caseList .p,
.caseList .em{ line-height:1.6;}

.caseList2 .text{ display:block;}
.caseList2 .pd:hover:before{ opacity:0.5;}

.caseList2 .h3,
.caseList2 .p,
.caseList2 .em{ transition:all ease 0.3s;}

.caseList2 .h3{ transition-delay:0.2s;}
.caseList2 .p{ transition-delay:0.4s;}
.caseList2 .em{ transition-delay:0.6s;}

.caseList2 .h3,
.caseList2 .p,
.caseList2 .em{ transform:translateY(50px); opacity:0;}
.caseList2 .pd:hover .h3,
.caseList2 .pd:hover .p,
.caseList2 .pd:hover .em{ transform:translateY(0); opacity:1; transition-delay:0;}

.casePage{}
.casePage a{ display:block; text-align:center; padding:1em 0; font-size:24px; background:#333; color:#fff;}
.casePage a:hover{ background:#000;}

.caseBox2{}
.caseBox2 .caseList li{ width:50%; float:left;}



.footer{ text-align:center; padding:30px 0;}
.contact{ padding-top:60px; border-bottom:1px solid #ccc;}
.contact .h3{ font-size:32px; border-bottom:1px solid #ccc;}
.contact .p{ padding:2em 0; border-bottom:1px solid #ccc;}
.ewm{ padding:2em 0;}
.ewm ul{ width:470px; margin:0 auto;}
.ewm li{ float:left; width:50%;}
.ewm .img{ width:160px; margin:0 auto;}
.ewm .img img{ width:100%; height:auto; display:block;}
.footerCon{ padding:1em; font-size:14px;}

.pageMain{ padding:80px 0;}

.about{}
.newsInfo{}
.textTit{ font-size:36px; text-align:center;}
.textEm{ font-size:14px; text-align:center; margin-bottom:20px;}
.textCon{ line-height:1.5;}
.textCon img{ display:inline-block; margin:20px auto; max-width:100%; height:auto;}
.textCon p{ margin-bottom:1em;}
.textCon>p:last-child,
.textCon>p:last-child>img{ margin-bottom:0px;}
.textCon>p:first-child>img,
.textCon>img:first-child{ margin-top:0px;}
.textCon .ul1{}
.textCon .ul1 li{ float:left; width:25%;}

.news{}
.news_list{}
.news_list li{ margin-bottom:60px;}
.news_list .pd{ display:block; text-align:center;}
.news_list .h3{ font-size:24px; text-decoration:underline;}
.news_list .em{ font-size:14px; font-family:arial;}
.news_list .p{ font-size:14px;}

.news_page{ text-align:center;}
.news_page ul{ display:inline-block; vertical-align:bottom;}
.news_page li{ float:left;}
.news_page a{ padding:0 10px; display:block;}

.caseInfoTop{ background:#eeefef; padding:80px 0;}
.caseInfoTop .pd{ padding-right:40%;}
.caseInfoTop .h3{ font-size:24px; position:absolute; right:0px; top:0px; max-width:40%;}
.caseInfoTop .h3 h1{ float:right; border-bottom:1px solid #ccc;}
.caseInfoTop .p{}
.caseInfoTop .em{ padding-top:1em;}
.caseInfoBottom img{ max-width:100%; height:auto; display:inline-block; margin-bottom:20px;}
.caseInfoBottom .wp>img:last-child{ margin-bottom:0px;}

.caseInfoBottom{ background:#5d5d5d;}

.shareBox{ padding-top:30px;}
.shareBox .bshare-custom{ float:right;}
.shareBox .bshare-custom a{ background-image:url(../images/share.png) !important; background-size:32px 150px !important; width:32px; height:32px; padding:0px !important; margin:0 0 0 16px !important;}
.shareBox .bshare-custom .bshare-more{ background-position:left top !important;}
.shareBox .bshare-custom .bshare-weixin{ background-position:left -50px !important;}
.shareBox .bshare-custom .bshare-sinaminiblog{ background-position:left -100px !important;}

.newsInfoPage{ padding-top:50px; position:relative; padding-right:200px;}
.backList{ position:absolute; right:0px; top:50px;}
.backList a{ display:inline-block; padding:0 2em; background:#ccc; border-radius:5px; height:60px; line-height:60px; font-size:22px;}


.caseInfoBottom{ background:#fff;}
.caseInfoBottom img{ margin-bottom:30px; width:100%; height:auto !important;}
.caseHeat{ padding-top:30px;}
.caseHeat .wp,
.caseBox .wp{ width:auto;}
.caseList li{ margin-bottom:30px;}
.caseList li:last-child{ margin-bottom:0px;}
.caseBox2 .caseList li{ margin-bottom:0px;}

.caseList .img{ position:relative; overflow:hidden;}
.caseList .img img{ position:absolute; left:0px; top:0px; right:0px; opacity:0; z-index:1;
transition: all 0.6s linear;}
.caseList .img img:first-child{ position:static; opacity:1;}
.caseList .img img.curr{ opacity:1; z-index:2;}

@media screen and (max-width:1600px){
body{ padding-top:100px; font-size:16px;}
.wp{ width:1100px;}
.footer .wp{ width:800px;}
.header .wp{ height:100px;}
.body_fix .header .wp{ height:60px;}

.slick-dots{ bottom:40px;}
.logo{ margin-top:-25px;}
.logo img{ height:50px;}
.menu{ padding:30px 0 0 0;}
.menu li{ padding:7px 0; margin-left:30px;}
.menu li a{ padding:0 5px; height:26px; line-height:26px;}

.iBanner1,
.iBanner1 img{}

.body_fix .menu{ padding-top:17px;}
.body_fix .menu li{ padding:0px;}

.caseList .text{ left:40px; bottom:40px;}

.tit1{ font-size:26px;}
.contact .h3{ font-size:26px;}

.news_list .h3{ font-size:20px;}

.footerCon{ font-size:12px;}

.casePage a{ font-size:18px;}

.caseList .h3{ font-size:24px;}
.caseList .h3:before{ height:4px;}
}

.fLink{ font-size:12px; text-align:left;}
.fLink span{ display:inline-block; vertical-align:bottom; margin:0 0.125em;}
.fLink a{ display:inline-block; vertical-align:bottom; margin:0 0.125em;}

.newsBox{ padding-top:120px;}