@charset "utf-8";
/* CSS Document */
/*banner*/
.banfly {
	width: 1920px;
	height: 500px;
	position: relative;
	overflow: hidden;
	margin-left: 50%;
	left: -960px;
	top: 0px;
}

/*数字按钮样式*/

.banfly .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%);
}

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

.banfly .num li.on {
	background: rgba(255,255,255,0.7);
} /*当前项*/

/*上一个  下一个*/

.banfly .prev, .banfly .next {
	display: none;
	width: 40px;
	height: 100px;
	background: url(../images/btn.png) no-repeat;
	position: absolute;
	top: 180px;
}

.banfly .prev {
	left: 50%;
	margin-left: -635px;
}

.banfly .next {
	right: 50%;
	margin-right: -635px;
	background-position: right
}

/*banner end*/

/*search*/
#search {
	width: 100%;
	height: 58px; background:url(../images/search_bg.jpg);;
}

.search {
	width: 1180px;
	padding: 0;
	margin: 0 auto;height: 58px; position:relative;
}
.search_left {
    width: 833px;
    line-height: 58px;
    float: left;
    color: #fff;
    position: absolute;
    left: 0;
}

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

.search_left a {
	color: #fff;
	margin: 0 6px;
}
.search_right {
    width: 321px;
    float: right;
    margin-top: 12.5px;
}

.searchbar {
    width: 254px;
    line-height: 28px;
    outline: none;
    padding-left: 20px;
    border: 1px solid #FFFFFF;
    border-radius: 15px;
    float: left;
    margin-right: 16px;
    background: none;
	color:#fff;
}

.searchbtn {
    width: 29px;
    height: 29px;
    border: 0;
    background:url(../images/search.png);
    outline: none;
    cursor: pointer; color:#fff;
}

/*search end*/

/*product*/
#product{ width:100%; height:auto; overflow:hidden; margin-bottom:0px; background: url(../images/client_bg.jpg);}

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

.juedui_more{position: absolute;
    right: 0;
    top: 68px;
}

.product_left {
    width: 181px;
    height: 620px; overflow:hidden;
    background: url(../images/pro_bg.png) center no-repeat;
    float: left; 
	margin-top: 0px;
}

.cpzxtt {
    height: 52px;
    margin-top: 58px;
    margin-bottom: 4px;
}

.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: 38px;
    padding-bottom: 6px;
}

.fenlei b {
    margin: 0 20px;
    display: block;
    height: 37px;
    margin-right: 9px;
    padding-top: 15px;
}

.fenlei b a {
    display: block;
    width: 161px;
    height: 35px;
    color: #fff;
    line-height: 35px;
    text-align: left;
    padding-left: 11px;
}

.fenlei>ul>li {
    height: 35px;
    line-height: 35px;
    margin-top: 15px;
    padding-left: 30px;
    position: relative;
}

.fenlei>ul>li a {
    display: block;
    height: 35px;
    line-height: 35px;
}

.fenlei>ul>li:before {
    position: absolute;
    left: 15px;
    top: -2px;
}

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

.fenlei>ul>li:hover{}

.product_right {
    width: 961px;
	height:64px;
    float: right;
	margin-top: 20px;
}

.r_more{ float:right;}
.product_right h4 {
    font-size: 18px;
    width: 961px;
    height: 64px;
    line-height: 38px;
    margin-bottom: 20px;
}

ul.tab_menu{ height:64px;}

.product_right>h4>ul>li.selected{ color:#fff; padding-bottom:8px;}
.product_right>h4>ul>li::before {
    content: url(../images/fanga.png);
    position: relative;
    color: #fff;
    margin-right:12px;
	
}

.tab_menu li {
    background: url(../images/cpzs.png) no-repeat center;
    font-size: 16px;
    width: 205px;
    height: 64px;
    line-height: 64px;
    float: left;
    font-weight: 500;
}

.daz {font-size: 30px; color:#fff;}

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

.tab_box .hide{ display:none;}

.product_show { width:990px; padding-top:15px
}

.product_show li {
	width: 300px;
    height: 218px;
    float: left;
    margin-right: 30px;
    margin-bottom: 40px;   
}

.product_show li h5{ position:relative; top:-35px; background:rgba(0,0,0,.7);    height: 35px; width:300px;
    line-height: 35px;
    text-align: center;}

.product_show li h5 a{ display:block;color:#fff;}
.product_show li h5:hover a{ }
.product_show li:hover .product_img img{ width:102%; height:102%; }
.product_img {
 border: 1px solid #eee;
}

.product_img a{
    width: 300px;
    height: 218px;
    overflow: hidden; display:block;}

.product_img img{ width:300px; height:218px; 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: 314px;
    padding-top: 1px;
    position: relative;
    padding: 0;
    margin: 0 auto;
}

.tantou1 {
    float: right;
    text-align: left;
    margin-top: -9px;
}

.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: 30px;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    font-style: italic;
    font-weight: 100;
}

.btn1 {
    height: 35px;
    overflow: hidden;
    transition: all 300ms ease;
    display: inline-block;
    width: 158px;
    border: 1px solid;
    margin-top: 10px;
}

.btn1 a {
    color: #e6e6e6;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 37px;
    font-weight: 100;
}

.btn1:hover { 
}

.ad_bg {
    width: 1324px;
    height: 58px;
    position: relative;
    margin-left: 50%;
    left: -662px;
}

/*banner1 end*/
.waa{ width:100%; height:40px; background:url(../images/waa.png) repeat-x;}
.wa{ width:100%; height:40px; background:url(../images/wa.png) repeat-x;}
/*tedian*/
.tedian{ width:1180px; height:723px; margin:0 auto; background:url(../images/tedian_bg.jpg) center no-repeat;  margin-bottom: 60px;}
.tedian ul {
    margin-top: 27px;
}
.tedian ul li {
    margin-top: 85px;
    height: 52px; color:#666;
}
.tedian .right{ text-align:right;}
/*tedian end*/

/*case*/

/* demo */
.demo{margin:0 auto;height:320px;width:720px;}
.demo li{height:320px;width:480px;background-color:#ccc;text-align:center;cursor:pointer;}
.demo li.roundabout-in-focus{cursor:default;}
.demo li span{display:block;padding-top:6em;}
/*.roundabout-in-focus{ width:511px; height:341px !important;}*/

.case{ width:100%;; height:480px; margin:0 auto; padding-top: 50px; background: url(../images/client_bg.jpg);}

.title {
    width: 1180px;
    height: 45px;
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: center;
    padding-top: 19px;
    margin-top: -14px;
}

.title{ background:url(../images/tt_bg.png) no-repeat center;}

.case .img{ float:left; width: 100%;
    height: 100%;}

.title a {
    display: inline-block;
    color: #333;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    margin-top: -3px;
}

.title a b{ color:#f18036; font-weight:100;}

.title p{ font-size:18px; color:#999;}

.case ul li{ float:left; width:511px; height:341px; text-align:center;}
.case ul li>a>img {
    display: block;
    width: 100%;
    height: 100%;
}
.case ul li h5{ font-size:14px;  padding:0 25px; background:#333;}
.case ul li h5 a{color:#fff; font-weight:600;}
.case ul li p {
    font-size: 14px;
    color: #666;
    padding: 0 25px;
    height: 72px;
    overflow: hidden;
    text-align: left;
    margin-bottom: 16px;
    line-height: 24px;
}
.case ul li a{ color:#000000;}
/*case end*/

/*client*/
#client {
    width: 100%;
    padding-top: 10px;
    background: url(../images/client_bg.jpg);
    height: 540px;
}

.client {
    width: 1180px;
    margin: 0 auto;
    padding-top:40px;
}
.client ul{ margin-left:-50px;}
.client ul li {
    width: 262px;
    height: 343px;
    overflow: hidden;
    float: left;
    margin-left: 45px;
    margin-bottom: 22px;
}
.client_img {
    float: left;
    width: 262px;
    height: 162px;
    overflow: hidden;
    transition: all ease 500ms;transition:all ease 300ms;
}
.client_img img {    width: 262px;
    height: 162px; transition:all ease 300ms;
}
.client_img:hover{ margin-bottom:5px;}
.client_img img:hover{    width: 267px;
    height: 167px;
}
.client_text {
    float: left;
    width: 262px;
    height: 90px;
    margin-top: 18px;
}
.client_text h5{font-weight:600; text-align:left;}

.client_text h5 a{ color:#333;}

.client_text h5 a:hover{ color:#0753a4;}

.client_text p {
    color: #666;
    line-height: 24px;
    height: 78px;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 14px;
}

.more_r{ float:right;}
.more_bg {
    width: 92px;
    height: 32px;
    background: #bd2b2b;
    margin: 0 auto;
    margin-top: 16px;
    position: relative;
    right: -82px;
}
.more_bg a{ display:block; line-height:32px; text-align:center; font-size:14px; color:#fff; text-align:center;}
.more_bg:hover{ background:#3d2f20;}
/*client end*/

/*banner2*/
#banner2 {
	width: 100%;
	height: 223px;
	background: url(../images/banner02.jpg) no-repeat 50%;
	pandding: 0;
	margin: 0 auto;
}

.banner2{ height:223px;}
/*reason*/

h3.title2 {
    width: 1180px;
    height: 150px;
    margin: 0 auto;
	margin-top: 88px; text-align:center;
}
h3.title2 b{ color:#bd2b2b;}
h3.title2 a{ display:block; text-align:center; font-size:24px; font-weight:600; color:#333; }
h3.title2 a p{ font-size:18px; color:#666; font-weight:100; margin:10px auto;}
p.ys_tel {
    position: absolute;
    top: 896px;
    left: 327px;
    color: #fff;
    font-size: 26px;
}

#reason{ width:100%; height:939px; background:url(../images/ys_bg.jpg) center no-repeat;}
.reason{ width:1180px; margin:0 auto; padding-top:41px; position:relative;}
.reason ul li {
    width: 495px;
    position: absolute;
}
.reason ul li h5{ font-size:18px; color:#333; text-align:left;font-weight:600; margin-bottom:10px;}
.reason ul li h5 img{ margin-right:10px;}

.ys1{ float:left;}
.ys_img1{ position:absolute; right:0;}
.ys_img2 {
    position: absolute;
    top: 598px;
}

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

.reason ul li p {
    font-size: 15px;
    line-height: 28px;
    position: relative;
    color:#666;
}

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

.ys1 {
    top: 236px;
    margin-left: 81px;
}

.ys2 {
    top: 370px;
    margin-left: 81px;
}

.ys3 {
    left: 691px;
    top: 595px;
}

.ys4 {
    left: 691px;
    margin-top: 489px;
}
/*reason end*/

/*fenxi*/
.fenxi{ width:1180px; margin:0 auto;}
.fenxi ul{}
.fenxi ul li{ width:393px; height:295px; float:left; text-align:center; position:relative;}
.fenxi ul li::after{ content:url(../images/fenxi_fg.png); position:absolute; right:0; bottom:0;} 
.fenxi ul li img{ width:150px; height:150px; border-radius:50%; overflow:hidden;    margin-bottom: 20px; transition:all ease 300ms; }
.fenxi ul li img:hover{ cursor:pointer; transform:rotate(30deg); -moz-transform:rotate(30deg); -ms-transform:rotate(30deg); -o-transform:rotate(30deg); -webkit-transform:rotate(30deg);}
.fenxi ul li p{ text-align:left; margin:0 53px;    line-height: 24px;}
.fenxi ul li:first-child::before{ content:url(../images/fenxi_fg.png); position:absolute; left:0; bottom:0;} 
/*fenxi end*/

/*banner3*/
#banner3 {
	width: 100%;
	height: 307px;
	background: url(../images/banner03.jpg) no-repeat 50%;
	pandding: 0;
	margin: 0 auto; margin-top:60px;
}

.banner3{ height:307px;}
.banner3 .tantou1 {
    position: relative;
    top: 29px;
}

.banner3 .btn1{ margin-left:130px;}
.banner3 span{ display:inline-block; float:left;}

/*banner3*/

/*about*/
#about {
    width: 100%;
    overflow: hidden; margin-top:0px; background:url(../images/tujiebg.jpg) center no-repeat; padding-top:40px;
}
.about{ width:1180px; padding:0; margin:0 auto;margin-bottom: 47px;}
.about_text {
    width: 651px;
	height:370px; overflow:hidden;
    line-height: 24px;
}
.about_text h3 a {
    display: block; color:#333; 
    line-height: 40px;
    margin-top: 6px;
}

.about_text p{overflow: hidden; height:72px; margin-bottom:12px; color:#666;}
.about_text a{ color:#333;}
.about_text a:hover{ color:#bd2b2b;}
.about_img{ width:500px; height:370px; overflow:hidden; }
.about_img img {
    width: 100%;
    height: 370px;
}

.r_more{ float:right;}
.r_more a{ font-size:13px; font-weight:100 !important; font-family:04b_08;}
.ryzz h4{ margin-bottom:10px;}
.ryzz h4 a{ font-size:16px; font-weight:600; color:#333;}
.ryzz h4::before{ content:url(../images/fang.png); margin-right:10px;}
.ryzz ul{ width:700px; margin-top:15px;}
.ryzz ul li {
    float: left;
    margin-right: 39px;
}

.r_more a{ font-size:12px !important;}
.ryzz_img{width:191px; height:133px; overflow:hidden;}
.ryzz_img a{ display:block;}
.ryzz_img a img {
width: 100%;
height: 133px;
}
/*about end*/

/*news*/
#news{ width:100%; padding-top:50px; padding-bottom:10px; background:url(../images/newsbg.jpg) center no-repeat;}
.news{ width:1180px; margin:0 auto;}
.news0 {
    width: 348px;
    float: left;
    margin-right: 42px;
}
.news00{ margin-top:30px; position:relative; width:348px; height:158px; overflow:hidden;}
.news00 a{ display:block;}
.news00 a h5{ background:rgba(0,0,0,.5); position:absolute; color:#fff; bottom:-30px; display:block; width:348px; text-align:center; line-height:30px; font-weight:100; font-size:14px; transition:all ease 300ms; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news00:hover a h5{ bottom:0;}
.ylbk{ width:400px; float:left;}
.news_title{ line-height:34px; height:34px; background:#bd2b2b; padding-left:10px;}
.news_title b a{ color:#fff; font-size:16px; line-height:34px;}
.more_r{ float:right;}
.more_r a{ font-size:12px; color:#FFF; margin-right:10px;}
.news0 ul li {
border-bottom: 1px #ddd dashed;
overflow: hidden;
position: relative;
}
.news0 ul li a{ line-height:30px; display:block;}
.news0 ul li a p:hover{ color:#bd2b2b;}
.news0 ul li a p {
font-size: 13px;
width: 250px;
height: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
color: #333;
margin-left: 10px;
}

.news_img img {
    width: 348px;
    height: 158px;
}

.news0 ul li p::before {
content: url(../images/jiantou.png);
margin-right: auto;
position: absolute;
left: 0;
top:12px;
}

.news0 ul li small{ font-size:12px; float:right; color:#999;}

.more_r{ background: #3d2f20; width:60px; height:34px; text-align:center;}

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

.da {
    line-height: 24PX;
    padding-bottom: 16.5px;
    padding-top: 10px;
    color: #666;
    padding-left: 23px;
	overflow:hidden; 
	position:relative;
}

.wen {
    margin-top: 15px;
}
.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:15px;}
.da::before{ content:url(../images/a.jpg); color:#C99968; position:absolute; font-size:18PX; left:0px;}
/************文字滚动************/
.ylbk ul{ height:450px; overflow:hidden; margin-top:30px;}
/*news end*/

/*links*/
#links{ width:100%; height:81px; margin-bottom: 30px;}
.links{ width:1180px; height:81px; padding:0; margin:0 auto; overflow: hidden; background:url(../images/link_bg.jpg) center no-repeat;}
.links b{ font-size:47px; color:#333; float:left; font-weight:100; display:block; text-align:center; width:94px;  line-height:81px; margin:0 30px;}
.links a{ display:inline-block; padding:0 17px; color:#4A4A4A; line-height:81px;}
.links a:hover{ color:#222; text-decoration:underline;}
/*links end*/

.tempWrap{ height:29em !important;}