@charset "utf-8";
/**/

html{zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this));}
ody,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53;}
body{ min-width:1200px; color:#666;}
input,select,textarea{font-size:100%;outline:0; font-family:"Microsoft YaHei", "微软雅黑";}
i,cite,em,var,address,dfn{font-style:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
strong,b{ font-weight:normal;}
a:hover{ text-decoration:none;}
img{border:0 none; margin:0; padding:0; vertical-align:top }
ol,ul {	list-style:none;}
li{list-style-type: none;}
q:before,q:after {content:'';}

/*p{text-indent:2em;}*/
a{text-decoration:none; color:#333;}
a:hover{text-decoration:underline;}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" d";clear:both;height:0;}
.fn-clear{ width:1200px; zoom:1; /* for IE6 IE7 */ margin:0 auto;}
.fn-hide {display:none;}
.fn-left,.fn-right {display:inline;}
.fn-left{float:left;}
.fn-right{float:right;}
.d-none{display:none;}
.d-block{display:block;}
form, fieldset, legend, button, input, textarea{border:medium none;margin:0;padding:0;}
body{/*font:12px/3.5 'Lucida Grande',tahoma,arial,\5b8b\4f53;*/ margin:0 auto; font-family:"Microsoft YaHei", "微软雅黑";}

.backg{ background:#f7f8fa;}
.right{ float:right;}
.left{ float:left;}

.left_cont{ float:left; width:500px;}
.left_cont h2{ float:left; width:100%; font-size:40px; color:#333;}
.left_cont p{ float:left; width:100%; line-height:34px; font-size:20px; color:#666; margin-top:20px;}

.right_cont{ float:right; text-align:right; width:500px;}
.right_cont h2{ float:left; width:100%; font-size:40px; color:#333;}
.right_cont p{ float:left; width:100%; line-height:34px; font-size:18px; color:#666; margin-top:20px;}

h3{ float:left; width:100%; height:auto; text-align:center;}
h3 strong{ float:left; width:100%; font-size:40px; color:#333; font-weight:bold; display:inline-block; position:relative;}
h3 em{ float:left; width:100%; color:#999; line-height:30px; font-size:20px; display:inline-block; margin-top:10px; font-weight:normal;}
h3 i{ color:red; font-size:66px; position:relative; top:25px;}
h4{ float:left; width:100%;}
h4 strong{ float:left; font-size:24px; margin-right:20px; color:#333;}
h4 em{ float:left; font-size:16px; color:#999; font-style:normal; font-weight:normal; margin-top:10px;}

.pc_donw{ float:left; width:100%; text-align:center; margin:50px auto 80px;}
.pc_donw a{ width:300px; height:60px; line-height:60px; font-size:24px; color:#333; background:#ffe25b; border-radius:30px; display:inline-block;}

/*头部*/

.head{ float:left; width:100%; height:auto; background:#1b1d46 url(../images/brbg.jpg) no-repeat center; background-size:100% auto;}

.toplist{ float:left; width:100%; height:60px; padding:5px 0; background:url(../images/bt1.png); position:relative;}
.toplist .logo{ float:left; z-index:999;}
.toplist .logo a{text-decoration:none; display:inline-block; margin-top:10px;}
.toplist .logo img{ display:block; margin:0 auto; height: 36px;}
.toplist .hd{ float:right; z-index:999; margin-top:5px;}
.toplist .hd ul{ width:600px; display:inline-block;}
.toplist .hd a{ float:left; width: 120px; text-align:center; color:#fff; font-size:18px; line-height:40px; text-decoration:none;}
/*.toplist .hd a{ float:left; margin: 0 24px; text-align:center; color:#fff; font-size:18px; line-height:40px; text-decoration:none;}*/
.toplist .hd:hover .on{ color:#fff; border-bottom:none;}
.toplist .hd .on,
.toplist .hd a:hover,
.toplist .hd .on:hover{ color:#fff; border-bottom:3px solid #fff; }

.toplist .bd{ float:left; width:100%; height:auto; background:#fff; position:absolute;  z-index:9999; box-shadow:0px 2px 3px rgba(0,0,0,.15); display:none;}
.toplist .bd ul{ float:left; width:100%; padding-bottom:40px;}
.toplist .bd ul li{ float:left; width:276px; margin-right:32px; margin-top:40px;}
.toplist .bd ul li:nth-child(4n){ margin-right:0;}
.toplist .bd ul li img{ float:left; width:60px; height:60px; display:block; margin-right:20px;}
.toplist .bd ul li span{ float:left; width:196px;}
.toplist .bd ul li strong{ width:100%; font-size:18px; display:inline-block;}
.toplist .bd ul li em{ width:100%; font-size:14px; display:inline-block; margin-top:5px;}

.banner{ float:left; width:100%; height:700px; position:relative;}
.banner .bottom{ float:left; width:100%; height:auto; background:url(../images/bt1.png); position:absolute; bottom:0; padding:20px 0px;}
.banner .bottom ul{ float:left; width:100%; }
.banner .bottom ul li{ float:left; width:240px;}
.banner .bottom ul li img{ float:left; width:45px; height:auto; margin-right:10px;}
.banner .bottom ul li strong{ color:#fff; font-size:20px;}
.banner .bottom ul li p{ font-size:14px; color:#fff;}

/* 智能无人 */
#intelligent_unmanned_bg{background:url(../../img/web/box/intelligent_unmanned_bg.jpg) no-repeat;background-size: cover;}
#intelligent_unmanned img.smart_retail{ width:100%; max-width:760px; margin-bottom:0px;}
#intelligent_unmanned img.smart_retail{ display:none;}

.container { width:100%; margin:40px auto 0;transition: all 500ms;}
.container h2.title{ font-size:40px;margin-top:90px;}
.container p.introduce{ font-size:16px;margin:35px 0;text-align:center;color: #7185A8}

/*主页内容*/

.pc_one{ width:100%; display:inline-block;}
.pc_one .list{ float:left; width:100%; margin-top:30px;}
.pc_one .list ul{float:left; width:100%; height:auto;}
.pc_one .list ul li{ float:left; width:580px; height:280px; overflow:hidden; position:relative; margin-left:40px;}
.pc_one .list ul li img{ max-width:100%; border-radius:15px; display:block;}
.pc_one .list ul li span{ position:absolute; top:70px; left:20px;}
.pc_one .list ul li strong{ line-height:36px; font-size:26px; color:#04248c; font-weight:700;}
.pc_one .list ul li b{ width:110px; height:auto; line-height:32px; background-image:linear-gradient(270deg, #FF505F 0%, #FF8100 100%); color:#fff; text-align:center; font-size:13px; display:block; border-radius:15px; margin-top:40px; box-shadow:0 2px 8px 0 rgba(53,139,255,0.20);}
.pc_one .list ul li em{ width:80px; height:79px; position:absolute; top:-20px; left:60px; background:url(../images/hot2.png) no-repeat; background-size:100% 120%; display:inline-block; text-align:center;}
.pc_one .list ul li em i{ width:40px; line-height:20px; font-size:13px; color:#fff; display:inline-block; margin-top:20px;}
.pc_one .list ul li:first-child{ margin-left:0;}
.pc_one .list ul li:first-child b{ background-image:linear-gradient(270deg, #358BFF 0%, #4AB0FF 100%);}
.pc_one .list ul li:first-child em{ background:url(../images/hot1.png) no-repeat; background-size:100% 120%;}

.pc_one .pic{ float:left; width:100%; margin-top:30px;}
.pc_one .pic ul{ float:left; width:100%; height:auto; margin-top:20px;}
.pc_one .pic ul li{ float:left; width:375px; height:232px; margin-top: 40px; position:relative; margin-right:37.5px;}
.pc_one .pic ul li img{ display:block; max-width:100%; border-radius:10px;}
.pc_one .pic ul li b{ position:absolute; top:-44px; left:50%; transform: translateX(-50%); font-size:19px; color:#000; font-weight:bold; display:inline-block;}
.pc_one .pic ul li:nth-child(3n){ margin-right:0;}
.pc_one h3{ margin-top:60px;}

.pcline{ float:left; width:100%; margin:60px auto 0; background:url(../images/linebg.png) repeat-x;}
.pcline ul{ float:left; width:100%; height:auto;}
.pcline ul li{ float:left; width:160px; text-align:center; margin:0 20px;}
.pcline ul li em{ width:98px; height:98px; line-height:98px; border:1px solid #fbcf00; background:#fffae3; border-radius:50px; text-align:center; position:relative; display:inline-block;}
.pcline ul li em img{ display:block; margin:30px auto 0;}
.pcline ul li em i{ width:26px; height:26px; line-height:26px; color:#fff; font-size:16px; position:absolute; top:0; left:0; background:#fbcf00; border-radius:13px;}
.pcline ul li p{ font-size:16px; color:#333; line-height:22px; margin-top:20px;}

.pc_two{ width:100%; height:auto; display:inline-block; padding-top:70px;}
.pc_two ul{ float:left; margin-top:40px;}
.pc_two ul li{ float:left; width:386px; margin-right:21px; text-align:center; padding-bottom:30px;}
.pc_two ul li img{ margin:0px auto; display:block;}
.pc_two ul li b{ width:100%; height:auto; line-height:40px; text-align:center; font-size:24px; color:rgba(89,96,123,1); display:inline-block;}
.pc_two ul li p{ width:88%; height:auto; line-height:20px; font-size:16px; display:inline-block; margin:6px 6% 0; color:rgba(89,96,123,1);}
.pc_two ul li:nth-child(3n){ margin-right:0;}


.pc_three{ width:100%; display:inline-block; padding-top:30px; padding-bottom:80px;}
.pc_three ul{ float:left; width:100%; height:auto; margin-top:50px;}
.pc_three ul li{ float:left; width:200px; height:253px; text-align:center; background-repeat:no-repeat; box-shadow:0px 0px 21px rgba(153, 153, 153,0.15); margin-right:50px;}
.pc_three ul li img{ margin:45px auto 0; display:block;}
.pc_three ul li b{ float:left; width:100%; font-size:16px; text-align:center; margin-top:30px;}
.pc_three ul li:first-child{ background-image:url(../images/trbg1.png);}
.pc_three ul li:nth-child(2){ background-image:url(../images/trbg2.png);}
.pc_three ul li:nth-child(3){ background-image:url(../images/trbg3.png);}
.pc_three ul li:nth-child(4){ background-image:url(../images/trbg4.png);}
.pc_three ul li:nth-child(5){ background-image:url(../images/trbg5.png); margin-right:0px;}

.pc_seven{ width:100%; height:630px; background:#616161; display:inline-block; }
.pc_seven h3{ margin:40px auto 30px;}
.pc_seven h3 strong{ color:#fff;}
.pc_seven ul{ float:left; width:360px;}
.pc_seven ul li{ float:left; width:174px; height:142px; background:#fff; margin:0 6px 6px 0; text-align:center;}
.pc_seven ul li img{ display:block; margin:40px auto 0;}
.pc_seven ul li b{ font-size:14px; margin-top:8px; display:inline-block;}
.pc_seven dl{ float:left; width:785px; margin-left:5px; background:#fff; padding:25px;}
.pc_seven dl dd{ float:left; width:255px; height:180px; margin:7px 10px 7px 0;}
.pc_seven dl dt{ float:left; width:520px; height:180px; margin:7px 0;}
.pc_seven dl dt strong{ float:left; height:auto; line-height:60px; font-size:20px; color:#333; font-weight:bold; margin-left:10px;}
.pc_seven dl dt p{ float:left; height:auto; line-height:24px; font-size:14px; color:#999; margin-left:10px;}


/*底部*/

.foot{ float:left; width:100%; border-top:4px solid #ddd; text-align:center; padding:36px 0 20px; color:#666; font-size:16px; background:#f3f3f3;}
.foot .left{ float:left; width:432px;text-align:left;}
.foot .left ul li{ width:100%; display:inline-block; margin:12px auto;}
.foot .left ul li em{ font-size:18px; line-height:22px; display:inline-block;}
.foot .left img{ margin:0 5px;}
.foot .right{ float:right; width:500px;}
.foot .right ul{ float:right; width:60%;}
.foot .right li{ float:left; margin:0 auto 12px 12px;}
.foot .content{ float:left; width:200px; text-align:center;}
.foot .content img{ margin:0px auto; display:block;}
.foot .content b{ width:100%; line-height:30px; font-size:14px; display:inline-block;}

.foot .state{ float:left; width:100%; height:auto; border-top:1px solid #ddd; padding:20px 0 10px; color:#999; margin-top:40px;}
.foot .state em{ font-size:14px; color:#bbb;}
.foot .copyright{ /*float:left;*/ width:100%; height:auto; color:#999; line-height:28px; text-align:center;}
.foot .copyright span{ width:auto; margin:0 auto; display:inline-block;}
.foot .copyright p{ /*float:left;*/ margin:0 10px; color:#999;}
.foot .copyright a{ /*float:left;*/ color:#bbb; margin:0 10px; display: inline-block;}

/*其他页面*/

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #ccc;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #ccc;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #ccc;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #ccc;
}

.article_top{ width:100%; height:auto; line-height:42px; font-size:14px; box-shadow:0px 2px 3px rgba(0,0,0,.15); display:inline-block;}
.article_top .left{ float:left;}
.article_top .right{ float:right;}

.article_list{ float:left; width:100%; height:auto; background:#f3f3f3; padding-top:5px;}
.article_list ul{ float:left; width:100%; height:auto;}
.article_list ul li{ float:left; width:285px; height:auto; background:#fff; box-shadow:0px 2px 3px rgba(0,0,0,.15); margin-top:20px; margin-right:20px;}
.article_list ul li img{ width:285px; height:285px; display:block;}
.article_list ul li span{ float:left; width:auto; padding:15px;}
.article_list ul li strong{ float:left; width:100%; line-height:40px; font-size:24px; font-weight:bold; color:#333;}
.article_list ul li b{ float:left; width:100%; line-height:40px; font-size:20px; font-weight:bold; color:#f60;}
.article_list ul li em{ float:left; width:100%; font-size:14px; color:#999; line-height:30px;}
.article_list ul li em i{ color:#333;}
.article_list ul li:nth-child(4n){ margin-right:0px;}
.article_list ul li a:hover{ color:#f60;}

.article_page{ float:left; width:100%; height:auto; text-align:center; margin:40px auto;}
.article_page .page_list{ display:inline-block; font-size:14px;}
.article_page .page_list a,.article_page .page_list span,.article_page .page_list select{ line-height:34px; font-size:14px; padding:0 12px; background:#fff; border:1px solid #ddd; display:inline-block; margin:0 2px;}
.article_page .page_list em{ display:inline-block; margin:0 5px;}
.article_page .page_list select{ padding-top:7px; padding-bottom:6px; cursor:pointer; vertical-align:top;}
.article_page .page_list .btn{ background:#333; color:#ffc;}

.article_content{ float:left; width:100%; background:#f3f3f3; padding:25px 0px; }
.article_content .left{ float:left; width:882px; height:auto;}
.article_content .right{ float:right; width:300px; height:auto; position:relative;}
.article_reve{ float:left; width:880px; height:auto; border:1px solid #ddd; background:#fff;}
.article_reve .top{ float:left; width:100%; line-height:45px; font-size:14px; color:#999; border-bottom:1px solid #ddd; }
.article_reve .top em{ float:left; margin-left:20px; padding-left:25px; background:url(../images/shijian.png) no-repeat center left;}
.article_reve .top span{ float:right; margin-right:20px; padding-left:20px; background:url(../images/shouchang.png) no-repeat center left;}
.article_reve .cont{ float:left; width:840px; height:auto; padding:20px;}
.article_reve .cont img{ float:left; width:368px; height:368px; display:block;}
.article_reve .cont nav{ float:right; width:450px; height:auto;}
.article_reve .cont strong{ float:left; width:100%; line-height:36px; font-size:24px; color:#333; font-weight:bold;}
.article_reve .cont p{ float:left; font-size:14px; height:37px; line-height:20px; padding:7px 8px; background:#f6f6f6; margin-top:8px; margin-bottom:4px;}
.article_reve .cont em{ float:left; width:100%; height:auto; line-height:38px; font-size:14px; color:#999;}
.article_reve .cont em i{ font-size:20px; font-weight:bold; color:#f60; display:inline-block; margin-right:10px;}
.article_reve .cont em b{ color:#333;}
.article_reve .cont em span{ line-height:22px; display:inline-block; font-size:12px; color:#fff; background:#f60; padding:0 5px; margin:0 2px;}
.article_reve .cont em span.no{ background:#999;}
.article_reve .cont p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
} 

.article_intro{float:left; width:880px; height:auto; background:#f3f3f3; margin:20px auto 10px;}
.article_intro .hd{ float:left; width:100%; height:45px; font-size:14px; color:#999; border-bottom:1px solid #ddd; background:#f3f3f3;}
.article_intro .hd ul{float:left; width:100%; border:1px solid #ddd;}
.article_intro .hd ul li{ float:left; width:154px; line-height:45px; font-size:16px; text-align:center; border-right:1px solid #ddd; cursor:pointer;}
.article_intro .hd ul li a{ width:154px; height:45px; display:inline-block; color:#666;}
.article_intro .hd .on{ line-height:44px; color:#f60; border-top:2px solid #f60; background:#fff; border-right:1px solid #ddd; border-bottom:1px solid #fff; margin-top:-1px;}
.article_intro .content,.article_intro .sale{ float:left; width:840px; height:auto;  border:1px solid #ddd; padding:15px 20px; background:#fff;}
.article_intro .content{ border-top:0;} 
.article_intro .content p{ font-size:14px; padding:6px 0; line-height:26px; text-align:left; text-indent:2em;}
.article_intro .content strong { font-weight: 700;}
.article_intro .content img{ display:block; margin:10px auto; max-width:760px;}
.article_intro .sale ul{ float:left; width:100%; height:auto;}
.article_intro .sale ul li{ float:left; width:100%; height:auto; text-align:left; margin:25px auto;}
.article_intro .sale ul li img{ float:left; margin-right:15px;}
.article_intro .sale ul li strong{ width:780px; font-size:18px; color:#3889ff; display:inline-block;}
.article_intro .sale ul li em{ width:780px; font-size:14px; color:#999; display:inline-block;}
#shbz{ margin-top:20px;}

.article_data{ float:right; width:258px; border:1px solid #ddd; background:#fff; padding:20px; padding-top:15px;}
.article_data dl{ float:left; width:100%; height:auto;}
.article_data dl dt{ float:left; width:100%; height:auto; text-align:center; margin-bottom:10px;}
.article_data dl dt img{ max-width:180px; display:block; margin:0 auto;}
.article_data dl dt b{ width:100%; line-height:20px; font-size:14px; color:#999; display:block;}
.article_data dl dd{ float:left; width:100%; margin:6px auto;}
.article_data dl dd img{ float:left; display:block; margin-right:5px;}
.article_data dl dd b{ float:left; font-size:14px; color:#666;line-height:18px;}
.article_data p{ float:left; width:238px; padding:8px 11px; font-size:14px; background:#f6f6f6; margin-top:10px;}
.article_data span{ float:left; width:100%; height:auto; text-align:center; margin-top:20px;}
.article_data a{width:200px; line-height:45px; font-size:20px; color:#333; background:#ffe25b; border-radius:30px; display:inline-block; }
.data_fixed{ position: fixed; top:0;}