@charset "utf-8";
/* CSS Document */
.w1000{
	width: 1000px;
	margin: 0 auto;
	}

.header{height:600px;}
.position{ position:relative;}
.index{ background:url("../img/img1.jpg")/*tpa=http://www.ncthinker.com/img/img1.jpg*/ no-repeat center top; background-size:cover; }
.case{ background:url("../img/img2.jpg")/*tpa=http://www.ncthinker.com/img/img2.jpg*/ no-repeat center top; background-size:cover;}
.about{ background:url("../img/aboutimg.jpg")/*tpa=http://www.ncthinker.com/img/aboutimg.jpg*/ no-repeat center top; background-size:cover;}
.contact{background:url("../img/contact.jpg")/*tpa=http://www.ncthinker.com/img/contact.jpg*/ no-repeat center top; background-size:cover; height:400px;}
.join{background:url("../img/joinimg.jpg")/*tpa=http://www.ncthinker.com/img/joinimg.jpg*/ no-repeat center top; background-size:cover; height:400px;}
.index .indextitle{ position:absolute;top:200px; width:400px; left:50%; margin-left:-200px;}
.case .indextitle{ position:absolute;top:200px; width:600px; left:0%; }
.about .indextitle{ position:absolute;top:200px; width:450px; left:0%; }
.h-logo{ float:left;padding:5px;height: 62px;line-height: 62px;}
.h-logo a{ display:inline-block;}
.h-logo a img{ float:left;width:130px;padding:10px}
.menu {display:block;float:left; margin-left:50px;}
.menu ul li{ float:left; margin:0 25px; padding-top:20px;}
.menu ul li a{ display:block; line-height:40px; color:#fff;font-size: 16px;}
.menu ul li .on{ border-bottom:2px solid #fff;color:#fff;}
.menu ul li a:hover{ color:#fff;border-bottom:2px solid #fff;}
.email{ position:absolute; right:20px; top:20px;display:block; width:52px; height:52px; text-align:center; vertical-align:middle}
.menubutton{ display:none;position:absolute; right:72px; top:20px;width:52px; height:52px; text-align:center; vertical-align:middle}
.w-cont{width:600px; margin:0 auto; text-align:center; padding:50px 0 50px 0; line-height:40px; color:#72716e; font-size:18px;}	
.tech{ background-color:#F9F9F9; padding-bottom:50px;}
.tech h1{ font-size:35px; text-align:center; line-height:200px;}
.tech li{ width:25%; float:left; margin-right:0%; text-align:center; margin-bottom:10px;display:block;}
.tech li .t{ width:95%; margin:0 auto; position:relative;}
.tech li .tt{ width:95%;margin:0 auto; position:relative;}
.tech li .t .zz{ position:absolute; bottom:0; left:0; width:100%; height:80px; color:#FFF; text-align:center; font-size:18px; line-height:40px; background-color:rgba(0,0,0,0.6)}
.tech li .t img{ width:100%}

.youshi{ padding-top:100px;}
.youshi h1{font-size:35px; text-align:center; line-height:50px; }
.youshi h2{font-size:25px; text-align:center; /* line-height:70px; */}
.youshi p{font-size: 14px;padding:15px; color: #999;text-align: center;/* margin-bottom: 30px; */}
.ys-cont{width:910px; margin:0 auto; margin-bottom:20px;}
.ys-cont .ys-img1{float:left; position:relative;}
.ys-cont .ys-img1 .ys-t{ background-color:rgba(43,172,181,0.8); color:#fff; position:absolute; bottom:0; left:0; font-size:18px; height:20%; padding:20px 0; overflow:hidden; line-height:40px; width:100%; text-align:center;}
.ys-cont .ys-img2{float:left; margin-left:30px; margin-bottom:38px; position:relative;}
.ys-cont .ys-img2 .ys-t{ background-color:rgba(43,172,181,0.8); color:#fff; position:absolute; top:0;right:0; font-size:18px;width: 50%; height:100%; overflow:hidden;line-height:40px; text-align:center;}
.ys-cont .ys-img3{float:left; margin-left:30px; position:relative;}
.ys-cont .ys-img3 .ys-t{ background-color:rgba(43,172,181,0.8); color:#fff; position:absolute; top:0;right:0; font-size:18px;width: 50%; height:100%;overflow:hidden; line-height:40px; text-align:center;}

/*add by tiger*/
.clr{clear:both;}


.paginate{
	display: block;
	float:right;
	border-top:#E8E8E8 solid 1px;
	border-left:#E8E8E8 solid 1px;
	margin:10px 20px;
}
.paginate li{
	float:left;
	width:30px;
	height:30px;
	line-height:30px;
	border-right:#E8E8E8 solid 1px;
	border-bottom:#E8E8E8 solid 1px;
	text-align: center;
	color:#9B9B9B;
}
.paginate li a{
	text-decoration: none;
	color:#9B9B9B !important;
}
.paginate li:hover{
	cursor: pointer;
	background: #DDDDDD;
}
.paginate .select{
	background: #DDDDDD;
}

.anli{	
	margin:0 20px 30px 20px;
}
.anli li{
	float:left;
	margin-left: 10px;
	margin-bottom:10px;
	border-top:#E8E8E8 solid 1px;
	border-left:#E8E8E8 solid 1px;
	border-right:#E8E8E8 solid 1px;
	border-bottom:#E8E8E8 solid 1px;
}
.anli li:hover{
	cursor: pointer;
}
.anli li .item{
	text-align:center;
	width: 133px;
	text-algin:center;
}
.anli li .item .item-wraper{
	font-size: 12px;
    position: absolute;
    top: 0px;
    width: 500px;
    height: 363px;
    border:1px solid #eaeaea;
    background:#fff;
    
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    text-align: left;
    display: none;
}
.anli li .item .item-wraper .desc{
	width:230px;
	height:100%;
	color: #aaa;
	text-align: center;
	margin: 0 auto;
	display: block;
	float:left;
}
.anli li .item .item-wraper .desc img{
	width:200px;
	height:333px;
	margin:15px;
}
.anli li .item .item-wraper .content{
	width:270px;
	display:block;
	float:left;
}
.anli li .item .item-wraper .content p{
	color:white;
	font-size:14px;
	text-align:left;
	height:100px;
	color: #333;
	overflow: hidden;
	margin-bottom: 0px
}
.anli li .item .item-wraper .content .qrcode{
	width:140px;
	margin:0px auto;
}
.anli li .item .item-wraper .content .qrcode-tips{
	margin:0;
	padding:0;
	color: #aaa;
	text-align:center;
	height: 20px;
}

.anli li .item .item-wraper .content .btn-download{
	display: block;
    width: 240px;
    padding: 10px 0;
    text-align: center;
    background: #f84e4e;
    margin: 15px;
    color:white;
}

.anli li .item .logo{
	width:110px;
	height:110px;
	margin:5px;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
}

.anli li .item .title{
	margin:0;padding:0;color:black;font-size:16px;
}
.anli li .item .platform{
	margin:0 0 5px 0;padding:0;padding:3px;
}
/*
.anli .ys-t{ font-size:14px !important; text-align:left !important;}
.ys-cont .ys-img1 .right-appimg{float:right; width:25%; text-align:center;}
.ys-cont .ys-img1 .left-text{float:left;width:70%; line-height:30px; margin-left:5%}
.ys-cont .ys-img2 .right-appimg{float:right;  margin-right:10px; text-align:right;}
.ys-cont .ys-img2 .left-text{float:left;width:90%; line-height:25px; margin-left:5%}
.ys-cont .ys-img3 .right-appimg{float:right; margin-right:10px; text-align:right;}
.ys-cont .ys-img3 .left-text{float:left;width:90%; line-height:25px; margin-left:5%}
.ys-cont .appname{ position:absolute; top:10px; left:10px; width:80px; height:80px; font-weight:bold; line-height:80px; color:#48AEB2; border-radius:80px; text-align:center; background-color:rgba(255,255,255,0.8)}
*/
.line2{float:left; width:380px;}
.line2 .ys-img2,.line2 .ys-img3{ margin-left:0;}

.ys-cont img{width:380px;}
.ptop{padding-top:20px;}

.hezuo{background-color:#F9F9F9; padding-bottom:100px;}
.hezuo h1{ font-size:35px; text-align:center; line-height:200px;}
.hz-list li{width:33.33%; float:left; color:#999; text-align:center}
.hz-list li img{ width:50%;}
.hz-list li .hz-t h2{ color:#000; font-size:18px; font-weight:bold; line-height:50px;}
.hz-list li .hz-t p{ font-style:italic; margin-bottom:30px;}
.hz-list li .hz-t .l{ padding:5px 0; font-size:16px;}

.aboutdiv{padding:50px 0;}
.aboutdiv .left-t{ float:left; width:50%;}
.aboutdiv .left-t h1{ font-size:35px; margin-bottom:20px;}
.aboutdiv .left-t h1 span{ color:#82b440;}
.aboutdiv .left-t p{ font-size:16px; color:#35393d; padding:10px 0;}
.aboutdiv .right-i{ float:right; width:40%;}

.contactdiv{padding:50px 0;}
.contactdiv .topimg{ background:url("../img/contactus.png")/*tpa=http://www.ncthinker.com/img/contactus.png*/ no-repeat center center; width:100%; height:150px;}
.contactdiv .lianxi{padding:50px 0; width:800px; margin:0 auto; border-bottom:1px solid #dfdfdf;}
.contactdiv .lianxi .l-t{ float:left; width:50%; color:#72716e; border-right:1px solid #dfdfdf;}
.contactdiv .lianxi .l-t a{ color:#72716e;}
.contactdiv .lianxi .l-t a:hover{ color:#027fff;}
.contactdiv .lianxi .l-t h1{ color:#E9544E; font-size:18px; font-weight:bold;}
.contactdiv .lianxi .r-img{ float:right; width:49%; text-align:right}

.joindiv{padding:50px 0;}
.join-text{ line-height:35px; font-size:20px; color:#707070;text-align:center; width:600px; margin:0 auto;}
.jrwm{color:#FFF;width:100px;height:100px;text-align:center; font-size:18px; border-radius:100%; line-height:100px; background-color:#778892; margin:50px auto 0; position:relative; z-index:100}

.gotop{ position:fixed; bottom:50px; right:50px; display:none; width:50px; height:50px; background:#A2A2A2 url("../img/top.png")/*tpa=http://www.ncthinker.com/img/top.png*/ no-repeat center center; border-radius:50px;}
.f-bottom{ background-color:#f7f7f7; border-top:1px solid #e9e9e9;padding:10px 0; text-align:center;display:block}
.f-bottom .erm{ float:right;}
.f-bottom .banq{float:left;line-height:30px;color:#999;margin-top:20px;text-align:left;}
.f-bottom a{color:#999;}
.f-bottom a:hover{color:black;}

/* slides */
.slides{position:fixed;right:0;top:45%;}
.slides .slideul>li{position:relative;display:block;width:56px;height:56px;margin-bottom:10px;overflow:visible;}
.slides .slideul>li.kefu{width:66px;padding-left:10px;margin-left:-10px;}
.slides .slideul>li ul.kefulist{position:absolute;left:-86px;top:-30px;padding-right:10px;display:none;}
.slides .slideul>li ul.kefulist li{margin-bottom:10px;}
.slides .slideul>li ul.kefulist li a{display:block;width:90px;height:30px;line-height:30px;background:#a8defe;color:#fff;text-align:center;text-decoration:none;}
.slides .slideul>li ul.kefulist li a:hover{text-decoration:none;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.map{width:800px;height:300px; margin:50px auto 10px;}
.mapaddres{color: #E9544E; width:800px; margin:0 auto; text-align:center; line-height:30px;}


@media screen and (max-width:1000px){
	.h-logo a img{padding:10px;width:130px}
	.w1000{width:100%;}
	.menu{display:block;}
	.menu ul li{margin:0 20px;}
}
	
@media screen and (max-width:900px){
	.header{ height:400px;}
	.w-cont{width:80%;}
	.index .indextitle{width:60%;margin-left: -30%;}
	.menu{display:block;}
	.menu ul li{margin:0 15px;}
	.ys-cont{ width:100%;}
	.ys-cont .ys-img1,.ys-cont .ys-img2,.ys-cont .ys-img3{ width:47%;}
	.ys-cont .ys-img2,.ys-cont .ys-img3{ margin-left:5%; margin-bottom:5%}
	.ys-cont .ys-t{ font-size:14px !important; line-height:20px !important;}
	.ys-cont img{width:100%;}
	.ys-cont .ptop{ padding-top:10px !important;}
	.line2{ width:47%;}
	.line2 .ys-img2,.line2 .ys-img3{ width:100%; margin-left:0 !important; margin-bottom:38px;}
	
	.menu{display:none;margin-left:0; text-align:center; width:100%;
	position: absolute;top: 70px;background:#333;z-index: 999;
	filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
	.menu ul{ display:inline-block; margin:0 auto;}
	.menu ul li{margin:0 5px;padding-top:10px;display:block;width: 100%;text-align: left;}
	.menu ul li .on{ border-bottom:0px solid #fff;color:#2CFFFE;}
	.menu ul li a:hover{
		color:#2CFFFE;border-bottom:0px solid #fff;
	}
	.email{ top:10px;display:none;}
	.menubutton{top:10px;right:20px;display: block;}
	.menubutton i{color:white;font-size: 18px;position: absolute;top:18px;right:18px;}
	.h-logo a img{ width:130px;padding:10px}
	.tech li{ width:50%;}
	.tech li .t .zz{height: 60px; line-height:30px; font-size:14px;}
	.hz-list li .hz-t p{ font-size:12px;}
	.hz-list li .hz-t .l{ font-size:14px;}
	.f-bottom .erm{ float:none;}
	.f-bottom .banq{ float:none; line-height:40px;text-align: center;}
	.anli .ys-img1,.anli .ys-img2,.anli .ys-img3{ width:100%; margin-left:0 !important; margin-bottom:10px;}
	.line2{ width:100%;}
	.ys-cont{ margin-bottom:0}
	.case .indextitle{ width:70%; margin-left:5%;}
	.about .indextitle{width:60%; margin-left:5%;}
	.aboutdiv .left-t{ width:90%; float:none; margin:0 auto;}
	.aboutdiv .right-i{ float:none; width:100%;}
	.contact{ height:250px;}
	.contactdiv .lianxi{ width:100%;}
	.contactdiv .lianxi .l-t{ width:80%; margin:0 auto 20px; float:none; border-right:none;}
	.contactdiv .lianxi .r-img{ width:95%; margin-right:5%; float:none;}
	.join{ height:250px;}
	.jrwm{ margin:50px 0 0 0; width:60px; height:60px; font-size:12px; line-height:60px;}
	.join-text{ width:90%;}
	.map{ width:100%; height:200px;}
	.mapaddres{width:100%;}
	}