@charset "utf-8";
/* CSS Document */
/*---------------------------首页样式---------------------------*/
.header{ width:100%; margin:0px auto; position:relative; overflow:hidden; height:652px;position: relative;z-index: 1;}
.header .head{ width:96%; margin:0px auto; max-width:1200px; height:92px; text-align:left;}

.head .logo{ width:174px; height:45px; float:left; margin-top:62px;}
.head .logo img{ width:174px; height:45px; vertical-align:top;}

.head .nav_m{ display:none; position:relative; width:100%;}
.nav_m .n_icon{ display:block; width:22px; height:18px; background:url(../images/nav_ico.png) no-repeat; position:absolute; right:10px; top:-50px; z-index:9999; cursor:pointer;}
.nav_m ul{ width:100%; border-top:3px solid #002F79; display:none;}
.nav_m ul li{ width:100%; height:38px; line-height:38px; border-bottom:1px dashed #ddd;}
.nav_m ul li a{ display:block; width:94%; height:38px; line-height:38px; padding:0px 3%; color:#555;}
.nav_m ul li a:hover{ color:#002F79;}


/*banner样式*/
#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}

/*.slider-wrapper { 
	width: 80%; 
	margin: 100px auto;
}*/
.box_h{ width:100%; height:66px !important; clear:both; padding-top:10px; border-bottom:1px solid #b7b7b7; position:relative;}
.xl1{
	
	position: absolute;
	z-index:10000;
	top: -50px;
	left: 367px;
}
.xl2{ font-family:"黑体"; font-size:18px; font-weight:bold; color:black; width:307px; height:55px; margin-left:540px; line-height:55px;}
.or {
	height: 60px;
	left: 874px;
	position: absolute;
	top: 8px;
	width: 40px;
}
.or:before {
border-right: 1px solid #B7B7B7;
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.6);
content: "";
height: 60px;
position: absolute;
top: 0;
width: 20px;
}
.or div {
background-color: #289313;
border-radius: 50% 50% 50% 50%;
color: #ffffff;
font-size: 15px;

height: 30px;
line-height: 30px;
position: absolute;
text-align: center;
top: 15px;
width: 40px;
}
.wb {

width: 48%;

margin-top:-55px;
/*margin-left:980px;*/
float:right;


line-height: 24px;
padding-top: 20px;
color: #2e2e2e;
font-size: 14px;
}

.green {
color: #4f7d00;
}
/* 首页联系方式 */
.index-contact{
	position: absolute;
	top: 27px;
	right: 239px;
	z-index:99999999999999;
}
.icons{background:url(../images/icon_all.png) no-repeat;display: inline-block;}
.index-contact a{color:#fff;display:inline-block;*display:inline;*zoom:1;position:relative;text-decoration:none;}
.index-contact a .contact-text{position:absolute;bottom:50px;left:50%;width:360px;margin-left:-180px;text-align:center;line-height:28px;display:none;padding-bottom:5px;}
.index-contact a:hover .contact-text{display:block;}
.contact-text .con-text{height:28px;}
.contact-text .con-text *{ vertical-align:middle;}
.contact-text .con-text span{display:inline-block;*display:inline;*zoom:1;background:#003c7b;padding-left:15px;}
.contact-text .con-text em{display:inline-block;*display:inline;*zoom:1;background:#003c7b;padding-right:15px;font-size:14px;}
.index-contact .ico-qq , .index-contact .ico-phone , .index-contact .ico-msg{ width:50px; height:50px; float:left; margin-left:5px;background-color: #003c7b ;border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px}
.index-contact .ico-phone{ background-position:-95px 0;}
.index-contact .ico-qq{ background-position:-141px 0;}
.index-contact .ico-msg{ background-position:-187px 0;}
.index-contact .ico-phone,.index-contact .ico-qq,.index-contact .ico-msg{transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.index-contact .ico-qq:hover,.index-contact .ico-phone:hover,.index-contact .ico-msg:hover{ background-color: #003c7b ;transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg); }
.contact-text .con-arrow{height: 10px;line-height: 9px}
.ico-con-arrow{width:13px;height:10px;line-height:9px;background-position:-94px -53px;display: inline-block;} 
/*首页内容追溯防伪系统*/
.content-title{ max-width:934px; margin:60px auto;}
.iconf{background:url(../images/iconf.png) no-repeat;display: inline-block;}
.index-advantagebox{position: relative;}
.colorcirclemainbox{position: relative; width:980px;height: 268px; margin-bottom: 8px; clear:both; margin:20px 500px; margin-top:80px;}
.colorcirclebox{float: left;width: 146px;margin: 0 43px}
.colorcircle{width: 146px; height: 146px; border-radius: 78px;-moz-border-radius: 78px;-webkit-border-radius: 78px;margin-bottom: 12px;	}
.colorcirclebox:hover em{transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg);}
.colorcirclebox p{line-height: 54px; text-align:center; font-size:22px;color:black;cursor:pointer; font-family:"微软雅黑"}
.col-1,.col-2,.col-3,.col-4{background-color: #008cd4; cursor:pointer;}
.col-1 em{background-position: 25px  16px;}
.col-2 em{background-position:-215px 16px;}
.col-3 em{background-position:-458px 16px;}
.col-4 em{background-position:-700px 16px;}
.col-1 em,.col-2 em,.col-3 em,.col-4 em{width: 116px;height: 116px;transition: all 1s;-moz-transition: all 1s;
-webkit-transition: all 1s;-o-transition: all 1s;display: inline-block;}

/*首页一站式防伪追溯平台*/
.contenttop2{ width:100%; background:url(../images/cont-top02.jpg) no-repeat; height:450px; display:block; position:relative; z-index:99999999;}
.contenttop2 .cons{ width:200px; height:450px; float:left; font-size:12px; margin-left:460px;}
.contenttop2 .cons a,.cons1 a{color:#008cd6;}
.conx1{ width:200px; height:50px; margin-top:65px; text-align:right; line-height:50px;}
.conx2{ width:200px; height:50px; margin-top:31px; text-align:right; line-height:50px;}
.conx3{ width:200px; height:50px; margin-top:29px; text-align:right; line-height:50px;}
.conx4{ width:200px; height:50px; margin-top:22px; text-align:right; line-height:50px;}
.conx5{ width:200px; height:50px; margin-top:26px; text-align:right; line-height:50px;}
.cons1{ width:200px; height:450px; float:left;}
.conx6{ width:200px; height:50px; margin-top:65px; text-align:left; line-height:50px;}
.conx7{ width:200px; height:50px; margin-top:31px; text-align:left; line-height:50px;}
.conx8{ width:200px; height:50px; margin-top:29px; text-align:left; line-height:50px;}
.conx9{ width:200px; height:50px; margin-top:22px; text-align:left; line-height:50px;}
.conx10{ width:200px; height:50px; margin-top:26px; text-align:left; line-height:50px;}
.cons2{ width:530px; float:left; margin-top:85px; margin-left:15px; margin-right:15px;}
/*首页防伪技术推荐*/
/*-----------------------------Public--------------------------------*/
.width { width: 980px; margin: 0 auto; margin-top:60px; position:relative;}
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
.C_C { width: 100%; margin: 0 auto; padding: 20PX 0; background: url(../images/white_bg.gif) top repeat-y; }
.ctitle{ background:url(../images/c_title_01.png) no-repeat; width:610px; height:40px; display:block;}
.title2{ width:440px; height:20px; display:block; font-family:"黑体"; font-size:18px; color:#09C; font-weight:bold;}
.title3,.title4{ width:465px; height:20px; display:block; font-family:"黑体"; font-size:18px; color:#09C; font-weight:bold;}
.title2 span,.title3 span,.title4 span{ padding-right:15px;}

.ctitle span{ font-size:16px; font-family:"黑体"; color:white; text-align:center; line-height:40px; padding-left:15px;}
.ctitle a{ font-size:14px; color:#008cd6; font-family:"黑体"; padding-left:454px;}
.ctitle b{
	width: -31px;
	height: 19px;
	padding-left: 655px;
	position: absolute;
	left: 86px;
	top: 12px;
	
}
.Client { width: 610px; overflow: hidden; padding-right: 15px; float: left; }
.Client .multipleColumn { overflow: hidden; position: relative; width: 610px; }











.Client .multipleColumn ul { overflow: hidden; zoom: 1; width: 610px; float: left; _display: inline; }
.Client .multipleColumn ul li.one { margin: 0px; float: left; _display: inline; overflow: hidden; margin-right: 12px; margin-bottom: 10px; 
 -webkit-box-shadow: 1px 3px 3px;  
  -moz-box-shadow: 1px 3px 3px;  
  box-shadow: 1px 3px 3px;  
  border-radius:25px;  

}
 .Client .multipleColumn ul li.two{ position:relative; margin: 0px; float: left; _display: inline; overflow: hidden; margin-right: 12px; margin-bottom: 10px; }
 .Client .multipleColumn ul li.two p{
	position: absolute;
	left: 52px;
	top: 168px;
	font-family: "黑体";
	font-size: 16px;
}

.Client .multipleColumn  ul li.one .pic{ margin-top:5px;}
.Client .multipleColumn  ul li.one p{ font-size:12px;}
.Client .multipleColumn  ul li.one{ float:left;  margin-left:10px; margin-top:16px; width:278px; height:134px; display:block; background: #fbf6f6; border:2px solid #0092df; border-radius:25px;  
}
.Client .multipleColumn ul li .pic,.Client .multipleColumn .bd ul li .pic1{ float:left;  margin-left:10px; margin-top:16px; }
.Client .multipleColumn ul li .pic1 img { display:block;}
.Client .multipleColumn ul li .pic img {
	  -webkit-box-shadow:0 0 5px #CCCCCC;  
  -moz-box-shadow:0 0 5px #CCCCCC;  
  box-shadow:0 0 5px #CCCCCC;  

	}
.Client .multipleColumn ul li .title { margin-top:5px;float:left; width:125px; margin-left:12px; }
.Client .multipleColumn  ul li .title a{ font-size:14px; font-family:"黑体"; line-height:24px; font-weight:bold;}
.Client .multipleColumn ul li .title p { line-height:24px; }
.Client .multipleColumn ul li .title input { width:82px; font-size:12px; height:29px; background:#008cd6; color:white; display:block;}
.comleft{ float:right;  position:relative;}
.comleft ul li a img{ padding-left:25px;}
.comtitle{ margin-left:25px;}
.comtitle span{ position:absolute;}
.comtitle b{ font-family:"黑体"; font-size:18px; color:black; line-height:40px; padding-left:25px;}
/*-----------------------------app追溯案例--------------------------------*/
.apptitle{ width:980px; height:119px; margin:0px auto; margin-top:28px;}
.app1{ background:url(../images/index_ser_bg.jpg) no-repeat; width:100%; height:535px; position:relative;}
.marqueeleft{width:95%;overflow:hidden;margin:15px auto;}
.marqueeleft ul{float:left; margin-top:30px;}
.marqueeleft li{float:left;display:inline;width:188px;text-align: center; margin-left:35px;}
.marqueeleft li p{
	text-align: center;
	height: 52px;
	line-height: 24px;
	color: #fff;
	font-size: 16px
}
.marqueeleft li:hover img{transform: scale(1.3);-ms-transform: scale(1.3);-webkit-transform: scale(1.3);-o-transform: scale(1.3);-moz-transform: scale(1.3); }
.marqueeleft li img {transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;margin: 15px 0}

.app1 input{ font-size:14px; font-weight:bold; width:155px; height:37px; background:white; color:#329ec5; border:1px solid #329ec5;  cursor:pointer; margin:0px auto !important;}

.more{ width:92px; height:33px; background:#b27b6b; font-size:14px; color:#d1fbf4; margin-left:615px;}
.more1{ width:92px; height:33px; background:#b27b6b; font-size:14px; color:#d1fbf4; margin-left:205px; margin-top:95px; cursor:pointer;}


/*首页右边图片滚动*/
#gla{
	
	overflow:hidden;
	
	position:relative;
	float:right;
	height:auto;
	width:520px;
}

.bac{
	position:absolute;
	bottom:0;
	left:50px;
}
#gla_box{
	width:300px;
	
}
.gla_inbox{
	overflow:hidden;
	position:relative;
}
.gla_inbox p{
	position: absolute;
	text-indent: 1em;
	font-size: 14px;
	width: 98%;
	color: #000;
	line-height: 30px;
	top: 172px;
	left: 2px;

	
	
}
.gla_inbox p span{ font-size:12px;}
.gla_inbox a{
	padding: 5px;
	display: block;
	position: absolute;
	top: 280px;
	left: 124px;
	background: #0066CC;
	color: #FFF;
	height: 18px;
	-webkit-box-shadow: 0 0 5px #CCCCCC;
	-moz-box-shadow: 0 0 5px #CCCCCC;
	box-shadow: 0 0 5px #CCCCCC;
	
}
.gla_inbox img{
	
	width:100%;
	height:100%;
}
.roundabout-holder {
	height: 404px;
	width: 520px;
}
.roundabout-moveable-item {
	display:block;
	height: 348px;
	width: 215px;
	cursor: pointer;
}
.roundabout-in-focus {
	cursor: auto;
}
.gla_inbox span{ padding:5px;}
.gla_inbox a{ font-size:12px;}

#gla1{	overflow:hidden;
	
	position:relative;
	float:left;
	margin-left:15px;
	height:auto;
	width:500px;}



/*#gla_box ul li{ width:236px; height:383px;}
.gla_inbox{ overflow:hidden;
	position:relative;
margin-top:180px;}
.gla_inbox .x1{ font-size:14px; font-family:"黑体"; font-weight:bold; line-height:24px; padding:5px;}
.gla_inbox .x2{ line-height:2.4em; padding:5px; font-size:12px;}
.gla_inbox a{ width:51px; height:21px; color:white; background:#0075bd; display:block; text-align:center; line-height:21px; font-weight:bold; margin-left:169px;}*/
/*我们的合作客户*/
.hezuo1{ width:980px; height:560px; margin:20px auto;}
.hezuotitle{ margin:0px auto; width:980px; height:119px; margin-top:20px;}
.hezuo1 input{ width:157px; height:37px; background:#0099cb; color:white; line-height:37px; text-align:center; margin-left:420px; margin-top:30px; cursor:pointer;}
/*关于我们*/
.guantitle{ width:980px; height:119px; margin:20px auto; margin-top:20px;}
.guan1{ background:url(../images/guan4_02.png) no-repeat; width:980px; height:606px; margin:0px auto;}
.title3,.title4{ padding-top:30px; padding-left:15px; margin-bottom:30px;}
.guanleft{ width:480px; float:left; }
.guanright{ width:470px; float:left; margin-left:25px; height:605px; }
.quan3{ background:url(../images/quan5_03.png) no-repeat bottom; height:450px;font-weight:bold; width:100%;display:block;}
.quan3 p{ line-height:2.3em; padding:10px; text-indent:2em; font-size:13px; }
.guanleft input{ width:93px; height:33px; background:#b27b6b; display:block; color:#d1fbf4; text-align:center; line-height:33px; margin-left:310px; margin-top:28px;}
.guanright .quan4 ul li{ float:left; width:181px; height:165px; text-align:center; line-height:24px; background:#f4f4f4; display:block; margin-top:45px; margin-left:30px;}
.guanright input{ width:93px; height:33px; background:#b27b6b; color:#d1fbf4; text-align:center; line-height:33px; margin-left:330px; margin-top:55px;}
.guanright .quan4 p{ font-size:12px;}

                    .guanright{position: relative;}
					.quan4{ position:absolute; z-index:1;}
					.quan4 img{ width:181px; height:165px;}
					.quan4 ul li a img:hover{	
					-webkit-transform:rotate(0deg) scale(2.5);
	                -ms-transform:rotate(0deg) scale(2.5);
	                transform:rotate(0deg) scale(2.5);
	                -webkit-transition:all 0.5s ease-in;
	                transition:all 0.5s ease-in;
	                z-index: 2;
					}



.auto{ width:980px; margin:0 auto;}
/*内容5*/
.nk5{ width: 100%; height:300px; margin-top:45px; margin-bottom:30px; }
.left{ width: 550px; height:247px; float: left; border:1px solid #D9D9D9; margin-top:30px;}
.right{ width: 400px;height:270px; float: right;}

.new{ margin-top:13px;}
.new li .li_img{ width:140px; height:95px; border:1px solid #e5e5e5; float:left;}
.new li .li_con{ float:right; width:350px;padding-top: 20px;  border-bottom:1px dashed #646464; padding-right: 11px;}
.new li .li_con span{ font-size:14px; font-weight:bold; color:#0F8CCF; line-height:22px;}
.new li .li_con span a{color:#0F8CCF; }
.new li .li_con p{font-size: 12px; color:#787878; line-height:22px;}
.new li .li_con p a{ color:#f09f18; font-weight:bold;}

.newlb{width:367px; margin-top:10px; float: right; padding-right: px;}
.newlb li{padding-top: 2px; width:350px; line-height:32px; border-bottom:1px dashed #D9D9D9; background:url(../images/index_30.png) no-repeat left center; padding-left:15px;}		
.newlb li a{font-size: 12px; color:#636363;  font-family: 微软雅黑; display:block;}
.newlb li span{ float:right;}
.ab{ width:158px; height:260px; float:left;}


.newlb  .li_con{ float:right; width:350px;padding-top: 0px;  border-bottom:1px dashed #D9D9D9; padding-right: 11px; padding-bottom: 27px; margin-bottom: 20px;}
.newlb  .li_con span{ font-size:14px; font-weight:bold; color:#0F8CCF; line-height:22px;}
.newlb  .li_con span a{color:#0F8CCF; }
.newlb  .li_con p{font-size: 12px; color:#787878; line-height:22px;}
.newlb  .li_con p a{ color:#F80A22; font-weight:bold;}



.li_img1{ width:158px; height:125px;  float:left; padding-bottom: px; padding-top:0px;}


.nk5 .top1{ height:25px; margin-top: 20px; }
.nk5 .top1 p{ font-family:微软雅黑; font-size:18px; color:#0284CF; border-left:3px solid #008cd4; float:left; padding-left:4px;}
.nk5 .tubiao3 img{width: 199px; height: 70px; /*padding-right:50px;*/ padding-top: 15px; float: left;}

.ab ul li{ width:158px; height:125px; margin-left:0px; margin-bottom:3px;}
.current1{ background:url(../images/body5_1.jpg) no-repeat; }/*选中时*/
.current2{ background:url(../images/body5_4.jpg) no-repeat; }/*未选中时*/
.dangqian1{ background:url(../images/body5_3.jpg) no-repeat;}/*选中时*/
.dangqian2{ background:url(../images/body5_2.jpg) no-repeat;}/*未选中时*/

/*底部*/
.footer{ background:url(../images/foot_cj2.jpg) no-repeat; width:100%; height:427px; position:relative;}
.dll{ float:left; padding-bottom:47px;  }
.dll dl{ margin-top:17px; width:122px; float:left; margin-right:70px; text-indent:0px; }
.dll dl dt{ color:#D6D8E7; font-size:16px; font-family:微软雅黑; margin-bottom:12px;}
.dll dl dd a{ font-family:微软雅黑; font-size:12px; color:#9294A3; line-height:24px;}
.dll dl dd a:hover{}
.dl1{ width:130px !important; text-indent:0 !important; border-left:none !important;}
.link{ padding:60px 0 20px 0;}
.link span{ font-family:微软雅黑; font-size:12px; color:#B8B8B8; display:inline-block;}
.link a{ font-family:微软雅黑; color:#B8B8B8; font-size:12px; line-height:24px; padding:0 17px;}
.tz{ position:absolute; left:522px; top:-15px;}

.er{ float:right; margin:-40px -285px 0px 11px;}
.er span{ font-size:14px; color:#676767; display:block; text-align:center;}


.di{ background:url(../images/dibu.jpg)}
.di p{ font-family:微软雅黑; font-size:12px; color:#D7D7E1; padding:5px 0 20px; text-align: center; }
.di p i{ font-family:Arial;}
.di p a{color:#e5e5e5;}
.di .wz2{ font-family:微软雅黑; font-size:12px; color:#D7D7E1; padding:0px 0 20px; text-align: center; }
.di .wz2 a{color:#D7D7E1;