@charset "utf-8";
/* CSS Document */
.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.cb-slideshow:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 50px;
    right: 50px;
    
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3 {
    
    font-size: 40px;

    color: rgba(255,255,255,0.8);
}

.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -webkit-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -moz-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -moz-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -o-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -o-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -ms-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -ms-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
	.cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) { 
	.cb-slideshow li div h3 { font-size: 50px }
}


.content{margin: 100px auto 50px auto;}
.content .dqwz{border-top: 1px solid rgba(255,255,255,0.1);}
.content .dqwz .box{padding:0 10%;text-align: right;line-height: 50px;}
.content .dqwz .box i{margin-right: 10px;}
.content .con_box{padding:3% 10%;}
.content .con_box .subnav{margin-bottom: 20px;}
.content .con_box .subnav ul{}
.content .con_box .subnav li{float: left;margin-right: 20px;line-height: 40px;width: 100px;text-align: center;}
.content .con_box .subnav li a{display: block;}
.content .con_box .subnav li a:hover{display: block;text-decoration: none;}
.content .con_box .subnav li a.current{color:#FFF;background:rgba(102,102,102,0.3);}
.content .con_box .about{line-height: 30px;}
.content .con_box .about p{padding-bottom: 10px;}
.content .con_box .about img{max-width: 100%;}
.content .con_box .server{padding-top: 30px;max-width:800px;margin:0 auto;}
.content .con_box .server ul{}
.content .con_box .server li{float: left;width: 46%;position: relative;margin:2%;}
.content .con_box .server li .title{position: absolute;left: 20px;bottom: 20px;z-index: 10;}
.content .con_box .server li img{max-width: 100%;}
.content .con_box .server li .bg{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;background: rgba(255,0,0,0.1);transition: all 0.3s;}
.content .con_box .server li:hover .bg{opacity: 0;}



.news{}
.news ul{ margin-left:-2%;} 
.news li{border-bottom: 1px dotted #999;padding-bottom: 15px;margin-bottom: 15px;  width:48%; margin-left:2%; float: left;} 
.news li .pic{width: 180px;float: left;margin-right: 15px;} 
.news li .pic img{width: 100%;}
.news li .txt{}
.news li .txt h2{font-size: 16px;line-height: 30px;margin-bottom: 10px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news li .txt p{line-height: 24px; overflow:auto; height:70px;}


.fenye{text-align: center;overflow:hidden; margin-top:30px;}
.fenye ul{font-size: 0px;}
.fenye li{display: inline-block;font-size: 14px;width: 30px;height: 30px;line-height: 30px;text-align: center;}
.fenye li a.current{color: #00a7e3;}


.news_con{}
.news_con .title{border-bottom: 1px solid rgba(255,255,255,0.2);padding-bottom: 10px;text-align: center;}
.news_con .title h1{font-size: 18px;font-weight: bold;line-height: 30px;}
.news_con .title .txt{line-height: 30px;font-size: 12px;color: #999;}
.news_con .title .txt span{margin-right: 30px;}

.con_box .scroll{padding-right: 20px;}

.con_box .con_txt{line-height: 24px;margin-top: 20px;}
.con_box .con_txt p{padding:10px 0;}
.con_box .con_txt img{max-width: 100%;}

.sxy{border-top: 1px solid rgba(255,255,255,0.2);margin-top: 20px;line-height: 24px;padding-top: 10px;}


.case{}
.case ul{}
.case li{float: left;width:18%;margin: 1% ;}
.case li p{line-height:30px;text-align:right;}
.case li img{width: 100%;}

.contact{line-height: 24px;}
.contact i{font-size: 24px;}
.contact a{color: #F00;}
.contact a:hover{text-decoration: none;}

.zxly_er ul{}
.zxly_er li{ width:49%; margin-bottom:1%;}
.zxly_er li .input_txt{ width:96%; height:40px; border:1px solid rgba(255,255,255,0.2); outline:medium; padding:0 2%; font-family:"微软雅黑";background: none;}
.zxly_er li.textarea{ width:70%; margin:0;}
.zxly_er li.textarea textarea{ width:98%; height:100px; border:1px solid rgba(255,255,255,0.2); outline:medium; padding:1%; font-family:"微软雅黑";background: none;}
.zxly_er .more{margin-top:20px;}
.zxly_er .input_btn{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-right:5px; color:#FFF; background:rgba(102,102,102,0.3);outline: medium;}
.zxly_er .input_btn2{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-left:5px; color:#FFF; background:rgba(102,102,102,0.3);outline: medium;}


.con_txt_er{max-width:300px;margin:0 auto;line-height:30px;padding:20px 0;}