@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; }
li{ text-decoration:none; list-style:none;}
a{ text-decoration:none; color:#848484;cursor:pointer; }
a:hover{color:#d97712 !important;}
img{border:none;}
body{color:#848484; font-size:14px;font-family:Arial; background:#fff; word-wrap:break-word; }
.clear {clear:both;height:0; font-size:0; line-height:0;  }

table tbody tr td{text-align: center!important;}
table tbody tr td span{text-align: center!important;}
.products-detailed tr td p{text-align: center!important;}
.products-detailed table{border-collapse:collapse;}
.products-detailed tr td{border: 1px solid #bbb;text-align:center!important;height:40px;line-height:40px;}
/*********************************  通用  ***************************************/
.Universal{ width:1200px; height:auto; margin:0 auto;}
/*********************************  头部  ***************************************/
.zh-top{ position:absolute; top:7px; right:50%; margin-right:-595px; height:12px; width:100px; text-align:right}
.zh-top img{ width:23px; height:12px; margin-left:10px;}
.header{ width:1200px; height:94px; margin:0 auto;}
.logo{ width:182px; float:left; display:inline; height:72px; padding:10px 0 0 0;}
.logo_txt{ width:495px; height:auto; float:left; color:#464646; font:600 15px/26px "微软雅黑"; padding:20px 0 0 0;letter-spacing: 0.6px;}
.logo_txt a{color:#464646;}
.logo_txt .p1{letter-spacing:10px;font-size:27px;}
.logo_txta{ width:310px; height:30px; float:right;font:14px/26px Arial; padding:20px 0 0 0}
.logo_txta span{ color:#d97712}
.search_form{ width:150px; height:27px; border:1px solid #dadada; float:right; border-radius:8px; margin:30px 0 0 0}
.search_form input{ width:125px; height:27px; color:#181617; font:14px/27px Arial; border:none; background:none;}
.search_form .btn{ width:20px !important; height:31px; float:right; background:url(../Images/search.png) no-repeat; cursor:pointer; background:url(../Images/search.jpg) no-repeat 0 5px;}
/*********************************  导航  ***************************************/
.nav{ width:100%; height:45px; background:url(../Images/navbg.jpg) repeat-x;text-align:center;}
.nav a{ color:#e3e3e3; display:inline-block; height:45px;padding:0 23px;font:16px/45px Arial;}
.nav a:hover,.nav a.on {color:#e3e3e3 !important; background:#d97712}
/*********************************  底部  ***************************************/
.footer-div{width:100%; height:auto; background:#181617 url(../Images/footerbg.jpg) repeat-x; color:#414141; padding:24px 0 20px 0;}
.footer{ width:1200px; height:auto; margin:0 auto}
.footer-left{ width:680px; height:auto; float:left; line-height:27px; color:#c7c7c7}
.footer-left img{ display:block;  margin-bottom:15px;}
.footer-right{ width:215px; float:right; height:auto;}
.footer-right .dh{ height:30px; line-height:30px; color:#c7c7c7; padding:0px 0 10px 0}
.footer-right ul{ width:215px; height:auto;}
.footer-right ul li{ width:55px; height:55px; float:left; margin:0 0 0 24px;position:relative}
.footer-right ul li a{ display:block; height:55px; background-image:url(../Images/footer.png); background-repeat:no-repeat;}
.footer-right ul li a:hover{background-image:url(../Images/footera.png); background-repeat:no-repeat;}
.footer-right ul li .p1{ background-position:left top;}
.footer-right ul li .p2{ background-position:-78px top;}
.footer-right ul li .p3{ background-position:-156px top;}
.footer-right ul li span{ width:134px; height:134px; position:absolute; bottom:55px; right:0; display:none}
.footer-right ul li span img{ width:134px; height:134px;}
.footer-right ul li:hover span{ display:block}
/*********************************  首页  广告  ***************************************/
.ad_bj{width:100%; height:484px; position:relative; margin-bottom:34px;}
.ad {width:100%;height:484px; overflow:hidden;}
.ad li {width:100%; height:484px; }
.ad li a {display:block; width:100%; height:484px;}
.ad_bj #pagination{width:54px;position:absolute;top:465px; z-index:9900;right:50%; margin-right:-27px;}
.ad_bj #pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin:0 2px; border-radius:5px; background:#484848 }
.ad_bj #pagination li a { display:block;  height:8px;text-indent:-9999px;}
.ad_bj #pagination li.current { background:#e7312d}
/********************************* 公司简介  ***************************************/
.Profile-dh{height:70px; text-align:center; font:40px/70px Arial; color:#181617; line-height:70px;}
.Profile-dh span{ color:#d97712; font-size:28px;}
.Profile-dh img{ vertical-align:middle; margin:-4px 15px 0 15px;}
.Profile-dh a{ color:#9a9a9a; font-size:14px;}
.Profile-txt{ padding:0 125px 0 125px; color:#848484; font:14px/30px Arial; overflow:hidden; height:60px; margin:0 0 22px 0;}
.Profile-vedio{ width:303px; height:287px; float:left; margin:0 0 35px 100px;}
.Profile-p{ width:303px; height:287px; position:relative; float:left; margin:0 0 0 45px; overflow:hidden}
.Profile-p span{ position:absolute; top:0; left:0;width:303px; height:287px; line-height:287px; text-align:center; font-size:20px; font-family:Arial; color:#fff}

.Profile-ad{ width:100%; height:235px; overflow:hidden}
.Profile-dha{ height:45px; font:25px/45px Arial; color:#181617; border-bottom:1px solid #cecece; padding:10px 0 0 0}
.Profile-nav{ width:110px; height:auto; float:left; padding:10px 0 0 0}
.Profile-nav a{ display:block; height:28px; border-bottom:1px solid #f1f1f1; font:600 14px/28px Arial; color:#6c6468; text-align:center;overflow:hidden;}
.Profile-nav a:hover,.Profile-nav a.on{ color:#d97712 !important}
.Profile-right{ width:1036px; height:auto; float:right; margin:40px 0 60px 0}
.Profile-detailed{ width:1036px; overflow:hidden;line-height:30px; height:auto; color:#848484}

.Profile-list{ width:490px; height:352px; float:left; text-align:center; line-height:30px; overflow:hidden; margin:10px 0 10px 0}
.Profile-list img{ display:block;width:490px; height:312px; margin-bottom:10px;}
.Profile-lista{ float:right !important}
/********************************* 新闻中心 ***************************************/
.index-news{ width:550px; height:auto; float:left;}
.index-news img{ width:214px; height:142px; float:left; display:block; margin:12px 0 0 50px;}
.index-news ul{ width:260px; height:auto; float:right; padding:8px 0 0 0}
.index-news ul li{ height:30px; line-height:30px; overflow:hidden; color:#848484}
.index-news ul li a{color:#848484}
.index-news-dh{ height:30px; font:25px/30px Arial;color:#181617; margin-bottom:5px;}
.index-news-dh a{ color:#181617}
.index-hz{ width:548px; float:right; height:auto; border-left:1px solid #eeeeee; padding:0 0 10px 58px; margin:0 0 46px 0}
.index-hz .txt{ color:#848484; line-height:26px; height:78px; overflow:hidden}
.index-hz ul{ width:544px; height:auto; padding:10px 0 0 0}
.index-hz ul li{ width:272px; height:auto; float:left; font-size:25px; color:#d97712}
.index-hz ul li span{ color:#848484; display:block; font-size:14px; font-weight:bold; padding:10px 0 15px 0}

.news-right{ width:1036px; height:auto; float:right; margin:40px 0 60px 0}
.news-list{ width:1036px; height:auto; border-bottom:1px solid #ececec; padding:8px 0 30px 0; margin-bottom:12px;}
.news-list img{ width:214px; height:142px; float:left; display:block; margin:0 20px 0 0}
.news-list .dh{ font:16px/30px Arial; color:#e3332c; height:30px; overflow:hidden; padding:10px 0 0 0; margin-bottom:10px;}
.news-list .dh a{color:#d97712;}
.news-list .txt{ height:60px; line-height:30px; overflow:hidden; color:#848484}
.news-list .more{ height:25px; line-height:25px; overflow:hidden; text-align:right; font-size:12px;}
.news-list .more a{ color:#848484}
.news-title{ color:#d97712; height:auto; font:20px/30px Arial; text-align:center; padding:10px 0 8px 0; border-bottom:1px solid #ececec;}
.news-date{ height:35px; line-height:35px; font-size:12px; text-align:right; color:#a4a4a4}
.news-detailed{ padding:30px 65px 70px 65px; height:auto; line-height:30px;}
/********************************* 客户见证 ***************************************/
.index-Customer-div{ width:100%; height:auto; margin-bottom:45px; background-color:#f6f6f6; padding:0 0 40px 0}
.index-Customer-dh{ width:662px; height:auto; margin:0 auto; font:16px/26px Arial; text-align:center; color:#d97712; padding-bottom:45px;}
.index-Customer-dh span{ display:block; font-size:25px; color:#181617;border-bottom:1px solid #181617; padding:27px 0 8px 0; margin-bottom:5px;}
.index-Customer-left{ width:237px; height:auto; float:left; margin:0 0 0 152px;}
.index-Customer-p{ position:relative;width:227px; height:192px; float:left; margin:0 0 10px 10px;}
.index-Customer-p img{width:227px; height:192px; display:block}
.index-Customer-pa{position:relative;width:422px; height:393px; float:left; margin:0 0 10px 10px;}
.index-Customer-pa img{width:422px; height:393px;}
.index-Customer-post{ width:100%;position:absolute; bottom:0; left:0; height:33px; text-align:center; overflow:hidden; font:14px/33px Arial; color:#fff !important; background:#d97712; z-index:3; display:none; opacity:0.8}

.Customer-list{ width:356px; height:auto; float:left; margin:35px 22px 10px 22px}
.Customer-list img{width:356px; display:block; height:300px; margin-bottom:6px;}
.Customer-list .dh{ height:35px; text-align:center; overflow:hidden; font:16px/35px Arial;}
.Customer-list .dh a{ color:#d97712;}
.Customer-list .txt{ height:90px; line-height:30px; overflow:hidden}
.Customer-list .more{ height:30px; line-height:30px; text-align:center}
.Customer-list .more a{ color:#848484}
.Customer-title{ color:#d97712; height:auto; font:20px/30px Arial; text-align:center; padding:40px 0 8px 0; border-bottom:1px solid #ececec;}
.Customer-detailed{ padding:30px 0 70px 0; height:auto; line-height:30px;}
/********************************* 客户见证 ***************************************/
.index-app-dh{ height:45px; border-bottom:1px solid #d4d4d4; font:25px/45px Arial; color:#181617; margin-bottom:19px;}
.index-app-dh a{color:#181617}
.index-app-dh b{ font-size:14px; color:#848484; font-weight:normal; padding:0 0 0 15px;}
.index-app-dh span{ display:block; float:right; font:14px/45px Arial; color:#848484}
.index-app-list{ width:231px; height:auto; float:left; line-height:26px; margin:0 0 40px 11px;text-align:center}
.index-app-list img{ width:231px; height:218px; display:block; margin-bottom:15px;}
.index-app-list p{ height:26px; overflow:hidden}
.index-app-list a{ color:#181617}
/********************************* 产品展示 ***************************************/
.products-nav{ height:auto; font:14px/22px Arial; text-align:center; margin-bottom:19px;}
.products-nav a{ color:#181617; padding:0 10px;word-break:normal;display:inline-block;}
.products-nav a:hover{ color:#181617}
.products-p{ position:relative;width:393px; height:369px; float:left; margin:0 0 10px 10px;}
.products-p img{width:393px; height:369px; display:block}
.products-pa{position:relative;width:192px; height:180px; float:left; margin:0 0 10px 10px;}
.products-pa img{width:192px; height:180px;}
.products-post{ width:100%;position:absolute; bottom:0; left:0; height:48px;line-height:22px; font-size:12px;color:#fff !important; background:#d97712; z-index:3;color:#fff; padding:5px 0 0 0; display:none; opacity:0.8}
.products-post p{ height:22px; overflow:hidden; padding:0 10px;}
.products-post span{ font-size:14px; font-family:Arial}
.products-post a{ color:#fff !important}

.products-dl{ width:248px; float:left; height:auto; margin:0 0 60px 0}
.products-dl dt{ height:42px; background:#d97712;  font:600 14px/42px Arial; padding:0 8px 0 8px;word-break:normal;overflow:hidden;}
.products-dl dt a{ display:block; color:#fff !important}
.products-dl dd{ width:248px; height:auto; background:#f2f2f2}
.products-dl dd a{ display:block; height:auto; border-bottom:1px solid #e5e5e5; line-height:25px;color:#686767; padding:5px 10px 5px  10px;overflow:hidden;}
.products-right{ width:952px; height:auto; float:left; margin:20px 0 30px 0;}
.products-list{ float:left;width:395px; height:auto; margin:23px 0 0 78px;}
.products-list img{ width:393px; height:369px; border:1px solid #dadada; display:block; margin-bottom:5px;}
.products-list span{ height:40px; display:block; font:14px/40px Arial; text-align:center;word-break:normal; overflow:hidden}
.products-list a{ color:#868484}
.products-list a:hover img{border:1px solid #d97712; }

.products-detailed{ width:1200px; height:auto; line-height:30px; padding:35px 0 0 0;}
.products-detailed .dh{ font:600 20px/40px Arial; height:40px; color:#d97712;}
.products-v{ width:231px; height:258px; float:left; line-height:40px; overflow:hidden; text-align:center; color:#181617; margin:0 0 0 10px;}
.products-v img{ width:231px; height:218px; display:block; margin-bottom:8px;}
.products-title{ font:25px/35px Arial; border-bottom:1px solid #cecece; padding:35px 0 0 0; margin-bottom:24px;}
.products-title b{ font-family:Arial; color:#d97712}
.products-title a{ float:right; display:inline-block; font:14px/35px Arial; color:#848484; background:url(../Images/fh.jpg) no-repeat 0 center; padding:0 0 0 20px;}

.products-page{ width:76px; height:auto; position:fixed; bottom:205px; right:0;}
.products-page li{ width:76px; height:60px; background:#cecece; line-height:30px; text-align:center}
.products-page li a{ display:block; height:56px; color:#fff !important; padding:4px 0 0 0}
.products-page li:hover,.products-page li.on{ background:#e3332c}
.products-page .a1{ background:url(../Images/prob.png) no-repeat center 30px;}
.products-page .a2{ background:url(../Images/proa.png) no-repeat center 8px; padding:30px 0 0 0; height:30px; font-size:12px;}
.products-page .a3{ background:url(../Images/pro.png) no-repeat center 30px;}
/********************************* 翻页栏  ***************************************/
.Page{ height:30px;  padding:30px 0 30px 0;text-align:center;}
.Page a{ display:inline-block; height:28px;line-height:28px;padding:0 8px; color:#848484; margin:0 3px; background:#e8e8e8}
.Page a:hover,.Page a.on{color:#fff !important;background:#d97712}
/********************************* 联系我们 ***************************************/
.contacts{ width:900px; height:auto; margin:0 auto; color:#848484; line-height:32px; padding:50px 0 50px 0}
.contacts-dt{ width:100%; height:586px;}
/********************************* 视频 ***************************************/
.video-dh{ font:25px/60px Arial; height:60px; text-align:center; color:#181617; margin-bottom:30px; margin-top:15px;}
.video{ width:941px; height:482px; margin:0 auto;}
.video-gd{width:941px;height:auto;margin:0 auto;padding:100px 0 150px 0;}
.video-gd .preva{width:30px;height:165px;float:left;display:block;background:url(../Images/vedioleft.jpg) no-repeat left center; cursor:pointer}
.video-gd .nexta{width:30px;height:165px;float:left;display:block;background:url(../Images/vediolefta.jpg) no-repeat right center;cursor:pointer}
.video-gd .center {width:880px;height:165px;overflow:hidden;position:relative;float:left;}
.video-gd .vp_list{width:254px;height:165px;float:left;display:inline;overflow:hidden;margin:0 19px; position:relative}
.video-gd .vp_list img{width:254px; height:165px;}
.video-gd .vp_list a{ color:#333333;}
.video-gd .vp_list span{ position:absolute; left:0; bottom:0;display:block;width:254px; height:31px; line-height:31px; background:url(../Images/a.png) no-repeat; font:12px/31px Arial; color:#fff; text-align:center; overflow:hidden}
/********************************* 加入我们 ***************************************/
.join-nav{ height:37px;text-align:center; padding:50px 0 0 0}
.join-nav a{ display:inline-block; height:37px; width:178px; text-align:center; color:#fff; line-height:37px; font-family:Arial; margin:0 10px; background:#181617}
.join-nav a:hover,.join-nav a.on{ background:#d97712; color:#fff !important}
.join-div{width:1250px; height:auto; padding:30px 0 0 0}
.join-list{ width:330px; height:200px; float:left; margin:20px 50px 30px 0; background:#f0f0f0; padding:10px 10px 0 24px; overflow:hidden; font:14px/35px Arial; color:#333333}
.join-list .p{ height:35px; overflow:hidden}
.join-list span{ color:#a8a8a8; font-weight:bold}
.join-list a{ color:#d97712}
.join-list .more{ width:132px; height:32px;float:right; text-align:center; font:12px/30px Arial; margin-top:10px;}
.join-list .more a{ color:#a7a7a7; display:block; height:30px; border:1px solid #a7a7a7;border-radius:3px;}
.join-list .more a:hover{color:#e3332c !important;border:1px solid #e3332c;}
.join-dh{ width:980px; height:77px; background:#f0f0f0; text-align:center; color:#d97712; font:600 20px/77px Arial; margin:50px auto 0 auto}
.join-detailed{ width:890px; height:auto; margin:0 auto; line-height:30px; overflow:hidden; padding:30px 0 60px 0}
.join-more{ width:126px; height:30px; margin:0 auto 70px auto; font:12px/30px Arial; background:#181617; border-radius:3px; text-align:center;}
.join-more a{ color:#fff !important; display:block; height:30px;}
.join-title{width:940px; height:67px; background:#f0f0f0;margin:50px auto 0 auto; color:#999999; font:12px/30px Arial; padding:10px 20px 0 20px;}
.join-title span{ display:block; height:30px; font:600 20px/30px Arial; color:#d97712}
.join-title a{ float:right; display:block; width:86px; height:30px; background:#fff url(../Images/rc.jpg) no-repeat 18px center; font:14px/30px Arial; padding:0 0 0 46px; color:#181617; margin-top:12px;}
.join-fh{ width:980px; height:30px;margin:0 auto 70px auto; }
.join-fh a{ width:126px;display:inline-block; height:30px;font:12px/30px Arial; background:#181617; border-radius:3px; text-align:center;color:#fff !important; margin:0 20px 0 0}
.join-fh a.on{ background:#d97712}
/********************************* 产品详细页多图展示 ***************************************/
.products-img{ float:left; width:415px; height:390px; margin:0 0 0 270px;}
.products-img img{width:415px; height:390px;}
.carousel-01 {width:104px; float:right; height:390px; margin:0 270px 0 0}
.carousel-01 .prev , .carousel-01 .next {height:30px;width:104px;overflow:hidden;display:block;}
.carousel-01 .prev { background:url(../Images/proleft.jpg) no-repeat center top}
.carousel-01 .next { background:url(../Images/prolefta.jpg) no-repeat center bottom}
.carousel-01 .prev:hover { background:url(../Images/prorighta.jpg) no-repeat center top}
.carousel-01 .next:hover {background:url(../Images/proright.jpg) no-repeat center bottom}
.jCarouselLite-01 { width:104px; height:330px !important;overflow:hidden;/*必要元素*/}
.jCarouselLite-01 li{height:98px;width:104px;text-align:center; margin-bottom:12px;}
.jCarouselLite-01 li img{height:96px;width:102px;border:1px solid #dadada;}
.jCarouselLite-01 li img:hover{border:1px solid #e3332c;}
/*********************************友情 媒体  ***************************************/
.Links{height:auto; padding:10px 0 10px 0; width:100%; background:#f6f6f6;color:#848484; line-height:26px;}
.Links a{ color:##848484; padding:0 0 0 15px;}
.Links span{ font-weight:bold; font-size:16px; color:#333}