﻿/*five*/
.five { overflow:hidden; width:1300px; margin:40px auto;}
.five ul{ overflow:hidden; width:110%;}
.five li{ float:left; width:160px; overflow:hidden; margin-right:70px; margin-left:40px; cursor:pointer;}
.five li span{ display:block; width:152px; height:152px; overflow:hidden; position:relative; margin-bottom:15px;}
.five li em{ display:block; font-size:16px; color:#000; text-align:center;}
/*pro*/
.pro {width:100%; padding-top:60px; padding-bottom:50px; background:url(images/cpbg.jpg);}
.pro .proLeft {width:284px; float:left; background-color:#fff;padding:8px;}
.pro .proLeft h2{ overflow:hidden; width:100%; height:126px; text-align:center; }
.pro .proLeft h3{ width:212px; height:42px; padding-left:46px; line-height:42px; background:url(images/pro01.png) no-repeat 18px center; background-color:#575757; margin-bottom:10px; margin:0 auto; font-size:16px; font-weight:normal; margin-top:20px;}
.pro .proLeft h3 a{ color:#fff;}
.pro .proLeft ul{ overflow:hidden; width:258px; margin:0 auto;}
.pro .proLeft li{ overflow:hidden; padding-left:38px; width:248px; background:url(images/pro02.png) no-repeat 22px center; font-size:14px; border-bottom:1px solid #f0f0f0; line-height:33px; position:relative;}
.pro .proLeft li a{ color:#333;}
.pro .proLeft li a:hover{ color:#c81624}
.pro .proLeft h3 a:hover{text-decoration:none;}
.pro .proLeft h3:hover,.prov .proLeft h3.cur{background-color:#FD2623;}
.pro .proRight {width:960px; float:right}
.pro .proRight .tubanner{ overflow:hidden; width:948px; height:298px; background-color:#fff; border:6px solid #F63F03}
.pro .proRight .tubanner img{ display:block; float:left; margin:10px;}
.pro .proRight .tubanner .wen{ overflow:hidden; width:620px; float:left; margin-top:16px;margin-left:10px;}
.pro .proRight .tubanner h3{ font-size:18px; margin-bottom:12px;}
.pro .proRight .tubanner h3 a{ color:#000}
.pro .proRight .tubanner p{ font-size:14px; color:#333; line-height:30px; height:150px; overflow:hidden; margin-bottom:25px;}
.pro .proRight .tubanner .btn{ display:block; width:125px; height:33px; text-align:center; line-height:33px; border:1px solid #e3e3e3; font-size:13px; color:#939393; float:left; margin-right:10px;}
.pro .proRight .tubanner .btn02{ border-color:#c81624; background-color:#c81624; color:#fff;}
.pro .proRight .list{ overflow:hidden; width:1000px;}
.pro .proRight .list li{ float:left; margin-right:26px; margin-bottom:25px; width:292px; height:328px; border:5px solid #fff; overflow:hidden; position:relative; background-color:#fff;}
.pro .proRight .list img{width:292px;height:292px;}
.pro .proRight .list li span{ display:block; text-align:center; font-size:14px; color:#333; position:absolute;height:36px;line-height:36px;width:100%;background-color:#F63F03;color:#fff;opacity=40}
.pro .proRight .list li a{ display:block; text-decoration:none}
.pro .proRight .list li:hover{ border-color:#F63F03;}

/*客户*/
.kehu { overflow:hidden; width:100%; }
.kehu .khbox { overflow:hidden; width:1350px; margin:0 auto;}
.kehu dl{ overflow:hidden; width:610px; margin:0 25px; margin-bottom:40px; height:228px; float:left}
.kehu dt { overflow:hidden; float:left; width:228px; height:228px; position:relative}
.kehu dd{ overflow:hidden; float:right; width:366px;}
.kehu dd h3{ font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;line-height:32px;}
.kehu dd h3 a{ color:#000}
.kehu dd p{ font-size:14px; color:#333; line-height:29px; height:146px; overflow:hidden}
.kehu dd .more{ display:block; width:122px; height:30px; background-color:#e7e7e7; text-align:center; line-height:30px; font-size:14px; color:#848484; margin-top:8px; text-decoration:none}
.kehu dd .more:hover{ background-color:#FA5403; color:#fff;}

/*about*/
.about { position:relative; width:100%; height:1050px; background:url(images/about_bg.jpg) no-repeat center top;}
.about .awen{ overflow:hidden; width:1300px; margin:0 auto; margin-bottom:40px;}
.about .awen img{ display:block; float:left; border:3px solid #fff;}
.about .awen .wen{ overflow:hidden; width:780px; float:right;}
.about .awen h3{ font-weight:normal; font-size:28px; margin-bottom:15px;}
.about .awen h3 a{ color:#F55303;}
.about .awen p{ font-size:16px; line-height:36px; color:#333; height:188px; overflow:hidden; text-align:justify; margin-bottom:30px;}
.about .awen a.btn{ display:block; width:136px; height:31px; text-align:center; line-height:31px; font-size:14px; color:#fff; background-color:#949494; float:left; margin-right:10px;}
.about .awen a.btn.btna02{ background-color:	}
.about .fengcai { width:1300px; height:460px; box-shadow:8px 8px 8px #ccc; background-color:#fff; margin:0 auto; position:relative}
.about .fengcai i{ display:block; width:42px; height:42px; cursor:pointer; position:absolute; top:210px;}
.about .fengcai .btn01{ background:url(images/about_btn01.png) no-repeat center top; left:-20px;}
.about .fengcai .btn02{ background:url(images/about_btn02.png) no-repeat center top; right:-20px;}
.about .fengcai i:hover{ background-position:bottom}
.about .menu{ overflow:hidden; width:100%; height:52px; padding-top:35px; padding-bottom:10px; margin-bottom:25px; text-align:center}
.about .menu li{ display:inline-block; width:200px; height:52px; margin:0 -2px; text-align:center; font-size:26px; font-weight:bold; position:relative; background-color:#ececec; line-height:52px;}
.about .menu li{ *display:inline}
.about .menu li a{ display:block; text-decoration:none; color:#333;}
.about .menu li img{ display:none; position:absolute; top:52px; left:98px;}
.about .menu li.cur{ background-color:#F55303;}
.about .menu li.cur a{ color:#fff;}
.about .menu li.cur img{ display:block}
.about .fcbox { overflow:hidden; width:1232px; margin:0 auto; height:312px; position:relative;}
.about .fcbox ul{ overflow:hidden; position:absolute}
.about .fcbox li{ margin-right:20px; float:left; width:228px; /*height:225px;*/}
.about .fcbox li .fctu{ width:216px; height:278px; overflow:hidden; position:relative; border:5px solid #f3f3f3; margin-bottom:10px;}
.about .fcbox li span{ display:block; text-align:center; font-size:13px; color:#333;}
.about .fcbox li a{ display:block; text-decoration:none;}
.about .bbg { display:block; position:absolute; left:50%; bottom:-220px; margin-left:568px;}

/*liuiyan*/
.liuyan { overflow:hidden; width:100%; padding:30px 0; background-color:#efefef; margin-bottom:30px;}
.liuyan .leftwen { overflow:hidden; width:630px; height:280px; background:url(images/liuyan_x.png) right top repeat-y; float:left}
.liuyan .leftwen img{ display:block; margin-bottom:12px;}
.liuyan .leftwen em{ padding:3px 0; font-size:16px; color:#666; padding-left:30px; background:url(images/liuyan_phone.png) no-repeat left center; margin-left:20px; display:block;}
.liuyan .leftwen em span{ font-size:20px; color:#c81624;}
.liuyan .leftwen a{ display:block; width:196px; height:38px; text-align:center; line-height:38px; background:url(images/liuyan_btn.png) no-repeat center; font-size:16px; color:#fff; margin-left:60px; margin-top:10px; text-decoration:none}
.liuyan .lybox{ overflow:hidden; float:right; width:630px;}
.liuyan .lybox h3{ font-size:26px; margin-bottom:10px; color:#c81624;}
.liuyan .lybox h3 em{ color:#000}
.liuyan .lybox input{ overflow:hidden; width:225px; height:44px; padding-left:55px; font-size:14px; color:#666; line-height:44px; border:1px solid #d2d2d2; margin-bottom:9px; display:block; outline:none;}
.liuyan .lybox .name{ background:url(images/liuyan01.png) no-repeat left center; background-color:#fff;}
.liuyan .lybox .phone{ background:url(images/liuyan02.png) no-repeat left center;background-color:#fff;}
.liuyan .lybox .addr{ background:url(images/liuyan03.png) no-repeat left center; background-color:#fff;}
.liuyan .lybox textarea{ overflow:hidden; padding:10px; padding-left:55px; width:248px; height:135px; border:1px solid #d2d2d2; background:url(images/liuyan04.png) no-repeat left top; background-color:#fff; outline:none; resize:none; font-size:14px; color:#666; float:right; margin-top:-165px; margin-bottom:20px;}
.liuyan .lybox b{ display:block; width:100%; height:56px; text-align:center; line-height:56px; background-color:#c81624; font-size:18px; color:#fff; cursor:pointer; float:left}

/*news*/
.news { overflow:hidden; width:1300px; margin:0 auto; margin-bottom:45px;}
.news .newbox{ overflow:hidden; width:100%; height:420px;}
.news .newsLeft { overflow:hidden; width:590px; background-color:#EFEFEF; height:420px; float:left;}
.news .newsLeft .tubox{ display:block; width:590px; height:290px; overflow:hidden; margin-bottom:25px; position:relative;}
.news .newsLeft img{ display:block; position:absolute; left:0; bottom:-40px; width:100%;}
.news .newsLeft h4{ width:555px; margin:0 auto; margin-bottom:15px; overflow:hidden;}
.news .newsLeft h4 a{ display:block; width:440px; font-size:16px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left;}
.news .newsLeft h4 span{ font-weight:normal; font-size:14px; color:#999; float:right;}
.news .newsLeft p{ font-size:14px; width:555px; margin:0 auto; color:#55555; line-height:28px; height:56px; overflow:hidden;}
.news .newsLeft p a{ color:#626060;}
.news .newsLeft:hover h4 a{ color:#dc1313}

.news .newsRight{ overflow:hidden; width:680px; height:420px; float:right;}
.news .newsRight dl{ overflow:hidden; width:660px; padding:10px; height:106px; margin-bottom:20px;}
.news .newsRight dt{ overflow:hidden; float:left; width:160px; height:106px;}
.news .newsRight dd{ overflow:hidden; float:left; margin-left:20px; width:460px;}
.news .newsRight dd h4{ margin-top:6px; font-size:16px; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .newsRight dd h4 a{ color:#333}
.news .newsRight dd p{ font-size:14px; color:#555; line-height:28px; height:56px; overflow:hidden}
.news .newsRight dl:hover{ background-color:#EFEFEF;}
.news .newsRight dl:hover h4 a{ color:#dc1313}


/*友情链接*/
.relk{border:1px solid #ddd;margin-bottom:20px;}
.relk_t{background:url(images/relk_bg.gif) repeat-x left bottom;padding:10px 20px;height:32px;}
.relk_t h4{text-transform:uppercase;font-size:28px;color:#828282;font-family:Aparajita,"Times New Roman", Times, serif;}
.relk_t h4 span{font-size:16px;color:#222;padding-left:10px;}
.relk_t .more{color:#444;display:inline-block;padding-top:5px;font-size:14px;font-family:Arial, Helvetica, sans-serif;}
.relk_m{height:200px;padding:10px 0 0 7px;}
.relk_m a{display:inline-block;padding:0 13px;color:#444;line-height:26px;}