@charset "utf-8";

/* CSS Document */

/*banner*/

.www51buycom {

	width: 1920px;

	height: 428px;

	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: 0;

}

.www51buycom .next {

	right: 0;

	background-position: right

}

/*banner end*/

/*search*/

#search {

	width: 100%;

	height: 53px;

}

.search {

	width: 1180px;

	padding: 0;

	margin: 0 auto;height: 53px; position:relative;

}

div#search a {

    margin-left: 10px;

}

.search_left {

    width: 833px;

    line-height: 53px;

    float: left;

    color: #666;

    position: absolute;

    left: 0;

}

.search_left img {

	margin-right: 10px;

}

.search_left {

    width: 629px;

    line-height: 53px;

    float: left;

    color: #666;

    position: absolute;

    left: 0;

}

.search_right {

    width: 376px;

    float: right;

    margin-top: 12.5px;

}

.searchbar {

    width: 315px;

    line-height: 26px;

    outline: none;

    padding-left: 20px;

    border: 1px solid #B7B7B7;

    float: left;

}

.searchbtn {

    width: 37px;

    height: 27px;

    border: 0;

    outline: none;

    cursor: pointer; background:url(../images/search.jpg) no-repeat;

}

/*search end*/







/*product*/

#product{ width:100%; height:auto; overflow-x:hidden; margin-top:6px;}

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

.juedui_more{position: absolute;

    right: 0;

    top: 68px;

}



.product_left {

	width: 240px; height:709px;

	float: left; background:url(../images/pro_bg.jpg) no-repeat;

}

.cpzxtt {

    height:52px;

}

.cpzxtt a{ display:block; text-align:center; line-height:52px; color:#fff; font-size:18px; font-weight:600;}



.cpzxtt2{ width:100%; height:52px;}

.cpzxtt2 a{ display:block; text-align:center; line-height:52px; color:#fff; font-size:18px; font-weight:600;}

.fenlei{ line-height:35px;  padding-bottom: 6px;}

.fenlei b {

    margin: 0 20px;

    display: block;

    height: 42px;

    margin-right: 9px;

    padding-top: 13px;

}

.fenlei b a {

    display: block;

    width: 186px;

    height: 35px;

    background-color: #c82a2f;

    color: #fff;

    line-height: 35px;

    text-align: center;

}

.fenlei>ul>li {

    height: 44px;

    line-height: 45px; margin-top:5px;  position:relative;

}

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

/*.fenlei>ul>li:hover:before{ content: url(../images/sanjiao.png);

    position: absolute;

    left: 15px;

    top: -2px;}*/

.fenlei>ul>li a{ display:block;

    height: 44px;

    line-height: 45px;  border-top: 1px solid #bbb; margin:0 20px;text-align: center;}



.fenlei>ul>li:first-child a{ border:0;}

.fenlei2 p{ line-height:20px; font-size:12px;}

.fenlei>ul>li:hover{ }

.pro_lxwm{ color:#666; line-height:36px; padding-bottom:30px; padding-top: 20px;}

.pro_lxwm p{ padding:0 15px;}

.product_right {

    width: 899px;

    float: right; margin-top:8px;

}

.r_more{ float:right;}

.product_right h4 {

    font-size: 18px;

    width: 898px;

    height: 45px;

    line-height: 38px;

    border-bottom: 1px dashed #666;

    margin-bottom: 20px;

}

.product_right>h4>ul>li.selected{ }

.product_right>h4>ul>li:first-child::after {

    content: "";

    position: relative;

    left: 21px;

    color: #C7C7C7;

}



.tab_menu li {

    font-size: 18px;

    width: 118px;

    height: 45px;

    line-height: 45px;

    float: left;

    font-weight: 500;

}

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

.tab_box .hide{ display:none;}

.product_show { width:940px;

}

.product_show li {

    float: left;

    margin-right: 19px;

    margin-bottom: 15px; width:210px; 

}

.product_show li h5 a{ display:block;}

.product_show li h5:hover a{ color:#00488c;}

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

.product_show li h5 {

    height: 35px;

    line-height: 35px;

    text-align: center;

}

.product_img {  

 border: 1px solid #eee;



}

.product_img a {

    overflow: hidden;

    display: block; margin:4px;

    width: 200px;

    height: 150px;

}

.product_img img {

    width: 100%;

    height: 100%;

    transition: all ease 300ms;

}



/*product end*/





/*banner1*/

#banner1 {

    width: 100%;

    height: auto;

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

    margin: 0 auto;

}

.banner1 {

	width: 1180px;

	height:162px;

	padding-top: 1px;

	position: relative;

	padding: 0;

	margin: 0 auto;

}

.tantou1 {

    float: right;

    text-align: left;

    margin-top: 10px;

}

.tantou1 h5 {

    font-size: 20px;

    font-weight: 600;

    display: inline-block;

    color: #fff;

    text-align: left;

    margin-top: 37px;

    overflow: visible;

    margin-right: 166px;

}

.tantou1 h5 span {

    font-weight: 200;

    font-size: 24px;

    color: #fff;

    display: block;

}

.tantou1 h5 p {

    font-size: 24px;

    font-weight: 100;

}

.btn1 {

    height: 50px;

    overflow: hidden;

    transition: all 300ms ease;

    display: inline-block;

    width: 205px;

    margin-left: -102px;

}

.btn1 a {

    color: #fff;

    display: block;

    text-align: center;

    font-size: 16px;

    line-height: 42px;

    font-weight: 100; border:1px dashed #fff;

}

.btn1:hover { 



}

.ad_bg {

    width: 1324px;

    height: 58px;

    position: relative;

    margin-left: 50%;

    left: -662px;

}

/*banner1 end*/



/*sever*/

h3.title_sever {

    color: #C92A2F;

    font-size: 20px;

    position: relative;

    top: 22px;

}

.sever{ width:1180px; height:224px; background:url(../images/sever_bg.jpg) no-repeat center; margin:0 auto;}

.sever .title {

    background: none;

    text-align: left;

    padding-top: 35px;    margin: 0;

}

.sever ul {

    margin-left: 123px;

    margin-top: 35px; position:relative;

}

.sever ul li {

    position:absolute;

}

.sever1 {

    top: 98px;

    left: -70px;

}

.sever2 {

    top: 0px;

    left: 37px;

}

.sever3 {

    top: 98px;

    left: 165px;

}

.sever4 {

    top: 0;

    left: 299px;

}

.sever5 {

    top: 98px;

    left: 408px;

}

.sever6 {

    top: 0;

    left: 561px;

}

.sever7 {

    top: 98px;

    left: 708px;

}

.sever8 {

    top: 0;

    left: 783px;

}

.sever9 {

    top: 98px;

    left: 935px;

}

.ljyyzx {

    position: relative;

    margin-left: -104px;

    top: -33px;

}

/*sever*/



/*case*/

.huobanbg {

    width: 100%;

    height: 367px;

}

.title {

    text-align: center;

    margin: 0 auto;

    height: 56px;

    width: 1180px;

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

    margin-top: 36px;

    padding-top: 35px;

}

.title a{ font-weight:bold; font-size:24px; color:#202020;}

.title a span{color:#b9070c; font-size:24px; font-weight:bold;}





.gd_01{ position:relative; margin:0 auto;height:200px; width:1180px;}

.gd_01 em{

	position: absolute;

	top: 37px;

}

.gd_01 .t_l{ left:0px;}

.gd_01 .t_r{ right:0px;}

.gd_01 #simgs {

    margin: 0 0px;

    width: 1180px !important;

}

.gd_01 li{ float:left; width:272px; height:250px; padding: 0 10px; text-align:center;}

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

.gd_01 li img{ display:block; width:262px; height:200px; padding:5px;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}

.gd_01 li:hover{ color:#333; background:#eee;}

.gd_01 li:hover a{color:#333;}

/*case end*/





/*client*/

#client {

    width: 100%;

    padding-top: 1px;

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

}

.client .title {

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



.client {

    width: 1180px;

    margin: 0 auto;

}

.client ul{ margin-left:-50px;}

.client ul li {

    width: 257px;

    height: 303px;

    overflow: hidden;

    float: left;

    margin-left: 50px;

    margin-bottom: 22px;

    background:#f3f3f3 ;

}

.client ul li:hover{ background: #e9e9e9;}

.client_img {

    float: left;

    width: 262px;

    height: 162px;

    overflow: hidden;

    transition: all ease 500ms;

}

.client_img img {    width: 262px;

    height: 162px;

}

.client_img:hover{ }

.client_text {

    float: left;

    width:100%;

    height: 90px;

    margin-top: 5px;

}

.client_text h5{font-weight:600;}

.client_text h5 a {

    color: #333;

    display: block;

    border-bottom: 1px solid #bbb;

}

.client_text h5 a:hover{ color:#c82a2f;}

.client_text p {

    color: #666;

    line-height: 24px;

    width: 224px;

    margin-left: 20px;

    height: 72px;

    overflow: hidden;

    margin-bottom: 10px;

    font-size: 14px; margin-top: 10px;

}

.more_r{ float:right;}



.more_bg {

    width: 92px;

    height: 32px;

    background: #c82a2f;

    margin: 0 auto;

    margin-top: 16px;

    margin-right: -14px;   

}

.more_bg a{ display:block; line-height:32px; text-align:center; font-size:14px; color:#fff;}

.more_bg:hover{ background:#eba94b;}

/*client end*/

/*coop*/

div.coop div.title{ background:url(../images/coop_tt.jpg) no-repeat center;}

#coop {

    width: 100%;

    padding-top: 1px; background:#efefef;

    

}



.coop {

    width: 1180px;

    margin: 0 auto;

}

.coop ul{ width:1300px;}

.coop ul li {

    width: ;

    height: ;

    overflow: hidden;

    float: left;

    margin-right: 30px;

    margin-bottom: 22px;

}

.coop_img {

    width: 218px;

    height: 147px;

    overflow: hidden;

    transition: all ease 500ms; border:1px solid #bbb;

}

.coop_img a{ display:block; }

.coop_img img {    width: 218px;

    height: 147px;

}

.coop_img:hover{ }

.coop h5{}

.coop h5 a{ color:#333;}

.coop h5 a:hover{ color:#c82a2f;}



.more_r{ float:right;}



.more_bg {

    width: 92px;

    height: 32px;

    background: #c82a2f;

    margin: 0 auto;

    margin-top: 16px;

    margin-right: -14px;

}

.more_bg a{ display:block; line-height:32px; text-align:center; font-size:14px; color:#fff;}

.more_bg:hover{ background:#eba94b;}

/*client end*/

/*banner2*/

#banner2 {

	width: 100%;

	height: auto;

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

	pandding: 0;

	margin: 0 auto;

}

.banner2 {

    width: 1180px;

    height: 179px;

    padding-top: 1px;

    position: relative;

    padding: 0;

    margin: 0 auto;

}

.tantou2 {

    float: right;

    text-align: left;

    position: absolute;

    right: 0;

    top: 10px;

}

.tantou2 h5 {

    font-size: 20px;

    font-weight: 600;

    color: #fff;

    margin: 0;

}

.tantou2 h5 span {

    font-weight: 200;

    font-size: 18px;

    color: #fff;    display: inline-block;

}

.tantou2 h5 p {

    font-size: 24px;

    display: inline-block;

    margin-right: 8px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;

}

.btn2 {

    margin: 0;

    width: 264px;

}

.btn2 a { 

}

.btn2:hover { 



}



/*reason*/

h3.title2 {

    width: 1180px;

    height: 195px;

    margin: 0 auto;

    text-align:center; margin-top:-22px;

}

h3.title2 a{ display:block; text-align:center; font-size:22px; font-weight:100;}

h3.title2 a p{ margin-top:-53px;}

p.ys_tel {

    position: absolute;

    top: 896px;

    left: 327px;

    color: #fff;

    font-size: 26px;

}

#reason{ width:100%; height:718px;}

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

.reason ul li{ width:449px; position:absolute;}

.reason ul li h5 {

    font-size: 20px;

    color: #c82a2f;

    text-align: left;

    font-weight: 600;

    border-bottom: 1px dashed #bbb;

}

.ys1{ float:left;}

.ys_img1{ position:absolute; right:0;}

.ys_img2 {

    position: absolute;

    top: 286px;

}

.ys_line{ margin-top:-6px; margin-bottom:10px;}

.reason ul li p {

    font-size: 15px;

    line-height: 28px;

    position: relative;

    margin-left: 13px; color:#666; margin-top:10px;

}

.reason ul li span{ display:block; font-size:18px; color:#333; line-height:43px; font-weight:100; margin-top:-4px;}

.reason ul li p::before {

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

    color: #eda432;

    position: absolute;

    left: -12px;

}

.ys_li1 {

    margin-top: 11px;

    margin-left: 70px;

}

.ys_li2 {

    top: 118px;

    left: 70px;

}

.ys_li3 {

    top: 386px;

    right: 0;

}

.ys_li4 {

    margin-top: 524px;

    right: 0;

}

.ys_li5 {

    margin-top: 631px;

    right: 0;

}

/*reason end*/





/*about*/

#about {

    width: 100%;

    overflow: hidden; margin-top:40px;padding-top: 22px; background:#efefef;

}

#about .title{ background:url(../images/about_tt.jpg) no-repeat center;}

#about .title a{ color:#fff; font-size:16px; font-weight:100; }

#about .title a span{ margin-right:30px;}

.about{ width:1180px; padding:0; margin:0 auto;margin-bottom: 47px; margin-top: 18px;}

.about_text {

    width: 678px;

    line-height: 28px;

    margin-top: -19px;

}

.about_text h3 {

    margin-bottom: 7px;

    margin-top: 16px;

}

.about_text h3 a {

    display: block; color:#c82a2f; 

    line-height: 40px;

    margin-top: 6px;

}

.about_text p{overflow: hidden; height:84px; margin-bottom:2px; color:#666;}

.about_text a{ color:#333;}

.about_text a:hover{ color:#c82a2f;}

.about_img {

    width: 482px;

    height: 419px;

    overflow: hidden;

}

.about_img img{   width: 482px;

    height: 419px;}

.qyfc {

    width: 678px;

    float: right;

}

.f_title {

    width: 678px;

}

.tab_box.factory_box {

    width: 678px;

}

.factory_box ul li {

    float: left;

    margin-left: 24px; width: 200px;

}

.factory_box ul li:first-child { margin-left: 0;}

.factory_box ul li .img {

    display: block;

    border: 1px solid #D6D6D6;

    background-color: #fff;

    width: 208px;

    height: 157px;

}

.factory_box ul li img {

    width: 200px;

    height: 149px;

    margin: 4px;

}

.factory_box ul li p {

    text-align: center;

    margin-top: 8px;

}

ul.tab_menu.factory_menu {

    height: 35px;

    border-bottom: 1px solid #666;

    margin-bottom: 18px;

    padding-bottom: 13px; 

}

ul.tab_menu.factory_menu li a{color:#fff;}

.about .tab_menu li {

    width: 114px;

    float: left; background:#525252; text-align:center;

}

.tab_menu li {

    font-size: 16px;

    width: 118px;

    height: 34px;

    line-height: 34px;

    float: left;

    font-weight: 500;

    margin-right: 20px;

}

.factory_menu .selected{ background:#cb282d !important;}

.r_more{ float:right;}

.r_more a{ font-size:13px; font-weight:100 !important; font-family:04b_08;}

/*about end*/





/*news*/

#m03 {



    width: 100%;



    background:#e6e6e6;



}



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







.m_title {

    background-color: #454545;

    margin-bottom: 0px;

    color: #fff;

    height: 41px;

    line-height: 41px;

    font-size: 16px;

}



.xwdt {



    width: 737px;



    height: 440px;



    background-color: #fff;



}



.cjwt {



    width: 420px;



    height: 440px;



    background-color: #fff;



}



.news_box, .cjwt_box {



    padding: 20px;



    border: 0px solid #333;



    height: 380px;



}



/*.news_left {



    width: 335px;



    float: left;



    margin-right: 30px;



}



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



.news_img{ width:225px; height:145px; overflow:hidden; position:relative;}



.news_img a{ display:block;}



.news_img a img{ width:225px; height:145px;}



.news_menu>li {

    float: left;

    width: 308.5px;

    padding: 0 30px;

}

.news_menu>.selected {

    background: #c82a2f;

    font-weight: 400;

}

.news_menu>.selected a {



    color:#fff;



}



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



    width: 252px;



    height: 32px;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    line-height: 32px;



    display: block; float:left;



}



.m_title a {



    color: #fff;



}



.new1 {



	margin-top: 9px;



}



.new1_left {



	width:225px;



	height: 145px;



	overflow: hidden;



	float: left;



}



.new1_left img {



	width: 100%;



	height: 100%;



}

.new1_right {

    width: 458px;

    height: 137px;

    float: right;

    padding-top: 2px;

}

.new1_right h6 {



	font-size: 14px;



	line-height: 40px;



}



.new1_right p {



	line-height: 24px; height:72px; overflow:hidden;



}



.new1_right small {



	margin-top: 10px;



	display: block;



}



.new1_right small a {



    color:#333;



    text-decoration: underline;



}



.line {



	width: 657px;



	height: 12px;



	border-bottom: 1px solid #DCDCDC;



}



.new2 {



	margin-top: 13px;



}

.new2 ul{ width:730px;}

.new2 ul li {

    width: 329px;

    height: 35px;

    float: left;

    margin-right: 29px;

    border-bottom: 1px dashed #826751;

    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: "▸";

    margin-right: 3px;

}



.new2 ul li a:hover { color:#333;



}



















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



.da {



    line-height: 24PX;

	height:72px;



    margin-bottom: 16.5px;



    margin-top: 10px;



    color: #555;



    padding-left: 30px;



	overflow:hidden; position:relative;



}



.wen {



    margin-top: 15px; padding-left: 30px;position:relative;



}



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



.wen::before{ content:url(../images/q.jpg); color:#C99968; font-size:18PX; margin-right:5px; margin-top:0px; position:absolute; margin-left:-30px;}



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





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



.cjwt { width:380px;}



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



.r_more{ float:right; line-height:39px;}



.r_more a{ font-weight:100 !important; font-size:13px;}

.cjwt .m_title a {

    margin-left: 20px;

}

/*news end*/







/*news end*/



/*links*/

#links{ width:100%; height:64px;margin-top:15px;}

.links{ width:1180px; height:60px; padding:0; margin:0 auto; overflow: hidden;}

.links b{ font-size:18px; float:left; color:#c82a2f; display:block; text-align:center; line-height:64px;}

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

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

/*links end*/