/*电脑端*/	

@media only screen and (max-width: 1600px) {
    .logo{margin-left: 10px;}
    .tel-r{margin-right: 10px;}
    .nav li{margin:0 20px;}
	.obj-a{top:35%;margin-left:-30%; z-index:130;}
	
	}
   

@media screen and (min-width:1280px) and (max-width:1440px){
/*内容区*/
.list_main{margin: 0 auto; width:96%; padding-bottom: 20px;}
.list_seo .s_contact{float: left; display: block;margin-top:4.5%;width:55%; }
	
/*关于*/
.about-number-info ul {padding:20px 0;}
.q {zoom: 1; }
.about-number-info li {float: left;width:18%;margin-left:2.5%;}
.about-number-info li:first-child {margin-left:0;}
.about-number-info li b {font-weight: bold;font-size:60px; font-family:"Arial"; display:block; border-radius: 10px;  padding:35px 0; background: #EE9713;color: #fff; text-align: center; position: relative;}
.about-number-info li p {font-size: 16px; text-align: center; padding:13px 0;}
.about-number-info li b sup{position: absolute;width:100%; height:4px; background: url(/images/about_line.jpg) center repeat-x;top:65px; z-index: 5; left: 0;}
}

@media only screen and (max-width: 1024px) {
	
/*广告*/	
.obj-a{top:30%;margin-left:-41%; z-index:130;}
.obj-d{top:30%;margin-left:-41%;}

/*项目*/
.index_project{margin: 0 auto; width:99%; padding:4rem 0;}
.index_project li{width:20%; float: left; display: block;}
.index_project li i{ margin:0 auto; width:170px; height:170px; display: block; font-size:6rem; color: #8A8A8A; border: solid 1px #CCCCCC; border-radius: 100%; padding: 2rem;text-align:center; cursor:pointer;}
.index_project li i:hover{color: #EE9713; border: solid 1px #EE9713;box-shadow: 0px 0px 10px #EE9713; transform: rotate(360deg); transition:1s;}
.index_project li span{display: block; text-align: center; margin-top:.8rem; font-size:1.2rem;}
.index_project li p{display: block; padding: 0 40px; color: #444; line-height:1.8rem; font-size:.9rem; margin-top: 1rem;}

/*关于*/
.about-number-info ul {padding:20px 0;}
.q {zoom: 1; }
.about-number-info li {float: left;width:18%;margin-left:2.5%;}
.about-number-info li:first-child {margin-left:0;}
.about-number-info li b {font-weight: bold;font-size:60px; font-family:"Arial"; display:block; border-radius: 10px;  padding:35px 0; background: #EE9713;color: #fff; text-align: center; position: relative;}
.about-number-info li p {font-size: 16px; text-align: center; padding:13px 0;}
.about-number-info li b sup{position: absolute;width:100%; height:4px; background: url(/images/about_line.jpg) center repeat-x;top:65px; z-index: 5; left: 0;}

/*内容区*/
.list_main{margin: 0 auto; width:96%; padding-bottom: 20px;}
.list_seo .s_contact{float: left; display: block;margin-top:4.5%;width:50%; }
}




/*手机端*/	
@media only screen and (max-width:960px) {
/*导航*/	
#nav-bg{background-color: #000;}
.inside #nav-bg{background-color: #000;}
#nav-bg .head-bg{position: static;}
.menuBtn{display: block; z-index:99999;}
.logo{display: none;}
.mo-logo{display: block;}
.tel-r{margin-top:30px;padding-left: 0;width: 28px;height:28px;background: url(/images/mtel.png) no-repeat left top;}
.tel-r span{display: none;}
.nav{overflow-y:scroll;height: 100%;padding-top:96px;display: none;position: fixed;left: 0;width:100%;text-align: left;background-color: #000;}
.nav li{clear: both;line-height: 48px;padding-left:10px;margin: 0;float: none; }
.nav li em{margin-left: 6px;display: inline-block;background: url(/images/nav-om-d.png) no-repeat center center;width: 11px;height: 11px;}
.nav li .head{position: static;background-color: #000;height: auto;margin-left:0px;}
.nav dd{padding:0 5px;background-color: #000;}
.nav dd:hover{color:#EE9713;}
.tel-r span{position: absolute;padding:0 10px;right: 40px;top: 20px;font-size: 14px;color: #000;line-height: 24px;}
}


@media only screen and (min-width:320px) and (max-width:900px) {
	
/*动画*/
.slide-main{width:100%; margin:0 auto; padding-top:90px;}
.slide-main .prev,.slide-main .next{display:block;width:30px;height:30px; color: #bfbfbf; position:absolute;z-index:22;padding:14% 0;overflow:hidden;cursor:pointer;opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40);_border:1px solid none;}
.slide-main .prev{left:10px;}
.slide-main .next{right:10px;}
.slide-main .prev:hover,.slide-main .next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.slide-main i{font-size:2rem;}
.item{display:block;width:100%;position:absolute;z-index:124;left:0;text-align:center;}
.slide-box,.slide{display:block;width:100%;}
.slide-box{display:block;}
.slide{display:none;}
#bgstyle{margin:0 auto; width:100%; height:100%;position:relative;}
#bgstyle img{width:100%; display:block;}
#bgstyle h1{margin:0 auto; color:#FFFFFF; text-align: left; font-size:1.4rem; font-weight:normal; text-shadow: 0px 2px 2px #000;display:block;}
#bgstyle p{color:#FFF; font-size:0.7rem; display:block; margin:0 auto; clear:both; padding-top:5px;text-shadow: 0px 2px 2px #000; text-align: left;}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){#bgstyle a{display:block; width:235px; margin:0 auto; text-align:center; background:#0074AD; color:#FFFFFF;font-family:'Impact'; font-size:24px; border:solid 1px #FFFFFF; margin-top:30px;}}
.slide a{display:block;width:100%;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e{text-align:center !important;}
.obj-a{top:40%;margin-left:-45%;}
.obj-a img{width:94% !important; display:block;}
.obj-b{top:15%;margin-left:-30%;}
.obj-b img{width:55% !important; display:block;}
.obj-c{top:30%;margin-left:-30%;}
.obj-d{top:30%;margin-left:-43%;}
	
	
	
 /*项目*/
.index_project_title{margin: 0 auto; width: 100%;}
.index_project_title span{font-family:"Times New Roman"; display: block;text-align: center; color: #EE9713; font-size:1.3rem; font-weight: bold; font-style: italic;}
.index_project_title p{display: block; text-align: center; background: url(/images/i_line.png) center bottom no-repeat;  font-size:1.4rem; color: #222; padding-bottom: 10px;}
.index_project{margin: 0 auto; width:98%; padding:4rem 0;}
.index_project li{width:96%; float: left; display: block;}
.index_project li i{ margin:0 auto; width:170px; height:170px; display: block; font-size:6rem; color: #8A8A8A; border: solid 1px #CCCCCC; border-radius: 100%; padding: 2rem;text-align:center; cursor:pointer;}
.index_project li i:hover{color: #EE9713; border: solid 1px #EE9713;box-shadow: 0px 0px 10px #EE9713; transform: rotate(360deg); transition:1s;}
.index_project li span{display: block; text-align: center; margin-top:.8rem; font-size:1.4rem;}
.index_project li p{display: block; padding: 0 40px; color: #444; line-height:1.8rem; font-size:.9rem; margin-top: 1rem;}

/*案例*/
.index_case_title{margin: 0 auto; width: 100%;}
.index_case_title span{display: block;text-align: center; background: url(/images/i_line.png) center bottom no-repeat;  font-size:1.8rem; color: #fff; padding-bottom: 15px;}
.index_case_title p{display: block; text-align: center; color: #fff; margin-top: 1rem;}
.index_case{margin: 0 auto; width:99%; padding-top:3rem;}
.index_case li{float: left;width:49.4%;}
.index_case .con{display: block;overflow: hidden;}
.index_case .pic{height: 0;padding-top:100%;position: relative;overflow: hidden;}
.index_case .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.6s;}
.index_case .pic img:hover{transform: scale(1.2);}
.index_case a:hover img{opacity: 1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} 
.index_case .pic em{display: block;width: 60px;height: 60px; position: absolute;left: 50%;top: 50%;margin-left: -30px;margin-top: -30px;background: url(/images/ico-so.png) no-repeat center center; opacity: 0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 0); transition: 1s;}
.index_case .hide-txt{position: absolute;left: 0;right: 0;bottom: -115px;padding: 15px 20px;background-color: #EE9713;color: #fff;line-height: 2;font-size: 13px;transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.index_case .hide-txt p{max-height: 6em;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.index_case h4{font-size:1rem;color: #BEBEBE;text-align: center;line-height: 55px;overflow: hidden;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;}
.index_case a:hover em{opacity: 1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100);}
.index_case a:hover .hide-txt{bottom: 0;}	
	
/*关于*/
.about-number-info {margin: 0 auto; width: 100%;}
.about-number-info .about-number-inner {width: 100%;margin: 0 auto;}
.about-number-info ul {padding:20px 0;}
.q {zoom: 1; }
.about-number-info li {width:99%; margin: 0 auto;}
.about-number-info li b {font-weight: bold;font-size:80px; font-family:"Arial"; display:block; border-radius: 10px;  padding:35px 0; background: #EE9713;color: #fff; text-align: center; position: relative;}
.about-number-info li p {font-size: 16px; text-align: center; padding:13px 0;}
.about-number-info li b i {font-style: normal;}
.about-number-info li b sup{position: absolute;width:100%; height:4px; background: url(/images/about_line.jpg) center repeat-x;top:75px; z-index: 5; left: 0;}

/*新闻*/
.index_news{margin:0 auto; width:98%; padding:3rem 0;}
.index_news li{width:98%; float:left; display:block; margin-left:1%;overflow: hidden;}
.index_news li h1{display:block; font-size:18px; font-weight:normal; text-align:center; margin-top:15px; color: #222;}
.index_news li p{display:block; line-height:25px; padding:10px; color:#666;}
.index_news li img{display:block; width:100%;transition: all 0.6s;}
.index_news li img:hover{transform: scale(1.2); border:none;}

/*联系*/
.index_contact{margin: 0 auto; width:90%; padding:3rem 0;}
.index_contact li{float:left; width:100%; display: block;color:#B3B3B3; margin-bottom:2%;}
.index_contact li i{font-size:3rem; float: left; display: block;}
.index_contact li p{font-size:1rem;}
.index_contact li span{margin-top:5px; display: block;}
.index_contact li a{color:#B3B3B3;}
.index_contact li a:hover{color:#EE9713;}
	
.index_message{margin: 0 auto; width: 90%; padding-bottom: 3rem;}
.index_message .l_message{float:left; width:100%;}
.index_message .l_message li{display: block;width:100%; margin-bottom: 15px;}
.index_message .l_message input{height:45px;resize:none; width: 100%;border: medium none !important; background: #363636; border-radius: 5px; padding-left: 10px; color: #9E9E9E;}
.index_message .r_message{float:right; width:100%;}
.index_message .r_message textarea{height:226px;resize:none; width: 100%;border: medium none !important; background: #363636; border-radius: 5px; padding:20px; color: #9E9E9E; font-size:.9rem;}
.index_message .guestbook_btn{ margin: 0 auto; width: 130px; height:40px;border:none;background:#EE9713;color:#FFF; font-size: 16px; border-radius:8px; margin-top:20px; margin-left:110px;}
.index_message .guestbook_btn:hover{ background:#222; color: #EE9713; border: solid 1px #EE9713; transition: 1s;}

/*内页广告*/
.list_banner{margin: 0 auto; width: 100%; height:200px; margin-top: 90px; position: relative;}
.list_banner .title{color: #fff; position: absolute; left:5%; top:27%;text-shadow: 0px 1px 2px #000; font-size:.8rem;}
.list_banner .title h1{font-size:1.4rem;}

/*位置导航*/
.location{margin: 0 auto; width: 100%; background: #f2f2f2; height:50px; line-height:50px;}
.location .sub_menu{margin: 0 auto; width:90%; color: #999;}

/*案例栏目*/
.list_case{margin: 0 auto; width: 100%; padding-top:3rem;}
.list_case li{float: left;width:49%; margin:0 0.5% 0.5% 0.5%}
.list_case .con{display: block;overflow: hidden;}
.list_case .pic{height: 0;padding-top:100%;position: relative;overflow: hidden;}
.list_case .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.6s;}
.list_case .pic img:hover{transform: scale(1.2);}
.list_case a:hover img{opacity: 1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} 
.list_case .pic em{display: block;width: 60px;height: 60px; position: absolute;left: 50%;top: 50%;margin-left: -30px;margin-top: -30px;background: url(/images/ico-so.png) no-repeat center center; opacity: 0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 0); transition: 1s;}
.list_case .hide-txt{position: absolute;left: 0;right: 0;bottom: -115px;padding: 15px 20px;background-color: #EE9713;color: #fff;line-height: 2;font-size: 13px;transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.list_case .hide-txt p{max-height: 6em;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.list_case h4{font-size:1rem;color:#212121;text-align: center;line-height: 55px;overflow: hidden;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;}
.list_case a:hover em{opacity: 1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100);}
.list_case a:hover .hide-txt{bottom: 0;}

/*服务栏目*/
.list_project{margin: 0 auto; width:100%; padding:4rem 0;}
.list_project li{width:100%; float: left; display: block;}
.list_project li i{ margin:0 auto; width:170px; height:170px; display: block; font-size:6rem; color: #EE9713; border: solid 1px #CCCCCC; border-radius: 100%; padding: 2rem;text-align:center; cursor:pointer;}
.list_project li i{ margin:0 auto; width:170px; height:170px; display: block; font-size:6rem; color: #EE9713; border: solid 1px #CCCCCC; border-radius: 100%; padding: 2rem;text-align:center; cursor:pointer;}
.list_project li i:hover{color: #EE9713; border: solid 1px #EE9713;box-shadow: 0px 0px 10px #EE9713; transform: rotate(360deg); transition:1s;}
.list_project li span{display: block; text-align: center; margin-top:.8rem; font-size:1.4rem;}
.list_project li p{display: block; padding: 0 40px; color: #444; line-height:1.8rem; font-size:.9rem; margin: 1rem 0; text-align: center;}

.index_Process{margin: 0 auto; width:100%; padding:4rem 0;}
.index_Process li{width:100%; float: left; display: block;}
.index_Process li i{ margin:0 auto; width:130px; height:130px; display: block; font-size:3.5rem; color: #EE9713; border: solid 1px #CCCCCC; border-radius: 100%; padding: 2rem;text-align:center; cursor:pointer;}
.index_Process li i:hover{color: #EE9713; border: solid 1px #EE9713;box-shadow: 0px 0px 10px #EE9713; transform: rotate(360deg); transition:1s;}
.index_Process li span{display: block; text-align: center; margin-top:.8rem; font-size:1.2rem;}
.index_Process li p{display: block; padding: 0 40px; color: #999; line-height:1.8rem; font-size:.9rem; margin:1rem 0; text-align: center;}
	
/*推广栏目*/
.list_seo{margin: 0 auto; width:100%; padding:4rem 0;}
.list_seo img{display: block; margin: 0 auto; width: 100%;}
.list_seo .s_contact{display: block;margin-top:4.5%;width:100%; }
.list_seo .s_contact h1{display: block; font-size:2.5rem;}
.list_seo .s_contact p{line-height:2rem; font-size:1rem; margin-top: 1%;}
.b_title{display: block; font-size: 1rem; text-align: center; margin-top: 2rem; color: #666;}

.seo_tedain{margin: 0 auto; width:100%; padding:4rem 0;}
.seo_tedain li{width:100%; float: left; display: block;}
.seo_tedain li i{ margin:0 auto; width:150px; height:150px; display: block; font-size:4rem; color: #EE9713; border: solid 1px #CCCCCC; border-radius: 100%; padding:2.5rem;text-align:center; cursor:pointer;}
.seo_tedain li i:hover{color: #EE9713; border: solid 1px #EE9713;box-shadow: 0px 0px 10px #EE9713; transform: rotate(360deg); transition:1s;}
.seo_tedain li span{display: block; text-align: center; margin-top:.8rem; font-size:1.2rem;}
.seo_tedain li p{display: block; padding: 0 40px; color: #999; line-height:1.8rem; font-size:.9rem; margin:1rem 0; text-align: center;}

.list_alibaba{margin: 0 auto; width:100%; padding:4rem 0;}
.list_alibaba li{width:100%; display: block;}
.list_alibaba li i{ margin:0 auto; width:150px; height:150px; display: block; font-size:4rem; color: #EE9713; border: solid 1px #CCCCCC; border-radius: 100%; padding:2.5rem;text-align:center; cursor:pointer;}
.list_alibaba li i:hover{color: #EE9713; border: solid 1px #EE9713;box-shadow: 0px 0px 10px #EE9713; transform: rotate(360deg); transition:1s;}
.list_alibaba li span{display: block; text-align: center; margin-top:.8rem; font-size:1.2rem;}
.list_alibaba li p{display: block; padding: 0 40px; color: #999; line-height:1.8rem; font-size:.9rem; margin:1rem 0; text-align: center;}

/*联系栏目*/
.list_contact{margin: 0 auto; width: 90%; padding:3rem 0;}
.list_contact li{float:left; width:100%; display: block; margin-bottom: 1%;}
.list_contact li i{font-size:3rem; float: left; display: block; color: #EE9713;}
.list_contact li p{font-size:1rem;}
.list_contact li span{margin-top:5px; display: block;}

 /*新闻栏目*/
.list_news{margin:0 auto; width:100%; padding:3rem 0;}
.list_news li{width:49%; float:left; display:block;overflow: hidden; margin: 0 0.5% 0.8% 0.5%;}
.list_news li h1{display:block; font-size:1.1rem; height:1.7rem; font-weight:normal; text-align:center; margin-top:15px; color: #222; overflow: hidden;}
.list_news li p{display:block; line-height:25px; padding:10px; color:#666;}
.list_news li img{display:block; width:100%;transition: all 0.6s;}
.list_news li img:hover{transform: scale(1.2); border:none;}

	
}