@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{ width:100%; height:auto; overflow-x:hidden; margin-top:5px;}







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







.juedui_more{position: absolute;







    right: 0;







    top: 68px;







}















.product_left {







	width: 207px; border:2px solid #054893; border-bottom:8px solid #054893;







	







	float: left; height:670px;







}







.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:585px; line-height:35px; padding-bottom: 6px; background:#0659b6; padding-top: 31px;}















.fenlei>ul>li { width:166px;







    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::after{ content:url(../images/icon.png); position:absolute; right:10px;}







.fenlei>ul>li>a:hover{ color:#fff;}







.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: 958px;







    float: right;







}







.r_more{ float:right;}







.product_right h4 {







    font-size: 18px;







    width: 958px;







    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:1000px;







}







.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: 225px;







    float: left;







    margin-right: 20px;







}















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







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















.product_img {







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







    border: 1px solid #eee;







}







.product_img a{ display:block;







   width:217px; height:166px;







    overflow:hidden;







}







.product_img img{   width:217px; 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: 1362px;



    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: 209px;







    margin-right: 111px;







}







.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;}







.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*/