@charset "utf-8";

body{ font-family: "微软雅黑"; font-size:12px; color: #4f4f4f; background:#f0f0f0}
*{ box-sizing:border-box}
input,textarea{ font-family:Arial; font-size:12px; color:#666;}
a{ font-family: "微软雅黑"; 	color: #4f4f4f; font-size:12px; text-decoration:none}

.head{  padding-top:10px; padding-bottom:5px; transition:0.5s}
.head h1{ margin:0px;}



.navbar-nav > li{ line-height:55px;}
.navbar-nav > li > a{ line-height:55px;}

.banner { overflow:hidden}
.banner .container{ position:relative; height:498px;}
.banner .po{ position:absolute; height:498px; left:50%; margin-left:-960px; width:1920px; text-align:center}
.head{ position:fixed; top:0px; left:0px; width:100%; z-index:999}
.banner .po h1{ color:#fff; position:absolute; text-align:center; bottom:20px; font-size:36px; width:100%}
.shuaixuan{ background:#f7f8f8; padding-top:14px; padding-bottom:14px;}

.shuaixuan .search{ height:32px; border:1px solid #d4d4d4; background:#fff; border-radius:3px; position:relative}
.shuaixuan .search .key{ height:32px; width:100%; line-height:32px; font-family:"微软雅黑"; color:#666; font-size:14px; text-indent:10px;}
.shuaixuan .search .sub{ background:url(../images/search.png) no-repeat center center; width:35px; height:32px; position:absolute; right:3px; top:0px; z-index:11; border:none; text-indent:-9999px;}
.shuaixuan .color-box{ line-height:32px; text-align:left}
.shuaixuan .color-box a{ display:inline-block; width:18px; margin-top:6px; height:18px; margin-left:13px;}
.shuaixuan .color-box .c1{ background:url(../images/color.png) no-repeat 0 0;}
.shuaixuan .color-box .c2{ background:url(../images/color.png) no-repeat -31px 0;}
.shuaixuan .color-box .c3{ background:url(../images/color.png) no-repeat -62px 0;}
.shuaixuan .color-box .c4{ background:url(../images/color.png) no-repeat -93px 0;}
.shuaixuan .color-box .c5{ background:url(../images/color.png) no-repeat -124px 0;}
.shuaixuan .color-box .c6{ background:url(../images/color.png) no-repeat -155px 0;}
.shuaixuan .color-box .c7{ background:url(../images/color.png) no-repeat -186px 0;}
.shuaixuan .color-box .c8{ background:url(../images/color.png) no-repeat -217px 0;}
.shuaixuan .color-box .c9{ background:url(../images/color.png) no-repeat -248px 0;}
.shuaixuan .color-box .c10{ background:url(../images/color.png) no-repeat -279px 0;}
.shuaixuan .color-box .c11{ background:url(../images/color.png) no-repeat -310px 0;}
.shuaixuan .color-box .c12{ background:url(../images/color.png) no-repeat -341px 0;}
.shuaixuan .color-box .c13{ background:url(../images/color.png) no-repeat -372px 0;}
.shuaixuan .color-box a.on{ background:url(../images/color.png) no-repeat right center}
.shuaixuan .color-box span{ float:left;}

.content{ padding-top:22px;}


.footer{ margin-top:0px; color:#707070; padding-top:15px; padding-bottom:10px; background:#262626; font-family:Arial}
.footer a{ font-family:Arial; padding:0 4px; color:#707070}



.list-pics .slick-dots{ bottom:0px;}
img{ max-width:100%}

.list-pics h3{ margin:0px;}

.list-pics-info h3{ margin:0px;}
.list-pics-info .info{ background:#fff; padding:40px 25px; font-size:14px; color:#959595}
.list-pics-info .info h4{ font-size:14px; font-weight:bold; margin-bottom:24px;}
.list-pics-info .info p{ margin-bottom:30px; line-height:25px; text-indent:2em}
.list-pics-info .info .view{ text-align:center}
.list-pics-info .info .view a{ display:inline-block; color:#fff; background:#002978; padding:5px 25px; border-radius:15px;}

.list-pics-info .slick-dots{ bottom:-20px; height:40px;}

.searchable-select-hide {
  display: none;
}

.searchable-select {
  display: inline-block;
  min-width: 200px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  position: relative;
  outline: none;
}
.shuaixuan .searchable-select{ position:relative; z-index:999}
.searchable-select-holder{
  padding: 6px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  min-height: 30px;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.searchable-select-caret {
  position: absolute;
  width: 0;
  height: 0;
  box-sizing: border-box;
  border-color: black transparent transparent transparent;
  top: 6px;
  bottom: 0;
  border-style: solid;
  border-width: 5px;
  margin: auto;
  right: 10px;
}

.searchable-select-dropdown {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 4px;
  border-top: none;
  top: 28px;
  left: 0;
  right: 0;
}

.searchable-select-input {
  margin-top: 5px;
  border: 1px solid #ccc;
  outline: none;
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
  width: 100%; display:none
}

.searchable-scroll {
  margin-top: 4px;
  position: relative;
}

.searchable-scroll.has-privious {
  padding-top: 16px;
}

.searchable-scroll.has-next {
  padding-bottom: 16px;
}

.searchable-has-privious {
  top: 0;
}

.searchable-has-next {
  bottom: 0;
}

.searchable-has-privious, .searchable-has-next {
  height: 16px;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  z-index: 10;
  background-color: white;
  line-height: 8px;
  cursor: pointer;
}

.searchable-select-items {
  max-height: 400px;
  overflow-y: scroll;
  position: relative;
}

.searchable-select-items::-webkit-scrollbar {
  display: none;
}

.searchable-select-item {
  padding: 5px 5px;
  cursor: pointer;
  min-height: 30px;
  box-sizing: border-box;
}

.searchable-select-item.hover {
  background: #555;
  color: white;
}

.searchable-select-item.selected {
  background: #28a4c9;
  color: white;
}

.waterfull ul li .a-img{ position:relative}
.waterfull ul li:hover .a-img .focus{ background:url(../images/opacity.png) repeat; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.waterfull ul li:hover .a-img .focus span{ background:url(../images/focus.png) no-repeat center center; position:absolute; width:60px; height:60px; left:50%; top:50%; margin-left:-30px; margin-top:-30px;}

.waterfull ul li:focus .a-img .focus{ background:url(../images/opacity.png) repeat; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.waterfull ul li:focus .a-img .focus span{ background:url(../images/focus.png) no-repeat center center; position:absolute; width:60px; height:60px; left:50%; top:50%; margin-left:-30px; margin-top:-30px;}




.list-news .waterfull ul li{ padding:0px; border:none; color:#7b7b7b; font-size:14px; font-family:Arial}
.list-news .waterfull ul li .a-img img{ width:100%;}
.list-news .waterfull ul li .pd{ padding:10px;}
.list-news .waterfull ul li .pd h2{ margin-top:0px; font-size:14px; color:#4f4f4f; padding:0px; padding-bottom:10px;}
.list-news .waterfull ul li .other span{ padding-right:10px;}
.list-news .waterfull ul li .other span a{ color:#7b7b7b; font-size:14px;font-family:Arial}
.list-news .waterfull ul li:hover{ color:#7b7b7b;}

.result{ padding:45px 0px; text-align:center}
.result span{ border:1px solid #d1d1d1; border-radius:3px; padding:10px 17px; color:#303030}

.carousel-indicators li{ background:#c6c6c6}
.carousel-indicators .active{ background:#94c721}

.gray-bg{ background:#f0f0f0}
.gray-bg .title{ padding:50px 15px 35px; text-align: center}
.gray-bg .title h3{ color:#484848; font-size:36px;}
.gray-bg .title p{ font-size:16px;}

.view-more{ background:#262626; color:#fff; padding:30px 15px; text-align:center}
.view-more a{ font-family:Arial; color:#fff; font-size:18px;}

.fix-about{ background:url(../images/fix-about.jpg) no-repeat center center fixed; color:#fff}
.fix-about .title{ text-align:center; padding-top:100px; padding-bottom:30px;}
.fix-about .title h3{ font-size:36px;}
.fix-about .title p{ font-size:16px;}
.fix-about .disc{ line-height:25px; font-size:14px;}

.fix-about .more{ padding-top:50px; padding-bottom:100px; text-align:center}
.fix-about .more a{ background:#6bc30d; display:inline-block; padding:15px 35px; color:#fff}





.list-cat-news{ background:#f0f0f0; padding-bottom:70px;}
.list-cat-news .title{ padding:45px 15px 12px; text-align: center}
.list-cat-news .title h3{ color:#484848; font-size:36px;}
.list-cat-news .title p{ font-size:16px;}
.list-cat-news .tab{ text-align: center}
.list-cat-news .tab ul{ display:inline-block; padding:0px; list-style:none}
.list-cat-news .tab ul li{ color:#fff; padding:6px 25px; cursor:pointer; border-radius:8px; float:left; margin:0 5px; font-family:Arial; font-size:15px; background:#6bc30d}
.list-cat-news .tab ul li.on{ background:#505050;}
.tab-content ul{ padding:0px; overflow:hidden}
.tab-content .lists{ display:none}


.list-cat-news .lists ul li{ padding:0px; border:none; float:left; display:inline-block; width:25%; padding:7px; color:#7b7b7b; font-size:14px; font-family:Arial}
.list-cat-news .lists ul li .a-img img{ width:100%;}
.list-cat-news .lists ul li .pd{ padding:10px; background:#fff}
.list-cat-news .lists ul li .pd h2{ margin-top:0px; margin-bottom:0px; font-size:14px; color:#4f4f4f; padding:0px; padding-bottom:10px;}
.list-cat-news .lists ul li .other span{ padding-right:10px;}
.list-cat-news .lists ul li .other span a{ color:#7b7b7b; font-size:14px;font-family:Arial}
.list-cat-news .lists ul li:hover{ color:#7b7b7b;}




.list-news .lists ul li{ padding:0px; border:none; float:left; display:inline-block; width:25%; padding:7px; color:#7b7b7b; font-size:14px; font-family:Arial}
.list-news .lists ul li .a-img img{ width:100%;}
.list-news .lists ul li .pd{ padding:10px; background:#fff}
.list-news .lists ul li .pd h2{ margin-top:0px; margin-bottom:0px; font-size:14px; color:#4f4f4f; padding:0px; padding-bottom:10px;}
.list-news .lists ul li .other span{ padding-right:10px;}
.list-news .lists ul li .other span a{ color:#7b7b7b; font-size:14px;font-family:Arial}
.list-news .lists ul li:hover{ color:#7b7b7b;}




.contact{ background: url(../images/foot-bg.jpg) no-repeat center center fixed; padding-bottom:10px;}

.contact .title{ padding:30px 15px 35px; text-align: center}
.contact .title h3{ color:#fff; font-size:36px;}
.contact .title p{ font-size:16px; color:#969696}


.contact .col-md-4{font-family:"宋体"; font-size:14px; color:#969696; font-weight:300}
.contact .col-md-4 h4{ margin-bottom:20px; font-size:14px;}
.contact .col-md-4 .ewm{ text-align:center; overflow:hidden; padding-top:20px;}
.contact .col-md-4 .ewm p{ display:inline-block; text-align:left; float:left; margin-right:20px;}
.contact .col-md-4 .ewm p span{ display:block; line-height:30px; text-align:center}
.contact .col-md-4 p{ margin-bottom:4px;}

.form-box ul{ list-style:none;}
.form-box ul li{ padding-bottom:5px; position:relative}
.form-box ul li label{ width:90px; line-height:30px; position:absolute; top:0px; left:0px; padding-right:15px; text-align:right; font-family:"宋体"; font-size:14px; color:#969696; font-weight:300}
.form-box ul li label em{ color:#ed2024; font-style:normal}
.form-box ul li p{ padding-left:90px;}
.form-box ul li p input{ border:1px solid #969696; height:30px; line-height:30px; text-indent:10px; font-size:14px; color:#666; width:100%; border-radius:3px; background:none}
.form-box ul li p textarea{ border:1px solid #969696; min-height:110px; line-height:25px; padding:8px; font-size:14px; color:#666; width:100%; border-radius:3px; background:none}
.form-box ul li p .yzm{ width:80px;}
.form-box ul li p .sub{ width:100px; text-align:center; text-indent:0px;  color:#fff; background:#505050; border-color:#505050}


.flink-box{ background:#fff}

.list-server{ background:#fff; padding-bottom:90px;}
.list-server .title{ padding:50px 15px 35px; text-align: center}
.list-server .title h3{ color:#484848; font-size:36px;}
.list-server .title p{ font-size:16px; color:#969696}
.list-server .item{ text-align:center}
.list-server .item .pic{ width:166px; transition:0.5s; display:inline-block; height:166px; border:8px solid #f1f1f1; border-radius:50%;}



.list-server .item h5{ font-size:14px; font-weight:bold; color:#525252}
.list-server .item p{ font-size:14px; font-weight:200; color:#525252}
.list-server .item .s1{ background:#3abb6b url(../images/s1.png) no-repeat center center}
.list-server .item .s2{ background:#5990ff url(../images/s2.png) no-repeat center center}
.list-server .item .s3{ background:#a6d5f3 url(../images/s3.png) no-repeat center center}
.list-server .item .s4{ background:#fec02d url(../images/s4.png) no-repeat center center}
.list-server .item .s5{ background:#a461b0 url(../images/s5.png) no-repeat center center}


.list-server .item:hover .s1{ background:#fff url(../images/s1-hover.png) no-repeat center center}
.list-server .item:hover .s2{ background:#fff url(../images/s2-hover.png) no-repeat center center}
.list-server .item:hover .s3{ background:#fff url(../images/s3-hover.png) no-repeat center center}
.list-server .item:hover .s4{ background:#fff url(../images/s4-hover.png) no-repeat center center}
.list-server .item:hover .s5{ background:#fff url(../images/s5-hover.png) no-repeat center center}




.list-server .slick-dots{}


.t-nav{ border-bottom:1px solid #dadada; text-align:center}
.t-nav ul{ display:inline-block; padding-left:0px; margin:0px; margin-bottom:-4px; list-style:none}
.t-nav ul li{ padding:0 22px; font-size:14px; float:left; display:inline; height:86px; line-height:84px;}
.t-nav ul li a{ color:#494949; cursor:pointer; font-size:14px; height:86px; line-height:84px; display:block}
.t-nav ul li .current{ color:#24b727; border-bottom:3px solid #24b727}
.t-nav ul li .current a{color:#24b727;}

.t-nav2 ul li.current{ color:#24b727; border-bottom:3px solid #24b727}
.t-nav2 ul li.current a{color:#24b727;}




.content-texs{ padding:25px 0px;}
.content-texs .col-md-12{ padding:0 25px;}
.content-texs .col-md-12 img{ padding-bottom:20px;}
.content-texs .col-md-12 p{ color:#505050; font-size:14px; padding-bottom:20px; line-height:24px;}

.content-texs .swidth{ padding-left:120px; padding-right:120px;}
.content-texs .come-form{ padding-top:40px;}
.content-texs .come-form p{ color:#818181; padding:0px; margin:0px;}



.urhere{ border-bottom:1px solid #dadada; padding:15px 0px;}
.urhere .col-md-12{ padding-left:120px; padding-right:120px;}
.urhere .here{ float:left; color:#494949; font-size:14px;}
.urhere .here span {line-height:28px;float:left;margin-left:5px;}.urhere .back{ float:right; color:#494949; font-size:14px;}
.urhere .here span{ padding-left:10px;}
.form-box ul{ padding:0px;}

.list-pics-info{ padding-top:100px; padding-bottom:30px;}

.head.white{ background:#fff; box-shadow:0 0 3px #ccc}
.head.white .navbar-inverse .navbar-nav > .active > a, .head.white .navbar-inverse .navbar-nav > .active > a:focus, .head.white .navbar-inverse .navbar-nav > .active > a:hover{ color:#000; border-color:#000}


.head.fixednav{ background:#fff; box-shadow:0 0 3px #ccc}
.head.fixednav .navbar-inverse .navbar-nav > .active > a, .head.fixednav .navbar-inverse .navbar-nav > .active > a:focus, .head.fixednav .navbar-inverse .navbar-nav > .active > a:hover{ color:#000;}
.head.fixednav .navbar-inverse .navbar-nav>li>a:focus, .head.fixednav .navbar-inverse .navbar-nav>li>a:hover {
		color:#000; border:none
}
.list-news{ border-top:1px solid #dadada; padding-top:30px;}
.list-news h2{ text-align:center; color:#484848; font-size:36px; padding-bottom:30px;}

.content-texs{ padding-top:100px;}
.navbg{ background:#f0f0f0; z-index:999; width:100%}
.navbar-inverse .navbar-nav>li{margin:0 10px;}
.navbar-inverse .navbar-nav>li>a{ position:relative; transition:0.5s; padding:0px; margin:0 0px; overflow:hidden}
.navbar-inverse .navbar-nav>li em{position:relative;margin: 0 auto; transition: all 0.4s ease-in-out 0s;  height:2px; width:0px; bottom:0px; display:block; background:#000000;}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
		color:#000; background:none
}
.navbar-inverse .navbar-nav>li:hover em {
		 width:100%; background:#000000;
}
.navbar-inverse .navbar-nav>li.active a{ color:#000}
.navbar-inverse .navbar-nav>li.active em{ width:100%; bottom:0px;position:relative; }
@media (max-width:767px) {
	.head h1{ margin-top:-10px;}
	.head h1 img{ height:50px;}
	.banner { overflow:hidden}
.banner .container{ position:relative; height:200px;}
.banner .po{ position:absolute; height:200px; left:50%; margin-left:-960px; width:1920px; text-align:center}
.banner .po img{ height:200px;}
.banner .po h1{ font-size:20px;}
	.navbar-nav > li > a{ line-height:25px;}
	
	.footer p{ text-align:center}
	.searchable-select{ width:100%; margin-bottom:8px;}
	.content-texs .swidth{ padding-left:20px; padding-right:20px;}
.urhere .col-md-12{ padding-left:20px; padding-right:20px;}

.navbar-collapse{ background:#fff}
.navbar-header{margin-top:-48px;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{ color:#000; border:none}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	color:#000; border:none
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
		color:#000; border:none
}
.contact .col-md-4 .ewm{ padding-bottom:20px;}

.carousel-indicators{ bottom:0px;}
.carousel-banner{ background:#fff; padding-top:75px;}

.list-server .item .pic{ width:130px; height:130px;}
.list-cat-news .lists ul li{ width:100%}
.list-cat-news .tab ul li{ margin-bottom:10px; float:none; display:inline-block}
.list-cat-news .tab ul{}
.title h3{ font-size:24px !important}
.list-cat-news .tab ul{ width:100%}
.list-cat-news .tab ul li{ color:#fff; padding:6px 0px; cursor:pointer; border-radius:8px; width:25%; text-align:center; float:left; margin:0px; font-family:Arial; font-size:15px; background:#6bc30d}
	.t-nav ul li{ padding:0px 5px;}
	.navbg{ display:none}
	.content-texs{ padding-top:30px;}
	.fix-about .title{ padding-top:40px;}
	.fix-about .more{ padding-bottom:40px;}
	.navbar-inverse .navbar-nav>li{ margin-bottom:7px; line-height:30px; height:30px;}
	.navbar-inverse .navbar-nav>li a{ padding-bottom:5px;}
	.list-pics-info{ padding-top:70px;}
	.t-nav ul li a{ height:42px; line-height:42px;}
	.t-nav ul li{ height:42px; line-height:42px;}
	.list-news .lists ul li{ width:100%}
	}