@font-face {
 font-family:fontDin1;
 src: url(../fonts/din-medium_woff.txt),url(../fonts/din-medium_eot.txt),url(../fonts/din-medium_woff2.txt),url(../fonts/din-medium_ttf.txt)}
 /*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1400px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #222222; text-decoration: none; font-size:14px;}
a:hover{color: #1f60d0;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
.w1400{ max-width:1400px; margin:0 auto; min-width:1300px;}
.fr{ float:right;}
.fl{ float: left;}
*,:after,:before{ box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.title{ text-align:center; font-size:40px; color:#222222;}
.title b i{ color:#1f60d0;}
.title1:after{ content:''; display:inline-block; width:42px; height:4px; background:#1f60d0;}
.title span{ display:block; font-size:18px; color:#666666; font-weight:lighter; margin:5px 0 10px 0;}
.title em{ display:inline-block; height:10px;}
.title em i{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#c9c9c9;animation: bounce_fountainG 1.2s linear infinite;} 
.title em i+i{ margin-left:10px;}
.title em i:nth-child(1){animation-delay: .4s;}
.title em i:nth-child(2){background:#1f60d0;animation-delay: .6s;}
.title em i:nth-child(3){animation-delay: .8s;}
@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}
.hovermaincolor a:hover{ color:#1f60d0;}
/*抬头*/
.header{ height:100px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; background:#1f60d0; color:#fff;}
.hleft{ height:100px;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.hlogo{position:relative; z-index:3; height:100px; }
.hlogo a{ display:block; background:#da251c; }
.hmean{ margin-left:30px; font-size:16px; color:#fff;}
.hmean b{ display:block; font-size:25px; letter-spacing:2px;}
.hright,.nav ul{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.nav>ul>li#a3 .dropmenu{ width:300%; left:-100%;}
.nav>ul>li{ position:relative; margin-right:40px;}
.nav>ul>li>a{ display:block; font-size:16px; color:#fff; line-height:100px; transition:all .3s ease;}
.dropmenu{ position:absolute; width:200%; left:-50%;  z-index:99; background:#fff; border-radius:5px; text-align:center; transition:all .3s ease; opacity:0; visibility:hidden; top:105%;}

 .jump_foot{position: fixed;right:40px;top:20%;z-index: 99999;}
 .jump_foot ul li{background:#fff;line-height:50px;border-bottom:1px solid #eee;list-style-type: none;}
 .jump_foot ul li a{color:#333;text-decoration: none;font-size:16px;padding-right: 10px;}
 .jump_foot ul li a img{width: 40px;padding-top: 11px;display: block;padding-left: 15px;float: left;padding-right: 5px;}

.nav>ul>li:hover .dropmenu{top:calc(100% - 10px); opacity:1; visibility:visible;}
.dropmenu:after{ content:''; display:block; position:absolute; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; bottom:100%; left:0; right:0; margin:0 auto;}
.nav>ul>li:hover>a,.nav>ul>li.cur>a{ color:#ffff00;}
.nav>ul>li .sedNav {width:310px; padding:30px;border:3px #fff solid;position: absolute;background:#f5f5f5;right: 0;top:100%; z-index: 99;display: none;box-sizing: content-box;}
.nav ul>li#a3 .sedNav{width:540px;}
.nav ul>li#a3 .sedNav .sedNav_r,.nav ul>li#a3 .sedNav .sedNav_r tbody {width:384px; display:block}
.nav ul>li#a3 .sedNav .sedNav_r tr{display:inline-block;margin:0 10px 10px 0;}
.nav li .sedNav p{font-size:18px; font-weight:bold; color:#222;padding-bottom:8px;}
.nav li .sedNav span{font-size:12px; color:#9ea9a5; text-transform:uppercase;}
.nav li .sedNav span:after{content:"";display: block;  width:30px; height:4px; background:#1f60d0; margin-top:20px;}
.nav li .sedNav a {display: block; border:1px #e1e1e1 solid; width:180px;line-height: 34px;color: #888;font-size:14px; text-align: center;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.sedNav_l{ text-align:left;} 
.nav li .sedNav td table{ display:none;}
.nav li .sedNav a+a,.nav li .sedNav tr+tr{  margin-top:10px; display:block;}
.nav li .sedNav a:hover {color: #fff;background-color: #1f60d0;}
.dropmenu a{ display:block; line-height:35px; font-size:14px; color:#666; transition:all .3s ease;}
.dropmenu a:hover{ background:#1f60d0; color:#fff;}
.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;}
.hmap a{ display:block; width:97px; height:100px; text-align:center; border-left:1px solid #3570d5; border-right:1px solid #3570d5; font-size:14px; color:#fff; line-height:130px; background:url(../images/20201219104719_633770273.png) no-repeat center 17px; }
.hmap a:hover{color:#ffff00;}
.hsearch{ position:relative;}
.iser_box{background: rgba(255,255,255,0.8); position: absolute;top: 100%;right: 0;padding: 30px; transform-origin: top; transform: rotateX(90deg);transition: all 0.5s;z-index: 9;}
.search_l{display:flex;align-items:center;justify-content:end;width:630px;}
.search_l span{ color:#444;}
.search_l a{color: #666;font-size: 14px;}
.search_r{margin-top:15px;position:relative;}
.hsearchicon{width:96px; height:100px; text-align:center;border-right:1px solid #3570d5; font-size:14px; line-height:130px; background:url(../images/20201219104718_2003383456.png) no-repeat center 17px; cursor:pointer;}
.hsearch:hover .iser_box{transform: rotateX(0deg);}
#infoname{width:100%;height:38px;line-height: 38px;border:1px solid #eee;text-indent:12px;}
.z_img {width: 38px; height: 38px;position: absolute;top: 0; right: 0; background: no-repeat;}
.htel{ height:100px; padding:0 10px; font-size:25px; font-family:fontDin1; line-height:130px;background:url(../images/20201219104719_1183981421.png) no-repeat center 17px;}
@media screen and (max-width:1850px){
	.nav>ul>li{ position:relative; margin-right:20px;}
	}
@media screen and (max-width:1650px){
	.nav>ul>li{ position:relative; margin-right:10px;}
	.nav>ul>li>a{ font-size:14px;}
	.htel{ font-size:20px;}
	.hmap a,.hsearchicon{ width:70px;}
	}
/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#f5f5f5;}
.banner-box{ min-width:1300px; height:800px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:800px; background-position: center; background-repeat: no-repeat;}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:310px; left: 0; margin-left: 0; height: 450px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../images/20201219093347_217291098.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20201219093347_217291098.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #1f60d0;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

.banner-box .bd li{ -webkit-animation: kenburns-top1 3.5s ease-out  both;animation: kenburns-top1 3.5s ease-out  both;}
/*数字和视频*/
.numvideo{ height:250px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.videobg{ width:300px; height:270px; position:relative; z-index:99; border:20px solid #fff; border-radius:10px; background:url(../images/20201219113745_1221169668.jpg) no-repeat center; position:relative; margin-top:-50px; box-shadow:0 0 20px rgba(0,0,0,.2);}

.ripple,.ripple:before,.ripple:after {position: absolute;left:50%;top:52%;height: 66px;width:66px;margin-top: -34px;margin-left: -33px;border-radius: 50%;-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255,0.64);-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);box-shadow: 0 0 0 0 #fff;animation: ripple 3s infinite;}
.ripple{background: rgba(255, 255, 255, 0.5);display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.ripple:before {-webkit-animation-delay:.9s;animation-delay:0.9s;content:"";position:absolute;right: 0;bottom: 0;}
.ripple:after {-webkit-animation-delay:.6s;animation-delay:0.6s;content:"";position:absolute;right: 0;bottom: 0;}
.video_box{background:rgba(0,0,0,0.6); top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999;transition:600ms ease;}
.video{position: fixed;top:-100%;left:71%;margin-top:-250px;margin-left:-575px;transition:600ms ease;z-index:999;}
.video_box.cur .video,.video_box.cur .video_x{top:40%;transition:600ms ease;}

@-webkit-keyframes ripple {
    70% {-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);}
    100%
    {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
                box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
    }
}
.jquery-lightbox-move *{ box-sizing:content-box;}
.num{ width:1100px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; margin-top:40px; text-align:center;}
.num li{ position:relative; width:25%;}
.num li+li:after{ content:''; display:block; position:absolute; width:1px; height:71px; border-left:1px dotted #cccccc; top:0; bottom:0; margin:auto 0; left:0;}
.num_t{display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:flex-start; margin-bottom:5px;}
.num_c{ font-size:18px; color:#7d7d7d; font-weight:lighter;}
.num_c em{ display:block; font-size:12px; text-transform:uppercase; margin:5px 0 17px 0;}
.num_c:after{ content:''; display:inline-block; height:1px; width:40px; background:#505050;}
.num_t span{ font-size:60px; color:#1f60d0; font-family:fontDin1;}
.num_t i{ display:inline-block; border-radius:50%; width:22px; height:22px; line-height:22px; background:#1e1e1e; color:#fff; font-size:14px; font-weight:lighter; margin:15px 0 0 10px;}
/*中控 · 热销机型*/
.product{ padding:60px 0 100px 0; background:#f5f5f5 url(../images/20201219140651_2134113210.jpg) no-repeat center;}
.procon{ margin-top:42px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.proleft{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: wrap;align-items:flex-start; width:520px;}
.proleft a{ display:inline-block; position:relative; width:255px; line-height:92px; text-align:left; background:#505050; transition:all .3s ease; font-size:18px; color:#fff; margin-bottom:10px; padding:0 20px; white-space:nowrap; transition:all .3s ease;}
.proleft a:nth-last-child(1),.proleft a:nth-last-child(2){ margin-bottom:0;}
.proleft i{ display:block; position:absolute; line-height:92px; font-size:50px; top:0; right:17px; font-family:fontDin1; color:#fff; opacity:0.05;}
.proleft a.on{ background-color:#1f60d0;}
.proright ul>a{ display:block;}
.proright ul>a img{ width:100%; height:100%;}
.proright{ width:850px; height:500px; box-shadow:0 0 20px rgba(0,0,0,.1); background:#fff;position:relative;}
.protrait{ position:absolute; top:112px; left:480px; z-index:99;}
.protrait span{  display:inline-block; width:71px; height:60px; vertical-align:top; background:#d9e7ff; border-radius:7px; padding:10px; text-align:center; font-size:16px; color:#4d525a;}
.protrait span+span{ margin-left:10px;}
.pro_c{ position:absolute; z-index:9; font-size:18px; color:#4c515a; font-weight:bold; left:480px; top:190px;}
.pro_tel{ position:absolute; width:320px; height:50px; line-height:50px; background:#818790; text-align:center; font-size:16px; color:#fff; bottom:50px; left:480px; z-index:9;}
.pro_tel em{ display:inline-block; vertical-align:sub; font-size:26px; font-family:fontDin1;}
.pro_tel span{ display:inline-block; padding-left:35px; background:url(../images/20201219140651_1471158467.png) no-repeat left center;}
.proshow .divproduct_new_div_item{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: wrap;align-items:flex-start;flex-direction:row-reverse;}
.proshow .product_div_item_pic{ width:400px; height:400px; border:1px solid #dddddd;}
.proshow .product_div_item_pic img{ width:100%; height:100%;}
.proshow .divproduct_new_div_item_date{ display:none;}
.proshow .divproduct_new_div_item_content{ width:320px; margin-left:30px;}
.proshow .divproduct_new_div_item_title a{ line-height:62px; font-size:24px; color:#222222; font-weight:bold;}
.proshow .divproduct_new_div_item_body{ margin-top:120px; font-size:14px; color:#abafb6; line-height:36px; height:144px; overflow:hidden;}
.proshow .divproduct_new_div_item_body p:before{ content:''; display:inline-block; width:6px; height:6px; border-radius:50%; display:inline-block; vertical-align:middle; margin-right:9px; background:#abafb6;}
/*中控 · 工业自动化整体解决方案*/
.solve{ padding:70px 0;}
.soltab{ margin:30px 0 40px 0; padding:0 30px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; text-align:center;}
.soltab li{ font-size:16px; color:#888888; font-weight:lighter; cursor:pointer;}
.soltab li.on{color:#1f60d0;}
.soltab .solicon{ display:inline-block; width:40px; height:40px; margin-bottom:15px; background:url(../images/20201219150701_1653829021.png) no-repeat left top; transition:all .3s ease;}
.soltab li.on .solicon{ background-position-y:-64px;}
.soltab li:nth-child(2) .solicon{ background-position-x:-72px;}
.soltab li:nth-child(3) .solicon{ background-position-x:-131px;}
.soltab li:nth-child(4) .solicon{ background-position-x:-201px;}
.soltab li:nth-child(5) .solicon{ background-position-x:-271px;}
.soltab li:nth-child(6) .solicon{ background-position-x:-347px;}
.soltab li:nth-child(7) .solicon{ background-position-x:-419px;}
.soltab li:nth-child(8) .solicon{ background-position-x:-503px;}
.solcon{ position:relative; height:710px;}
.solcon_t{ position:absolute; z-index:9; font-size:23px; color:#333333; font-weight:bold; top:545px; left:0;}
.sol_c{position:absolute; z-index:9; left:0; top:592px; width:317px; line-height:33px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; text-align:center; font-size:15px; color:#666666;}
.sol_btn{ position:absolute; z-index:9; right:0; top:543px;}
.sol_btn a{ width:234px; line-height:58px; text-align:center; background:#1f60d0; font-size:18px; color:#fff; font-weight:lighter; display:inline-block; transition:all .3s ease;}
.sol_btn a+a{ background:#333; margin-left:11px;}
.sol_btn a:hover{ background:#da251c;}
.solcon .divdgweb_new_div_item_date{ display:none;}
.solcon .divdgweb_new_div_item{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: wrap;align-items:flex-start;flex-direction:column-reverse;}
.solcon .news_div_item_pic{ width:1400px; height:500px; margin-bottom:45px;}
.solcon .news_div_item_pic img{ width:100%; height:100%;}
.solcon .divdgweb_new_div_item_title{ margin-left:110px;}
.solcon .divdgweb_new_div_item_title a{ font-size:23px; color:#333333; font-weight:bold;}
.solcon .divdgweb_new_div_item_body{ font-size:14px; color:#aaaaaa; line-height:30px; font-weight:lighter; margin-top:70px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; height:60px;} 
/*中控机械手6大特性*/
.trait{ height:897px; background:url(../images/20201219155224_1211742406.jpg) no-repeat center;}
.trait .w1400{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; color:#fff;}
.traleft{ width:350px; margin:90px 0 0 195px;}
.tra_t{ font-weight:bold; font-size:36px;}
.tra_t em{ font-size:75px; text-transform:uppercase;}
.tra_c{ line-height:37px; text-align:center; border-radius:20px; border:1px solid #fff; font-size:20px; font-weight:lighter;}
.tra_img{ margin:15px 0;}
.tra_e{ font-size:12px; opacity:0.2;font-family:Arial, Helvetica, sans-serif; line-height:15px; text-transform:uppercase; letter-spacing:-.5px; width:360px;}
.tra_tel{ margin-top:295px; white-space:nowrap; padding-left:30px; background:url(../images/20201219155224_945957450.png) no-repeat left 24px; font-size:16px;}
.tra_tel em{ font-size:36px; font-family:fontDin1;}
.tra_btn{ text-align:center; margin-top:20px;}
.tra_btn a{ display:inline-block; width:220px; line-height:38px; border-radius:20px; background:#2f7cff; color:#fff; font-size:18px; font-weight:lighter; transition:all .3s ease;}
.tra_btn a:hover{ background-color:#da251c;}
.traright{ margin-top:100px; width:535px;}
.traright li{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; text-align:center;}
.traright dl{ width:195px;}
.traright li+li{ margin-top:27px;}
.traright_t{ font-size:16px; font-weight:lighter; line-height:30px;}
.traright_t b{ display:block; font-size:25px; margin:20px 0 10px 0;}
.traicon img{ animation:rotation 3s linear infinite;}
@keyframes rotation{
	from{ transform:rotate(0deg);}
	to{ transform:rotate(360deg);}
	}
/*定制机械手，选择中控，值得拥有*/
.adv{ background:#f3f3f3 url(../images/20201219164921_1424280841.jpg) no-repeat center; padding:70px 0 80px 0;}
.advtab{ margin:35px 0;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.advtab li{ cursor:pointer; position:relative; width:342px; height:133px; background:#fff; border:1px solid #eaeaea; transition:all .3s ease; font-size:30px; color:#333333;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.advtab li em{ display:block; font-size:14px; text-transform:uppercase; font-weight:lighter;}
.advicon{ width:50px; height:55px; margin-right:20px; background:url(../images/20201219164921_1101186757.png) no-repeat left top; transition:all .3s ease;}
.advtab li:nth-child(2) .advicon{ background-position-x:-79px;}
.advtab li:nth-child(3) .advicon{ background-position-x:-163px;}
.advtab li:nth-child(4) .advicon{ background-position-x:-255px;}
.advtab li.on{ background:#1f60d0; color:#fff; border-color:#1f60d0;}
.advtab li.on .advicon{ background-position-y:-67px;}
.advtab li:after{ content:''; display:block; position:absolute; bottom:0px; width:0; height:0; left:0; right:0; margin:0 auto; border-left:10px solid transparent; border-right:10px solid transparent; border-top:15px solid #1f60d0; opacity:0; transition:all .3s ease;}
.advtab li.on:after{ opacity:1; bottom:-15px;}
.advcon{ padding:50px; background:#fff;}
.advcon ul{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.advleft{ width:510px;}
.adv_t{ font-size:36px; color:#1f60d0; white-space:nowrap;}
.adv_t em{ display:block; font-size:16px; color:#ccccce; text-transform:uppercase; margin:15px 0 25px 0;}
.adv_t:after{ content:''; display:block; width:37px; height:4px; background:#dedede;}
.adv_wa{ margin:30px 0 60px 0; font-size:16px; color:#888888; font-weight:lighter; line-height:33px; }
.adv_wa p{padding-left:40px; background:url(../images/20201219164921_1570333639.png) no-repeat left top;}
.adv_wa p+p{ margin-top:30px;}
.adv_tel{ text-align:center; width:450px; height:90px; border-radius:10px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); font-size:16px; font-weight:lighter; color:#222222; line-height:90px;}
.adv_tel em{ display:inline-block; vertical-align:sub; font-size:32px; font-family:fontDin1;}
.adv_tel span{ display:inline-block; padding-left:35px; background:url(../images/20201219164921_2057478800.png) no-repeat left center;}
/*中控 · 机械手案例*/
.case{ padding:60px 0;}
.casecon{margin:30px auto 40px auto;}
.casecon{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.caseleft li{ display:inline-block; vertical-align:top; width:187px; height:193px; cursor:pointer; margin:0 10px 10px 0; background:#505050; box-sizing:border-box; position:relative; padding:30px 25px;}
.caseleft li:nth-child(3n){ margin-right:0;}
.caseleft { font-size:0; width:581px;}
.caseicon{ width:54px; height:32px; background:url(../images/20210104145649_1122876222.png) no-repeat center;margin-bottom:45px;}
.caset{ font-size:18px; color:#fff; font-weight:lighter; white-space:nowrap;}
.caset em{ display:block; font-size:12px; color:#6e6e6e; font-weight:lighter; transition:all .3s ease; margin-bottom:3px;}
.caseleft li p{ position:relative; z-index:3;}
.caseleft li:after{ content:''; display:block; position:absolute; width:100%; height:100%; background:#1f60d0; transition:all .3s ease; top:0; left:0; transform:scale(0);}
.caseleft li.on:after{ transform:scale(1);}
.caseleft li.on .caset em{ color:#fff;}
.caseright{ width:800px; height:600px;}
.casecon .divdgweb_new_div .divdgweb_new_div_item{ width:800px; height:600px; overflow:hidden; position:relative;}
.casecon .news_div_item_pic img{ width:100%; height:100%;}
.casecon .divdgweb_new_div_item_content{box-sizing: border-box;height: 120px;  width: 100%; position: absolute;left: 0;right: 0;margin: 0 auto;overflow: hidden;background: rgba(0,0,0,.7);bottom: 0;padding: 30px 40px; transition: all .3s ease;} 
.casecon .divdgweb_new_div_item_a{font-size: 20px; color: #fff;font-weight: lighter; display:block; margin-bottom:10px;}
.casecon .divdgweb_new_div_item .divdgweb_new_div_item_body{ font-size: 14px; color: #fff;font-weight: lighter; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display:inline-block; width:650px; vertical-align:middle;}
.casecon .divdgweb_new_div_item .casemore{font-size: 14px; color: #fff;font-weight: lighter; line-height:19px;display:inline-block; vertical-align:middle;}
.casecon .divdgweb_new_div_item:hover .casemore{color:#1f60d0;}
.casebtn{ text-align:center; margin-top:40px;}
.casebtn{ text-align:center; margin-top:30px;}
.casebtn a{ display:inline-block; width:240px; line-height:48px; transition:all .3s ease; background:#1f60d0; font-size:18px; color:#fff; font-weight:lighter; border-radius:10px;}
.casebtn a:hover{ width:100%; max-width:1400px; background:#da251c; border-radius:0;}

/*中控机械手定制流程*/
.process{ height:606px; background:url(../images/20201221084818_1214170762.jpg) no-repeat center;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; text-align:center; color:#fff;}
.pctitl{ font-size:40px;}
.pctitl i{ color:#ffcc00;}
.pctitl span{ display:block; font-size:18px; font-weight:lighter; margin-top:6px;}
.process ul{ margin:60px 0 50px 0;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start; padding:0 50px; background:url(../images/20201221090033_1357089889.png) no-repeat left bottom;}
.process ul li+li{ margin-left:90px;}
.pc_t{ font-size:16px; font-weight:lighter; margin:10px 0 15px 0; white-space:nowrap;}
.pc_t em{ font-size:12px; text-transform:uppercase; font-weight:lighter; display:block; margin-top:4px;}
.pcyuan{ width:24px; display:inline-block; height:24px; border:1px solid #fff; border-radius:50%;}
.pcyuan span{ display:inline-block; width:16px; height:16px; background:#fff; margin:3px; border-radius:50%;}
.pcicon{ display:inline-block; width:45px; height:50px; background:url(../images/20201221084818_877217086.png) no-repeat left top; transition:all .3s ease;}
.process ul li:nth-child(2) .pcicon{ background-position-x:-67px;}
.process ul li:nth-child(3) .pcicon{ background-position-x:-142px; width:50px;}
.process ul li:nth-child(4) .pcicon{ background-position-x:-224px;}
.process ul li:nth-child(5) .pcicon{ background-position-x:-300px;}
.process ul li:nth-child(6) .pcicon{ background-position-x:-390px;}
.process ul li:nth-child(7) .pcicon{ background-position-x:-460px;}
.process ul li:nth-child(8) .pcicon{ background-position-x:-534px;}
.process ul li:nth-child(9) .pcicon{ background-position-x:-606px;}
.process ul li:hover{ color:#ffcc00;}
.process ul li:hover .pcicon{ background-position-y:-70px;}
.process ul li:hover .pcyuan{ border-color:#ffcc00;}
.process ul li:hover .pcyuan span{ background:#ffcc00;}
.pcbottom{ font-size:25px; font-weight:lighter;}
.pcbottom a{color:#ffcc00;font-size:25px; }
.pcbottom a:hover{ text-decoration:underline;}
.pcbottom span{ display:block; width:283px; line-height:38px; border-radius:20px; background:#8d9eb0; font-size:25px; color:#004a99; font-family:fontDin1; margin:27px auto 0 auto;}
.pcbottom span i{ display:inline-block; padding-left:30px; background:url(../images/20201221084818_2063887881.png) no-repeat left center;}
/*聚焦中控*/
.news{ padding:60px 0 80px 0;}
.newstop{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; border-bottom:1px solid #e6e6e6; margin-bottom:30px;}
.news_t{ font-size:40px; color:#222222; padding: 0 38px; background:url(../images/20201221091829_1432532965.png) no-repeat center 14px;}
.newstab a{ font-size:20px; color:#222222; padding-bottom:60px; position:relative; display:inline-block;}
.newstab a.on{ font-weight:bold; color:#1f60d0;}
.newstab a+a{ margin-left:90px;}
.newstab a:after{ content:''; display:block; position:absolute; width:0; height:3px; background:#1f60d0; transition:all .3s ease; left:0; bottom:0;}
.newstab a.on:after{ width:100%;}
.newscon ul{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.newsleft{ margin-top:8px; width:45%; padding:5px; border:1px solid #e6e6e6; position:relative;height:475px;}
.newbg{ position:absolute}
.newsleft:after{ content:''; display:block; position:absolute; top:-8px; left:18px; z-index:3; width:75px; height:52px; background:url(../images/20201221091829_121501844.png) no-repeat center;}
.newbg{ position:absolute; z-index:9; bottom:22px; right:30px; font-size:0;}
.newbg li{ display:inline-block; width:10px; height:10px; cursor:pointer; border-radius:50%; border:1px solid #fff;}
.newbg li.on{ background:#fff;}
.newbg li+li{ margin-left:5px;}
.newsleft .news_div_item{ position:relative;}
.newsleft .news_div_item_pic img{width: 100%;height: auto;transition: all .6s ease;}
.newsleft .news_div_item_a{ display:block; position:absolute; width:100%; height:55px; line-height:55px; font-size:18px; color:#fff; font-weight:bold; padding:0 100px 0 30px; overflow:hidden; text-overflowz:ellspsis; background:rgba(0,0,0,.8); left:0; bottom:0;}
.newsright{ width:54.5%; margin-top:8px;}
.newsright .news_div_item{ width:49.5%; border:1px solid #e6e6e6;     padding: 2.9% 2%;}
.newsright .news_div{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: wrap;align-items:flex-start;}
.newsright .news_div_item:nth-child(1),.newsright .news_div_item:nth-child(2){ margin-bottom:1%;}
.newsright .news_div_item_date{ position:relative; padding:35px 0 5% 0; border-bottom:1px solid #e6e6e6; font-size:0; background:url(../images/20201221091829_1644187698.png) no-repeat right 14px;}
.newsright .news_div_item_date>div{ font-size:12px; color:#222222; font-weight:lighter; display:inline-block; vertical-align:top;}
.newsright .news_div_item_date>div.news_div_item_day{ position:absolute; top:0; left:0; font-size:36px; color:#222222; font-weight:bold; line-height:36px;}
.newsright .news_div_item_a{ display:block; font-size:18px; color:#484848; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:4% 0;}
.newsright .news_div_item_body{ font-size:12px; color:#bbbbbb; font-weight:lighter; line-height:22px;-webkit-line-clamp:3;-webkit-box-orient: vertical;display: -webkit-box;text-overflow: ellipsis; overflow:hidden;height:66px;}
.newsright .news_div_item:hover .news_div_item_a{color:#1f60d0;}
/*走进中控*/
.about{ padding:70px 0 80px 0; background:#f5f5f5 url(../images/20201221104841_1319343794.jpg) no-repeat center;}
.abpic{ margin:30px 0 35px 0;}
.abwa{ font-size:15px; color:#999999; font-weight:lighter; line-height:36px;}
.abbtn{ text-align:center; margin:35px 0 40px 0;}
.abbtn a{ display:inline-block; width:230px; line-height:52px; text-align:center; font-size:16px; color:#fff; font-weight:lighter; border-radius:10px; background:#1f60d0; transition:all .3s ease;}
.abbtn a:hover{ background:#da251c;}
.qyxx{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.qyjt{ width:36px; height:56px; background:url(../images/20201221104820_512089643.png) no-repeat left top; cursor:pointer; margin-bottom:35px;}
.qyjt.next{ background-image:url(../images/20201221104820_1703218727.png);}
.qyjt:hover{ background-position-y:bottom;}
.qyxxcon{ width:1285px; overflow:hidden;}
.qyxxcon table,.qyxxcon tbody,.qyxxcon tr{ display:block; font-size:0;}
.qyxxcon td{ display:inline-block; padding:0 !important; width:241px; margin-right:20px;}
.qyxxcon td br{ display:none;}
.qyxxcon td a{ display:block; overflow:hidden; position:relative;}
.qyxxcon td>a{ padding:2px; background:#fff; border:1px solid #d0d0d0;}
.qyxxcon td>a img{ width:100%; height:160px;}
.qyxxcon td div{ padding:0 !important; margin-top:15px;}
.qyxxcon td div a{ font-size:15px; color:#444;}
.qyxxcon td:hover a{ border-color:#1f60d0; color:#1f60d0;}
/*版权*/
.copyright{ background:#082d4a; color:#fff;}
.links{ border-bottom:1px solid #0a395d;}
.links .w1400{ height:120px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.linksl{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.linksl>p{ font-size:20px; padding-left:35px; background:url(../images/20201221110929_1684338178.png) no-repeat left center;}
.linksr{ font-size:25px; font-family:impact; text-transform:uppercase;}
.crcon{ padding:60px 0 70px 0;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.kslj{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.kslj a{ display:block; margin-left:25px; font-size:14px; font-weight:lighter; line-height:32px; color:#aabccb;}
.kslj a:hover{ color:#fff;}
.kslj p{ font-size:18px; color:#fff; margin-bottom:25px;}
.kslj p:before{ display:inline-block; content:''; width:16px; height:2px; background:#fff; vertical-align:middle; margin-right:10px;}
.kslj li+li{ margin-left:80px;}
.crlogo a{ display:block; margin-bottom:5px;}
.crlogo{ font-size:28px; color:#aabccb; font-weight:lighter;}
.crtel{ font-size:36px; color:#aabccb; font-family:fontDin1; display:inline-block; margin:30px 0; padding-left:47px; background:url(../images/20201221110929_305402205.png) no-repeat left center;}
.cright{display: -webkit-flex;display: flex;justify-content:flex-end;flex-wrap: wrap;align-items:flex-end;flex-direction: column;}
.crcode{ font-size:0; text-align:center; width:280px; line-height:58px; border-radius:7px; background:#0c4673; height:58px;}
.crcode p{ display:inline-block; position:relative; vertical-align:top; padding-left:40px; background:url(../images/20201221110929_1037954238.png) no-repeat left center; font-size:16px; color:#87b2d3; font-weight:lighter;}
.crcode p+p{ margin-left:30px; background-image:url(../images/20201221110929_674500765.png);}
.crcode p img{ width:120px; height:120px; padding:10px; background:rgba(255,255,255,.3); position:absolute; top:110%; right:0; transition:all .3s ease; visibility:hidden; opacity:0; z-index:9;}
.crcode p:hover img{ visibility:visible; opacity:1; top:100%;}
.end{ background:#1f60d0;}
.end .w1400{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; height:90px;}
.end,.end a{ font-size:14px; color:#fff;}
.end a:hover{ color:#ff0;}