/*=============================

style.css

for cp.gaoshouyou.com

2014/07/24

Version 1.0

===============================*/

/*reset-begin*/

body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

form,

fieldset,

button,

input,

textarea,

p,

blockquote,

th,

td {margin: 0;padding:0;}

body { font:13px/22px Arial, Helvetica, sans-serif; color:#666; }

fieldset,

img,

abbr,

acronym { border:0; }

h1,

h2,

h3,

h4,

h5,

h6 { font-weight:normal; font-size:100%; }

iframe { display:block; }

ol,

ul { list-style:none; }

table { border-collapse:collapse; border-spacing:0; }

caption,

th { text-align:left; }

hr { border:none; height:0px;border-top:1px dashed #ccc;margin:20px 0;}

sup { vertical-align:text-top; }

sub { vertical-align:text-bottom; }

address,

caption,

cite,

code,

dfn,

em,

th,

var { font-weight:normal; font-style:normal; }

blockquote:before,

blockquote:after,

q:before,

q:after { content:''; }

blockquote,

q { quotes:'' ''; }

select,

input,

button,

textarea { font-family:Tahoma, Arial, sans-serif; font-size:100%; font-style:normal; font-weight:normal; line-height:normal; vertical-align:middle;outline:none}

html { overflow-y:scroll; }

/*reset-over*/



/*==clear==*/

.clearfix:after { clear:both; content:'020'; display:block; visibility:hidden; height:0; }

.clearfix { display:inline-block; }

* html .clearfix { height:1%; }

.clearfix { display:block; }

.clearall { clear:both; visibility:hidden; height:0; font-size:0; line-height:0; }



html{background:#fff;}

body{ position:relative;width:100%;height:100%;}

a{color:#666; text-decoration:none;}

a:hover{color:#0CC;}

.sp{padding:0 0.5em; opacity:0.5;}

.link{color:#0cc6c6;}



.head{width:100%;background-color:#fff;border-top:5px solid #0cc6c6;border-bottom:5px solid #eee;}

.head-box,.foot-box{width:1000px;margin:0 auto;}

.head-logo{float:left;width:150px;height:50px;margin:10px 0 15px;}

.head-logo a{display:block;width:100%;height:100%; background:url(../images/head-logo.png) 0 0 no-repeat; text-indent:-9999em;overflow:hidden; background-size:auto 100%;}

.head-nav{float:left;line-height:75px;overflow:hidden;height:75px;margin-left:20px;}

.head-nav li{float:left;}

.head-nav li a{display:block;padding:0 20px;font-size:16px;}

.head-nav li a:hover{ }

.head-nav li.active a{ background-color:#0cc6c6;color:#fff;border-left:3px solid #00abab;}

.head-login{float:right;height:75px;position:relative;overflow:hidden;}

.head-login-icon{display:block;height:28px;width:28px;margin:0 auto;overflow:hidden;border-radius:40px 40px 0 0;background:url(../images/userico.png) center center no-repeat; text-indent:-9999em;animation: head 0.5s infinite alternate;-webkit-animation: head 0.5s infinite alternate; cursor:pointer;}

.head-login-cps,.head-login-dev{float:left;font-size:12px;width:60px; text-align:center; display:block;margin:13px 0 0 5px;}

.head-login-cps:hover .head-login-icon{border-color:#0cc6c6; background-image:url(../images/userico-a.png)}

.head-login-dev .head-login-icon{ background-image:url(../images/devico.png);}

.head-login-dev .head-login-icon{ background-image:url(../images/devico.png);}

.head-login-dev:hover .head-login-icon{border-color:#0cc6c6; background-image:url(../images/devico-a.png)}

@keyframes head

{

0% {background-position:center center;}

100%{background-position:center 4px;}

}

@-webkit-keyframes head

{

0% {background-position:center center;}

100%{background-position:center 4px;}

}



.index-banner{width:100%;position:relative;overflow:hidden;}

.index-banner div{height:100%;}

.index-banner a{display:block;width:100%;height:auto;}

.index-banner img{display:block;margin:0 auto;height:100%; width:auto;}

.slidesjs-pagination{ position:absolute;bottom:15px;left:0;width:100%;text-align:center; z-index:10;line-height:6px;}

.slidesjs-pagination-item{display:inline-block;margin:0 0.5em; box-shadow:0 0 3px #999;}

.slidesjs-pagination-item a{display:block;width:21px;height:6px; background-color:#f7f7f7; text-indent:-9999em;overflow:hidden;border-radius:20px;}

.slidesjs-pagination-item a.active{ background-color:#0cc6c6;}

.index-banner .ib-1{ background:#7393a2 url(../images/ib-b1.png) center 0 no-repeat; background-size:auto 100%;}

.index-banner .ib-2{ background:#67b216 url(../images/ib-b2.png) center 0 no-repeat; background-size:auto 100%;}

.index-banner .ib-3{ background:#ff9a22 url(../images/ib-b3.png) center 0 no-repeat; background-size:auto 100%;}



.count{width:100%;overflow:hidden;}

.count .box-w{width:1000px;margin:0 auto;}



.index-service{width:100%;overflow:hidden;padding:30px 0;}

.index-service li{width:25%;float:left;position:relative;overflow:hidden;}

.index-service li .icon{width:160px;height:160px; background:url(../images/is-icon.png) 0 0 no-repeat;margin:0 auto;}

.index-service li a{display:block;padding:30px 0;width:100%;}

.index-service li h2{font-size:20px;line-height:30px;height:30px;text-align:center;}

.index-service li p{line-height:20px;padding:0 30px;color:#bbb;margin-top:15px;}

.index-service li a:hover{ background-color:#0cc6c6}

.index-service li a:hover h2{color:#fff;font-weight:bold;font-size:24px;}

.index-service li a:hover p{color:#fff}

.index-service li .icon.icon1{ background-position:0 0;}

.index-service li .icon.icon2{ background-position:-160px 0;}

.index-service li .icon.icon3{ background-position:-320px 0;}

.index-service li .icon.icon4{ background-position:-480px 0;}

.index-service li a:hover .icon.icon1{ background-position:0 -160px;}

.index-service li a:hover .icon.icon2{ background-position:-160px -160px;}

.index-service li a:hover .icon.icon3{ background-position:-320px -160px;}

.index-service li a:hover .icon.icon4{ background-position:-480px -160px;}



.index-news{float:left;width:460px;}

.h{height:20px;line-height:20px;margin-bottom:20px; position:relative;}

.h h3{font-weight:bold;border-left:5px solid #0cc6c6;padding-left:10px;font-size:16px;}

.h .more{ position:absolute;right:0;top:0;}

.h .more a{display:block;padding:0 6px; background-color:#ccc;color:#fff;border-radius:10px;font-weight:bold;line-height:16px;margin:2px 0;}

.h .more a:hover{ background-color:#0cc6c6;}



.text-list li{ list-style:inside disc;margin-bottom:6px;line-height:20px;height:20px;overflow:hidden;}

.text-info{float:right;color:#999;}



.index-show{float:right;width:470px;overflow:hidden;}

.index-show a{display:block;}

.index-show a img{display:block;width:100%;height:100%;}

.index-show .is-2{float:right;width:165px;height:165px;}

.index-show .is-1{float:left;width:295px;height:165px;}



.count-top{
	height:400px;
	overflow:hidden;
	padding-bottom:40px;
	background-color: #C5EBD8;
}

.count-top img{width:1000px;margin:0 auto;display:block;}

.count-nav{ position:relative;top:-40px;width:100%;overflow:hidden;border-top:3px solid #e7e7e7;text-align:center;font-size:18px;line-height:40px; background:#f5f5f5 url(../images/cnb.png) 0 bottom repeat-x; z-index:99;}

.count-nav a{ display:inline-block;width:160px;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;margin-left:-1px;}

.count-nav a.active{color:#0cc6c6;font-weight:bold; background-color:#fff;}

.count-nav.fix{ position:fixed;top:0;left:0;}



.page-title{ text-align:center;font-size:30px;border-bottom:1px solid #eee;line-height:60px;width:100%;margin:0 auto;font-weight:bold;}



.show-title{font-size:24px; text-align:center;}

.show-text{padding:40px 0;width:1000px;margin:0 auto;}

.show-img img{display:block;margin:0 auto;}

.show-icon{width:1000px;margin:0 auto;}

.show-icon ul{width:100%;overflow:hidden;}

.show-icon li{width:16.6%;float:left; text-align:center;font-size:16px;margin-top:40px;}

.show-icon li img{display:block;margin:0 auto 10px;width:96px;}

.show-list{width:1000px;margin:0 auto;overflow:hidden;}

.show-list li{width:23%;margin:1%;float:left;}

.show-list li img{display:block;width:99%;height:auto;margin:0 auto;border:1px solid #eee;}

.sp-1{ background-color:#fff;padding:100px 0;}

.sp-2{ background-color:#3895EC;padding:100px 0;color:#fff;}

.sp-3{ background-color:#fff;padding:100px 0;}

.sp-4{ background-color:#F66;padding:100px 0;color:#fff;}

.sp-5{ background-color:#fff;padding:100px 0;}

.sp-6{background-color:#eee;padding:100px 0;margin-bottom:100px;}

.sp-7{background-color:#fff;padding:100px 0;}

.sp-btn{width:300px;margin:0 auto; display:block;margin-top:40px; text-align:center; background-color:#FC0;color:#fff;height:60px;line-height:60px;font-size:24px;border-radius:8px;border-bottom:5px solid #fB0;}

.sp-btn:hover{ background-color:#F60; border-color:#C30;color:#fff;}



.pro-steps{overflow:hidden;width:1000px;height:150px;margin:0 auto;}

.pro-steps li{width:15%;height:100%;margin:0 2.5%;float:left; text-align:center; position:relative; cursor:pointer; background-color:#ccc;border-radius:12px;}

.pro-steps li em{display:block;width:94%;height:94%;line-height:140px;background-color:#fff;;font-size:16px;border-radius:10px;color:#999;margin:3%;}

.pro-steps li span{ position:absolute;display:block;width:10%;height:10%;right:-20%;top:50%;margin-top:-10%;font-size:40px;color:#ccc;}

.pro-steps li:hover{ background-color:#fff}

.pro-steps li:hover em{ background-color:#0cc6c6;color:#fff;}



.dev-show{width:1000px;margin:0 auto;overflow:hidden;margin-top:-2.5%;}

.dev-show li{width:45%;margin:2.5%;float:left;overflow:hidden;float:left;}

.dev-show li img{float:left;margin-right:20px;}

.dev-show li p{padding:10px; background-color:#f7f7f7;border-radius:10px;}

.dev-show h3{font-size:20px;margin:10px 0 10px;padding:0 20px;}



.dev-pro{width:500px;padding:100px 0;margin:0 auto;border-bottom:1px solid #eee;height:300px;}

.dev-pro h3{font-size:30px;line-height:40px;}

.dev-pro p{font-size:20px;color:#0cc6c6;margin:5px 0 40px;}

.dev-pro ol{line-height:30px;font-size:16px;color:#999;}

.dev-btn{line-height:50px;height:50px;overflow:hidden;font-size:16px;margin-top:40px;}

.dev-btn a,.dev-btn span{display:block;float:left;margin-right:20px;width:120px;border-radius:100px; background-color:#eee;color:#999; text-align:center; cursor:default;}

.dev-btn a{ background-color:#0cc6c6;color:#fff; cursor:pointer;}

.dev-btn a:hover{ background-color:#F90;}

.dp-1,.dp-3,.dp-5,.dp-7{padding-right:500px;}

.dp-2,.dp-4,.dp-6{padding-left:500px;}

.dp-1{ background:url(../images/dev-1.jpg) right 50px no-repeat;}

.dp-2{ background:url(../images/dev-2.jpg) left 50px no-repeat;}

.dp-3{ background:url(../images/dev-3.jpg) right 50px no-repeat;}

.dp-4{ background:url(../images/dev-4.jpg) left 50px no-repeat;}

.dp-5{ background:url(../images/dev-5.jpg) right 50px no-repeat;}

.dp-6{ background:url(../images/dev-6.jpg) left 50px no-repeat;}

.dp-7{ background:url(../images/dev-7.jpg) right 50px no-repeat;}



/*.menu{width:180px;float:left;}
*/
.main{width:700px;float:right;padding-left:60px;border-left:1px solid #eee;}

.cmenu{border:1px solid #eee;border-bottom:none;}

.cmenu li{line-height:40px;height:40px;font-size:18px; text-align:center;border-bottom:1px solid #eee;}

.cmenu li a{ display:block;width:100%;height:100%; background-color:#f9f9f9;}

.cmenu li.active a{ background-color:#0cc6c6;color:#fff;}



.news-list{margin-top:-20px;}

.news-list li{padding:20px 0;border-bottom:1px dashed #eee;}

.news-list li h3{font-size:18px;border-left:5px solid #0cc6c6;padding-left:10px;line-height:20px;}

.news-list li div{margin:10px 0;}

.news-list li p{color:#999;}



.pager{ text-align:center;margin:60px 0;}

.pager a,.pager span{display:inline-block;padding:0 12px;margin:0 5px; background-color:#fff;color:#000;border-radius:4px;border:1px solid #ddd;line-height:30px;}

.pager a:hover{ background-color:#0cc6c6;color:#fff;border-color:#0cc6c6;}

.pager a.act{ background-color:#666;color:#fff;border-color:#666;}

.pager span{ background-color:#eee;color:#bbb; cursor:pointer;}





.is{width:1000px;margin:0 auto;padding:60px 0;overflow:hidden; font-size:14px;}

.is p{margin-bottom:1em;}

.is .fl{float:left;margin:0 60px 20px 0;}

.job{width:1000px;margin:0 auto;padding:40px 0;overflow:hidden; font-size:14px;}

.job li{float:left;width:30%;margin:0 1.6%; text-align:center;}

.job h3{font-size:16px;margin:10px 0;color:#0cc6c6;}

.mb60{margin-bottom:60px;}

.con{width:1000px;margin:0 auto;padding:40px 0;overflow:hidden; font-size:14px;}

.con li{width:271px;border:1px solid #eee;float:left;margin:10px;padding:20px;}

.con li h3{font-size:20px;margin-bottom:10px;}

.con li img{ vertical-align:middle;}

.map{width:800px;height:500px;margin:40px auto; background:url(../images/map.png) right 0 no-repeat; background-size:aauto 100%; position:relative;}

.mapinfo{ position:absolute;left:0;top:5%; background:url(../images/wbg.png) 0 0 repeat;width:360px;padding:10px 20px;border:1px solid #eee;border-radius:6px;}

.mapinfo div{margin:10px 0;}

.mapinfo h3{font-size:20px;color:#C00;line-height:30px;}



.news-box{}

.news-box .news-title{font-size:26px;line-height:40px; height: 40px;overflow: hidden; text-align:center;}

.news-box .news-info{ text-align:center;padding:10px;border-bottom:1px solid #e7e7e7;color:#999;}

.news-count{padding:30px;line-height:26px;overflow:hidden;border-bottom:1px solid #e7e7e7;}

.news-count a{color:#39C}

.news-count a:hover{color:#F90}

.news-count h4,.news-count h5{margin-bottom:20px;}

.news-count h4{padding:5px 0;font-size:16px;font-weight:bold;}

.news-count h5{ text-indent:2em;font-weight:bold;}

.news-count p{margin-bottom:20px; text-indent:2em;}

.news-count p img{max-width:100%;height:auto;display:block;margin:0 auto;}

.news-count table p{ text-indent:0;}

.news-count table p img{margin:5px 0;}

.news-count table td{padding:0 5px;}

.news-share{padding:30px 0; margin:0 auto;width:310px;text-align:center;}

.news-nav{padding:10px 20px; background-color:#fafafa;color:#999;}



.help{}

.help h2{font-size:20px;border-left:5px solid #0cc6c6;padding-left:10px;margin-bottom:20px;}

.help h3{margin:1em 0;font-size:16px;font-weight:bold;}



.main-bottom{margin:40px 0;border-top:1px solid #eee;padding-top:40px;font-size:16px;color:#999;}



.foot{background-color:#333;color:#999;margin-top:40px;}

.foot a{color:#999;}

.foot a:hover{color:#0cc6c6;}

.foot-box{padding:40px 0;}

.foot-link{width:100%;overflow:hidden;}

.foot-link dl{width:150px;float:left;border-right:1px dotted #555;margin:0 40px;}

.foot-link dl dt{font-size:16px;margin-bottom:10px;color:#fff; position:relative;}

.foot-link dl dt span{display:block;height:14px;width:14px; position:absolute;top:4px;left:-20px;border-radius:20px; background-color:#555;color:#999;line-height:14px; text-align:center;}

.foot-link dl.last{margin-right:0;float:right;width:250px;border-right:none;}

.copyright{ background-color:#2a2a2a; text-align:center;padding:10px 0;line-height:30px;}



/*backtotop*/

.backtotop { display: none; width:60px;height:60px;background:#0cc6c6 url(../images/bt.png) center center no-repeat;position: fixed;border-radius:4px 0 0 4px; _position: absolute;right:0;bottom:10%;_bottom: "auto"; cursor: pointer;z-index:100; transition:background 0.5s;color:#fff;}

.backtotop:hover {background-color:#f90;}



@media (max-width:1000px){

	.head-box,.foot-box{width:100%;margin:0 auto; box-sizing:border-box;}

	.head-logo{width:100px;margin:0;float:none; position:absolute;left:10px;top:0; z-index:3;}

	.head-logo a{margin:10px 0;height:30px;}

	.head-login{ display:none;}

	.head-nav{float:none; position:relative;padding-top:50px;height:auto;width:100%;margin-left:0;line-height:40px;overflow:visible; background:url(../images/nav.png) right 0 no-repeat;}

	.head-nav.active{ background-position:right -50px ;}

	.head-nav li{float:none; display:none; position:relative;border-top:1px solid #eee; text-align:center;}

	.head-nav li.active a{ background-color:#f7f7f7;color:#333;border-left:none;}

	.index-banner img{display:block;margin:0 auto;height:auto; width:95%;}

	.count .box-w,.head-box, .foot-box{width:100%;}

	.index-service{padding:0;}

	.index-service li{float:left;width:50%;}

	.index-service li:nth-child(3),.index-service li:nth-child(4){ background-color:#f7f7f7; }

	.index-service li a{padding:10px 0 30px 0; box-sizing:border-box;}

	.index-service li p{padding:0 20px; clear:both;}

	.index-service li h2{font-size:30px;line-height:80px;height:80px; text-align:left;}

	.index-service li .icon{float:left; background-size:auto 160px;width:80px;height:80px;margin:0 10px;}

	.index-service li .icon.icon1{ background-position:0 0;}

	.index-service li .icon.icon2{ background-position:-80px 0;}

	.index-service li .icon.icon3{ background-position:-160px 0;}

	.index-service li .icon.icon4{ background-position:-240px 0;}

	.index-service li a:hover .icon.icon1{ background-position:0 -80px;}

	.index-service li a:hover .icon.icon2{ background-position:-80px -80px;}

	.index-service li a:hover .icon.icon3{ background-position:-160px -80px;}

	.index-service li a:hover .icon.icon4{ background-position:-240px -80px;}

	.index-news{width:100%;padding:30px 20px; box-sizing:border-box;}

	.text-list li{height:40px;line-height:40px;border-top:1px solid #eee;}

	.text-list li a{display:block;overflow:hidden;height:100%;}

	.index-show{ display:none;}

	.foot-box{ display:none;}

	.foot{margin:0 0 40px;}

	.backtotop{width:100%; border-radius:0;bottom:0;height:40px; background-size:auto 30px;}

	.count-top{padding:0;height:auto;width:100%;}

	.count-top img{width:auto;height:160px;}

	.menu,.main{float:none;width:100%; box-sizing:border-box;padding:0;}

	.cmenu{width:100%;overflow:hidden; background-color:#f9f9f9;border:none;}

	.cmenu li{float:left;width:50%;border:none;}

	.help{padding:30px 20px;}

	.main-bottom{ text-align:center;}

	.count-nav{display:-webkit-box;top:0;}

	.count-nav a{width:auto; display:block; box-sizing:border-box;-webkit-box-flex:1; text-align:center;}

	.page-title{line-height:100px;}

	.sp-1,.sp-2,.sp-3,.sp-4,.sp-5,.sp-6,.sp-7,.sp-8{padding:60px 0;margin:0;}

	.show-title{padding:0 20px;font-size:20px;line-height:24px;}

	.show-text{padding:40px 20px; box-sizing:border-box;width:100%;}

	.show-img img{width:90%;height:auto;}

	.show-icon{width:100%;margin-top:-20px;}

	.pro-steps{width:100%;height:auto;}

	.pro-steps li {float:none;width:100%;margin:0;border-radius:0;border-bottom:1px dashed #eee;}

	.pro-steps li span{ display:none;}

	.pro-steps li em{line-height:60px;width:100%;height:100%;margin:0;border-radius:0;}

	.show-list{width:100%;}

	.dev-show{width:100%;}

	.dev-pro{width:100%; box-sizing:border-box;height:auto; background-size:auto 60%;padding:40px 0;}

	.dp-1, .dp-3, .dp-5, .dp-7{padding-left:20px;padding-right:300px;}

	.dp-2, .dp-4, .dp-6, .dp-8{padding-right:20px;padding-left:300px;}

	.is{width:100%;padding:20px; box-sizing:border-box;}

	.job,.con{width:100%;}

	.con li{width:48%;margin:1%; box-sizing:border-box;}

	.map{width:100%; background-size:60% auto; background-position: center center;height:auto;}

	.mapinfo{width:100%; box-sizing:border-box; position:static;margin:0 auto;}

	.is .fl{float:none;margin:0 auto 40px;display:block;}

	.news-share{ display:none;}

	.news-count{padding:20px;}

	.news-box .news-title{padding:20px 20px 0;font-size:20px;height:auto;line-height:24px;}

	.news-list{padding:20px;}

	.pager{margin:30px 0;}

	.pager a, .pager span{padding:0 10px;margin-bottom:10px;}

	.news-list li h3 a{display:block;}

	}

@media (max-width:700px){

	.show-icon li{width:33.3%;margin-top:20px;}

	.show-icon li img{width:72px;}

	.dev-pro{background:none; padding:40px 20px;}

	.dev-pro h3,.dev-pro p,.dev-pro ol,.dev-btn{height:auto; text-align:center;}

	.dev-pro ol li{line-height:20px;margin-bottom:10px;}

	.dev-btn a, .dev-btn span{float:none;display:inline-block;}

	.job li{float:none;width:100%;margin:0;padding:20px; box-sizing:border-box;}

	}

@media (max-width:500px){.index-service li{float:none;width:100%;}.index-service li:nth-child(3){ background-color:#fff;}.index-service li:nth-child(4),.index-service li:nth-child(2){background-color:#f7f7f7; }

.show-list li{width:48%;margin:1%;}

.dev-show li{float:none;width:100%;margin:0;padding:20px; box-sizing:border-box;}

.dev-show li img{margin:0 auto;float:none;display:block;}

.dev-show h3{ text-align:center;margin:10px 0;}

.con li{width:98%;}

.map{margin:0;}

}