@charset "utf-8";







/* CSS Document */







/*banner*/







.www51buycom { width: 100%; height: 437px; position: relative; overflow:hidden; }







.www51buycom {







    width: 1920px;







    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: #C3CDE0; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }







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















/*上一个  下一个*/







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







	background: #f4f4f4;







}







.search {







	width: 1180px;







	padding: 0;







	margin: 0 auto;







}







.search_left {







	width: 778px;







	line-height: 65px;







	float: left;







}







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







.search_left a {







	margin: 0 6px;







}







.search_right {







	width: 397px;







	line-height: 65px;







	float: right;







	margin-top: 15px;







	position:relative;







}







.searchbar {







	width: 397px;







	line-height: 38px;







	height: 35px;







	float: left;







	border: 1px;







	outline: none;







	padding-left: 20px;







	border-radius:19px;







}







.searchbtn {







	width: 24px;







	height: 24px;







	position:absolute;







	border: 0;







	background:url(../images/search.png) no-repeat;







	outline: none;







	cursor: pointer;







	right:0px;







	top:7px;







}







/*search end*/















/*product*/







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







.title {







    width: 1180px;







    height: 100px;







    padding: 0;







    margin: 0 auto;







    margin-top: 35px;







    margin-bottom: 20px;







    position: relative;







}







.juedui_more{position: absolute;







    right: 0;







    top: 68px;







}







.title a h3 span{ color:#1156c8; font-size:32px; margin: 0 5px; position:relative; margin-left:49px;}







.title a h3 span::before{ content: url(../images/water.png);







    position: absolute;







    left: -49px;







    bottom: -18px;}







.title a h3 {







    height: 48px;







    line-height: 60px;







    font-size: 32px;







    text-align: center;







    color: #403F3F;







    overflow: hidden;







}







.title a h5{ text-align:center; font-size:18px; color:#6d6d6d; line-height:40px;}







.product_left {







	width: 250px;







	float: left;







}







.cpzxtt {







    height: 39px;







}







.fenlei {

    background: #EAEAEA;

    line-height: 35px;

 

}







.fenlei>b>a{ padding-left:30px; border-bottom: 1px #cdcfd1 solid;border-top:1px #f3f3f3 solid;line-height: 38px; display: block; color:#1156C8; background:#E0E0E0;}







.fenlei>b>a:first-child{ border-top:0;}







.fenlei>ul>li {







    width: 100%;







    height: 32px;







    line-height: 32px;







    border-bottom: 1px #cdcfd1 solid;







	border-top:1px #f3f3f3 solid;







}







.xiangyou{width: 0px;







    height: 0px;







    border: 5px solid transparent;







    border-left-color: #7b7b7b;







    float: left;







    margin-top: 13px;







	margin-left:30px;}







.fenlei>ul>li>a{ padding-left:3px;}







.product_right {







    width: 904px;







    float: right;







    margin-right: -5.5px;







}







.r_more{ float:right;}







.product_right h4 {







    font-size: 18px;







    width: 905px;







    height: 64px;







    line-height: 64px;







}







.product_right>h4>ul>li.selected{ color:#fff;}







.product_right>h4>ul>li {















}







.product_right>h4>ul>li:hover {







	color: #fff;







}







.tab_menu li{ font-size:16px; color:#fff; background:#266ad1; width:105px; height:45px; line-height:45px; text-align:center; margin-top:10px;    margin-right: 0;







    float: left; font-weight:500;}







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







.tab_box .hide{ display:none;}







.product_show {







	width:924px; margin-left:-10px;







}







.product_show li{ width:287px; margin:0 10.25px; float:left; margin-bottom:24px;}







.product_show li h5 {







    height: 35px;







    line-height: 31px;







    text-align: center;







    background: #eaeaea;







}







.product_show li:hover h5{ background:#266ad1; color:#fff;}







.product_show li:hover .product_img{ border:5px #266ad1 solid;} 







.product_img {

    width: 277px;

    height: 217px;

    overflow: hidden;

    border: 5px #eaeaea solid;

    text-align: center;

    background-color: #C0C1C1;

}







.product_img img {

    max-width: 100%;

    max-height: 100%;

}





.product_img a{ display:block; width:277px; height:213px;}







.product_img a img{ width:100%;}







.more{ width:80px; height:32px; line-height:32px; padding:0; margin:0 auto; margin-top:24px;}







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







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















/*product end*/







/*banner1*/







#banner1{ width:1180px; height:188px; background:url(../images/banner01.png); margin-top:50px;pandding:0; margin:0 auto;}







.banner1{ width:1180px; height:188px;  padding-top:1px;}







.banner1>p {







    font-size: 30px;







    color: #f9e08c;







    margin-left: 232px;







    margin-top: 153px;







	float:left;







}







.tantou1{ float:right; margin-top:48px;}







.tantou1 h5 {







    font-size: 27px;







    color: #0A52C8;







    font-weight: 600;







	margin-left: -66px;







}







.tantou1 h5 span{ font-weight:600; font-size:30px;}







.btn1 {







    width: 200px;







    height: 45x;







    overflow: hidden;







    margin-top: 9px;







    border: 2px #0A52C8 solid;







	transition:300ms ease; 







	margin-right: 57px;







}







.btn1 a {







    color: #0A52C8;







    display: block;







    text-align: center;







    font-size: 24px;







    line-height: 45px;







}







.btn1:hover{ width:202px; height:47px;}







/*banner1 end*/















/*youshi*/







#youshi {



    width: 100%;



    height: 980px;



    background: url(../images/youshi.png) 50%;



    padding-top: 1px;



    margin-top: 20px;

	margin-bottom: 20px;



}



.youshi {



    position: relative;



    padding: 0;



    width: 1180px;



    height: 1050px;



    margin: 0 auto;



}







.youshi0 {







    width: 484px;







	line-height:24px;







}







h4{ font-size:15px; color:#0e56c4; margin-bottom: 10px;}







h4 a:hover{ color:#0e56c4; }







.youshi01 {



    top: 124px;



    position: absolute;



    left: 120px;



}







.youshi02 {



    top: 324px;



    position: absolute;



    left: 120px;



}







.youshi03 {



    position: absolute;



    left: 718px;



    top: 580px;



}







.youshi04 {



    position: absolute;



    left: 718px;



    top: 796px;



}







/*youshi end*/







/*case*/







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







.case ul{ margin-left:-13px; width:1206px;  margin-top: -15px;}







.case ul li{ width:275px; height:auto; float:left; margin:13px;}







.case_img {

    width: 275px;

    height: 119px;

    overflow: hidden;

    background: #E5E5E5;

    border: 1px solid #eee;

}





.case_img img {

    width: 275px;

    height: auto;

    transition: all .5s ease;

    margin-top: -82px;

}







.case_img img:hover{ transform:scale(1.03,1.03); -moz-transform:scale(1.03,1.03); -ms-transform:scale(1.03,1.03); -o-transform:scale(1.03,1.03); -webkit-transform:scale(1.03,1.03);}







.case ul li h5{ text-align:center; line-height:30px;}







/*case end*/







/*banner02*/







#banner02{ width:1180px; height:182px; background:url(../images/banner02.png); margin-top:50px;pandding:0; margin:0 auto;}







.banner02{ width:1180px; height:182px;  padding-top:1px;}







.tantou1{ float:right; margin-top:48px;}







.tantou1 h5 {







    font-size: 27px;







    color: #0A52C8;







    font-weight: 600;







}







.tantou1 h5 span{ font-weight:600; font-size:30px;}







.btn1 {







    width: 200px;







    height: 45x;







    overflow: hidden;







    margin-top: 9px;







    border: 2px #0A52C8 solid;







	transition:300ms ease; 







	margin-right: 57px;







}







.btn1 a {







    color: #0A52C8;







    display: block;







    text-align: center;







    font-size: 24px;







    line-height: 45px;







}







.btn1:hover{ width:202px; height:47px;}







/*banner1 end*/























/*client*/







div#client {







    background-color: #F5F5F5;







    padding-top: 1px;







    margin-top: 30px;



    display: none;







}







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







.client ul {







    background-color: #F5F5F5;







    overflow: hidden;







    width: 1180px;







    height: 386px;







    border: 1px #CCC dashed;







}







.client ul li {







    width: 529px;







    height: 132px;







    float: left;







    padding: 30px;







    border-bottom: 1px #ccc dashed;







    border-left: 1px #ccc dashed;







    margin-left: -1px;







    margin-bottom: 1px;







}







.client_img {

    width: 193px;

    height: 129px;

    overflow: hidden;

    background-color: #fff;

    text-align: center;

}





.client_img img {

    max-width: 193px;

    max-height: 129px;

}







.client_t{ width:300px; margin-top: 10px;}







.client_t span{ width:300px; height:38px; overflow:hidden; display:block;}







.ckxq{ margin-top:15px;}







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







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







/*client end*/















/*banner03*/







#banner03{ width:1180px; height:182px; background:url(../images/banner03.png); margin-top:50px;pandding:0; margin:0 auto;}







.banner03{ width:1180px; height:182px;  padding-top:1px;}







.tantou1{ float:right; margin-top:48px;}







.tantou1 h5 {







    font-size: 27px;







    color: #0A52C8;







    font-weight: 600;







}







.tantou1 h5 span{ font-weight:600; font-size:30px;}







.btn1 {







    width: 200px;







    height: 45x;







    overflow: hidden;







    margin-top: 9px;







    border: 2px #0A52C8 solid;







	transition:300ms ease; 







	margin-right: 57px;







}







.btn1 a {







    color: #0A52C8;







    display: block;







    text-align: center;







    font-size: 24px;







    line-height: 45px;







}







.btn1:hover{ width:202px; height:47px;}







/*banner1 end*/















/*about*/







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







.about3 ul li {







    width: 25%;







    height: auto;







    float: left;







    text-align: center;







}







.about1{  border: 1px #ccc dashed; padding:30px; margin-bottom:20px;width: 825px;}







.about2 {







    padding: 15px 82px 50px;







    border: 1px #ccc dashed;







    border-left: 0;    height: 225px;







}







.about_img{ width:323px; height:230px; overflow:hidden; margin-right:36px;}







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







.about_t {







    width: 464px;







    height: 164px;







    overflow: hidden;







    margin-top: 20px;







}







.about_t span{ width:462px; height:57px; overflow:hidden; display:block;}







.ckxq{ margin-top:15px;}







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







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















/*荣誉资质*/







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







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















.about3_img {







    margin-bottom: 20px;







}







.about3_img img{ transition:all .5s ease;}







.about3_img img:hover{ transition:all 1s ease;







transform:rotateY(180deg);







-ms-transform:rotateY(180deg); 	/* IE 9 */







-moz-transform:rotateY(180deg); 	/* Firefox */







-webkit-transform:rotateY(180deg); /* Safari 和 Chrome */







-o-transform:rotateY(180deg); }







/*about end*/















/*03*/







#m03{ width:100%; height:580px; margin-top:30px;}







.m03{ width:1180px; height:600px; padding:0; margin:0 auto;}







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







}







.news_box,.cjwt_box {







    padding: 20px;







    border: 1px #266AD1 solid;







    height: 472px;







}



.news_box {

    width: 700px;

}





.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;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



.news_bt p {



    height: 92px;



    overflow: hidden;



    line-height: 29px;



}



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







}







.news_menu>.selected {







    background: #FFFFFF;







    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:">  "}







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











#ticker2 {



	width: 100%;



	height: 430px;



	overflow: hidden;



	position: relative;



	margin: 15px 0;



}



#ticker2 li {



	position: relative;



	width: 100%;



	line-height: 22px; height:150px; overflow:hidden;



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



}











.da {







    line-height: 24PX;







    margin-bottom: 16.5px;







   margin-top: 10px;







    color: #555;







    padding-left: 23px;



 height:72px; overflow:hidden;



}







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







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







/*03 end*/















/*links*/







#links{ width:100%; overflow:hidden;}







.links{ width:1180px;  padding:0; margin:0 auto;}







.links img { float:left;







}







.links a{ display:inline-block; padding:5px 17px; color:#4A4A4A; line-height:55px;}







.links a:hover{ color:#222; text-decoration:underline;}







/*links end*/