@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: 48px; border-bottom:1px solid #bbb;



}



.search {



	width: 1180px;



	padding: 0;



	margin: 0 auto;



	height: 48px;



	position: relative;



}



.search_left {



	width: 833px;



	line-height: 48px;



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



	float: right;



	margin-top: 8.5px;



}



.searchbar {



    width: 285px;



    line-height: 28px;



    outline: none;



    padding-left: 20px;



    border: 1px solid #D0D0D0;



    float: left;



    background: none;



    border-radius: 14px;



}



.searchbtn {



    width: 45px;



    height: 30px;



    border: 0;



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



    outline: none;



    cursor: pointer;



    color: #999;



    margin-left: -45px;



}



/*search end*/















/*banner1*/



#banner1 {



	width: 100%;



	height: auto;



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



	margin: 0 auto;



}



.banner1 {



	width: 1180px;



	height: 243px;



	padding-top: 1px;



	position: relative;



	padding: 0;



	margin: 0 auto;



}



.tantou1 {



    float: left;



    text-align: left;



    margin-top: 87px;



    margin-left: 473px;



}



.tantou1 h5 {



    font-size: 20px;



    font-weight: 600;



    display: inline-block;



    color: #fff;



    text-align: left;



    margin-top: 56px;



    overflow: visible;



}



.tantou1 h5 span {



	font-weight: 200;



	font-size: 18px;



	color: #fff;



	display: block;



}



.tantou1 h5 p {



	font-size: 36px;



	font-weight: 100; float:left;



}



.btn1 {



    height: 33px;



    overflow: hidden;



    transition: all 300ms ease;



    display: inline-block;



    width: 120px;



    background-color: #FE8333;



    border-radius: 15px;



    margin-left: 30px;



}



.btn1 a {



    display: block;



    text-align: center;



    font-size: 20px;



    line-height: 33px;



    font-weight: 100;



    color: #fff;



}



.btn1:hover {



}



.ad_bg {



	width: 1324px;



	height: 58px;



	position: relative;



	margin-left: 50%;



	left: -662px;



}



/*banner1 end*/







/*banner2*/



#banner2 {



	width: 100%;



	height: auto;



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



	margin: 0 auto;



}



.banner2 {



	width: 1180px;



	height: 239px;



	padding-top: 1px;



	position: relative;



	padding: 0;



	margin: 0 auto;



}



.tantou2 {



	float: right;



	text-align: left;



	margin-top: 56px;



}



.tantou2 h5 {







}



.tantou2 h5 span {



    font-weight: 200;



    font-size: 18px;



    color: #fff;



    display: block;



    float: left;



    line-height: 50px;



    margin-right: 10px;



}



.tantou2 h5 p {



	font-size: 36px; float:left;



	font-weight: 100;



	margin-top: 5px; color:#fff;



}



.btn2 {



    height: 33px;



    overflow: hidden;



    transition: all 300ms ease;



    display: inline-block;



    width: 120px;



    background-color: #FE8333;



    border-radius: 15px;



    margin-top: 27px;



}



.btn2 a {



    display: block;



    text-align: center;



    font-size: 20px;



    line-height: 33px;



    font-weight: 100;



    color: #fff;



}







/*banner1 end*/











/*product*/



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



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



.juedui_more{position: absolute;



    right: 0;



    top: 68px;



}







.product_left {



	width: 208px;



	float: left;



}



.cpzxtt {



    height:57px; background:url(../images/pro_tt.png) repeat-x; 



}



.cpzxtt a {



    color: #fff;



    font-size: 18px;



    display: block;



    text-align: center;



    line-height: 57px;



}



.cpzxtt2{ width:100%; height:23px; background:#0451bb;}



.fenlei{ height:667px; line-height:35px;  border-left: 3px #0451bb solid; border-right: 3px #0451bb solid; padding-bottom: 6px;}







.fenlei b {



    display: block;



    border-bottom: 1px #0451bb dashed;



    margin: 0 20px;



}



/*.fenlei>ul>li a:before {



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



    float: left; margin-right:10px; margin-top:23px;



}

*/

.fenlei b a{font-size:14px; font-weight:100; color:#333;}



.fenlei>ul>li {



    height: 50px;



    line-height: 50px;



    border-bottom: 1px #0356c5 dashed;



    margin: 0 10px;



    



}



.fenlei>ul>li a{ font-size:13px; color:#666;}



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



.fenlei>ul>li:hover{ background:url(../images/pronav_bg.png) center no-repeat;}



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



.fenlei>ul>li:hover a::before {



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



    float: left; margin-right:10px; margin-left:20px;



}



.product_right {



    width: 940px;



    float: right;



}



.r_more{ float:right;}



.product_right h4 {



    font-size: 18px;



    width: 940px;



    height: 45px;



    line-height: 38px;



    border-bottom: 1px dashed #666;



    margin-bottom: 26px;



    margin-top: 14px;



}



.product_right>h2>ul>li.selected{ background:url(../images/y_bg.jpg) no-repeat;}







.product #tab {



    border-bottom: 1px solid #5a9dfb;



    margin-bottom: 35px; height:38px;



}



.tab_menu li {



    font-size: 16px;



    color: #fff;



    width: 124px;



    height: 39px;



    line-height: 45px;



    text-align: center;



    margin-right: 9px;



    float: left;



    font-weight: 600; background:url(../images/b_bg.jpg) no-repeat;



    cursor: pointer;



}



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



.tab_box .hide{ display:none;}



.product_show { width:980px;



}



.product_show li {



    width: 289px;



    float: left;



    margin-right: 33px;



    margin-bottom: 10px;



}



.product_show li h5 a {

    display: block;

    font-size: 14px;

    color: #333;

    text-align: left;

    font-weight: 600;

}



.product_show li h5:hover a{ color:#0451bb;}



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



.product_show li h5 {

    height: 30px;

    width: 287px;

    line-height: 35px;

    text-align: center;

    margin-top: 5px;

}



.ljzx {

    margin-top: 10px;

    background-color: #FE8333;

    width: 67px;

    height: 21px;

    text-align: center;

    border: 1px solid #FF6400;

}

.ljzx a {

    color: #fff;

    line-height: 20px;

    font-size: 12px;

}

.product_show li p {

    font-size: 13px;

    line-height: 22px;

    height: 44px;

    overflow: hidden;

    color: #666;

}



.product_img {



    width: 281px;



    height: 208px;



    overflow: hidden;



    border: 1px solid #eee; text-align:center; padding:6px;



}



.product_img a{ display:block;



    width: 281px;



    height: 208px; overflow:hidden;



}



.product_img img{ width:100%; height:100%; transition:all ease 300ms;}







/*product end*/







/*reason*/



.title2 {



    width: ;



    margin: 0 auto;



    margin-top: 48px;



    text-align: center;



}



h3.title2 a {



	font-size: 15.4px;



	font-weight: 100;



	color: #fff;



	position: relative;



}



h3.title2 a img{ }



h3.title2 a p {



    font-size: 14px;



    color: #666;



    font-weight: 100;



    margin: 10px auto;



    position: relative;



    top: -59px;



}



#reason {



	width: 100%;



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



}



.reason {



	width: 1180px;



	margin: 0 auto;



	height: 1150px;



	position: relative;



}



.reason ul li {



	width: 540px;



	position: absolute;



}







.reason ul li h5 {



	font-size: 24px;



	color: #0035a6;



	text-align: left;



	font-weight: 600;



	margin-bottom: 9px; line-height:50px;



}



.reason ul li h5 img {



	margin-right: 10px;



}



.ys1 {



	float: left;



}







.reason ul li p {



	font-size: 13px;



	line-height: 25px;



	position: relative;



	color: #666; margin-bottom:10px;



}



.reason ul li span {



	display: block;



	font-size: 18px;



	color: #333;



	line-height: 43px;



	font-weight: 100;



	margin-top: -4px;



}



.ys1 {



    top: 57px;



    left: 108px;



}



.ys2 {



    top: 521px;



    right: -75px;



}



.ys3 {



    top: 887px;



    left: 105px;



}



/*reason end*/







/*case*/



#case{ width:100%; height:507px;}



#case .title{ background:url(../images/case_tt.png) center no-repeat; height:56px; margin-bottom:34px;}



.case {



    width: 1180px;



    margin: 0 auto;



    padding-top: 50px; 



}



#focus_Box{position:relative; width:1180px; height:335px ;margin:20px 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 h5{position:absolute; right:0; bottom:0px; width:100%; height:40px; line-height:40px; background:rgba(0,0,0,.8); text-align:center;}



#focus_Box li h5 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/t_lll.png) left bottom no-repeat;left:0px}



#focus_Box .next{background:url(../images/t_rrr.png) right bottom no-repeat;right:0px} 



/*case end*/







/*client*/







#client{ width:100%; height:607px; padding-top:1px; background:#f1f1f1;}



#client .title{ background:url(../images/client_t.png) center no-repeat; height:56px; margin-bottom:34px;}



.client {







    width: 1180px;







    padding: 0;







    margin: 0 auto;







    margin-bottom: 27px; padding-top:50px;



}







.client ul{ margin-bottom:28px; width: 1200px;}







.client ul li{float:left; width: 280px; height:411px; background:#fff; overflow:hidden; margin-right:20px;}







.client_img {







    width: 262px;







    height: 175px;







    overflow: hidden;







    margin: 9px;







}







.client_img img {







  width: 262px;







    height: 175px; filter: sepia(20%); -webkit-filter: sepia(20%); -moz-filter: sepia(20%); -ms-filter: sepia(20%); -o-filter: sepia(20%);







}







.study_img img:hover{filter: sepia(0); -webkit-filter: sepia(0); -moz-filter: sepia(0); -ms-filter: sepia(0); -o-filter: sepia(0);}







.client_text{}







.client_text h5 {







    display: block;







    width: 230px;







    margin-left: 25px;







    text-align: center;







    line-height: 44px;







    font-size: 18px;







    color: #333;







    overflow: hidden;







    text-overflow: ellipsis;







    white-space: nowrap;







}







.client_text h5 a:hover{ color:#0f3685;}







.client_text p {







    width: 230px;







    margin-left: 25px;







    color: #666;







    line-height: 25px;







    height: 75px;







    overflow: hidden;







}



.client ul li:hover{ background:#0034a2;}



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



.client ul li:hover p{ color:#dedede;}



.client ul li:hover .more{ border:0; background:#fff;}



.client ul li:hover .more a{ color:#012C9C;}



.more {



    width: 96px;



    height: 25px;



    border: 1px solid #012C9C;



    border-radius: 13px; text-align:center; line-height:25px; margin:0 auto; margin-top:20px;



}



.more a{ color:#012C9C;}



.more_r{ float:right;}







/*client end*/















/*about*/







#about {







    width: 100%;







    background:#0034a2;







    height: 375px;







}







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







.about_text {







    width: 599px;







    line-height: 28px;







    float: right;







    padding-top: 30px;







}







.about_text h3{ background:url(../images/aboutus.png) left center no-repeat; width:589px; height:112px; text-align:left;}







.about_text b a {







    font-size: 18px;







    color: #fff;







    font-weight: 600;







}







.about_text p{overflow: hidden; height:88px; margin-bottom:9px;margin-top: 25px; color:#dcdbdb;}







.about_text a{ }







.about_img {



    width: 469px;



    height: 351px;



    overflow: hidden;



    margin-top: 24px;



}







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







.more.blue {







    margin: 0;







    border-radius: 15px;







    background-color: #0F3685;







    overflow: hidden;







    float: left;







    margin-right: 30px;







    position: relative;







    margin-left: 206px !important;







    width: 120px;







}







.more.red {







    background-color: #CE3737;







    margin: 0;







    border-radius: 15px;







    overflow: hidden;







    width: 120px;







}







.more.red a:hover{ background-color: #CE3737 !important;}







.more.red a { color:#fff !important;border:0;}







.more.blue a { color:#fff !important;border:0;}







.factory_box ul li{ float:left;margin-left: 36px; width: 207px;

    overflow: hidden;}







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







.factory_box ul li .img {







    width: 205px;







    height: 138px;







    display: block;







    overflow: hidden;







    border: 1px solid #eee;







}







.factory_box ul li img{ width:205px;}







.factory_box ul li p{ text-align:center; line-height: 34px;    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;}







ul.tab2_menu.factory_menu {







    height: 40px;







    border-bottom: 1px solid #666;







    margin-bottom: 18px;







    margin-top: 12px; 







}







ul.tab2_menu.factory_menu a{font-weight:600;}







.about .tab2_menu li {







    width: 102px;







    float: left;







    line-height: 40px;







}







.hide{ display:none;}







.factory_menu li:first-child::after{ content:"|"; margin-left:20px;}







.factory_menu .selected a{ color:#0034A2; font-size:16px;}



.factory_menu a{ font-size:16px;}







/*about end*/















/*news*/



#m03 {



    width: 100%;



    height: 453px;





}







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







.m_title {



    background-color: #e3e3e3;



    margin-bottom: 0px;



    color: #fff;



    height: 37px;



    line-height: 37px;



    font-size: 15px;



    padding-right: 20px;



    font-weight: 600;



}



.xwdt {







    width: 735px;







    height: 383px;







}



.xwdt .m_title {



    background-color: #e6e6e6;}



.xwdt .m_title a{ color:#333;}



.cjwt_box {







    padding: 20px;







}



.news_box { padding:10px 0;}



.news_img{ width:279px; height:159px; overflow:hidden; position:relative;}







.news_img a{ display:block;}







.news_img a img{ width:279px; height:159px;}







.news_menu>li {



    float: left;



    width: 335px;



    text-align: center;



}







.news_menu>.selected {



    background: #fe8433;



}



.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; font-size:12px;







}







.m_title a {







    color: #fff;







}







.new1 {







	margin-top: 9px;







}



.new1 .more_p a{ color:#666;}



.new1_left {







	width: 271px;







	height: 159px;







	overflow: hidden;







	float: left;







}







.new1_left img {







	width: 100%;







	height: auto;







}







.new1_right {



    width: 405px;



    height: 130px;



    float: right;



    padding-top: 5px;



    margin-right: 30px;



}







.new1_right h6 {







	font-size: 14px;







	line-height: 40px;







}







.new1_right p {







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







}



.more_p a {



    color: #eee;



    display: inline-block;



    margin: 10px 0;



    font-size: 12px;



}



.new1_right small {







	margin-top: 10px;







	display: block;







}







.new1_right small a {







    color:#0f3685;







    text-decoration: underline;







}







.line {







	width: 657px;







	height: 12px;







	border-bottom: 1px solid #DCDCDC;







}







.new2 {







	margin-top: 2px;







}



.new2 ul{ width:780px;}



.new2 ul li {



    width: 337px;



    height: 32px;



    float: left;



    margin-right: 29px;



    border-bottom: 1px dashed #8f99ae;



    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:#0034A2;







}



.cjwt {



    width: 407px;



    height: 383px; background:#f8f8f8;



}



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







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







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



.cjwt .m_title a {



    margin-left: 20px; color:#333;



}



.cjwt .m_title{ border-bottom:1px solid #c8c8c8;}



/*news end*/















/*links*/



#links {



    width: 100%;



    height: 31px;



    margin-bottom: 30px;



}



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



.links b{ font-size:22px; color:#0034a2; line-height:45px; display:inline-block; margin-right:30px; }



.links a{ display:inline-block; color:#666; line-height:43px; padding-right:15px;}



.links a:hover{ color:#222;}



/*links end*/













.fenlei>ul>li a:before {

    content: "→";

    float: left;

    margin-right: 10px;

    margin-left: 10px;

}

.fenlei {

    height: 667px;

    line-height: 35px;

    border-left: 3px #0451bb solid;

    border-right: 3px #0451bb solid;

    padding-bottom: 6px;

    background-color: #0559CD;

    padding-top: 6px;

}

.fenlei>ul>li {

    height: 30px;

    line-height: 30px;

    border: 1px #5383C3 dashed;

    margin: 10px;

    margin-top: 20px;

}

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

    font-size: 13px;

    color: #FFF;

}

.fenlei>ul>li:hover a::before {

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

    float: left;

    margin-right: 10px;

    margin-left: 13px;

    margin-top: 11px;

}

.fenlei>ul>li:hover{ border: 1px #0559CD solid;}