@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
/* CSS Document */
body{padding:0; font-family:"Microsoft YaHei",Arial;font-size:14px;}
.fl{float: left;}
.fr{float: right;}
.margin{margin:0 auto;}
.hidden{overflow:hidden;}
.width1273{ max-width:1273px; width:94%;}
img{ max-width:100%; max-height:100%;}
/* top_bg */
.top_bg{ position:absolute; top:40px; left:0px; width:100%; z-index:999999; height:2rem;}
.top_bg .con{ width:94%; max-width:1800px; margin:0px auto; position:relative; height:2rem;}
.top_bg .con .logo{ float:left;}
.top_bg .con ul,.top_bg .con .nav,.top_bg .con .gh{ float:right;}
.top_bg .con ul li a,.top_bg .con .nav,.top_bg .con .nav a{ font-size:1rem; color:#ffffff;}
.top_bg .con .nav{ line-height:2rem; margin-right:60px;}
/*.top_bg .con ul,.top_bg .con ul li{ overflow:hidden;}*/
.top_bg .con ul{ margin-right:80px; position:relative;}
.top_bg .con ul li{ float:left; margin:0px 40px; overflow:hidden; position:relative;}
.top_bg.selected .con ul li,.top_bg .con ul li:hover{ overflow:initial; position:initial;}
.top_bg .con ul li a dd{ line-height:2rem;height:2rem;}
.top_bg .con ul li a:hover dd{ color:#eeb240;}
.top_bg .con ul li .bg{ position:absolute; overflow:hidden; padding-top:1rem; opacity:0; margin-left:-1rem; margin-top:5rem;transition:all .5s ease;}
.top_bg.selected .con ul li .bg,.top_bg .con ul li:hover .bg{ opacity:1; margin-top:0px;transition:all .5s ease;}
.top_bg .con ul li .bg dl{ padding:0px 1rem; line-height:2rem;}
.top_bg .con ul li .bg dl a{ font-size:0.875rem;}
.top_bg .con ul li .bg dl a:hover{ color:#eeb240;}
.top_bg.now{ position:fixed; top:0px; background-color:rgba(0,0,0,0.5); padding:1rem 0px;}
.top_bg.now .con ul li .bg ol,.top_bg.now .con ul li .bg dl{ background-color:rgba(0,0,0,0.5);}
.top_bg .con ul li .bg ol{ height:1rem;}

/* banner */
.banner{ position:relative; overflow:hidden; z-index:10;}
.banner img.sb{ position:absolute; z-index:9; bottom:9vh;}
.banner .slides{ overflow:hidden;}
.banner .slides li{ height:100vh; background-repeat:no-repeat; background-position:50%; position:relative;}
.banner .slides li a{ position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
.banner .slides li .width1273{ height:100%;display:flex;align-items:center;}
.banner .slides li .width1273 div.bg{ overflow:hidden; color:#ffffff;}
.banner .slides li .width1273 div.bg dd{ font-size:72px; text-transform: uppercase; font-weight:bold;}
.banner .slides li .width1273 div.bg dl{ font-size:36px; line-height:60px; margin-top:8px;}

.banner .flex-control-nav{ position:absolute; bottom:11vh; width:100%; text-align:center;}
.banner .flex-control-nav li{ margin:0px 0.75rem; display:inline-block;width:0.75rem;height:0.75rem; cursor: pointer;position: relative;overflow: hidden;}
.banner .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;border-radius:1rem; top:0px; background-color: rgba(255,255,255,0.5);}
.banner .flex-control-nav li a:hover,.banner .flex-control-nav li a.flex-active{ background-color:#f8b00e;}
.banner .flex-direction-nav{ display:none;}

.sb{opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite; position:absolute;cursor:pointer;overflow:hidden;}
@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5}}

/*i_about*/
.i_about{ width:100%; overflow:hidden; background-color:#f3f7f9;}
.i_about .width1273{ height:412px; background:url(../images/i_about.png) no-repeat;display:flex;align-items:center;}
.i_about .width1273 .con{ width:100%; overflow:hidden;}
.i_about .width1273 .con div{ overflow:hidden;}
.i_about .width1273 .con div.l{ font-size:36px; font-weight:bold; color:#212529; width:35%; float:left;}
.i_about .width1273 .con div.r{ font-size:16px; color:#212529; line-height:36px; text-align:justify; width:63%; float:right;}

/*i_tit*/
.i_tit{ text-align:center; color:#212529;} 
.i_tit dd{ font-size:36px; font-weight:bold; margin-bottom:20px;}
.i_tit dl{ font-size:18px; margin-bottom:55px;}

/*我们的服务*/
.i_fw{ padding:90px 0px 100px; overflow:hidden;}
.i_fw ul,.i_fw ul li{ overflow:hidden;}
.i_fw ul{ margin-bottom:40px; width:103%;}
.i_fw ul li{ margin-bottom:40px; overflow: hidden; width:30.51%; margin-right:2.7%; height:210px; float:left; position:relative;}
.i_fw ul li .bg{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; border:1px solid #e5e5e5; border-radius:8px;}
.i_fw ul li .bg img{ margin-left:12%; position:absolute; top:23%;}
.i_fw ul li .bg dd{ padding-left:12%; font-size:16px; color:#212529; padding-top:135px;}
.i_fw .more{ text-align:center;}
.i_fw .more a{ display:block; width:90%; max-width:160px; height:40px; line-height:40px; text-align:center; border-radius:20px; margin:0px auto; background-color:#f8b00e; border:1px solid #f8b00e; color:#212529; font-size:14px;}
.i_fw .more a:hover{border:1px solid #999999; background-color:#ffffff;color:#999999;}

/*i_cp*/
.i_cp{ position:relative; overflow:hidden; background-color:#f3f7fa;}
.i_cp .slides{ overflow:hidden;}
.i_cp .slides li{ overflow:hidden;background-repeat:no-repeat; background-position:50%; position:relative;}
.i_cp .slides li a img{ margin-bottom:-4px;}

.i_cp .flex-control-nav{ position:absolute; bottom:11vh; width:100%; text-align:center; display:none;}
.i_cp .flex-control-nav li{ margin:0px 0.75rem; display:inline-block;width:0.75rem;height:0.75rem; cursor: pointer;position: relative;overflow: hidden;}
.i_cp .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;border-radius:1rem; top:0px; background-color: rgba(255,255,255,0.5);}
.i_cp .flex-control-nav li a:hover,.i_cp .flex-control-nav li a.flex-active{ background-color:#f8b00e;}
.i_cp .flex-direction-nav li a{ position:absolute; height:3rem; line-height:3rem; text-align:center; font-size:1rem; color:#9a9a9a; font-weight:bold; width:3rem; border:2px solid #9a9a9a; border-radius:50%; top:50%; margin-top:-1.5rem;}
.i_cp .flex-direction-nav li a:hover{ border:2px solid #f8b00e;color:#f8b00e;}
.i_cp .flex-direction-nav li a.flex-prev{ left:4.5%;}
.i_cp .flex-direction-nav li a.flex-next{ right:4.5%;}

/*案例展示*/
.i_al{ padding:90px 0px 100px; overflow:hidden;}
.i_al .con{ overflow:hidden; margin-bottom:60px; height:620px; position:relative;}
.i_al .con ul.fl{ overflow:hidden; float:left; width:62.6%; max-width:796px;}
.i_al .con ul.fl li{ height:280px; width:45.3%; max-width:360px; margin-bottom:60px; position:relative;}
.i_al .con ul.fl li a .bg{ border:1px solid #e7e7e7; position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:10% 8.2%; border-radius:1rem;}
.i_al .con ul.fl li a .bg dd{ font-size:24px; font-weight:bold; color:#212428; line-height:36px;}
.i_al .con ul.fl li a .bg ol{ font-size:14px; color:#999999; position:absolute; bottom:14%;}
.i_al .con ul.fl li a:hover .bg dd,.i_al .con ul.fl li a:hover .bg ol{ color:#f8b00e;}
.i_al .con div.fr{ width:32%; max-width:400px; border-radius:18px; background-color:#f8b00e; position:absolute; right:0px; top:0px; bottom:0px;}
.i_al .con div.fr a .bg{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; padding:12.5% 10%; color:#ffffff; font-weight:bold; font-size:24px;}
.i_al .con div.fr a .bg div{ position:absolute; bottom:8.5%; width:80%;}
.i_al .con div.fr a .bg div ol{ margin-bottom:0.75rem;}
.i_al .con div.fr a .bg div dl{ line-height:35px;}
.i_al .more{ text-align:center;}
.i_al .more a{ display:block; width:90%; max-width:160px; height:40px; line-height:40px; text-align:center; border-radius:20px; margin:0px auto; border:1px solid #999999; color:#999999; font-size:14px;}
.i_al .more a:hover{border:1px solid #f8b00e; background-color:#f8b00e;color:#ffffff;}

/*序森智能*/
.i_zn{ width:100%; height:1186px; background-repeat:no-repeat; background-position:50%;display:flex;align-items:center; background-size: auto 100%;}
.i_zn .bg{ width:100%;}
.i_zn .bg .i_tit{ color:#ffffff;}
.i_zn .bg .i_tit dl{ font-size:24px; margin-bottom:120px;}

.i_zn .bg ul{ overflow:hidden; width:90%; max-width:1300px; margin:0px auto 85px;}
.i_zn .bg ul li{ float:left; font-size:16px; color:#ffffff; text-align:center; position:relative; width:20%; height:120px;}
.i_zn .bg ul li i{ position:absolute; background-color:rgba(255,255,255,0.5); left:0px; top:0px; bottom:0px; width:1px;}
.i_zn .bg ul li img{ max-height:64px;}
.i_zn .bg ul li dd{ font-size:16px; margin-top:25px;}
.i_zn .bg .more{ text-align:center;}
.i_zn .bg .more a{ display:block; width:90%; max-width:160px; height:40px; line-height:40px; text-align:center; border-radius:20px; margin:0px auto; background-color:#f8b00e; border:1px solid #f8b00e; color:#ffffff; font-size:14px;}
.i_zn .bg .more a:hover{border:1px solid #999999; background-color:#ffffff;color:#999999;}

/*最新新闻*/
.i_news{ padding:220px 0px; position:relative; background-color:#f2f2f2;}
.i_news .top{ margin-bottom:25px;}
.i_news .top ol{ font-size:18px; color:#f8b00e;}
.i_news .top dd{ font-size:36px; font-weight:bold; color:#212529; position:relative;}
.i_news .top dd a{ position:absolute; right:0px; font-weight:300; color:#999999; font-size:16px;}
.i_news .top dd a:hover{color:#f8b00e;}

.i_news #wrapper{ width:100%;}
.i_news #wrapper #carousel{ width:94%; position:relative; max-width:1320px; margin:0px auto;}
.i_news #wrapper #carousel li{display: block;width:400px;height:30rem; margin:0px 20px;float: left;position: relative;}
.i_news #wrapper #carousel li a .bg{ overflow:hidden; border-radius:8px; background-color:#ffffff;}
.i_news #wrapper #carousel li a .bg div.t,.i_news #wrapper #carousel li a .bg div.f{ overflow:hidden;}
.i_news #wrapper #carousel li a .bg div.t{ height:15rem;}
.i_news #wrapper #carousel li a .bg div.f{ height:12.5rem; padding:1.25rem 5%;}
.i_news #wrapper #carousel li a .bg div.f dd{ font-size:18px; font-weight:bold; color:#212529; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.i_news #wrapper #carousel li a .bg div.f dl{ font-size:14px; color:#999999; line-height:24px; height:7.5rem; margin-top:1.25rem; margin-bottom:0.5rem; overflow:hidden; text-align:justify;}
.i_news #wrapper #carousel li a .bg div.f ol{ font-size:14px; color:#999999; position:relative;}
.i_news #wrapper #carousel li a .bg div.f ol i{ top:50%; margin-top:-5.5px; right:0px; position:absolute; width:39px; height:11px; background:url(../images/jt.png) no-repeat scroll right 0px;transition:all .5s ease;}
.i_news #wrapper #carousel li a:hover .bg div.f ol i{ background-position:right -11px;transition:all .5s ease;}
.i_news #wrapper #carousel a.dj{ position:absolute; height:3rem; line-height:3rem; text-align:center; font-size:1rem; color:#9a9a9a; font-weight:bold; width:3rem; border:2px solid #9a9a9a; border-radius:50%; top:50%; margin-top:-1.5rem;}
.i_news #wrapper #carousel a.dj:hover{ border:2px solid #f8b00e;color:#f8b00e;}
.i_news #wrapper #carousel a.dj.prev{ left:0px; margin-left:-4rem;}
.i_news #wrapper #carousel a.dj.next{ right:0px; margin-right:-4rem;}

.i_news #wrapper #carousel .pager{ text-align:center; margin-top:1rem;}
.i_news #wrapper #carousel .pager a{ background-color:#999999;text-decoration:none;text-indent: -999px;display:inline-block;overflow:hidden;width:22px;height:6px;margin:0px 9px; border-radius:5px;}
.i_news #wrapper #carousel .pager a.selected{ background-color:#f8b41b;}

/*foot_bg*/
.foot_bg{ width:100%; height:579px; background:url(../images/foot_bg.jpg) no-repeat scroll 50%; background-size: auto 100%;}
.foot_bg .t{ padding-top:110px; height:340px; margin-bottom:4px;}
.foot_bg .t ul.fl{ width:65%; overflow:hidden; max-width:810px;}
.foot_bg .t ul.fl li{ overflow:hidden; float:left; width:20%;}
.foot_bg .t ul.fl li dd{ font-size:16px; color:#ffffff; margin-bottom:22px;}
.foot_bg .t ul.fl li dl{ font-size:14px; margin-bottom:18px;}
.foot_bg .t ul.fl li dl a{ color:#999999;}
.foot_bg .t ul.fl li dl a:hover{color:#f8b00e;}
.foot_bg .t div.fr{ width:30%; max-width:260px;}
.foot_bg .t div.fr dd{ font-size:36px; color:#f8b00d; font-weight:bold; text-transform: uppercase;}
.foot_bg .t div.fr dl{ font-size:14px; color:#ffffff; line-height:35px; margin:20px 0px;}
.foot_bg .t div.fr dl img{ margin-right:5px;}
.foot_bg .t div.fr ol{ overflow:hidden;}
.foot_bg .t div.fr ol a{ font-size:18px; color:#999999; margin-right:15%;}
.foot_bg .t div.fr ol a:hover{color:#f8b00e;}

.foot_bg .f{ font-size:12px; color:#999999; height:125px;}
.foot_bg .f a{ color:#666666;}
.foot_bg .f dl{ margin-top:20px;}

/*page_banner*/
.width1600{ width:94%; max-width:1600px;}
.page_banner,.page_banner .width1273{ height:570px;}
.page_banner{ width:100%; background-repeat:no-repeat; background-position:50%; background-size: auto 100%;}
.page_banner .hidden dd{ font-size:3rem; color:#ffffff; font-weight:bold; margin-top:270px;}
.page_banner .hidden dd i{ color:#eeb240;}
.page_banner .hidden dl{ font-size:1.5rem; color:#faf8ff; margin-top:18px;}

/*关于我们*/
.about_t{ padding:5rem 0px; overflow:hidden;}
.about_t div.l{ font-size:36px; font-weight:bold; color:#212529; width:35%; float:left;}
.about_t div.r{ font-size:16px; color:#212529; line-height:36px; text-align:justify; width:63%; float:right;}

.about_i{ margin-bottom:-240px; position:relative; z-index:1;}
.about_i img{ margin-bottom:-4px;}
.about_lgly{ width:100%; background-color:#f2f2f2; overflow:hidden; padding-top:240px;}

.about_jg{ overflow:hidden; margin:150px 0px;}
.about_jg .t{ text-align:center; font-size:36px; font-weight:bold; color:#212529; margin-bottom:25px;}
.about_jg .f{ text-align:center; font-size:16px; color:#212529; margin-bottom:55px;}
.about_jg ul,.about_jg ul li{ overflow:hidden;}
.about_jg ul{ width:100%;}
.about_jg ul li{ margin-bottom:75px; float:left; background-color:#ffffff; height:200px; border-radius:8px; width:29.9%; position:relative;}
.about_jg ul li a .bg{ position:absolute; top:0px; left:0px; bottom:0px; right:0px;}
.about_jg ul li a .bg img{ position:absolute; left:50%; margin-left:-40px; top:30px;}
.about_jg ul li a .bg dd{ font-size:16px; color:#212529; text-align:center; margin-top:140px;}
.about_jg ul li.fl{ margin-right:5.15%;}

.about_cp{ padding:60px 0px 180px;}
.about_cp .tit{ font-size:36px; font-weight:bold; color:#333333; margin-bottom:3rem;}
.about_cp ul,.about_cp ul li{ overflow:hidden;}
.about_cp ul li{ position:relative;}
.about_cp ul li img{ margin-bottom:-4px; width:50%;}
.about_cp ul li .bg{ position:absolute; width:50%; top:0px; bottom:0px; background-color:#f2f2f2; display:flex;align-items:center;}
.about_cp ul li.l img{ float:left;}
.about_cp ul li.l .bg{ right:0px;}
.about_cp ul li.r img{ float:right;}
.about_cp ul li.r .bg{ left:0px;}
.about_cp ul li .bg .c{ width:86%; margin:0px auto;}
.about_cp ul li .bg .c dd{ font-size:24px; color:#333333; font-weight:bold; margin-bottom:1.25rem;}
.about_cp ul li .bg .c dl{ font-size:16px; color:#212529; line-height:35px; text-align:justify;}

.about_ljzx,.about_ljzx .width1273{ height:10rem;}
.about_ljzx{ width:100%; background-color:#eeb240;}
.about_ljzx .width1273{ position:relative; color:#ffffff; font-size:1.5rem; display:flex;align-items:center;}
.about_ljzx .width1273 a{ display:block; position: absolute; right:0px; font-size:18px; color:#ffffff; background-color:#1b1f26; height:50px; border-radius:30px; width:50%; max-width:240px; text-align:center; line-height:50px;}
.about_ljzx .width1273 a:hover{ background-color:#ffffff;color:#1b1f26;}

/*产品中心*/
.cp_list{ padding:60px 0px 170px;}
.cp_list div.fl{ width:20%; max-width:245px;}
.cp_list div.fl div.t{ overflow:hidden; font-size:24px; color:#333333; border-bottom:1px solid #999999; padding-bottom:18px; margin-bottom:20px;}
.cp_list div.fl ul,.cp_list div.fl ul li{ overflow:hidden;}
.cp_list div.fl ul li{ margin-bottom:1.5rem;}
.cp_list div.fl ul li dd a{ font-size:1rem; font-weight:bold; color:#333333; display:block;}
.cp_list div.fl ul li.on dd a,.cp_list div.fl ul li dd a:hover{ color:#eeb240;}
.cp_list div.fl ul li dl{ margin-top:20px; position:relative;}
.cp_list div.fl ul li dl a{ display:block; font-size:14px; color:#333333; padding-left:25px;}
.cp_list div.fl ul li dl a i{ position:absolute; left:0px; font-size:1.25rem;}
.cp_list div.fl ul li dd.on a,.cp_list div.fl ul li dl.on a,.cp_list div.fl ul li dl a:hover{ color:#eeb240;}

.cp_list div.fr{ width:75%; max-width:950px;}
.cp_list div.fr ul,.cp_list div.fr ul li{ overflow:hidden;}
.cp_list div.fr ul li{ width:49.5%; max-width:470px;}
.cp_list div.fr ul li a div.bg{ overflow:hidden;}
.cp_list div.fr ul li a div.bg dl{ border:1px solid #f2f2f2; height:17.5rem; text-align:center; position:relative; overflow:hidden;}
.cp_list div.fr ul li a div.bg dl img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto;transition:all .5s ease;}
.cp_list div.fr ul li a:hover div.bg dl img{transition:all .5s ease; transform: scale(1.1);}
.cp_list div.fr ul li a div.bg dd{ font-size:16px; color:#333333; text-align:center; height:74px; line-height:74px; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.cp_list div.fr ul li a:hover div.bg dd{ color:#eeb240;}

/*fenye*/
.fenye{ overflow:hidden; line-height:2.5rem; margin-top:2.5rem;}
.fenye a,.fenye span{padding:9.5px 14.5px;font-size:14px;color:#333333;border:1px solid #f2f2f2;margin-left:0.5rem; border-radius:4px; background-color:#ffffff;}
.fenye span,.fenye a:hover{background-color:#eeb240;color:#ffffff;border:1px solid #eeb240;}

/*产品详情*/
.s_top{ height:112px; border-bottom:1px solid #f2f2f2; top:0px; background-color:#ffffff;}
.s_top.now{ height:4rem; background-color:#ffffff;}
.s_top .con{ margin:40px auto;}
.s_top.now .con{ margin:1rem auto;}
.s_top .con ul li .bg dl{ background-color:rgba(0,0,0,0.5);}
.s_top .con ul li a, .s_top .con .nav, .s_top .con .nav a{ color:#222222;}
.s_top .gh a:after,.s_top .gh a:before,.s_top .gh a{background-color:#222222;}
.s_top .con ul li .bg dl a{ color:#ffffff;}

.cp_show{ margin-top:114px;}
.cp_show .tit{ height:110px; line-height:110px; font-size:16px; color:#999999;}
.cp_show .tit a{ color:#999999;}
.cp_show .tit a:hover{ color:#f8b00e;}

.cp_show .cp_t,.cp_show .cp_t div.fl,.cp_show .cp_t div.fr{ height:30rem;}
.cp_show .cp_t{ border:1px solid #f2f2f2;}
.cp_show .cp_t div.fl{ overflow:hidden; width:38%; max-width:480px; position:relative;}
.cp_show .cp_t div.fl img{ position:absolute; left:0px; right:0px; bottom:0px; top:0px; margin:auto;}
.cp_show .cp_t div.fr{ border-left:1px solid #f2f2f2;display:flex;align-items:center; width:62%; margin-left:-1px;}
.cp_show .cp_t div.fr ul{ overflow:hidden; width:87%; margin:0px auto;}
.cp_show .cp_t div.fr ul li{ overflow:hidden;}
.cp_show .cp_t div.fr ul li.t{ font-size:30px; font-weight:bold; color:#333333;}
.cp_show .cp_t div.fr ul li.c{ font-size:16px; line-height:38px; margin:20px 0px; height:270px;}
.cp_show .cp_t div.fr ul li.c dd{ color:#333333; font-weight:bold;}
.cp_show .cp_t div.fr ul li.c dl{ color:#999999;}
.cp_show .cp_t div.fr ul li.f{}
.cp_show .cp_t div.fr ul li.f a{ display:block; float:left; border:1px solid #eeb240; height:40px; line-height:40px; width:160px; margin-right:4.5%; text-align:center; color:#333333; font-size:16px; border-radius:30px;}
.cp_show .cp_t div.fr ul li.f a:hover{ background-color:#f3c570;}

.cp_s_bg{ border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2; margin-top:60px;}
.cp_s_bg,.cp_s_bg div{ height:60px; line-height:60px;}
.cp_s_bg div span{ border-bottom:4px solid #f3b645; padding:0px 60px 16px; font-size:16px; font-weight:bold; color:#3c3c3c;}

.cp_s_f{ padding:30px 0px 100px;}
.cp_s_f dd{ font-size:24px; font-weight:bold; color:#333333; margin:25px 0px;}
.cp_s_f dl{ font-size:16px; color:#666666; line-height:36px;}

.cp_show_bg{ width:100%; background-color:#f2f2f2; padding:4rem 0px 5.5rem;}

.cp_show_bg .tit{ font-size:30px; font-weight:bold; color:#333333; position:relative; margin-bottom:35px;}

.cp_show_bg .device{ width:100%; position:relative;}
.device .scroll,.device .scroll ul,.device .scroll ul li{ height:280px;}
.device .scroll{ position:relative; width:100%;}
.device .scroll ul{ position:absolute;}
.device .scroll ul li{ width:465px;  margin-right:20px; float:left; position:relative;}
.device .scroll ul li a div.bg{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:#ffffff;}
.device .scroll ul li a div.bg img{ position:absolute; margin:auto; top:0px; left:0px; right:0px; bottom:0px;}

.device a.qh{ position:absolute; z-index:8; font-size:2rem; width:38px; height:38px; line-height:32px; text-align:center; border:1px solid #999999; color:#999999; border-radius:50%; top:0px; margin-top:-75px;}
.device a.qh:hover{ color:#eeb240; border:1px solid #eeb240;}
.device a.qh.pre{ right:64px;}
.device a.qh.next{ right:0px;}

.cp_show_bg .flexslider{ display:none;}


/*成功案例*/
.page_mu{ border-bottom:1px solid #f2f2f2; width:100%;}
.page_mu ul,.page_mu ul li{ overflow:hidden;}
.page_mu ul li{ float:left; height:70px; line-height:70px;}
.page_mu ul li a{font-size:16px; color:#333333; display:block; padding:0px 25px;}
.page_mu ul li.on a,.page_mu ul li a:hover{ background-color:#eeb240; color:#ffffff;}

.cgal_list{ padding:50px 0px 100px;}
.cgal_list ul{ overflow:hidden; width:106%;}
.cgal_list ul li{ height:280px; width:28.2%; position:relative; float:left; margin-bottom:2.5rem; margin-right:4.88%;}
.cgal_list ul li a .bg{ border:1px solid #e7e7e7; position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:10% 8.2%; border-radius:1rem;}
.cgal_list ul li a:hover .bg{ border:1px solid #f8b00e;}
.cgal_list ul li a .bg dd{ font-size:24px; font-weight:bold; color:#212428; line-height:36px;}
.cgal_list ul li a .bg ol{ font-size:14px; color:#999999; position:absolute; bottom:14%;}

.cgal_list .fenye{ text-align:center;}

/*案例详情*/
.al_s_top,.al_s_top .width1273{ height:70px;}
.al_s_top{ width:100%; background-color:#f2f2f2;}
.al_s_top .width1273{ line-height:70px; font-size:14px; color:#212428;}
.al_s_top .width1273 a{ color:#212428;}
.al_s_top .width1273 a:hover{color:#eeb240;}

.al_show{ padding:40px 0px 200px;}
.al_show li{ overflow:hidden;}
.al_show li.t{ text-align:center; font-size:30px; font-weight:bold; color:#212428; margin-bottom:44px;}
.al_show li.c{ border-top:1px solid #f2f2f2; font-size:16px; color:#666666; line-height:36px; padding:30px 0px 60px;}
.al_show li.c strong{ color:#212428;}
.al_show li.n{ border-top:1px solid #f2f2f2; margin-bottom:64px;}
.al_show li.n div.tit{ height:90px; line-height:90px; font-size:24px; font-weight:bold; color:#333333;}

.al_show li.n div.tab{ overflow:hidden; width:48%; margin-bottom:1rem;border:1px solid #f2f2f2; height:208px;}
.al_show li.n div.tab .c{ height:160px;}
.al_show li.n div.tab .c img{ float:left; width:28.6%;}
.al_show li.n div.tab .c div.fr{ height:160px; width:71.4%;display:flex;align-items:center;}
.al_show li.n div.tab .c div.fr div{ width:91%; margin:0px auto;}
.al_show li.n div.tab .c div.fr div dd{ font-size:16px; color:#333333; font-weight:bold; margin-bottom:5px;}
.al_show li.n div.tab .c div.fr div dl{ font-size:14px; color:#999999; line-height:30px;}

.al_show li.n .nav{border:1px solid #f2f2f2; margin-top:-1px;}
.al_show li.n .nav li{ float:left; width:50%; height:3rem; line-height:3rem; font-size:14px; text-align:center; border-left:1px solid #f2f2f2; margin-left:-1px; cursor: pointer;}
.al_show li.n .nav li a{ color:#000000; display:block;}
.al_show li.n .nav li.on,.al_show li.n .nav li:hover,.al_show li.n .nav li a:hover{ color:#eeb240;}
.al_show li.f{border-top:1px solid #f2f2f2; padding-top:2rem;}
.al_show li.f dd{ font-size:16px; font-weight:bold; color:#212428; margin-bottom:1rem;}
.al_show li.f dl{ font-size:14px; color:#666666; line-height:36px;}

/*新闻动态*/
.news_list{ width:100%; background-color:#f2f2f2; padding:60px 0px 125px;}
.news_list ul{ width:103%; overflow:hidden;}
.news_list ul li{display: block;width:30.5%;height:30rem; border-radius:8px; overflow:hidden; margin-right:2.8%; margin-bottom:4rem;float: left;position: relative; background-color:#ffffff;}
.news_list ul li a .bg{ overflow:hidden;}
.news_list ul li a .bg div.t,.news_list ul li a .bg div.f{ overflow:hidden;}
.news_list ul li a .bg div.t{ height:15rem;}
.news_list ul li a .bg div.f{ height:12.5rem; padding:1.25rem 5%;}
.news_list ul li a .bg div.f dd{ font-size:18px; font-weight:bold; color:#212529; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.news_list ul li a .bg div.f dl{ font-size:14px; color:#999999; line-height:24px; height:7.5rem; margin-top:1.25rem; margin-bottom:0.5rem;}
.news_list ul li a .bg div.f ol{ font-size:14px; color:#999999; position:relative;}
.news_list ul li a .bg div.f ol i{ top:50%; margin-top:-5.5px; right:0px; position:absolute; width:39px; height:11px; background:url(../images/jt.png) no-repeat scroll right 0px;transition:all .5s ease;}
.news_list ul li a:hover .bg div.f ol i{ background-position:right -11px;transition:all .5s ease;}

.news_list .fenye{ text-align:center;}

/*新闻详情*/
.news_s_top,.news_s_top .width1273{ height:70px;}
.news_s_top{ width:100%; background-color:#f2f2f2;}
.news_s_top .width1273{ line-height:70px; font-size:14px; color:#212428;}
.news_s_top .width1273 a{ color:#212428;}
.news_s_top .width1273 a:hover{color:#eeb240;}

.news_show{ padding:68px 0px;}
.news_show ul,.news_show ul li{ overflow:hidden;}
.news_show ul li.n{ line-height:2rem;}
.news_show ul li.n i{ font-size:14px; color:#ffffff; background-color:#eeb240; padding:6.5px 20px; border-radius:20px;}
.news_show ul li.t{ font-size:30px; font-weight:bold; color:#212428; padding:14px 0px;}
.news_show ul li.s{ font-size:14px; color:#333333; border-bottom:1px solid #f2f2f2; padding:2px 0px 20px;}
.news_show ul li.c{ font-size:24px; line-height:36px; font-weight:bold; color:#212428; padding:32px 0px 40px;}
.news_show ul li.f{ font-size:16px; color:#212428; line-height:36px;}

.f14{ margin-top:4rem; border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2; padding:25px 0px;}
.f14 dl{ font-size:16px; color:#212428; line-height:40px; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.f14 dl a{ color:#212428;}
.f14 dl span,.f14 dl a:hover{color:#eeb240;}

/*联系我们*/
.lxwm{ padding:100px 0px 155px;}
.lxwm div.fl{ width:40%; max-width:470px;}
.lxwm div.fr{ width:50%; max-width:550px;}
.lxwm div.hidden .tit{ font-size:30px; color:#333333; font-weight:bold;}
.lxwm div.hidden .con{ font-size:18px; color:#333333; margin:1.5rem 0px;}
.lxwm div.fl .nr{ overflow:hidden; margin-bottom:40px;}
/*.lxwm div.fl .nr dl{ border-bottom:1px solid #ebebeb; font-size:16px; color:#333333; padding:2rem 0px;}
.lxwm div.fl .nr dl.sj{ font-size:16px; color:#999999;}
.lxwm div.fl .nr dl img{ margin-right:24px;}*/
.lxwm div.fl .nr p{border-bottom:1px solid #ebebeb; font-size:16px; color:#333333; padding:2rem 0px;}
.lxwm div.fl .nr p img{ margin-right:24px;}

.lxwm div.fr ul,.lxwm div.fr ul li{ overflow:hidden;}
.lxwm div.fr ul li{ margin-bottom:30px;}
.lxwm div.fr ul li dl{ float:left; font-size:16px; color:#333333; text-align:right; width:85px; line-height:40px;height:40px;}
.lxwm div.fr ul li dl i{ color:#eeb240;}
.lxwm div.fr ul li.t input{ float:right; height:38px; line-height:38px; border:1px solid #f2f2f2; border-radius:4px; width:72%; padding:0px 4%;outline:none;}
.lxwm div.fr ul li.c textarea{float:right; height:248px; line-height:24px; border:1px solid #f2f2f2; border-radius:4px; width:72%; padding:0px 4%;outline:none;}
.lxwm div.fr ul li.b dl{ width:110px;}
.lxwm div.fr ul li.b input{ float:left; width:160px; height:40px; border:0px; border-radius:4px; background-color:#cccccc; text-align:center; line-height:40px; font-size:16px; color:#ffffff;cursor: pointer;}
.lxwm div.fr ul li.b input:hover{ background-color:#eeb240;}

/*人才招聘*/
.jobs{ padding:70px 0px 145px;}
.jobs .tit{ font-weight:bold; font-size:26px; color:#222222; margin-bottom:60px;}
.jobs ul,.jobs ul li{ overflow:hidden;}
.jobs ul{ border-top:4px solid #eeb240;}
.jobs ul li{ border-bottom:1px solid #e0e0e0; height:66px;}
.jobs ul li.t{ background-color:#f2f2f2; padding-left:6%;}
.jobs ul li.t dl{ font-size:18px; color:#333333; font-weight:bold; line-height:66px; float:left;}
.jobs ul li.t dl.d1{ width:38%;}
.jobs ul li.t dl.d2{ width:24%;}
.jobs ul li.t dl.d3{ width:24%;}
.jobs ul li.t dl.d4{ width:14%;}
.jobs ul li.c{ cursor: pointer;}
.jobs ul li.c.on{ height:auto;}
.jobs ul li.c div{ overflow:hidden;}
.jobs ul li.c div.t{ padding-left:6%;}
.jobs ul li.c div.t dl{ float:left; height:66px; line-height:66px; font-size:14px; color:#222222;}
.jobs ul li.c div.t dl.d1{ width:38%;}
.jobs ul li.c div.t dl.d1 i{margin-left:13%;font-size:20px; opacity:0;}
.jobs ul li.c.on div.t dl.d1 i{ opacity:1;}
.jobs ul li.c div.t dl.d2{ width:24%;}
.jobs ul li.c div.t dl.d3{ width:24%;}
.jobs ul li.c div.t dl.d4{ width:14%;display:flex;align-items:center; }
.jobs ul li.c div.t dl.d4 a{ display:block; background-color:#eeb240; color:#ffffff; height:32px; line-height:32px; border-radius:20px; max-width:100px; text-align:center; width:100%; font-size:14px;}
.jobs ul li.c div.f{ background-color:#f5f5f5; padding:2rem 6% 4rem;}
.jobs ul li.c div.f .c_t,.jobs ul li.c div.f .c_f{ overflow:hidden;}
.jobs ul li.c div.f .c_t{ margin-bottom:2rem;}
.jobs ul li.c div.f .c_t dl{ float:left; width:33.3333333%; font-size:18px; color:#747474;}
.jobs ul li.c div.f .c_t dl span{ font-weight:bold; color:#eeb240; margin-right:5%;}
.jobs ul li.c div.f .c_f dd{ font-size:18px; color:#222222;}
.jobs ul li.c div.f .c_f dl{ font-size:14px; color:#747474; line-height:22px; padding:20px 0px;}

/*动画*/
.banner{ z-index:9;}
.banner .slides li .width1273 div.bg{ margin-left:50%;transition:all 1s ease;}
.banner .slides li.flex-active-slide .width1273 div.bg{ margin-left:0px;transition:all 1s ease;}

.i_dh{ position:relative; padding-top:40rem; margin-top:-40rem;}
#i_c1{ z-index:6;}
#i_c2{ z-index:5;}
#i_c3{ z-index:4;}
#i_c4{ z-index:3;}
#i_c5{ z-index:2; padding-top:10rem; margin-top:-10rem;}
#i_c6{ z-index:1; padding-top:10rem; margin-top:-10rem;}

#i_c1 .i_about .width1273 .con div.l,#i_c1 .i_about .width1273 .con div.r{ opacity:0;transition:all .5s ease;}
#i_c1.on .i_about .width1273 .con div.l,#i_c1.on .i_about .width1273 .con div.r{ opacity:1;transition:all .5s ease;}
#i_c1 .i_about .width1273 .con div.l{ margin-left:-30%;}
#i_c1 .i_about .width1273 .con div.r{ margin-right:-30%;}
#i_c1.on .i_about .width1273 .con div.l{ margin-left:0px;}
#i_c1.on .i_about .width1273 .con div.r{ margin-right:0px;}

#i_c2 .i_tit,#i_c2 .i_fw .more,#i_c4 .i_tit,#i_c4 .i_al .more,#i_c5 .i_zn .bg .i_tit,#i_c5 .i_zn .bg .more{ opacity:0;transition:all .5s ease;}
#i_c2.on .i_tit,#i_c2.on .i_fw .more,#i_c4.on .i_tit,#i_c4.on .i_al .more,#i_c5.on .i_zn .bg .i_tit,#i_c5.on .i_zn .bg .more{ opacity:1;transition:all .5s ease;}

#i_c2 .i_fw ul li{opacity:0;transition:all .5s ease; margin-top:5rem;}
#i_c2.on .i_fw ul li{ opacity:1; margin-top:0px;}
#i_c2.on .i_fw ul li.l1{transition:all 1s ease;}
#i_c2.on .i_fw ul li.l2{transition:all 1.5s ease;}
#i_c2.on .i_fw ul li.l3{transition:all 2s ease;}

#i_c3{opacity:0;transition:all .5s ease;}
#i_c3.on{opacity:1;transition:all .5s ease;}

#i_c4 .i_al .con ul.fl,#i_c4 .i_al .con div.fr{ opacity:0;transition:all .5s ease;}
#i_c4.on .i_al .con ul.fl,#i_c4.on .i_al .con div.fr{ opacity:1;transition:all .5s ease;}
#i_c4 .i_al .con ul.fl{margin-left:-30%;}
#i_c4 .i_al .con div.fr{ margin-right:-30%;}
#i_c4.on .i_al .con ul.fl{margin-left:0px;}
#i_c4.on .i_al .con div.fr{ margin-right:0px;}

#i_c5 .i_zn .bg ul li{opacity:0;transition:all .5s ease; margin-top:5rem;}
#i_c5.on .i_zn .bg ul li{ opacity:1; margin-top:0px;}
#i_c5.on .i_zn .bg ul li.l1{transition:all 0.5s ease;}
#i_c5.on .i_zn .bg ul li.l2{transition:all 1s ease;}
#i_c5.on .i_zn .bg ul li.l3{transition:all 1.5s ease;}
#i_c5.on .i_zn .bg ul li.l4{transition:all 2s ease;}
#i_c5.on .i_zn .bg ul li.l5{transition:all 2.5s ease;}

#i_c6 .i_news .top{ opacity:0;transition:all .5s ease;}
#i_c6.on .i_news .top{ opacity:1;transition:all .5s ease;}
#i_c6 .i_news #wrapper{ opacity:0; margin-top:5rem;transition:all .5s ease;}
#i_c6.on .i_news #wrapper{ opacity:1; margin-top:0px;transition:all .5s ease;}