@charset "utf-8";

/* CSS Document */

/*banner*/

.www51buycom {
width:1920px;
	height: 455px;
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: 15px;
height: 15px;
line-height: 25px;
text-align: center;

font-weight: 400;
font-family: "微软雅黑", Arial;
color: #FFFFFF;
background: #fff;
margin-right: 10px;
border-radius: 50%;
cursor: pointer;

float: left;
font-size: 0px;


}

.www51buycom .num li.on {
	background: rgba(255,255,255,0.7);


} /*当前项*/







/*上一个  下一个*/







.www51buycom .prev, .www51buycom .next {display: none;

	width: 40px;
	height: 100px;
	background: url(../images/btn.png) no-repeat;
	position: absolute;
top: 180px;

}


.www51buycom .prev {

	left: 50%;
margin-left: -635px;

}

.www51buycom .next {
	right: 50%;
	margin-right: -635px;
background-position: right

}

/*banner end*/

/*search*/


#search {

	width: 100%;

	height: 58px;
}

.search {

	width: 1180px;
	padding: 0;
margin: 0 auto;
height: 58px;

	position: relative;

}

.search_left {
	width: 833px;
	line-height: 58px;
float: left;
color: #333;
position: absolute;
left: 0;

}

.search_left img {
	margin-right: 10px;

}

.search_left a {

	color: #666;
margin: 0 6px;

}

.search_right {

width: 374px;
float: right;
margin-top: 12.5px;  position:relative;

}

.searchbar {
 width: 339px;
 line-height: 29px; height:29px;
outline: none;
 padding-left: 20px;
border: 1px solid #0659B6;
float: left;
 background: none;
border-radius: 15px;

}

.searchbtn {
width: 21px;
height: 21px;
border: 0;
outline: none;
cursor: pointer; background:url(../images/search.png) center no-repeat; position:absolute;     right: 27px;
 top: 5px;

}

/*search end*/

/*product*/

#product{height:auto; overflow-x:hidden; margin-top:5px;}

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

.juedui_more{position: absolute;
right: 0;
top: 68px;

}

.product_left {	width:347px; border:2px solid #054893; border-bottom:8px solid #054893;	float: left; height:670px; overflow:hidden;}

.cpzxtt {
  height:56px; background:#054893; padding-left:27px; line-height:56px;

}

.cpzxtt a{font-size:18px; color:#fff; font-weight:600;}


.cpzxtt a span{ color:#fff;text-align:center;font-weight:100; font-size:14px; margin-left:13px;}


.fenlei{ height:586px; line-height:35px; padding-bottom: 6px; background:#0659b6; padding-top: 31px;}

.fenlei>ul>li { width:300px; height: 35px;  line-height: 35px; border: 1px solid #3789e4; margin: 0 20px; position:relative; margin-bottom:23px;
}

.fenlei>ul>li a{ color:#fff; padding-left:10px;}
.fenlei>ul>li>a:hover{ color:#fff; background-color:#fc8f1a; display:block; border:1px solid #fc8f1a;}
.lxwm{ text-align:center;}

.lxwm img{ width:159px; height:159px; border:1px solid #0659b6; margin-top:18px; margin-bottom:10px;}
.lxwm p{ text-align:left; line-height:24px; margin-left:23px;}
.product_right {
    width: 800px; float: right; overflow:hidden;
}
.r_more{ float:right;}
.r_more a:hover{ color:#fc8f1a; font-weight:500;}
.product_right h4 {
 font-size: 18px;
  width: 798px;
 height: 41px;
 line-height: 41px;
 border: 1px solid #bbb;
   margin-bottom: 10px;


}

.product_right>h4>ul>li.selected {

    color: #fff;
    background-color: #0659B6;

}


.tab_menu li {
    font-size: 16px;color: #333;  width: 128px; height: 41px;line-height: 41px; text-align: center; cursor:pointer;float: left;  font-weight: 500;
}

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

.tab_box .hide{ display:none;}

.product_show { width:810px;
}


.ckxq{ width:101px; height:30px; line-height:30px; background:url(../images/btn_lan.png) no-repeat; display:inline-block;}

.ckxq a{ color:#fff !important; display:block; width:101px; height:30px; text-align:center;}


.ljzx{ width:101px; height:30px; line-height:30px; background:url(../images/btn_hong.png) no-repeat; display:inline-block;}


.ljzx a{ color:#fff !important; display:block; width:101px; height:30px; text-align:center;}



.product_show li {

    width: 248px;

    float: left;

    margin:0 10px;

}


.product_show li:hover .product_img img{ width:101%; height:101%; }


.product_show li:hover .product_img{border: 1px solid #0659b6;}



.product_img {

   width:232px; height:164px; padding:4px;

    border: 1px solid #eee;

}


.product_img a{ display:block;


   width:230px; height:166px;

    overflow:hidden;

}

.product_img img{   width:230px; height:164px;  transition:all ease 300ms;}

/*product end*/


.title{ color:#0659b6; font-size:30px; font-weight:600; text-align:center;}

.title p{ color:#666; font-size:18px; font-weight:100; margin:10px;}

/*pk*/



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







.pk{ width:1180px; margin:0 auto; padding-top: 22px; }







li.pk_l {







    left: 21px;







    top: 52px;







}







li.pk_r { 







    right: 27px;







    top: 118px;







}







li.pk_r h5{text-align:right !important;}







li.pk_r p{text-align:right !important;}







.slideTxtBox {







    height: 543px;







}







.slideTxtBox .bd{ position:relative;}







.slideTxtBox .bd ul img{ position:absolute; z-index:1;}







.slideTxtBox .bd ul li{ position:absolute; z-index:999;width:239px; height:158px; overflow:hidden; text-align:left;}







.slideTxtBox .bd ul li h5{ font-weight:600; text-align:left; font-size:18px; color:#fff;}







.slideTxtBox .bd ul li p{ font-size:14px; color:#fff; }







.pk_l{}







.slideTxtBox .hd {







    position: relative;







    text-align: center;







    margin-bottom: 34px;







    margin-top: 32px;







}







.slideTxtBox .hd ul{  display:inline-block; margin:0 auto;   }







.slideTxtBox .hd ul li{ float:left; padding:0 42px; cursor:pointer;width:130px; height:150px; background:url(../images/pk_lan.png) center no-repeat; text-align:center;  }







.slideTxtBox .hd ul li.on{ background:url(../images/pk_huang.png) center no-repeat;}







.pk_icon1{  }







.slideTxtBox .hd ul li img{ margin-top:30px;}







.slideTxtBox .bd ul{  zoom:1;  }







.slideTxtBox .bd li{ height:24px; line-height:24px;   }







.slideTxtBox .bd li .date{ float:right; color:#999;  }







.pk_tantou {







    display: inline-block;







    margin-left: 432px;







}







.pk_tantou span{ color:#333; font-size:30px; font-weight:600; float:left; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; margin:0 20px; margin-left:40px;}







.pk_tantou .btn{ width:110px; height:35px; background:#fc8f1a; border-radius:18px; text-align:center; float:left; }







.pk_tantou .btn a{ color:#fff; font-size:16px; line-height:35px; }







/*pk end*/

/*reason*/

.title2 {
   width: 1180px;
    height: 146px;
    margin: 0 auto;
    text-align: center;
    background: url(../images/ys_tt.png) center no-repeat;
    left: -59px;
    position: relative;
    z-index: 3;

}


h3.title2 a {
	display: block;	width: 1180px;
height: 161px;

}
#reason {
  width: 100%;
   background: url(../images/ys_bg.jpg) center top no-repeat;
 height: 980px;
 position: relative;overflow:hidden;

}

.reason {
width: 1180px;
	margin: 0 auto;
position: relative;
	margin-top: 40px;

}


.reason ul { width:512px; margin-left:712px; margin-top:75px;}

.reason ul li {


	width: 605px; position:absolute;

}

.reason ul li h5 {







    font-size: 30px;







    color: #333;







    text-align: left;







    font-weight: 100;







    margin-bottom: 14px;







    line-height: 65px;







}















.reason ul li p{ font-size:14px; line-height:24px; margin-bottom:10px;}







.ys1 { left:0;















}







.ys2 { right:0; top:400px;







}







.ys3 {



    top: 955px;



    width: 475px !important;



    right: 328px;



}







.ys3 h5{ text-align:center;}















/*reason end*/







font{ font-style:normal; color:#0659B5;}















/*case*/







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







.case {







    width: 1180px;







    margin: 0 auto;







       padding-top: 58px; 







}







.title.t2 a{ color:#fc8f1a;} 







.title.t2 a p{ color:#fff; font-size:18px; line-height:37px;}







.case ul li {







    float: left;







    margin-left: 18px;







    position: relative;







    width: 285px;







    height: 218px;







    overflow: hidden;







    margin-bottom: 15px;







}







.case1{ width:574px; height:451px;overflow:hidden; position:relative;}







.case1 a {







    display: block;







  width:574px; height:451px;







    overflow: hidden;







}







.case1 img{ width:574px; height:451px; transition:all ease 300ms;}







.case img:hover{ width:101%; height:101%;}







.case1 h5 {







    height: 46px;







    background-color: rgba(0,0,0,.8);







    position: absolute;







    bottom: 0;







}







.case1 h5 a{ color:#ddd; line-height:46px;}















.case .img{ display:block; width:285px; height:218px; overflow:hidden; transition:all ease 300ms; }



.case .img img{  width:285px; height:218px; transition:all ease 300ms; }







.case2{ width:606px; height:475px;}







.case2 h5 {







    background-color: rgba(0,0,0,.8);







    position: absolute;







    bottom: 0px;







    left: 0;







    width: 100%;height:37px;







}







.case2 h5 a{ display:block; line-height:37px;}







.case ul li:hover>h5{bottom:0;}







.case2 h5 a{ color:#ddd;}







/*case end*/







/*liuchen*/







.liuchen{ width:1180px; height:443px; background:url(../images/liucheng_bg.jpg) center no-repeat; margin:0 auto; position: relative;}







.liuchen .title {







    padding-top: 50px;







}







.liuchen ul {







    width: 1300px; position:absolute;







    top: 148px;







}







.liuchen ul li {







    float: left;







    margin: 21px;







    width: 110px;







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







}







.lc1{ margin-top:132px !important;}







.liuchen .pk_tantou{ margin-top:248px;}







.liuchen .pk_tantou .btn{ width:140px;}







/*liuchen end*/







/*banner1*/

#banner1 {

	width: 100%;

	height: auto;

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

	margin: 0 auto;


}

.banner1 {

	width: 1180px;

	height: 300px;

	padding-top: 1px;

	position: relative;
	padding: 0;

	margin: 0 auto;
}

.tantou1 {

    float: right;

    text-align: left;

    margin-top: 239px;
    margin-right:20px;


}







.tantou1 {







    display: inline-block;







    margin-left: 432px;







}







.tantou1 span{ color:#fff; font-size:30px; float:left;  margin:0 20px; margin-left:40px;}







.tantou1 .btn{ width:160px; height:32px; background:#fc8f1a; border-radius:18px; text-align:center; float:left; }







.tantou1 .btn a{ color:#fff; font-size:16px; line-height:32px; }







.btn1:hover {







	background: #1FB53B;







}







.ad_bg {







	width: 1324px;







	height: 58px;







	position: relative;







	margin-left: 50%;







	left: -662px;







}







/*banner1 end*/







/*banner2*/







#banner2 {







	width: 100%;







	height: 248px; overflow:hidden;







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







	margin: 0 auto;







}







.banner2 {







	width: 1180px;







	height: 248px;







	padding-top: 1px;







	position: relative;







	padding: 0;







	margin: 0 auto;







}







.banner2 .pk_tantou {







    margin-top: 160px;







    margin-left: 367px;







}







.banner2 .pk_tantou span{ color:#fff;}







.banner2 .pk_tantou .btn{ width:160px;  }







.tantou1 .btn a{ color:#fff; font-size:16px; line-height:32px; }







/*banner2 end*/







/*banner3*/







#banner3 {







	width: 100%;







	height: 248px; overflow:hidden;







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







	margin: 0 auto;







}







.banner3 {







	width: 1180px;







	height: 2568px;







	padding-top: 1px;







	position: relative;







	padding: 0;







	margin: 0 auto;







}







.banner3 .pk_tantou {







    margin-top: 160px;







    margin-left:0px;







}







.banner3 .pk_tantou span {







    color: #fff;







    margin-left: 0;







}







.banner3 .pk_tantou .btn{ width:160px;  }







.tantou1 .btn a{ color:#fff; font-size:16px; line-height:32px; }







/*banner1 end*/















/*client*/







#client {







	width: 100%;







	padding-top: 1px;







	height: 611px;







}







.client .title {







	background:url(../images/client_tt.jpg) top center no-repeat;







	margin-top: 7px;







}







.client {







	width: 1180px;







	margin: 0 auto;







	padding-top: 50px;







}







.client ul {







    width: 1300px;







    margin-top: 87px;







}







.client ul li {







    width: 281px;







    height: 340px;







    float: left;







    margin-right: 16px;







    margin-bottom: 22px;







    background: #f2f3f7; border:1px solid #8a8a8a;







}







.client ul li:hover{ background:#0659b6;}







.client ul li:hover a{ color:#fff !important;}







.client ul li:hover p{ color:#fff !important;}







.client_img {







    float: left;







    width: 254px;







    height: 181px;







    border: 4px solid #fff;







    overflow: hidden;







    transition: all ease 500ms;







    margin-top: -62px;







    margin-left: 9px;







}







.client_img img {







	width: 254px;







	height: 181px; 







}







.client_img:hover {







}







.client_text {







	float: left;







	width: 224px;







	height: 90px;







	margin-left: 20px;







	margin-top: 18px; position:relative;







}







.client_text h5 {







    font-weight: 600;







    margin-bottom: 24px;







    line-height: 30px;







    text-align: left;







}







.client_text::after {







    content: url(../images/case_fg.png);







    position: absolute;







    left: -20px;







    top: 20px;







}







.client ul li:hover .client_text::after{  content: url(../images/case_fg2.png);}







.client_text h5 a {







	color: #333;







}







.client_text h5 a:hover {







	color: #0753a4;







}







.client_text p { 







	color: #666;







	line-height: 24px;







	height: 96px;







	overflow: hidden;







	margin-bottom: 10px;







	font-size: 14px;







}







.more_r {







	float: right;







}







.more_bg {







	width: 92px;







	height: 32px;







	background: #0753a4;







	margin: 0 auto;







	margin-top: 16px;















}







.more_bg a {







	display: block;







	line-height: 32px;







	text-align: center;







	font-size: 14px;







	color: #fff;







}







.more_bg:hover {







	background: #323640;







}







/*client end*/























/*about*/







/*about*/







#about{ width:100%; background:#0659b6; height:371px; margin-top:15px;}


.about {

  width: 1180px;

    height: auto;

    padding: 0;
  margin: 0 auto;
  padding-top: 58px;

}

.about ul li {







    height: auto;







    float: left;







    text-align: center;







}







.about1{ }







.about2 {







    padding: 21px 65px;







    border: 7px #00438f solid;







    height: 182px;







}







.about_img{ width:359px; height:252px; overflow:hidden; margin-right:36px;}







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







.about_t {







    width: 343px;







    height: 225px;







    overflow: hidden;







    margin-top: 20px; color:#fff; padding-right:33px; border-right: 1px solid #1C7CE8;







}







.about_t b{ font-size:48px; font-family:Impact; color:#f58813;}







.about_t h4{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}







.about_t h4 a{ font-size:24px; color:#fff; font-weight:100; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}







.about_t span{  height:150px; overflow:hidden; display:block; line-height:24px; margin-top:20px;}







.ckxq{ margin-top:15px;}







.ckxq a{ font-size:13px; color:#757575;}







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















/*荣誉资质*/







.gd_03{ position:relative; width:234px; height:154px; float:right;}







.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: 234px !important;







}







.gd_03 #simgs02{ margin:0;}







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







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







.gd_03 li img{ display:block; width:234px; height:154px; 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*/















/*about end*/































/*news*/







#m03 {







    width: 100%;







    height: 475px; 







}















.m03{ width:1180px; height:500px; padding:0; margin:0 auto;padding-top: 55px;}















.m_title {







    margin-bottom: 0px;







    color: #fff;







    height: 37px;







    line-height: 37px;







    font-size: 16px;







    padding-right: 20px;







    font-weight: 600;







    border-bottom: 1px solid #0659B6;







}







.xwdt {















    width: 815px;















    height: 383px;















}







.cjwt .m_title { background:#d9d9d9; }
.cjwt .m_title a{ color:#0659b5; font-size:16px;}
.cjwt_box {
  padding: 20px;
}

.news_box { padding:10px 0;}
.news_img{ width:224px; height:156px; overflow:hidden; position:relative;}
.news_img a{ display:block;}

.news_img a img{ width:224px; height:156px; }
.news_menu>li {







    float: left;







    width: 100px;







    text-align: center;







}















.news_menu>.selected {







    border-bottom: 3px solid #0659b5;







}







.news_menu>.selected a {















    color:#0659B5;















}















.tab3_box>.r_more {















    position: relative;















    left: 20px;















    top: 17px;















}















.cjwt_box>.r_more {















    position: relative;















    left: 20px;















    top: 16px;















}















.new2{ margin-top:25px;}















.new2 ul li a {















    height: 32px;















    overflow: hidden;















    text-overflow: ellipsis;















    white-space: nowrap;















    line-height: 32px;















    display: block; float:left; 















}























.new1 {















	margin-top: 9px;















}















.new1_left { border:1px solid #bbb; background:#fff; height:165px;















	overflow: hidden;















	float: left;















}















.new1_left img {







width:224px; height:156px; margin:4px;















}















.new1_right {







    width: 524px;







    height: 161px;







    float: right;







    padding-top: 5px;







    margin-right: 30px;







}















.new1_right h6 {















	font-size: 14px;















	line-height: 40px;















}















.new1_right p {















	line-height: 24px; height:96px; overflow:hidden; color:#666; font-size:12px;















}















.more_p a:hover {







    color: #0659B5;







}







.new1_right small {















	margin-top: 10px;















	display: block;















}















.new1_right small a {















    color:#0659B5;















    text-decoration: underline;















}















.line {















	width: 657px;















	height: 12px;















	border-bottom: 1px solid #DCDCDC;















}















.new2 {















	margin-top: 2px;















}







.new2 ul{ width:820px;}







.new2 ul li {







    width: 381px;







    height: 32px;







    float: left;







    margin-right: 29px;







    border-bottom: 1px dashed #bbb;







    position: relative;







    overflow: hidden;







}







.new2 ul li span {







    font-size: 12px;







    color: #999;







    float: right;







    display: inline-block;







    line-height: 40px;







}







.new2 ul li a::before {







    content: "o";







    margin-right: 3px; color:#0659B5; font-weight:600; margin-right:10px;







}















.new2 ul li a:hover { color:#0659B5;















}







.cjwt {







    width: 343px;







    height: 383px; background:#f2f3f7; border:1px solid #bbb;







}







.cjwt ul li{ width:100%; border-bottom:1px dashed #826751;}















.da {















    line-height: 24PX;







	height:72px;















    margin-bottom: 16.5px;















    padding-top: 10px;















    color: #555;















    padding-left: 23px;















	overflow:hidden; position:relative; font-size:12px;















}















.wen {















    margin-top: 15px;















}















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















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















.da::before{ content:url(../images/a.png); color:#C99968; position:absolute; font-size:18PX; margin-left:-22px; }























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















.cjwt ul{ height:300px; overflow:hidden;}







.cjwt .m_title a {







    margin-left: 20px;







}







/*news end*/























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







.ylbk ul {







	height: 339px;







	overflow: hidden;







	margin-top: 30px;







	margin-bottom: 30px;







}







.cjwt_c {







	border: 1px solid #bbb;







}







/*news end*/















/*links*/







#links {
width: 100%;
height: 81px; margin-bottom:20px;

}

.links {
width: 1120px;
height: 81px;
padding: 0;
 margin: 0 auto;
border: 1px solid #eee;
position: relative;
left: 30px;

}

.links b {







	font-size: 21px; width:189px;







    background:url(../images/link_bg.png) center no-repeat; color:#fff;







	float: left; font-weight:100;







	display: block;







	text-align: center; margin-left:-60px;







	line-height: 43px;  margin-top:18px;







}







.links a {







	display: inline-block;







	padding: 0 17px;







	color: #4A4A4A;







	line-height: 81px;







}







.links a:hover {







	color: #222;







	text-decoration: underline;







}







/*links end*/