﻿@charset "utf-8";

/* CSS Document */

*{ margin:0; padding:0;}
body{ margin:0; padding:0;font-family: "Verdana","微软雅黑","宋体","Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; overflow-x:hidden; font-size:14px;background-size: 100%;color:#050505;}
a{ text-decoration:none; color:#000;cursor:pointer;}
a:hover{ color:#e6171d;}
li{ list-style:none;}
ul,li{ margin:0; padding:0;}
textarea,input{ border:none;font-family:"微软雅黑";resize:none;}
select,textarea,input:focus { outline:none;}
h1,h2,h3{ font-weight:normal;}
tr {display: table-row;vertical-align: inherit; border-color: inherit;}
img{ border:none; display:block;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{-webkit-box-shadow: 0 0 0px 500px #fff inset; border-color:#ffffff; padding:0; margin:0;}
input,button{ box-shadow:none; border:0; outline:none;}
table { border-collapse: collapse; border-spacing: 0; display:table;}
tbody { display: table-row-group; vertical-align: middle; border-color: inherit;}
tr { display: table-row;vertical-align: inherit; border-color: inherit;}
th{ font-weight:bold; color:#010101; font-size:14px;text-align: left; padding-right:20px;}
input::-webkit-input-placeholder {color:#888888;}
input:-moz-placeholder { color:#888888;}

.content{ width:1200px; margin:0 auto; display:table;}

.top{ background-color:#373941; height:42px; line-height:42px;}
.top .txt{ float:left; color:#ffffff;}
.top .red{ background-color:#e45858;color:#ffffff; float:right; padding:0 30px;}
.header .logo{ float:left; margin:19px 0;}
.header .logo img{ display:block;}


		.navbar-brand{
		    padding: 29px 15px;
		    height: auto;
		}
		nav.navbar.bootsnav{
		    border: none;
		}
		.navbar-nav{
		    float: left;
		}
		nav.navbar.bootsnav ul.nav > li > a{
		    color: #474747;
		    text-transform: uppercase;
		    padding:40px 20px;
		}
		nav.navbar.bootsnav ul.nav > li:hover,nav.navbar.bootsnav ul.nav > li.active{
		    background: #f4f4f4;
		}
		
		.nav > li:after,.nav > li.active:after{
		    content: "";
		    width: 0;
		    height: 5px;
		    background: #0093dd;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    transition: all 0.5s ease 0s;
		}
		.nav > li.active:after{
			  content: "";
		    width:100%;
		    height: 5px;
		    background: #0093dd;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    transition: all 0.5s ease 0s;
			}
		.nav > li:hover:after{
		    width: 100%;
		}
	

		.dropdown-menu.multi-dropdown{
		    position: absolute;
		    left: -100% !important;
		}
		nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		    border: none;
		}




.container{width:950px !important; padding:0; margin:0; float:right;}

.aboutus{background: #f7f7f7; padding-bottom:70px;}
.aboutus .content .left{ float:left; width:480px; height:375px; background-color:#ffffff; box-shadow:0px 0px 5px 5px #eeeeee; padding:20px;}
.aboutus .content .left h3{ color:#333333; font-size:24px; line-height:35px;}
.aboutus .content .left h3:after{ content:""; display:block; height:35px; width:5px; background-color:#3ca1e0; float:left; margin-right:10px;}
.aboutus .content .left .txt{ color:#888888; font-size:14px; text-indent:2em; margin-top:30px; line-height:24px;}
.aboutus .content .left .more{ display:block; margin:20px auto; width:120px; height:40px; text-align:center; color:#ffffff; line-height:40px; border-radius:5px;-moz-border-radius:5px;background: -webkit-linear-gradient(#3ebaf9, #0093dd); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#3ebaf9, #0093dd); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#3ebaf9, #0093dd); /* Firefox 3.6 - 15 */
    background: linear-gradient(#3ebaf9, #0093dd); /* 标准的语法（必须放在最后） */}
.aboutus .content .right{ float:left;width:620px;margin-top: 50px;}
.aboutus .content .right img{ display:block;}

.case{ background-color:#ffffff; padding-bottom:70px;}
.case ul{ overflow:hidden; margin-left:-10px; margin-right:-10px;}
.case ul .cell{ float:left;width:285px; height:220px; margin-left:10px; margin-right:10px; position:relative;}
.case ul .pic1{ background:url(../images/pic1.png) no-repeat;}
.case ul .pic2{ background:url(../images/pic2.png) no-repeat;}
.case ul .pic3{ background:url(../images/pic3.png) no-repeat;}
.case ul .pic4{ background:url(../images/pic4.png) no-repeat;}
.case .pre{ position:absolute; right:0; left:0; top:0; bottom:0;transition: 0.5s top;}
.case .last{position:absolute; right:0; left:0; top:220px;background-color:rgba(6,151,224,.5);color:#ffffff; padding:20px;transition: 0.5s top;}
.case .last p{  font-size:18px; margin-bottom:20px;}
.case .last ul li{  font-size:16px; margin-bottom:5px;}
.case .pre span{ display:block; margin:55px auto; width:40px; height:8px; border-radius:4px; background-color:#37b6f6;}
.case .pre p{ color:#ffffff; font-size:28px; text-align:center;}
.case ul .cell:hover .pre{ top:220px;}
.case ul .cell:hover .last{ top:0; bottom:0;}

.news{ background:url(../images/mod_bg.jpg) no-repeat center; padding-bottom:40px;}
.news .fk-index-header .f-hd-title,.news .fk-index-header .f-hd-subDesc{ color:#ffffff !important;}
.news .listing{ margin-left:-10px; margin-right:-10px;}
.news .cell{ width:380px; height:105px; background-color:#eeeeee; margin-left:10px; margin-right:10px; padding:20px; margin-bottom:30px; float:left;}
.news .cell .tit{ color:#333333; font-size:14px; margin-bottom:10px; display:block;}
.news .txt .con{ overflow:hidden; color:#666666; font-size:14px;width:340px; float:left;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.news .txt .date{ color:#999999; float:right; margin-top:8px;}
.footer{ padding:15px; border-top:1px solid #e0e0e0;}
.footer p{ text-align:center; color:#666666; font-size:13px;}


.list { margin-top:20px; margin-bottom:40px;}
.list .list_nav{ float:left;width:220px; margin-right:40px; background-color:#f4f4f4; min-height:400px;}
.list .list_nav .list_logo{ margin:20px auto; width:90px; height:90px;}
.list .list_nav .navs{ padding-bottom:40px;}
.list .list_nav .navs a{ padding-left:30px; color:#919191; font-size:18px; display:block; text-decoration:none; line-height:52px;}
.list .list_nav .navs a:hover{color:#0093dd;}

.list .list_nav .navs .active a{ background-color:#0093dd; color:#ffffff; position:relative;}
.list .list_nav .navs .active a:after{content: "";
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    width: 0;
    height: 0;
    border-bottom: 16px solid transparent;
    border-top: 16px solid transparent;
	    border-left: 16px solid #0093dd;
    right: -15px;}

.list .list_list{ background-color:#f4f4f4; float:left; padding:20px;width:940px;}
.list .list_list ul li{ border-top:#dcdcdc solid 1px; padding:20px 0; overflow:hidden;}
.list .list_list .gaishu .tit{ color:#222222; font-size:20px;}
.list .list_list .gaishu .con{ color:#838383; font-size:16px; margin-bottom:20px;}
.list .list_list .new{width:710px; float:left; margin-right:30px;}
.list .list_list .news_pic{ width:160px; height:90px; overflow:hidden; display:block; float:left;}
.list .list_list .news_pic img{ max-width:160px; display:block;}
.list .list_list .new .tit{ color:#222222; font-size:20px; display:block; text-decoration:none; margin-bottom:10px;}
.list .list_list .new .tit:hover{color:#0093dd;}
.list .list_list .new .con{ color:#838383; font-size:14px;}
.list .list_list h3{ color:#222222; font-size:20px; border-bottom:1px solid #dcdcdc; padding-bottom:30px;}
.list .list_list .detail{color:#222222; font-size:15px; text-indent:2em; padding-top:20px;}
.list .width_list{ width:1200px;}

/* banner-css */
.html5zoo-arrow-right-0{ right:400px !important;}
.html5zoo-arrow-left-0{left:400px !important;}
.html5zoo-nav-0{ width: 96px !important;
    top: 100% !important;
    left: 50% !important;
    margin-left: -98px !important;
    margin-top: -40px;}
.html5zoo-img-0{ height: 700px !important;overflow: hidden;}
/* 在线委托 */
.piaoc{ display: block; position:fixed; right:30px;top:90%; margin-top:-75px; z-index:9999;width:115px; height:150px; cursor:pointer; font-size:18px;color:#ffffff; text-align:center;border-radius:5px;-moz-border-radius:5px;background: -webkit-linear-gradient(#0093dd, #009240); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#0093dd, #009240); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#0093dd, #009240); /* Firefox 3.6 - 15 */
    background: linear-gradient(#0093dd, #009240); /* 标准的语法（必须放在最后） */}
.piaoc .icon{ width:74px; height:74px; margin:20px auto; background:url(../images/z_icon.png) no-repeat;}
.piaoc:hover{ text-decoration: none;color: #ffffff;}
.form-control{width: 300px !important;}


.list .list_list ul li{ position:relative;}
.news_data {
    position:absolute;
    right:180px;
    top:100px;
    color: #838383;
}