*{
	font-family: '微软雅黑',Arial;
	color: #454c51;
}
a:hover,a:active,a,a:visited{
	text-decoration: none;
}
.clear { clear:both;}
.css3-animate {
	transition: all 0.3s linear ;
	/* Firefox 4 */
	-moz-transition:all 0.3s linear ;
	/* Safari and Chrome */
	-webkit-transition:all 0.3s linear ;
	/* Opera */
	-o-transition:all 0.3s linear ;
}
.products-bg {
	background: #e9e9e9;
}
.navbar-default {
	background: none;
	border: none;
	position: absolute;
	top: 0;
	z-index: 9999;
	width: 100%;
	padding-top: 3px;
}
.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-size: 16px;
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
	color: #fff !important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  color: #fff !important;
  background-color: transparent !important;
}
.language {
	padding: 0 0px !important;
	position: relative;
	font-size: 13px !important;
}
.language-pacing{
	padding-left:30px !important;
}
.language-active{
	padding: 0 14px !important;
}
.language-active:before{
	content: " ";
	position: absolute;
	left: 0;
	top: 24px;
	left: 7px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0.25;
	z-index: -1;
}
.dropdown-menu {
	border-radius: 0;
	min-width: 100%;
	background-color: #fff;
	border: none;
	text-align: center;
	padding: 0;
}
.dropdown-menu li a {
	line-height: 29px;
	color: inherit;
}
.dropdown-menu li a:hover {
	background-color: #dcdcdc;
}
.home-img{
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	color: #fff !important;
	background-size: cover;
	position: relative;
	overflow: hidden;
	background-image: url('../images/main_img.jpg');
	background-attachment:fixed;
}
#home-img2 {
	background-image: url('../images/img1-2.jpg');
}
#home-img3 {
	background-image: url('../images/img1-3.jpg');
}
.home-img .down {
	width: 10%;
	font-size: 30px;
	margin: 50px auto 0 auto;
}
.home-img .down span {
	color: #fff;
	opacity: 0.5;
	animation: downAni .85s ease-in-out infinite alternate;
}
@keyframes downAni
{
from {transform: translate(0px,10px);}
to {transform: translate(0px,0px);}
}
.home-img h1 {
	font-size: 80px;
	line-height: 61px;
	margin-top: 175px;
	color: #fff;
	font-weight:bold;
}
.home-img .icon-heng {
	width: 88px;
	height: 8px;
	background: #fff;
	margin:45px auto;
}
.home-img article {
	font-size: 20px;
	font-weight:500;
	color: #fff;
}
.home-img .icon-img {
	margin:45px auto;
}
.home-img .button {
	display: inline-block;
	/*margin-top: 20px;*/
	width: 160px;
	height: 50px;
	border: 1px solid #fff;
	/*border-radius: 25px;*/
	line-height: 48px;
	color: #fff;
	font-size: 16px;
}
.home-img .button:hover {
	background: #fff;
	color: #333;
	text-decoration: none;
}
.navbar-brand {
	width:136px;
	height:67px;
	background: url('../images/logo.png') center no-repeat;
}
.home-2 h1 {
	text-align: center;
	font-size: 35px;
	line-height: 60px;
	color: #e51520;
	font-weight:bold;
}
.home-2 article {
	text-align: center;
	font-size: 18px;
	font-weight:500;
	color: #5c5c5c;
}
.home-2 .line-heng {
	width:100%;
	height:65px;
	overflow:hidden;
	text-align: center;
}
.home-2 .line-heng img {
	padding:40px 0;
}
.home-2 .col-sm-4{
	overflow:hidden;
}
.home-3 .pull-right	{
	width: 625px;
	height: 800px;
	padding-top: 200px;
	color: #fff;
}
.home-3 .title {
	font-size: 45px;
	line-height: 80px;
	font-weight:bold;
	color: #fff;
}
.home-3 .icon-heng {
	width: 88px;
	height: 8px;
	background: #fff;
	margin:20px 0;
}
.home-3 .content {
	font-size: 20px;
	padding:30px 0;
	width: 516px;
	color: #fff;
}
.home-3 .button {
	width: 180px;
	height: 47px;
	line-height: 45px;
	border: 1px solid #fff;
	/*border-radius: 47px;*/
	display: inline-block;
	margin-top: 40px;
	color: #fff;
}
.home-3 .button:hover {
	background-color: #fff;
	color: #1c96d3;
	text-decoration: none;
}
.home-3 .bg-color {
	background: #1c96d3;
	padding-right: 0;
}
.home-3 .bg {
	background: url('../images/img2.jpg') center top no-repeat;
	height: 800px;
	background-size: cover;
}
.home-4 {
	background:url(../images/main_imgs.jpg) center center repeat-x;
	padding: 75px 0;
	text-align: center;
}
.home-4 .title {
	font-size: 50px;
	font-weight:bold;
	color:#5b5b5b;
	padding-bottom: 15px;
}
.home-4 .icon-heng {
	width: 88px;
	height: 6px;
	background: #5b5b5b;
	margin:30px auto;
}
.home-4 .content {
	font-size: 16px;
}
.home-4 b {
	margin-left: 30px;
}
.home-4 img {
	margin-top: 40px;
	max-width: 100%;
	margin-bottom: 60px;
}
.home-5 .bg1 {
	height: 400px;
	text-align: center;
	background: url('../images/img7.jpg') center no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.home-5 .bg1:before{
	content:  ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0.5;
	transition: all 0.2s linear ;
	transform-origin:left top;
	transform: rotate(-90deg);
}
.home-5 .bg1:hover:before{
	transform: rotate(0deg);
}
.home-5 .bg2:before{
	content:  ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0.5;
	transition: all 0.2s linear ;
	transform-origin:right top;
	transform: rotate(90deg);
}
.home-5 .bg2:hover:before{
	transform: rotate(0deg);
}
.home-5 .bg2 {
	height: 400px;
	text-align: center;
	background: url('../images/img4.jpg') center no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.home-5 .title {
	width:80%;
	position: relative;
	z-index: 2;
	text-align: center;
	color: #fff;
	padding-top: 100px;
	margin:20px auto;
	font-size: 20px;
	line-height:40px;
	padding-bottom: 20px;
}
.home-5 .button {
	position: relative;
	z-index: 2;
	display: inline-block;
	min-width: 160px;
	height: 50px;
	border: 1px solid #fff;
	/*border-radius: 50px;*/
	margin:0 auto;
	line-height: 48px;
	text-align: center;
	color: #fff;
	padding: 0 10px;
}
.home-5 .button:hover {
	background-color: #fff;
	color: #2c363c;
	text-decoration: none;
}
.search-main{
	width:100%;
	height:50px;
	overflow:hidden;}
.search {
	width:160px;
	height:50px;
	background:url(../images/search.png) no-repeat;
	overflow:hidden;
}
.search .tex {
	height:24px;
	padding-left:35px;
	line-height:24px;
	background:none;
	border:0;
	outline:medium;
	color:#979797;
	font-size:12px;
}
.search .btn {
	background:none;
	border:0;
	cursor:pointer;
	height:24px;
}
body {
	background: #f6f6f6;
}
footer {
	background: #f8f8f8;
	padding-top: 47px;
}
footer ul {
	margin: 0;
	padding: 0;
	width: 20%;
	float: left;
	/*height: 170px;*/
	overflow:hidden;
}
footer li {
	list-style-type: none;
	width: 100%;
	padding-bottom: 10px;
	font-size: 14px;
	color: #4f4f4f;
}
footer .title {
	font-size: 16px;
	font-weight:bold;
	color: #272727;
}
footer .icon-heng {
	width: 50px;
	height: 2px;
	padding:0;
	margin:15px 0;
	background: #272727;
}
footer a {
	color: inherit;
}
footer a:hover {
	text-decoration: none;
	color: inherit;
}
.footer-input {
	border: none;
	height: 25px;
	width: 85%;
	padding-left: 10px;
	border-radius: 25px 0 0 25px;
	float: left;
	outline: none;
}
.footer-submit {
	display: inline-block;
	width: 15%;
	height: 25px;
	border-radius: 0 25px 25px 0;
	background: #257abb;
	line-height: 25px;
	color: #fff;
	cursor: pointer;
	float: left;
	text-align: center;
}
.copyright {
	margin-top: 25px;
	line-height: 80px;
	border-top: 1px solid #dfdfdf;
	color: #666;
	font-size: 11px;
}
.copyright a {
	color: inherit;
	font-size: 14px;
}
.copyright .active {
	color: #fff;
	display: inline-block;
	width: 36px;
	height: 24px;
	background: #d1d2d4;
	line-height: 24px;
	text-align: center;
	border-radius: 24px;
}

.main-bg {
	width:100%;
	overflow:hidden;
	background-attachment: fixed;
}
.about {
	background:#FFF;
}
.about h2{
	text-align:center;
	margin-top: 20px;
	margin-bottom: 35px;
}
.about .number {
	font-size: 78px;
	color: #1c96d3;
	font-weight: bold;
	font-family: Arial;
	padding: 90px 0;
	display: inline-block;
	height: 270px;
	line-height: 90px;
	float: left;
}
.about .text {
	font-weight: bold;
	color: #454c51;
	padding: 90px 0;
	display: inline-block;
	height: 270px;
	line-height: 90px;
	float: right;
}
.bg2 {
	background-color: #1c96d3;

}
.bg2 h2,.bg2 article {
	color: #fff;
}
.about .home-2 {
	padding: 70px 0 160px 0;
	text-align: left;
	color: #fff !important;
}
.about .home-2 .title,.about .home-2 p {
	color: #fff;
}
.about .home-2 p {
	font-size: 13px;
}
.about-2 {
	background: url('../images/img5.jpg') center no-repeat;
	height: 637px;
	text-align: center;
	background-attachment: fixed;
}
.about-2 h2 {
	color: #fff;
	margin: 190px 0 30px 0;
}
.about-2 article {
	color: #fff;
	margin: 0 auto;
}
.about-2 .button {
	margin-top: 61px;
	width: 173px;
	height: 41px;
	border: 1px solid #fff;
	line-height: 39px;
	font-size: 16px;
	display: inline-block;
	color: #fff;
	border-radius: 41px;
}
.about-2 .button:hover {
	background-color: #fff;
	color: inherit;
	text-decoration: none;
}
.about-3 {
	text-align: center;
	padding-bottom: 50px;
}
.about-3 h2 {
	margin: 64px 0 30px 0;
}
.about-3 .icon-heng {
	margin-top: 30px;
	background-color: #454c51;
}
.about-3 .list {
	width: 1250px;
	height: 38px;
	margin: 105px 0 0 0;
	padding: 0;
}
.about-3 .list li {
	float: left;
	list-style-type: none;
	position: relative;
	width: 38px;
	height: 38px;
	margin-right: 102px;
}
.about-3 .list .yuan {
	position: absolute;
	border: 3px solid #1c96d3;
	border-radius: 50%;
	background-color: #eaeaea;
	z-index: 2;
}
.about-3 .list .yuan-md {
	width: 26px;
	height: 26px;
	left: 6px;
	top: 6px;
}
.about-3 .list .yuan-lg {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.about-3 .list .yuan-xs {
	width: 16px;
	height: 16px;
	top: 11px;
	left: 11px;
}
.about-3 .list .number {
	font-size: 24px;
	font-family: Arial;
	color: #454c51;
	position: absolute;
	width: 100px;
	text-align: center;
	left: -31px;
	top: -55px;
}
.about-3 .list .dash {
	width: 0px;
	height: 130px;
	border-left:1px dashed #454c51;
	position: absolute;
	left: 19px;
	top: 19px;
}
.about-3 .list .text {
	width: 130px;
	position: absolute;
	overflow: auto;
	top: 170px;
	left: -46px;
}
.about-3 .list .heng {
	width: 140px;
	border-top: 2px solid #1c96d3;
	position: absolute;
	left: 19px;
	top: 18px;
}
.about-3 .list li:last-child .heng{
	display: none;
}
.about-3 .list li:last-child {
	margin-right: 0;
}
.about-3 .list li:first-child {
	margin-left: 50px;
}
.about-4 {
	background-color: #fff;
}
.about-4 .content {
	font-size: 14px;
}
.main-bg img {
	width:100%;
}
.white-bg {
	background-color: #fff;
}
.tree {
	height: 72px;
	padding-top: 28px;
}
.tree a {
	display: inline-block;
	padding-right: 10px;
	margin-right: 10px;
	border-right:1px solid  #454c51;
	color: inherit;
	height: 15px;
	line-height: 14px;
}
.tree span {
	color: #1c96d3;
}
.server {
	padding: 160px 15px;
}
.server img {
	margin-left: 165px;
	max-width: 100%;
	float: left;
}
.server .title {
	font-size: 26px;
	padding-bottom: 21px;
}
.server .title span {
	color: #999;
}
.server .content {
	float: left;
	margin-left: 110px;
	width: 678px;
}
.server .button {
	width: 163px;
	height: 37px;
	border: 1px solid #454c51;
	line-height: 35px;
	display: inline-block;
	border-radius: 37px;
	text-align: center;
	color: #454c51;
	margin-top: 30px;
}
.server .button:hover {
	text-decoration: none;
	background-color: #454c51;
	color: #f8f8f8;
}
.server-2 {
	height: 520px;
	background: url('../images/img8.jpg') center no-repeat;
	padding-top: 160px;
	text-align: center;
}
.server-2 .title {
	font-size: 30px;
	color: #fff;
}
.server-2 .title span {
	color: #dfdfdf;
}
.server-2 article {
	color: #fff;
	margin: 35px 0 30px 0;
	font-size: 15px;
}
.server-2 .button {
	width: 163px;
	height: 37px;
	border: 1px solid #fff;
	line-height: 35px;
	display: inline-block;
	border-radius: 37px;
	text-align: center;
	color: #fff;
	margin-top: 30px;
}
.server-2 .button:hover {
	text-decoration: none;
	background-color: #fff;
	color: #454c51;
}
.my-model .close{
	position: absolute;
	right: -18px;
	top: -18px;
	border: 1px solid #fff;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	color: #fff;
	opacity: 1;
	z-index: 99;
}
.my-model .close span{
	color: #fff;
	line-height: 30px;
}
.my-model .modal-content{
	border-radius: 0;
	text-align: center;
}
.my-model .yuan {
	width: 173px;
	height: 173px;
	border: 2px solid #fff;
	line-height: 171px;
	text-align: center;
	font-size: 18px;
	display: inline-block;
	font-weight: bold;
	border-radius: 50%;
	margin: 60px auto;
	color: #fff;
}
.my-model .col-sm-4:nth-child(1){
	background: #4acaaa;
}
.my-model .col-sm-4:nth-child(2){
	background: #4892e5;
}
.my-model .col-sm-4:nth-child(3){
	background: #d86bf3;
}
.my-model .modal-content p{
	padding: 10px 30px 0px 30px;
	color: #fff;
	text-align: left;
	height: 200px;
}
.my-model2 img{
	max-width: 100%;
	margin-top: 88px;
	margin-bottom: 78px;
}
.my-model2 .col-sm-4:nth-child(1) .title {
	font-size: 25px;
	color: #1f9577;
}
.my-model2 .col-sm-4:nth-child(2) .title {
	font-size: 25px;
	color: #2064b0;
}
.my-model2 .col-sm-4:nth-child(3) .title {
	font-size: 25px;
	color: #ae2fcd;
}
.my-model2 span {
	font-size: 22px;
	color: #fff;
	display: inline-block;
	padding-bottom: 90px;
}
.innovation-1 {
	padding: 105px 0;
}
.innovation-1 img {
	max-width: 100%;
}
.innovation-1 .title {
	font-size: 18px;
	margin-top: 40px;
}
.innovation-2 {
	background-color: #fff;
}
.innovation-2 .button {
	width: 163px;
	height: 37px;
	border: 1px solid #454c51;
	line-height: 35px;
	display: inline-block;
	border-radius: 37px;
	text-align: center;
	color: #454c51;
	margin-top: 30px;
}
.innovation-2 .button:hover {
	background-color: #454c51;
	color: #fff;
}
.innovation-2-bottom {
	padding: 95px 0 65px 0;
}
.innovation-2-bottom img{
	max-width: 100%;
}
.manage-1 {
	height: 638px;
	background: url('../images/img15.jpg') center no-repeat;
	text-align: center;
	background-attachment: fixed;
}
.manage-1 h2 {
	color: #fff;
	margin: 210px 0 25px 0;
}
.manage-1 article{
	color: #fff;
	font-size: 15px;
}
.manage-1 .button {
	width: 163px;
	height: 37px;
	border: 1px solid #fff;
	line-height: 35px;
	display: inline-block;
	border-radius: 37px;
	text-align: center;
	color: #fff;
	margin-top: 30px;
}
.manage-1 .button:hover {
	background-color: #fff;
	color: #454c51;
}
.manage-2 .wrap {
	position: relative;
	overflow: hidden;
}
.manage-2 .black{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	color: #fff;
	font-size: 24px;
	padding-top: 35%;
	transition: all 0.2s linear;
    transform-origin: left top;
    transform: rotate(-90deg);
}
.manage-2 .wrap:hover .black {
	transform: rotate(0deg);
}
.manage-2 .black:before{
	position: absolute;
	content: " ";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.6;
	z-index: -1;
}
.process {
	margin-top: 75px;
}
.process .container	{
	border-bottom: 1px solid #d1d3d4;
	height: 100%;
}
.process-main {
	text-align: center;
	padding-bottom: 130px;
}
.process-main ul {
	margin: 0 auto;
	padding: 0 0 50px 0;
	width: 1px;
	height: 1190px;
	border-left: 1px solid #d1d3d4;
}
.process-main ul li {
	float: left;
	list-style-type: none;
	margin-top: 130px;
	width: 1px;
	height: 1px;
	position: relative;
}
.process-main .yuan-box {
	position: absolute;
	width: 58px;
	height: 58px;
	left: -29px;
	top: -29px;
	z-index: 10;
}
.process-main .yuan-box .yuan-1{
	width: 100%;
	height: 100%;
	background-color: #f7f7f7;
	border-radius: 50%;
	display: inline-block;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
}
.process-main .yuan-box .yuan-2{
	width: 38px;
	height: 38px;
	border: 1px solid #1b96d3;
	border-radius: 50%;
	display: inline-block;
	z-index: 2;
	position: absolute;
	left: 10px;
	top: 10px;
}
.process-main .yuan-box .yuan-3{
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #1b96d3;
	display: inline-block;
	z-index: 3;
	position: absolute;
	left: 18px;
	top: 18px;
}
.process-main .heng {
	position: absolute;
	width: 140px;
	border-bottom: 1px solid #d1d3d4;
	left: 0;
	top: 0;
}
.process-main .text {
	width: 190px;
	height: 60px;
	position: absolute;
	left: 140px;
	top: -30px;
	background-color: #f8f8f8;
	font-size: 24px;
	line-height: 60px;
	border-radius: 5px;
	transition: all 0.3s linear ;
	/* Firefox 4 */
	-moz-transition:all 0.3s linear ;
	/* Safari and Chrome */
	-webkit-transition:all 0.3s linear ;
	/* Opera */
	-o-transition:all 0.3s linear ;
}
.process-main .left .text {
	right: 140px !important;
	left: auto;
}
.process-main .left .heng {
	right: 0px !important;
	left: auto;
}
.process-main .left .yuan-box {
	transform: scale(0.58,0.58);
	-ms-transform: scale(0.58,0.58);	/* IE 9 */
	-webkit-transform: scale(0.58,0.58);	/* Safari 和 Chrome */
	-o-transform: scale(0.58,0.58);	/* Opera */
	-moz-transform: scale(0.58,0.58);	/* Firefox */
}
.process-main .text:hover {
	background-color: #1b96d3;
	color: #fff;
}
.spage-header ul{ padding:20px 0px; zoom:1; overflow:auto; text-align:center;}
.spage-header ul li{ display:inline; padding:0px 0px;}
.spage-header ul li a{ background-color:#fff; border:1px solid #e6e6e6; display:inline-block; font-size:18px; font-weight:bold; height:50px; line-height:24px; margin-left:-1px; padding:13px 43px; margin:2px 0;}
.spage-header ul li a:hover{ text-decoration:none; color:#2993df;}
.spage-header ul li.current a{ background-color:#2993df; border-color:#2993df; color:#fff; text-decoration:none;}
.subnav {
	text-align: center;
	padding: 50px 15px 5px 15px;
}
.subnav a {
	font-size: 16px;
	color: inherit;
	display: inline-block;
	padding-bottom: 5px;
}
.subnav a:hover {
	color: #257abb;
}
.subnav .active {
	color: #257abb;
	border-bottom: 2px solid #257abb;
}
.subnav span {
	display: inline-block;
	height: 25px;
	border-right: 2px solid #2c363c;
	margin: 0 35px;
	position: relative;
	top: 5px;
}
.news .list {
	position: relative;
	padding: 0 0 50px 0;
	margin: 0;
}
.news .list li {
	width: 286px;
	background-color: #f5f5f5;
	list-style-type: none;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin-top: 35px;
    /*margin-right: 10px;*/
}
.news .list li a {
	display: inline-block;
	font-size: 16px;
	padding-top:15px;
	line-height: 30px;
	color: inherit;
}
.news .list li a:hover {
	color: #257abb;
}
.news .list li .date {
	padding: 0px 25px 25px 25px;
	font-size: 14px;
	color: #91908c;
}
.news .list li img {
	width: 100%;
}
.view {
	padding-bottom: 70px;
}
.view .content {
	font-size: 15px;
	color: #2c363c;
	line-height: 1.5;
}
.view .content img {
	max-width: 100%;
}
.view h3 {
	margin-top: 35px;
	color: #2c363c;
}
.view .date {
	color: #91908c;
	padding-bottom: 25px;
}
.view .pull-right ul {
	padding: 0;
	margin: 0;
}
.view .pull-right li {
	width: 100%;
	float: left;
	margin-bottom: 25px;
	background-color: #f5f5f5;
	padding: 25px;
	list-style-type: none;
}
.view .pull-right .title {
	display: inline-block;
	width: 100%;
	line-height: 1.5;
	color: #2c363c;
	font-size: 18px;
}
.view .pull-right .right-date{
	padding-top: 30px;
	color: #91908c;
	display: inline-block;
}
.view .pull-right .title:hover {
	color: #257abb;
}
.clear {
	clear: both;
}
.videos {
	padding: 45px 15px;
}
.video-play {
	position: relative;
}
.video-play:before{
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:url('../images/img23.jpg') center no-repeat;
	background-size: cover; 
	z-index: 99;
}
.video-play:after {
	content:  '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.4;
	z-index: 100;
	clear: both;
}
.video-play .icon-play{
	background: url('../images/icon-19.png') center no-repeat;
	position: absolute;
	content: " ";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 101;
}
.videos-list a{
	display: inline-block;
	width: 100%;
	overflow: auto;
	padding-bottom: 15px;
}
.videos-list a img {
	max-width: 100%;
}
.videos .more {
	color: inherit;
	text-decoration: underline;
}
.videos .more:hover{
	color: #257abb;
}
.downloads ul{
	padding: 40px 0;
	margin: 0;
}
.downloads ul li {
	width: 100%;
	float: left;
	background-color: #f8f8f8;
	height: 65px;
	list-style-type: none;
	margin-bottom: 30px;
}
.downloads ul li div {
	line-height: 65px;
	font-size: 18px;
	color: #2c363c;
	float: left;
}
.downloads ul li .dian {
	padding: 0 25px;
	font-size: 30px;
}
.downloads ul li .date{
	padding-right: 35px;
}
.downloads ul li .download{
	width: 138px;
	height: 37px;
	background-color: #257abb;
	color: #fff;
	line-height: 37px;
	text-align: center;
	margin: 14px;
}
.downloads ul li .download:hover {
	background-color: #2c363c;
}
.contact .button {
	text-decoration: underline;
	padding-top: 20px;
	display: inline-block;
}
.contact {
	padding-bottom: 45px;
}
.products-subnav a{
	display: inline-block;
	width: 100%;
	height: 45px;
	background: #fff;
	padding-left: 32px;
	color: inherit;
	line-height: 45px;
}
.products-subnav a:hover {
	background-color: #f0f0f0;
}
.products-subnav .active{
	background-color: #1b96d3 !important;
	color: #fff;
}
.products-bg .container {
	border-bottom: none;
}
.products-type {
	background-color: #fff;
	min-height: 45px;
	width: 100%;
}
.products-type a {
	display: inline-block;
	padding: 0 20px;
	line-height: 43px;
	color: inherit;
	border-bottom: 2px solid #fff;
	float: left;
}
.products-type a:hover {
	border-bottom-color: #1b96d3;
}
.products-type .active {
	border-bottom-color: #1b96d3;
}
.product-type2 {
	float: right;
	height: 100%;
	min-width: 95px;
	text-align: center;
	line-height: 45px;
	position: relative;
	padding: 0 10px;
}
.product-type2:hover .dropdown-box{
	height: auto;
}
.dropdown-box {
	position: absolute;
	right: 0;
	top: 45px;
	background-color: #b5b5b5;
	height: 0;
	overflow: hidden;
	z-index: 99;
}
.dropdown-box a{
	width: 100%;
	height: 30px;
	border-bottom: none;
	text-align: center;
	line-height: 30px;
	color: #fff;
	white-space:nowrap;
}
.dropdown-box a:hover {
	background-color: #1b96d3;
}
.products-main {
	padding: 0px 15px;
}
.product {
	height: 390px;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 350px;
	border-bottom: 2px solid #fff;
	margin-top: 30px;
}
.product .title {
	text-align: center;
	height: 40px;
	display: inline-block;
	width: 100%;
}
.product:hover {
	border-bottom-color: #1b96d3;
}
.page {
	text-align: center;
	height: 195px;
	width: 100%;
	padding: 75px 15px 70px 15px;
}
.page span,.page  a {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-color: #fff;
	border: 1px solid #f0f0f0;
	margin-left: -1px;
	line-height: 48px;
	color: inherit;
	transition: all 0.3s linear ;
}
.page .pre a{
	font-size: 16px;
}
.page .current {
	background-color: #0093d5;
	color: #fff;
}
.page  a:hover {
	background-color: #f6f6f6;
}
.category-box-1 {
	background: -moz-linear-gradient(top, #dde4e8, #d0d6d8);
	background: -webkit-gradient(linear, 0 0, -9% 100%, from(#dde4e8), to(#d0d6d8));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dde4e8', endColorstr='#d0d6d8'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dde4e8', endColorstr='#d0d6d8')"; /* IE8 */
	background: -ms-linear-gradient(top,#dde4e8 0%,#d0d6d8 100%);
}
.category-box-2 {
	background: -moz-linear-gradient(top, #f97243, #f14251);
	background: -webkit-gradient(linear, 0 0, -9% 100%, from(#f97243), to(#f14251));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f97243', endColorstr='#f14251'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f97243', endColorstr='#f14251')"; /* IE8 */
	background: -ms-linear-gradient(top,#f97243 0%,#f14251 100%);
}
.category-box-4 {
	background: -moz-linear-gradient(top, #b8d839, #76cc50);
	background: -webkit-gradient(linear, 0 0, -9% 100%, from(#b8d839), to(#76cc50));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d839', endColorstr='#76cc50'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d839', endColorstr='#76cc50')"; /* IE8 */
	background: -ms-linear-gradient(top,#b8d839 0%,#76cc50 100%);
}
.category-box-6 {
	background: -moz-linear-gradient(top, #02e2f0, #0597d5);
	background: -webkit-gradient(linear, 0 0, -9% 100%, from(#02e2f0), to(#0597d5));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#02e2f0', endColorstr='#0597d5'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#02e2f0', endColorstr='#0597d5')"; /* IE8 */
	background: -ms-linear-gradient(top,#02e2f0 0%,#0597d5 100%);
}
.category-box h1 {
	font-size: 72px;
}
.category-box .container {
	background-repeat: no-repeat;
	background-position: left bottom ;
}
.category-box .content {
	margin-top: 255px;
	margin-bottom: 270px;
	float: right;
	margin-right: 90px;
}
.category-box .text{
	margin: 40px 0 65px 0;	
	line-height: 1.5;
}
.category-box .button {
	display: inline-block;
	width: 163px;
	height: 37px;
	line-height: 35px;
	border:1px solid #454c51;
	color: #454c51;
	text-align: center;
	border-radius: 37px;
}
.category-box .button:hover {
	background-color: #454c51;
	color: #fff;
}
.category-box .left {
	background-position: bottom right;
}
.category-box .left .content {
	float: left;
	color: #fff;
	margin-left: 30px;
}
.category-box .left p {
	color: #fff;
}
.category-box .left .button {
	color: #fff;
	border-color: #fff;
}
.category-box .left .button:hover {
	background-color: #fff;
	color: #454c51;
}
.about-3 .list-main {
	overflow-x: hidden;
	height: 400px;
}
.fixed-nav {
	position: fixed;
	background-color: #fff;
	border-bottom: 1px solid #a0dfff;
}
.fixed-nav .navbar-brand {
	background-image: url("../images/logo2.png");
}
.fixed-nav .navbar-right a {
	color: #000 !important;
}
 .fixed-nav .navbar-nav>.open>a,  .fixed-nav  .navbar-nav>.open>a:focus,  .fixed-nav  .navbar-nav>.open>a:hover {
  color: #000 !important;
}
.home-2 img:hover {
	opacity: 0.8;
}
.backTop {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 43px;
	height: 43px;
	z-index: 9999;
	text-align: center;
	line-height: 48px;
	font-size: 20px;
	cursor: pointer;
	display: none;
}
.backTop:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	z-index: -1;
}
.backTop:hover {
	background-color: #000;
	color: #fff;
}
.backTop span {
	color: #fff;
}
.category-ani .container {
	transition: all 1s ease-out ;
	background-position-y: center !important;
}

@media (min-width: 1250px){
	.container{
		width: 1250px;
	}
	.home-img {
		height: 768px;
	}
	.about article {
		width: 1030px;
		margin: 0 auto;
	}
	.about article div {
		padding: 0;
	}
	.about .col-sm-2 {
		width: 20%;
	}
	.about .col-sm-1 {
		width: 6%;
	}
	.about-2 article {
		width: 854px;
	}
	.my-model .modal-dialog{
		width: 1250px;
		margin-top: 100px;
	}
	.news .list {
		width: 1276px;
		margin: 0 auto;
	}
	.products .row {
		margin: 0 -30px;
	}
	.navbar-brand,.navbar-nav>li>a {
		height: 75px;
		line-height: 75px;
		padding: 0 32px;
	}
	.navbar-nav>li>a:hover {
		/*border-bottom: 1px solid #a0dfff;*/
	}
	.home-2 .content {
		width: 90%;
	}
	.home-2 .col-sm-4:first-child {
		padding-left: 0;
	}
	.home-2 .col-sm-4:last-child {
		padding-right: 0;
	}
	.about .col-sm-4:nth-child(4) .text {
		padding-right: 45px;
	}
	.dropdown-menu {
		top: 90%;
	}
	.category-box .container {
		width: 1150px;
	}
	.news .list li {
		margin-left: 16px;
		margin-right: 16px;
	}
}

@media (max-width: 1250px){
	.my-model .modal-dialog{
		width: 100%;
		margin-top: 100px;
	}
	.about .number,.about .text {
		display: inline-block;
		width: 100%;
		padding-bottom: 0;
		height: 180px;
	}
	.about .text {
		padding: 0;
		line-height: 30px;
	}
	.navbar-default .navbar-nav>li>a {
	  font-size: 14px;
	}
	.home-img h1 {
		font-size: 40px;
		line-height: 61px;
		margin-top: 145px;
	}
	.home-img article {
	  font-size: 17px;
	}
	.home-img .icon-img {
	margin:20px auto;
    }
	.home-img .icon-img img {
	width:70%;
}
	.home-img .button {
	  /*margin-top: 60px;*/
	  width: 150px;
	  height: 40px;
	  /*border-radius: 25px;*/
	  line-height: 38px;
	  font-size: 14px;
	  margin-bottom: 50px;
	}
	.home-2 img {
		/*width: 33%;*/
	}
	.home-2 .content {
		width: 67%;
		padding-left: 30px;
	}
	.home-2 .title {
		margin-top: 30px !important;
	}
	.home-3 .pull-right {
	  width: 100%;
	  height: 800px;
	  padding-top: 255px;
	  color: #fff;
	}
	.home-3 .pull-right .content {
	  width: 100%;
	}
	.search-main{
	visibility: hidden;
}
	footer ul {
		margin: 0;
		padding: 0 10px;
		width: 50%;
		height:220px;
		float: left;
		overflow:hidden;
	}
	.server img {
		width: 15%;
		margin-left: 10%;
	}
	.server .content {
		width: 65%;
		margin-left: 10%;
	}
	.videos-list {
		padding: 15px 0;
	}
	.videos-list a{
		width: 33%;
		float: left;
		padding: 0px;
	}
	.videos-list a:nth-child(3n-1){
		margin:0 0.5%;
	}
	.videos-list img {
		width: 100%;
	}
	.videos-list .more {
		float: right;
		padding-top: 20px;
	}
	.products .row{
		margin-left: -30px;
		margin-right: -30px;
	}
	.news .list li {
		width: 30%;
		margin-right: 1.5%;
		margin-left: 1.5%;
	}
}

@media (max-width: 995px){
	.home-2 .content {
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.home-2 img {
		width: 80%;
		/*margin-left: 25%;	*/
	}
	.navbar-default .container {
		width: 100%;
	}
	.server img {
		width: 15%;
		margin-left: 0;
	}
	.server .content {
		width: 80%;
		margin-left: 5%;
	}
	.innovation-2-bottom .black {
		font-size: 18px;
	}
	.products-subnav a{
		width: auto;
		padding: 0 10px;
		float: left;
	}
}

@media (max-width: 768px){
	.home-img {
		background-attachment:initial;
	}
	.home-img h1 {
	  font-size: 30px;
	  line-height: 61px;
	  padding-top: 30%;
	  margin-top: 0px;
	}
	.home-2 h1 {
	  text-align: center;
	font-size: 25px;
	line-height: 60px;
	color: #e51520;
	font-weight:bold;
	}
	.home-2 article {
	text-align: center;
	font-size: 14px;
	font-weight:500;
	color: #5c5c5c;
}
	.my-model .modal-dialog{
		margin-left: 0;
		margin-right: 0;
		padding: 0 20px;
	}
	.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	  background-color: transparent !important;
	  border: none;
	}
	.navbar-toggle .icon-bar {
	  display: block;
	  width: 32px;
	  height: 3px;
	  border-radius: 1px;
	  background-color: #fff !important;
	}
	.fixed-nav .navbar-toggle .icon-bar {
		background-color: #000 !important;
	}
	.navbar-nav {
		/*padding: 20px 0;*/
		margin: 0 -15px;
		position: relative;
	}
	.black-bg {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: -1;
		background-color: #000;
		left: 0;
		top: 0;
		opacity: 0.7
	}
	.fixed-nav .black-bg {
		background-color: #fff;
		opacity: 1;
	}
	.navbar-collapse {
		border: none;
	}
	.navbar-nav .dropdown-menu a {
		color: #fff !important;
		text-align: left;
	}
	.fixed-nav .navbar-nav .dropdown-menu a {
		color: inherit !important;
	}
	.language-active:before{
		display: none;
	}
	.language {
		padding: 5px 15px !important;
	}
	.home-2 img {
		/*margin-top: 50px;
		width: 40%;
		margin-left: 30%;*/
	}
	.home-2 .title {
		font-family:Impact;
		font-size: 40px;
		font-weight:bold;
		text-align: center;
		padding: 15px 0;
		color:#666;
	}
	.home-2 .titlei {
		font-family:Impact;
		font-size: 20px;
		font-weight:bold;
		text-align: center;
		padding: 15px 0;
		color:#666;
	}
	.home-2 {
		padding-bottom: 50px;
	}
	.home-3 .title {
	font-size: 35px;
	line-height: 80px;
	font-weight:bold;
	color: #fff;
}
.home-3 .content {
	font-size: 14px;
	padding:30px 0;
	width: 516px;
	color: #fff;
}
	.home-3 .pull-right {
		height: 500px;
		padding-top: 110px;
	}
	.home-3 .bg {
		height: 500px;
	}
	.home-4 .title {
	font-size: 34px;
	font-weight:bold;
	color:#5b5b5b;
	padding-bottom: 15px;
}
	.copyright {
		padding-top: 20px;
	}
	.copyright .text-right {
		text-align: left;
	}
	.copyright .text-left {
		line-height: 20px;
	}
	.about .text {
		height: 50px;
	}
	.about .number {
		padding-top: 20px;
		height: 100px;
	}
	.about {
		padding-bottom: 30px;
	}
	.home-2 {
		padding: 0px 15px  50px 15px !important;
	}
	.server {
		padding-top: 80px;
	}
	.server img {
		width: 40%;
		margin-left: 30%;
	}
	.server .content {
		width: 100%;
		margin-top: 20px;
		text-align: center;
		margin-left: 0;
	}
	.innovation-1 {
		padding: 50px 0;
	}
	.innovation-1 .title {
		margin: 0;
		padding: 20px 0;
	}
	.innovation-2-bottom .wrap img{
		width: 100%;
	}
	
	.process-main ul .yuan-box{
		transform: scale(0.7,0.7);
	}
	.process-main ul .left .yuan-box{
		transform: scale(0.5,0.5);
	}
	.process-main ul .heng{
		width: 60px;
	}
	.process-main ul .text{
		width: 90px;
		height: 34px;
		font-size: 14px;
		line-height: 34px;
		left: 60px;
		top: -17px;
	}
	.process-main ul .left .text{
		right: 60px !important;
		top: -17px;
	}
	.process {
	  margin-top: 51px;
	}
	.subnav a {
	  font-size: 16px;
	}
	.subnav span {
	  display: inline-block;
	  height: 25px;
	  border-right: 2px solid #2c363c;
	  margin: 0 15px;
	  position: relative;
	  top: 5px;
	}
	.videos-list {
		padding: 15px 0;
	}
	.videos-list a{
		width: 100%;
		float: left;
		padding: 15px;
		margin: 0 !important;
	}
	.videos-list img {
		width: 100%;
	}
	.videos-list .more {
		float: right;
		padding-top: 20px;
	}
	.video-play .icon-play {
		background-size:15%;
	}
	.downloads li {
		height: 50px !important;
		margin-bottom: 15px !important;
	}
	.downloads div{
		line-height: 50px !important;
	}
	.downloads .dian {
		padding: 0 10px !important;
		font-size: 20px !important;
	}
	.downloads .title {
		font-size: 15px;
	}
	.downloads .date {
		display: none;
	}
	.downloads .download {
		height: 34px !important;
		margin: 8px 8px 8px 0 !important;
	}
	.page {
		padding-top: 0;
		min-height: 90px;
		padding-bottom: 50px;
		font-size: 12px;
	}
	.page span,.page a {
		height: 40px;
		width: 40px;
		line-height: 38px;
		margin-top: 10px;
	}
	.page span a{
		line-height: 38px;
	}
	.contact img {
		margin-top: 30px;
	}
	.category-box .container {
		background-position: center 60px !important;
		background-size: auto 300px !important;
	}
	.category-box .content {
		margin-right: 0;
		margin-top: 400px;
		float: left;
		margin-left: 0px;
		margin-bottom: 50px;
		width: 100%;
		text-align: center;
		padding: 0 15px;
	}
	.category-box .left .content {
		margin-left: 0;
	}
	.product-type2 {
		width: 100%;
	}
	.product-type2 .glyphicon {
		display: none;
	}
	.product-type2 .text {
		display: inline-block;
		float: left;
		height: 100%;
		padding: 0 20px;
	}
	.products .row {
		margin-left: -15px;
		margin-right: -15px;
	}
	.product-type2 .dropdown-box {
		background-color: transparent;
		height: 100%;
		position: static;
		float: left;
		left: 0;
		top: 0;
	}
	.product-type2 .dropdown-box a {
		color: inherit;
		height: 100%;
		width: auto;
		line-height: 43px;
		border-bottom: 2px solid #fff;
	}
	.product-type2 .dropdown-box a:hover {
		border-bottom-color: #1b96d3;
		background-color: transparent;
	}
	.products-main .col-sm-4 {
		padding: 0;
	}
	.products-main .row {
		padding-bottom: 20px;
	}
	.about-2 {
		background-attachment:initial;
	}
	.tree  .row {
		padding:  0 15px;
	}
	.navbar-brand {
		background-position: 15px center;
		width: 150px;
	}
	.news .list li {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}

@media (min-width: 768px){
	.navbar-brand,.navbar-nav>li>a {
	  height: 75px;
	  line-height: 75px;
	  padding-top: 0;
	  padding-bottom: 0;
	}
	.navbar-right {
	  margin-right: -30px;
	}
	.home-2 .row {
		padding: 40px 0;
	}
	.home-2 .title {
		font-family:Impact;
		padding-top:50px;
		font-size: 50px;
		font-weight:bold;
		text-align: center;
		color:#666;
	}
	.home-2 .titlei {
		font-family:Impact;
		padding-top:50px;
		font-size: 21px;
		font-weight:bold;
		text-align: center;
		color:#666;
	}
	.home-2 p {
		font-size: 18px;
		text-align:center;
		color: #393939;
	}
	.home-2 .size {
		font-size: 15px;
		padding:12px 0;
		text-align:center;
		color: #393939;
	}
	.view .wrap {
		padding-left: 0px;
	}
	.video-main {
		height: 678px;
		float: left;
	}
}
@media (max-width: 1204px){
	.category-box .container {
		background-position: left center;
	}
	.category-box .left  {
		background-position: right center;
	}
	.category-box .content {
		margin-right: 0;
	}
	.category-box .left .content {
		margin-left: 0;
	}
}
@media (max-width: 1000px){
	.category-box .container {
		background-size: 35% auto;
	}
	.category-box .content h1{
		font-size: 40px;
	}
}
.fixed-nav .navbar-nav>li>a:hover,.fixed-nav  .navbar-nav>li>a:focus {
	color: #000 !important;
}
.fixed-nav .language-active:before{
	background-color: #1c96d3;
	opacity: 1;
}
.fixed-nav .navbar-right .language-active {
	color: #1c96d3 !important;
}
.modal-backdrop {
	opacity: 0.8 !important;
	z-index: 99999;
}
.modal {
	z-index: 1000000;
}
@media (min-width: 768px){
	.modal-content {
	  box-shadow: none;
	}
	.fixed-nav .nav-active span{
		position: absolute;
		left: 0;
		top: 60px;
		width: 100%;
		height: 2px;
		display: inline-block;
		padding: 0 26px;
	}
	.fixed-nav .navbar-right .nav-active {
		color: #1c96d3 !important;
	}
	.fixed-nav .nav-active span b{
		width: 100%;
		height: 100%;
		background-color: #1c96d3;
		display: inline-block;
		line-height: 2px;
		float: left;
	}
	.dropdown-menu {
		display: block;
	}
	.dropdown-menu li {
		height: 0;
		overflow: hidden;
		transition: all 0.3s linear ;
	}
	.open .dropdown-menu li {
		height: 35px;
	}
	.fixed-nav .navbar-nav>li>.language-active,.fixed-nav .navbar-nav>li>.language-active:hover,.fixed-nav  .navbar-nav>li>.language-active:focus {
		color: #fff !important;
	}
}
.products-main .main span {
	display: inline-block;
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 2;
}
.products-main .text-box .title {
	color: #1b96d3;
	font-size: 31px;
	padding-bottom: 25px;
	border-bottom: 1px solid #fff;
}
.products-main .text-box .text-title {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding-top: 25px;
	padding-bottom: 10px;
}
.products-main .text-box .text {
	color: #fff;
	font-size: 15px;
	line-height: 30px;
	height: 120px;
}
.products-main .text-box .icon {
	height: 50px;
	padding: 12px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.products-main .text-box .icon img {
	height: 100%;
	margin: 0 auto;
}
.products-subnav-bg {
	background-color: #fff;
}
#hit {
	position: relative;
}
#hit .glyphicon-chevron-left,#hit .glyphicon-chevron-right {
	font-size: 20px;
	color: #1c96d3;
	margin-left: 20px;
	margin-right: 20px;
}