@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:16px/normal Verdana, Arial, Helvetica, sans-serif; font-family:"微软雅黑","宋体"}
.fl{float:left;display: inline-block}
.fr{float:right;display: inline-block}
.clear:after{clear:both;display:block;visibility:hidden;height:0;line-height:0;content:'';  }
.clear{zoom:1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
strong{ font-weight: bold}

a{text-decoration: none;color: #333;}
a:hover,a.a-fire{color:#ceb378; }
.blank10{height:10px;}

/* services */
.services{float:left;}
.services .con{background:url(../images/shulifeng/service.png) no-repeat 0 0;width:127px;height:368px;position:relative;}
.services .shares{position:absolute;left:10px;top:275px;white-space:nowrap;color:#666;}
.services .shares img{margin-right:5px;}
.services li{text-align:center;}
.services .qq{padding-top:105px;}
.services .name{padding-top:8px;float:left;display:block;width:60px;text-align:right;}
#online .s-btn{background-position:0 -89px;width:38px;height:198px;margin-top:104px;float:left;}
#online .Obtn{
				float:left;
				margin-top:30px;
				margin-left:-1px;
			    width: 58px;
			    height: 162px;
			    /* border: 1px solid; */
			    color: #fff;
			    border-image: linear-gradient(180deg, #85C3FF, #658CDD) 10 10;
			    background: linear-gradient(180deg, #379DFF 0%, #1B67FF 100%);
			    border-radius: 0px 10px 10px 0px;
			    box-sizing: border-box;
			    padding: 10px 20px;
                            cursor: pointer;
			}
			#online .Obtn span{
                                display: inline-block;
                                background:url(../images/shulifeng/caretRight.png) no-repeat 0 0;
				width: 15px;
				    height: 20px;
				    margin-top: 10px;
                                background-size: 15px 20px;
			}
#online a.wx{position:absolute;top:166px;left:15px;overflow:hidden;text-indent:-999em;display:block;width:95px;height:95px;}
 


/* 头部 */
#main{width:100%;height:100%;margin:0 auto;position:relative;}
#main .nav{  height: 150px;left:0;position:absolute;top:0;width:100%;z-index:900}
#main .nav .navpart{height:75px;margin: 0 auto;width:1280px;}
#main .nav .navpart1{ float: left;width: 80%;}
#main .nav .navpart1 .navlogo{ display: block;float: left;font-size: 0;height: 0;overflow: hidden;padding-top:76px;width: 106px;background:transparent url(../img/logo_w.png) no-repeat scroll left 15px;}
#main .nav .navpart1 ul{ float:left;padding-left: 18px;width: 900px;}
#main .nav .navpart1 ul li{float: left;margin-left: 20px}
#main .nav .navpart1 ul li a{ float: left;font-size: 1.125em;line-height: 75px;padding: 0 20px;color: #fff;}
#main .nav .navpart1 ul li:nth-of-type(1) a:hover{background: #12b7f5 none repeat scroll 0 0;}
#main .nav .navpart1 ul li:nth-of-type(2) a:hover{background: #12b7f5 none repeat scroll 0 0;}
#main .nav .navpart1 ul li:nth-of-type(3) a:hover{background: #12b7f5 none repeat scroll 0 0;}
#main .nav .navpart2{float: right;font-size: 0.875em;width:320px;}
#main .nav .navpart2 .navpart2enter{color: #fff;float: left;height: 0;line-height: 39px;
margin: 18px 0 0;overflow: hidden;padding: 39px 0 0;text-align: center;width: 96px;background:transparent url(../img/icons.png) no-repeat scroll 0 -244px;}
#main .nav .navpart2 .navpart2enter:hover{background:transparent url(../img/icons.png) no-repeat scroll 0 -284px;}
#main .nav .navpart2 ul{ float: right;height: 40px;padding-top: 6px;}
#main .nav .navpart2 ul li{ float: right;line-height: 40px;margin-left: 30px;position: relative;}
#main .nav .navpart2 ul li a{color:#fff;}
#main .nav .navpart2 ul li:nth-of-type(1) a:hover{color: #12b7f5}
#main .nav .navpart2 ul li:nth-of-type(2) a:hover{color: #12b7f5}
#main .nav .navpart2 ul li:nth-of-type(3) a:hover{color: #12b7f5}
#main .nav .navpart2 .flashdata{ float: right;letter-spacing: 0.04em;line-height:17px;text-align: right;color:#fff;}
#main .nav .navpart2 .flashdata a{color:#fff;}
#main .nav .navpart2 .flashdata a:hover{color: #12b7f5;}
/* 头部 end */

/* content1 start */

#main .content1{height:640px;width:100%;position:absolute;overflow:hidden;}
#main .content1 .c1part1{width:1920px;height:100%;position:absolute;left:50%;margin: 0 0 0 -960px; }
#main .content1 .c1part1 img:nth-of-type(1){width:1920px;height:100%;position:absolute;left:50%;margin: 0 0 0 -960px;}
#main .content1 .c1part1 img:nth-of-type(2){width:310px;height:230px;position:absolute;left:25%;top:15%;}
#main .content1 .c1part1 .c1img3{width:290px;height:58px;position:absolute;left:25%;top:65%;background:url(../img/buttons.png) no-repeat 0 -58px;cursor:pointer;}
#main .content1 .c1part1 .c1img3:hover{background:url(../img/buttons.png) no-repeat 0 2px;}

#main .content1 .c1part2{width:1920px;height:100%;position:absolute;left:50%;margin: 0 0 0 -960px; }
#main .content1 .c1part2 img:nth-of-type(1){width:1920px;height:100%;position:absolute;left:50%;margin: 0 0 0 -960px;}
#main .content1 .c1part2 img:nth-of-type(2){width:422px;height:300px;position:absolute;left:24.7%;top:15%;}
#main .content1 .c1part2 .c1part2img3{width:385px;height:77px;position:absolute;left:25%;top:70%;background:url(../img/btn541b.png) no-repeat 0 0px;cursor:pointer;}
#main .content1 .c1part2 .c1part2img3:hover{background:url(../img/btn541b.png) no-repeat 0 -75px;}

#main .content1 ul{position:absolute;width:150px;z-index:30;left:47%;bottom:7%;}
#main .content1 ul li{float:left;width:12px;height:12px;background:white;border-radius:50%;margin-right:15px;}
#main .content1 ul .active{background:none;border:2px white solid;transform:translateY(-2px);-webkit-transform:translateY(-2px);}
/* content1 end */

/* content2 start */
#main .content2{width:100%;height:880px;position:absolute;top:640px;overflow:hidden;}
#main .content2 h1{width:1920px;height:240px;position:absolute;left:50%;margin: 0 0 0 -960px;background: white url(../img/brand.png) no-repeat center top;z-index:10;}
#main .content2 #firstbg{width:1920px;position:absolute;left:50%;margin: 0 0 0 -960px;height:700px;background:url(../img/bg1_1600.jpg);position:relative;background-position:50% 0;background-attachment:fixed;background-size:cover;}

/* content2 end */


/* content3 start */
#main .content3{width:100%;height:584px;position:absolute;top:1420px;}
#main .content3 .c3part{height:584px;margin:0 auto;width:960px;position:relative;}
#main .content3 .c3part1{width:763px;height:664px;position:absolute;left:-32px;bottom:0;background:transparent url(../img/pic1.png) no-repeat 0 0;z-index:80;}
#main .content3 .c3part2{position: absolute;right: 7px;top:215px;width: 487px;}
#main .content3 .c3part2 h2{width:100%;height:135px;background: transparent url(../img/qcall_txt.png) no-repeat 0 0;overflow:hidden;}
#main .content3 .c3part2 p:nth-of-type(1){ line-height:25px;margin-bottom: 12px;opacity: 0.6;text-align: right;width: 100%; font-size: 18px;letter-spacing: 0.12em}
#main .content3 .c3part2 p:nth-of-type(2) a{color:#12b7f5;text-decoration:none; font-size: 18px;letter-spacing: 0.12em;}
#main .content3 .c3part2 p:nth-of-type(2){ line-height: 25px;margin-bottom: 12px;opacity: 0.6;text-align: right;width: 100%;}
#main .content3 .c3part2 ul{ min-height:77px;padding-top: 44px;width:100%; background:transparent url(../img/qcall_figs.png) no-repeat 190px 41px;}
#main .content3 .c3part2 ul li{border-left: 1px solid #e9e9e9;float:right; color: #a0a0a0;font-size: 14px; padding: 58px 0 0;text-align: center}
#main .content3 .c3part2 ul li:nth-of-type(1){text-align:right;width:80px;}
#main .content3 .c3part2 ul li:nth-of-type(2){ width: 109px;}
#main .content3 .c3part2 ul li:nth-of-type(3){ width:109px;border:none;margin-right:30px;}
/* content3 end */


/* content4 start */
#main .content4{width:100%;height:1280px;position:absolute;top:2400px;overflow:hidden;}
#main .content4 #secondbg{width:1920px;position:absolute;left:50%;margin: 0 0 0 -960px;height:650px;background:url(../img/avds.jpg);background-position:50% 0;background-attachment:fixed;background-size:cover;}
#main .content4 .c4part{height:584px;margin: 0 auto;position:relative;top:700px;width:960px;font-size: 16px;}
#main .content4 .c4part1{left:7px;position: absolute;top: 115px;width: 450px;}
#main .content4 .c4part1 h2{background:transparent url(../img/txt.png) no-repeat scroll 0 0;height:140px;position: absolute;width: 100%}
#main .content4 .c4part1 p:nth-of-type(1){ line-height: 25px;margin-bottom: 12px;opacity: 0.6;padding-left: 5px;width: 90%;font-size: 18px;letter-spacing: 0.12em;position:absolute;top:140px;}
#main .content4 .c4part1 p:nth-of-type(2){ line-height: 25px;margin-bottom: 12px;opacity: 0.6;padding-left: 5px;width: 90%;font-size: 18px;letter-spacing: 0.12em;position:absolute;top:205px;}
#main .content4 .c4part1 p:nth-of-type(2) a{font-size: 18px;letter-spacing: 0.12em;color: #12b7f5;}
#main .content4 .c4part1 ul{background:transparent url(../img/qfile_figs.png) no-repeat scroll 7px 41px; min-height: 77px;padding-top: 44px;width: 100%;position:absolute;top:240px;}
#main .content4 .c4part1 ul li{border-right: 1px solid #e9e9e9;float: left;color: #a0a0a0;font-size: 14px;padding: 58px 0 0;text-align: center}
#main .content4 .c4part1 ul li:nth-of-type(1){text-align: left;text-indent: 12px;width: 94px}
#main .content4 .c4part1 ul li:nth-of-type(2){width:112px;}
#main .content4 .c4part1 ul li:nth-of-type(3){ border: medium none;width: 108px;border:none;}

#main .content4 .c4part2{background:transparent url(../img/pic2.png) no-repeat scroll 0 0; bottom: 104px;height:330px;position: absolute;right:-100px;width: 597px}

/* content4 end */

/* content5 start */
#main .content5{width:100%;height:780px;position:absolute;top:3665px;overflow:hidden;}
#main .content5 #thirdbg{width:1920px;position:absolute;left:50%;margin: 0 0 0 -960px;height:450px;background:url(../img/bg3_1600.jpg);background-position:50% 0;background-attachment:fixed;background-size:cover;}
#main .content5 .c5part{height:584px;margin: 0 auto;position:relative;top:450px;width:100%;}

/* content5 end */

.center {
    text-align: center;
}
.single-pricing-wrap{
	width:33%;
	float: left;
	padding: .15%;
	margin-top:60px;
}
.star_supplier, .media_news{
	width:1100px;
	height: auto;
	margin:50px auto;
	text-align: center;
}
.media_news{
	width:980px;
	font-size: 16px;
}
.star_supplier h3, .media_news h3{
	padding: 10px 20px;
	border:1px solid #fff;
	color: #fff;
	display: inline-block;
	border-radius: 5px;
}
.star_supplier ul{
	width:100%;
	margin-top: 30px;
}
.star_supplier li{
	width:33.3%;
	float: left;
	margin-top:50px
}
.star_supplier li img{
	width:40%;
	border-radius: 50%;
}
.platform, .company{
	width:980px;
	height: 236px;
	margin: 20px auto;
}
.c4part .pic{
	width:38%;
	height: 236px;
	text-align: center;
}
.c4part .text{
	width:57%;
	line-height: 30px;
	padding: 14px;
	color: #666;
        font-size:14px;
}
.platform, .company{
	border:1px solid #e2e2e2;
	border-radius: 10px;
}
.platform .pic{	
	background: url(../img/platform.jpg);
	border-radius: 10px 0 0 10px;
	
}
.company .pic{
	background: url(../img/company.jpg);
	border-radius: 0 10px 10px 0 ;
}
.pic p{
	color: #fff;
	border:1px solid #fff;
	padding: 5px 10px;
	display: inline-block;
	border-radius: 5px;
	margin-top:25%
}
.media_news ul{
	width:100%;
	margin-top: 50px;
	text-align: left;
}
.media_news li{
	width:50%;
	float: left;
	margin:30px 0;	
}
.media_news li a{
	color: #fff;
}
.media_news li em{
	color: #ab883b;
	background: rgba(255,255,255,0.8);
	padding: 5px 10px;
	margin-right: 10px;
}
/*nav*/
#nav{margin:0 auto;width:1100px;height:92px;z-index:9999}
#nav .jquery_inner{float:left}
#nav .jquery{margin-right:1px;padding:0 2em;}
#nav .mainlevel{background:#fff;float:left;border-right:1px solid #fff;width:118px; height:92px;line-height:92px;font-size:16px;/*IE6 only*/}
#nav .mainlevel a{color:#333;text-decoration:none;display:block;width:118px; text-align:center;}
#nav .mainlevel a:hover,#nav .mainlevel a.cur{color:#fff;text-decoration:none;background:#ceb378 }
#nav .mainlevel ul{display:none;position:absolute;}
#nav .mainlevel li{color: #888;background: #f5f5f5;border-bottom: 1px solid #fff;width:118px;height:32px; line-height:32px; text-align:center;font-size:12px;z-index:9999 /*IE6 only*/}
#nav .on { background:#ceb378;}
#nav .on a{color:#fff }
#nav .sub a{color:#333}

/*表格表单*/
.table_form td{padding-left:12px}
.table_form th{font-weight:normal; text-align:right;padding-right:10px; color:#fff}
.table_form td label{ vertical-align:middle}
.table_form td,.table_form th{padding:6px 0 6px 8px}
.table_form tbody td,.table_form tbody th{ }
.input-text{ height:30px;}
.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#ceb378; border:1px solid #ceb378; color:#fff; text-align:center;margin-left: 1px; }