@charset "utf-8";

/*在线客服*/
.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 64%;
	       /*-webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;*/
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 200px;
    left: -200px;
    top: 0px;
    line-height: 76px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    /*box-shadow: #DDD -1px 1px 4px;*/
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 82px;
    width: 82px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -120px;
    top: 80px;
    width: 120px;
    height: 120px;
    background:url(../images/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    /*-webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;*/
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}


.mgt120 {
    margin-top: 93px;
}

*html {
	background-image: url(about:blank);
	background-attachment: fixed;
}
.kf {
	width: 127px;
	border: 1px solid #ff9458;
	position: fixed;
	top: 45%;
	right: 0;
	background: url(../images/kf_ico.png) no-repeat 7px 10px #ff6d1b;
	min-height: 50px;
	_height: auto!important;
	_height: 50px;
	_position: absolute;
	_bottom: auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||130)-(parseInt(this.currentStyle.marginBottom, 10)||130)));
}
.kf_r {
	margin-left: 37px;
	background: #ff8038;
	color: #fff;
	text-align: center;
	padding: 10px 0 10px;
}
.kf_r img {
	margin-bottom: 5px;
}

body{
	font-family: "微软雅黑";
	color:#3d3b3b;
	line-height: 1.6;
}
a{
	color:#555;
}
a:hover{
	color:#c29158;
	text-decoration: none;
}


.top{
	background: #000;
	padding-top: 20px;
	color: #c89953;
	border-top: 4px solid #c89953;
}

.version li a{
	color: #000;
	padding:5px;
	line-height: 80px;
	display: block;
}
.version li a:hover{
	color: #009bdc;
	
}
/* navbar */
.navbar-header {
  text-align: center;
}
.navbar-header i {
  height: 30px;
  line-height: 30px;
  font-size: 2em;
  cursor: pointer;
}

#navbar-collapse{
	margin-top:0;
}

#myCarousel{
	margin:0px;
}
#myCarousel ol{
	margin-bottom:0px;
}
.topbg{
	background-color: rgba(255,255,255,.6);
}
.tel{
	font-size: 16px;
	color: #ff9900;
}
.logo{
	margin-top: 30px;
}
.cn{
	background: url(../images/cn.jpg) left center no-repeat;
	padding-left:30px;
	line-height: 40px;
}
.en{
	background: url(../images/en.jpg) left center no-repeat;
	padding-left:30px;
	line-height: 40px;
}
.search{width:313px;height:40px;margin-top:13px;background:url(../images/search.jpg) no-repeat;}
.search .key{width:258px;height:40px;line-height:40px;margin:0px 0 1px 10px;border:0;background: transparent;}
.search .key[type="text"]:focus{outline:none;}
.search .sub{float:right;width:45px;height:40px;background:url(../images/search.jpg) no-repeat right 0;border:none;cursor:pointer;}
.search .sub span{display:none;}

.products{
	background: url(../images/in_pro_top.jpg) left top repeat-x #fff;
}
.product span{
	margin-bottom: 10px;
	width:80px;
	height: 3px;
	display: block;
	background-color: #fff;
	
}
.product h1{
	margin-bottom: 0px;
	font-size:30px;
	color: #fff;
}
.product h2{
	margin-bottom: 10px;
	margin-top: 10px;
	font-size:18px;
	color: #b8daf1;
}


.videobg{
	background:url(../images/videobg.jpg) right top no-repeat;	
}
.bg-search{
	background:#eee;	
}
.flist{
	background: #777;
	padding-bottom: 20px;
	color: #fff;
	cursor: pointer;
}
.flist a{
	color: #fff;
}
.flist:hover{
	background: #333;

}
.flist:hover img{
	opacity:0.5;

}
.flist span{
	display: block;
	height: 5px;
	width: 40px;
	margin:20px auto;
	background: #005aa7;

}
.flist h3{
	font-size: 20px;
}
.flist p{
	font-size: 12px;
}
.a005{
	background-color: #005aa7;
}
.f2f{
	background-color: #f2f2f2;
}
.flist span.ffff{
	background: #fff;
}

.fff{
	background: #fff;
}
/*多页签*/
		.tab .nav-tabs{
		    border: none;
		    display:inline-block;

		}
		.tab .nav-tabs li{
		    margin: 0;
		}
		.tab .nav-tabs li a{
		    font-size: 16px;
		    color: #ff9900;
		    background: #fff;
		    margin: 0 10px;
		    padding: 8px 20px;
		    border-radius: 24px;		    
		    border: 1px solid #ff9900;
		    text-transform: uppercase;
		    position: relative;
		}
		.tab .nav-tabs li a:hover{
			color: #fff;
			background: #ff9900;
		    border: 1px solid #ff9900;
		}
		.tab .nav-tabs li.active a,
		.tab .nav-tabs li.active a:hover{
		    color: #fff;
		    background: #ff9900;
		    border: 1px solid #ff9900;
		}
		/*.tab .nav-tabs li.active a:before{
		    content: "";
		    width: 58%;
		    height: 4px;
		    background: #fff;
		    position: absolute;
		    top: 0;
		    left: 0;
		    right: 0;
		    margin: 0 auto;
		}*/
		/*.tab .nav-tabs li.active a:after{
		    content: "";
		    border-top: 10px solid #ff9900;
		    border-left: 10px solid transparent;
		    border-right: 10px solid transparent;
		    position: absolute;
		    bottom: -10px;
		    left: 42%;
		}*/
		.tab .tab-content{
		    font-size: 13px;
		    color: #999898;
		    line-height: 25px;
		    padding: 30px 0;
		    /*border: 1px solid #1fc1dd;*/
		    border-top: none;
		}
		.tab .tab-content h3{
		    font-size: 24px;
		    color: #999898;
		    margin-top: 0;
		}
		@media only screen and (max-width: 480px){
		    .tab .nav-tabs li{
		        width: 100%;
		        text-align: center;
		        margin:10px 0;
		    }
		    .tab .nav-tabs li.active a,
		    .tab .nav-tabs li.active a:after,
		    .tab .nav-tabs li.active a:hover{
		        border: none;
		    }
		}
/*多页签*/

.gallery {
	margin-top: 30px
}

.gallery .hpCaseRightList {
	float: left;
	width: 50%
}

.gallery .item {
	float: left;
	width: 50%;
	display: block
}

.gallery .lines {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.gallery .item .pic {
	position: relative;
	display: block;
	background: #fff;
	width: 100%;
	overflow: hidden
}

.gallery .item .pic img {
	width: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	transition: transform .4s,-webkit-filter .4s,opacity .4s;
	-moz-transition: -moz-transform .4s,-moz-filter .4s,opacity .4s;
	-webkit-transition: -webkit-transform .4s,-webkit-filter .4s,opacity .4s;
	-o-transition: -o-transform .4s,-o-filter .4s,opacity .4s
}

.gallery .item .pic .describe {
	height: 50px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.75);
	color: #999;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transform: translateY(100%);
	transition: transform .4s;
	-moz-transition: -moz-transform .4s;
	-webkit-transition: -webkit-transform .4s;
	line-height: 50px;
	text-align: center
}

.gallery .item:hover img {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	opacity: 1
}

.gallery .item:hover .pic .describe {
	-webkit-transform: translateY(0)
}

.gallery .item .name {
	font-size: 16px;
	color: #333;
	height: 60px;
	text-align: center;
	line-height: 60px;
	background-color: #fff;
	transition: background-color .4s,color .4s;
	-moz-transition: background-color .4s,color .4s;
	-webkit-transition: background-color .4s,color .4s;
	-o-transition: background-color .4s,color .4s
}

.gallery .item:hover .name {
	background-color: #df3739;
	color: #fff
}

section.business {
	background:url(../images/wallpaper2.jpg) 50% bottom;
}
.business .box {
	position:relative;
	margin-top:-55px;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.business .box .caption {
	width:100%;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.business.active .box .caption {
	-moz-opacity:1;
	opacity:1;
}
.business .box .caption i {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	width:320px;
	height:31px;
	background:url(../images/words.png) no-repeat 0px -294px;
}
.business .box .caption span {
	font-size:24px;
	letter-spacing:3px;
}
.business .box ul.items {
	margin:0 auto;
	margin-top:60px;
}
.business .box ul.items li {
	width:200px;
	height:300px;
	margin:0 8px;
	background:url(../images/bg_green.png) no-repeat 0px 400px;
	overflow:hidden;
}
.business .box ul.items li i {
	display:block;
	position:relative;
	margin:0 auto;
	margin-top:43px;
	height:69px;
}
.business .box ul.items li.pc i {
	width:69px;
	background:url(../images/words.png) no-repeat -245px -357px;
}
.business .box ul.items li.mobi i {
	width:64px;
	background:url(../images/words.png) no-repeat -416px -291px;
}
.business .box ul.items li.sys i {
	width:76px;
	background:url(../images/words.png) no-repeat -415px -362px;
}
.business .box ul.items li.app i {
	width:74px;
	background:url(../images/words.png) no-repeat -244px -439px;
}
.business .box ul.items li.host i {
	width:79px;
	background:url(../images/words.png) no-repeat -420px -439px;
}
.business .box ul.items li u {
	display:block;
	position:absolute;
	width:156px;
	height:156px;
	margin-left:22px;
	background:url(../images/words.png) no-repeat 0px -363px;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.business .box ul.items li u.cl {
	clip:rect(0px,156px,-10px,78px);
}
.business.active .box ul.items li u.cl {
	clip:rect(0px,156px,156px,78px);
}
.business .box ul.items li u.cr {
	clip:rect(156px,78px,156px,0px);
}
.business.active .box ul.items li u.cr {
	clip:rect(0px,78px,156px,0px);
}
.business .box ul.items li strong {
	display:block;
	margin-top:70px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
}
.business .box ul.items li p {
	position:relative;
	top:200px;
	color:White;
	font-size:12px;
	line-height:20px;
	text-align:center;
}
.business .box ul.items li:hover {
	background-position:0px 0px;
	-webkit-transition:all .5s ease-in-out .3s;
	-moz-transition:all .5s ease-in-out .3s;
	-ms-transition:all .5s ease-in-out .3s;
	-o-transition:all .5s ease-in-out .3s;
	transition:all .5s ease-in-out .3s;
}
.business .box ul.items li:hover i {
	-webkit-transition:all .5s ease-in-out .4s;
	-moz-transition:all .5s ease-in-out .4s;
	-ms-transition:all .5s ease-in-out .4s;
	-o-transition:all .5s ease-in-out .4s;
	transition:all .5s ease-in-out .4s;
}
.business .box ul.items li.pc:hover i {
	background:url(../images/words.png) no-repeat -168px -357px;
}
.business .box ul.items li.mobi:hover i {
	background:url(../images/words.png) no-repeat -337px -291px;
}
.business .box ul.items li.sys:hover i {
	background:url(../images/words.png) no-repeat -327px -362px;
}
.business .box ul.items li.app:hover i {
	background:url(../images/words.png) no-repeat -164px -439px;
}
.business .box ul.items li.host:hover i {
	background:url(../images/words.png) no-repeat -335px -439px;
}
.business .box ul.items li:hover u.cl {
	clip:rect(0px,156px,-10px,78px);
}
.business .box ul.items li:hover u.cr {
	clip:rect(156px,78px,156px,0px);
}
.business .box ul.items li:hover strong {
	color:White;
	-webkit-transition-delay:.4s;
	-moz-transition-delay:.4s;
	-ms-transition-delay:.4s;
	-o-transition-delay:.4s;
	transition-delay:.4s;
}
.business .box ul.items li:hover p {
	top:20px;
	-webkit-transition:all .3s ease-in-out .5s;
	-moz-transition:all .3s ease-in-out .5s;
	-ms-transition:all .3s ease-in-out .5s;
	-o-transition:all .3s ease-in-out .5s;
	transition:all .3s ease-in-out .5s;
}
.business .box label {
	display:block;
	margin:0 auto;
	margin-top:-40px;
	width:297px;
	height:21px;
	background:url(../images/words.png) no-repeat 0px -333px;
}

.message{
	background:url(../images/messagebg.jpg) top center no-repeat;
}
.message h1{color: #fff;}
.messagepd50{
	padding: 50px;
}
.messagebox{
	background-color: rgba(0,0,0,0.7);
	border: 1px solid #383838;
	position: relative;
	padding: 50px;
	color: #909090;
	height: 200px;
}
.messagebtn{
	position: absolute;
	bottom: -25px;
	width: 80%;
}
.messagebtn a{
	width:100%;
	border-radius: 6px;
	background-color: rgba(225,73,57,0.7);
	line-height: 50px;
	color: #fff;
	display: block;
	font-size: 24px;
	text-align: center;
}
.messagebtn a:hover{
	background-color: rgba(200,153,83,0.7);
}
.youshi{
	width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.yspic{

}
.ystxt {
	position: absolute;
	left: 0;
	top: 60%;
	background: rgba(0, 0, 0, 0.8);
	height: 20%;
	opacity: 0;
	width: 100%;
}
.youshi .ystxt{
	opacity: 0.9;
	left: -100%;
	transition: 0.5s;
	color: #fff;
}

.youshi img {
	transition: 0.5s;
}
.youshi:hover img {
	transform: scale(1.2);
}
.youshi:hover  .ystxt img {
	transform: scale(1);
}
.youshi.effect-1 .ystxt {
	
	left: -100%;
}
.youshi.effect-1:hover .ystxt {
	left: 0;
}

.line-top{
	border-top: 1px solid #e6e6e6;
}
/*= Reset CSS 
============= */

.text-desc .pic {
	margin-top: 30%;
}
.text-desc p {
	line-height: 24px;
	font-size: 18px;
	margin: 25px 35px;
	margin-top: 30%;
}
.text-desc a {
	color: #fff;
}
.text-desc span {
	border-top: 1px solid #fff;
	padding: 10px 0;
	border-bottom: 1px solid #fff;
}
.text-desc {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.8);
	height: 100%;
	opacity: 0;
	width: 100%;
}
/*= Reset CSS End
================= *
/* effect-1 css */
.port-1 {
	width: 100%;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.port-1 .text-desc {
	opacity: 0.9;
	top: -100%;
	transition: 0.5s;
	color: #fff;
}
.port-1 img {
	transition: 0.5s;
}
.port-1:hover img {
	transform: scale(1.2);
}
.port-1:hover  .text-desc img {
	transform: scale(1);
}

.port-1.effect-2 .text-desc {
	top: auto;
	bottom: -100%;
}
.port-1.effect-2:hover .text-desc {
	bottom: 0;
}
.btnp {
	display: inline-block;
	padding: 5px 10px;
	font-size: 12px;
	border-radius:16px;
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
	text-decoration: none;
	transition: 0.4s;
}
.btnp:hover {
	background-color: #009bdd;
	color: #fff;
	transition: 0.4s;
}
/* effect-1 css end */
.products h4{
	padding: 10px 0;
}


.about span{
	margin-bottom: 10px;
	width:80px;
	height: 3px;
	display: block;
	background-color: #009bdc;
	margin:0 auto;
}
.about h1{
	margin-bottom: 0px;
	font-size:30px;
}
.about h1 a{
	color: #000;
}
.about h1 a:hover{
	color: #009bdd;
}
.product h1 a{
	color: #fff;
}
.product h1 a:hover{
	color: #fff;
}
.about h2{
	margin-bottom: 10px;
	margin-top: 10px;
	font-size:18px;
	color: #888;
}
.about p{
	line-height: 30px;
}
.tjproduct-info{
	border-top: 2px solid #ebceac;
	border-right: 2px solid #ebceac;
}
.tjproduct h1{
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.tjproduct h2{
	font-size: 18px;
	color: #555;
	margin-bottom: 20px;
}
.tjproduct p{
	margin:0 auto;
	margin-bottom: 20px;
	width:80%;

}

.aboutbg{
	background: #f4f4f4;
	margin-top: 30px;
}
.wrap {
	width: 100%;
	margin: 0 auto;
}
.about h3{
	font-size: 18px;
}

.hh3{
	color: #c70025;
}
.pp{
	line-height: 30px;
	font-size: 16px;		
}
.more {
	margin-top: 20px;
	font-size: 10px;
	padding: 10px 0px;
}
.more a{
	padding: 8px;
	background: #ebceac;
	color:#fff;
	border-radius: 4px;
}
.more a:hover{
	background: #c07034;
}
.more2 {
	margin-top: 20px;
}
.more2 a{
	padding: 6px 20px;
	background: #fff;
	color:#005aa7;
	font-size: 16px;
	border-radius: 4px;
}
.more2 a:hover{
	background: #005aa7;
	color: #fff;
}

.productslist {
	background: #fff;
	margin-bottom: 30px;
	overflow: hidden;
	border:1px solid #e6e6e6;
}

.productslist h4{
	padding-top: 20px;
	margin: 0;
	line-height: 40px;
	font-size: 18px;
}
.productslist p{
	padding:0 20px 20px;
	color: rgba(0,0,0,.5);
}


/*.productslist p:after{
	content: "";
	border-top: 10px solid #005aa7;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	bottom: -10px;
	left: 43%;
}*/
.contact h3{
		font-size: 18px;
	}

.newss{
	padding-bottom: 20px;
}
.news{
	border: 1px solid #e4e4e4;
	border-radius: 4px;
	margin-top: 20px;
}
.news h4{
	font-size: 18px;
	margin: 0px 0 10px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.picnews{
	padding: 20px;
}
.picnews h4{
	padding-bottom: : 10px;
}
.picnews p{
	color:#999;
}
.news-list{
	border:1px solid #d5d5d5;
	background-color: #fff;
	border-radius:10px;
	padding: 20px 10px 15px 10px;
	margin: 20px 0px;
	min-height: 155px;
}
.news-list:hover{
	border:1px solid #55d3df;
	background-color: #fff;
/*	color: #fff;*/
}
/*.news-list:hover a{
	color: #fff;
}
.news-list:hover p{
	color: #fff;
}*/
.news-list h4{
	font-size: 18px;
	margin: 0px 0 10px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news-list p{
	color: #888;
	margin: 0;
}
.news-list img{
	border:2px solid #fff;
}
.bgf4f{
	background: #f4f4f4;
}
.pdtb20{
	padding: 20px 0;
}
.pdtb30{
	padding: 30px 0;
}
.pdtb40{
	padding: 40px 0;
}
.pdtb50{
	padding: 50px 0;
}
.pdtb60{
	padding: 60px 0;
}
.pdtb70{
	padding: 70px 0;
}
.pdtb80{
	padding: 80px 0;
}
.pdt20{
	padding-top: 20px;
}
.pdt30{
	padding-top: 30px;
}
.pdt40{
	padding-top: 40px;
}
.pdt50{
	padding-top: 50px;
}
.pd0{
	padding: 0px;
}
.mg0{
	margin: 0px;
}
.mgt30{
	margin-top: 30px;
}
.pd10{
	padding: 10px;
}


#footer{
	background: #009bdc;
	padding: 20px 0;
	color:rgba(255,255,255,0.6);
	text-align:center;
	
}
#footer h4{
	padding-bottom: 15px;
	color:rgba(255,255,255,1);
}
#footer p{
	margin-bottom: 5px;
}
#footer p.dsner{
	width: 80px;
	float: left;
}
#footer a:hover{
	color:rgba(255,255,255,1);
}
#footer a{
	color:rgba(255,255,255,0.6);
}
/*#footer .line{
	border-right: 1px solid #291e0e;
	min-height: 220px;
}*/
.f-menu{
	border-bottom: 1px solid #256db0;
	padding: 10px 0;
	margin:10px 0;
	font-size: 16px;
}
.f-menu a{
	color: #fff;
}
.copyright{
	padding: 15px 0 0 0;
	margin:0;
	color:rgba(255,255,255,0.5);
	border-top: 1px solid rgba(255,255,255,0.1);
}
.copyright a{
	color:rgba(255,255,255,0.5);
}
.copyright a:hover{
	color: #fff;
}
.pingjia{
	background: rgba(0,0,0,0.6);
	padding: 20px 0;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 900;
}
.pj-img{
	margin-top: -60px;
}
.pj-submit{
	font-size: 18px;
	padding: 1.8em 0;
}
.receive-close {
    background: rgba(0, 0, 0, 0) url("../images/close.png") no-repeat scroll center center;
    cursor: pointer;
    display: block;
    height: 25px;
    position: absolute;
    right: 16px;
    top: 0px;
    transition: all 0.5s ease 0s;
    width: 25px;
}
.receive-close:hover {
    transform: rotate(180deg);
}
.tbox {
    bottom: 15px;
    display: none;
    float: right;
    position: fixed;
    right: 10px;
    width: 50px;
    z-index: 901;
}
.tbox #gotop {
    background: rgba(0, 0, 0, 0) url("../images/icon.png") no-repeat scroll 0 0;
    display: block;
    height: 50px;
    width: 50px;
}

.mainbanner ul, .mainbanner li{
	height: 360px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.left-title {
	background: #3dbddf;
	color: #fff;
	padding: 20px;
	font-size: 24px;
	margin: 0;
	border-radius: 4px 4px 0 0 ;
}
.left-contact h1{
	font-size: 24px;
}
.left-contact img{
	margin-bottom: 10px;
}
.sub-pc{
	/*position: absolute;
	left:60px;
	top: 4px;*/
	padding-left:30px;
	float: right;
	margin-top: 10px;
}
.sub-mob{
	position: absolute;
	right:20px;
	top: 8px;
}
.tglist{
	margin:20px 0;
}
.validate{
	width:48%;
	float: left;
	margin-right: 5px;
}
/*菜单列表样式*/
.left_nav ul {
	padding: 0px;
	margin: 0px;
}
.left_nav li {
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 5px 0px;
	position: relative;
}
.left_nav li a {
	width: 100%;
	display: block;
	border-left: 2px solid #ddd;
	border-bottom: 1px solid #eee;
	height: 40px;
	float: left;
	line-height: 40px;
	text-align: left;
	padding-left: 30px;
	color: #666;
	font-size: 14px;
	background: url(../images/left_arrow.png) 94% 0px no-repeat;
	transition: all 0.3s linear 0s;
}
.left_nav li a:hover {
	border-left: 2px solid #3dbddf;
	border-bottom: 1px solid #eee;
	color: #3dbddf;
	transition: all 0.3s linear 0s;
	background: url(../images/left_arrow.png) 94% -40px no-repeat;
}
.left_nav li a.oncurrent {
	border-left: 2px solid #3dbddf;
	border-bottom: 1px solid #eee;
	color: #3dbddf;
	background: url(../images/left_arrow.png) 94% -40px no-repeat;
}
.left_nav li ul {
	display: none;
	position: absolute;
	left: 300px;
	top: 0;
	background:#f1f1f1;
	width: 182px;
	z-index:999;
}
.left_nav li ul li {
	float: left;
	width: 182px;
	border-bottom: 1px solid #ccc;
	margin:0;
}
.left_nav li ul li a {
	width: 160px;
	border-left: 2px solid #ccc;
	height: 40px;
	float: left;
	line-height: 40px;
	text-align: left;
	padding-left: 20px;
	color: #666;
	font-size: 14px;
	background: url(../images/left_arrow.png) 160px 0px no-repeat #f1f1f1;
}
.left_nav li ul li a:hover {
	border-left: 2px solid #912360;
	color: #912360;
	background: url(../images/left_arrow.png) 160px -40px no-repeat #f1f1f1;
}
.main-content {
	padding-bottom: 10px;
	overflow: hidden;
}
.htitle{
	border-bottom: 1px solid #c4c4c4;
	overflow: hidden;
	margin-bottom: 20px;
}
.main-content h2{
	font-size: 18px;
	padding-bottom: 10px;
	display: inline-block;
	float: left;
}
.main-content h2 span{
	font-size: 10px;
	margin-left: 6px;
}
.news-main-list{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e8e8e8;
}
.news-main-list img{
	width:160px;
	height: 120px;
}
.news-main-list h4{
	font-size: 16px;
}
.news-main-list p{
	color:#999;
}
.news-main-list p.time{
	padding-bottom: 6px;
	margin: 0;
}
/*.news-main-list h4{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/
.news-detail h1{
	font-size: 18px;
	text-align: center;
}
.news-detail .info{
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 1px dashed #e8e8e8;
}
.news-detail p{
	line-height: 1.6;
	text-indent:2em;

}
/*菜单列表样式*/
.top_navs {
	border-bottom: 1px solid #ddd;
}
.top_nav ul {
	padding: 0px;
	margin: 0px;
}
.top_nav li {
	display: block;
	height: 50px;
	line-height: 50px;
	margin: 0px 5px;
	position: relative;
	float: left;
}
.top_nav li a {
	display: block;

	height: 50px;
	float: left;
	line-height: 50px;
	text-align: left;
	padding: 0px 10px;
	color: #666;
	font-size: 15px;
	background: #fff;
	transition: all 0.3s linear 0s;
}
.top_nav li a:hover {
	
	color: #fff;
	transition: all 0.3s linear 0s;
	background: #005aa7;
	border-radius: 4px;
}
.top_nav li a.oncurrent {
	border-radius: 4px;
	color: #fff;
	background:  #005aa7;
}

/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) {
	.flist span{
		display: block;
		height: 5px;
		width: 50px;
		margin:40px auto;
		background: #005aa7;

	}
	.flist h3{
		font-size: 24px;
	}
	.flist p{
		font-size: 14px;
	}
	.tjproduct h1{
		font-size: 32px;
		margin-top: 80px;
		margin-bottom: 20px;
	}
	.tjproduct h2{
		font-size: 24px;
		color: #555;
		margin-bottom: 40px;
	}
	.tjproduct p{
		margin-bottom: 40px;
	}
	.more {
		margin-top: 60px;
	}
	.abmain{
		float: left;
	}
	.abpic{
		float: right;
	}
	.productslist h4{
		min-height:60px;
	}
	.navbar-default .navbar-nav > li > a {
	  font-size:14px;
	  padding: 12px;
	}
	

	
	.sub-mob{
		display: none;
	}
	.main-content h2{
		font-size: 20px;
	}
	.main-content h2 span{
		font-size: 12px;
	}
	
	.news-main-list h4{
		font-size: 18px;
	}
	.news-detail h1{
		font-size: 20px;
	}
	.navbar .nav > li .dropdown-menu {  
        margin: 0;  
    } 
    /*.navbar .nav > li:active{  
        background-color: #eda52e; 
    } */  
    .navbar .nav > li:hover .dropdown-menu {  
        display: block;  
    } 
}

	/* 中等屏幕（桌面显示器，大于等于992px） */
@media (min-width: 992px) {
	.navbar-default .navbar-nav > li > a {
	  font-size:14px;
	  padding: 35px 14px;
	}
	.nav > li {
	  margin:0 0px;
	}
	
	.main-content h2{
		font-size: 22px;
	}
	.main-content h2 span{
		font-size: 13px;
	}
	.news-detail h1{
		font-size: 22px;
	}
	

}

/* 大屏幕（大桌面显示器，大于等于1200px） */
@media (min-width: 1200px) {

	.navbar-default .navbar-nav > li > a{
	  font-size:14px;
	  padding: 35px 14px;
	}
	.nav > li {
	  margin:0 5px;
	}
	

	.main-content h2{
		font-size: 24px;
	}
	.main-content h2 span{
		font-size: 14px;
	}
	.news-detail h1{
		font-size: 24px;
	}
	



}