@charset "utf-8";



/* CSS Document */







.more{ width:80px; height:28px; line-height:28px; padding:0; margin:0 auto; margin-top:43px; margin-bottom:50px;}



.more a{ display:block;  border:1px #024fb8 solid; color:#024fb8; text-align:center;}



.more a:hover{ background:#024fb8; color:#fff;}



/*banner*/



.www51buycom {



    width: 1920px;



    height: 460px;



    position: relative;



    overflow: hidden;



    margin-left: 50%;



    left: -960px;



    top: 0px;



}











/*数字按钮样式*/



.www51buycom .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; zoom:1; z-index:3;left: 50%;



    -webkit-transform: translateX(-50%);



    -ms-transform: translateX(-50%);



    transform: translateX(-50%); }



.www51buycom .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }



.www51buycom .num li.on { background: #024fb8; } /*当前项*/







/*上一个  下一个*/



.www51buycom .prev,



.www51buycom .next { display: none; width: 40px; height: 100px; background:url(../images/btn.png) no-repeat; position: absolute; top: 180px;}



.www51buycom .prev { left: 0; }



.www51buycom .next { right: 0; background-position: right }



/*banner end*/







/*search*/



#search {



    width: 100%;



    height: 76px;



    z-index: 999;



    float: left;



    position: absolute;



    margin-top: -40px;



}



.search {



	width: 1180px;



	height:76px;



	padding: 0;



	margin: 0 auto;



	background:#024fb8;



}



.search_left {



    line-height: 76px;



    float: left;



    color: #e8e8e4;



    margin-left: 20px;



}



.search_left img{ margin-right:10px;}



.search_left a {



	line-height: 76px;



	color:#e8e8e4;



	margin: 0 6px;



}



.search_right {



    width: 397px;



    float: right;



    margin-top: 23.5px;



    margin-right: 20px;



}



.searchbar {



	width: 296px;



	line-height: 30px;



	height: 30px;



	float: left;



	border: 1px;



	outline: none;



	padding-left: 20px;



}



.searchbtn {



	width: 70px;



	line-height: 30px;



	height: 30px;



	margin-left: 10px;



	border: 0;



	background: #fcf038;



	float: left;



	outline: none;



	color: #333;



	cursor: pointer;



}



/*search end*/







/*product*/



#product {



    width: 100%;



    height: 1245px;



    background: url(../images/product_bg.jpg) no-repeat 50%;



    padding-top: 1px;



    position: relative;



}



.product{ width:1180px; height:auto; padding:0; margin:0 auto; position:relative;}



.title{padding:0; margin:0 auto; margin-top:50px; margin-bottom:30px; text-align:center;}



.title h3{ font-size:24px; text-align:center; color:#222; position:relative; display:inline-block;}



.title h3 span{ color:#204fb8;}



.title h3 p{ font-size:16px; color:#878787; text-align:center; margin-top: 10px;}



.product_top {



    width: 1180px;



    height: 196px;



    overflow: hidden;



}



.product_top>h4 {



    width: 100%;



    height: 64px;



    line-height: 64px;



    font-size: 19px;



    color: #024FB8;



    margin-left: 50px;



    margin-top: -5px;  margin-bottom: 20px;



}



.fenlei{ line-height:27px; padding:0 30px;}



.fenlei>span>a{ display:inline-block; color:#fff; background:#024fb8;}



.fenlei a{ margin:8px; display:inline-block; padding:0 20px;}



.product_bot {



	width: 1180px;



	height: auto;



	margin-right: -5.5px; margin-top:10px;



}



.product_bot h4 {



	font-size:16px;



    text-align:center; 



}



.product_bot>h4>ul>li.selected{



   width: 194px; height:58px;



	display: inline-block;



	text-align: center; font-weight:16px; background:#fff; border:1px solid #024fb8;



    margin-top: 20px;



    line-height: 58px;}



.selected{ color:#024fb8 !important; }



.product_bot>h4>ul>li {



	width: 194px; height:58px; line-height:58px;



	display: inline-block;     cursor: pointer;



	text-align: center; font-weight:16px; color:#fff; background:#024fb8;



}



.product_bot>h4>ul>li:first-child{ margin-right: 30px;}



.tab_box .hide{ display:none;}



.product_show {



    margin-top: -14px;



    width: 1212px;



}



.product_show li {



    width: 371px;



    margin-right: 33px;



    float: left;



    margin-top: 40px;



}



.product_show li h5{ height:55px; line-height:55px; text-align:center; background:#e9e9e9; font-size: 14px;}



.product_show li h5:hover{ background:#024fb8; color:#fff;}



.product_img{ width:371px; height:257px; overflow:hidden;}



.product_img a{ display:block; width:283px; height:202px;}



.product_img img{ width:100%; height:100%;}



/*product end*/







/*pk*/



#pk{ width:100%; height:1014px; background:url(../images/pk_bg.jpg) 50% no-repeat; margin-top:-1px;}



.pk {



    width: 1180px;



    height: 1172px;



    position: relative;



    padding: 0;



    margin: 0 auto;



    padding-top: 1px;



}



.youlie_t{ text-align:center; color:#fff; font-size:30px; font-weight:600; line-height:79px;}



.youlie_t b{ font-size:60px; line-height:79px;}



ul.pk_con {



    padding: 66px 60px;



}



.pk_text {



    width: 420px;



    line-height: 26px;



}



.pk_con b {



    margin-left: 95px;



    color: #fff;



    font-size: 18px;



}



.left.pk_text h3 {



    width: 405px;



    text-align: right;



}



.pk_text h3 { margin-bottom:20px; font-size:24px;}







.right.pk_text h3{ color:#024fb8;}







ul.pk_con li{ height:98px; margin-bottom:78px;}







/*pk end*/











/*banner01*/



#banner01{ width:100%; height:259px; background:url(../images/banner01.jpg) 50% no-repeat;}



.banner01{ width:1180px; height:259px; position:relative;    padding: 0;



    margin: 0 auto;



    padding-top: 1px;



}



.tantou1 {



    width: 200px;



    height: 134px;



    position: absolute;



    right: 85px;



    top: 86px;



}



.tantou1 p{color: #fff;



    font-size: 18px;}



.tantou1 h5{    color: #FCF038;



    font-size: 24px;



    font-weight: 600;}	



.btn1 a {



    width: 175px;



    height: 60px;



    text-align: center;



    display: block;



    line-height: 62px;



    font-size: 18px;



}



/*banner01 end*/







/*case*/



#case{ width:100%; height:683px; background:url(../images/case_bg.jpg) 50% no-repeat;}



.case{ width:1180px; height:683px; position:relative;    padding: 0;



    margin: 0 auto;



    padding-top: 1px;



}



#focus_Box{position:relative; width:1180px; height:335px ;margin:67px auto;}



#focus_Box ul{position:relative; width:910px; height:335px; margin:auto;}



#focus_Box li{z-index:0; position:absolute; width:0px; height:0px; top:146px; cursor:pointer; left:377px; border-radius:4px; box-shadow:1px 1px 12px rgba(200, 200, 200, 1);}



#focus_Box li img{width:100%; height:100%;}



#focus_Box li p{position:absolute; right:0; bottom:0px; width:100%; height:40px; line-height:40px; background:rgba(0,0,0,.5); text-align:center;}



#focus_Box li p a{ color:#fff; font-size:14px;}



#focus_Box .prev,#focus_Box .next{display:block; z-index:100; overflow:hidden; cursor:pointer; position:absolute; width:54px; height:53px; top:120px;}



#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:0px; width:45px; height:100px;}



#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:0px;  width:45px; height:100px;} 







/*case end*/







/*youshi*/



#youshi{ width:100%; height:1172px; background:url(../images/youshi_bg.jpg) 50% no-repeat;}



.youshi{ width:1180px; height:1172px; position:relative;    padding: 0;



    margin: 0 auto;



    padding-top: 1px;



}



.youshi1,.youshi2,.youshi3,.youshi4{ width:400px; height:180px;}



.youshi1{    position: absolute;



    left: 58px;



    top: 212px;



}



.youshi2{    position: absolute;



    left: 802px;



    top: 574px;



}



.youshi3{    position: absolute;



   left: 58px;



    top: 926px;



}



.youshi4{    position: absolute;



      left: 802px;



    top: 926px;



}



.youshi h3{ margin-bottom:40px;}



.youshi p{ color:#f1f1f1; line-height:26px;}



/*youshi end*/







/*banner02*/



#banner02{ width:100%; height:270px; background:url(../images/banner02.jpg) 50% no-repeat;}



.banner02{ width:1180px; height:270px; position:relative;    padding: 0;



    margin: 0 auto;



    padding-top: 1px;



}



.tantou2 {



    width: 200px;



    position: absolute;



    right: 6px;



    top: 141px;



}



.tantou2 p{color: #fff;



    font-size: 18px;}



.tantou2 h5 {



    color: #083A7F;



    font-size: 24px;



    font-weight: 600;



    text-align: center;



}



.btn2 a {



    width: 175px;



    height: 60px;



    text-align: center;



    display: block;



    line-height: 62px;



    font-size: 18px;



}



.liucheng {



    margin-top: 193px;



    margin-left: 76px;



    color: #E4E4E4;



}



/*banner02 end*/







/*client*/



#client{ width:100%; height:630px; background:url(../images/client_bg.jpg) 50% no-repeat;}



.client{ width:1180px; height:630px; position:relative;    padding: 0;



    margin: 0 auto;



    padding-top: 1px;



}



.client_img{ width:130px; height:130px; border-radius:50%; overflow:hidden; margin-top:33px; margin-left:42px; transition:all ease 600ms;}



.client_img img{ height:100%; width:auto;}



.client_img:hover{ transform:rotate(15deg);}



.client ul { width:1220px; margin-top:69px;}



.client ul li{ width:570px; height:190px; border-radius:10px; background:#fff; border:3px solid #024fb8; float:left; margin-left:14px; margin-bottom:27px;}



.client_text {



    width: 300px;



    height: 120px;



    overflow: hidden;



    margin-top: 47px;



    margin-left: 40px;



}



.client_text h4{ line-height:30px;}



.client_text h4 a:hover{ color:#024fb8;}



.client_text p{ height:37px; overflow:hidden; margin-bottom:10px;}



.client_text>a:hover{ text-decoration:underline;}



/*client end*/







/*banner03*/



#banner03{ width:100%; height:182px; background:url(../images/banner03.jpg) 50% no-repeat;}



.banner03{ width:1180px; height:182px; position:relative;    padding: 0;



    margin: 0 auto;



    padding-top: 1px;



}



.tantou3 {



    width: 280px;



    position: absolute;



    right: 6px;



    top: 34px;



}



.tantou3 p{color: #fff;



    font-size: 18px;}



.tantou3 h5 {



    color: #fff;



    font-size: 24px;



    font-weight: 600;



}



.btn3 a {



    width: 175px;



    height: 50px;



    display: block;



    line-height: 62px;



    font-size: 18px; color:#fff;



}



/*banner03 end*/







































































/*about*/



#about {



    width: 100%;



    height: 589px;



    background: url(../images/about_bg.jpg) 50% no-repeat;



    padding-top: 1px;



    margin-top: -1px;



}



.about {



    width: 1104px;



    height: 372px;



    position: relative;



    padding: 0;



    margin: 0 auto;



    padding-top: 1px; background:#fff; border:3px solid #024fb8; padding:35px;



}



.about_1{ height:244px; border-bottom:1px #ccc solid; margin-bottom:20px;}



.about_text {



    width: 407px;



    margin-right: 23px;



    border-right: 1px #ccc dashed;



    line-height: 28px;



    margin-top: 22px;



    padding-right: 33px;



}



.about_text h3{ margin-bottom:20px;}



.about_text p{overflow: hidden; height:84px; margin-bottom:20px; }



.about_text a:hover{ text-decoration:underline;}



.about_img{ width:319px; height:219px; margin-right:30px; overflow:hidden;}



.about_img img{ width:100%; height:auto;}



.ryzz{ margin-top:22px; margin-left:87px;}



/*荣誉资质*/



.gd_03{ position:relative; width:128px; height:188px;}



.gd_03 em{



	position: absolute;



	top: 150px;



}



.gd_03 .t_l {



    left: -55px;



    top: 66px;



}



.gd_03 .t_r{



	right: -55px;



	top: 66px;



}



div#simgs03 {



    width: 128px !important;



}



.gd_03 #simgs02{ margin:0;}



.gd_03 li{ float:left; width:128px; text-align:center;}



.gd_03 li.last{ padding-right:0;}



.gd_03 li img{ display:block; width:128px; height:188px; margin-bottom:19px;}



.gd_03 li a{ color:#000000;}



.gd_03 .fl { float:left;}



.gd_03 .fr { float:right;}



.gd_03 .pa{ position:absolute;}



.gd_03 .pr{ position:relative}







/*荣誉资质 end*/



/*合作伙伴*/



.hzhb b {



    font-size: 29px;



    color: #606060;



    margin-top: 10px;



}



.gd_01{ position:relative; height:68px; width:960px;}



.gd_01 em{



	position: absolute; top:0;



}



.gd_01 .t_l{ left:0px;}



.gd_01 .t_r{ right:0px;}



.gd_01 #simgs{ margin: 0 36px;}



.gd_01 li{ float:left; width:149px; padding: 0 16px 0 0; text-align:center;}



.gd_01 li.last{ padding-right:0;}



.gd_01 li img{ display:block; width:149px; height:68px; margin-bottom:19px; border:1px solid #d3d3d3;}



.gd_01 li a{ color:#000000;}



.gd_01 .fl { float:left;}



.gd_01 .fr { float:right;}



.gd_01 .pa{ position:absolute;}



.gd_01 .pr{ position:relative}



/*合作伙伴 end*/







/*about end*/



.r_more{ font-size:13px; font-weight:100; color:#666; float:right;}



/*news*/



#news{ width:100%; height:638px; background:url(../images/news_bg.jpg) 50% no-repeat;}#news {



    width: 100%;



    height: 638px;



    background: url(../images/news_bg.jpg) 50% no-repeat;



    padding-top: 1px;



    margin-top: -1px;



}.news {



    width: 1180px;



    height: 638px;



    position: relative;



    padding: 0;



    margin: 0 auto;



    padding-top: 1px;



    margin-top: 42px;



}



.news_left {



    width: 335px;



    float: left;



    margin-right: 30px;



}



.m_title {



    background-color: #266AD1;



    margin-bottom:0px;



	color:#fff;



	height:41px;



	line-height:41px; font-size:16px; padding-left:20px;



}

.m_title a{ font-weight:100; color:#fff;}



.news_box,.cjwt_box {



    padding: 20px;



    border: 1px #266AD1 solid;



    height: 472px;



}



.news_right{ width:335px; float:right;}



.news_bt{ width:335px;line-height:35px; padding-left:20px; float:left; margin-top: 9px;}



.news_bt h4{ color:#333;}



.news_bt a{ color:#266ad1;}



.news_img{ width:335px; height:205px; overflow:hidden; position:relative; float:left;}



.news_img a{ display:block;}



.news_img a img{ width:100%;}



.news_menu>li {



    float: left;



    padding: 0px 10px;



    margin: 3px 10px;



    line-height: 35px;



    height: 35px;



}

.news_menu>li a{ color:#fff; font-weight:100;}

.news_menu>.selected {



    background: #FFFFFF;



    font-weight: 400;



}



.news_menu>.selected a {





    color: #266AD1;



    font-weight: 400;



}





ul.new{ margin-top:25px;}



ul.new li{ line-height:47px; border-bottom:1px dashed #826751;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



ul.new li a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



ul.new li::before{ content:">  "}







/************文字滚动************/



.da {



    line-height: 24PX;



    padding-bottom: 16.5px;



    padding-top: 10px;



    color: #555;



    padding-left: 23px;



}



.wen {



    margin-top: 15px;



}



.wen a{ font-weight:600; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}



.wen::before{ content:url(../images/Q.png); color:#C99968; font-size:18PX; margin-right:5px; margin-top:15px;}



.cjwt { width:420px;}



#ticker2 {



	width: 100%;



	height: 460px;



	overflow: hidden;



	position: relative;



	margin: 15px 0;



}



#ticker2 li {



	position: relative;



	width: 100%;



	line-height: 22px;



	margin: 5px auto;border-bottom:1px dashed #826751;



}







/*news end*/







/*link*/



#link{ width:100%; height:92px; background:url(../images/link_bg.jpg) 50% no-repeat;}



.link{ width:1180px; height:56px; position:relative;    padding: 0;



    margin: 0 auto;



    padding-top: 1px; background:#024fb8;



}



.link b{ font-size:16px; color:#fff; margin-right:20px; line-height:56px; margin-left:30px; }



.link a{ color:#fff; margin:20px; line-height:56px;}



.link a:hover{ text-decoration:underline;}



/*link end*/