@charset "utf-8";
/* *, *:after, *:before {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
} */

.layui-nav .layui-this::after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed::after{ background-color: #0183e5;}
.layui-btn-normal{ background-color:#0183e5;}
.layui-col-md25{ display: block; width:20%; float: left;position: relative;box-sizing: border-box;}
.layui-col-md77{ display: block; width:14.2%; float: left;position: relative;box-sizing: border-box;}
/* 头部 */

body {  min-width:1205px;}  

/*客服电话*/
/*.kgy_online{ position:absolute; top:22px; left:345px; color:#7b7b7b; font-size:14px;}*/
/*.kgy_online{ position:absolute; top:22px; left:339px; color:#7b7b7b; font-size:13px;z-index:1;}*/
.kgy_online{ position:absolute; top:22px; left:280px; color:#7b7b7b; font-size:13px;z-index:1;}
.kgy_online span{ color:#d7c084;}


/**/
/*.header .layui-main .kzt_btn { background:transparent; right:0; top:-14px;padding:0}*/
.header .layui-main .kzt_btn { background:transparent; right:118px; top:-14px;padding:0}
/*.header .layui-main .kzt_btn a{ padding:0;}*/
.header .layui-main .kzt_btn .layui-nav-child{ background:#22242c; border:none }
.header .layui-main .kzt_btn dd a{ padding:0 15px; color:#999; text-align: left;}
.header .layui-main .kzt_btn dd a:hover{  background:transparent; color: #fff;}

/*.layui-nav-child { display:block;}*/
.menu{position: absolute; right: 0; top: 0; line-height: 65px;}
.menu a{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.menu a{position: relative; padding: 0 20px; margin: 0 20px; color: #c2c2c2; font-size: 14px;}
.menu a:hover{ color: #fff; transition: all .5s; -webkit-transition: all .5s}
.menu a.this{ color: #fff}
.menu a.this::after{content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 5px; background-color: #0183e5;}

.header-index[spring]{border: none; background-color: #0D1206}
.header-index[summer]{border: none; background-color: #0A0E11}
.header-index[autumn]{border: none; background-color: #100903}
.header-index[winter]{border: none; background-color: #110F25/*#06041C*/}


/* 底部 */
.kg_foot_nav .link{ color:#666; font-size:16px; line-height:30px; margin-right:12px;margin-left: 122px; }

.kg_foot_doc{ margin-top:20px; margin-bottom:10px;}
.kg_foot_doc h3{ display:inline; font-size:16px; color:#ccc; margin-right:10px; padding-left:42px; font-weight:normal; background:url(../images/bottom_icon03.png) no-repeat left center; }
.kg_foot_doc a{ color:#666; font-size:16px; line-height:30px; margin-right:12px; }
.kg_foot_doc a:hover,.copy_right a:hover{ color:#999; text-decoration:none;}



/* index */
.site_banner{position: relative; height: 500px; text-align: center; overflow: hidden; background-color: #1d212a;}
.site_banner .layui-main{ height: 100%; background-image: url(../images/banner.png); background-repeat: no-repeat; background-position: right bottom}
.site-banner-bg,.site-banner-main{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.site-banner-bg{ background-position: center 0;}
.site_banner .layui-anim{ max-width: 700px; padding-top:120px;}
.site_banner h1{ font-size: 32px; font-weight: normal; color: #fff; text-align: left; margin-bottom: 24px;}
.site_banner cite{ display: block; font-size: 15px; line-height: 26px; font-style: normal; color: #fff; text-align: left; padding: 0px 0 40px;}
.layui-anim .layui-btn{ display: block; width: 150px;}
.second_nav{ position:absolute; bottom:200px; width: 100%;}
.second_nav .layui-col-md1 a{ display: block; border: 1px solid rgba(255,255,255,.1); background: rgba(0,0,0,.10); font-size: 14px; text-align: center; line-height: 30px; height: 30px; color: #c3c3c3;transition: all .3s;
    -webkit-transition: all .3s;}
.second_nav .layui-col-md1 a:hover{ background: rgba(40,45,60,1);border: 1px solid rgba(255,255,255,.25); color: #fff;}
/* 科工云 */
.main_title{ margin-bottom: 30px;}
.main_title span{ display: block; font-size: 32px; color: #333; text-align: center; font-weight: bold; margin-bottom: 10px;}
.main_title p{ font-size: 16px; color: #666; text-align: center; }
.main_pro{ background:#f5f9fc; padding: 40px 0;}
.main_pro .layui-icon{ display: block; width: 96px; height: 96px; margin: 0 auto; border-radius: 50%; background-color: #fff; box-shadow: 0px 6px 7px rgba(34,23,20,.12) }
.main_pro .layui-icon img{ display: block; width: 44px; height: 44px; margin: 0px auto; padding-top: 26px;}
.main_pro .layui-icon img+img{ display: none;}
.main_pro .layui-icon:hover{ background-color: #0183e5;}
.main_pro .layui-icon:hover img{ display: none;}
.main_pro .layui-icon:hover img+img{ display: block;}
.main_pro .layui-col-md3 h2{ font-size: 18px; color: #333; text-align: center; margin: 24px 0 10px; }
.main_pro .layui-col-md3 h2 a{ color: #333;}
.main_pro .layui-col-md3 p{ font-size: 14px; color: #666; line-height: 24px; padding: 0 32px; max-height: 48px; overflow: hidden;}
.more_btn{ margin: 40px auto 0; text-align: center;}

/* 中台 */
.main_intro{ padding: 40px 0 }
.main_intro .layui-tab{ height:360px; overflow:hidden;}
.main_intro .layui-tab-title{ width: 200px; height: 360px; left: 0;}
.main_intro .layui-tab-title li{ display: block; height: 120px; line-height: 120px; font-size: 18px; font-weight: bold; color: #333;}
.main_intro .layui-tab-content{ width: 990px; height: 360px; position: relative; right: -200px; top: -360px; padding: 0;}
.main_intro .layui-tab-item{ width: 100%; height: 100%;}
.main_intro .layui-tab-item img{ width: 100%; height: 100%;}
.main_intro .layui-tab-card > .layui-tab-title { background-color: #f5f9fc;}
.main_intro .layui-tab-card > .layui-tab-title .layui-this{ background: #0183e5; color: #fff;}
.layui-tab-title .layui-this::after{ display: none;}

/* 资讯 */
.main_news{ background:#f5f9fc; padding: 40px 0 60px;}
.main_news li{ overflow: hidden; margin-bottom: 26px;}
.main_news li:nth-child(3){ margin-bottom: 0;}
.main_news_pic{ float: left; width: 120px; height: 100px; overflow: hidden;}
.main_news_pic img{ width: 100%; height: 100%;}
.main_news_text{ float: right; width: 320px;}
.main_news_text a{ display: inline-block; font-size: 15px; color: #333; line-height: 24px; height: 24px; overflow: hidden;}
.main_news_text p{ font-size: 12px; color: #666; line-height: 22px; height: 44px; overflow: hidden; margin: 5px 0 4px;}
.main_news_text span{ font-size: 12px; color: #666; line-height: 22px; }
.main_news_text a:hover{ color: #0183e5;}

.main_news .layui-main>.layui-row{ background:#fff; padding:5px; }
.main_news .layui-col-md5 ul{ background:#f5f9fc; padding: 10px}
.main_news .layui-tab{ margin: 0; text-align: center; background:#f5f9fc; overflow:hidden;}
.main_news .layui-tab-title{ height: 50px; border: none;}
.main_news .layui-tab-title li{ width: 45.8%; line-height: 50px; font-size: 16px; font-weight: bold; text-align: center;}
.main_news .layui-tab-title li a{ display: inline;}
.main_news .layui-tab-card{ box-shadow: none; border: none;}
.main_news .layui-tab-card > .layui-tab-title{ background-color: #f5f9fc;}
.main_news .layui-tab-card > .layui-tab-title .layui-this{ border: none; color: #0183e5;}
.main_news .layui-tab-content .main_news_text{ float: left; width: 50%;}
.main_news .layui-tab-content .main_news_text div{ background: #fff;padding: 10px;}
.main_news .layui-tab-content .main_news_text p{ height: 22px; margin: 2px 0 4px; overflow: hidden;}













/* 立即体验 */
.main_learn_bg{ background:#0967ff url(../images/i_register_border.png) no-repeat center bottom; padding:24px 0 12px;}
.main_learn_bg h3{ font-size:22px; font-weight:normal; text-align:center; line-height:36px; color:#ffffff;}
.main_learn_bg p{ font-size: 14px; text-align: center; color: #fff; margin: 10px 0 10px; }
.main_learn_btn{ text-align:center; padding:15px 0;}
.main_learn_btn a:hover{ color:#0967ff; background-color:#fff;}
.main_learn_btn .layui-btn-primary{ width: 100px; height: 30px; line-height: 28px; font-size:12px; color:#fff; background: transparent; border: 1px solid #fff;}
.main_learn_btn .layui-btn-primary:hover{ color:#0967ff; background-color:#fff; border: 1px solid #fff; opacity: 1;}


/* 价格 */
.n_banner{ height: 300px; background: #0183e5;}
.n_banner_bg{position: absolute; left: 0; top: 60px; width: 100%; /*height: 100%;*/  overflow: hidden; }
.n_banner .layui-main div{ padding-top: 80px;}
.n_banner .layui-main cite{ display: block; font-size: 32px; font-weight: bold; text-align: center;color: #fff; font-style: normal; margin-bottom:10px;}
.n_banner .layui-main p{ font-size: 18px; text-align: center; color: #fff;}
.experience{ background: #fff; margin: -50px auto 70px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.1)}
.experience .layui-row{ padding: 0px 30px 0px;}
.layui-col-space50{margin: -25px; }
.layui-col-space50 > *{ padding: 25px;}
.experience .layui-col-md4 div{ box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);padding: 0 0 24px;} 
.experience .layui-col-md4 h2{ background: url(../images/apibox02.png) no-repeat #f5f9fc; padding: 20px; }
.experience .layui-col-md4 h2 b{ display: block; font-weight: normal; font-size: 20px; color: #fff; text-align: center; margin-bottom: 4px;}
.experience .layui-col-md4 h2 span{ display: block; font-size: 14px; color: #fff; text-align: center;}
.experience .layui-col-md4 p{ margin: 10px 0 10px;}
.experience .layui-col-md4 p span{ display: block; text-align: center; font-size: 15px; color: #666; line-height: 30px;}
.experience .layui-col-md4 .layui-btn{ display: block; margin: 0 auto; width:160px;height: 34px; line-height: 32px; border: 1px solid #0183e5; font-size: 14px; color: #999; text-align: center; color: #0183e5; background: transparent;}
.experience .layui-col-md4 .layui-btn:hover{ background: #0183e5;color: #fff;}
/* 套餐 */
.package{ padding: 0px 0 36px;}
.package .layui-tab-card{ box-shadow: none; border: none;}
.package .layui-tab-title{ background: transparent; border: none; text-align: center;}
.package .layui-tab-title li{ min-width: 160px; height: 40px; line-height: 40px; margin: 0 10px; border: 1px solid #ccc; font-size: 15px; color: #666;}
.package .layui-tab-title li:hover,.package .layui-tab-title .layui-this{ border: 1px solid #0183e5; background: #0183e5; color: #fff;}
.package .layui-tab-content{ padding: 0; margin-top: 36px;}
.package .layui-col-md4>div{text-align: center; box-shadow: 0 0px 10px 0 rgba(0,0,0,.1);padding: 24px 0; }
.package .layui-col-md4 i{ display: inline-block; float: left; width: 40px; height: 27px; line-height: 20px; background: url(../images/discount.png) no-repeat left top; font-size: 14px; text-align: center; color: #fff; margin: 4px 3px 0 0;}
.package .layui-col-md4 .discount_icon{ display: inline-block; overflow: hidden;}
.package .layui-col-md4 .discount_icon span{ display: inline-block; float: left; font-size: 14px; color: #0183e5;}
.package .layui-col-md4 .discount_icon span b{ font-size: 24px; font-weight: normal;}
.package .layui-col-md4 h3{ font-size: 24px; text-align: center; color: #4c4c4c; margin: 6px 0 7px;}
.package .layui-col-md4 div p{ color: #999; text-align: center; margin-bottom: 24px;}
.package .layui-col-md4 .layui-btn{ display: block; margin: 0 auto; width:160px;height: 34px; line-height: 32px; border: 1px solid #0183e5; font-size: 14px; color: #999; text-align: center; color: #0183e5; background: transparent;}
.package .layui-col-md4 .layui-btn:hover{ background: #0183e5;color: #fff;}
.m_service { padding: 40px; background: #f5f9fc;}
.m_service .layui-icon{ display: block; width: 96px; height: 96px; margin: 0 auto; border-radius: 50%; background-color: #fff; box-shadow: 0px 6px 7px rgba(34,23,20,.12) }
.m_service .layui-icon img{ display: block; width: 44px; height: 44px; margin: 0px auto; padding-top: 26px;}
.m_service .layui-icon img+img{ display: none;}
.m_service .layui-icon:hover{ background-color: #0183e5;}
.m_service .layui-icon:hover img{ display: none;}
.m_service .layui-icon:hover img+img{ display: block;}
.m_service .layui-col-md25 h2{ font-size: 16px; color: #666; text-align: center; margin: 24px 0 10px; }
/* 服务 */
.in_title{ font-size: 28px; text-align: center; color: #333; font-weight: bold; margin-bottom: 36px;}
.nform{  padding: 30px 0 36px;}
.nform .layui-form{ margin: 0 100px;}
.nform .layui-form *{ font-size: 14px;}






.auto_title{ font-size: 24px; color: #333; line-height: 26px; height:26px; padding-left: 20px; border-left: 4px solid #0462cd; margin-bottom: 36px;}

/* 工业机器人应用 */
.auto_pro_bg{ background:#f5faff; padding: 50px 0 64px;}
.auto_pro{ width: 1216px;}
.auto_pro li{ float: left; width: 280px; background: #e4ebf4;margin-right: 24px; transition: .3s;}
.auto_pro_pic{ position: relative; width: 100%; height: 230px; overflow: hidden;}
.auto_pro_pic img{ width: 100%; height: 100%;}
.auto_pro_pic span{ display: block; position: absolute; left: 30px; bottom: 0; width: 20px; height: 16px; background: url(../images/auto_pro_bg.png) no-repeat center bottom;}
.auto_pro_text{ padding:20px 14px 30px; }
.auto_pro_text h3{ font-size: 20px; line-height: 26px; height: 26px; color: #252525; font-weight: normal; margin-bottom: 12px; overflow: hidden;}
.auto_pro_text p{ font-size: 14px; line-height: 22px; color: #666a75; height: 132px; overflow: hidden;}
.auto_pro li:hover{ box-shadow: 0px 16px 16px rgba(183,183,183, 0.4) ;}
/* 应用场景 */
.auto_scene_bg{ padding: 48px 0 60px;}
.auto_scene{ margin: 0 25px;}
.auto_scene li{ float: left; width: 180px; height: 180px; border-radius:10px; overflow: hidden; margin: 5px; background: #fff;}
.auto_scene li img{ width: 100%; height: 100%;}
.auto_scene li span{ display: block; width: 100%; height: 100%;; font-size: 24px; color: #fff; line-height: 180px; text-align: center; background: #3e9af7;}

/* 客户案例 */
.auto_case_bg{ padding: 40px 0; background: #f5faff; }
.auto_case{ padding:10px 0 20px; overflow: hidden; }
.auto_case li{ float: left; width: 360px; margin: 0 17px; border: 1px solid #f2f2f2; transition: .3s; position: relative; top: 0; background: #fff;}
.auto_case_pic{ width: 100%; height: 192px; overflow: hidden;}
.auto_case_pic img{ width: 100%; height: 100%;}
.auto_case_text{ padding: 20px 24px 0px;}
.auto_case li h3{ font-size: 18px; color: #2f2f2f; text-align: center; line-height: 32px; height: 32px; overflow: hidden; font-weight: normal;padding: 0 30px;}
.auto_case li p{ font-size: 14px; color: #707070; line-height: 26px; height: 104px; overflow: hidden; margin: 14px 0 30px;}
.auto_case li a{ display: block; margin: 0 auto; width: 160px; height: 36px; font-size: 14px; line-height: 36px; text-align: center; color: #6193cc; border-radius: 30px; border:1px solid #3e9af7; transition: .2s;}
.auto_case li a:hover{ background: #3e9af7; color: #fff;}
.auto_case li:hover{ border:1px solid #eee; box-shadow: 0px 8px 16px rgba(183,183,183, 0.2) ; top: -10px;}



/* 数字化 */
.pro_trait{ padding: 24px 0; background: #f7f8fa;}
.pro_trait .layui-col-md77 div{ padding: 15px 13px 16px; background: #fff;box-shadow: 0px 0px 10px rgba(183,183,183, 0.3);}
.pro_trait h2{ font-size: 18px; text-align: center; color: #333; margin-bottom: 8px; }
.pro_trait p{ font-size: 12px; color: #999; line-height: 20px; height: 80px; overflow: hidden; }
/*  */
.pro_pic{ padding: 30px 0 50px;}
.pro_pic .layui-main{ overflow: hidden;}
.pro_pic .layui-main img{ width: 100%;}
/* 收益 */
.pro_profit{ padding: 40px 0; background:#f6f8fb;}
/*.pro_profit .auto_title{ color: #fff; border-left: 4px solid #fff;}*/
.pro_profit .layui-col-md25 div{ padding: 20px 18px 14px; border: 1px solid #dbe0e5; background: #fff; box-shadow: 0px 0px 10px rgba(255,255,255, 0.3);}
/*.pro_profit h2{ font-size: 16px; text-align: center; color: #333; font-weight: bold; margin-bottom: 8px; }
.pro_profit p{ font-size: 13px; color: #999; line-height: 20px; height: 80px;}*/
.pro_profit h2{ font-size: 16px; color: #333; margin-bottom: 8px;  /*text-align: center; font-weight: bold;*/}
.pro_profit p{ font-size: 13px; color: #999; line-height: 20px; height: 80px;}
/*  */
.pro_use{ padding: 50px 0 40px; }
.pro_use li{ margin-bottom: 12px; padding: 10px 16px; border: 1px solid#dbe0e5;}
.pro_use p span{ display: block; font-size: 16px; color: #333; font-weight: bold; margin-bottom: 3px; }
.pro_use p{ font-size: 14px; color: #999; line-height: 22px; }
.pro_use img{ display: block; max-width: 100%; max-height: 430px; margin: 0 auto; box-shadow: 0 0 0 rgba(34,23,20,.12);}
/*  */
.pro_service{ padding: 40px 0 50px; background: #f5faff;}
.pro_service .layui-col-md4 div{ background: #fff; padding: 20px 25px; box-shadow: 0px 8px 16px rgba(183,183,183, 0.3);}
.pro_service .layui-col-md4 div h2{ font-size: 16px; font-weight: bold;  color: #333; margin-bottom: 8px;}
.pro_service .layui-col-md4 div p{ font-size: 14px; line-height: 22px; color: #999;}
/*  */
.pro_ad{ background: url(../images/heng.png) no-repeat center top; background-size: 100%; padding: 50px 0 64px;}
.pro_ad p{ font-size: 22px; color: #fff; /*font-weight: bold;*/ text-align: center; line-height: 38px;}
/* 应用场景 */
.pro_scene{ padding: 40px 0;/* background: #f5faff;*/}
.pro_scene .layui-col-md3 div{ background: #fff; border: 1px solid #dbe0e5;}
.pro_scene .layui-col-md3 div img{ width: 100%; height: 160px; background: #cccc; border-bottom: 1px solid #dbe0e5;;}
.pro_scene .layui-col-md3 div p{ padding: 12px 0 16px; font-size: 16px; text-align: center; color: #333; background: #fff;}




/* 关于我们 */
.about_intro_bg{ padding: 60px 0px 70px;}
.about_intro_bg .about_intro{ box-shadow: 0px 0px 16px rgba(183,183,183, 0.2); padding: 50px 30px;}
.about_intro .layui-col-md7{ font-size: 14px; color: #666; line-height: 26px; }
/*.about_intro .layui-col-md7 p{ text-indent: 28px;}*/
.about_intro .layui-col-md5 img{ width: 450px; height: 220px;}
.contact{ padding: 40px 0 50px; background: #f5faff;}
.contact .layui-col-md3 div{ background: #fff; padding: 30px 30px; box-shadow: 0px 8px 16px rgba(183,183,183, 0.2);}
.contact .iconfont{ display: block; color: #0183e5; font-size: 30px; text-align: center; margin-bottom: 10px;}
.contact .layui-col-md3 div h2{ font-size: 18px; text-align: center; color: #333; margin-bottom: 8px;}
.contact .layui-col-md3 div p{ font-size: 14px; line-height: 22px; color: #666; height: 44px; text-align: center;}

/* 增值服务 */
.target{ padding: 60px 0;}
.target .iconfont{ width: 120px; height: 120px; text-align:center; font-size:54px; color: #0183e5; line-height:120px; background: url(../images/mb_icon.png) no-repeat center top; background-size: 100% 100%; margin: 0 auto 12px;}
.target h2{ text-align:center; font-size:18px; line-height:28px; color: #222;}
.expert{ padding: 50px 0 60px;}
.expert_boxs li>div{ overflow: hidden; padding:15px 20px 15px 0;  border:1px solid #e6e6e6;}
.expert_boxs li>div:hover{ border:1px solid #2484f2;transform: translate(0,0);transition:all .5s ease-in 0s;}
.expert_left{ width:180px; background:url(../images/expert_icons.png) no-repeat top left; padding-left:22px;}
.expert_boxs li .expert_left h2{ color:#121212; font-size:18px;}
.expert_boxs li .expert_left h3{ font-size:14px; color:#808080; line-height: 20px;}
.j_zc{ margin-top: 4px;}
.expert_left p{ font-size:12px; color:#989898; line-height:18px; padding-top:8px;}
.expert_left p span{ color:#e95656;}
.expert_right{ padding-top:4px;}
.expert_right img{ width:105px; height:105px; border-radius:105px;}


.service_bg{ height:391px; background-color: #373d41; padding: 44px 0 73px;}
.service_bg .in_title{ color: #fff;}
.service {display: flex;flex-direction: row;justify-content: center; align-items: center;}
.service li { flex: 1; text-align: center; position: relative; /*width:20%;float:left;*/ height:391px; background: no-repeat center; background-size: 100% auto;}
.service li:before { content: ""; position: absolute;width: 100%; height: 100%;left: 0; top: 0; background-color: rgba(0,0,0,.6); transition: all .4s cubic-bezier(.4, 0, .2, 1);}
.service li .iconfont { font-size: 36px; margin-top: 120px;*margin-top:70px; transition: all .4s cubic-bezier(.4, 0, .2, 1); color: #fff;}
.service h3 { font-size: 20px; font-weight: bold;color: #fff; padding: 20px 0;}
.service li a{ position: relative; z-index: 2;}
.service li h3:before {content: "";position: relative;display: block;width: 20px;border-bottom: 2px solid #fff; margin: 0 auto 20px; 
transition: all .4s cubic-bezier(.4, 0, .2, 1); z-index: 1;}
.service li p{ transition: all .4s cubic-bezier(.4, 0, .2, 1);  padding: 0 14px; font-size: 14px; text-align: left; line-height: 22px; color: #fff; display: none;}
.service li span{ display: block; color: #fff; font-size: 14px;margin-bottom: 5px;}
.service .item01 { background-image: url(../images/icon-at01.png);}
.service .item02 {background-image: url(../images/icon-at02.png);}
.service .item03 { background-image: url(../images/icon-at03.png);}
.service .item04 { background-image: url(../images/icon-at04.png);}
.service .item05 { background-image: url(../images/icon-at05.png);}
.look_more{ border:1px solid #fff; color:#fff; width:120px; height:32px; line-height:32px; text-align:center; font-size:13px; margin:20px auto; -o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s; opacity: 0.6; cursor:pointer;}
.look_more:hover{ background-color:#fff;border:1px solid #ffffff; color:#3772dd; opacity: 1;}
.service li:hover p { display: block; margin-top:10px;}
.service li:hover:before { background-color: rgba(30, 101, 230, .8);}
.service li:hover .iconfont { margin-top: 60px;}
.service li:hover .service h3:before { opacity: 0; margin-bottom: 0;}

.download_bg { padding: 40px 0 60px;}
.download { border-top: 1px solid #e7e3e2; border-left: 1px solid #e7e3e2;}
.download li { height: 90px; border-right: 1px solid #e7e3e2; border-bottom: 1px solid #e7e3e2; padding: 10px 30px 10px 10px;}
.download li .iconfont { font-size: 40px; height: 70px; line-height: 70px; text-align: center;  color: #999;}
.download li .layui-col-md10 h2 { font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 3px;}
.download li .layui-col-md10 span{ display: block; width: 60px; height: 24px; background: #ddd; line-height: 24px; font-size: 12px; color:#5f5f5f; text-align: center; cursor: pointer;}
.download *{-o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;}
/* .download li:hover{ background: #0183e5;}  */
.download li:hover .layui-col-md10 span{ display: block; background: #0183e5; color: #fff;}
.download li:hover .layui-col-md10 { margin-top: 0;}
.form{ overflow: hidden;}
.form .layui-form{ padding: 20px 0 0; }
.form .layui-input,.form .layui-textarea{ width: 88%;}
.form textarea{ resize: none;}
/* 体验 */
.pc_bg{ padding: 40px 0 48px; background: #f5f9fc;}
.pc li{ position: relative; }
.pc li *{transition: all 0.5s; -webkit-moz-ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; transition: all 0.5s;}
.pc li>div{ padding: 30px; background: #fff;}
.pc li h2{ font-size: 20px; color: #252b3a; margin-bottom: 16px;}
.pc a{ display: inline-block; padding: 7px 20px; border: 1px solid#ddd; font-size: 13px; color:#666a75; text-align: center; line-height: 16px; }
.pc .logo_icon{ position: absolute; right: 10px; top: 52px; z-index: 0; width: 240px;}
.pc .logo_icon img{ width:100%;}
.pc li:hover>div{ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);}
.pc li:hover a{ color: #0183e5; border: 1px solid #0183e5;}
.mobile { padding: 40px 0 48px;}
.mobile ul { border-left: 1px solid #e3e3e3;}
.mobile ul li { text-align: center;}
.mobile ul li>div { border: 1px solid #e3e3e3; border-left: 0; padding: 30px;}
.mobile ul li .iconfont { font-size: 50px; height: 50px; line-height:50px; color: #999;}
.mobile ul li h2 { font-size: 20px;  padding: 15px 0 14px;}
.mobile ul li a { display: block; width: 50%; margin: 0 auto; line-height: 36px; font-size: 14px; color: #5f5f5f; background: #eee;}
.mobile ul * { transition: all 0.5s; -webkit-moz-ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; transition: all 0.5s;}
.mobile ul li:hover { box-shadow: 0 0 15px rgba(0,0,0,0.25);}
.mobile ul li:hover .iconfont{ color: #0183e5;}
.mobile ul li:hover a{ background: #0183e5; color: #fff;}
.order_bg{ padding: 40px 0 48px; background: #f7f7fa;}
.order li *{transition: all 0.5s; -webkit-moz-ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; transition: all 0.5s;}
.order li>div{ background: #fff; padding: 20px 30px 22px;}
.order li h2{ font-size: 20px; color: #252b3a;}
.order li p{ height: 40px; font-size: 14px; line-height: 20px; color: #999; margin: 10px 0 12px;}
/*.order li span{ font-size: 13px; color: #0183e5; cursor: pointer; opacity: 0;}*/
.order li span{ font-size: 13px; color: #0183e5; cursor: pointer;}
.order li:hover>div{ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);}
.order li:hover span{ display: block; opacity: 1;}

/* Easy Mes */
.spot_bg{  padding: 40px 0 60px;}
.spot_bg ul{ padding-top: 20px;}
.spot_bg li{height: 96px;}
.spot_bg li h2{ font-size: 14px; color: #666; line-height: 24px;
background: #eff4f8; padding: 30px 15px 18px;}
.spot_bg .iconfont{ width: 40px; height: 40px; margin: 0 auto; border-radius: 50%; background: #0183e5; color: #fff; font-size: 18px; text-align: center; line-height: 40px; margin-top: -116px;}
.framework{ padding: 20px 0 40px;}
.value_bg{ padding: 40px 0 60px; background: #f5faff;}
.value_bg ul{ margin-bottom: 16px;}
.value_bg ul li div{ background: #fff; padding: 20px 15px; box-shadow: 0px 0px 10px rgba(183,183,183, 0.15);}
.value_bg h2{ font-size: 18px; text-align: center; color: #2f2f2f; margin-bottom: 8px;}
.value_bg p{ font-size: 14px; line-height: 22px; color: #999;}
.value_pic img{ width: 100%;}
.income_bg{ padding: 40px 0 60px;}
.income_bg .layui-row{ background: url(../images/income.png) no-repeat center top; height: 420px;}
.income_bg li p{ font-size: 16px; color: #2f2f2f; }
.income_bg li{ position: absolute; left: 220px;	top: 130px; text-align: right;}
.income_bg li+li{ left: 80px; top:205px}
.income_bg li+li+li{ left: 90px; top:380px}
.income_bg li+li+li+li{ left: 450px; top:515px; text-align: center;}
.income_bg li+li+li+li+li{ left: 790px; top:200px; text-align:left;}
.income_bg li+li+li+li+li+li{ left: 790px; top:380px ; text-align:left;}
.help_bg{ padding: 40px 0 60px; background: #f1f5ff;}
.help ul { border-left: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; background: #fff;}
.help ul li { text-align: center;}
.help ul li>div { border: 1px solid #e3e3e3; border-left: 0; border-top: 0; padding: 30px;}
.help ul li h2 { font-size: 16px; color: #2f2f2f; padding: 15px 0 14px;}
.help ul * { transition: all 0.5s; -webkit-moz-ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; transition: all 0.5s;}
.help ul li:hover { box-shadow: 0 0 15px rgba(0,0,0,0.25);}

/* Easy OS */
.os_pain { padding: 40px 0 20px;/* background: #f4f4f4;*/}
.os_pain .layui-row { background: #fff; padding: 24px 0; box-shadow: 0 0 26px rgba(229,229,229,0.4);}
.os_pain .layui-row li { text-align: center; border-left: 1px solid #e7e3e2;margin-left: -1px;	padding: 8px 0 10px;}
.os_pain .layui-row li:first-child { border-left: none;}
.os_pain .layui-row li h2 { font-size: 18px; margin-bottom: 4px;}
.os_pain .layui-row .iconfont{ width: 84px; height: 84px; margin: 0 auto 16px; }
.os_pain .layui-row .iconfont img{ width: 100%; }
.os_pain .layui-row li a { display: block; width: 50%; margin: 0 auto; line-height: 36px; font-size: 14px; color: #999; background: #eee;}
.os_jiagou{ padding: 40px 0 26px;}
.os_jiagou img{ width: 100%;}


.os_assembly { padding: 30px 0 48px; background: #f4f4f4;}
.os_assembly * { transition: all 0.5s; -webkit-moz-ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; transition: all 0.5s;}
.os_assembly li h2{  font-size: 16px; text-align: center; line-height: 50px; background: #fff;}
.os_assembly li:hover>div{ box-shadow: 0px 16px 16px rgba(183,183,183, 0.4) ;}


.os_mould { padding: 40px 0 48px;}
.os_mould li .item-img{ border:1px solid #e9eff5; border-bottom: 0; overflow: hidden;}
.os_mould li h2{  font-size: 16px; text-align: center; line-height: 44px; color: #222; background: #f4f4f4;}

.item-img img {
	display: block; width:100%; max-height: 204px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


.os_innovate{ padding: 50px 0 60px; background: #f5faff;}
.os_innovate li>div{position: relative; border: 1px solid#e9eff5; padding:24px 16px 24px 100px; background: #fff;}
.os_innovate li .iconfont{ position: absolute; left: 16px; width: 72px; height: 72px; font-size: 50px; line-height: 72px; text-align: center; color: #999;}
.os_innovate li h2{ font-size: 18px; color: #2f2f2f; margin-bottom: 6px; }
.os_innovate li p{ font-size: 14px; color: #999; line-height: 22px; height: 44px;}
.os_innovate * { transition: all 0.5s; -webkit-moz-ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; transition: all 0.5s;}
.os_innovate li:hover>div{ box-shadow: 0px 8px 16px rgba(183,183,183, 0.2) ; margin-top: -10px;}
.os_plan{ padding: 40px 0 48px; }
.os_plan .layui-col-md5 img{ display: block; width: 70%; margin: 0 auto;}
.os_plan .layui-col-md7{ /*background: #f4f4f4;*/ padding: 40px 60px;}
.os_plan .layui-col-md7 li{ background:#f2f5ff; padding: 10px 24px; margin: 15px 0;}
.os_plan .layui-col-md7 p{ font-size: 16px; line-height: 40px; color: #0183e5;}
/* 车间报工终端 */
.terminal_equipment{ padding: 40px 0 48px; }
.terminal_equipment .layui-row{ position: relative;}
.terminal_equipment .layui-col-md7 h2{ font-size: 20px; margin-bottom: 14px; color: #0462cd;}
.terminal_equipment .layui-col-md7 p{ font-size: 15px; color: #666; line-height: 28px;}
.terminal_equipment .layui-col-md7 .layui-btn{ margin-top: 20px; padding: 0 30px; }
.terminal_equipment .layui-col-md7 .layui-btn:hover{ border: 1px solid #0462cd; color: #0462cd; }
.terminal_equipment .layui-col-md5{ position: absolute; right: 0; top: -50px;}
.terminal_equipment .layui-col-md5 img{ display: block; width: 70%; margin: 0 auto;}

.terminal_protect{ padding: 40px 0 60px; position: relative; background: #f5faff;}
.terminal_protect p{ font-size: 15px; color: #999; line-height: 28px; margin-bottom: 14px; max-width: 70%;}
.terminal_protect span{ font-size: 15px; line-height: 30px; color: #333;}
.terminal_protect .layui-row{ max-width: 60%; margin-top: 20px;}
.terminal_protect .layui-row li>div{ border: 1px solid #e9eff5; padding: 0; background:  #fff; position: relative; top: 0; transition: all 0.5s; -webkit-moz-ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; transition: all 0.5s;}
.terminal_protect .layui-row li:hover>div{ box-shadow: 0px 8px 16px rgba(183,183,183, 0.2) ; top: -10px;}
.terminal_protect .layui-row p{ max-width: 100%; margin: 0; font-size: 14px; line-height: 44px; text-align: center; color: #0462cd;}
.terminal_protect_img{ position: absolute; right: 0; top: 10px; width: 450px;}
.terminal_protect_img img{ width: 100%;}

.terminal_explain{ padding: 40px 0 0px; }
.terminal_explain .auto_title{ margin-bottom: 60px;}
.terminal_explain .auto_title p{ font-size: 15px; color: #999; margin-top:10px;}
.terminal_explain img{ max-width: 100%;}
.terminal_size{ padding: 40px 0 30px;  background: #f5faff;}
.terminal_size .size_img{ height: 280px;}
.terminal_size .size_img img{ display: block; max-width: 100%; margin: 0 auto; height: 100%;}
.terminal_size .auto_title{ margin-bottom: 60px;}
.terminal_size .auto_title p{ font-size: 15px; color: #999; margin-top:10px;}
.terminal_size h2 span{ display: block; font-size: 14px; text-align: center; color: #666; line-height: 28px;}


.scene{ padding: 40px 0 60px; }

.parameter{ padding: 40px 0 10px;  background: #f5faff;}
.parameter .layui-carousel,.layui-carousel > [carousel-item] > *{ background: #fff;}
.parameter .layui-carousel img{ display: block; margin: 0 auto; max-width: 100%;  height: 100%;}

.parameter.layui-tab-card > .layui-tab-title{ height: 48px; background: #fff;}
.parameter .layui-tab-title li{ font-size: 14px; line-height: 48px; padding: 0 36px;}
.parameter .layui-tab-card > .layui-tab-title .layui-this{ background: #0462cd;  color: #fff;}
.parameter .layui-tab-title{ border: none;}
.parameter_pic img{ width: 100%;}

.explain{ padding: 40px 0 60px; }
.explain_img img{ width: 100%;}

.data_banner,.n_banner_bg{ width: 100%; height: 100%; background: transparent;}
/*.data_banner img{ width: 100%; height: 100%; }*/
.data_banner img{ height: 100%; }
.data_banner .n_banner_bg{ position: static;}
.data_text .layui-row{ display: table-cell; vertical-align: middle;}
.data_text { position: absolute; top: 0px; width: 100%; height: 100%;}
.data_text .layui-main{display: table; height: 100%;}
.data_text .layui-col-md4{ padding-right: 30px; height: 380px;}
.data_text cite{ display: block; font-size: 24px; color: #fff; font-style: normal; font-weight: bold; margin: 80px 0 16px;}
.data_text p{ font-size: 16px; color: #fff; line-height: 30px;}
.data_text .layui-col-md8{ width: 790px; height: 380px; overflow: hidden;}
.data_text .layui-col-md8 img{ width: 100%; min-height: 100%;}

/*新增*/
/*轮播*/
.header,.slides li a,/*.flex-viewport,.slides li,.slides,*/.pro_trait,.pro_profit,.pro_service
,.main_learn_bg,.kg_footer
{min-width:1205px; display: block;}


/*--新闻条--*/
.banner_bottom_news{ width:1190px; margin:0 auto; background-color:#fff;}
.banner_bottom_news a{ display:inline-block; height:32px; line-height:21px; overflow:hidden; color:#666; font-size:14px;}
.banner_bottom_news a:hover{ color:#0462cd; text-decoration:underline;}

/* 新增四朵云入口 */
.four_cloud a{ display:block; font-size:16px; color:#333; line-height:40px; text-align:center; box-shadow:0px 0px 10px rgba(183,183,183, 0.3); background-color:#fff;}
.four_cloud a:hover{ color:#0462cd;background-color:transparent;}




/* 登录注册 */

#login_window{ padding: 30px 30px 0;}
#login_window .layui-input-block,.register_box .layui-input-block{ margin-left: 0px;}

.register_box .xieyi{ display: block;line-height: 37px; color: #0183e5;}
#login_window .forget-password{ display: block; line-height: 36px; text-align: right;}
#login_window .sign_btn{ margin-bottom: 10px;}
#login_window .layui-btn-normal{ width: 100%;}
#login_window .layui-btn-primary{ width: 100%; margin: ; border: none;}
#login_window .layui-btn + .layui-btn{ margin-left: 0;}



/* 注册 */
.register{ padding: 60px 0 50px;}
.register .register_shadow{box-shadow: 0px 0px 16px rgba(183,183,183, 0.2); padding: 50px 30px;}
.register_text p{ font-size: 16px; color: #666; line-height: 28px; margin-top: 80px;}
.register_box form{ width: 70%; margin: 0 auto;}
.register_box .layui-input-block>.layui-icon{ position: absolute; left: 10px; line-height: 36px; color: #999;}
.register_box .layui-input-block input{ padding-left: 34px;}
.register_box .layui-input-block .code_btn{ position: absolute; right: 0px; top: 1px; height: 36px; padding: 0 20px; cursor: pointer;}
.sub_btn{ margin: 20px 0 12px;}
.sub_btn input{ display: block; width: 100%; height: 48px; border-radius: 24px; line-height: 48px; text-align: center; background: #346aff; color: #fff; font-size: 18px;}
.layui-form-checkbox span{ font-size: 12px;}
.register_box .sign_btn{ width: 100%;}

/* 重置 */
.reset_box form{ width: 360px; margin: 0 auto; }
.reset_title{ text-align: center; font-size: 22px; margin-bottom: 30px;}
.reset_box .layui-input-block button{ width: 48%;}
/* 协议 */
.xieyi h2{ font-size: 18px; text-align: center; margin-bottom: 16px;}
.xieyi p{ font-size: 14px; line-height: 24px; color: #666;}
.xieyi b{ font-size: 15px; color: #333;} 




/*.youxuan_logo{ box-sizing: border-box; height: 450px; padding: 287px 0 0px; background: url(../images/youxuan2.png) no-repeat center top; }
.youxuan_logo .layui-row{ padding: 0 10px; }
.youxuan_title{ font-size: 20px; color: #fff; font-weight: bold; margin-bottom: 30px;}
.layui-col-md77>div{  background: #fff; box-shadow: 0px 0px 16px rgba(0,0,0,.2);}
.youxuan_logo img{ display: block; width: 80px; height: 80px; margin: 0 auto;}
.youxuan_logo p{ height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; text-align: center; color: #2f7bff; background: #f1f5ff;}
.youxuan_bg{ background: #f8f8f8; padding: 30px 0 44px;}
.youxuan_bg .layui-tab-title{ background: #fff; }
.youxuan_bg .layui-tab-title li{ color: #666;}
.youxuan_bg .layui-tab-title .layui-this{ background: #0183e5; color: #fff!important; font-size: 14px;}
.layui-tab-content{ margin-top: 14px; padding: 0;}
.youxuan_bg .layui-row{ background: #fff; border-bottom: 1px solid #eee; padding: 30px 0px;}
.youxuan_icon img{ display: block; width: 90px; height: 90px; margin: 0 auto;}
.youxuan_icon .star_box{ text-align: center; margin-top: 14px;} 
.youxuan_icon .star_box .layui-icon{ font-size: 18px; color: #fdbd10;}
.youxuan_icon .star_box .layui-icon-rate{ font-size: 18px; color: #dbdbdb;}

.intro_cont h4{ margin-bottom: 12px;}
.intro_cont h4 a{ font-size: 18px; color: #252B3A; }
.intro_cont p{ font-size: 14px; color: #666; line-height: 26px; height: 26px; overflow: hidden;}
.intro_cont ul li{ display: inline-block; margin-right: 30px; font-size: 14px; color: #A0A2A8; line-height: 26px;}
.intro_cont ul li+li+li span{ color: #fdbd10;}
.intro_cont .tips{ margin-top: 10px;}
.intro_cont .tips span{ display: inline-block; background: #F6F6F7; color: #a0a2a8; font-size: 12px; line-height: 26px; padding: 0 8px;}
.price_cont span{display: block; font-size: 20px; text-align: center; color: #fdbd10; margin: 20px 0 30px;}
.price_cont span b{ font-size: 24px;}
.price_cont a{ display: block; margin: 0 30px; color: #0183e5; border: 1px solid #0183e5; text-align: center; font-size: 14px; line-height: 36px; border-radius: 36px;}
.price_cont a:hover{  background-color: #0183e5; color: #fff;}*/
.youxuan_logo{ box-sizing: border-box; padding: 42px 0 40px;}
.youxuan_logo .youxuan_title{ font-size: 26px; text-align: center; color: #333; margin-bottom: 30px;}
.youxuan_logocont{ box-shadow: 0px 0px 18px rgba(59,68,74, 0.05); overflow: hidden; }
.youxuan_logo .youxuan_logocont ul{ margin-top:-1px; margin-right: -1px;}
.youxuan_logo .youxuan_logocont li{ border: 1px solid rgba(60, 70, 77, 0.1); border-left: none; border-bottom: none;}
.youxuan_logo img{ display: block; width: 120px; height: 120px; margin: 10px auto;}
.youxuan_logo p{ height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; text-align: center; color: #2f7bff; background: #f1f5ff;}

.youxuan_banner{ position: relative; height: 400px; overflow: hidden;}
.youxuan_banner .n_banner_bg{ width: 1920px; position: relative; top: 0; left: 50%; margin-left: -960px;}
.youxuan_bg{ background: #f7fafc; padding: 40px 0 44px;}
.youxuan_bg .layui-tab{ margin: 0;}
.youxuan_bg .layui-tab-title{ background: #fff; height: 46px; border: none;}
.youxuan_bg .layui-tab-title li{ width:109px; font-size: 14px; color: #666; line-height: 44px; border: 1px solid #e7e7ee; margin-left:-1px}
.youxuan_bg .layui-tab-title .layui-this{  background: #2d3445; color: #fff!important;}
.youxuan_bg .layui-tab-content{ margin-top: 14px; padding: 0;}
.youxuan_bg .layui-row{ background: #fff; padding: 30px 0px; margin:15px 0;}
.youxuan_icon img{ display: block; width: 90px; height: 90px; margin: 0 auto;}
.youxuan_icon .star_box{ text-align: center; margin-top: 14px;} 
.youxuan_icon .star_box .layui-icon{ font-size: 18px; color: #fdbd10;}
.youxuan_icon .star_box .layui-icon-rate{ font-size: 18px; color: #dbdbdb;}

.intro_cont h4{ margin-bottom: 12px;}
.intro_cont h4 a{ font-size: 18px; color: #252B3A; }
/*.intro_cont p{ font-size: 14px; color: #666; line-height: 26px; height: 26px; overflow: hidden;}*/
.intro_cont p{ font-size: 14px; color: #666; line-height: 26px; height: 106px; overflow: hidden;}
.intro_cont h4 p.data_right{ line-height: 26px; height: 26px; float: right;}
.intro_cont p.data_btn a { display: inline-block; font-size: 14px; height: 30px; line-height: 30px; color: #0f50ff; border: 1px solid #0f50ff; padding: 0 20px;}
.intro_cont h4 { margin-bottom: 12px;font-size: 18px;  color: #252B3A;}
.intro_cont ul li{ display: inline-block; margin-right: 30px; font-size: 14px; color: #A0A2A8; line-height: 26px;}
.intro_cont ul li+li+li span{ color: #fdbd10;}
.intro_cont .tips{ margin-top: 10px;}
.intro_cont .tips span{ display: inline-block; background: #F6F6F7; color: #a0a2a8; font-size: 12px; line-height: 26px; padding: 0 8px;}
.price_cont span{display: block; font-size: 20px; text-align: center; color: #fdbd10; margin: 20px 0 30px;}
.price_cont span b{ font-size: 24px;}
.price_cont a{ display: block; margin: 0 30px; color: #0183e5; border: 1px solid #0183e5; text-align: center; font-size: 14px; line-height: 36px; border-radius: 0px;}
.price_cont a:hover{  background-color: #0183e5; color: #fff;}


.bottom_bg{ padding: 30px 0; background: url(../images/bottom_bg.png) no-repeat top center;}
.bottom_bg p{ font-size:14px; color:#fff; line-height:26px;}
.bottom_bg .layui-col-md5{ text-align:right;}
.bottom_bg .layui-col-md5 span{ display: inline-block; font-size: 14px; line-height: 36px; color: #fff; text-align:center; cursor:pointer; border: 1px solid #fff; padding: 0 30px; margin: 6px 0 0 10px;}
.bservice_bg{ background: #1e2021; padding:18px 0;}
.bservice_bg ul{ width:1370px}
.bservice_bg li{ color: #ccc; font-size:16px; line-height:40px}
.bservice_bg li img{ margin-right:20px;}