@charset "utf-8";
@import url(reset.css);
@import url(../fonts/iconfont.css);
@import url(slick.css);
@import url(settings.css);
@import url(animate.css);
@import url(style.css);
body,html{ overflow-x:hidden; height:auto; box-sizing:border-box;}
body{ color:#333; font-size:14px; background:url(../images/bodyBg.jpg) repeat-y bottom center; background-size:100% auto;}
.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:#f1bf00;}
i,em{ font-style:normal;}

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

.iProCon li,
.header .logo,
.header .wp,
.menu a,
.menu a:before,
.menu dt:before,
.slick-arrow,
.listA .pd,
.imgList .pd,
.teamList .pd,
.menu .box,
.more1{
transition: all 0.3s ease-out;
}

.iMain4_1 .img img,
.iMain3_1 .img img,
.iMain2_1 .img img,
.iMain1_2 .img img,
.iMain1_1 .img img,
.listB .img img,
.listC .img img,
.listD .img img{transition: all 1s ease;}
.iMain4_1 .img,
.iMain3_1 .img,
.iMain2_1 .img,
.iMain1_2 .img,
.iMain1_1 .img,
.listB .img,
.listC .img,
.listD .img{ overflow:hidden;}
.iMain4_1 .pd:hover img,
.iMain3_1 .pd:hover img,
.iMain2_1 .pd:hover img,
.iMain1_2 .pd:hover img,
.iMain1_1 .pd:hover img,
.listB .pd:hover img,
.listC .pd:hover img,
.listD .pd:hover img{ transform:scale(1.05,1.05);}

.listA .pd:hover{ transform:translateY(-5px);}



.slick-arrow,
.ipt_b1,
.menu span,
.menu i,
.pNav span,
.pNav i,
.pNav dd a:before,
.tparrows.round:before{
font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.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:50%; margin-top:-20px; right:0px; margin-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: #000;width: 100%;height:2px;-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: #f1bf00;
-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: #f1bf00;
-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:1200px; margin:0 auto; position:relative;}

.header{ position:relative; left:0px; top:0px; right:0px; border-bottom:1px solid rgba(255,255,255,0.3); z-index:10; transform:translateZ(0); background:#fff;}
.header:before{ content:''; position:absolute; left:0px; top:0px; right:0px; height:35px; background:url(../images/top.png) no-repeat; background-size:100% 100%;}
.header .wp{ padding:76px 0 0 0;}

.logo{ position:absolute; left:190px; top:0px; font-size:48px; line-height:1;}
.logo .img1{ width:173px; position:absolute; left:-190px; top:0px;}
.logo .img2{ height:1em; width:auto; margin-top:70px; display:block;}

.tSearch{ position:absolute; right:0px; top:0px; width:144px; z-index:2;}
.tSearch .i{ display:none;}
.tSearch .box{ padding-top:7px;}
.tSearch .pd{ position:relative;}



.tLanguage{ position:absolute; left:190px; top:0px; z-index:2; color:#cbcbcb;}
.tLanguage .i{ display:none;}
.tLanguage .box{ font-size:14px; line-height:35px;}
.tLanguage .box span{ margin:0 1em;}
.tLanguage .box a{ color:#cbcbcb;}
.tLanguage .box a:hover{ color:#fff;}
.tLanguage .pd{ position:relative;}


.menu{ text-align:right; position:relative; z-index:2;}
.menu ul{ display:inline-block; vertical-align:bottom;}
.menu li{ position:relative; float:left; text-align:center; margin:0 10px;}
.menu .h3{ padding-bottom:44px;}
.menu .h3 a{ display:block; height:36px; line-height:36px; border-radius:18px; position:relative; color:#333; padding:0 20px;}
.menu .h3 a:after{ content:''; background: no-repeat; width:20px; height:20px; position:absolute; left:12px; top:50%; margin-top:-10px;}
.menu .h3 a:before{ content:''; position:absolute; left:0px; top:0px; right:0px; bottom:0px; border:1px solid #454545; border-radius:18px;}
.menu li:nth-child(1) .h3 a:after{ background-image:url(../images/menu1.png);}
.menu li:nth-child(1) .h3 a{ padding-left:40px;}
.menu li:hover .h3 a,
.menu li.curr .h3 a{ background:url(../images/menu.png) repeat-y; color:#fff;}
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{ opacity:0;}
.menu li:hover .box{ visibility:visible; opacity:1; left:0px;}

.menu span{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; margin-right:-10px; }
.menu span:before { content: "\e604"; }
.menu span.active:before { content: "\e606"; }
.menu i{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; width:40px; height:40px; text-align:center; line-height:40px; margin-right:-10px;}
.menu i:before { content:"\e8e9"; }

.menu .box span,
.menu .box i{ height:36px; line-height:36px; right:10px; color:#ccc;}

.menu .box{ visibility:hidden; opacity:0; background:#fff; border-top:none; text-align:left; width:230px; left:-20px; position:absolute;}
.menu .box a{ display:block; line-height:36px; height:36px; color:#f1bf00; position:relative; z-index:2; padding:0 2em; border-bottom:1px solid #f1bf00;}
.menu .box dl{ position:relative;}
.menu .box dt{ position:relative;}
.menu .box dt:before{ content:''; position:absolute; top:0px; bottom:0px; width:3px; background:#f1bf00; left:0px;}
.menu .box dt span{ display:block;}
.menu .box dt span:before{ content:'\e915';}
.menu .box dd{ display:none; position:absolute; left:100%; top:0px; width:230px; box-shadow:0 6px 12px rgba(0,0,0,0.175);}
.menu .box dd a{ background:#fff;}
.menu .box dd a:before{ content:''; position:absolute; top:0px; bottom:0px; width:3px; background:#f1bf00; left:0px;}
.menu .box dd a:hover{ background:#f1bf00; color:#fff;}
.menu .box dl:hover dt:before{ width:100%;}
.menu .box dl:hover dt a{ color:#fff;}
.menu .box dl:hover dt em{ color:#fff;}
.menu .box dl:hover dt span{ color:#fff;}
.menu .box dl:hover dd{ display:block;}

.body_fix .header{ background:rgba(0,0,0,0.8);}

.ibanner{ overflow:hidden;}
.ibanner .pd{ display:block; position:relative; overflow:hidden;}
.ibanner .pd img{ width:100.418410041841%; height:auto; display:block;}

.banner{ background:#efefef; position:relative; z-index:1; overflow:hidden;}

.iSearch{ background:#f7f7f7; padding:40px 0;}
.iSearch strong{ height:50px; line-height:50px; position:absolute; left:0px; top:50%; margin-top:-25px; font-size:20px;}
.iSearch .pd{ position:relative; width:62%; margin:0 auto; padding-left:120px;}

.ipt_t1{ background:#fff; border:none; color:#333; height:48px; line-height:48px; border:1px solid #d2d2d2; width:100%; padding:0 74px 0 10px; border-radius:10px !important; font-size:12px; box-sizing:border-box; display:block;}
.ipt_b1{ width:74px; text-align:center; font-size:24px; line-height:48px; height:48px; color:#fff; position:absolute; right:0px; top:0px; background:#f1bf00; border:none; border-radius:10px!important; }

.tit1{ background:#f1bf00; padding:0 20px; line-height:110px; font-size:20px; position:relative; overflow:hidden; color:#fff;}
.tit1 strong{ float:left; margin-right:10px;}
.tit1 em{ float:left;}
.tit1 a{ position:absolute; width:20px; height:20px; line-height:20px; text-align:center; top:50%; margin-top:-10px; background:#fff; border-radius:50%; font-size:12px; color:#f1bf00; right:20px;}

.more1{ display:inline-block; vertical-align:bottom; background:#f1bf00; font-size:16px; min-width:110px; line-height:2.5; height:2.5em; color:#212429; text-transform:uppercase; text-align:center; box-sizing:border-box; padding:0 1em;}
.more1:hover{ background:#f1bf00; color:#fff;}


.iMain{}
.iMain1{ background:url(../images/iMain1.jpg) no-repeat bottom center #fff; background-size:100% auto; padding:100px 0 150px 0;}
.iMain1_1{ position:relative; background:#ccc; margin-bottom:20px;}
.iProCon{ margin-right:348px;}
.iProCon ul{ position:relative;}
.iProCon li{ position:absolute; left:0px; top:0px; right:0px; opacity:0;}
.iProCon li:first-child{ position:relative;}
.iProCon li.curr{ opacity:1; z-index:2;}
.iProTopFr{ position:absolute; right:0px; top:0px; width:348px; z-index:3;}
.iProTab{}
.iProTab li{}
.iProTab .pd{ display:block; color:#fff; padding:15px 15px 15px 20px; background:url(../images/iProTab.jpg) no-repeat; background-size:100% 100%; overflow:hidden;}
.iProTab .img{ width:70px; height:70px; float:right; padding:5px; border-radius:50%; background:#5d5d5d;}
.iProTab .img img{ border-radius:50%;}
.iProTab .text{ margin-right:70px; padding:15px 20px 0 0;}
.iProTab .h3{ font-size:18px; line-height:1.5; height:1.5em; font-weight:bold; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.iProTab .em{ color:#999; line-height:1.5; height:1.5em; font-weight:bold; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.iProTab .pd:hover{ background:#d4a800 url(../images/zuo.png) no-repeat 10px center; padding-left:40px; margin-left:-30px;}
.iProTab .pd:hover .em{ color:#fff;}
.iMain1_2{}
.iMain1_2 .single-item{ margin:0 -10px;}
.iMain1_2 .pd{ margin:0 10px; display:block;}
.iMain1_2 .img{}
.iMain1_2 .text{ position:absolute; left:20px; bottom:20px; right:20px; background:rgba(0,0,0,0.8); padding:0 70px 0 35px;}
.iMain1_2 .text:before{ content:''; position:absolute; left:0px; top:50%; height:1px; background:#fff; width:20px;}
.iMain1_2 .h3{ font-size:16px; line-height:3; height:3em; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; color:#fff;}
.iMain1_2 .i{ position:absolute; width:32px; height:32px; font-size:24px; line-height:32px; text-align:center; right:10px; top:50%; margin-top:-16px; color:#fff;}
.iMain1_2 .pd:hover .text{ background:#f1bf00;}

.iMain2{ padding:70px 0;}
.iMain2_1{ background:#212429; position:relative;}
.iMain2_1:before{ content:''; position:absolute; left:0px; top:0px; width:15px; bottom:0px; background:#f1bf00;}
.iMain2_1 .img{ width:46.83333333333333%; float:right;}
.iMain2_1 .text{ padding:60px 50px 0 65px; margin:0 46.83333333333333% 0 0;}
.iMain2_1 .h3{ line-height:1.5; font-weight:normal; font-size:30px; height:1.5em; margin-bottom:10px; color:#fff; font-weight:bold; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;}
.iMain2_1 .p{ color:#a3adb5; font-size:16px; line-height:1.5; height:7.5em; margin-bottom:40px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4;}
.iMain2_2{ background:#ffffff;}
.iMain2_2 li{ width:20%; float:left;}
.iMain2_2 .pd{ display:block; padding:40px 0; text-align:center; border-right:1px solid #f4f4f4;}
.iMain2_2 .img{ width:70px; position:relative; margin:0 auto;}
.iMain2_2 .img:before,
.iMain2_2 .img:after{ content:''; position:absolute; left:50%; top:50%; width:70px; height:70px; margin:-35px 0 0 -35px; background:url(../images/ico.jpg) no-repeat;}
.iMain2_2 .img:after{ opacity:0;}
.iMain2_2 li:last-child .pd{ border-right-color:#fff;}
.iMain2_2 li:nth-child(1) .img:before{ background-position:-85px 10px; }
.iMain2_2 li:nth-child(2) .img:before{ background-position:-325px 10px; }
.iMain2_2 li:nth-child(3) .img:before{ background-position:-567px 10px; }
.iMain2_2 li:nth-child(4) .img:before{ background-position:-808px 10px; }
.iMain2_2 li:nth-child(5) .img:before{ background-position:-1050px 10px; }
.iMain2_2 li:nth-child(1) .img:after{ background-position:-85px -60px; }
.iMain2_2 li:nth-child(2) .img:after{ background-position:-325px -60px; }
.iMain2_2 li:nth-child(3) .img:after{ background-position:-567px -60px; }
.iMain2_2 li:nth-child(4) .img:after{ background-position:-808px -60px; }
.iMain2_2 li:nth-child(5) .img:after{ background-position:-1050px -60px; }
.iMain2_2 .pd:hover .img:after{ opacity:1;}
.iMain2_2 .text{}





.footer{ background:url(../images/footer.png) no-repeat; background-size:100% 100%; color:#fff;}
.footer a{ color:#fff;}
.footer a:hover{ color:#f1bf00;}
.fTop{ padding-top:134px; margin-bottom:20px;}
.fContact{ overflow:hidden; color:#fff; float:left;}
.fContact .img{ width:36px; height:36px; background:#fff url(../images/fContact.png) no-repeat center center; border-radius:50%; float:left;}
.fContact .text{ margin-left:36px; padding-left:10px; line-height:1;}
.fContact .h3{ font-size:12px; margin-bottom:5px;}
.fContact .p{ font-size:20px;}
.fNav{ text-align:right; float:right;}
.fNav ul{ display:inline-block; vertical-align:bottom;}
.fNav li{ float:left; margin-left:40px;}
.fNav li a{ font-size:16px; line-height:36px; height:36px;}
.fCopy{ min-height:60px; line-height:60px;}
.fEwm{ position:absolute; top:50%; margin-top:-30px; right:0px; width:60px;}
.fEwm img{ width:100%; height:auto; display:block;}
.fBottom{ background:url(../images/line.png) no-repeat; padding:15px 0; position:relative;}




.pg{ min-height:550px; padding:30px 0 50px 0;}
.pMain{ overflow:hidden;}
.pMainFl{ width:22%; float:left; position:relative;}
.tit4{margin-bottom: 15px;padding: 8px 10px 8px 0;border-bottom: 1px solid #f1bf00;box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3);font-size: 19px;line-height: 1.4;}
.pNav{ border-radius: 5px; background: #fbfbfb;}
.pNav li{}
.pNav .h3{ position:relative;}
.pNav a{ position:relative; font-size:14px; line-height:36px; height:36px; display:block; padding-left:36px; color:#555;}
.pNav span{ display:block; position:absolute; left:0px; top:0px; width:36px; height:36px; text-align:center; line-height:36px; font-size:12px; cursor:pointer;}
.pNav span:before { content: "\e604"; }
.pNav span.active:before { content: "\e606"; }
.pNav dd a:before,
.pNav i{ display:block; position:absolute; left:0px; top:0px; width:36px; height:36px; text-align:center; line-height:36px; font-size:12px;}
.pNav dd a:before,
.pNav i:before{ content:"\e8e9"; }
.pNav .h3 a:hover,
.pNav .h3 a.active{ color:#f1bf00;}
.pNav .box{ display:none;}
.pNav dl{ margin-left:22px;}
.pNav dt{ position:relative;}
.pNav dd{ display:none; margin-left:22px;}

.pNav li.curr{ background:#f2f2f2;}
.pNav li.curr .h3,
.pNav li.curr .h3 a,
.pNav dl.curr dt,
.pNav dl.curr dt a,
.pNav dd a.curr{color:#f1bf00;}


.pMainFr{ width:76%; float:right;}
.crumbs{}
.crumbsFl{margin-bottom: 20px;padding: 8px 10px 8px 0;border-bottom: 1px solid #f1bf00;box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3);font-size: 19px;font-weight: bold;line-height: 1.4;}

.pMainCon{ padding:30px 0 0 0 ;}

.newsInfo{}
.newsInfoTit{ margin-bottom:20px; text-align:center;}
.newsInfoTit .h3{ font-size:18px; line-height:1.5; margin-bottom:5px;}
.newsInfoTit .em{ line-height:20px; color:#999;}
.newsInfoTit .em i{ margin-right:5px; display:inline-block; vertical-align:bottom;}
.newsInfoTit .em em{ display:inline-block; vertical-align:bottom;}
.newsInfoCon{ line-height:1.875; margin-bottom:30px;}
.newsInfoCon img{ max-width:100%; height:auto; display:inline-block; vertical-align:baseline;}
.newsInfoM{}
.newsInfoM li{ background:#f5f5f5; margin-bottom:10px; line-height:46px; height:46px; padding:0 20px;}
.newsInfoM strong{ float:left; line-height:46px; height:46px;}
.newsInfoM a{ display:block; line-height:46px; height:46px; overflow:hidden;}


.imgList{}
.imgList ul{ margin-right:-30px;}
.imgList li{ width:33.3333%; float:left; margin-bottom:30px;}
.imgList .pd{ display:block; padding:20px; border-radius:4px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.1); margin-right:30px;}
.imgList .img{}
.imgList .text{ padding:15px 0;}
.imgList .h3{ font-size:18px; color:#1d609f; margin-bottom:5px; height:1.5em; line-height:1.5; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.imgList .em{ color:#999; line-height:20px; margin-bottom:10px;}
.imgList .em i{ margin-right:5px;}
.imgList .em span{}
.imgList .p{ line-height:1.5; height:3em; overflow:hidden; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.imgList .pd:hover{ transform:scale(1.05,1.05); box-shadow:0 0 10px rgba(0,0,0,0.3);}

.teamList{}
.teamList ul{ margin-right:-30px;}
.teamList li{ width:50%; float:left; margin-bottom:30px;}
.teamList .pd{ display:block; padding:30px; overflow:hidden; border-radius:4px; border:1px solid #ccc; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.1); margin-right:30px;}
.teamList .img{ width:112px; float:left;}
.teamList .text{ margin-left:112px; padding-left:30px;}
.teamList .h3{ font-size:18px; color:#1d609f; margin-bottom:10px; height:1.5em; line-height:1.5; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; }
.teamList .p{ font-size:14px; line-height:1.75;  color:#666;}
.teamList .pd:hover{ transform:scale(1.05,1.05); box-shadow:0 0 10px rgba(0,0,0,0.3);}

.newsList{}
.newsList ul{}
.newsList li{ overflow:hidden; padding:30px 0; border-top:1px dashed #e5e5e5;}
.newsList li:last-child{ border-bottom:1px dashed #e5e5e5;}
.newsList .pd{ display:block;}
.newsList .img{ width:84px; padding:24px 0; float:left; background:#f2f2f2; color:#333; text-align:center; line-height:1;}
.newsList .img strong{ display:block; font-size:18px; font-weight:normal; margin-bottom:6px;}
.newsList .img em{ display:block; font-size:12px;}
.newsList .text{ margin-left:84px; padding:7px 0 0 20px;}
.newsList .h3{ font-size:16px; height:1.5em; margin-bottom:5px; line-height:1.5; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; color:#000;}
.newsList .p{ height:3em; line-height:1.5; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; color:#666;}


@media screen and (max-width:1680px){
.logo{ font-size:36px; left:142px;}
.logo .img1{ width:130px; left:-142px;}
.logo .img2{ margin-top:56px;}
.header .wp{ padding-top:57px;}
.header:before{ height:28px;}
.tLanguage{ left:142px;}
.tLanguage .box{ line-height:28px;}
.menu li{ margin:0 8px;}
.menu .h3{ padding-bottom:28px;}
.menu .h3 a{ line-height:28px; height:28px; padding:0 16px;}
.menu .h3 a:after{ width:16px; height:16px; left:8px; background-size:100% auto; margin-top:-8px;}
.menu li:nth-child(1) .h3 a{ padding-left:32px;}
.iSearch{ padding:35px 0;}
.iMain1{ padding:75px 0 100px 0;}
.iMain2{ padding:60px 0;}
.iMain2_2 .pd{ padding:30px 0;}









.tparrows.round{ width:40px; height:40px; margin-top:-20px;}
.tparrows.round:before{ line-height:40px;}
.tp-bullets.simplebullets.round .bullet{ width:12px; height:12px;}

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

}
@media screen and (max-width:1366px){
.wp{ width:1000px;}
.tit1{ height:73px; line-height:73px;}
.iProTab .pd{ padding:10px 10px 10px 20px;}
.iProTab .h3{ font-size:16px;}
.iProTab .img{ width:60px; height:60px; padding:4px;}
.iProTab .text{ margin-right:60px; padding:10px 15px 0 0;}
.iProTab .pd:hover{ margin-left:-20px;}
.iMain1_2 .h3{ height:2.5em; line-height:2.5;}
.iMain1_2 .i{ font-size:18px;}
.iMain2_1 .p{ font-size:14px;}
.iMain2_1:before{ width:12px;}
.iMain2_1 .text{ padding:40px 35px 0 45px;}
.iMain2_1 .p{ margin-bottom:30px;}
.more1{ font-size:14px;}
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1024px){
body{ padding-top:50px; background:#fff;}
.wp{ width:auto; margin:0 30px;}

.header{ left:0px; top:0px; right:0px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3); border-bottom:none; position:fixed;}
.header:before,
.header:after{ display:none;}
.header .wp{ height:50px; position:relative; padding:0px; margin:0 30px;}
.logo{ left:0px; font-size:28px; margin-left:0px; padding-left:64px;}
.logo .img1{ left:0px; width:54px; top:0px;}
.logo .img2{ margin-top:12px;}


.iSearch{ padding:20px 0;}
.iSearch .pd{ padding-left:90px;}
.iSearch strong{ height:36px; line-height:36px; margin-top:-18px; font-size:16px;}
.ipt_t1{ background:#fff; color:#333; border:none; height:36px; line-height:36px;}
.ipt_b1{ width:58px; line-height:36px; height:36px; font-size:18px;}


.tLanguage{ display:none;}


.menu-link{ display:block;}
.menu{ display:none; position:fixed; margin:0px; -webkit-transform: translateZ(0); top:50px; width:240px; right:0px; padding:0px; background:#f2f2f2;}
.menu ul{ display:block; padding-right:0px;}
.menu li{ float:none; padding:0px; width:auto; margin:0px;}
.menu .h3 a:before{ display:none !important;}
.menu .h3{ position:relative; border-bottom:1px solid rgba(162,104,90,0.1); padding:0px;}
.menu .h3 a{ height:auto; text-align:left; position:static; color:#333; padding:0px 30px; height:40px; line-height:40px; border-radius:0px; font-size:14px;text-decoration:none !important;}
.menu .h3 a:after{ display:none;}
.menu .h3 strong{ padding-top:0px; margin-bottom:3px;}
.menu li:hover .h3 a{}
.menu li.curr .h3 a,
.menu li.curr .h3 span{ background:#f1bf00; color:#fff;}
.menu-link{ display:block;}
.menu li:hover .box{ display:none;}
.menu i{ display:block;}
.menu span{ display:block;}

.menu .box{ display:none; visibility:visible; opacity:1; transition:none; position:static; margin:0px !important; width:auto !important; background:#eee;}
.menu .box a{ position:static; color:#333; border-bottom:none;}
.menu .box span,
.menu .box i{ right:30px; color:#333;}
.menu .box dt:before{ display:none;}
.menu .box dt span:before{ content:"\e604";}
.menu .box dt span.active:before{ content:"\e606";}
.menu .box dd{ position:static; width:auto; box-shadow:none;}
.menu .box dd a{ background:rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.1); text-align:center;}
.menu .box dd a:before{ display:none;}
.menu .box dl{border-bottom:1px solid rgba(162,104,90,0.1);}
.menu .box dl:hover dt span{ color:#333;}
.menu .box dl:hover dt a{ color:#333;}
.menu .box dl:hover dd{ display:none;}

.tit1{ height:72px; line-height:72px;}
.iMain1{ padding:50px 0 75px 0;}
.iMain1_2 .h3{ font-size:14px;}
.fTop{ padding-top:100px; margin-bottom:10px;}
.iProTab .img{ width:58px; height:58px; padding:2px;}
.iProTab .text{ padding:5px 15px 0 0; margin-right:62px;}
.iMain2{ padding:50px 0;}
.iMain2_1 .h3{ font-size:24px;}
.iMain2_2 .pd{ padding:20px 0;}
.iMain2_2 .img{ width:50px; overflow:hidden;}
.fNav li a{ font-size:14px;}


.pMainFl{ display:none;}
.pMainFr{ float:none; width:auto;}

.imgList li{}
.imgList ul{ margin-right:-20px;}
.imgList li{ margin-bottom:20px;}
.imgList .pd{ margin-right:20px; padding:15px;}
.teamList ul{ margin-right:-20px;}
.teamList .pd{ padding:25px; margin-right:20px;}
.teamList li{ margin-bottom:20px;}
.teamList .text{ padding-left:20px;}
}
@media screen and (max-width:980px){
.iProCon{ margin-right:0px;}
.iProTopFr{ position:static;}
.tit1{ display:none;}
.iMain1_1{ background:none;}
.iProTopFr{ width:auto; padding-top:20px; text-align:center;}
.iProTab ul{ display:inline-block; vertical-align:bottom;}
.iProTab li{ float:left; margin:0 10px;}
.iProTab .pd{ background:none; padding:0px;}
.iProTab .img{ width:48px; height:48px; padding:3px;}
.iProTab .text{ display:none;}
.iProTab .pd:hover{ background:none; padding-left:0px; margin:0px;}
.iProTab li.curr .img{ background:#f1bf00;}
.iMain1_2 .single-item{ margin:0 30px;}
.iMain1_2 .slick-prev{ left:0px; margin-left:-30px;}
.iMain1_2 .slick-next{ right:0px; margin-right:-30px;}
.iMain2_1 .img{ width:auto; float:none;}
.iMain2_1:before{ display:none;}
.iMain2_1 .text{ padding:30px; margin:0px;}
.iMain2_1 .p{ height:auto; display:block; -webkit-line-clamp: inherit;}
.fContact{ float:none; width:200px; margin:0 auto 20px auto;}
.fNav{ float:none; text-align:center;}
.fNav li{ margin:0 10px;}
.fEwm{ position:static; margin:0 auto 10px auto; width:120px;}
.fCopy{ line-height:1.5; min-height:inherit; text-align:center;}

.crumbsFr{ display:none;}
.imgList li{ width:50%;}
}
@media screen and (max-width:768px){
.imgList ul{ margin-right:0px;}
.imgList li{ width:auto; float:none;}
.imgList .pd{ margin-right:0px;}
.teamList ul{ margin-right:0px;}
.teamList li{ width:auto; float:none;}
.teamList .pd{ padding:20px; margin-right:0px;}
.teamList .text{ padding-left:15px}
.newsList li{ padding:20px 0;}
}
@media screen and (max-width:640px){
body{ padding-top:50px;}
.header .wp,
.wp{ margin:0 25px;}
.slick-arrow{ font-size:12px;}
.slick-dots li{ margin:0 5px;}
.iMain1{ padding:40px 0;}
.iMain1_2 .pd{ margin:0px;}
.iMain1_2 .text:before{ width:12px;}
.iMain1_2 .text{ padding:0 42px 0 20px; left:10px; bottom:10px; right:10px;}
.iMain1_2 .i{ right:0px;}
.iMain2{ padding:40px 0;}
.iMain2_1 .text{ padding:20px;}
.iMain2_1 .h3{ font-size:18px;}
.iMain2_2 .pd{ padding:15px 0;}
.iMain2_2 .img{ width:35px; height:35px;}
.iMain2_2 .img:before,
.iMain2_2 .img:after{ width:35px; height:35px; margin:-17.5px 0 0 -17.5px; background-size:600px 60px;}
.iMain2_2 .text{ font-size:12px;}
.iMain2_2 li:nth-child(1) .img:before{ background-position:-42.5px 5px; }
.iMain2_2 li:nth-child(2) .img:before{ background-position:-162.5px 5px; }
.iMain2_2 li:nth-child(3) .img:before{ background-position:-283.5px 5px; }
.iMain2_2 li:nth-child(4) .img:before{ background-position:-404px 5px; }
.iMain2_2 li:nth-child(5) .img:before{ background-position:-525px 5px; }
.iMain2_2 li:nth-child(1) .img:after{ background-position:-42.5px -30px; }
.iMain2_2 li:nth-child(2) .img:after{ background-position:-162.5px -30px; }
.iMain2_2 li:nth-child(3) .img:after{ background-position:-283.5px -30px; }
.iMain2_2 li:nth-child(4) .img:after{ background-position:-404px -30px; }
.iMain2_2 li:nth-child(5) .img:after{ background-position:-525px -30px; }
.fContact{ width:auto; padding-left:12px; margin-bottom:10px;}
.iSearch .pd{ width:100%; box-sizing:border-box; padding-left:75px;}
.iSearch strong{ font-size:14px;}

.footer{ background:#333;}
.fTop{ padding-top:20px;}
.fEwm{ width:80px;}
.fNav ul{ display:block;}
.fNav li{ margin:0px; width:20%;}
.fNav li a{ line-height:24px; height:24px; font-size:12px;}
.fCopy{ font-size:12px;}


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

.teamList .pd{ padding:15px;}
.newsList .text{ padding-left:15px}
.teamList .p{ line-height:1.5;}
}
@media screen and (max-width:413px){
body{ font-size:13px;}
.header .wp,
.wp{ margin:0 20px;}
.iProTab .img{ width:32px; height:32px; padding:2px;}


.teamList .img{ width:80px;}
.teamList .text{ margin-left:80px;}
}
@media screen and (max-width:374px){
body{ font-size:12px;}
.header .wp,
.wp{ margin:0 15px;}
.logo{ font-size:24px;}
.iMain1_2 .h3{ font-size:12px;}
.iMain2_1 .h3{ font-size:16px;}
.iMain2_1 .p{ font-size:12px;}
.iMain2_2 .text{ font-size:10px;}
.fNav li a{ font-size:10px;}

.newsList .h3{ font-size:14px;}
.teamList .h3{ font-size:14px;}
.imgList .h3{ font-size:14px;}

}