@charset "utf-8";
*{padding:0; margin:0}
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{ -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
body,html{height:100%;font-family: 思源黑体 CN, 'helvetica neue', 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif !important; font-size:14px; color:#333;}
a{text-decoration:none;color:#333;outline:0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
a:focus{outline:0}
a:visited{text-decoration:none}
em{font-style:normal;font-weight:normal; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s 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;}
.fl{ float:left;}
.fr{ float:right;}
.w100{ width:100%;}
.wrap{ width:1600px; margin:0 auto;}
.clear{clear:both;height:0;overflow:hidden; display:block;}

/* 公用头部 */
.Header{ width:100%; background:url(../images/20.png) repeat; position:fixed; left:0; top:0; z-index:9999; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 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); }
.HeaderOn{ background:#FFF; border-bottom:0;}
.tops{}
.tops .wrap{ overflow:hidden;}
.tops .tel{ height:46px; line-height:46px; padding-right:20px; float:right;}
.tops .lan{ float:right;}
.tops .lan a{ height:14px; line-height:14px; margin:16px 0; padding:0 10px; display:block; float:left;}
.tops .lan a.cn{ border-right:1px solid #333;}
.tops .lan a:hover{ color:#EF7301;}
.HeaderMain{ width:1600px; margin:0 auto;}
.HeaderLogo{ width:139px; height:38px; margin:17px 0; position:relative; float:left;}
.HeaderLogo img{ height:100%; vertical-align:top; position:absolute; left:0; top:0;}
.menuMain{ display:none;}
.navs{ height:42px; margin:15px 0 25px 200px; float:left;}
.navs li{ height:42px; margin:0 40px 0 0; float:left; position:relative;}
.navs li a{ height:42px; line-height:42px; font-size:18px; color:#000; display:block;}
.navs li a.active{ font-weight:bold;}
.navs li a:hover{ color:#EF7301;}
.navs li .ernav{ width:192px; height:0; overflow:hidden; position:absolute; top:40px; left:-60px; background:#FFF; box-shadow:0 1px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 10px rgba(0,0,0,0.2);}
.navs li:hover .ernav{ width:192px; height:auto; position:absolute; top:40px; left:-60px; background:#FFF;}
.navs li .ernav a{ height:42px; line-height:42px; text-align:center; margin:0; font-size:16px; color:#333; border-bottom:1px solid #EFEFEF;}
.navs li .ernav a:hover{ color:#EF7301;}
.HeaderMain form{ width:230px; height:36px; margin:16px 0 30px 0; border:1px solid #3F3F3F; border-radius:19px; float:right;}
.HeaderMain form .text{ width:165px; height:36px; line-height:36px; font-size:16px; color:#333; padding:0 0 0 15px !important; display:block; float:left; }
.HeaderMain form .sub{ width:45px; height:38px; line-height:38px; font-size:16px; letter-spacing:2px; cursor:pointer; float:left; }
.menuIcon{ position:relative; right:0px; float:right; top:32px; z-index:99999; cursor:pointer; display:none;}

/* 公用部分 */
.nybanner{ height:900px; background-size:cover !important; position:relative;}
.nybanner ul{ margin-left:-800px; overflow:hidden; position:absolute; bottom:0; left:50%; background:url(../images/65.png) repeat;}
.nybanner ul li{ width:25%; height:85px; float:left; position:relative;}
.nybanner ul.protype li{ width:16.66%;}
.nybanner ul.casetype li{ width:50%;}
.nybanner ul.khtype li{ width:33.33%;}
.nybanner ul.zptype li{ width:20%;}
.nybanner ul li a{ height:85px; line-height:85px; text-align:center; font-size:24px; color:#0C0C0C; border-right:1px solid #FFF; display:block;}
.nybanner ul li.act a,.nybanner ul li a:hover{ color:#EF7301;}
.nybanner ul li b{ width:0; display:block; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.nybanner ul li.act b,.nybanner ul li:hover b{ width:100%; height:2px; background:#EF7301; display:block; position:absolute; top:0; left:0;}
.nybanner ul li:last-child a{ border-right:0;}

/* 面包屑 */
.position{ padding:30px 0; margin-top:130px; background:#F5F6FA;}
.position .wrap{ overflow:hidden;}
.position .prodw{ width:1400px; margin:0 auto; overflow:hidden;}
.position .casedw{ width:1200px; margin:0 auto; overflow:hidden;}
.position .posi{ line-height:25px; padding-left:25px; background:url(../images/posi.png) no-repeat left center; float:left;}
.position .posi a{ font-size:14px;}
.position .backs{ padding-left:25px; background:url(../images/back.png) no-repeat left center; color:#7F7F7F; float:right;}

/* 关于我们 */
.abouts{ padding:120px 0; background:url(../images/abbg1.jpg) no-repeat center;}
.abouts .title{ text-align:center;}
.abouts .title h3{ height:36px; line-height:36px; font-size:36px; color:#FFF;}
.abouts .title p{ width:42px; height:5px; margin:30px auto; background:#EF7301;}
.abouts .title h2{ height:48px; line-height:48px; font-size:48px; color:#FFF;}
.abouts .wrap{ padding:80px 0 0 0; position:relative;}
.abouts .aboutlb{ width:800px; height:610px; margin:35px 0 0 0; overflow:hidden; position:relative; z-index:99; background:#FFF;}
.abouts .aboutlb .slides{ position:relative; z-index:1;}
.abouts .aboutlb .slides li{ width:800px; height:720px;}
.abouts .aboutlb .slides li img{ width:100%; height:100%; display:block;}
.abouts .aboutlb .flex-control-nav{ display:none;}
.abouts .aboutlb .flex-direction-nav{ position:absolute; z-index:3; width:100%; bottom:80px;}
.abouts .aboutlb .flex-direction-nav li a{ display:block; width:50px; height:49px;overflow:hidden; cursor:pointer; position:absolute;}
.abouts .aboutlb .flex-direction-nav li a.flex-prev{ left:40px; background:url(../images/abprev.png) no-repeat center;}
.abouts .aboutlb .flex-direction-nav li a.flex-next{ right:40px; background:url(../images/abnext.png) no-repeat center;}
.abouts .cons{ width:728px; height:530px; padding:80px 0 0 522px; margin:80px 0 0 0; background:url(../images/abbg2.jpg) no-repeat center; overflow:hidden; position:absolute; top:0; right:0; z-index:9; overflow:hidden;}
.abouts .cons li{ width:324px; height:106px; margin:80px 40px 0 0; float:left;}
.abouts .cons li img{ width:100%; height:100%; display:block;}
/* 公司介绍 */
.brief{ padding:120px 0; background:url(../images/abbg3.jpg) no-repeat center;}
.brief .cons{ width:730px; padding:0 70px 0 0; float:left;}
.brief .cons span{ width:50px; height:4px; background:#EF7301; display:block;}
.brief .cons p{ line-height:34px; margin-top:35px; font-size:18px;}
.brief .yewu{ width:700px; padding:0 0 0 100px; float:left;}
.brief .yewu dl{ margin-top:50px; overflow:hidden;}
.brief .yewu dl dt{ width:110px; height:110px; float:left;}
.brief .yewu dl dt img{ width:100%; height:100%; display:block;}
.brief .yewu dl dd{ width:540px; height:110px; float:right;}
.brief .yewu dl dd span{ width:50px; height:4px; margin:5px 0 20px 0; background:#EF7301; display:block;}
.brief .yewu dl dd p{ line-height:40px; font-size:30px;}
.ywtx{ }
.ywtx dl{ width:33.33%; position:relative; float:left; overflow:hidden;}
.ywtx dl dt{ width:100%;}
.ywtx dl dt img{ width:100%; display:block;}
.ywtx dl dd{ padding:0 40px; position:absolute; top:380px; left:0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.ywtx dl:hover dd{ padding:0 40px; position:absolute; top:80px; left:0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.ywtx dl dd h3{ text-align:center; font-size:36px; color:#FFF;}
.ywtx dl dd span{ width:50px; height:4px; margin:8px auto 30px auto; background:#EF7301; display:block;}
.ywtx dl dd p{ line-height:34px; font-size:18px; color:#FFF;}
/* 视频播放 */
.video{ padding:120px 0;}
.video .title{ text-align:center;}
.video .title h3{ height:36px; line-height:36px; font-size:36px;}
.video .title p{ width:42px; height:5px; margin:30px auto; background:#EF7301;}
.video .title h2{ height:48px; line-height:48px; font-size:48px;}
.video .shipin1{ width:1600px; height:900px; margin:100px auto 0 auto; position:relative;}
.video .shipin1 .bg_fashion{ position:absolute; width:100%; height:100%; background:url(../images/vdbg2.jpg) no-repeat center; background-size:cover !important; z-index:2;}
.video .shipin1 .vedio{ z-index:999; width:100%; height:100%; /*position:absolute; left:0; top:0*/}
.video .shipin1 .overlay{ width:100%; top:260px; left:0; position:absolute; z-index:999;}
.video .shipin1 .playvideo{ width:124px; height:124px; margin:0 auto; background:url(../images/vbtn.png) no-repeat center; cursor:pointer; display:block;}
.video .shipin1 h2{ height:48px; line-height:48px; text-align:center; margin:40px 0 30px 0; font-size:48px; font-weight:normal; color:#FFF;}
.video .shipin1 h3{ height:64px; line-height:64px; text-align:center; font-size:64px; color:#FFF; letter-spacing:30px;}
/* 客户服务 */
.kehufw{ padding:120px 0; background:#F6F6F7;}
.kehufw .title{ text-align:center;}
.kehufw .title h2{ height:48px; line-height:48px; font-size:48px;}
.kehufw .title h3{ height:20px; line-height:20px; margin-top:20px; font-size:20px; font-weight:normal;}
.kehufw .wrap{ margin:100px auto 0 auto;}
.kehufw dl{ width:532px; text-align:center; border-right:1px solid #CCC; float:left;}
.kehufw dl.lr{ border-right:0;}
.kehufw dl dd h3{ padding:20px 0 15px 0; font-size:28px;}
.kehufw dl dd p{ width:40px; height:2px; background:#EF7301; display:block; margin:0 auto;}

/* 企业文化 */
.culture{ padding:120px 0 0 0;}
.culture .title{ text-align:center;}
.culture .title h3{ height:36px; line-height:36px; font-size:36px;}
.culture .title p{ width:42px; height:5px; margin:30px auto; background:#EF7301;}
.culture .title h2{ height:48px; line-height:48px; font-size:48px;}
.culture .culcon{ margin:100px 0 0 0;}
.culture .culcon dl{ width:50%; height:520px; padding:160px 0 0 0; text-align:center; float:left;}
.culture .culcon dl.dl1{ background:url(../images/culture1.jpg) no-repeat center;}
.culture .culcon dl.dl2{ background:#FFF;}
.culture .culcon dl.dl3{ background:url(../images/culture5.jpg) no-repeat center;}
.culture .culcon dl img{}
.culture .culcon dl h2{ padding:70px 0 10px 0; font-size:36px; color:#FFF;}
.culture .culcon dl span{ font-size:18px; color:#FFF; display:block;}
.culture .culcon dl i{ width:50px; height:2px; margin:15px auto 40px auto; background:#EF7301; display:block;}
.culture .culcon dl p{ font-size:24px; color:#FFF;}
.culture .culcon dl.dl2 h2,.culture .culcon dl.dl2 span,.culture .culcon dl.dl2 p{ color:#333;}
.culture .culcon .hz{ width:50%; height:680px; float:left;}
.culture .culcon .hz li{ height:280px; padding:60px 0 0 0; text-align:center; float:left;}
.culture .culcon .hz li.li1{ width:100%; background:url(../images/culture2.jpg) no-repeat center;}
.culture .culcon .hz li.li2{ width:50%; background:url(../images/culture3.jpg) no-repeat center;}
.culture .culcon .hz li.li3{ width:50%; background:url(../images/culture4.jpg) no-repeat center;}
.culture .culcon .hz li h2{ padding:10px 0 10px 0; font-size:36px; color:#FFF;}
.culture .culcon .hz li span{ font-size:18px; color:#FFF; display:block;}
.culture .culcon .hz li i{ width:50px; height:2px; margin:15px auto 40px auto; background:#EF7301; display:block;}
.culture .culcon .hz li p{ font-size:24px; color:#FFF;}

/* 品牌综述 */
.brands{ padding:120px 0;}
.brands .title{ text-align:center;}
.brands .title h3{ height:36px; line-height:36px; font-size:36px;}
.brands .title p{ width:42px; height:5px; margin:30px auto; background:#EF7301;}
.brands .title h2{ height:48px; line-height:48px; font-size:48px;}
.brandcon{ margin-top:100px;}
.brandcon dl{ width:33.33%; float:left; position:relative;}
.brandcon dl dt,.brandcon dl dt img{ width:100%; display:block;}
.brandcon dl dd,.brandcon dl dd img{ width:100%; display:block;}
.brandcon dl dd{ position:absolute; top:0; left:0; display:none;}
.brandcon dl:hover dd{ position:absolute; top:0; left:0; display:block;}
.ppdw{ padding:0 0 120px 0;}
.ppdw .dwl{ width:358px; height:800px; padding:94px 0 0 30px; background:url(../images/brandbg.jpg) no-repeat center; float:left;}
.ppdw .dwl h2{ font-size:42px; font-weight:normal; color:#FFF;}
.ppdw .dwl h3{ font-size:32px; font-weight:normal; color:#FFF;}
.ppdw .dwl span{ width:30px; height:2px; margin:60px 0; background:#FFF; display:block;}
.ppdw .dwl p{ color:#FFF;}
.ppdw .dwr{ width:1185px; float:right;}
.ppdw .dwr .img1{ max-width:100%; display:block;}
.ppdw .dwr .dwbt{ margin-top:27px; overflow:hidden;}
.ppdw .dwr .dwbt .img2{ width:371px; display:block; float:left;}
.ppdw .dwr .dwbt ul{ width:788px; float:right;}
.ppdw .dwr .dwbt ul li{ width:42%; height:224px; padding:60px 4%; float:left;}
.ppdw .dwr .dwbt ul li:first-child{ background:#EF7301;}
.ppdw .dwr .dwbt ul li h3{ font-size:26px; font-weight:normal;}
.ppdw .dwr .dwbt ul li p{ padding:40px 0 0 0;}
.ppdw .dwr .dwbt ul li span{ width:30px; height:1px; margin:30px 0 0 0; background:#333; display:block;}
.ppdw .dwr .dwbt ul li:first-child h3,.ppdw .dwr .dwbt ul li:first-child p{ color:#FFF;}
.ppdw .dwr .dwbt ul li:first-child span{ background:#FFF;}

/* 企业大事记 */
.history{ width:1200px; margin:120px auto;}
.history .title{ text-align:center;}
.history .title h3{ height:36px; line-height:36px; font-size:36px;}
.history .title p{ width:42px; height:5px; margin:30px auto; background:#EF7301;}
.history .title h2{ height:48px; line-height:48px; font-size:48px;}
.history .hiscon{ margin-top:60px; background:url(../images/xian.png) repeat-y center;}
.history .hiscon dl{ width:610px; margin-bottom:50px; float:right;}
.history .hiscon dl dt{ width:18px; height:18px; padding:13px 0; float:left;}
.history .hiscon dl dt img{ width:100%; display:block;}
.history .hiscon dl dd{ width:480px; padding:0 80px 0 0; float:right;}
.history .hiscon dl dd h2{ height:44px; line-height:44px; font-size:30px; font-weight:normal; color:#EF7301;}
.history .hiscon dl dd .con{ padding:15px 0 0 0; line-height:26px; font-size:14px;}
.history .hiscon dl dd .con p{ line-height:26px; font-size:14px;}
.history .hiscon dl.lr{ width:608px; float:left;}
.history .hiscon dl.lr dt{ float:right;}
.history .hiscon dl.lr dd{ padding:0 0 0 80px; float:left;}
.history .hiscon dl.lr dd h2{ text-align:right;}
.history .hiscon dl.lr dd .con,.history .hiscon dl.lr dd .con p{ text-align:right;}

/* 新闻列表 */
.listnew{ margin:120px auto;}
.listnew dl{ padding:15px 0; border-bottom:1px solid #DDD;}
.listnew dl .date{ width:100px; margin:20px 50px 0 0; float:left;}
.listnew dl .date h4{ height:36px; line-height:36px; font-size:36px; font-weight:normal; color:#999;}
.listnew dl .date span{ width:35px; height:35px; margin-top:20px; background:#FFF url(../images/icon.png) no-repeat center; display:block; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.listnew dl:hover .date span{ background:#F07D13 url(../images/icon_hover.png) no-repeat center; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.listnew dl .txt{ width:870px; margin:20px 0 0 0; float:left;}
.listnew dl .txt h3{ font-size:20px; font-weight:normal; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.listnew dl:hover .txt h3{ color:#F07D13; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.listnew dl .txt p{ padding-top:15px; line-height:26px; color:#999;}
.listnew dl dt{ width:345px; float:right;}
.listnew dl dt img{ width:100%; display:block;}

/* 新闻详情 */
.newsdeail{ width:1200px; margin:100px auto;}
.newsdeail h3{ padding-bottom:20px; font-size:18px; color:#0C0C0C;}
.newsdeail h1{ width:90%; line-height:45px; font-size:36px; color:#0C0C0C;}
.newsdeail .cons{ padding:50px 0 0 0; line-height:26px; color:#4C4948;}
.newsdeail .cons p{ line-height:26px; color:#4C4948;}
.newsdeail .cons img{ margin:20px 0;}
.backlist{ margin-bottom:50px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; position:relative;}
.backlist .wraps{ width:1200px; margin:0 auto;}
.backlist a{ height:80px; line-height:80px; font-size:14px; display:block;}
.backlist a.prev{ width:450px; padding-left:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/shang.png) no-repeat left center; float:left;}
.backlist a.back{ width:56px; margin:0 0 0 -39px; padding-right:22px; background:url(../images/back2.png) no-repeat right center; position:absolute; top:0; left:50%;}
.backlist a.next{ width:450px; padding-right:24px; text-align:right; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/xia.png) no-repeat right center; float:right;}

/* 新闻推荐 */
.newstj{ padding:100px 0; background:#F5F6FA;}
.newstj .title{ height:40px; line-height:40px; margin-bottom:50px; font-size:40px;}
.gdimg{ overflow:hidden; position:relative;}
.gdimg .mr_frBtnL,.gdimg .mr_frBtnR{ width:27px; height:44px; position:absolute; top:180px; z-index:99; display:block;}
.gdimg .mr_frBtnL{ left:0; background:url(../images/prevbg.png) no-repeat center;}
.gdimg .mr_frBtnR{ right:0; background:url(../images/nextbg.png) no-repeat center;}
.gdimg .mr_frBtnL:hover{ background:url(../images/prevbgh.png) no-repeat center;}
.gdimg .mr_frBtnR:hover{ background:url(../images/nextbgh.png) no-repeat center;}
.gdimg .imgcon{ width:1600px; overflow:hidden;}
.gdimg .imgcon ul li{ width:382px; margin-right:24px; float:left; overflow:hidden; }
.gdimg .imgcon ul li img{ width:100%; display:block;}
.gdimg .imgcon ul li h3{ height:20px; line-height:20px; margin-top:15px; font-size:18px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.gdimg .imgcon ul li span{ padding:12px 0; font-size:16px; display:block;}
.gdimg .imgcon ul li p{ line-height:24px; color:#666;}

/* 产品列表 */
.prosch{ height:44px; padding:20px 0; margin:80px 0; box-shadow:0 0 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);}
.prosch .wrap{ overflow:hidden;}
.prosch h2{ line-height:44px; font-size:20px; font-weight:normal; float:left;}
.prosch h2 span{ font-size:14px;}
.prosch form{ float:right;}
.prosch form .text{ width:700px; height:44px; padding-left:10px; background:#F2F2F2; border-left:1px solid #E8E8E8; float:left;}
.prosch form .text:hover{ background:#FFF;}
.prosch form .sub{ width:64px; height:44px; line-height:44px; margin-left:10px; background:#EF7301; font-size:16px; color:#FFF; cursor:pointer; float:left;}
.proname{ text-align:center;}
.proname li{ margin:0 15px; display:inline-block;}
.proname li a{ width:198px; height:40px; line-height:40px; border:1px solid #F65E12; display:block;}
.proname li.act a,.proname li a:hover{ background:#F65E12; color:#FFF;}
.casttt{ width:200px; height:40px; line-height:40px; text-align:center; background:#F65E12; color:#FFF; margin:80px auto 20px auto;}
.listpro{ padding:16px 0 0 0; overflow:hidden;}
.listpro dl{ width:382px; margin:24px 24px 0 0; float:left;}
.listpro dl.lr{ margin:24px 0 0 0;}
.listpro dl dt{ width:100%; overflow:hidden;}
.listpro dl dt img{ width:100%; display:block;}
.listpro dl dd{ width:100%; height:80px; line-height:80px; text-align:center; font-size:16px; color:#575757; background:#F8F8F8; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.listpro dl:hover dd{ color:#000; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.procase{ width:100%; height:640px; margin-top:80px; background:url(../images/casebg.jpg) no-repeat center; overflow:hidden;}
.procase dt,.procase dd{ width:50%; padding:160px 0 0 0; text-align:center; float:left;}
.procase img{ width:76px;}
.procase h2{ padding:30px 0 50px 0; font-size:28px; font-weight:normal; color:#FFF;}
.procase span{ width:30px; height:3px; margin:0 auto 50px auto; background:#EF7301; display:block;}
.procase a{ width:200px; height:50px; line-height:50px; text-align:center; margin:0 auto; font-size:16px; border:1px solid #FFF; background:#FFF; display:block;}
.procase a:hover{ border:1px solid #EF7301; background:#EF7301; color:#FFF;}
.procase dd span{ background:#FFF;}
.procase dd a{ background:#EF7301; color:#FFF;}
.procase dd a:hover{ background:#FFF; color:#EF7301;}

/* 产品详情 */
.protj{ width:1400px; margin:50px auto 60px auto;}
.protj .prott{ width:580px; float:left;}
.protj .prott h1{ padding:20px 0 100px 0; font-size:36px; color:#000;}
.protj .prott a{ width:100px; height:50px; line-height:50px; padding-left:80px; color:#FFF; display:block; background:#000 url(../images/lxbg.png) no-repeat 48px center; border-radius:25px;}
.protj .prott a:hover{ background:#333 url(../images/lxbgh.png) no-repeat 48px center;}
.protj .proimg{ width:800px; float:right; overflow:hidden; position:relative;}
.protj .proimg .mr_frBtnL,.protj .proimg .mr_frBtnR{ width:80px; height:80px; margin:-40px 0 0 0; position:absolute; top:50%; z-index:99; display:block;}
.protj .proimg .mr_frBtnL{ left:0; background:url(../images/cprevbg.png) no-repeat center;}
.protj .proimg .mr_frBtnR{ right:0; background:url(../images/cnextbg.png) no-repeat center;}
.protj .proimg .mr_frBtnL:hover{ background:url(../images/cprevbgh.png) no-repeat center;}
.protj .proimg .mr_frBtnR:hover{ background:url(../images/cnextbgh.png) no-repeat center;}
.protj .proimg .imgcon{ width:800px; overflow:hidden;}
.protj .proimg .imgcon ul li{ width:800px; margin-right:24px; float:left; overflow:hidden; }
.protj .proimg .imgcon ul li img{ width:100%; display:block;}
.prodeail{ width:1400px; margin:0 auto; background:#FFF;}
.prodeail .hd{ width:100%; overflow:hidden; border-bottom:1px solid #EEE;}
.prodeail .hd li{ width:120px; height:50px; line-height:50px; text-align:center; font-size:16px; border-bottom:2px solid #FFF; cursor:pointer; float:left;}
.prodeail .hd .on{ border-bottom:2px solid #000;}
.prodeail .bd{ padding:40px; position:relative; overflow:hidden}
.prodeail .bd ul{ overflow:hidden; position:relative;}
.prodeail .bd li{ position:relative; line-height:30px; font-size:16px; color:#555;}
.prodeail .bd li p{ line-height:30px; font-size:16px; color:#555;}

/* 案例详情 */
.casedeail{ width:1200px; margin:20px auto 60px auto;}
.casedeail dt{ width:640px; float:left;}
.casedeail dt img{ width:100%; display:block;}
.casedeail dd{ width:500px; float:right;}
.casedeail dd h1{ width:100%; padding:20px 0; margin-bottom:30px; border-bottom:1px solid #DDD; font-size:40px; float:left;}
.casedeail dd a{ width:238px; height:48px; line-height:48px; text-align:center; margin-right:20px; font-size:16px; color:#1975FF; border:1px solid #1975FF; border-radius:24px; display:block; float:left;}
.casedeail dd a.lr{ margin-right:0;}
.casedeail dd a:hover{ color:#FFF; background:#1975FF;}

/* 客户服务 */
.serln{ width:1200px; margin:120px auto 100px auto;}
.serln .title{ text-align:center;}
.serln .title h3{ height:36px; line-height:36px; font-size:36px;}
.serln .title p{ width:42px; height:5px; margin:30px auto; background:#EF7301;}
.serln .title h2{ height:48px; line-height:48px; font-size:48px;}
.serln .title span{ height:24px; line-height:24px; margin:50px 0; font-size:24px; display:block;}
#brand{ overflow:hidden;}
#brand #lists{ width:264px; float:left;}
#brand #lists li{ margin-bottom:16px; position:relative;}
#brand #lists li a{ display:block; padding:20px 0 20px 65px; background:#F7F7F7 url(../images/sel.png) no-repeat 20px center; border-radius:10px;}
#brand #lists li a.selected,#brand #lists li a:hover{ background:#EF7301 url(../images/selh.png) no-repeat 20px center;}
#brand #lists li h2{ font-size:14px; font-weight:normal; color:#666;}
#brand #lists li p{ font-size:12px; color:#666;}
#brand #lists li a.selected h2,#brand #lists li a.selected p,#brand #lists li a:hover h2,#brand #lists li a:hover p{ color:#FFF;}
#brand #lists li a.selected span{ width:10px; height:10px; display:block; position:absolute; top:20px; right:15px; background:#FFC905; border-radius:5px;}
#brand #lists li a:hover span{ width:10px; height:10px; display:block; position:absolute; top:20px; right:15px; background:#FFC905; border-radius:5px;}
#brand #brand_con{ width:920px; float:right;}
#brand #brand_con img{ width:100%; display:block;}
.khsercon{ padding:100px; 0 line-height:30px; font-size:16px;}
.khsercon p{ line-height:30px; font-size:16px;}
.khsercon img{ max-width:100%; margin:20px 0;}
.kehubg{ padding:80px 0; text-align:center; background:#EF7301;}
.kehubg .title{ font-size:30px; font-weight:bold; color:#FFF;}
.kehubg ul{ margin-top:50px;}
.kehubg ul li{ width:400px; height:72px; line-height:72px; margin:0 50px; background:#FFF; display:inline-block;}
.kehubg ul li a{ text-align:left; padding-left:188px; display:block; font-size:18px;}
.kehubg ul li a:hover{ color:#EF7301;}
.kehubg ul li.li1 a{ background:url(../images/kehuico1.png) no-repeat 155px center; background-size:25px !important;}
.kehubg ul li.li2 a{ background:url(../images/kehuico2.png) no-repeat 155px center; background-size:25px !important;}
.kehubg ul li.li3 a{ background:url(../images/kehuico3.png) no-repeat 155px center; background-size:25px !important;}

/* 研发中心 */
.jsyf{ padding:120px 0;}
.jsyf .title{ text-align:center;}
.jsyf .title h3{ height:36px; line-height:36px; font-size:36px;}
.jsyf .title p{ width:42px; height:5px; margin:30px auto; background:#EF7301;}
.jsyf .title h2{ height:48px; line-height:48px; font-size:48px;}
.jsyf .yfcon{ padding:80px 0 50px 0; line-height:30px; text-align:center; font-size:18px;}
#yfqh{ overflow:hidden;}
#yfqh #lists{ width:100%; text-align:center;}
#yfqh #lists li{ margin:0 20px; display:inline-block; position:relative;}
#yfqh #lists li a{ height:55px; line-height:55px; font-size:24px; color:#666; border-bottom:2px solid #FFF; display:block;}
#yfqh #lists li a.selected,#yfqh #lists li a:hover{ color:#EF7301; border-bottom:2px solid #EF7301;}
#yfqh #brand_con{ width:100%; margin-top:30px; text-align:center;}
#yfqh #brand_con img{ width:68px;}
#yfqh #brand_con h3{ padding:15px 0 20px 0; font-size:24px; color:#EF7301;}
#yfqh #brand_con p{ font-size:18px; color:#A5A5A5;}
.proshow{ padding:0 0 120px 0;}
.proshow .title{ text-align:center;}
.proshow .title h3{ height:36px; line-height:36px; font-size:36px;}
.proshow .title p{ width:42px; height:5px; margin:30px auto; background:#EF7301;}
.proshow .title h2{ height:48px; line-height:48px; font-size:48px;}
.proshow .cptj{ padding-top:40px; overflow:hidden;}
.proshow .cptj a{ width:382px; margin:24px 24px 0 0; display:block; float:left;}
.proshow .cptj a.lr{ margin:24px 0 0 0;}
.proshow .cptj a img{ width:100%; display:block;}

/* 技术成果 */
.honer{ padding:120px 0;}
.honer .title{ text-align:center;}
.honer .title h3{ height:36px; line-height:36px; font-size:36px;}
.honer .title p{ width:42px; height:5px; margin:30px auto; background:#EF7301;}
.honer .title h2{ height:48px; line-height:48px; font-size:48px;}
.honer .ryu{ padding-top:40px; overflow:hidden;}
.honer .ryu a{ width:390px; height:390px; margin:13px 13px 0 0; text-align:center; display:flex; align-items:center; background:#F5F5F5; float:left; position:relative;}
.honer .ryu a.lr{ margin:13px 0 0 0;}
.honer .ryu a img{ max-width:100%; max-height:100%; margin:auto;}
.honer .ryu a span{ width:369px; height:369px; background:url(../images/fdj.png) no-repeat center; border:1px solid #FFF; display:block; position:absolute; top:10px; left:10px; opacity:0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.honer .ryu a:hover span{ opacity:1; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

#foxibox_overlay{position:absolute;top:0;left:0;z-index:9990;background:#000}
#foxibox_loader{position:absolute;z-index:9992;width:32px;height:32px;background:url(../images/foxibox-loading.gif) no-repeat}
#foxibox_container{position:absolute;z-index:9991;background:#fff}
#foxibox_details{position:absolute;z-index:9992;width:auto;height:25px;padding-top:10px;font:9pt 'trebuchet ms';color:#444}
#foxibox_title{width:auto;float:left;font-size:16px;}
#foxibox_nav{width:100%;overflow:hidden;}
#foxibox_nav div{width:auto;float:right;margin-right:8px;color:#888}
#foxibox_nav #prev,#foxibox_nav #next{width:60px;height:60px;display:block;background:url(../images/foxibox-arrows.png) no-repeat;position:fixed;top:50%;margin-top:-30px;z-index:9999}
#foxibox_nav #prev{background-position:0 0;left:7%;}
#foxibox_nav #next{background-position:-60px 0;right:7%;}
#foxibox_details #close{display:block;width:66px;height:14px;float:right;background:url(../images/foxibox-arrows.png) 0 -67px no-repeat}
#foxibox_nav #prev:hover,#foxibox_nav #next:hover,#foxibox_details #close:hover{filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50}
/*.honer .ryu{ padding-top:40px; overflow:hidden;}
.honer .ryu a{ width:390px; height:390px; margin:13px 13px 0 0; text-align:center; display:flex; align-items:center; background:#F5F5F5; float:left; position:relative;}
.honer .ryu a.lr{ margin:13px 0 0 0;}
.honer .ryu a img{ max-width:100%; max-height:100%; margin:auto;}
.honer .ryu a span{ width:369px; height:369px; background:url(../images/fdj.png) no-repeat center; border:1px solid #FFF; display:block; position:absolute; top:10px; left:10px; opacity:0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.honer .ryu a:hover span{ opacity:1; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}*/

/* 人才理念 */
.rencai{ padding:120px 0; background:url(../images/rcbg.jpg) no-repeat center;}
.rencai .title{ text-align:center;}
.rencai .title h3{ height:36px; line-height:36px; font-size:36px;}
.rencai .title p{ width:42px; height:5px; margin:30px auto; background:#EF7301;}
.rencai .title h2{ height:48px; line-height:48px; font-size:48px;}
.rencai ul{ width:1400px; margin:50px auto 0 auto;}
.rencai ul li{ padding:30px 0 40px 0; border-bottom:1px solid #DDD;}
.rencai ul li img{ display:block;}
.rencai ul li h3{ padding:20px 0 30px 0; font-size:24px; color:#EF7301;}
.rencai ul li p{ line-height:25px; font-size:16px;}

/* 社会校园招聘 */
.joins{ padding:120px 0;}
.joins .title{ text-align:center;}
.joins .title h3{ height:36px; line-height:36px; font-size:36px;}
.joins .title p{ width:42px; height:5px; margin:30px auto; background:#EF7301;}
.joins .title h2{ height:48px; line-height:48px; font-size:48px;}
.joins .lx{ padding:80px 0 0 0; text-align:center; line-height:32px; font-size:18px;}
.joins .lx p{ line-height:32px; font-size:18px;}
.joins .cons{ width:1400px; margin:30px auto 0 auto;}
.joins .cons dl{ padding:0 30px; margin-top:70px; border:1px solid #7F7F7F; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.joins .cons dl dt{ border-bottom:1px solid #7F7F7F; overflow:hidden;}
.joins .cons dl dt h3{ height:100px; line-height:100px; padding-left:58px; font-size:24px; font-weight:normal; color:#EF7301; background:url(../images/zpico.png) no-repeat left center; float:left;}
.joins .cons dl dt a{ height:100px; line-height:100px; padding-right:32px; color:#434242; background:url(../images/zpbg.png) no-repeat right center; display:block; float:right;}
.joins .cons dl dd{ padding:25px 0; overflow:hidden;}
.joins .cons dl dd p{ line-height:40px; width:33.33%; font-size:16px; color:#555; float:left;}
.joins .cons dl:hover{ border:1px solid #EF7301; background:#EF7301;}
.joins .cons dl:hover dt{ border-bottom:1px solid #FFF;}
.joins .cons dl:hover dt h3{ color:#FFF; background:url(../images/zpicoh.png) no-repeat left center;}
.joins .cons dl:hover dt a{ color:#FFF; background:url(../images/zpbgh.png) no-repeat right center;}
.joins .cons dl:hover dd p{ color:#FFF;}

.showjoin{ width:1080px; padding:60px; background:#FFF; margin:200px auto 80px auto;}
.showjoin h1{ height:65px; line-height:65px; padding-left:20px; font-size:28px; color:#262626; border-left:4px solid #EF7301; background:#F7F7F7;}
.showjoin .cons{ margin:40px 0 50px 0; line-height:28px;}
.showjoin .cons p{ line-height:28px;}
.showjoin .fx{ text-align:center; overflow:hidden;}
.showjoin .fx a{ width:180px; height:50px; line-height:50px; text-align:center; margin:0 160px; font-size:16px; color:#FFF; background:#000; display:inline-block;}
.showjoin .fx a.lr{ background:#EF7301;}

/* 招聘流程 */
.process{ width:1400px; margin:120px auto;}
.process .title{ text-align:center;}
.process .title h3{ height:36px; line-height:36px; font-size:36px;}
.process .title p{ width:42px; height:5px; margin:30px auto; background:#EF7301;}
.process .title h2{ height:48px; line-height:48px; font-size:48px;}
.process .yfcon{ padding:80px 0 50px 0; line-height:30px; text-align:center; font-size:18px;}
.process .cons{ overflow:hidden;}
.process .cons .tt{ width:446px; height:270px; padding-top:30px; margin:31px 31px 0 0; float:left;}
.process .cons .tt h2{ padding-bottom:50px; font-size:20px;}
.process .cons .tt p{ width:40px; height:3px; background:#000;}
.process .cons dl{ width:374px; height:228px; padding:35px; margin:31px 31px 0 0; border:1px solid #D8D8D8; border-radius:10px; float:left; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.process .cons dl:hover{ border:1px solid #EF7301; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.process .cons dl.lr{ margin:31px 0 0 0;}
.process .cons dl dt{ width:80px; height:100px; background-size:80px !important;}
.process .cons dl dt.dt1{ background:url(../images/process1.png) no-repeat center;}
.process .cons dl dt.dt2{ background:url(../images/process2.png) no-repeat center;}
.process .cons dl dt.dt3{ background:url(../images/process3.png) no-repeat center;}
.process .cons dl dt.dt4{ background:url(../images/process4.png) no-repeat center;}
.process .cons dl dt.dt5{ background:url(../images/process5.png) no-repeat center;}
.process .cons dl dd h3{ font-size:22px; font-weight:normal;}
.process .cons dl dd p{ margin-top:20px; line-height:25px; color:#555;}
.process .cons dl dd span{ width:50px; height:2px; margin-top:20px; background:#000; display:block; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.process .cons dl:hover dd span{ background:#EF7301; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

/* 人才发展规划 */
.fazhan{ margin:120px auto;}
.fazhan .title{ text-align:center;}
.fazhan .title h3{ height:36px; line-height:36px; font-size:36px;}
.fazhan .title p{ width:42px; height:5px; margin:30px auto; background:#EF7301;}
.fazhan .title h2{ height:48px; line-height:48px; font-size:48px;}
.fazhan ul{ margin:100px 0 30px 0; overflow:hidden;}
.fazhan ul li{ width:392px; height:80px; line-height:80px; text-align:center; margin-right:10px; font-size:28px; color:#FFF; background:#EF7301; float:left;}
.fazhan ul li.lr{ margin-right:0;}
.fazhan dl{ margin:30px 0 0 0; overflow:hidden;}
.fazhan dl dt{ width:392px; height:190px; line-height:190px; text-align:center; font-size:24px; color:#FFF; background:#EF7301; float:left;}
.fazhan dl dt.hbg{ background:#45454F;}
.fazhan dl dd{ width:392px; height:190px; line-height:35px; text-align:center; margin-left:10px; display:flex; justify-content:center; align-items:center; font-size:20px; background:#F2F2F2; float:left;}


/* 联系我们 */
.contacts{ margin:-80px auto 100px auto; background:#F2F2F2; position:relative; z-index:99; overflow:hidden;}
.contacts dl{ width:33.33%; padding:50px 0; text-align:center; float:left;}
.contacts dl dt{ height:70px;}
.contacts dl dt.dt1{ background:url(../images/lxico1.png) no-repeat center;}
.contacts dl dt.dt2{ background:url(../images/lxico2.png) no-repeat center;}
.contacts dl dt.dt3{ background:url(../images/lxico3.png) no-repeat center;}
.contacts dl dt.dt4{ background:url(../images/lxico4.png) no-repeat center;}
.contacts dl dt.dt5{ background:url(../images/lxico5.png) no-repeat center;}
.contacts dl dt.dt6{ background:url(../images/lxico6.png) no-repeat center;}
.contacts dl dd{ padding-top:10px;}
.contacts dl dd h3{ font-size:24px; font-weight:normal;}
.contacts dl dd span{ font-size:16px;}
.contacts dl dd p{ margin-top:25px; font-size:16px; color:#A5A5A5;}
.message{ padding:0 0 100px 0; overflow:hidden;}
.message .tt{ width:455px; float:left;}
.message .tt h3{ font-size:36px;}
.message .tt p{ width:36px; height:5px; margin:30px 0; background:#EF7301;}
.message .tt h2{ font-size:42px;}
.message form{ width:1070px; float:right;}
.message form .txt{ height:44px; padding:0 15px; margin-bottom:15px; border:1px solid #CCC; border-radius:5px; overflow:hidden;}
.message form .txt2{ height:105px; overflow:hidden;}
.message form .txt p{ width:70px; line-height:44px; color:#666; float:left;}
.message form .txt p span{ color:#F00;}
.message form .txt input{ width:950px; height:44px; font-size:14px; display:block; float:left;}
.message form .txt2 textarea{ width:950px; height:100px; line-height:44px; font-size:14px; display:block; float:left;}
.message form .sub{ width:214px; height:60px; margin:30px auto 0 auto; border-radius:5px; font-size:16px; color:#FFF; cursor:pointer; border:0; background:#EF7301; display:block;}
.map{ width:100%; display:block;}

/* 分页 */
.searchs{ padding:40px 0 60px 0}
.searchs dl{ margin:24px 9px 0 9px;}
.searchs dl dt{ height:382px;}
.searchs dl dt img{ height:100%;}

/* 分页 */
#mpage{ display:none}
#page{ text-align:center; padding:50px 0 0 0; clear:both;}
#page li,#mpage li{ width:auto; height:auto; float:none; display:inline-block; vertical-align:middle; margin:0 3px;}
#page li a,#mpage li a{ display:block; height:40px; line-height:40px; padding:0 16px; color:#333; background:#F3F3F3;}
#page li a.active,#page li a:hover{ background:#F07D13; color:#FFF;}

/* 底部 */
.footer{ width:92%; padding:12px 4%; background:#45454F; overflow:hidden;}
.fttop{ padding:80px 0 40px 0; border-bottom:1px solid #FFF; overflow:hidden;}
.fttop .ftlogo{ width:217px; margin-right:120px; display:block; float:left;}
.fttop dl{ margin:110px 110px 0 0; float:left;}
.fttop dl dt{}
.fttop dl dt a{ font-size:18px; color:#FFF;}
.fttop dl dd{ padding-top:15px;}
.fttop dl dd a{ line-height:35px; font-size:14px; color:#FFF; display:block;}
.fttop .lx{ margin:110px 0 0 0; float:left;}
.fttop .lx h2{ font-size:18px; color:#FFF; font-weight:normal;}
.fttop .lx h3{ line-height:35px; margin-top:10px; font-size:24px; color:#FFF;}
.fttop .lx h3 a{ color:#FFF;}
.fttop .lx p{ line-height:35px; font-size:14px; color:#FFF; display:block;}
.fttop .lx p a{ color:#FFF;}
.fttop .lx img{ width:120px; margin-top:15px; display:block;}
.ftbot{ padding:30px 0 50px 0; overflow:hidden;}
.ftbot .links{ float:left;}
.ftbot .links a{ height:14px; line-height:14px; padding:0 6px; font-size:14px; color:#FFF; border-right:1px solid #FFF; display:block; float:left;}
.ftbot .links a:hover{ color:#EF7301;}
.ftbot .links a:firat-child{ padding:0 6px 0 0;}
.ftbot .links a:last-child{ border-right:0;}
.ftbot .copys{ height:14px; line-height:14px; font-size:14px; color:#FFF; float:right;}
.ftbot .copys a{ color:#FFF;}
.ftbot .copys a:hover{ color:#EF7301;}