﻿

.c_title { text-align:center; color:#666;}
.c_title ul{ background:url(../images/title_line.png) center no-repeat;}
.c_title h1{ font-family: 'HelveticaLTStd-UltraComp'; text-transform:uppercase; font-size:58px; font-weight:bold; text-align:center}
.c_title h3{ font-size:18px;}


.Demand_btn  * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.Demand_btn  { width:280px;height:50px; margin:auto;padding-top:20px; text-align:center;}
.Demand_btn a {font-size:16px;width:90px;display:block;height:30px;line-height:30px;border:#CCC 1px solid;border-radius:100px; position:relative; padding-right:20px;padding-top:3px; padding-left:15px;overflow:hidden; margin:0 5px; color:#FFF; float:left;}
.Demand_btn a i { display:block; width:19px; height:19px; position:absolute; right:12px; top:8px; background-image:url(../images/icon.png); background-repeat:no-repeat;}



#Demand_list {position:relative;width:100%;overflow:hidden;margin-top:20px; }
#Demand_list *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.Demand_list { position:relative; width:1100px;height:250px;margin:auto; overflow:hidden;} 
.Demand_list ul.mobile{width:100000%;height:250px;position:absolute;top:0; left:0px;}
.Demand_list ul li { width:350px; height:240px; position:relative; margin:5px 0px 5px 16px; float:left; }
.Demand_list ul li div { margin:0px 0 80px 0;}
.Demand_list ul li a.Demand_list_trading{ background:#eee;width:310px; height:130px; display:block; padding:20px; overflow:hidden;}
.Demand_list ul li a.Demand_list_trading span { text-align:left; float:left; display:block;height:130px;}
.Demand_list ul li a.Demand_list_trading span.Dl_l  { text-align: center; width:90px; padding-top:20px;}
.Demand_list ul li a.Demand_list_trading span.Dl_r  { text-align:left;width:200px; border-left:#CCC 1px solid; padding-left:18px;}
.Demand_list ul li a.Demand_list_trading span.Dl_l i{ display:block; width:48px; height:48px; border:#CCC 1px solid;margin:5px auto; background-image:url(../images/icon3.png); background-repeat:no-repeat;border-radius:100px;}
.Demand_list ul li a.Demand_list_trading span.Dl_r h1{ font-size:14px;padding:5px 0; color:#000;}
.Demand_list ul li a.Demand_list_trading span.Dl_r h2{ font-size:12px;padding:5px 0;}
.Demand_list ul li a.Demand_list_trading span.Dl_r h3{ font-size:12px;padding:5px 0;}

.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon01 { background-position:0px 0px;}/*外观设计*/
.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon02 { background-position:0px -45px;}/*结构设计*/
.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon03 { background-position:0px -87px;}/*开模制造*/
.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon04 { background-position:0px -130px;}/*电子设计*/
.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon05 { background-position:0px -172px;}/*制板贴片*/
.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon06 { background-position:0px -215px;}/*组装测试*/

.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon07 {background-position:-77px 0px;}/*网站开发*/
.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon08 {background-position:-77px -45px;}/*APP开发*/
.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon09 {background-position:-77px -87px;}/*微信开发*/
.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon10 {background-position:-77px -130px;}/*嵌入式开发*/
.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon11 {background-position:-77px -172px;}/*平台开发*/
.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon12 {background-position:-77px -215px;}/*定制开发*/

.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon13 {background-position:-164px 0px;}/*家电类*/
.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon14 {background-position:-164px -46px;}/*安全监测类*/
.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon15 {background-position:-164px -87px;}/*家具类*/
.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon16 {background-position:-164px -130px;}/*手环手表类*/
.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon17 {background-position:-164px -172px;}/*头戴类设备*/
.Demand_list ul li a.Demand_list_trading span.Dl_l i.icon18 {background-position:-164px -215px;}/*追踪器类*/



.Demand_list ul li a.Demand_list_trading:hover span.Dl_l i {background-color:#eee;}
.Demand_list ul li a.Demand_list_trading:hover span.Dl_r h1{ color:#3ad1cf; margin-top:10px;}
.Demand_list ul li a.Demand_list_trading:hover { box-shadow:0 2px 5px #999;}







.progress { width:100%; position:relative;}
.progress li{width:16.666666%!important; height:3px!important;background:#cfcfcf; float:left; margin:0 !important;}
.progress li a { position:relative; display:block;}
.progress li a i{ width:12px; height:12px; position: absolute; top:-5px; left:50%; margin-left:-10px; display:block; background:#cfcfcf;border-radius:100px;}
.progress li a span { display: none; position:absolute; background:#fff; width:70px; height:25px; line-height:25px; text-align:center; left:50%; margin-left:-38px;top:20px;border-radius:100px; color:#666}
.progress li a span:after{border:7px solid transparent;border-bottom: 7px solid #fff;width:0;height:0;position: absolute;content:''; top:-13px;left:41%;}
.progress li.cur {background:#3ad1cf;}
.progress li.cur a i {border:#3ad1cf 3px solid;background:#fff;top:-8px;}
.progress li.cur a span {display: block;background:#3ad1cf;color:#fff;}
.progress li.cur a span:after{border-bottom: 7px solid #3ad1cf;}

.progress li.ing  {background:#3ad1cf;}
.progress li.ing a i {background:#3ad1cf;}


.bottom_btn {text-align:center; width:210px; margin:auto;}
.bottom_btn a {height:35px;display:inline-block;text-align:center; border:#666 1px solid;background:#FFF; color:#666; margin:0 2px;}
.but_left,.but_right{width:35px;font-family:"宋体"; font-size:18px; line-height:35px;}
.view_more {  width:120px; line-height:37px;font-size:14px;}
.bottom_btn a:hover  {border:#3ad1cf 1px solid; background:#3ad1cf; color:#FFF;}


.our_service { overflow:hidden;padding-top:20px;background-image:url(../images/xqbg.jpg); background-repeat:repeat-x; background-position:0 -90px; }



/* 选项卡样式一 */
.tab_main1 {position:relative; overflow:hidden; }
.tab_main1 *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.tab1{overflow: hidden; text-align: center;}
.tab1 li{height:35px;line-height:35px;text-align:center; color:#000; font-size:14px; display:inline-block;padding:0 30px; border:#a7a7a7 1px solid; cursor:pointer; margin:0 5px;}
.tab1 li.on{background: #3ad1cf;color:#fff; border:#3ad1cf 1px solid;}
.tab1 li:hover { border:#333 1px solid; background:#333; color:#FFF;}
.con1{position:relative;overflow:hidden; }
.con_main1 { position:relative; overflow:hidden;}



.guest_activity { overflow:hidden;padding-top:80px;padding-bottom:80px; }
.guest_activity *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.guest_activity_list { width:1100px; margin:50px auto auto auto; position:relative; overflow:hidden;height:380px;}
.guest_activity_list ul{ width:2000%; position:absolute; height:380px; left:0; top:0;}
.guest_activity_list ul li{ float:left; width:360px;margin:0px 0px 0px 10px; overflow:hidden;}
.guest_activity_list ul li a{ display:block;background:#eee; padding-bottom:15px; height:263px; overflow:hidden;}
.guest_activity_list ul li a:hover {height:320px;}
.guest_activity_list ul li a img{ display:block;}
.guest_activity_list ul li a h6{ line-height:22px; padding:15px 20px 5px 20px;}
.guest_activity_list ul li a span { display:none;padding:5px 20px 0px 20px; color:#FFF; line-height:22px;opacity: 0;filter: alpha(opacity=0);}
.guest_activity_list ul li a:hover span { display:block;opacity: 1;filter: alpha(opacity=100);}
.guest_activity_list ul li a:hover  { background:#3ad1cf; }
.guest_activity_list ul li a:hover h6{color:#FFF;}
.guest_activity_list ul li a:hover img {  transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);}




#hot_broadcasting {}
#hot_broadcasting *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.hot_broadcasting { width:100%;padding-bottom:20px; overflow:hidden; background:#f7f7f7; position:relative; padding-top:80px;}
.hot_broadcasting *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.hot_broadcasting_list { width:1100px; margin:50px auto auto auto; position:relative; overflow:hidden;height:380px;}
.hot_broadcasting_list ul{ width:2000%; position:absolute; height:380px; left:0; top:0;}
.hot_broadcasting_list ul li{ float:left; width:360px;margin:0px 0px 0px 10px; overflow:hidden;}
.hot_broadcasting_list ul li a{ display:block;background:#fff; padding-bottom:15px; height:263px; overflow:hidden;}
.hot_broadcasting_list ul li a:hover {height:320px;}
.hot_broadcasting_list ul li a img{ display:block;}
.hot_broadcasting_list ul li a h6{ line-height:22px; padding:15px 20px 5px 20px;}
.hot_broadcasting_list ul li a span { display:none;padding:5px 20px 0px 20px; color:#FFF; line-height:22px;opacity: 0;filter: alpha(opacity=0);}
.hot_broadcasting_list ul li a:hover span { display:block;opacity: 1;filter: alpha(opacity=100);}
.hot_broadcasting_list ul li a:hover  { background:#3ad1cf; }
.hot_broadcasting_list ul li a:hover h6{color:#FFF;}
.hot_broadcasting_list ul li a:hover img {  transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);}



/* 选项卡样式二 */
.tab_main2 {position:relative; overflow:hidden; }
.tab_main2 *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.tab2{overflow: hidden; text-align: center; background:url(../images/tab2_line.png) repeat-x left 90px;}
.tab2 li{ display:inline-block;}
.tab2 li.on{}
.tab2 li a {display:block; float:left; width:100px;text-align:center; position:relative;}
.tab2 li a h6{ font-size:16px; width:100px; position:absolute; z-index:9; top:55px;}
.tab2 li a span { position:absolute; top:0px; width:100px; height:35px; display:block;border-radius:5px;}
.tab2 li a i{border-radius:100%; width:7px; height:7px;display:block; background:#FFF; border:#cecece 3px solid; margin:85px auto auto auto;}
.tab2 li a:hover h6,.tab2 li.on a h6{color:#FFF;top:48px;}
.tab2 li a:hover span,.tab2 li.on a span{background:#3ad1cf;top:40px;}
.tab2 li a:hover span:after,.tab2 li.on a span:after{border:7px solid transparent;border-top: 7px solid #3ad1cf;width:0;height:0;position: absolute;content:''; bottom:-13px;left:42%;}
.tab2 li a:hover i,.tab2 li.on a i{ border:#3ad1cf 3px solid;}
.con2{position:relative;overflow:hidden; }
.con_main2 { position:relative; overflow:hidden; width:1100px; margin:auto;}




.Successful_cases {width:100%;padding-bottom:20px; overflow:hidden; background:#ededed; position:relative; padding-top:80px;}


/* 选项卡样式三 */
.tab_main3 {position:relative; overflow:hidden; margin-top:30px;}
.tab_main3 *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.tab3{overflow: hidden; text-align: center;}
.tab3 li{height:35px;line-height:35px;text-align:center; color:#000; font-size:14px; display:inline-block;padding:0 30px; border:#a7a7a7 1px solid; cursor:pointer; margin:0 5px;}
.tab3 li.on{background: #3ad1cf;color:#fff; border:#3ad1cf 1px solid;}
.tab3 li:hover { border:#333 1px solid; background:#333; color:#FFF;}
.con3{position:relative;overflow:hidden; }
.con_main3 { position:relative; overflow:hidden; width:1100px; margin:auto;}




.Cooperation_agency {width:100%;padding-bottom:80px; overflow:hidden; background:#fff; position:relative; padding-top:80px;}
.Cooperation_agency *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.Cooperation_agency_list { width:1100px; margin:auto; overflow:hidden; padding:60px 0;}
.Cooperation_agency_list a{  float:left; margin:5px 0px;border:#fff 5px solid;}
.Cooperation_agency_list a img { display:block;border:#CCC 1px solid;}
.Cooperation_agency_list a:hover { border:#3ad1cf 5px solid; background:#fff; }





#latest_demand {}
#latest_demand *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; }
.latest_demand { width:100%;padding-bottom:20px; overflow:hidden; background:#f7f7f7; position:relative; padding-top:80px;}
.latest_demand_list { width:1100px; margin:50px auto auto auto;  overflow:hidden;height:380px;position:relative; }
.latest_demand_list ul{ width:2000%; position:absolute; height:380px; left:0; top:0;}
.latest_demand_list ul li{ float:left; width:360px;margin:0px 10px 0px 0px;  background:#f7f7f7; }
.latest_demand_list ul li a { overflow:hidden; width:360px; height:225px; display:block;}
.latest_demand_list ul li a img {}
.latest_demand_list ul li a:hover img {  transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);}
/*.latest_demand_list ul li span{float:left; width:130px; padding:20px 20px 10px 20px; font-size:12px;}
.latest_demand_list ul li span h5 { font-size:16px; padding:5px 0;}
.latest_demand_list ul li span h5 i{font-family: 'HelveticaLTStd-UltraComp';font-size:26px; font-style:normal; color:#3ad1cf; }*/
.xq_btn { float:right; width:140px; padding:20px 10px; }
.xq_btn a {position:relative;width:40px!important; height:40px!important; border:#CCC 1px solid; float:left; margin:0 2px; background-image:url(../images/icon8.png); background-repeat:no-repeat;overflow:visible!important;}
.xq_btn a p { display:none;position:absolute;bottom:-122px;left:-213px;width:340px; height:80px;background:#f6f6f6;z-index:9; padding:15px 10px;text-align:center;box-shadow:0px 5px 5px #ccc inset;}
.xq_btn a p:after{border:10px solid transparent;border-bottom: 10px solid #ccc;width:0;height:0;position: absolute;content:''; top:-19px;left:62%;}
.xq_btn a p img { border:#CCC 1px solid;display:block; float:left; margin:0 4px;}
.xq_btn a:hover p {display:block!important;}
.xq_btn a p img:hover{border:#3ad1cf 1px solid;}
.xq_btn a h6 { display:none; position:absolute; bottom:-50px;left:-30px;width:100px; height:35px; text-align:center; line-height:35px; background:#00a0e9; color:#FFF;border-radius:100px; z-index:9;}
.xq_btn a h6:after{border:7px solid transparent;border-bottom: 7px solid #00a0e9;width:0;height:0;position: absolute;content:''; top:-13px;left:41%;}
.xq_btn a:hover { border:#3ad1cf 1px solid; background-color:#3ad1cf;}
.xq_btn a:hover h6 {display:block;}
.xq_btn a.xqbtn1 {background-position:-3px -3px;}
.xq_btn a.xqbtn2 {background-position:-3px -50px;}
.xq_btn a.xqbtn3 {background-position:-3px -95px;}
.xq_btn a.xqbtn1:hover {background-position:-56px -3px;}
.xq_btn a.xqbtn2:hover {background-position:-56px -50px;}
.xq_btn a.xqbtn3:hover {background-position:-56px -95px;}

.ld_tip { text-align:left; display:block;padding:20px 10px 20px 20px; position:relative;}
.ld_tip h2 { width:200px; display:block; margin-bottom:20px;font-size:16px;}
.ld_tip span { widows:100%;color:#666;}
.ld_tip h4{ font-size:12px; display:inline-block; padding-left:20px; margin-right:19px; background-image:url(../images/icon9.png); background-repeat:no-repeat;}
.ld_tip h4.ld1 { background-position:-5px -9px;}
.ld_tip h4.ld2 { background-position:-5px -50px;}
.ld_tip h4.ld3 { background-position:-5px -90px;}

.ld_tip h1 { position:absolute; right:30px; top:5px; height:50px;padding:5px 0;font-size:16px;}
.ld_tip h1 i {font-family: 'HelveticaLTStd-UltraComp';font-size:36px; font-style:normal; color:#3ad1cf; }





.login { width:300px; margin:auto;}
.input1 { border:#CCC 1px solid; height:40px; line-height:40px; margin:auto; width:250px; padding:0 20px; color:#000; outline: none;}
.input2 { border:#CCC 1px solid; height:40px; line-height:40px; margin:auto; width:150px; padding:0 20px; color:#000;margin-top:5px;outline: none;}
.yxm_btn {border:#CCC 1px solid; height:42px; line-height:42px; margin:auto; width:95px;  text-align:center;margin-top:5px;margin-left:5px; cursor:pointer; vertical-align:top;outline: none;}
.yxm_btn:hover { background:#3ad1cf; color:#FFF;}
.dl_btn {background:#3ad1cf; border:#3ad1cf 1px solid; color:#FFF;height:45px; line-height:45px; padding:0 20px;margin:5px auto; width:292px;cursor:pointer;display:block;outline: none;}
.dl_btn:hover {background:#fff; color:#000;}
.link_t { padding-top:10px;display:block; text-align:center;}
.link_t a { color:#666;}
.link_t a:hover {color:#3ad1cf;}







 <!--  弹窗-广告  -->

.leyuRightbox {
	position: fixed;
	display: block;
	top: 108px;
	right: 0px;
	width: 170px;
	height: 368px;
	background: url(../images/62630.png)
}

.leyuCenterbox {
	width: 600px;
	height: 348px;
	position: fixed;
	top: 50%;
	margin-top: -200px;
	left: 50%;
	margin-left: -300px;
	display: none;
	z-index: 99999;
}

.leyuCenter_inner {
	position: relative;
	width: 100%;
	height: 100%;
	background: url(../images/73385.jpg)
}

.leyuCenter_link {
	position: absolute;
	display: block;
	left: -10px;
	bottom: 0px;
	width: 500px;
	height: 290px
}

.leyuCenter_close {
	position: absolute;
	display: block;
	left: 560px;
	bottom: 52px;
	width: 28px;
	height: 284px;
	background: url(../images/73386.png) no-repeat;
	cursor: pointer;
}

 <!--  弹窗-广告  -->
