*{
	border-radius:0 !important;
}
body{
	font-family: "Arial", "Helvetica";
	padding:0;
	margin:0;
	font-size: 13px;
	line-height: 1.6;
	background: #fff;
}
p,a,li{
	color:#555;
	line-height: 1.6;
}
ol,ul{
	list-style: none;
}
a,
a:focus,
a:hover,
a:active,
{
	outline: 0 !important;
}
a:hover{
	color: #72c02c;
	text-decoration: none;
}

/* style-settings-btn */
i.style-setting-btn{
	position: fixed;
	font-size: 18px;
	right: 0;
	top:55px;
	background:#585f69 ;
	padding: 10px;
	color: #fff;
	cursor: pointer;
	z-index: 55555;
}
i.style-setting-btn:hover{
	background:#707985 ;
}
div.style-settings{
	position: fixed;
	top:37px;
	right:0;
	background: #585f69;
	padding: 15px 15px 0px 20px;
	z-index: 55555;
	display: none;
}
div.style-close-btn{
	position: absolute;
	right: 6px;
	top: 10px;
}
div.style-close-btn i{
	font-size: 16px;
	color: #FFFFFF;
	padding: 8px;
    background: #464e5b ;
    cursor: pointer;
}
div.style-close-btn i:hover{
	background: #fff;
	color: #464e5b;
}
div.style-header-word{
	font-size: 14px;
	color: #fff;
	margin-bottom: 10px;
	margin-right: 50px;
	text-transform: uppercase;
}
.style-settings li{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	border: 1px solid #70747a;
	cursor: pointer;
}
.style-settings li:hover,
.style-settings li.theme-active
{
	border: 2px solid #fff;
	margin-right: 3px;
}
.theme-color-default{
	background:limegreen;
}
.theme-color-blue{
	background: deepskyblue;
}
.theme-color-orange{
	background: orange;
}
.theme-color-red{
	background: red;
}
.theme-color-light{
	background: #fff;
}
/* TOP */
#top{
	margin-top: 8px;
}
#top .loginbar{
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 9999;
}
#top .loginbar > li{
	display: inline;
	padding-bottom: 15px;
}
#top .loginbar > li.devider{
	border-right: 1px solid #bbb;
	font-size: 8px;
	padding: 0;
	margin: 0 6px 0 2px;
	font-family: "Arial", "Helvetica";
	position: relative;
	top: -1px;;
}
#top .loginbar > li> a,
#top .loginbar > li> a:hover
{
	color: #7c8082;
	text-transform: uppercase;
	font-size: 11px;
	font-family:"Arial", "Helvetica";
}
#top .loginbar > li > a >i{
	color: #bbb;
	margin-right: 8px;
	cursor: pointer;
	font-size: 13px;
}
#top li ul{
	background: #f0f0f0 ;
	position: absolute;
	margin: 0;
	border-radius: 3px;
	top: 30px;
	padding: 4px 0px;
	left: -6px;
	display: none;
}
#top li .nav-lists:before{
	display: block;
	content: "◆";
	height: 20px;
	width: 20px;
	position: absolute;
	top: -11px;
	z-index: -1;
	left: 5px;
	color: #f0f0f0;
}
#top li ul li{
	display: list-item;
	margin-bottom: 1px;
	padding-bottom: 0;
	position: relative;
}
#top li ul li a{
	display: block;
	min-width: 85px;
	padding: 2px 15px;
	text-decoration: none;
	color: #555;
}
#top li ul li a i{
	position: absolute;
	right: 0px;
	top: 5px;
}
#top li ul li.active a,#top li ul li a:hover{
	background: #fafafa;
}
#top .loginbar > li:hover ul{
	display: block;
}

/* navlist*/
.fl-right{
	float: right;
}
.navbar-collapse{
	padding: 0;
}
.navbar-responsive-collapse >ul >li >a{
	text-transform: uppercase;
	color:#687074 ;
	font-size: 14px;
	font-weight: 400;
	border-bottom: 2px solid #eee;
	transition: all 0.4s ease-in; 
}
.navbar-responsive-collapse >ul >li.active > a,
.navbar-responsive-collapse >ul >li:hover >a{
	background: none;
	color: rgb(0,186,255);
	display: block;
	border-bottom: 2px solid rgb(0,186,255);
}

.navbar-responsive-collapse >ul >li span.caret{
	color:rgb(0,186,255) ;
	margin: 0 5px 5px 5px;
}
.navbar-toggle{
	background: rgb(0,186,255);
	color: #fff;
	font-size: 20px;
	padding: 5px 20px;
}
.navbar-nav > li > a{
	margin-top: 5px;
	padding-bottom: 18px;
	padding-top: 10px;
}
.dropdown-menu{
	border-top: 2px solid rgb(0,186,255) ;
	top:100%;
}
.dropdown-menu li a{
	display: block;
	font-size: 13px;
	border-bottom: 1px solid #eee;
	padding-top: 5px;
	padding-bottom: 5px;
}
.dropdown-menu li a:hover{
	background: rgb(0,186,255);
	color: #fff;
}
.dropdown-menu li:last-child a{
	border: 0;
}
.dropdown-menu li.fa:before{
	content: "\f0de";
	position: absolute;
	top:-8px;
	font-size: 20px;
	left: 12px;
	color:rgb(0,186,255) ;
}
.search i.fa-remove{
	position: relative;
	font-size: 16px;
}
.search-bar{
	background: #fcfcfc ;
	padding: 10px;
	position: absolute;
	right:172px;
	top: 56px;
	display: none;
	z-index: 999;
}

.swiper-container{
	width: 100%;
	height: 427px;
}

.swiper-slide .title{
	margin-left: 22%;
	top: 80px;
	position: absolute;
	z-index: 10;
	
}
.swiper-slide .imgbox{
	margin-left:29.5%;
	top: 40px;
	position: absolute;
	z-index: 10;
}
.swiper-slide .imgboxleft{
	margin-left:20%;
	top: 40px;
	position: absolute;
	z-index: 10;
	cursor:pointer;
}
.swiper-slide .titleright{
	margin-left:60%;
	top: 40px;
	position: absolute;
	z-index: 10;
	cursor:pointer;
}
.swiper-slide .text {
	margin-left: 22%;
	top: 300px;
	position: absolute;
	z-index: 10;
}
.swiper-slide .title i{
	background: rgb(77,118,41);
	font-size: 36px;
	color: #fff;
	padding: 0 5px;
	font-style: normal;
}
.swiper-slide .text i{
	background: rgba(0,0,0,0.6);
	font-size: 18px;
	color: #fff;
	font-style: normal;
	line-height: 25px;
	font-weight: 400;
}
.parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 130%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.PurchaseNow{
	background: url(../images/background1.png) repeat;
	width: 100%;
	padding: 15px 10px;
	box-shadow: 0 0 4px #eee;
}
.PurchaseNow h2{
	color: #666;
	font-size: 32px;
}
.PurchaseNow .col-sm-9{
	margin-right: 20px;
}
.pressup{
	display: inline-block;
	background: rgb(0,186,255);
	padding: 10px 20px;
	color: #fff;
	font-size: 16px;
	letter-spacing: 2px;
	text-shadow: 0 1px 0 #018dc1;
	text-transform: uppercase;
	font-weight: bold;
    cursor: pointer;
    margin-top: 30px;
    transition: all 0.4s ease-in;
    border-radius: 2px;
}
.pressup:hover{
	color: #fff;
	background: #018dc1;
	box-shadow: 0 0 5px #c0c2c1;
}
.introduce{
	padding: 30px 0 0 0;
}
.introduce .row > div{
	padding: 0px;
}
.col-md-6 div img{
	width:100%;
}
.introduce .col-md-4 i{
	color: #72c02c;
	font-size: 37px;
	float: left;
	text-align: center;
	padding: 10px;
}
.introduce .col-md-4 div{
	width: 70%;
	float: right;
}
.introduce .row > div:hover{
	background: rgb(252,252,252);
	box-shadow: 0 0 8px #ddd;
	border-radius: 2px;
	transition: all 0.4s ease-in-out; 
}
.container .h3{
	border-bottom: 1px dotted #ddd;
}
.container .h3 p{
	/*border-bottom: 2px solid #00baff;
	display: inline-block;*/
	text-align:center;
	padding-bottom:15px;
	padding-right: 10px;
	margin: 0;
}
.container .h3 .zixun{
	margin-right:10px;
	cursor:pointer;
	display: inline-block;
	padding-bottom:0;
	font-size:24px;
	padding:0 20px;
	margin-bottom:5px;
}
.container .h3 .thiscut{
	background:#00baff;
	color:#fff;
	-webkit-border-radius:20px !important;
	-moz-border-radius:20px !important;
	-ms-border-radius:20px;
	border-radius:20px !important;
}

.chenezx{display:none;}

.recent-work .thumbnail,.thumbnail{
	padding:0 60px;
	border: 0;
	overflow: hidden;
}
.col-md-4{
	padding:0;
	}
.message .col-md-4 img:hover{
	transform:scale(1.3);
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
}
.thumbnail img{
	width: 100%;
	transition: all 0.9s ease;
}
.readMore{
	display: inline-block;
	background: rgb(0,186,255);
	color: #fff;
	padding: 2px 5px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	transition: all 0.6s ease-in;
	font-size:14px;
}

.recent-work .col-md-3{
	transition: all 0.6s ease-in;
	padding-top: 5px;
	margin-top: 20px;
}
.recent-work .col-md-3:hover{
	box-shadow: 0 0 15px #eee;
}
/*.recent-work .col-md-3:hover .thumbnail img{
	transform:scale(1.3);
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
}*/
.recent-work .col-md-3:hover .readMore,
.readMore:hover
{
	color: #fff;
	text-decoration: none;
}
.recent-work .caption .h4{
	width:100%;
	text-align:center;
	transition: all 0.6s ease-in; 
	display: inline-block;
	margin-top:0 ;
}
.recent-work .caption .h4:hover{
	color: #70c2c0;
	cursor: pointer;
}
.message .caption p i{
	color: greenyellow;
	padding: 3px;
}
.Welcome-To blockquote{
	transition: border-color 0.4s ease-in-out;
}
.Welcome-To blockquote:hover{
	border-color:rgb(0,186,255);
}
#myCousel .carousel-caption{
	background: rgba(0,0,0,.6);
	color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	right: 0;
	text-align: left;
	padding: 5px;
}
.pic-list{
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 130px;
	margin: 30px 0;
}
.pic-list ul{
	position: absolute;
	top: 0;
	left: 0;
}
.pic-list ul li{
	float: left;
	background: #fafafa;
	border-right: 1px solid #fff;
	position: relative;
	height: 120px;
	width: 200px;
}
.pic-list  img{
	width: 100%;
}
.pic-list img.color-img{
	display: none;
}
.footer{
	background: #585f69 ;
	color: #ddd;
}
.footer .h3 p{
	color: #ddd;
}
.footer p{
	color: #ddd;
}

.footer .headimg img{
	border: 2px solid #eee;
	height: 50px;
	width: 50px;
	
}
.post .dl-horizontal dt{
	float: left;
	background: #888;
	width: 56px;
	padding: 3px;
	margin-right: 5px;
}
.post .dl-horizontal dt img{
	height: 50px;
	width: 50px;
}
.post .dl-horizontal dd{
	margin-left: 66px;
	line-height: 20px;
}
.contants ul li{
	display: inline-block;
}
.contants ul li a{
	display: block;
	height:28px ;
	width: 28px;
}
.contants ul li a.amazon{
	background: url(../images/icons/social/amazon.png) no-repeat;
	transition: all 0.4s ease-in; 
}
.contants ul li a.amazon:hover{
	background-position: 0 -38px;
}
.contants ul li a.behance{
	background: url(../images/icons/social/behance.png) no-repeat;
	transition: all 0.4s ease-in; 
}
.contants ul li a.behance:hover{
	background-position: 0 -38px;
}
.contants ul li a.blogger{
	background: url(../images/icons/social/blogger.png) no-repeat;
	transition: all 0.4s ease-in; 
}
.contants ul li a.blogger:hover{
	background-position: 0 -38px;
}
.contants ul li a.last-fm{
	background: url(../images/icons/social/last-fm.png) no-repeat;
	transition: all 0.4s ease-in; 
}
.contants ul li a.last-fm:hover{
	background-position: 0 -38px;
}
.contants ul li a.deviantart{
	background: url(../images/icons/social/deviantart.png) no-repeat;
	transition: all 0.4s ease-in; 
}
.contants ul li a.deviantart:hover{
	background-position: 0 -38px;
}
.contants ul li a.stumbleupon{
	background: url(../images/icons/social/stumbleupon.png) no-repeat;
	transition: all 0.4s ease-in; 
}
.contants ul li a.stumbleupon:hover{
	background-position: 0 -38px;
}
.contants ul li a.spotify{
	background: url(../images/icons/social/spotify.png) no-repeat;
	transition: all 0.4s ease-in; 
}
.contants ul li a.spotify:hover{
	background-position: 0 -38px;
}
footer {
	background: #3e4753 ;
	padding: 10px 0;
	
}
footer p{
	color: #ddd;
	padding-top: 15px;
}
footer a{
	text-align: right;
	padding-top: 10px;
}
.backTop{
	position: fixed;
	right: 0;
	bottom: 0;
}

.header{width:1180px;margin:0 auto;}
.advantage .row .topic{color:#606060; font-size:24px; line-height:70px;}
.advantage .row .technology{width:520px; margin-top:80px;}
.advantage .row .phone{height:0px; position:absolute; bottom:10px; right:10px; overflow:hidden;}
.advantage .row .phone img:first-child{margin-right:20px;}
.footer{width:100%; background:#2B2E56;}
.footerBox{width:1220px; margin:0 auto; padding:10px 0;}
.footerBox .footerlogo{background:url(../images/footer-logo.png) no-repeat center; width:100%; height:70px;}
.footerBox .content{margin-top:10px; background:url(../images/footer.png) no-repeat center; width:100%; height:200px; position:relative;}
.footerBox .copyright{color:#fff; text-align:center; width:100%; margin-top:10px; font-size:12px;}
.dianhua{border:1px solid #fff; background:url(../images/dianhua.png) no-repeat 7px center; background-size:10%; width:260px;
height:48px; color:#fff; font-size:20px; font-family: "Arial", "Helvetica"; text-align: center;
line-height:48px; position:absolute; left:70px; top:115px;color:#fff;}
.dizhi{border:1px solid #fff; background:url(../images/dizhi.png) no-repeat 7px center;background-size:7%; width:260px; height:48px; color:#fff; font-size:20px; font-family: "Arial", "Helvetica"; text-align: center; line-height:48px;
 position:absolute; left:480px; top:115px;color:#fff;}

.daxiao .da,.xiao{display: none;}
.btn-success{background:rgb(0,186,255);border-color:rgb(0,186,255);}
.btn-success:hover{background:#018dc1;border-color:#018dc1;}

.container{width:100%;padding-right:0;padding-left:0;}
.recent-work{overflow:hidden;width:1140px;margin:0 auto;padding:0 10px;}
.introduce{overflow:hidden;width:1140px;margin:0 auto;}
.introduce .caption .h4{text-align:center;}
.introduce .col-md-3{width:22.3%;margin-top:30px;float:left;margin-right:3.5%;padding-bottom:40px;}
.introduce .col-md-3 .thumbnail{padding:0 62px;background:none;padding-top:40px;}
.jianjie{font-size:16px;text-indent:32px;}
.advantage{width:1140px;margin:0 auto;margin-top: 40px;}
.advantage .col-md-3{width:265px;padding:0 2.5%;padding-bottom:5px;min-height:300px;}
.advantage .col-md-3 .h4{text-align:center;line-height:24px;font-size:20px;padding:5px 0;}
.advantage .col-md-3 .caption .h5{font-size:16px;line-height:30px;margin:0;}
.advantage .bg:nth-child(1){background:#00B2A1;color:#fff;margin-right:12%;}
.advantage .bg:nth-child(2){background:#2190D0;color:#fff;margin-right:12%;}
.advantage .bg:nth-child(3){background:#F4A721;color:#fff;}
.advantage .bg:nth-child(4){background:#B485FF;color:#fff;margin-right:12%;}
.advantage .bg:nth-child(5){background:#38ADFF;color:#fff;margin-right:12%;}
.advantage .bg:nth-child(6){background:#FF4852;color:#fff;}
.advantage .col-md-3 p{color:#646464;line-height:26px;padding:0;}
.adbox{overflow:hidden;padding:0 40px;margin-top:30px;height:340px;position:relative;}
.slidebox{overflow:hidden;padding:0;position:absolute;top:0;left:40px;}
.slidebox li:hover{border-bottom:2px solid #38adff;}
.advantage .adbox .slidebox .col-md-3 .thumbnail{padding:0 43px;}
.adbox .tsprev{display:block;height:340px;width:32px;background:url(../images/tsprev1.png) no-repeat center;background-size:100%;position:absolute;left:0;top:0;}
.adbox .tsprev:hover{background:url(../images/tsprev1-1.png) no-repeat center;background-size:100%;cursor:pointer;}
.adbox .tsnext{display:block;height:340px;width:32px;background:url(../images/tsnext1.png) no-repeat center;background-size:100%;position:absolute;right:0;top:0;}
.adbox .tsnext:hover{background:url(../images/tsnext1-1.png) no-repeat center;background-size:100%;cursor:pointer;}

.rightercode{position:fixed;width:70px;right:0;top:50%;margin-top:-190px;z-index:999;}
.rightercode li{margin-top:6px;width:70px;height:70px;position:relative;}
.rightercode li img{width:70px;height:70px;}
.rightercode li .ercode{position:absolute;left:-120px;top:0;width:120px;height:120px;}

.swiper-pagination-bullet{border:0 !important;}
.wapnav{display: none;}

.navbar-responsive-collapse >ul >li >a{font-size:18px;}
.nav>li>a{padding-left:20px !important;padding-right:20px !important;color:#333333 !important;}
.dropdown-menu li a{font-size:18px;}
.navbar-responsive-collapse >ul >li.active > a, .navbar-responsive-collapse >ul >li:hover >a{border-bottom:0;color:#F7B52D !important;}
.navbar-responsive-collapse >ul >li >a{border-bottom:0;}
.dropdown-menu{border-top: 2px solid #F7B52D;}
.dropdown-menu li a:hover{background:#F7B52D;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{border-color:#CC870D;background:none;}
.nav>li>a:focus, .nav>li>a:hover{background:none;}
.dlzc{overflow:hidden;float:right;margin-left:20px;padding-bottom:10px;padding-top:5px;}
.dlzc .dl,.zc{float:left;}
.dlzc a{font-size:18px;color:#333;display:block;text-decoration:none;padding:5px 20px;}
.dlzc .aact{background:#F7B52D;-webkit-border-radius:4px !important;-moz-border-radius:4px !important;border-radius:4px !important;}
.dlzc .aact a{color:#fff !important;}
.headbox{background:#fff;border-bottom:1px solid #dadada;margin-bottom:5px;}
.navbar-brand{padding:0;height:32px;padding-top:10px;}
.navbar{padding-top:5px;}
.information{width:100%;background:#f1f1f1;margin-top:50px;}
.newsbox{width:1140px;margin:0 auto;}
.Our-Clients{width:1140px;margin:0 auto;margin-top:50px;}
.gdnews{padding-bottom:0 !important;margin-bottom:5px !important;}

.our-user{width:1140px;margin:0 auto;margin-top:50px;}
.our-user .userbox ul{overflow:hidden;}
.our-user .userbox ul li{width:25%;height:70px;float:left;margin-top:30px;text-align:center;}
.our-user .userbox ul li img{width:260px;height:70px;}

.introduce .col-md-3:hover{background:#f6f6f8;}
.introduce .caption .d1{padding:0 10px;font-size:14px;color:#646464;margin-top:15px;}