body{background: #fff;font-family: '微软雅黑', 'Microsoft Yahei', "Segoe UI", Helvetica, Arial, sans-serif!important;}
@charset "utf-8";
::-webkit-scrollbar{width: 8px}
::-webkit-scrollbar-track{background: #fff}
::-webkit-scrollbar-thumb{background: #1b1b1b}
::-webkit-scrollbar-thumb:window-inactive{background: #1b1b1b}
::-webkit-scrollbar-thumb:vertical:hover{background: #1b1b1b}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding: 0;border: 0;margin: 0}
li{list-style: none}
html{font-size: 625%}
body{font-size: 16px;overflow-x: hidden}
a{text-decoration: none;color: black;outline: 0; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
a:focus{outline: 0}
a:visited{text-decoration: none}
em,i{font-style: normal;font-weight: normal; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.clear{clear: both}
.iphone{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999;background: rgba(0, 0, 0, .2);display: none!important;}
.iphone form{display: none;width: 400px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;height: 250px;background: white;border-radius: 5px;}
input,textarea{background: 0;outline: 0;resize: none;border: 0;appearance: none;-moz-appearance: none;-webkit-appearance: none;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;padding-left: 10px;}

.w100{ width:100%;}
.w1200{ width:1200px; margin:0 auto;}
.clearboth{clear:both;height:0;overflow:hidden; display:block;}


/* 公用头部 */
.Header{ width: 100%; height: 90px; border-bottom: 1px solid #ADADB0; background:url(../images/10.png) repeat; position:fixed; left:0; top:0; z-index:9999; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.HeaderOn{ background:rgba(255,255,255,0.8); border-bottom: 0; box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2); }
.HeaderMain{ width:92%; margin:0 auto;}
.HeaderLogo{ width:192px; height:60px; margin-top: 15px; position:relative; float: left;}
.HeaderLogo img{ height:100%; vertical-align:top; position:absolute; left:0; top:0;}
.HeaderNav{ float: right; }
.HeaderNav li{ height:90px; line-height:90px; margin-left:60px; float:left;}
.HeaderNav li a{ width: 100%; display:block; color:#FFF; position:relative;}
.HeaderNav li.active a em,.HeaderNav li a:hover em{ width: 100%; height: 2px; background: #D1AB50; display: block; position: absolute; left: 0; bottom: 0; }
.HeaderOn .HeaderNav a,.CaseOn .HeaderNav a{ color:#000;}
.menuMain,.menuIcon{ display:none;}


.language{width: 72px; float: left; margin-top:33px;  margin-left: 60px; border:1px solid #d9b766; border-radius: 50px; background-color: #fff; position: relative; z-index: 1; overflow: hidden; }
.language_link {
    width: 50%; text-align: center;
    display: block; float: left;
    font-family: Proxima Nova,sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #d9b766;
    text-decoration: none;
    transition: color .25s; 
}
.language_link.active,.language_link:hover {
  color: #fff; background-color: #d9b766
}


/* 内页banner */
.nybanner{ height:660px; overflow: hidden;}
.nybanner h2{ width: 876px; text-align: center; color: #FFF; margin: 0 auto; }
.nybanner p{ text-align: center; color: #FFF; }
.nybanner h2{ padding: 300px 0 20px 0; font-size: 42px; font-weight: normal; }
.joinbanner h2{ padding: 270px 0 20px 0;}
.nybanner p{ height: 22px; line-height: 22px; font-size: 21px; letter-spacing: 1px; display: inline;  }
.nybanner-tit {
    text-align: center;
    color: #e40023;
}
.nybanner-tit-line{
    height: 6px;
    width: 226px;
    display: inline-block;
    position: relative;
    top: -5px;
}
.nybanner-tit-line1{
	background:url(../images/ban-tit-l.png) no-repeat;
    margin-right: 15px;
}
.nybanner-tit-line2{
	background:url(../images/ban-tit-r.png) no-repeat;
    margin-left: 15px;
}


.nybanner a{ width:128px; height:32px; line-height: 32px; display:block;/* background:url(../images/joinmore.png) no-repeat center;*/ background:#d1ab50; border-radius: 50px; color: #FFF; font-size: 16px;  margin: 30px auto;}
.nybanner a i{ width: 80px; margin: auto;  display: block; background:url(../images/more-sanjiao.png) 70px 12px no-repeat; }
.nybanner a:hover{width: 150px; margin:30px auto 0; }
.caseshow{ height:950px; overflow: hidden; position: relative;}
.ctit{ width: 1200px; height: 210px; position: absolute; left: 50%; top: 50%; margin: -105px 0 0 -600px; }
.ctit i{ font-size: 24px; color: #FFF; }
.ctit h2{ font-size: 36px; font-weight: normal; color: #FFF;}
.ctit p{ width: 40px; height: 2px; margin: 40px 0 50px 0; background: #D9B766; }
.ctit a{ display: block; }
.alsxp{ width: 1200px; height: 40px; position: fixed; left: 50%; bottom: 70px; margin: 0 0 0 -600px; overflow: hidden; z-index: 17; }
.alsxp a{ width:0; height:0; display:block; padding:40px 0 0 40px;}
.alsxp a img{ width: 100%; height: 100%; }
.alsxp .prev{ background:url(../images/prev.png) no-repeat center; float: left; }
.alsxp .back{ background:url(../images/back.png) no-repeat center; float: left; margin-left: 540px; }
.alsxp .next{ background:url(../images/next.png) no-repeat center; float: right; }

/* 走进愿景 */
.pagemainlbg,.pagemainrbg{ height:100%;}
.pagemain{ background:#EDEDED; position:relative; z-index:5; padding-bottom:60px;}
.pagemainl,.pagemainr{ position:relative; padding-top:68px; margin-top:-40px;min-height:550px;}
.pagemainl{ width:230px; float: left;}
.pagemainr{ width:860px; padding-left:110px; float: right;}
.pagemainl1{ width:342px;}
.pagemainr1{ width:738px; padding-left:100px;}
.pagemainlbg,.pagemainrbg{ height:100%;}
.aboutsub,.aboutsub a{ position:relative;}
.aboutsubi,.aboutsubem{ position:absolute; height:60px; width:3px; background:#E8AE32; display:block; right:0; top:0;}
.aboutsub a{ margin-bottom:32px; vertical-align:top; height:60px; line-height:24px; 
    padding: 0 65px 0 0; text-align: left;  font-size:14px; color:#000; font-weight:bold; text-transform: uppercase;
    display: flex;
    align-items: center;
}
.aboutsubem{opacity:0;-webkit-opacity:0;-moz-opacity:0;}
.aboutsub .on .aboutsubem{opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.aboutsubul a:hover,.aboutsub .on{ color:#E8AE32;}
.aboutsub,.pagemainrtxt{ position:relative; z-index:6;}
.pagemainrtxt{ padding-bottom: 60px; }
.pagemainrtxt img{ max-width:100%;}
.pagemainlbg{ position:absolute; width:9999px; top:0; right:0; background:#EDEDED;border-top-right-radius:15px;-webkit-border-top-right-radius:15px;-moz-border-top-right-radius:15px;}
.pagemainrbg{ position:absolute; width:9999px; top:0; left:0;background:#FCFCFC;border-top-left-radius:15px;-webkit-border-top-left-radius:15px;-moz-border-top-left-radius:15px;}
.pagemainrbg{border-bottom-left-radius:15px;-webkit-border-bottom-left-radius:15px;-moz-border-bottom-left-radius:15px;}
.pagemainrh2 em{ font-family:Arial, Helvetica, sans-serif; position:relative; line-height:33px; padding-bottom:15px; font-size:18px; color:#565656;text-transform:uppercase; display:block;}
.pagemainrh2 i{ position:absolute; left:0; bottom:0; width:55px; height:1px; background:#bababa;}
.pagemainrh2 span{ font-size:24px; font-weight:normal; color:#363636; display:inline-block; vertical-align:top; margin-top:20px;}
.pagemainrp1{ margin: 60px 0 100px 0; position:relative;}
.pagemainrp1l{ width:390px; float: left;}
.pagemainrp1r{ width:418px; line-height:30px; padding-top:20px; font-size:16px; color: #565656; float: right;}
.hxye{ margin: 60px 0 100px 0; }
.shim{ width: 860px; height: 200px; margin: 30px 0 45px 0; position: relative; }
.shim dt{ width: 860px; height: 200px; }
.shim dt img{ width: 100%; height: 100%; }
.shim dd{ width: 860px; height: 100px; padding: 50px 0; position: absolute; top: 0; left: 0; }
.shim dd h3,.shim dd p{ text-align: center; color: #FFF; }
.shim dd h3{ letter-spacing: 2px; font-size: 24px; font-weight: normal; }
.shim dd p{ line-height: 25px; margin-top: 15px; font-size: 16px; }
.jiazhi{ width: 860px; }
.jiazhi h1{ margin-bottom: 10px; font-size: 24px; color: #989898; }
.jiazhi h1 span{ font-weight: normal; color: #363636; }
.jiazhi h3{ padding: 25px 0 15px 0; font-weight: normal; color: #363636; }
.jiazhi p{ line-height: 30px; padding-bottom: 20px; border-bottom: 1px dashed #D9D9D9; color: #565656; }


.pagemainl-fixed{display: none; position: fixed;    top: 90px;  z-index: 15; }
/* 愿景资讯 */
.news{ background:#EDEDED; padding:60px 0;}
.newslist{ margin-top: 50px; }
.newslist dl{ margin-bottom: 30px; background:#FFF; overflow: hidden; box-shadow:0 0 10px #DDD; -webkit-box-shadow:0 0 10px #DDD; -moz-box-shadow:0 0 10px #DDD; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; }
.newslist dl:hover{ background:#F5F5F5;}
.newslist dl dt{ width: 300px; height: 265px; float: left; overflow: hidden; }
.newslist dl dt img{ width: 100%; height: 100%; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.newslist dl:hover dt img{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.newslist dl dd{ width: 800px; height: 195px; padding: 35px 50px; float: left; }
.newslist dl dd span{ font-size: 14px; color: #666; }
.newslist dl dd h3{ margin: 15px 0 20px 0; font-size: 16px; color: #363636; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; }
.newslist dl dd p{ line-height: 25px; margin-bottom: 40px; font-size: 14px; color: #666; }
.newslist dl dd b{ height: 20px; line-height: 20px; padding-left: 45px; display: block; background:url(../images/more.jpg) no-repeat left center; font-size: 14px; color: #989898; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; }
.newslist dl:hover dd h3{ color: #E8AE32; }
.newslist dl:hover dd b{ margin-left: 20px; background:url(../images/moreh.jpg) no-repeat left center; color: #E8AE32; }
.newscon{ width: 900px; padding: 50px; margin: 0 auto; background: #FFF; border-radius: 5px; }
.newscon h2{ text-align: center; letter-spacing: 2px; font-size: 18px; color: #363636; }
.newscon .bdsharebuttonbox{ padding: 15px 0 25px 300px; border-bottom: 1px solid #E6E6E6; overflow: hidden; }
.newscon .bdsharebuttonbox span{ margin-right: 12px; font-size: 14px; color: #989898; float: left; }
.newscon .bdsharebuttonbox b{ font-size: 14px; font-weight: normal; color: #989898; float: left;}
.newscon .bdsharebuttonbox a{ width: 17px !important; height: 17px !important; padding: 0; margin: 0 0 0 8px; }
.newscon .bdsharebuttonbox a.bds_tsina{ background:url(../images/bds1.jpg) no-repeat center !important;}
.newscon .bdsharebuttonbox a.bds_sqq{ background:url(../images/bds2.jpg) no-repeat center !important;}
.newscon .bdsharebuttonbox a.bds_weixin{ background:url(../images/bds3.jpg) no-repeat center !important;}
.newscon .conts{ margin-top: 20px; padding-bottom: 30px; border-bottom: 1px solid #E6E6E6; }
.newscon .conts p{ line-height: 30px; margin-bottom: 15px; color: #565656; }
.newscon .conts img{ max-width: 100%; margin-bottom: 15px; display: block; }

/* 愿景业务 */
.descr{ padding: 60px 0 10px 0; }
.yewu{ padding-bottom: 80px; border-bottom: 1px dashed #D9D9D9; overflow: hidden; }
.yewu dl{ width: 420px; margin: 20px 20px 0 0; float: left; }
.yewu dl.lr{ margin: 20px 0 0 0; }
.yewu dl dt{ width: 420px; height: 260px; overflow: hidden; }
.yewu dl dt img{ width: 100%; height: 100%; cursor: default; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; }
.yewu dl:hover dt img{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.yewu dl dd{ height: 36px; margin-top: 10px; overflow: hidden; }
.yewu dl dd b{ display: block; width: 60px; height: 2px; margin-top: 17px; background: #D1AB50; float: left; }
.yewu dl dd span{ height: 36px; line-height: 36px; margin-left: 20px; display: block; float: left;}
.casetit{ line-height: 24px; text-align: center; padding: 50px 0 25px 0; font-size: 24px; color: #363636; }
.casetit span{ font-size: 22px; font-weight: bold; color: #989898;}
.case{ overflow: hidden; }
.case dl{ width: 275px; margin: 20px 17px 0 0; float: left; }
.case-hexin dl:first-child { display: none;}
.case dl.lr{ margin: 20px 0 0 0; }
.case dl dt{ width: 275px; height: 160px; overflow: hidden; }
.case dl dt img{ width: 100%; height: 100%; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; }
.case dl:hover dt img{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.case dl dd{ height: 40px; line-height: 40px; padding-left: 20px; color: #FFF; background:url(../images/ctbg.jpg) repeat-x; }
.yjywny{ background:#EDEDED; padding:40px 0 60px 0; }
.casecon{ width: 900px; padding: 50px; margin: 0 auto; background: #FFF; border-radius: 5px; }
.casecon h1{ letter-spacing: 1px; font-size: 24px; font-weight: normal; color: #D0A951; }
.casecon h2{ padding-top: 25px; letter-spacing: 1px; font-size: 18px; color: #363636; }
.casecon h2 span{ letter-spacing: 0; font-size: 16px; color: #989898; }
.casecon p{ line-height: 28px; padding: 10px 0 25px 0; border-bottom: 1px dashed #D9D9D9; font-size: 16px; color: #565656; }
.casecon div{ line-height: 25px; padding: 10px 0 15px 0; font-size: 16px; color: #565656; }
.casecon img{ max-width: 100%; }

/* 合作伙伴 */
.hzhb{ background:#EDEDED;}
.pater{ width:1100px; padding:50px; background:#FFF; margin:0 auto; position:relative; top:-90px;}
.paterlist{ margin-top:30px; overflow:hidden;}
.paterlist li{ width:223px; height:123px; margin:20px 25px; border:1px dashed #DDD; float:left;overflow: hidden;}
.paterlist li img{ width: 100%; height: 100%; cursor: default; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; }
.paterlist li:hover img{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
/* 加入愿景 */
.jointit{ padding:20px; margin-top:50px; background:#444; border-radius:8px 8px 0 0; overflow:hidden;}
.jointit p{ letter-spacing:2px; font-size:18px; color:#FFF; float:left;}
.jointit p.t1{ width:230px; text-align:left;}
.jointit p.t2{ width:280px; text-align:center;}
.jointit p.t3{ width:100px; text-align:center; margin-left:130px;}

.join{ margin-bottom:10px;}
.join ul{ margin:0; padding:0; list-style:none}
.join ul li{ width:100%; border-bottom:solid 1px #E6E6E6; display:block; position:relative;}
.join ul li.active{ background:#EDEDED; }
/*.join ul li.active a{background: url(../images/sanjiao-up.png) right no-repeat; }*/
.join ul li:hover{ background:#EDEDED; }
.join ul li a{ padding:25px 40px; position:relative; display:block; overflow:hidden;}
.join ul li .c3::before{ content:""; width:14px; height: 8px; position: absolute;top:8px; background: url(../images/sanjiao-down.png) right no-repeat; right: -50px;}
.join ul li .c3.open::before{ content:""; width:14px; height: 8px; position: absolute;top:8px; background: url(../images/sanjiao-up.png) right no-repeat; right: -50px;}
.join ul li a p{ float:left;}
.join ul li a p.c1{ width:230px; letter-spacing:2px; text-align:left;}
.join ul li a p.c2{ width:280px; letter-spacing:2px; text-align:center;}
.join ul li a p.c3{ width:100px; text-align:center; margin-left:130px; position:relative;}
.join .submenu-indicator{ width:8px; height:21px; right:20px; top:25px; background:url(../images/yjt.png) no-repeat center; position:absolute; -o-transition:transform .3s linear; -moz-transition:transform .3s linear; -webkit-transition:transform .3s linear; -ms-transition:transform .3s linear}
.join ul ul.submenu .submenu-indicator{ line-height:16px}
.join .submenu-indicator-minus>.submenu-indicator{ -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg)}
.join ul ul.submenu{ line-height:28px; padding:10px 20px 30px 20px; letter-spacing:2px; font-size:14px; color:#565656; display:none; position:static}
.join ul ul.submenu h3{ margin-bottom:10px; font-size:16px; font-weight:normal; color:#363636}


/* 联系我们 */
.lxwm{ background:#ededed; padding-bottom: 350px;}
.contact{ width:1200px; padding:50px 50px 0; background:#FFF; margin:0 auto; position:relative; top:-100px; box-sizing: border-box;}
.xltop{ overflow:hidden;}
.xltop .left{ width:300px; float:left;}
.xltop .left dl{ margin-top:40px; padding-left:50px;}
.xltop .left dl.adds{ margin-top:60px; background:url(../images/adds.png) no-repeat left center;}
.xltop .left dl.tels{ background:url(../images/tels.png) no-repeat left center;}
.xltop .left dl.emails{ background:url(../images/emails.png) no-repeat left center;}
.xltop .left dl dt,.xltop .left dl dd{ height:28px; line-height:28px;}
.xltop .left dl dt{ font-size:16px; color:#666;}
.xltop .left dl dd{ font-size:14px; color:#666;}
.xltop form{ width:302px; padding:50px 35px; background:#454545; border-radius:5px; float:right;}
.xltop form h2{ letter-spacing:2px; font-size:18px; font-weight:normal; color:#FFF;}
.xltop form input{ width:280px; height:40px; line-height:40px; margin-top:15px; padding-left:20px; font-size:14px; border:1px solid #AAA9A9; background:#FFF; display:block;}
.xltop form .sub{ width:204px; height:52px; margin-top:45px; background:url(../images/sub.png) no-repeat center; border:0; cursor:pointer; display:block;}
.xltop form .sub:hover{ background:url(../images/sub-hover.png) no-repeat;}
#dituContent{ width:1098px; height:398px; margin-top:40px; border:1px solid #D9D9D9;}
.lxtit{ margin:30px 0; overflow:hidden;}
.lxtit h2{ width:230px; height:45px; line-height:45px; text-align:center; letter-spacing:2px; font-size:24px; font-weight:normal; color:#A7A7A7; float:left}
.lxtit p{ width:435px; margin-top:24px; border-top:1px solid #E1E1E1; float:left}
.company{ overflow:hidden;}
.company dl{ width:483px; padding:20px 25px; border:1px solid #DFDFDF; background:#F8F8F8; float:left;}
.company dl.lr{ float:right}
.company dl dt{ padding-bottom:20px; letter-spacing:2px; font-size:20px; color:#5F5F5F; /*background:url(../images/gs1.png) no-repeat left bottom;*/ border-bottom: 1px solid #e1e1e1; position: relative;}
.company dl dt:before{ content: ""; position: absolute; bottom: 0; width: 40px; height: 2px; background:#d9b766; -webkit-transition: width .5s ease-in-out;transition: width .5s ease-in-out;}
.company dl:hover dt:before{ width: 100%; }
.company dl dd{ margin-top:10px;}
.company dl dd p{ width:350px; line-height:32px; margin-top:3px; font-size:15px; color:#666; float:left;}
.company dl dd span{ width:64px; height:64px; padding:5px; border:1px solid #E6E6E6; background:#FFF; display:block; float:right}
.company dl dd span img{ width:100%; height:100%;}
.iw_poi_content{ font-size: 14px !important; }

.contact-sec1{  }
.contact-tit{ position: relative; font-size: 30px; color: #333; font-family: "Arial"; line-height: 1;  }
.contact-tit:before{
    content: "";
    position: absolute;
    width: 55px;
    height: 1px; 
    background:#d9b766;
    left: 0;
    top: 47px;
}
.contact-sec1-tab{ margin-top: 90px; overflow: hidden; }
.contact-sec1-tab-l{ width: 270px; background:#686868; float: left; padding:0 14px; overflow: hidden;    box-sizing: border-box; }
.contact-sec1-tab-l ul{ width: 100%; overflow: hidden; }
.contact-sec1-tab-l li{ line-height: 69px; width: 100%; float: left; font-family: "Arial"; font-size: 20px; position: relative; color: #fff; border-top:1px solid #898989; padding-left: 40px; } 
.contact-sec1-tab-l li:first-child{ border-top: 0; }
.contact-sec1-tab-l li:before{
    content: "";
    position: absolute;
    left: 0;

}
.contact-sec1-tab-l li.contact-sec1-tab-l1:before{
    width: 26px;
    height: 26px;
    background:url(../images/contact-icon1.png) no-repeat;
    background-size: cover;
    top: 22px;
}
.contact-sec1-tab-l li.contact-sec1-tab-l2:before{
    width: 24px;
    height: 27px;
    background:url(../images/contact-icon2.png) no-repeat;
    background-size: cover;
    top: 24px;
}
.contact-sec1-tab-l li.contact-sec1-tab-l3:before{
    width: 25px;
    height: 24px;
    background:url(../images/contact-icon3.png) no-repeat;
    background-size: cover;
    top: 26px;
}
.contact-sec1-tab-l li.contact-sec1-tab-l4:before{
    width: 25px;
    height: 23px;
    background:url(../images/contact-icon4.png) no-repeat;
    background-size: cover;
    top: 23px;
}
.contact-sec1-tab-l li.contact-sec1-tab-l5:before{
    width: 25px;
    height: 25px;
    background:url(../images/contact-icon5.png) no-repeat;
    background-size: cover;
    top: 22px;
}
.contact-sec1-tab-r{ width: 830px; float: right; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; box-sizing: border-box;  }
.contact-sec1-tab-r li{ width: 100%; border-top: 1px solid #ccc; width: 100%; float: left; font-size: 18px;color: #666; font-family: "Arial";}
.contact-sec1-tab-r1{ text-align: center;  line-height: 68px; background:#f0f0f0; }
.contact-sec1-tab-r2{ background:#fcfcfc; height: 69px;  }
.contact-sec1-tab-r2 p{ width: calc( ( 100% - 3px ) / 4 ); width: 205px\0; padding: 0 10px; display: flex; align-items: center; height: 100%; border-left:1px solid #ccc; float: left;box-sizing: border-box; }
.contact-sec1-tab-r2 p:first-child{ border-left: 0; }
.contact-sec2{ margin-top: 80px; overflow: hidden; }
.contact-sec2-container{ margin-top: 50px; }
.contact-sec2-l{ width: 550px; float: left; box-sizing: border-box; }
.contact-sec2-l ul{ position: relative; }

.contact-sec2-l li{ font-size: 18px; font-family: "Arial"; color: #555; line-height: 66px; padding-left: 55px; position: relative; transition: all .5s ease-in-out }
.contact-sec2-l li:before,.contact-sec2-l li:after{
    content: "";
    position: absolute;
}
.contact-sec2-l li:before{
    width: 1px; height: 100%;
    background:#d9b766;
    left: 18px;
    top: 0;
}
.contact-sec2-l li:after{ 
    width: 19px;
    height: 19px;
    background:url(../images/contact-cirle.png) no-repeat;
    background-size: cover;
    left: 8px;
    top: 50%;
    margin-top: -9.5px;
}
.contact-sec2-l li:hover{ background:#484848; color: #fff;}
.contact-sec2-l li:hover:before{ background:#fff; }
.contact-sec2-l li:hover:after{  background:url(../images/contact-cirle-on.png) no-repeat; background-size: 100% 100% !important }
.contact-sec2-r{ width: 540px; float: right; }
.contact-sec3{ margin-top: 100px;overflow: hidden; }
.contact-sec3-container{ margin-top: 65px; overflow: hidden; }
.contact-sec3-show:first-child{ display: none; }
.contact-sec3-show:last-child{ display: block; }
.contact-sec3-show.active{ display: block }
.contact-sec3-show li{ padding: 35px  10px 0; height: 260px; margin-left: 8px; background:#fafafa; border-top:1px solid #000; 
   position: relative; float: left; box-sizing: border-box;
}
.contact-sec3-show li:before{
    content: "";
    position: absolute;
    width: 0; height: 100%;
    background:linear-gradient(to right,#444,#757575);
    left: 0;
    top: 0;
    transition: width .5s ease-in-out
}
.contact-sec3-show li:hover:before{ width: 100%; }
.contact-sec3-show li:first-child{ margin-left: 0; }
.contact-sec3-show li>div{ position: relative; z-index: 1; }
.contact-sec3-show li i{ display: block; margin:auto; }
.contact-sec3-show li h5{ color: #333; font-size: 20px; font-weight: normal; font-family: "Arial"; line-height: 1; margin-top: 10px; text-align: center; }
.contact-sec3-show li p{ font-size: 18px; color: #666; line-height: 26px; font-family: "Arial"; margin-top: 20px; }
.contact-sec3-show li .view{ width: 129px; margin:30px auto 0; position: relative; display: block; text-align: center; line-height: 16px; font-size: 16px; color: #d9b766 }
.contact-sec3-show li .view:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 16px;
    background:url(../images/contact-jt-yellow.png) no-repeat;
    left: 0;
    bottom:-5px;
}
.contact-sec3-show li.contact-sec3-show-li3 .view{ margin: 50px auto 0; }
.contact-sec3-show li:hover .view:before{
    background:url(../images/contact-jt.png) no-repeat;
}
.contact-sec3-show li.contact-sec3-show-li2 p,.contact-sec3-show li.contact-sec3-show-li3 p{ text-align: center; }


.contact-sec3-show li.contact-sec3-show-li1{ width: 435px; }
.contact-sec3-show li.contact-sec3-show-li1 i{ width: 28px; height: 36px; background:url(../images/map-position.png) no-repeat; }
.contact-sec3-show li.contact-sec3-show-li1:hover i{background:url(../images/map-position-on.png) no-repeat;}
.contact-sec3-show li.contact-sec3-show-li2{ width: 180px; }
.contact-sec3-show li.contact-sec3-show-li2 i{ width: 32px; height: 32px; background:url(../images/contact-tel.png) no-repeat; }
.contact-sec3-show li.contact-sec3-show-li2:hover i{background:url(../images/contact-tel-on.png) no-repeat;}
.contact-sec3-show li.contact-sec3-show-li3{ width: 180px; }
.contact-sec3-show li.contact-sec3-show-li3 i{ width: 37px; height: 32px; background:url(../images/contact-renwu.png) no-repeat; }
.contact-sec3-show li.contact-sec3-show-li3:hover i{background:url(../images/contact-renwu-on.png) no-repeat;}
.contact-sec3-show li.contact-sec3-show-li4{ width: 280px; }
.contact-sec3-show li.contact-sec3-show-li4 i{ width: 35px; height: 32px; background:url(../images/contact-email.png) no-repeat; }
.contact-sec3-show li.contact-sec3-show-li4:hover i{background:url(../images/contact-email-on.png) no-repeat;}

.contact-sec3-show li:hover h5{ color: #fff; }
.contact-sec3-show li:hover p{ color: #d9d9d9; }
.contact-sec3-show li:hover .view{ color: #fff; }




.contact-sec3-tab{ border-top:2px solid #e6e6e6; margin-top: 50px; padding-top: 25px;}
.contact-sec3-tab li{ width: 50%; float: left; position: relative; line-height: 1; }
.contact-sec3-tab li:before{
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background:#6a727b;
    border-radius: 50%;
    left: 50%; margin-left: -6px;
    top: -32px;
}
.contact-sec3-tab li.on:before{
    width: 22px;
    height: 22px;
    background:url(../images/contact-sec3-cir.png) no-repeat;
    margin-left: -11px;
    top: -38px;
}
.contact-sec3-tab li a{ font-size: 24px; text-align: center; display: block; color: #666;  text-align: center; }
.contact-sec3-tab li.on a{ color: #333; }
.contact-sec4{ margin-top: 90px; position: relative; padding:40px; height: 400px; box-sizing: border-box; }
.contact-sec4:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 400px;
    background:url(../images/contact-sec4-bg.jpg) no-repeat;
    left: 0;
    top: 0;
}
.contact-sec4 .contact-tit{ color: #fff; }
.contact-from{ width: 640px; height: 585px; box-sizing: border-box;  background:linear-gradient(to right,#444,#757575); padding:35px 30px;float: right;  position: relative;    top: -30px;}
.contact-from h5{ color: #fff; font-size: 24px; font-family: "Arial"; line-height: 1; margin-bottom: 30px; }
.contact-from-div{ width: 100%; height: 36px; box-sizing: border-box;margin-bottom: 20px; clear: both  }
.contact-from-div input{ box-sizing: border-box; height: 36px; background:#fff; border-radius: 5px; padding:0 10px; color: #555;font-size: 18px; font-family: "Arial"; }
.contact-from-div1 input{ width: 280px; margin-left: 20px; float: left;   }
.contact-from-div1 input:first-child{ margin-left: 0; }
.contact-from-div2 input{ width: 100%;}
.contact-from-div input::-webkit-input-placeholder{color: #999;}
.contact-from-div input::-moz-placeholder{ color: #999;  }
.contact-from-div input::-ms-input-placeholder{ color: #999; }


.select-box { width: 280px; position: relative; float: left; border-radius: 5px; margin-left: 20px; box-sizing: border-box; }
.select-city .select-header { width: 100%; position: relative; height: 36px;box-sizing: border-box; border-radius: 5px;  /* letter-spacing: 2px; */ padding:0 10px; background:#fff; line-height: 36px; font-size: 18px; font-family: "Arial";color: #999; cursor: pointer; overflow: hidden; }
.select-city .select-header:before{
    content: "";
    position: absolute;
    width: 12px;
    height: 7px;
    background:url(../images/select-down.png) no-repeat;
    right: 10px;
    top: 15px;
}
.select-city .select-header.select-arrow:before{
    background:url(../images/select-up.png) no-repeat;
}
.select-city .select-content { 
    width: 100%; 
    border-left: 1px solid #bfbfbf; 
    border-right: 1px solid #bfbfbf;
    background:#fff;
    position: absolute; 
    top: 36px; 
    left: 0; 
    z-index: 99; 
    display: none; 
    box-sizing: border-box;
    
}
.select-city .select-content{
    padding: 15px;
    height:210px; 
    overflow:auto; 
    padding-right: 15px;
}
.select-city .select-content::-webkit-scrollbar{ width:2px; }
.select-city .select-content::-webkit-scrollbar-track{ background:#ccc;}
.select-city .select-content::-webkit-scrollbar-thumb{ background:#E8AE32;}
.select-city .select-content li { width: 100%; height: 26px; margin: 0;  line-height: 26px; font-size: 14px; color: #808080; cursor: pointer; }
.select-city .select-content li:hover{ color: #E8AE32 }
.sub{ width:182px; height:42px; margin-top:45px; background:url(../images/sub.png) no-repeat center; border:0; cursor:pointer; display:block;}
.sub:hover{ background:url(../images/sub-hover.png) no-repeat;}
/*pdf详细介绍*/
.pdfBody{ width: 100vw; height: 100vh; position: relative; background:#ededed; }
.pdfBodyContainer{ width: 1200px; height:800px; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin:auto; background:#fff; font-family: "Arial" }
.pdfBody-top{ width: 100%; padding:30px 45px; box-sizing: border-box; border-bottom: 1px solid #d9b766;display: flex; flex-direction:row; justify-content: space-between;  }
.pdfBody-top-l{ padding-top: 40px; }
.pdfBody-top-l h5{ font-size: 24px; color: #000; line-height: 1;}
.pdfBody-top-l p{ font-size: 24px; color: #000; line-height: 1; margin-top: 15px; }
.pdfBody-top-r{display: flex; flex-direction:row; justify-content: space-between;}
.pdfBody-top-r img{ width: 193px; height: 60px; }
.pdfBody-top-r ul{ overflow: hidden; margin-left: 25px; }
.pdfBody-top-r h5{ font-size: 16px; color: #000; margin-bottom: 10px; }
.pdfBody-top-r li{ font-size: 13px; line-height: 22px; color: #333 }
.pdfBody-txt{ overflow: hidden; padding: 60px 50px 0; box-sizing: border-box; width: 100%; }
.pdfBody-txt-l{ width: 835px; float: left; }
.pdfBody-txt-l p{ font-size: 18px; line-height: 28px; color: #333; }
.pdfBody-txt-r{ width: 220px; float: right; }
.pdfBody-txt-r img{ border:1px solid #E8AE32; border-radius: 10px; width: 100%; }
.pdfBody-txt-r a{ display: block; width: 160px; height: 34px; margin: 35px auto 0; }
.pdfBody-bot{ width: 100%; position: absolute; bottom: 0; box-sizing: border-box; padding: 0 50px; line-height: 40px; height: 40px; border-top:2px solid #E8AE32;display: flex; flex-direction:row; justify-content: space-between; }
.pdfBody-bot p{ font-size: 13px; color: #666; }
.pdfBody-bot img{ width: auto; height: 25px; margin-top: 7.5px; }

/* 分页 */
#page,#mpage{ text-align:center; padding-top:30px; clear:both;}
#page li,#mpage li{ display:inline-block; vertical-align:middle;}
#page li a,#mpage li a{ display:block; height:38px; line-height:38px; padding:0 14px; border:1px solid #D9D9D9; font-size: 14px; color:#999;}
#page li a.active,#page li a:hover{ background:#D1AB50; color:#FFF; border:1px solid #D1AB50;}
#mpage{ display: none; }
.prenext{ padding-top: 25px; overflow: hidden; }
.prenext p{ float: left; }
.prenext p a{ line-height: 30px; display: block; font-size: 16px; color: #989898;}
.prenext p a:hover{ color: #D1AB50;}
.prenext .back{ width: 130px; height: 40px; line-height: 40px; text-align: center; margin-top: 5px; background: #D1AB50; font-size: 14px; color: #FFF; display: block; float: right; }
.prenext .back:hover{ background:#fff; border:1px solid #D1AB50; color: #D1AB50;}

/* 公用底部 */
.backtop{ width:50px; height:50px; cursor:pointer; position:fixed; display:block; z-index:666; bottom:130px; right:0; z-index:55; background:url(../images/goindex.png) center no-repeat #bbb; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.Otherlink{ padding:20px 0; text-align:center;background:#F7F7F7; font-size:12px;    position: relative;    z-index: 17;}
.Otherlink a{ font-size:14px; color:#363636;}
.Otherlink a:hover{ color:#E8AE32;}
.Otherlink em{ font-size:14px; color: #D2D2D2; padding:0 40px;}
.bottoms{ width: 100%; padding: 50px 0 30px 0; background: #171717; position: relative; z-index: 16; }
.botcon{ width: 1200px; margin: 0 auto; overflow: hidden; }
.botcon ul{ width: 105px; float: left; margin-top: -5px; }
.botcon ul li a{ height: 50px; line-height: 50px; display: block; font-size: 26px; font-weight: bold; color: #2D2D2D; }
.botcon ul li a:hover{ color: #FFF; }
.botcon ul li.lion a{ color: #FFF; }
.botcon-con > div{ display: none; }
.botcon-con > div:first-child{ display: block; }
.botcon dl{ margin-left: 95px; float: left; }
.botcon dl.lx{ width: 270px; }
.botcon dl.email{ width: 320px; }
.botcon dl.adv{ width: 220px; }
.botcon dl dt{ padding-bottom: 15px; font-size: 18px; color: #FFF; border-bottom: 1px solid #484848; }
.botcon dl dd{ margin-top: 20px; }
.botcon dl dd p{ line-height: 28px; font-size: 14px; color: #FFF; overflow: hidden; }
.botcon dl dd p span{ text-align: right; display: inline-block; float: left; }
.botcon dl.email dd p span{width:68px!important;}
.botcon dl dd a{ width: 75px; height: 35px; line-height: 35px; padding-left: 40px; margin-bottom: 15px; color: #FFF; font-size: 14px; border: 1px solid #4D4D4D; display: block; }
.botcon dl dd a.qq{ background: url(../images/qq.png) 15px center no-repeat;  }
.botcon dl dd a.yw{ background: url(../images/xx.png) 15px center no-repeat;}
.botcon dl dd a.qq:hover{ color: #363636; border: 1px solid #FFF; background: url(../images/qq2.png) 15px center no-repeat #FFF;}
.botcon dl dd a.yw:hover{ color: #363636; border: 1px solid #FFF; background: url(../images/xx2.png) 15px center no-repeat #FFF;}
.copyright{ padding-top: 80px; text-align: center; font-size: 14px; color: #C6C6C6; }

@media screen and (max-width:1440px){
 .HeaderNav li { margin-left: 26px;}
 .caseshow{ height: 662px; background-size: 100% 100% !important; }
 .lxwm{ padding-bottom: 250px; }
 .pdfBodyContainer{ height: 500px; }
 .pdfBody-top{ padding:20px  35px; }
 .pdfBody-txt{ padding:30px 30px 0; }
 .pdfBody-txt-l{ overflow: auto;padding-right: 15px;    height: 210px; }
 .pdfBody-txt-l::-webkit-scrollbar{ width:2px; }
  .pdfBody-txt-l::-webkit-scrollbar-track{ background:#ccc;}
  .pdfBody-txt-l::-webkit-scrollbar-thumb{ background:#E8AE32;}
 .pdfBody-txt-l p{ font-size: 16px; line-height: 24px; }
 .pdfBody-txt-r img:first-child{ max-width: 100px; display: block;margin:auto;}
}
/* @media screen and (min-width:1205px) and (max-width:1440px) {
	.HeaderNav li { margin-left: 30px;}
} */
@media screen and (max-width:1200px){
    .nybanner-tit-line{ display: none; }
    .contact-tit{ font-size: 20px; }
    .contact-tit:before{ top: 30px; }
    .contact-sec1-con{ overflow: hidden; overflow-x: auto }
    .contact-sec1-tab{ margin-top: 30px; width: 1100px; }
    .contact-sec2{ margin-top: 30px; }
    .contact-sec2-l{ width: 100%; float: initial; }
    .contact-sec2-l li{ height: 66px; line-height: 24px; display: flex; align-items: center; }
    .contact-sec2-r{ width: 100%; float: initial; }
	.contact-sec2-r img { max-width: 100%;}
    .contact-sec3{ margin-top: 30px; }
    .contact-sec3-container{ margin-top: 30px; }
    .contact-sec3-show li{ margin-left: 0; padding:20px 3%; height: auto;}
    .contact-sec3-show li.contact-sec3-show-li1{ width: 100%; }
    .contact-sec3-show li.contact-sec3-show-li2{ width: 100%; }
    .contact-sec3-show li.contact-sec3-show-li3{ width: 100%; }
    .contact-sec3-show li.contact-sec3-show-li4{ width: 100%; }
    .contact-sec3-tab li{ padding:0 10px; box-sizing: border-box;}
    .contact-sec3-tab li a{ font-size: 15px; }
    .contact-sec4{ margin-top: 30px;    height: auto; padding:20px 3%; }

    .contact-from{ width: 100%; height: auto;padding: 20px 3%; top: 0; margin-top: 30px; float: initial;}
    .contact-from h5{ font-size: 18px; }
    .contact-from-div{ height: auto;  margin-bottom: 0 }
    .contact-from-div input{ margin-bottom: 10px; }
    .contact-from-div1 input{ width: 100%; overflow:hidden; margin-left: 0;}
    .select-box{ width: 100%; margin-left: 0; margin-bottom: 10px; }
    .select-city .select-content{ padding:10px 3%; height: 150px; }

    .lxwm{ padding-bottom: 50px;}












    .pdfBody{ height: auto; padding:20px 0; }
   .pdfBodyContainer{ width: 94%; height: auto; overflow: hidden; position: relative; } 
   .pdfBody-top{ padding:20px 3%; display: block;}
   .pdfBody-top-l{ padding-top: 0; }
   .pdfBody-top-l p{ font-size: 18px; }
   .pdfBody-top-r{ display: block; margin-top: 20px; }
   .pdfBody-top-r ul{ margin-left: 0; }
   .pdfBody-txt{ width:100%; padding:20px 3%;overflow: hidden; height: auto }
   .pdfBody-txt-l{  overflow: hidden; float: initial;height: auto; width: 100%; padding-right: 0;}
   .pdfBody-txt-r{ margin:20px auto 0; float: initial; }
  .pdfBody-bot{ position: relative;padding: 0 3%; }

  .language{ margin-right: 20px; margin-top: 2px; margin-left: 0; }
  .btn-nav{ float: right; }
}