.clearfix{*zoom:1;}
.clearfix::after
{
    clear:both;
    content:"";
    display:block;
    height:0;
    visibility:hidden;
}
*{
	font-family:"Microsoft YaHei";
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */ 
}
/*index-header*/
	.index-header{
		width: 100%;
	    position: fixed;
	    top: 0px;
	    left: 0px;
	    z-index: 999;
	}
	/*top*/
		.top {
		    width: 100%;
			height: 32px;
		    background: #f58120;
		    line-height: 32px;
		    text-align: center;
		    font-size: 14px;
		}
		.top .top-main{
			max-width: 1200px;
			height: 32px;
	    	margin: auto;
		}
		.top .top-left{
			width: 10%;
			height: 100%;
			position: relative;
		}
		.top .top-left .top-license{
			position: absolute;
			top:30px;
			left:12px;
			cursor: pointer;
			z-index: 999;
			display: none;
		}
		.top .top-left .words{
			display: inline-block;
			height: 100%;
			color: #fff;
			letter-spacing: 1px;
			cursor: pointer;
			font-size: 15px;
			padding-left: 20px;
		}
		.top .top-left span::before{
			content:url(../images/newimages/top-icon.png);
			position: absolute;
			top:3px;
			left:0;
			width: 16px;
			margin-right: 5px;
		}
		.top .top-middle{
			width: 60%;
			height: 100%;
			padding-left: 60px;
		}
		.top .top-middle i{
			float: left;
			color:#fff;
			padding-right: 5px;
			font-size: 17px;
			line-height: 29px;
		}
		.top .top-middle marquee{
			width: 95%;
			height: 100%;
			color: #fff;
			cursor: pointer;
		}
		.top .top-right{
			width: auto;
			height: 100%;
			float: right;
		}
		.top .top-right a{
			float: left;
			margin-top: 5px;
			width: 77px;
			height: 22px;
			background: url(../images/qq-contact.png) no-repeat;
		}
		.top .top-right a:not(.last-qq){
			margin-right: 40px;
		}	
	/*top-end*/

	/*nav*/
		.nav-box {
		    width: 100%;
		    height: auto;
		    border: 1px solid #eee;
		    background-color:#fff;
		}
		.nav-main{
			width: 1200px;
		    height: 85px;
		    margin: 0 auto;
		}
		.nav-box .logo{
			width: 188px;
		    height: 100%;
		}
		.nav-box .logo a{
			display:table-cell;
            vertical-align:middle;
			width: 100%;
		    height: 85px;
		    cursor: pointer;
		}
		.nav-box .logo a img{
			width: 328px;
			height: 90px;
			vertical-align: middle;
		}
		.nav{
			float: left;
			height: auto;
			padding-left: 120px;
		}
		.nav .item {
		    float: left;
		    width: 120px;
		    height: auto;
		    text-align: center;
		    position: relative;
		}
		.nav .active a{
			color: #FF6802;
			border-bottom: 3px solid #FF6802;
		}
		.nav li a {
			display: block;
		    width: 100%;
		    height: auto;
		    font: 16px/83px "Microsoft yahei";
		    color: #333;
		    cursor: pointer;
		}
		.nav li a:hover{
			color: #FF6802;
			border-bottom: 3px solid #FF6802;
		}
		.nav-box .nav-right{
			width: auto;
			height: 100%;
			float: right;
		}
		.nav-box .nav-right li{
			float: left;
			width: auto;
			height: 100%;
			font: 13px/85px "Microsoft YaHei";
		}
		.nav-box .nav-right li+li{
			margin-left: 15px;
		}
		.nav-right li a{
			color: #000;
		}
		.nav-right li a:hover{
			color: #FF6802;
		}
		.nav-box .nav-right .navmenu {
		    position: relative;
		    cursor: pointer;
		    text-align: center;
		}
		.nav-right .navmenu .denglu {
			width: 100px;
		    height: 30px;
		    font: 14px/30px "Microsoft YaHei";
		    margin: 0 auto;
		    margin-top: 26px;
		    border: 1px solid #888;
		}
		.nav-right .navmenu .denglu-txt {
		    position: absolute;
		    width: 100px;
		    border: 1px solid #888;
		    top: 55px;
		    left: 0px;
		    height: auto;
		    padding-top: 5px;
		    background-color: #fff;
		    z-index: 999;
		    display: none;
		}
		.navmenu .denglu-txt p {
		    height: 25px;
		}
		.navmenu .denglu-txt p a{
			display: block;
			width: 100%;
			height: 100%;
			font: 13px/25px "Microsoft YaHei";
		}
		.navmenu .denglu-txt p:hover {
		    background-color: #eee;
		}
	/*nav-end*/
/*index-header-end*/

/*banner*/
	.flexslider{
		position:relative;
		margin-top: 117px;
		height:0px;
		overflow:hidden;
	}
	.flex-viewport{
		height: 100%;
	}
	.slides{
		position:relative;
		height: 100%;
		z-index:1;
	}
	.slides li{
		width: 100%;
		height:100%;
		position: relative;
	}
	.slides .banner-one{
		background:url(../images/banner1.jpg) center no-repeat;
		 -webkit-background-size: cover; 
		 -moz-background-size: cover; 
		 -o-background-size: cover; 
		 background-size: cover;
	}
	.slides .banner-two{
		background:url(../images/banner2.jpg@v=1.16) center no-repeat;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
	}
	.slides .banner-three{
		background:url(../images/banner3.jpg@v=1.12) center no-repeat;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
	}
	.slides .banner-four{
		background:url(../images/banner4.jpg@v=1.12) center no-repeat;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
	}
	.slides li a{
		display: block;
		position: absolute;	
	}
	.flex-control-nav{
		position:absolute;
		bottom:10px;
		left: 50%;
		margin-left: -75px;
		z-index:2;
		width: 150px;
		text-align: center;
	}
	.flex-control-nav li{
		display:inline-block;
		width:20px;
		height:20px;
		margin:0 4px;
		display:inline;
		zoom:1;
	}
	.flex-control-nav a{
		display:inline-block;
		width:20px;
		height:20px;
		border-radius: 10px;
		line-height:20px;
		text-indent: -20em;
		overflow:hidden;
		background:#fefafb;
		cursor:pointer;
		color: #fe0201;
	}
	.flex-control-nav .flex-active{
		background:#796E6E;
		color: #fff;
	}
	.flex-direction-nav{
		position:absolute;
		z-index:3;
		width:100%;
		top:40%;
	}
	.flex-direction-nav li a{
		display:block;
		width:41px;
		height:119px;
		overflow:hidden;
		cursor:pointer;
		text-indent: -100px;
		position:absolute;
		/*border-radius: 3px;*/
	}
	.flex-direction-nav li a.flex-prev{
		left:5px;
		background: url(../images/ban_pre.png) no-repeat left top;
		opacity: 0.3;
	}
	.flex-direction-nav li a.flex-prev:hover{
		background-color: rgba(171,180,187,0.3);
		opacity: 0.8;
	}
	.flex-direction-nav li a.flex-next{
		right:5px;
		background: url(../images/ban_next.png) no-repeat left bottom;
		opacity: 0.3;
	}
	.flex-direction-nav li a.flex-next:hover{
		background-color: rgba(171,180,187,0.3);
		opacity: 0.8;
	}
/*banner-end*/

/*sy-containers*/
	.sy-container{
		width: 100%;
		height: auto;
		margin-top: 10px;
		overflow: hidden;
	}
	.syc-main{
		width: 1200px;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
	}
	.position {
	    background: url(../images/position_icon1.gif) no-repeat 0px 3px;
	    font-size: 14px;
	    height: 30px;
	    line-height: 30px;
	    padding: 0px 10px 0 21px;
	    position: relative;
	    color: #666;
	    overflow: hidden;
	}
	.position a {
	    color: #666;
	}
/*sy-containers-end*/

/*sycl-left*/
	.syc-left{
		width: 27%;
		height: auto;
		float: left;
		text-align: center;
		background-color: #fff;
		overflow: hidden;
	}
	/*l-items*/
		.sycl-first{
			border:1px solid #CDD6E4;
		}
		.sycl-first .l-nav{
			color:#666;
			overflow: hidden;
		}
		.sycl-first .l-nav p{
			width: 50%;
			font-size: 20px;
			float: left;
			cursor: pointer;
			line-height: 55px;
		}
		.sycl-first .l-nav p:hover{
			color: #fff;
			background-color:  #EEA40B;
		}
		.sycl-first .l-nav p.active{
			color: #fff;
			background-color:  #EEA40B;
		}
		.sycl-first .l-nav p+p{
			border-left:1px solid #CDD6E4;
		}
		.sycl-first .l-items{
			height: 322px;
			padding-bottom: 10px;
		}  
		.sycl-first  .l-item{
			display: none;
			padding:0 18px;
		}
		.sycl-first .l-item li{
			position: relative;
			text-align: center;
			line-height: 60px;
			height: 60px;
			border-bottom: 1px solid #CDD6E4;
		}
		.sycl-first .l-item li:last-of-type{
			border-bottom: 0 solid #CDD6E4;
		}

		.sycl-first .l-item li .lt-center,
		.sycl-first .l-item li .lt-money{
			float: left;
			width: 30%;
		}
		.sycl-first .l-item li .lt-title{
			float: left;
			color:#000;
			width: 40%;
			padding:5px 0;
			padding-left: 5px;
			text-align: left;
		}
		.sycl-first .l-item li .lt-title h3{
			font:600 13px/25px "microsoft YaHei";
		}
		.sycl-first .l-item li .lt-title .lt-more{
			
		}
		.l-item li .lt-title .lt-more a{
			display: block;
			color:#0186D2;
			padding-left: 9px;
			font:13px/25px "microsoft YaHei";
		}
		.l-item li .lt-title .lt-more a:hover{
			color: #F30A1A;
		}
		.sycl-first .l-item li p{
			
		}
		.sycl-first .l-item li .lt-center{
			/*padding: 8px 0;*/
		}
		.sycl-first .l-item li .lt-center{
			display: inline-block;
			font-weight: 600;
			color: #F30A1A;
			font:15px/60px "microsoft yahei";
		}
		.sycl-first .l-item li .lt-money{
			padding:5px 0;
		}
		.l-item li .lt-money span{
			display: block;
			width: 100%;
			font:600 16px/25px "microsoft yahei";
			text-align: center;
			color:#F90909;
		}
		.l-item li .lt-money p small{
			display: block;
			width: 60%;
			margin: 0 auto;
			border-radius: 5px;
			background-color:#807E7D;
			color:#fff;
			cursor: pointer;
			letter-spacing: 2px;
			font:14px/22px "microsoft yahei";
		}
		.l-item li .lt-money p{
			padding-top:2px; 
		}
		.l-item li .lt-money p a{
			display: block;
			width: 60%;
			margin: 0 auto;
			cursor: pointer;
			border-radius: 5px;
			background-color:#F58120;
			color:#fff;
			letter-spacing: 2px;
			font:14px/22px "microsoft yahei";
		}
		.l-item li .lt-money p a:hover{
			background-color:#0186D2;
		}
		.more-txt{
			position: absolute;
			top:60px;
			left:0;
			z-index:999;
			border-radius: 5px;
			background-color: rgba(0,0,0,.8);
			display: none;
		}
		.more-txt span{
			width: 0;
		    height: 0;
		    border-style: solid;
		    border-color: transparent transparent  rgba(0,0,0,.8) transparent;
		    border-width: 8px;
		    left: 32px;
		    top: -16px;
		    position: absolute;
		}
		.more-txt p{
			padding:10px;
			text-indent: 2em;
			text-align: left;
			color: #fff;
			letter-spacing: 1px;
			font:12px/20px "microsoft yahei";
			word-break:break-all; /*支持IE，chrome，FF不支持*/
			word-wrap:break-word;/*支持IE，chrome，FF*/  
		}
	/*l-items-end*/

	/*sycl-customer*/
		.sycl-customer{
			margin-top: 30px;
			border:1px solid #CDD6E4;
		}
		.sycl-customer .customer-title{
			width: 100%;
			text-align: left;
			padding-left: 20px;
			font-size: 20px;
			font-weight: normal;
			color: #666;
			line-height: 55px;
		}
		.sycl-customer .customer-content{
			width: 100%;
			height: 390px;
			overflow: hidden;
			padding:0 18px;
		}
		.sycl-customer .customer-content li{
			overflow: hidden;
			cursor: pointer;
			border-bottom:1px solid #CDD6E4;
		}
		.sycl-customer .customer-content li:last-of-type{
			border-bottom:0px solid #CDD6E4;
		}
		.customer-content li:hover .cr-words a{
			color: #F58120;
		}
		.customer-content li p{
			width: 30%;
			float: left;
			text-align: center;
			height: 75px;
			
		}
		.customer-content li p.cr-img a{
			display: table-cell;
			width: 100%;
			height: 75px;
			padding-left: 10px;
			vertical-align: middle;
		}
		.customer-content li p.cr-img img{
			width: 46px;
			height: 46px;
			vertical-align: middle;
		}
		.customer-content li .cr-words{
			width: 40%;
			font-size: 14px;
			line-height: 75px;
		}
		.customer-content li .cr-words a{
			display: block;
			width: 100%;
			height: 100%;
		}
		.customer-content li .cr-time{
			padding:22px 0;
		}
		.customer-content li .cr-time span{
			display: inline-block;
			font-size: 14px;
			padding:5px 10px;
			margin-left: 15px;
			color: #F58120;
			border:1px solid #F58120;
		}
	/*sycl-customer-end*/
	
	/*sycl-news*/
		.sycl-news{
			height: 317px;
			margin-top: 17px;
			border:1px solid #CDD6E4;
		}
		.sycl-news .sycl-news-title{
			overflow: hidden;
			line-height: 55px;
		}
		.sycl-news .sycl-news-title h3{
			width: 100%;
			text-align: left;
			padding-left: 20px;
			font-size: 20px;
			font-weight: normal;
			float: left;
			margin-right: -25%;
			color: #666;
		}
		.sycl-news .sycl-news-title .more{
			width: 25%;
			float: right;
			padding-right: 20px;
			font-size: 16px;
		}
		.sycl-news .sycl-news-title .more:hover{
			cursor: pointer;
			color:#F15E22;
		}
		.sycl-news  .sycl-news-content{
			overflow: hidden;
			padding:0 20px;
		}
		.sycl-news  .sycl-news-content li{
			overflow: hidden;
			line-height: 33px;
			color:#7D7D7D;
			font-size: 14px;
		}
		.sycl-news  .sycl-news-content li p{
			width: 75%;
			float: left;
			text-align: left;
			
		}
		.sycl-news  .sycl-news-content li p a{
			display: block;
			width: 100%;
			line-height: 33px;
			color:#7D7D7D;
			overflow:hidden;
			white-space:nowrap;
			text-overflow:ellipsis;
		}
		.sycl-news  .sycl-news-content li p a:hover{
			color:#F58120;
		}
		.sycl-news  .sycl-news-content li span{
			display: block;
			width: 25%;
			float: right;
			text-align: right;
		}
	/*sycl-news-end*/
/*sycl-left-end*/

/*syc-right*/
		.syc-right{
			width: 71%;
			height: 1189px;
			float: right;
			border:1px solid #CDD6E4;
			padding:0 20px 20px 20px;
			/*overflow: hidden;*/
		}
	/*syc-show*/
		.syc-show{}
		.syc-show .show-nav{
			overflow: hidden;
		}
		.syc-show .showh-nav{border-top:1px solid #cdd6e4;}
		.syc-show .show-nav li{
			float: left;
			line-height: 40px;
			font-size: 20px;
			width: 140px;
			text-align: center;
			cursor: pointer;
		}
		.syc-show .show-nav li a{display: block;}
		.syc-show .show-nav li:hover {color: #fff;background-color: #0186D2;}
		.syc-show .show-nav li:hover a{color: #fff;}
		.syc-show .show-nav li.active{color: #fff;background-color: #0186D2;}
		.syc-show .show-nav li.active a{color:#fff;}
		.syc-show .show-nav li+li{/*border-left:1px solid #CDD6E4;*/}
		.show-container{
			height: auto;
		}
		.show-container .show-content{
			/*overflow: hidden;*/
			display: none;
		}
		.show-container .show-content li{
			width:32.1%;
			float: left;
    		border: 1px solid #eee;
		}
		.show-container .show-content li+li{
			margin-left: 1.85%;
		}
		.show-content li .show-img{
			width: 100%;
			height: 210px;
			background: url(../images/show1.png);
		}
		.show-middle{
			overflow: hidden;
			padding:3px 10px 0;
		}
		.show-middle p,.show-middle h3{
			float: left;
		}
		.show-middle h3{
			width: 100%;
			overflow:hidden;
			white-space:nowrap;
			text-overflow:ellipsis;
			text-align: center;
			font: 600 13px/30px "microsoft YaHei";
		}
		.show-middle p{
			width: 15%;
			overflow: hidden;
		}
		.show-middle p span{
			display: block;
		    width: 23px;
		    height: 16px;
		    background-color: #F58120;
		    text-align: center;
		    border-radius: 3px;
		    color: #fff;
		    margin-top: 7px;
		    margin-left: 5px;
		    font: 600 12px/16px "microsoft YaHei";
		}
		.show-bottom{
			position: relative;
			/*overflow:hidden; */
			padding:5px 10px 0px;
		}
		.show-bottom a{
			display: inline-block;
			float: left;
			width: 31%;
			line-height: 20px;
			text-align: center;
			font-size: 13px;
			color:#F58120;
			color:#fff;
			/*border:1px solid #F58120;*/
			border-radius: 6px;
		}
		.show-bottom a.green-a{background-color: #62c062;}
		.show-bottom a.green-a:hover{background-color: #51aa51;}
		.show-bottom a.blue-a{background-color: #5eb0df;}
		.show-bottom a.blue-a:hover{background-color: #0e79b5;}
		.show-bottom a.yellow-a{background-color: #f7a72e;}
		.show-bottom a.yellow-a:hover{background-color: #d99114;}
		.show-bottom a+a{
			margin-left: 3.5%;
			margin-bottom: 3.5%;
		}
		.bottom-img{z-index:99;display: none; position: absolute;top:-243px;left:0px;width: 260px;height: 210px;padding:15px 50px 0 50px;border-radius:5px;border:1px solid rgba(0, 0 ,0 ,0.5);background-color: rgba(0, 0 ,0 ,0.5);}
		.bottom-img span{display:block;width: 100%;font:15px/35px "microsoft yahei";text-align: center; color: #fff;letter-spacing: 1px;}
		.bottom-img img{width: 160px;height: 160px;vertical-align: middle;}
		.show-bottom a:hover{
			/*color:#fff;*/
			/*background-color: #F58120;*/
		}
		.show-bottom2{width: 100%;padding: 0 10px;overflow: hidden;}
		.show-bottom2 p{width: 65%;font:600 15px/30px "microsoft YaHei";color:red;float: left;}
		.show-bottom2 .qq-img{
			width: 35%;
		    float: right;
		    margin-top: 5px;
		    width: 77px;
		    height: 22px;
		    background: url(../images/qq-contact.png) no-repeat;
		}
		.page-box{width: 100%;margin-top: 5px;}
		.wrap{ float:left;position:relative;left:50%;}
		.inner{position:relative;left:-50%;font:13px/30px "microsoft yahei";letter-spacing: 1px;}
		.inner span{display: block;float: left;}
		.inner .current{background-color: #888;padding:0 15px;margin:0 2px;border-radius: 5px;color: #fff;cursor: pointer;}
		.inner .current:hover{background-color: #EAA10A;}
		.inner a{display:block;float: left;padding:0 15px;margin:0 2px;}
		.inner a:hover{color:#1168CC;}
	/*syc-show-end*/

	/*syc-show*/
		.syc-show{}
		/*.syc-show .connector-nav{
			border-top: 1px solid #CDD6E4;
			overflow: hidden;
		}
		.syc-show .connector-nav li{
			float: left;
			line-height: 40px;
			font-size: 20px;
			width: 141px;
			text-align: center;
			cursor: pointer;
		}
		.syc-show .connector-nav li:hover {
		    color: #fff;
		    background-color: #0186D2;
		}
		.syc-show .connector-nav li.active{
			color: #fff;
		    background-color: #0186D2;
		}
		.syc-show .connector-nav li+li{
			border-left:1px solid #CDD6E4;
		}
		.connector-container{
			height: 500px;
			padding-top: 20px;
			overflow: hidden;
		}*/
		.syc-show .show-content{
			/*overflow: hidden;*/
			display: none;
		}
		.syc-show .show-content li{
			width:32.1%;
			float: left;
    		border: 1px solid #eee;
    		margin-top: 23px;
    		padding-bottom: 10px;
		}
		.show-content li .connector-left{
			width: 55%;
			height: auto;
			float: left;
			overflow: hidden;
		}
		.show-content li .connector-left .cl-inner{
			width: 110px;
			height: 110px;
			margin:20px 0 0 15px;
			border-radius: 25px;
			background-color: #807E7D;
			overflow: hidden;
		}
		.syc-show .connector-left .cl-inner .inner-img{
			width: 100%;
			height: 45px;
			margin-top: 17px;
		}
		.syc-show .connector-left .cl-inner .inner-img img{
			display: block;
			width: 80px;
			height: 45px;
			margin:0 auto;
		}
		.syc-show .connector-left .cl-inner .inner-words{
			display: block;
			width: 100%;
			line-height: 40px;
			font-size: 15px;
			text-align: center;
			color: #fff;
		}
		.syc-show .show-content li .connector-right{
			width: 45%;
			height: 100%;
			float: left;
			overflow: hidden;
			padding-top: 20px;
		}
		.syc-show .connector-right h3{
			font:600 16px/16px "microsoft yahei";
			margin-bottom:10px;
		}
		.syc-show .connector-right span{
			display: block;
			font-size: 14px;
			line-height: 20px;
		}
		.syc-show .connector-right p{
			color:#FF0000;
			letter-spacing: 1px;
			font:600 16px/30px "microsoft yahei";
		}
		.syc-show .connector-right a{
			display: block;
			width: 87px;
			height: 30px;
			color: #fff;
			letter-spacing: 2px;
			background-color: #F58120;
			border-radius: 3px;
			border:1px solid #B45404;
			font:600 15px/30px "microsoft yahei";
			text-align: center;
		}
		.syc-show .connector-right a:hover{
			background-color: #EE740E;
		}
	/*syc-show*/
	/*syc-connector*/
		.syc-connector{}
		.syc-connector .connector-nav{
			border-top: 1px solid #CDD6E4;
			overflow: hidden;
		}
		.syc-connector .connector-nav li{
			float: left;
			line-height: 40px;
			font-size: 20px;
			width: 141px;
			text-align: center;
			cursor: pointer;
		}
		.syc-connector .connector-nav li:hover {
		    color: #fff;
		    background-color: #0186D2;
		}
		.syc-connector .connector-nav li.active{
			color: #fff;
		    background-color: #0186D2;
		}
		.syc-connector .connector-nav li+li{
			/*border-left:1px solid #CDD6E4;*/
		}
		.connector-container{
			height: auto;
			padding-top: 20px;
			overflow: hidden;
		}
		.syc-connector .connector-content{
			overflow: hidden;
			display: none;
		}
		.syc-connector .connector-content li{
			width:32.1%;
			float: left;
    		border: 1px solid #eee;
    		margin-bottom: 14px;
    		padding-bottom: 15px;
    		/*border-width:0 1px 1px 0px;*/
		}
		.syc-connector .connector-content li+li{
			margin-left: 1.85%;
		}
		.connector-content li .connector-left{
			width: 55%;
			height: auto;
			float: left;
			overflow: hidden;
		}
		.connector-content li .connector-left .cl-inner{
			width: 110px;
			height: 110px;
			margin:20px 0 0 15px;
			border-radius: 25px;
			background-color: #807E7D;
			overflow: hidden;
		}
		.connector-left .cl-inner .inner-img{
			width: 100%;
			height: 45px;
			margin-top: 17px;
		}
		.connector-left .cl-inner .inner-img img{
			display: block;
			width: 80px;
			height: 45px;
			margin:0 auto;
		}
		.connector-left .cl-inner .inner-words{
			display: block;
			width: 100%;
			line-height: 40px;
			font-size: 15px;
			text-align: center;
			color: #fff;
		}
		.connector-content li .connector-right{
			width: 45%;
			height: 100%;
			float: left;
			overflow: hidden;
			padding-top: 20px;
		}
		.connector-right h3{
			font:600 16px/16px "microsoft yahei";
			margin-bottom:10px;
		}
		.connector-right span{
			display: block;
			font-size: 14px;
			line-height: 20px;
		}
		.connector-right p{
			color:#FF0000;
			letter-spacing: 1px;
			font:600 16px/30px "microsoft yahei";
		}
		.connector-right a{
			display: block;
			width: 87px;
			height: 30px;
			color: #fff;
			letter-spacing: 2px;
			background-color: #F58120;
			border-radius: 3px;
			border:1px solid #B45404;
			font:600 15px/30px "microsoft yahei";
			text-align: center;
		}
		.connector-right a:hover{
			background-color: #EE740E;
		}
	/*syc-connector*/
/*sycl-right-end*/

/*links*/
	.links{
		width: 100%;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
		overflow: hidden;
	}
	.links .links-title{
		overflow: hidden;
		line-height: 55px;
	}
	.links .links-title h3{
		width: 100%;
	    text-align: left;
	    padding-left: 20px;
	    font-size: 20px;
	    float: left;
	    font-weight: normal;
	    margin-right: -15%;
	    color: #666;
	    border-top: 1px solid #CDD6E4;
	}
	.links .links-title .more{
		width: 15%;
	    float: right;
	    text-align: right;
	    padding-right: 20px;
	    font-size: 16px;
	}
	.links .links-title .more:hover{
		cursor: pointer;
    	color: #F15E22;
	}
	.links-container{
		width: 100%;
		height: 60px;
		padding: 0 20px;
		overflow: hidden;
	}
	.links-container ul{overflow: hidden;}
	.links-container li{
		width: auto;
		float: left;
		overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	}
	.links-container li a{
		display: block;
		width: 100%;
		height: 30px;
		color: #7D7D7D;
		text-align: left;
		font:13px/30px "microsoft yahei";
	}
	.links-container li a:hover{
		color: #F58120;
	}
	.links-container li+li{
		margin-left: 2.37%;
		text-align: center;
	}
/*links-end*/

/*footer*/
	.footer{
		width: 100%;
		height: 190px;
		overflow: hidden;
		background-color: #fff;
		color: #fff;
		position: relative;
		border-top: 1px solid #CDD6E4;
	}
	.footer-main{
		width: 1200px;
		height: auto;
		margin:0 auto;
		padding:0 50px;
		overflow: hidden;
	}
	.footer-left{
		width: 188px;
		height: 100%;
		overflow: hidden;
	}
	.footer-left p{
		margin-top: 20px;
		width: 100%;
		height: auto;
	}
	.footer-left p img{
		display: block;
		width: 188px;
		height: 53px;
		margin:0 auto;
	}
	.footer-middle{
		width: auto;
		height: 100%;
		overflow: hidden;
	}
	.footer-middle .footer-nav{
		width: 100%;
		height: auto;
		margin-top:20px;
		overflow: hidden;
	}
	.footer-nav li{
		width: 110px;
		height: auto;
		float: left;
		overflow: hidden;
	}
	.footer-nav li a{
		display: block;
		width: 100%;
		height: 16px;
		text-align: center;
		color: #7B7B7B;
		font: 13px/16px "microsoft YaHei"
	}
	.footer-nav li a:hover{
		color: #F58120;
	}
	.footer-nav li+li{
		border-left: 1px solid #7B7B7B;
	}
	/*.recommend{
		width: 100%;
		color:#F58120;
		font-size: 14px;
		padding-top: 20px;
		padding-left: 40px;
		line-height: 14px;
	}
	.recommend h3{
		float: left;
		font-size: 14px;
		font-weight: 500;
	}
	.recommend a{
		color:#F58120;
		margin-left: 10px;
	}*/
	.footer-middle{
		width: 70%;
		overflow: hidden;
		margin-left: 20px;
	}
	.footer-middle .copy{
		width: 100%;
		text-align: left;
		margin: 20px 0;
		color: #7B7B7B;
		padding-left: 40px;
		font: 14px/20px "microsoft YaHei"
	}
	.footer-middle .icons{
		width: 100%;
		height: auto;
		margin-top: 10px;
		overflow: hidden;
	}
	.footer-middle .icons .sanliuling{
		cursor: pointer;
		padding-left: 40px;
		float: left;
	}
	.footer-middle .icons .footer-icons{
		cursor: pointer;
		float: left;
		margin:0 10px;
	}
	.footer-middle .icons .footer-icons img{
		margin-top: 5px;
	}
	.footer-middle .icons .beian{
		float: left;
		font: 14px/20px "microsoft YaHei";
		padding:13px 20px 0 20px;
	}
	.footer-middle .icons .icon-eight{
		/*height: auto;*/
		float: left;
	}
	.footer-middle .icon-eight li{
		float: left;
		cursor: pointer;
		padding:0 4px;
	}
	.footer-middle .icon-eight li a{
		display: block;
		width: 32px;
		height: 32px;
	}
	.footer-middle .icon-eight .gray img{
		-webkit-filter: grayscale(200%); /* Chrome, Safari, Opera */
    	filter: grayscale(200%);
	}
	.footer-middle .icon-eight .brightness img{
		-webkit-filter: brightness(100%); /* Chrome, Safari, Opera */
    	filter: brightness(100%);
	}
/*footer-end*/

/*aboutus*/

	/*banner1*/
			.about-banner {
			    width: 100%;
			    min-width: 1200px;
			    height: 300px;
			    margin: 0px auto;
			    margin-top: 117px;
			    background: url(../images/aboutus.png) no-repeat top center;
			    overflow: hidden;
			}
	/*banner1-end*/

	/*about-right*/
		.sycc-right{
			width: 71%;
			height: 1189px;
			float: right;
			border:1px solid #CDD6E4;
			padding: 0 20px 20px 20px;
			overflow: hidden;
		}
		.sycc-right .syc-show .show-content li{
    		margin-top: 15px;
    		padding-bottom: 5px;
		}
		.about-title{
			color:#000;
			margin-top: 5px;
		    /*font: 600 20px/40px "microsoft yahei";*/
		}
		.about-title span {
		    display: block;
		    width: 80px;
		    height: 35px;
		    text-align: center;
		    font: 600 20px/35px "microsoft yahei";
		    border-bottom: 2px solid #F49801;
		}
		.about-content{
			margin-top: 15px;
		}
		.about-content p{
			text-indent: 2em;
			margin:10px 0;
			font:13px/25px "microsoft yahei";
		}
		.about-content p span{
			font-weight: 600;
		}
		.about-img1{
			display: block;
			width: 600px;
			height: 300px;
			margin: auto;
		}
		.about-img2{
			display: block;
			width: 300px;
			height: 300px;
			margin: auto;
		}
	/*about-right-end*/	
/*aboutus*/

/*api*/
	/*banner1*/
		.banner {
		    width: 100%;
		    min-width: 1200px;
		    height: 200px;
		    margin: 0px auto;
		    position: relative;
		    margin-top: 117px;
		    background: url(../images/about-banner.png) no-repeat top center;
		    overflow: hidden;
		}
	/*banner1-end*/

	/*sycc-right*/
		.sycc-right .syc-show{
			margin-top: 5px;
			height: auto;
		}
		.sycc-right .syc-show .connector-container{
			height: auto;
		}
	/*sycc-right-end*/
/*api*/

/*show*/
	.sycc-right .syc-show{
		margin-top: 5px;
		height: auto;
	}
	.sycc-right .syc-show .show-container{
		height: auto;
	}
/*show-end*/

/*contact*/
	.syc-contact{
		margin-top: 10px;
		position: relative;
	}
	.syc-contact p{
		font:14px/30px "microsoft yahei";
	}
	.syc-contact i{
		display: block;
		float: left;
		text-align: center;
		margin-right: 5px;
		width: 30px;
		height: 30px;	
	}
	.syc-contact i.icon-qq{
		font-size: 20px;
	}
	.syc-contact p span{
		font-weight: 600;
	}
	.syc-contact .weixin-img {
	    width: 150px;
	    height: auto;
	    position: absolute;
	    bottom: 0;
	    right:40px;
	}
	.syc-contact .weixin-img img {
	    display: block;
	    width: 150px;
	    height: 150px;
	}
	.syc-contact .weixin-img span{
		font:14px/14px "microsoft yahei";
	}
	.syc-contact .weixin-img .saoyisao {
	    display: block;
	    width: 100%;
	    /*height: 30px;*/
	    font: 14px/30px "microsoft yahei";
	    text-align: center;
	}
	.contact-img1{
		width: 150px;
		height: 150px;
	}
	.contact-img2{
		margin-left: 20px;
	}
/*contact-end*/

/*news-list*/
	.news-list{
		height: 1200px;
		overflow: hidden;
	}
	.news-list li{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.news-list li a{
		display: block;
		width: 100%;
		height: 35px;
		color: #666;
		font:13px/35px "microsoft yahei";
		border-bottom:1px dashed #999;
	}
	.news-list li a:hover{
		color:#0186D2;
	}
	.news-list li a .newsicon{
		float: left;
		color:#EEA40B;
	}
	.news-list li a p{
		width: 30%;
		float: left;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	.news-list li a .newstime{
		float: right;
	}
/*news-list-end*/

/*news*/
	.news-content{}
	.news-content h3 {
		width: 100%;
	    text-align: center;
	    margin-top: 10px;
	    font: normal 18px/35px "microsoft yahei";
	}
	.news-content .news-tags {
	    position: relative;
	    width: 100%;
	    height: 45px;
	    line-height: 45px;
	    border-top: solid 1px #ececec;
	    border-bottom: solid 1px #ececec;
	    margin: 15px auto 5px auto;
	    color: #666;
	    font-family: "microsoft YaHei";
	    clear: both;
	    text-align: center;
	}
	.news-content .news-tags span {
	    margin-right: 20px;
	}
	.news-content .news-tags span i.first-icon {
	    font-size: 14px;
	}
	.share-box {
	    width: 100%;
	    height: 40px;
	    overflow: hidden;
	    line-height: 40px;
	    text-align: center;
	    margin-bottom: 5px;
	}
	.share-box .icon-eight {
	    width: auto;
	    height: auto;
	    display: inline-block;
	    overflow: hidden;
	    float: right;
	}
	.share-box .icon-eight a{
		float: left;
		transform: scale(0.8);
		-ms-transform:scale(0.8); 	/* IE 9 */
		-moz-transform:scale(0.8); 	/* Firefox */
		-webkit-transform:scale(0.8); /* Safari 和 Chrome */
		-o-transform:scale(0.8);
		margin-right:2px;
	}
	.share-box .share{
		float: right;
	}
	.article{
		width: 100%;
		height: 995px;
		overflow: hidden;
		overflow-y: scroll;
	}
	.article .imgs{
		width: 100%;
    	height: auto;
	}
	.article .imgs img{
		width: auto;
	    height: auto;
	    display: block;
	    margin: 0 auto;
	}
	.article h4{
		text-align: center;
		font:600 18px/30px "microsoft yahei";
	}
	.article p{
		margin:5px 0;
		text-indent: 2em;
		font:13px/24px "microsoft yahei";
	}
/*news-end*/

/*fixcontact*/
	.fixcontact{
		width: 130px;
		height: auto;
		position: absolute;
		border-radius: 3px;
		background-color: #FFFFFF;
		box-shadow: -1px 1px 1px 1px #eee;
		top: 150px;
		right: 20px;
		z-index: 99;
	}
	.fixcontact .fixcontact-main{
		width: 100%;
		height: auto;
		position: relative;
	} 
	.fixcontact .fixcontact-main li{
		margin-top: 7px;
		text-align: center;
	}
	.fixcontact .fixcontact-main .close{
		width: 16px;
		height: 16px;
		opacity: 0.5;
		border-radius: 8px;
		position: absolute;
		top:2px;
		right:2px;
		z-index:3;
		margin: 0px;
		text-align: center;
		font: 14px/16px "microsoft YaHei";
		background-color: #eee;
	}
	.fixcontact .fixcontact-main .close:hover{
		background-color: #444;
		cursor: pointer;
	}
	.fixcontact .fixcontact-main .qq{
		display: block;
	    width: 100%;
	    height: auto;
	    color: #0484cd;
	    margin: 0px;
	    text-align: center;
	    border-bottom: 1px solid #999;
	}
	.fixcontact .qq span{
	    width: 100%;
	    font:700 16px/40px "microsoft YaHei";
	    text-align: center;
	    color: #0167A2;
	}
	.fixcontact .immediately{
		width: 100%;
		height: auto;
	}
	.fixcontact .immediately a{
		display: block;
		width: 77px;
		height: 22px;
		color: #fff;
		font:13px/22px "microsoft yahei";
		border-radius: 3px;
		margin: auto;
		background-color: #230771;
	}
	.fixcontact  .phone-contact{
		text-align: center;
		font:600 14px/22px "microsoft yahei";
		letter-spacing: 0px;
		color: #0A5B8A;
	}
	.fixcontact  .phone-contact span{
		color: #000;
		font-weight: 500;
	}
	.fixcontact  li i{
		display: block;
		font-size: 14px;
		line-height: 22px;
	}
	.fixcontact  li.weixin-contact{
		width: 100%;
		/*height: 120px;*/
		text-align: center;	
		padding-bottom: 10px;
	}
	.fixcontact  li.weixin-contact span{
		display: block;
		text-align: center;
		color: #0A5B8A;
		font:600 13px/20px "microsoft yahei";
	}
	.fixcontact  li.weixin-contact img{
		width: 100px;
		height: 100px;
		vertical-align: middle;	
	}
/*fixcontact-end*/