@charset "utf-8";

/* CSS Document */

/*banner*/

.www51buycom {

    width: 1920px;

    height: 460px;

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

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



/*上一个  下一个*/

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

	background: #e9e9e9;

}

.search {

	width: 1180px;

	padding: 0;

	margin: 0 auto;

}

.search_left {

	width: 778px;

	line-height: 53px;

	float: left;

	color:#666;

}

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

.search_left a {

	color:#666;

	margin: 0 6px;

}

.search_right {

	width: 397px;

	float: right;

	margin-top: 12.5px;

}

.searchbar {

	width: 294px;

	line-height: 30px;

	height: 30px;

	float: left;

	border: 1px;

	outline: none;

	padding-left: 20px;

	border:1px solid #ccc;

}

.searchbtn {

	width: 70px;

	line-height: 30px;

	height: 30px;

	margin-left: 10px;

	border: 0;

	background: #0567D4;

	float: left;

	outline: none;

	color: #fff;

	cursor: pointer;

}

/*search end*/

.title {

    width: 1180px;

    height: 30px;

    background: url(../images/title_bg.png) 50% no-repeat;

    margin: 0 auto;

    margin-top: 50px;

    margin-bottom: 50px;

}

.title h3{ line-height:30px; text-align:center; font-size:30px; color:#3173c1;}



/*product*/

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

.product_left {

    width: 243px;

    float: left;

    background: #E9E9E9;

    padding-bottom: 44px;    margin-bottom: 50px;

}

.product_left h4{ height:119px; color:#fff; padding-top:47px;  background:url(../images/Product_bg.jpg) no-repeat; padding-left:60px;}

.product_left h4 a{ color:#fff;}

.product_left h4 p{ font-size:18px;}

.product_left h4 span{ font-size:15px; font-weight:400;}

.product_con{    padding-left: 60px; line-height: 30px;}

.r_more {

    float: right;

    margin-top: 19px;

    width: 44px;

    height: 44px;

}

.product_right {

	width: 917px;

	height: auto;

	float: right;

	margin-right: -5.5px;

}

.product_right h4 {

	font-size:16px;

	width: 917px;

	height: 64px;

	line-height: 64px; margin-bottom:30px; font-weight:100;

}

.product_right>h4>ul>li.selected {

    color: #FFFFFF;

    background: #3173C1;

    width: 106px;

    height: 41px;

    margin-left: 30px;

    margin-top: 19px;

    line-height: 41px;

}

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

.product_right>h4>ul>li {

    width: 106px;

    height: 41px;

    display: inline-block;

    margin-left: 30px;

    text-align: center;

    font-weight: 16px;

    color: #333;

    float: left;

    margin-top: 19px;

    line-height: 41px;

}

/*.product_right>h4>ul>li:hover {

   color:#b83226; background:#fff;

}*/

.tab_box .hide{ display:none;}

.product_show {

	    margin-top: -14px; width:974px;

}

.product_show li{ width:304px; height:200px; margin:1px; float:left; position:relative; overflow:hidden;}

.product_show li h5 {

    height: 37px;

    line-height: 37px;

    text-align: center;

    background: rgba(0,0,0,.5);

    position: absolute;

    bottom: -37px;

    color: #fff;

    display: block;

    width: 100%; transition:all 500ms ease;

}

.product_show li:hover h5{ background:rgba(0,0,0,.8); color:#fff;bottom: 0px;}

.product_img{ width:304px; height:200px; overflow:hidden;}

.product_img a{ display:block; width:304px; height:200px;}

.product_img img{ width:100%;}

/*product end*/

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

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

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



/*banner1*/

#banner1{ width:100%; height:416px; background:url(../images/banner01.jpg) 50%; margin-top:50px;pandding:0; margin:0 auto;}

.banner1{ width:1180px; height:416px;  padding-top:1px; position:relative; padding:0; margin:0 auto;}

.tantou1 {

    float: right;

    right: 0;

    top: 64px;

    text-align: left;

    margin-top: 240px;

}

.tantou1 h5 {

    font-size: 39px;

    color: #fff;

    font-weight: 600;

    display: inline-block;

    float: left;

}

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

.btn1 {

    width: 143px;

    overflow: hidden;

    transition: 300ms ease;

    right: 0;

    background-color: #CC1A16;

    float: left;

    margin-left: 40px;

}

.btn1 a {

    color: #fff;

    display: block;

    text-align: center;

    font-size: 16px;

    line-height: 40px;

}

.btn1:hover{ width:142px; height:42px;}

/*banner1 end*/



/*case*/

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

.case ul{ width: 1300px; margin-left: -12px;}

.case ul li{ width:277px; float:left; margin:12px;}

.case_img{ width:277px; height:171px; overflow:hidden;}

.case_img img{ width:100%;}

.case h5{ line-height:35px; text-align:center; color:#fff; background:#3173C1;}

.case h5:hover{ background:#CC1A16;}

/*case end*/

.bot_more {

    text-align: center;

    position: relative;

    margin-bottom: -23px;

    margin-top: 30px;

}

/*banner2*/

div#banner02{ width:100%; height:281px; background:url(../images/banner02.jpg) 50%; margin-top:50px;pandding:0; margin:0 auto;}

.banner02{ width:1180px; height:281px;  padding-top:1px; position:relative; padding:0; margin:0 auto;}

.tantou2 {

    float: right;

    position: relative;

    right: 0;

    top: 124px;

    text-align: left;

    transform: rotate(-3deg);

}

.tantou2 h5 {

    font-size: 26px;

    color: #3173C1;

    font-weight: 600;

    display: inline-block;

    float: left;

}

.tantou2 h5 span{ font-weight:600; font-size:24px; margin:0 10px;}

.btn2 {

    width: 141px;

    height: 40x;

    overflow: hidden;

    transition: 300ms ease;

    right: 0;

    float: left;

    margin-left: 20px;

    background-color: #3173C1;

}

.btn2 a {

    color: #fff;

    display: block;

    text-align: center;

    font-size: 16px;

    line-height: 40px;

}

.btn2:hover{ width:142px; height:42px;}

/*banner2 end*/



/*youshi*/

#youshi{ width:100%; height:1090px; padding-top:1px; margin-top:30px;}

.youshi{ position:relative; width:1180px;height:957px;  background:url(../images/youshi_bg.jpg) 50% no-repeat; padding:0; margin:0 auto;}

.youshi0 {

    width: 484px;

	line-height:24px;

}

.youshi0 span{ margin-top:59px; display:block;}

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

.youshi0 h4{font-size: 30px;

    color: #3E3E3E;

    margin-bottom: 10px; text-align:center}

.youshi01 {

    top: 86px;

    position: absolute;

    left: 39px;

}

.youshi02 {

    position: absolute;

    left: 39px;

    top: 403px;

}

.youshi03 {

    position: absolute;

    left: 676px;

    top: 433px;

}

.youshi04 {

    position: absolute;

    left: 676px;

    top: 700px;

}



/*youshi end*/



/*banner3*/

div#banner03{ width:100%; height:165px; background:url(../images/banner03.jpg) 50%; margin-top:50px;pandding:0; margin:0 auto;}

.banner03{ width:1180px; height:165px;  padding-top:1px; position:relative; padding:0; margin:0 auto;}

.tantou3 {

    float: right;

    position: relative;

    right: 0;

    top: 53px;

    text-align: right;

}

.tantou3 h5 {

    font-size: 26px;

    color: #3173C1;

    font-weight: 600;

    display: inline-block;

    margin-bottom: 14px;

}

.tantou3 h5 span {

    font-weight: 600;

    font-size: 24px;

}

.btn3 {

    width: 158px;

    height: 40x;

    overflow: hidden;

    transition: 300ms ease;

    right: 0;

    background-color: #CC1A16;

}

.btn3 a {

    color: #fff;

    display: block;

    text-align: center;

    font-size: 16px;

    line-height: 40px;

}

.btn3:hover{ width:160px; height:42px;}

/*banner2 end*/



/*client*/

#client{ width:100%; height:719px;  background:url(../images/client_bg.jpg) 50% no-repeat; padding-top:1px;  margin-top: 30px;}

.client {

    width: 1180px;

    padding: 0;

    margin: 0 auto;

    padding-top: 69px;    margin-bottom: 76px

}

.client ul{ width:1224px;}

.client ul li {

    width: 275px;

    height: 417px;

    background: #000;

    float: left;

    background: #FBFBFB;

    text-align: center;

    padding-top: 3px;

    margin-right: 27px;

    border: 1px solid #E6E7EC;

}

.client_img{ width:262px; height:176px; overflow:hidden; margin:7px;}

.client_img img{ width:100%;}

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

.client ul li h4{ line-height:30px;}

.client ul li p{ overflow: hidden; height:84px; line-height:28px; margin:20px 30px 20px; text-align:left;}

.more_r{ float:right;}

/*client end*/







/*about*/

#about{ width:100%; height:397px; background:url(../images/about_bg.jpg) 50% no-repeat;}

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

.about_1{ width:850px; float:left;}

.about_text {

    width: 464px;

    line-height: 28px;

    margin-top: 20px;

}

.about_text h3{ margin-bottom:20px;}

.about_text p{overflow: hidden; height:105px; margin-bottom:20px; }

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

.about_img{ width:354px; height:238px; margin-right:30px; overflow:hidden;}

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

.ryzz{ width:300px;}

/*about end*/



/*荣誉资质*/

.right{ float:right;}

.gd_03 {

    position: relative;

    width: 128px;

    height: 188px;

    margin-left: 84px;

    margin-top: 29px;

}

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

.gd_03 li h5 a {
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

/*荣誉资质 end*/

/*news*/

#m03 {

    width: 100%;

    height: 650px;

    background: #CFCFCF;

    padding-top: 71px;

}

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



.m_title {

    background-color:#3173C1;

    margin-bottom:0px;

	color:#fff;

	height:41px;

	line-height:41px; font-size:16px; padding-left:20px;

}

.xwdt {

    width: 737px;

    height: 611px;

    background-color: #fff;

}

.cjwt {

    width: 420px;

    height: 611px;

    background-color: #fff;

}

.news_box, .cjwt_box {

    padding: 20px;

    background: #fff;

    height: 467px;

}

/*.news_left {

    width: 335px;

    float: left;

    margin-right: 30px;

}

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

.news_img{ width:335px; height:205px; overflow:hidden; position:relative;}

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

}

.news_menu>.selected {

    background: #FFFFFF;

    color: #3173C1;

    font-weight: 400;

}

.news_menu>.selected a {

    color: #3173C1;

}

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

    height: 40px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    line-height: 40px;

    display: block;

}

.m_title a {

    color: #fff;

}

.new1 {

	margin-top: 9px;

}

.new1_left {

	width: 271px;

	height: 181px;

	overflow: hidden;

	float: left;

}

.new1_left img {

	width: 100%;

	height: auto;

}

.new1_right {

	width: 410px;

	height: 170px;

	float: right; padding-top:20px;

}

.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: #3173C1;

    text-decoration: underline;

}

.line {

	width: 657px;

	height: 12px;

	border-bottom: 1px solid #DCDCDC;

}

.new2 {

	margin-top: 20px;

}

.new2 ul li {

    width: 318px;

    height: 51px;

    float: left;

    margin-right: 30px;border-bottom:1px dashed #826751; position:relative;

}



.new2 ul li a::before {

	content: ">>"; position:absolute; right:0; font-size:8px;

}

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

}









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

.da {

    line-height: 24PX;

    padding-bottom: 16.5px;

    padding-top: 10px;

    color: #555;

    padding-left: 23px;

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

.r_more{ float:right;}

/*news end*/





/*links*/

#links{ width:100%; height:68px; margin:10px 0;}

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

.links b{ font-size:46px; color:#06C; float:left; font-weight:100;}

.links span {

    width: 85px;

    height: 25px;

    display: block;

    color: #fff;

    background: #06C;

    float: left;

    text-align: center;

    line-height: 25px;

    margin-top: 20px;

    margin-left: 10px;

}

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

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

/*links end*/