@charset "UTF-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; width:100%; height:460px;}
.banner h5{ font-size:24px; font-weight:normal; text-align:center; margin-top:65px; color:#fff;}
.banner h3{ font-size:60px; color:#fff; text-align:center; font-family:'汉仪菱心体简'; font-style:italic; margin-top:-20px;}
.banner h3 b{ font-size:100px; color:#ffb452;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 177, 85, 1)));-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.banner em{ display:block; font-size:14px; text-align:center; color:#486593; margin-top:-10px; margin-bottom:15px;}
.banner .wen{ display:block; width:400px; margin:0 auto; height:60px; background:url("Img/Index/banner_01.png") no-repeat center; margin-bottom:20px;}
.banner span{ display:block; text-align:center; font-size:14px; color:#fff; margin-bottom:22px;}
.banner h4{ font-size:22px; color:#fff; text-align:center;}
.banner a{ display:block; width:208px; height:53px; text-align:center; line-height:53px; background:url("Img/Index/banner_02.png") no-repeat center; margin:0 auto; font-size:18px; color:#fff;}
#flashs{ position:relative; height:460px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ overflow:hidden; width:96px; position:absolute; z-index:100; left:50%; bottom:35px; margin-left:-48px;}
#flashs .btn span{ display:block; float:left; width:10px; height:10px; margin:0 7px; background:url("Img/Index/banner_btn.png") no-repeat right center; cursor:pointer;}
#flashs .btn span.cur{ background:url("Img/Index/banner_btn.png") left center;}

/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
/*link*/
.link{ overflow:hidden; width:100%; padding:25px 0; background-color:#242424;}
.link h3{ font-size:14px; font-weight:normal; float:left}
.link h3 a{ color:#ee3119;}
.link h3 p{ font-size:14px; color:#fff; opacity:0.4; filter:alpha( opacity=0.4);}
.link ul{ overflow:hidden; float:right; width:1100px;}
.link li{ float:left; font-size:12px; margin:5px 0; padding:0 40px; border-right:1px dotted #505050;}
.link li a{ color:#fff;}

/*品牌*/
.pinpai { overflow:hidden; margin-top:50px; margin-bottom:50px;}
.pinpai h3{ font-size:24px; text-align:center; font-weight:normal; margin-bottom:5px;}
.pinpai h3 a{ color:#333;}
.pinpai span{ display:block; text-align:center; font-size:13px; color:#999; padding-bottom:15px; background:url("Img/Index/title_bg.png") no-repeat center bottom; margin-bottom:30px;}
.pinpai .ppBox{
	overflow: hidden;
	width: 100%;
	height: 280px;
	position: relative
}
.pinpai .ppBox ul{ overflow:hidden; position:absolute; width:1220px;}
.pinpai .ppBox li{ float:left; width:285px; height:220px; background-color:#fcfcfc; margin-right:20px;}
.pinpai .ppBox li img{ display:block; margin-bottom:30px;}
.pinpai .ppBox li .wen{ overflow:hidden; width:240px; margin:0 auto; margin-bottom:30px;}
.pinpai .ppBox li p{ width:50%; float:left; font-size:13px; color:#666; line-height:24px;}
.pinpai .ppBox li p a{font-weight:bold}
.pinpai .ppBox li .more{ display:block; width:129px; height:35px; margin:0 auto;}

/*pro*/

.pro { overflow:hidden; width:100%; background-color:#f6f6f6; padding:50px 0;}

.proLeft{ overflow:hidden; width:230px; height:855px; background-color:#fff; float:left;}
.proLeft h3{ font-size:18px; font-weight:normal; padding-left:30px; border-left:4px solid #b20000; padding-top:20px; padding-bottom:15px; background-color:#ee3119; margin-bottom:15px;}
.proLeft h3 p{ font-size:12px; color:#f25f4c;}
.proLeft h3 a{ color:#fff;}
.proLeft .menu{ overflow:hidden; width:170px; margin:0 auto; margin-bottom:15px;}
.proLeft .menu li{ background:url("Img/Index/pro_s.png") no-repeat left center; font-size:13px; padding-left:15px; line-height:33px;}
.proLeft .menu li a{ color:#666;}
.proLeft .menu li:hover { background:url("Img/Index/pro_scur.png") no-repeat center left;}
.proLeft .menu li:hover a{ color:#ff543d;}
.proLeft .phone{ padding-left:20px; border-left:4px solid #b20000; padding-top:20px; background-color:#ee3119; overflow:hidden;}
.proLeft h4{ background:url("Img/Index/pro_phone.png") no-repeat left center; margin-bottom:21px; padding-left:40px;}
.proLeft h4 p{ font-size:12px; color:#fff;}
.proLeft h4 em{ display:block; font-size:22px; color:#fff; font-family:Arial;}
.proLeft h5{ font-size:14px; color:#fff;}
.proLeft .phone b{ font-weight:normal; font-size:14px; color:#fff; display:block;}
.proLeft .phone span{ display:block; font-size:12px; color:#f25f4c; margin-bottom:14px; font-family:Arial}

.proRight { overflow:hidden; float:right; width:950px; background-color:#fff; height:855px;}
.proRight .menu{ overflow:hidden; width:100%; height:78px; margin-bottom:50px;}
.proRight .menu li{ float:left; width:33.33333%; *width:33.3%; height:78px; line-height:78px; text-align:center; font-size:16px;}
.proRight .menu li a{ color:#fff; text-decoration:none;}
.proRight .menu .li01{ background-color:#afafaf;}
.proRight .menu .li02{ background-color:#999999;}
.proRight .menu .li03{ background-color:#838383;}
.proRight .menu li:hover , .proRight .menu li.cur{ background-color:#ee3119;}
.proRight .proBox{ overflow:hidden; width:890px; margin:0 auto; height:727px; position:relative;}
.proRight .proListBox{ overflow:hidden; width:890px; height:727px;}
.proRight dl{ overflow:hidden; width:100%; height:345px; border-bottom:1px solid #ccc; margin-bottom:40px;}
.proRight dt{ float:left; width:350px; text-align:center;}
.proRight dd{ overflow:hidden; width:490px; float:right;}
.proRight dd h4{ font-size:24px;}
.proRight dd h4 a{ color:#666}
.proRight dd span{ display:block; font-size:14px; color:#d9d9d9; margin-bottom:28px;}
.proRight dd em{ display:block; width:105px; height:30px; border:1px solid #ccc; text-align:center; line-height:30px; font-size:14px; color:#333; margin-bottom:12px;}
.proRight dd p{ font-size:13px; color:#666; margin-bottom:30px;line-height: 28px;}
.proRight dd>a { display:block; float:left; width:178px; height:50px; line-height:50px; text-align:center; font-size:13px; color:#fff; margin-right:5px; text-decoration:none;}
.proRight dd>a img{ position:relative; left:-5px; top:5px;}
.proRight dd .btn01{ background-color:#ee3119;}
.proRight dd .btn02{ background-color:#005bae;}
.proRight .proList{ overflow:hidden; width:100%; height:310px; position:relative}
.proRight .proList ul{ overflow:hidden; position:absolute}
.proRight .proList li{ float:left; width:284px; height:310px; margin-right:19px;}
.proRight .proList .tu{ display:block; text-decoration:none; width:280px; height:255px; border:2px solid #f0f0f0; border-bottom:none;}
.proRight .proList .tu img{ display:block; margin-bottom:30px;}
.proRight .proList .tu p{ text-align:center; font-size:15px; color:#5b5b5b;}
.proRight .proList .btna{ display:block; width:50%; height:53px; line-height:53px; text-align:center; font-size:13px; color:#fff; float:left;}
.proRight .proList .btna img{ position:relative; left:-5px; top:5px;}
.proRight .proList .prozx{ background-color:#ee3119;}
.proRight .proList .proxq{ background-color:#9a9a9a;}

/*理由*/
.liyou{ overflow:hidden; margin-bottom:50px;}
.liyou h4{ font-weight:normal; text-align:center; margin-top:50px; color:#333;  font-size:24px; margin-bottom:5px}
.liyou h3{ font-size:26px; color:#e60012; text-align:center;}
.liyou>span{ display:block; text-align:center; font-size:13px; color:#999; padding-bottom:15px; background:url("Img/Index/title_bg.png") no-repeat center bottom; margin-bottom:30px;}
.liyou .menu{ overflow:hidden; width:100%; height:78px;}
.liyou .menu li{ cursor:pointer; float:left; width:25%; height:78px;}
.liyou .menu li p{ font-size:20px; color:#fff; padding-left:115px; margin-top:20px;}
.liyou .menu li em{ font-size:12px; color:#fff; display:block; opacity:0.5; filter:alpha(opacity=0.5)}
.liyou .menu .li01{ background:url("Img/Index/liyou01.png") no-repeat 65px center; background-color:#ababab;}
.liyou .menu .li02{ background:url("Img/Index/liyou02.png") no-repeat 65px center; background-color:#9a9a9a;}
.liyou .menu .li03{ background:url("Img/Index/liyou03.png") no-repeat 65px center; background-color:#888888;}
.liyou .menu .li04{ background:url("Img/Index/liyou04.png") no-repeat 65px center; background-color:#777777;}
.liyou .menu .cur{ background-color:#ee3119;}
.liyou .liyouBox{ overflow:hidden; width:1196px; border:2px solid #f6f6f6; position:relative; height:335px; border-top:none;}
.liyou .liyouBox ul{ overflow:hidden; width:4784px; height:335px; position:absolute; left:0; top:0}
.liyou .liyouBox li{ float:left; width:1196px; height:335px; overflow:hidden;}
.liyou .liyouBox li img{ display:block; float:left;}
.liyou .liyouBox li .wen{ overflow:hidden; width:600px; float:right; margin-top:75px;}
.liyou .liyouBox li h5{ font-size:30px; color:#535353; width:570px;}
.liyou .liyouBox li b{ font-weight:normal; display:block; font-size:18px; color:#696969; margin-bottom:45px;}
.liyou .liyouBox li p{ font-size:13px; color:#666; line-height:34px; background:url("Img/Index/liyou_x.jpg") no-repeat left center; padding-left:15px;}

/*荣誉资质*/
.ryzz{ overflow:hidden; width:100%; height:434px; background:url("Img/Index/ryzzBg.jpg") no-repeat center;}
.ryzz h3{ text-align:center; font-weight:normal; font-size:24px; margin-top:45px;}
.ryzz h3 a{ color:#333;}
.ryzz>span{ display:block; text-align:center; font-size:13px; color:#999; padding-bottom:15px; background:url("Img/Index/title_bg.png") no-repeat center bottom; margin-bottom:30px;}
.ryzz .ryBox{ overflow:hidden; width:1320px; margin:0 auto; height:245px; position:relative}
.ryzz .ryBox span{ display:block; width:39px; height:39px; cursor:pointer; position:absolute; top:72px; z-index:2}
.ryzz .ryLeft{ left:40px; background:url("Img/Index/0002.png") no-repeat center bottom;}
.ryzz .ryRight{ right:40px; background:url("Img/Index/0001.png") no-repeat center bottom;}
.ryzz .ryBox span:hover{ background-position:top}
.ryzz .ryWin{ overflow:hidden; width:1200px; height:245px; position:relative; margin:0 auto;}
.ryzz .ryWin ul{ overflow:hidden; position:absolute;}
.ryzz .ryWin li{ float:left; width:285px; margin-right:20px;}
.ryzz .ryWin li img{ display:block; margin-bottom:10px;}
.ryzz .ryWin li p{ font-size:14px; color:#666; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*ad01*/
.ad01{ overflow:hidden; width:100%; height:220px; background:url("Img/Index/ad01_bg.jpg") no-repeat center;}
.ad01 .wen{ overflow:hidden; float:right; margin-top:50px;}
.ad01 .phone{ background:url("Img/Index/ad01_phone.png") no-repeat left center; padding-left:60px; margin-bottom:10px; float:right;}
.ad01 b{ display:block; font-weight:normal; font-size:14px; color:#fff;}
.ad01 em{ display:block; font-size:22px; color:#ee3119; font-family:Arial;}
.ad01 span{ font-size:14px; color:#fff; padding-left:68px;}
.ad01 span img{ position:relative; left:-5px; top:3px;}
.ad01 a{ display:block; width:190px; height:50px; background-color:#ee3119; text-align:center; line-height:50px; color:#fff; font-size:14px; margin-top:15px; float:right; text-decoration:none;}
.ad01 a img{ position:relative; left:-5px; top:5px;}

/*about*/
.about{ overflow:hidden; margin-top:50px; margin-bottom:50px;}
.about h3{ font-weight:normal; font-size:24px; text-align:center; margin-bottom:5px;}
.about h3 a{ color:#333;}
.about h4{ font-size:20px; font-weight:normal; text-align:center; color:#ee3119; margin-bottom:3px;}
.about>span{ display:block; text-align:center; font-size:13px; color:#999; padding-bottom:15px; background:url("Img/Index/title_bg.png") no-repeat center bottom; margin-bottom:30px;}
.about dl{ overflow:hidden; width:100%;}
.about dt{ overflow:hidden; float:left; border:10px solid #e6e6e6;}
.about dd{ overflow:hidden; width:570px; margin-top:25px; float:right;}
.about dd h5{ font-size:18px;}
.about dd h5 a{ color:#ee3119;}
.about dd em{ font-size:16px; color:#4a4a4a; display:block; margin-bottom:35px;}
.about dd p{ font-size:12px; color:#8a8a8a; line-height:24px; height:96px; overflow:hidden; text-align:justify; margin-bottom:40px;}
.about dd .btn{ display:block; width:190px; height:50px; background-color:#ee3119; text-align:center; line-height:50px; font-size:14px; color:#fff; text-decoration:none;}
.about dd .btn img{ position:relative; left:-5px; top:5px;}

/*show*/
.show{ overflow:hidden; width:100%; padding:45px 0; background-color:#f6f6f6;}
.show h3{ font-weight:normal; text-align:center; font-size:24px; margin-bottom:5px;}
.show h3 a{ color:#333;}
.show>span{ display:block; text-align:center; font-size:13px; color:#999; padding-bottom:15px; background:url("Img/Index/title_bg.png") no-repeat center bottom; margin-bottom:30px;}
.show .showBox{ overflow:hidden; width:1200px; margin:0 auto; height:258px; position:relative}
.show .showBox ul{ overflow:hidden; position:absolute;}
.show .showBox li{ float:left; width:285px; height:258px; margin-right:20px; background-color:#fff; position:relative}
.show .showBox li img.tu{ display:block; margin:0 auto; margin-top:10px; margin-bottom:20px;}
.show .showBox li a{ display:block; text-decoration:none;}
.show .showBox li p{ font-size:13px; color:#666; text-align:center;}
.show .showBox li .more{ display:block; position:absolute; right:0; bottom:0;}
.show .showBox li:hover{ background-color:#ee3119;}
.show .showBox li:hover p{ color:#fff;}

/*news*/
.news{ overflow:hidden; margin:50px auto;}
.news .newsLeft{ overflow:hidden; width:214px; float:left;}
.news .newsLeft .menu{ width:208px; margin-bottom:45px; padding-right:6px;}
.news .newsLeft li{ *float:left; width:150px; height:70px; background-color:#999; position:relative; border-left:4px solid #7a7a7a; margin-bottom:1px; padding-left:54px;}
.news .newsLeft li a{ text-decoration:none; display:block; font-size:16px; color:#fff; font-weight:bold; padding-top:22px;}
.news .newsLeft li p{ font-size:12px; color:#fff; opacity:0.8; filter:alpha(opacity=0.8)}
.news .newsLeft li img{ display:none; position:absolute; right:-6px; top:27px;}
.news .newsLeft li.cur,.news .newsLeft li:hover{ background-color:#ee3119; border-left:4px solid #b20000;}
.news .newsLeft li.cur img,.news .newsLeft li:hover img{ display:block;}
.news .newsLeft .phone{ background:url("Img/Common/f_phone.png") no-repeat left center; padding-left:47px; margin-bottom:15px;}
.news .newsLeft .phone p{ font-size:12px; color:#666;}
.news .newsLeft .phone h4{ font-size:22px; color:#ee3119; font-weight:normal; font-family:Arial;}
.news .newsLeft .btn{ display:block; width:187px; height:44px; text-align:center; line-height:44px; border:2px solid #999; font-size:14px; color:#666; text-decoration:none;}
.news .newsLeft .btn img{ position:relative; left:-5px; top:6px;}
.news .newsBox{ float:left; margin-left:8px; overflow:hidden; width:613px; height:410px; background-color:#fbfbfb; position:relative;}
.news .newsList{ overflow:hidden; width:613px; height:410px;}
.news .newsList img{ display:block; margin-bottom:17px;}
.news .newsList h5{ font-size:14px; width:555px; margin:0 auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .newsList h5 a{ color:#ee3119}
.news .newsList p{ width:555px; margin:0 auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:12px; color:#999999; margin-top:10px; margin-bottom:15px;}
.news .newsList dl{ overflow:hidden; width:555px; margin:0 auto; border-top:1px dotted #ccc; height:59px;}
.news .newsList dt{ float:left; width:60px; text-align:center;}
.news .newsList dt span{ display:block; text-align:center; font-size:30px; color:#999;}
.news .newsList dt em{ display:block; text-align:center; font-size:12px; color:#666;}
.news .newsList dd{ line-height:59px; font-size:14px; color:#666; width:470px; float:right; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .wenda { overflow:hidden; width:350px; height:410px; float:right; background-color:#fbfbfb;}
.news .wenda .title{ overflow:hidden; width:346px; height:68px; border-left:4px solid #7a7a7a; background-color:#999; margin-bottom:20px;}
.news .wenda h3{ font-size:16px; float:left; margin-left:20px; margin-top:20px;}
.news .wenda h3 a{ color:#fff;}
.news .wenda h3 p{ font-size:12px; color:#b7b7b7; font-weight:normal; font-family:Arial;}
.news .wenda .more{ float:right; margin-top:30px; margin-right:25px; font-size:12px; color:#d9d9d9}
.news .wenda .wdBox{ overflow:hidden; width:100%; margin:0 auto; height:295px; position:relative;}
.news .wenda .wdList{ overflow:hidden; width:290px; padding:0 30px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #fff;}
.news .wenda h5{ font-size:14px; background:url("Img/Index/wen.png") no-repeat left center; padding-left:40px; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;}
.news .wenda h5 a{ color:#ee3119;}
.news .wenda .wdList p{ font-size:12p; color:#8a8a8a; line-height:18px; height:36px; background:url("Img/Index/da.png") no-repeat left top; padding-left:40px; overflow:hidden;}
.inliuyan{ overflow:hidden; width:1200px; height:566px; background-color:#fff; padding-top:75px; margin:0 auto;}
.inliuyan ul{ overflow:hidden; float:left; margin-left:70px; width:458px;}
.inliuyan li{ width:100%; overflow:hidden; *float:left; margin-bottom:7px;}
.inliuyan li input{ padding-left:78px; width:365px; padding-right:15px; height:64px; line-height:58px; font-size:12px; color:#999; border:none; outline:none}
.inliuyan li .name{ background:url("Img/Common/ly_name.png") no-repeat center top;}
.inliuyan li .company{background:url("Img/Common/ly_gongsi.png") no-repeat center top;}
.inliuyan li .email{ background:url("Img/Common/ly_email.png") no-repeat center top;}
.inliuyan li .phone{ background:url("Img/Common/ly_phone.png") no-repeat center top;}
.inliuyan li .zhuying{ background:url("Img/Common/002.png") no-repeat center top;}
.inliuyan li .xuqiu{ background:url("Img/Common/001.png") no-repeat center top;}
.inliuyan li span{ display:block; width:228px; height:64px; cursor:pointer; background:url("Img/Common/ly_btn.png") no-repeat center;}
.inliuyan .wen{ overflow:hidden; float:right; width:590px;}
.inliuyan h3{ font-size:30px; color:#f73921;}
.inliuyan em{ font-size:12px; color:#666; font-family:Arial; display:block; margin-bottom:30px;}
.inliuyan h4{ font-size:16px; width:530px; line-height:22px; margin-bottom:25px;}
.inliuyan h4 b{ color:#f73921;}
.inliuyan p{ font-size:16px; color:#666; margin-bottom:10px;}
.inliuyan .wem img{ display:block; float:right;}
.topadcs{width:100%; margin-bottom:0px;overflow:hidden; text-align:center;}
.topadcs a{display:block;margin:0 auto;height:300px;}