* { padding: 0;margin: 0;}
html, body {font: 12px Arial, "微软雅黑";color: #828282;width: 100%;height: 100%;background: #fff; overflow-x: hidden;
}
ul li { list-style: none;}
a { text-decoration: none;}
img { border: none;float: left;}
.clearfix{ clear:both;}
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal;}


header{ padding-top:15px;}

header .content{
	margin:0 auto;
	width:1200px;
}

header #logo{
	float:left;
	width:auto;
	height:67px;
	display:block;
	margin-left:40px;
}

header ul li.navitem a.active{ color:#096bb8;}

header ul li.navitem a{ display:block; color:#8f8f8f;}

header ul li.navitem a:hover{color:#096bb8;}

header ul li.navitem a.active:after,header ul li.navitem:hover a:after{
	content:'';
	width:100%;
	background-color:#096bb8;
	left:0px;
	position:absolute;
	top:-15px;
	height:2px;
	transition:all 0.3s ease 0s;
}

header ul#nav {
	float:right;
	margin-right:30px;}

header ul li.navitem{
	padding:0;
	margin:0 20px 10px 20px;
	width:auto;
	height:50px;
	line-height:50px;
	float:left;
	position:relative;
	font-size:14px;
}


#sitecontent .banner {
    width: 100%;
    height: 535px;
    //background:url(../images/banner.png) no-repeat center;
}


#sitecontent .module{
	margin:0 auto;
	width:1200px;
	padding:80px 0;
}

#sitecontent .module .fw{ margin-bottom:60px;}

#sitecontent .module .header p{ text-align:center;}

#sitecontent .module .header p.title{
	color:#4c4c4c;
	font-size:26px;
}

#sitecontent .module .header p.subtitle{
	margin-top:10px;
	color:#8f8f8f;
	font-size:14px;
}

#sitecontent .module .row:before{
	display:table;
	content:'';
}

.recent-work-wrap .overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	border-radius:0;
	background:rgba(7,74,128,0.8);
	color:white;
	vertical-align:middle;
	transition:opacity 500ms;
	padding:30px;
	box-sizing:border-box;
}

.recent-work-wrap .overlay:hover{ opacity:1;}

.recent-work-wrap .recent-work-inner{
	top:0;
	background:transparent;
	opacity:1;
	width:100%;
	margin-bottom:0;
	margin-top:20px;
	text-align:center;
}

.recent-work-wrap .recent-work-inner h3 a{
	font-size:16px;
	color:white;
}

.recent-work-wrap .recent-work-inner p{ margin-top:10px;}

.recent-work-wrap .recent-work-inner #but{
	display:block;
	padding:5px 0;
	color:white;
	font-size:14px;
	background:#0c88ec;
	border-radius:4px;
	margin-top:20px;
}

#works-list{ padding-left:20px;}

#works-list li{
	float:left;
	margin-left:50px;
	opacity:1;
	top:0px;
	width:320px;
	position:relative;
	box-sizing:border-box;
}


#sitecontent .container{
	width:100%;
	background-color:#f5f5f5;
}

#sitecontent .container .module{ margin:0 auto;}

    #sitecontent .container .module .text {
        float: left;
        width: 492px;
    }

#sitecontent  #title{
	color:#4c4c4c;
	font-size:26px;
}

#sitecontent #subtitle{
	margin:10px 0 50px 0;
	color:#8f8f8f;
	font-size:14px;
}

#sitecontent .container .module .photo a {
    float: right;
    display: block;
    margin-right: 70px;
    margin-top: 20px;
    width: 465px;
    height: 248px;
    background: url(../images/company.jpg) no-repeat center;
}

#sitecontent .module .tit .left{ float:left;}

#sitecontent .module .tit .right{ float:right;}

#sitecontent .module .tit .right a{
	display:block;
	width:80px;
	height:30px;
	line-height:30px;
	font-size:14px;
	border:1px solid #d9d9d9;
	color:#096bb8;
	text-align:center;
}

#sitecontent .module .tit .right a:hover{
	color:white;
	background:#096bb8;
}

#sitecontent .module #project li{
	float:left;
	margin-right:40px;
	width:270px;
	//background-color:#f5f5f5;
}

#sitecontent .module #project li:hover{
	box-shadow:4px 4px 8px rgba(0,0,0,0.1);
}

#sitecontent .module #project li .top{
	width:270px;
	height:80px;
}

    #sitecontent .module #project li .one {
        background: url(../images/project-photo01.png) no-repeat center;
    }

    #sitecontent .module #project li .two {
        background: url(../images/project-photo02.png) no-repeat center;
    }

    #sitecontent .module #project li .three {
        background: url(../images/project-photo03.png) no-repeat center;
    }

    #sitecontent .module #project li .four {
        background: url(../images/project-photo04.png) no-repeat center;
    }

#sitecontent .module #project li .bottom{
	padding:40px 10px 0 10px;
	height:180px;
	text-align:center;
	background-color:white;
}

#sitecontent .module #project li .bottom p.min-title{
	font-size:16px;
	color:#4c4c4c;
}

#sitecontent .module #project li .bottom p.para{
	text-align:justify;
	text-justify:inter-ideograph;
	margin-top:20px;
	color:#8f8f8f;
	font-size:14px;
}

#sitecontent .module #newsbody a{
	display: block;
	float:left;
	padding:0 10px 0 10px;
    width: 520px;
    height: 170px;
    background: white;
    color: #8f8f8f;
}

#sitecontent .module #newsbody a.right{ float:right;}

#sitecontent .module #newsbody a .date{
	font-size: 12px;
	padding: 20px 0 15px 0;
}

#sitecontent .module #newsbody a .title{
	font-size: 14px;
    color: #4c4c4c;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

#sitecontent .module #newsbody a .description{
	padding-top:20px;
}

#sitecontent .module #newsbody a:hover{
	box-shadow:4px 4px 8px rgba(0,0,0,0.1);
}

#sitecontent #mpartner{ padding:40px 0 0 0;}

#sitecontent #mpartner .content{
	margin:0;
	height:140px;
	position:inherit;
	top::50%;
	width:100%;
	
}

#sitecontent #mpartner .module-content{
	margin:0 auto;
	padding:30px 0;
	height:80px;
	width:1200px;
}

#sitecontent #mpartner .wrapper{
	height:auto;
	width:1200px;
}

#sitecontent #mpartner .wrapper ul li{
	height:66px;
}

#sitecontent #mpartner .wrapper ul li a{
	width:125px;
	height:auto;
	margin-right:50px;
	overflow:hidden;
	float:left;
}

#sitecontent #mpartner .wrapper ul li a img{
	width:100%;
	height:100%;
	display:block;
	float:left;
}

.bx-wrapper .bx-controls-direction a{
	float:left;
	cursor:pointer;
	margin-top:-70px;
	outline:0;
	width:40px;
	height:40px;
	left:-20px;
	display:block;
}

.bx-wrapper .bx-controls-direction a.bx-next{ float:right;}

.bx-wrapper .bx-controls-direction a i{
	width:30px;
	height:30px;
	margin-top:4px;
	margin-left:14px;
	display:inline-block;
}

    .bx-wrapper .bx-controls-direction a i.fa-angle-left {
        background: url(../images/left.png) no-repeat center;
    }

    .bx-wrapper .bx-controls-direction a i.fa-angle-right {
        background: url(../images/right.png) no-repeat center;
    }


#mpartner .module{
	padding:0 0 30px 0;
	border-bottom:1px solid #d9d9d9;
}

#mpartner .module h3{
	font-size: 18px;
    color: #4c4c4c;
    margin-bottom: 30px;
	margin-top:30px;
}

#mpartner .module .contact p{
	font-size:14px;
	color:#8f8f8f;
	margin-bottom:10px;
}

#mpartner .module .contact a{
	display:inline-block;
	margin-right:40px;
}

#mpartner .module .left,.right{
	float:left;
}

#mpartner .module .right{
	margin-left:150px;
}








#shares{
	position:fixed;
	right:7px;
	bottom:63px;
	z-index:9999;
}

#shares a,.phone{
	display:block;
	margin-bottom:1px;
	height:40px;
	background:#8f8f8f;
}

#shares .phone{
	text-align:center;
	height:50px;
	color:white;
	padding-top:10px;
	box-sizing:border-box;
}

#shares .phone:hover{ background:#4c4c4c;}

#shares a:hover{ background:#4c4c4c;}




#footer{
	width:100%;
	background:#f5f5f5;
}

#footer p{
	width:1200px;
	margin:0 auto;
	padding:20px 0;
	font-size:12px;
	color:#8f8f8f;
	text-align:center;
}




.fs12{font-size: 12px}.fs14{font-size: 14px}.fs18{font-size: 18px}
.w1080{width: 1080px;margin:30px auto;display: block;float: none;margin-bottom: 80px}
.product-box{width: 1200px;margin:0px auto;padding: 30px 15px}
.pb-tit{line-height: 80px;font-size: 18px;color: #333}
.pb-desc{padding-bottom: 20px;font-size: 14px;color: #999;line-height: 25px}
.ptit{height: 45px;line-height: 45px;text-align: center;margin:30px 0 40px 0;color: #fff;font-size: 18px}
.features-six{padding: 0px 30px}
.product-box .features-one{padding-left:80px;}
    .product-box .features-one.weixin {
        background: url('../images/wx.png') left center no-repeat;
        background-size: 60px;
        height: 60px;
        margin-bottom: 60px
    }
    .product-box .features-one.web {
        background: url('../images/wx.png') left center no-repeat;
        background-size: 60px;
        height: 60px;
        margin-bottom: 60px
    }
.product-box .subheading{color: #72bbda;line-height: 16px;font-size: 15px;border-left: 2px solid #72bbda;padding-left: 10px;margin:10px 0px;}

.gongneng {
    background: url('../images/gongneng.png') 120px center no-repeat;
    background-size: auto 446px;
    height: 556px;
    border-bottom: 2px solid #eee
}
.shenghe {
    background: url('../images/shenghe.png') 150px center no-repeat;
    background-size: auto 568px;
    height: 668px;
    border-bottom: 2px solid #eee;
    margin-top: 40px
}
.jianyu {
    background: url('../images/jianyuxinxi.png') center no-repeat;
    background-size: auto 865px;
    height: 965px;
    border-bottom: 2px solid #eee;
    margin-top: 40px;
    margin-bottom: 50px
}
.zd {
    background: url('../images/zd.png') center no-repeat;
    background-size: auto 288px;
    height: 388px;
    margin-top: 40px;
    margin-bottom: 50px
}


.jlg1 {
    background: url('../images/jlg1.png') center no-repeat;
    background-size: auto 865px;
    height: 865px;
    margin-top: 40px;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
}
.jlg2 {
    background: url('../images/jlg2.png') center no-repeat;
    background-size: auto 582px;
    height: 582px;
    margin-top: 30px;
    margin-bottom: 50px
}
.jlg3 {
    background: url('../images/jlg3.png') center no-repeat;
    background-size: auto 795px;
    height: 895px;
    margin-top: 40px;
    margin-bottom: 50px
}


.index-news .ml{float: left;width: 360px}
.index-news .ml h1{font-size: 60px;color: #555;font-weight: bold;margin-top: 50px}
.index-news .ml .mtit{font-size: 30px;margin:5px 0px;color: #555}
.index-news .ml .msubtit{margin-bottom: 50px;color: #555}
.index-news .ml .lookall{margin-top: 50px;color: #999;border:1px solid #bebebe;border-radius: 5px;padding:3px 8px;background-color: #fff}
.index-news .ml .lookall:hover{background-color: #eee}
.index-news li{float: left;width: 360px;margin-left: 40px}
.index-news li img{width: 100%;display: block;float: none;}
.index-news li a{color: #333}
.index-news li .title{font-size: 16px;line-height: 25px;margin:10px 0px;}
.index-news li .description{color: #666;font-size: 14px}