﻿@charset "utf-8";
/*globe*/
@import url('style.skins.css');

div, dl, dt, dd, ul, ol, li, form, input, textarea, select, p, h1, h2, h3, h4, h5, h6,font{ font: 12px/24px "微软雅黑","\5b8b\4f53",Arial,sans-serif;color:#666; padding:0; margin:0;}
em, i, del { font-weight:normal; font-style:normal;}
body{ background:#fff;color:#666; font: 12px/24px "微软雅黑","\5b8b\4f53",Arial,sans-serif;padding:0;margin:0; height:100%; position:relative;}
img { border:0;}

ol, ul { list-style:none;}
li{ float:left; _display:inline;}
a{color:#666;}
a:hover{color:#1186FF;}
.hidden{ display:none;}
.clear{zoom:1;}
/*public*/
.w960{ width:960px; margin:0 auto;}

.header{ position:absolute; width:100%; height:184px; left:0; top:0; background:url(../images/bg02.png) repeat-x; z-index:3;}
.header-head{ height:46px; font:12px/46px "微软雅黑",Arial;color:#c4c4c4;}
.header-head a{color:#e0e0e0;}
.header-head a.en{ font-size:10px;}
.header-head a:hover{ color:#fff;}
.head-search{ width:127px; height:20px; margin:14px 0 0 10px; padding-left:6px; background:url(../images/search_bg01.png) no-repeat; }
.head-search .txt{ float:left; width:102px; height:20px; background:none; border:none; font:12px/20px "微软雅黑"; color:#b4b4b3;}
.head-search .btn{ float:left; width:24px; height:20px; background:none; border:none; cursor:pointer;}


.header-menu{ position:relative; width:100%; height:60px; background:url(../images/bg_03.png) repeat-x;}
.header-menu-bg{ width:100%; position:absolute; right:50%; margin-right:400px; top:0; height:55px; background:url(../images/bg_04.jpg) repeat-x; overflow:hidden;}
.menu-son-bg{ position:absolute; width:100%; left:0; top:55px; height:0px; background:url(../images/bg_05.png) repeat; overflow:hidden;}
.menuleft-bg{ background:url(../images/bg_06.png) 90px 0 no-repeat;}

.menu-wrap{ position:relative; z-index:99;}
.menu{ width:651px; padding-top:7px;}
.menu ul li{ width:112px; margin-left:-10px; z-index:9;}
.menu ul li a{ display:block;padding:0 13px; height:53px;text-align:center; background:url(../images/menu_bg02.png) no-repeat 91px 22px; font:14px/44px "微软雅黑"; color:#fff;}
.menu ul li a:hover,.menu ul li a.hover{ background:url(../images/menu_bg01.png) no-repeat; color:#2e83c6;}
.menu ul li a.on{ background:url(../images/menu_bg01_on.png) no-repeat; color:#2e83c6;}
.menu ul li.nl a{background:url(../images/menu_bg02.png) no-repeat 97px 22px;}
.menu ul li.nl a:hover,.menu ul li.nl a.hover{background:url(../images/menu_bg03.png) no-repeat left top;}
.menu ul li.nl a.on{background:url(../images/menu_bg03_on.png) no-repeat  left top;}
.menu ul li .menuson{ width:1000px; position:absolute; left:0; top:55px; height:176px; display:none;overflow:hidden;}
.menu ul li .menuson-img{ width:110px; padding-top:5px; margin-left:197px; margin-top:25px;}
.menu ul li .menuson-nav{ width:350px; margin-left:30px; margin-top:25px;}
.menu ul li .menuson-nav a{ display:block; float:left; margin-right:32px; width:111px; height:23px; padding-left:5px; border-bottom:1px solid #597386; text-align:left; background:none; font:12px/22px "微软雅黑"; color:#95a5b1;}
.menu ul li .menuson-nav a:hover{ background:none; color:#d6dce1}
.menu ul li .menuson-con{ width:242px; height:118px; padding-left:30px; margin-top:25px; border-left:1px solid #587184; background:url(../images/menu_bg05.png) no-repeat 30px 0;}
.menu ul li .menuson-con p{ padding:9px 0 4px; font:bold 14px/24px "微软雅黑"; color:#cad1d7;}
.menu ul li .menuson-con span{ display:block; font:12px/14px Arial; color:#768a9b;}
.menu ul li .first{}


.footer{height:90px; }
.footernav{ color:#e5e5e5; font:11px/17px "微软雅黑",Arial;}

.footerLinks{ width:134px; height:26px; float:right;position:relative; z-index:45; background: url(../images/footerlink.jpg) no-repeat; cursor:pointer}
.linksList{ width:224px; padding:0 3px; left:1px; border:1px solid #e2e2e2; margin-bottom:none; position:absolute; bottom:26px; background:#fff; display:none;right:1px}
.linksList a{ display:inline-block; width:100%; line-height:16px; padding:3px 0; color:#8c8c8c}
.linksList a:hover{ color:#545C64}
.foootercopy{font:11px/17px "微软雅黑",Arial; text-align:right; line-height:22px;}
.foootercopy a{ color:#1186FF}

#backtop {bottom:85px;cursor: pointer;display: none;left: 50%;margin-left: 520px;position: fixed;width:48px; height:58px; z-index:999;_position:absolute; _bottom:100px;}

/**首页**/
.index-banner{ width:100%; margin:0 auto 35px; position:relative; height:620px; overflow:hidden; background:url(../images/plug/load.gif) no-repeat center;}
.index-banner ul{height:620px; left:0; top:0; position:absolute; z-index:0;}
.index-banner ul li{height:620px; overflow:hidden;}
.banner-bg{ width:100%; height:6px; left:0; bottom:0; background:url(../images/bg01.png) repeat-x; position:absolute; z-index:1}
.index-banner ul li a{ display:block; width:100%;height:620px;}
.ban-num{ position:absolute; width:1000px; left:50%; margin-left:-500px; bottom:12px; text-align:right;}
.ban-num span{ display:inline-block; _display:inline;margin-left:10px; width:12px; height:12px; background:url(../images/Sprites.gif) no-repeat -12px 0; overflow:hidden; cursor:pointer;}
.ban-num span.on{ background-position: 0 0;}

.index-main1{ width:1000px; margin:0 auto 50px; padding:0;}
.main1-box{ width:300px; height:248px; position:relative; overflow:hidden;}
.index-til{ font:bold 18px/22px "微软雅黑"; color:#1c8dee;}
.main1-con p{ line-height:22px; color:#404040;}
.main1-con a:hover p{ color:#666;}
.main1-box-bg{ position:absolute; width:600px; height:5px; left:-300px; bottom:0; background:url(../images/css_bg01.jpg) no-repeat; overflow:hidden;}

.index-main2-wrap{ width:100%; height:386px; margin:0 auto; border:1px solid #e9eaea; border-width:1px 0 1px 0; background:#fbfbfb; position:relative; overflow:hidden;}
.index-main2-bg{ position:absolute; width:100%; height:386px; top:0px; left:50%; margin-left:200px; background:#ebeef1; border-left:1px solid #e1e4e6; background:#ebeef1; overflow:hidden;}
.index-main2{ width:1000px; margin:0 auto; padding:33px 0;}
.main2-news{ width:298px;}
.main2-news ul{height:220px;}
.main2-news ul li{ width:100%; height:100px; margin-bottom:9px; border-bottom:1px solid #e1e1e1;}
.main2-news ul li span{ display:block; padding:3px 0 0 20px; font:bold 11px/20px Arial; color:#8292a1; background:url(../images/icon_01.jpg) no-repeat left 7px;}
.main2-news ul li h2{ font:bold 14px/26px "微软雅黑"; color:#1186ff;}
.main2-news ul li p{ color:#888; line-height:20px; height:40px; overflow:hidden;}
.main2-news ul li a:hover p{ color:#666;}
.index-more{ display:block; float:right; width:60px; height:28px; padding-top:8px; background:url(../images/css_bg02.png) no-repeat -61px 0; text-align:center;}
.index-more:hover{ background-position:0 0;}
.main2-bids{ width:277px;}
.main2-bids ul{ padding-top:3px; height:220px;}
.main2-bids ul li{ width:100%; margin-bottom:12px; line-height:20px;}
.main2-bids ul li span{ display:block; font:bold 11px/20px Arial; color:#8292a1;}
.main2-bids ul li a{ color:#555;}
.main2-bids ul li a:hover{ color:#5c7185;}

.main2-job{ width:290px; position:relative; z-index:1;}
.main2-job ul li{ width:50%; height:134px; float:left;}
.main2-job ul li img{width:138px; height:130px;}
.main2-job ul li a{ padding-left:17px; font:12px/24px "微软雅黑"; color:#545c64;}
.main2-job ul li a:hover{color:#5c7185;}
.main2-jobli{ height:150px;}
.index-til span{ padding-left:8px; font:11px/22px Arial; color:#757778;}

.main2-job .jiathis_style_24x24 .jtico{ background:url(../images/share.jpg) no-repeat;}
.main2-job .jiathis_style_24x24 .jtico_tsina{background-position: -3px 0;}
.main2-job .jiathis_style_24x24 .jtico_tqq{ background-position: -35px 0;}
.main2-job .jiathis_style_24x24 .jtico_douban{ background-position:-68px 0}
.main2-job .jiathis_style_24x24 .jtico_renren{ background-position:-98px 0}
.main2-job .jiathis_style_24x24 .jtico_qzone{ background-position:-128px 0}

/***内页**/
.inner-banner{ width:100%; height:460px;margin:0 auto; position:relative; background:url(../images/banner05.jpg) no-repeat center top; top:-30px;}
.ban-wrap{ width:960px;height:460px; margin:0 auto; position:relative;overflow:hidden;}
.ban-til{ position:absolute; width:400px; left:960px; top:220px; font:bold 30px/34px "微软雅黑"; color:#1c8dee; opacity:0;}
.ban-txt{ position:absolute; width:400px;left:960px; top:266px; font:14px/18px "微软雅黑";opacity:0;}
.ban-btn{ position:absolute;width:400px; left:960px; top:322px;opacity:0;}
.ban-btn a{ display:block;width:160px; height:35px; background:url(../images/bg_07.png) no-repeat 0 0; }
.ban-btn-icon{ position:absolute; left:120px; top:0; width:0; height:31px; background:url(../images/icon_02.jpg) no-repeat 0 0;}

.path{ width:1000px; margin:0 auto 16px;}
.path h1{ font:bold 24px/28px "微软雅黑"; color:#007ee4; padding-bottom:8px;}
.path h2,.path h2 a{ font:12px/20px "微软雅黑",Arial; color:#a6a6a6;}
.path h2 a:hover{ color:#007ee4;}
.path h2 span{ font-weight:bold; color:#666;}

/**集团介绍**/

.about-main1{ width:100%; height:235px; background:url(../images/bg_08.jpg) repeat-x; border-top:1px solid #e1e1e1;}
.about-til{font:bold 18px/22px "微软雅黑"; color:#666;}
.about-main1-four{ width:671px; height:135px; overflow:hidden;}
.about-main1-four dl dt{float:left; width:70px; height:135px;display:inline-block;_display:inline; cursor:pointer;}
.about-main1-four dl dt p{ padding-top:76px; text-align: center; font:bold 12px/24px "微软雅黑"; color:#6f6f70; }
.about-main1-four dl dt.eq0{  background:url(../images/about_bg01.gif) no-repeat center 39px #dfdfe0;}
.about-main1-four dl dt.eq1{ margin-left:1px; background:url(../images/about_bg02.gif) no-repeat center 39px #e5e5e4;}
.about-main1-four dl dt.eq2{ margin-left:1px;background:url(../images/about_bg03.gif) no-repeat center 39px #dfdfe0;}
.about-main1-four dl dt.eq3{  margin-left:1px;background:url(../images/about_bg04.gif) no-repeat center 39px #cccdce;}
.about-main1-four dl dt.hover p{ color:#444;}
.about-main1-four dl dd{ float:left; width:0px; height:102px; padding-top:33px; background:url(../images/bg_10.jpg) no-repeat left top #f7f7f7; overflow:hidden;}
.about-main1-four dl dd h2{ width:345px; padding:0 0 10px 25px; font:bold 18px/24px "微软雅黑";}
.about-main1-four dl dd h3{ font:12px/18px "微软雅黑"; color:#a0a0a0;width:345px; padding:0 0 0 25px;}
.about-main1-four dl dd a:hover h3{ color:#007ee4;}

.about-main1-pic{ width:270px;height:135px; position:relative;overflow:hidden;}
.about-main1-pic ul{ position:absolute; left:0; top:0; height:135px;}
.about-main1-pic ul li{width:270px; line-height:135px; }
.about-but_move { position:absolute; right:0; bottom:0; height:21px;}
.about-but_move span{ display:block; width:21px; height:21px; float:left; background:url(../images/about_bg05.png) no-repeat; cursor:pointer; overflow:hidden;}
.about-but_move span.prev01{ background-position: 0 0;}
.about-but_move span.next01{ background-position:-21px -21px;}

.about-main2-wrap{width:100%; margin:0 auto; border:1px solid #e9eaea; border-width:1px 0 1px 0; background:#fbfbfb;}
.about-main2-box { width:225px; height:270px; position:relative; overflow:hidden;}
.about-main2-img{ width:225px; height:130px; position:relative; overflow:hidden;}
.about-main2-more{ width:20px; height:20px; position:absolute;background:url(../images/about_bg06.jpg) no-repeat; right:-20px; bottom:0px; overflow:hidden;}
.about-main2-con p{ line-height:22px; color:#404040;}
.about-main2-con a:hover p{ color:#666;}
.about-main2-box-bg{ position:absolute; width:450px; height:5px; left:-225px; bottom:0; background:url(../images/css_bg01.jpg) no-repeat -45px 0; overflow:hidden;}

.about-main3-wrap{ width:100%; height:179px; padding-top:30px;background:url(../images/bg_09.jpg) repeat-x; border-bottom:1px solid #eaeaea;}
.about-main3{width:900px; height:78px; margin:0 auto; padding:36px 30px; background:#0384ce;}
.about-main3-con{ width:440px;}
.about-main3-con h4{ font:bold 14px/24px "微软雅黑"; color:#fff; padding-bottom:9px;}
.about-main3-con p{ font:11px/14px "微软雅黑"; color:#fff;}
.about-main3-more{ display:block; float:right; width:100px; padding-left:30px; height:36px; background:url(../images/about_bg07.jpg) no-repeat 93px 13px #fff; font:bold 14px/36px "微软雅黑"; color:#43738f; overflow:hidden;}
.about-main3-more:hover{ color:#0384ce}

 /**公司介绍**/
.nav{ width:1000px; height:50px; margin:0 auto 20px; background:url(../images/nav_bg00.jpg) repeat-x;}
.nav ul li{ padding-right:2px;background:url(../images/nav_bg01.jpg) no-repeat right top;}
.nav ul li a{ float:left; display:block; min-width:52px; padding:0 20px;  font:13px/50px "微软雅黑"; color:#dddede; text-align:center;
}
.nav ul li a:hover,.nav ul li a.selected{ background:url(../images/nav_bg02.jpg) repeat-x; color:#fff;}

.about-wrap{width:100%; min-height:350px; margin:0 auto; border:1px solid #e9eaea; border-width:1px 0 1px 0; background:url(../images/about_bg00.jpg) repeat-x top #fff; position:relative;}
.about-wrap-bot{ width:100%; height:174px; position:absolute; left:0; bottom:0; background:url(../images/about_bg00_.jpg) repeat-x left bottom; z-index:0}
.innner-con{ padding:10px 0 50px; position:relative; z-index:1}
.about-con h2{ padding-bottom:12px;font:bold 16px/24px "微软雅黑"; color:#1c98fc;}

/**企业文化**/
.cul-box-top{ width:946px; margin:0 auto; height:10px; background:url(../images/cul_bg01.png) no-repeat; overflow:hidden;}
.cul-box-bot{width:946px; margin:0 auto; height:55px; background:url(../images/cul_bg03.png) no-repeat; overflow:hidden;}
.cul-box-cent{width:946px; margin:0 auto; background:url(../images/cul_bg02.png) repeat-y;}
.cul-head{ width:938px; margin:0 auto; padding-bottom:19px; background:url(../images/cul_bg04.jpg) no-repeat bottom;}
.cul-til{ padding-top:40px;}
.cul-til h2{ font:bold 16px/24px "微软雅黑"; color:#1c98fc; text-align:center; padding-bottom:5px;}
.cul-til p{  font:14px/26px "微软雅黑"; text-align:center;}
.cul-nav{ width:735px; height:111px; margin:50px auto 0; background:url(../images/about_bg10.jpg) repeat-x left 50px;}
.cul-nav ul li{display:inline-block; _display:inline; position:relative; width:103px; height:111px; margin-right:55px; background:url(../images/about_bg09.jpg) no-repeat -103px 0; cursor:pointer;}
.cul-nav ul li h3{ padding-top:40px; _margin-top:40px; _padding-top:0; font:14px/22px "微软雅黑"; color:#797b7d; text-align:center; position:relative; background:none;}
.cul-nav ul li h3.hover{ color:#289dfb;}
.cul-nav ul li .cul-nav-bg{ position:absolute; left:0;top:0;width:103px; height:0px; background:url(../images/about_bg09.jpg) no-repeat 0 0; z-index:0; overflow:hidden;}
.cul-nav ul li.cur .cul-nav-bg{ height:111px;}
.cul-nav ul li.cur h3{ color:#289dfb; background:none;}
.cul-ajax{ padding:36px 60px 0;}

/**企业荣誉**/
.honor-box{ width:918px; height:651px; margin:0 auto; border:1px solid #dbdbdb; background:#fff;}
.honor-show{ width:918px; height:497px; position:relative; overflow:hidden;}
.honor-show ul{ position:absolute; left:0; top:0;}
.honor-show ul li{width:918px; height:447px; text-align:center; position:relative; overflow:hidden;}
.honor-show ul li img{ max-width:918px; max-height:615px;}
.honor-bot{ width:100%; height:133px; padding-top:20px; background:#f8f8f8; border-top:1px solid #dbdbdb;}
.honor-thumb{ width:810px; height:115px; margin:0 auto 0; position:relative; overflow:hidden;}
.honor-thumb ul{ position:absolute;height:115px; left:0; top:0}
.honor-thumb ul li{display:inline-block; _display:inline; height:109px; margin-right:7px; border:3px solid #fff; cursor:po;}
.honor-thumb ul li.cur{ border-color:#1c98fc;}
.honor-bot{ position:relative;}
.honor-bot a{ display:block; width:29px; height:58px; top:48px; background-image:url(../images/honor_btn.jpg); position:absolute; overflow:hidden;}

/**发展历程**/
.history-list a{display:block; width:29px; height:58px; top:4px; background-image:url(../images/honor_btn.jpg); position:absolute; overflow:hidden;}
.prev02{ left:14px;background-position: 0 0;}
.next02{ background-position:-29px 0; right:14px;}
.prev02:hover{  background-position:0 -58px ;}
.next02:hover{  background-position:-29px -58px;}

.history-list{ width:940px; height:67px; margin:0 auto; border-bottom:1px solid #e4e4e4; padding-bottom:33px; position:relative;}
.history-scroll{ width:767px;height:67px; margin:0 auto; background:url(../images/history_bg05.jpg) repeat-x 0 33px; overflow:hidden; position:relative;}
.history-scroll ul{ position:absolute; left:0; top:0;}
.history-scroll ul li{ display:inline-block; _display:inline; width:67px; height:67px; position:relative; overflow:hidden; margin-right:33px;; cursor:pointer;}
.hisnav-bg01{ position:absolute;width:767px;height:67px; left:0; bottom:0; overflow:hidden; background:url(../images/history_bg01.png) no-repeat 0 bottom; z-index:4}
.hisnav-bg02{position:absolute;width:767px;height:67px; left:0; top:0; overflow:hidden; background:url(../images/history_bg04.png) no-repeat; z-index:3}
.hisnav-bg03{position:absolute;width:767px;height:67px; left:0; top:0; overflow:hidden; background:url(../images/history_bg02.png) no-repeat; z-index:2}
.hisnav-img{position:absolute;width:767px;height:67px; left:0; top:0; overflow:hidden; z-index:1}
.history-scroll ul li p{ position:relative; z-index:5; font:bold 14px/67px "微软雅黑"; color:#fff; text-align:center;}

.history-scroll ul li.cur .hisnav-bg01{ display:none;}
.history-scroll ul li.cur .hisnav-bg03{display:none;}


.event-ajax{ width:890px; min-height:330px; margin:28px auto 0; position:relative;}
.event-year{ font:italic bold 36px/36px Arial; color:#1c98fc; }
.event-list{ width:772px; padding-top:3px;}
.event-list ul li{ width:744px; margin:0 0 10px 0; padding-left:25px; border-left:3px solid #c7c7c7;}
.event-list ul li P{ font:12px/24px "微软雅黑"; color:#888;}
.event-list ul li.hover{border-color:#1c98fc;}
.event-list ul li.hover P{ color:#1c98fc;}
.even-pic img{ float:left; padding:3px; border:1px solid #dcdcdc; margin:10px 14px 0 0;}
.even-more span{ display:block; width:104px; height:39px; font:bold 12px/35px "微软雅黑"; text-align:center; background:url(../images/history_bg06.jpg) no-repeat; cursor:pointer;}
.event-btn{ position:absolute; left:262px; bottom:50px; _position:relative; _margin-left:262px;}
.event-btn a{ float:left;display:block; width:104px; height:39px; margin-right:5px; _margin-top:-38px; font:bold 12px/35px "微软雅黑"; text-align:center; background:url(../images/history_bg06.jpg) no-repeat; cursor:pointer; color:#666;}


/***新闻中心**/
.news-top{ width:940px; margin:0 auto 18px;height:172px; border-bottom:1px dotted #ccc;}
.news-top-img{ width:204px; height:142px; padding:6px 7px 8px; background:url(../images/about_bg08.jpg) no-repeat;}
.news-top-con{ width:698px;}
.news-top-con h2 span{ display:block; font:bold 11px/19px Arial; color:#aaa;}
.news-top-con h2{ padding-bottom:5px; margin-bottom:8px;font:bold 16px/24px "微软雅黑"; color:#4293e8; border-bottom:1px solid #e2e2e2;}
.news-top-con h2 a{color:#4293e8;}
.news-more{ width:107px; height:26px; position:relative; background:url(../images/bg_11.jpg) no-repeat; overflow:hidden; cursor:pointer;}
.news-more a{ display:block; width:80px; font:12px/26px "微软雅黑"; color:#fff; text-align:center; position:relative;}
.news-more-bg{ position:absolute; right:27px; top:0; width:0; height:36px; background:url(../images/bg_12.jpg) repeat-x; overflow:hidden; z-index:0}
.news-more a:hover{ color:#fff;}

.news-list{width:1000px; margin:0 auto;}
.news-list ul{ padding-bottom:10px; margin-bottom:14px; border-bottom:1px dotted #cacaca;}
.news-list ul li{ width:100%; font:12px/30px "微软雅黑"; background:url(../images/bit02.gif) no-repeat 4px 13px;}
.news-list ul li.hover{ background-color:#f8f8f8;}
.news-list ul li span{ float:right; color:#b3b3b3; padding-right:5px;}
.news-list ul li a{ padding-left:18px;}

.news-tit{ width:880px; margin:0 auto; padding-bottom:7px; border-bottom:1px solid #e2e2e2;}
.news-tit h2{ font:bold 18px/24px "微软雅黑"; color:#007ee4; padding-bottom:14px; text-align:center;}
.news-tit h3{ font:12px/24px "微软雅黑"; color:#888; text-align:center;}
.news-info{ width:880px; margin:20px auto; padding-bottom:40px;}
.news-info p{ text-indent:2em;}
.news-rl{width:880px; margin:0 auto;}
.news-rl h4{ font:bold 14px/24px "微软雅黑"; padding-bottom:15px; border-bottom:1px dotted #e5e5e5;color:#007ee4;}
.news-rl ul{ padding-top:9px;}
.news-rl ul li{ width:100%; font:12px/30px "微软雅黑"; background:url(../images/bit02.gif) no-repeat 4px 13px;}
.news-rl ul li a{ padding-left:18px; color:#007ee4;}
.news-rl ul li a:hover{ border-bottom:1px dotted #a6a6a6;}

/***产品中心**/
.pro-box{ width:100%; height:294px; overflow:hidden;}
.pro-pro{ display:none;}
.pro-big{ width:309px; height:292px; border:1px solid #e1e1e1; cursor:pointer;}
.pro-big-txt{ width:311px; height:40px; margin-left:-1px; background:url(../images/pro_bg03.jpg) no-repeat 0 -40px; position:relative;}
.pro-big-txt a{ position:relative; display:block; font:14px/40px "微软雅黑"; color:#666; text-align:center; padding-right:35px;}
.pro-big-txt-bg{ position:absolute; height:40px; left:0; top:0; width:0; background:url(../images/pro_bg03.jpg) no-repeat 0 0; z-index:0}

.pro-picli{ width:631px; height:294px; position:relative; overflow:hidden; }
.pro-picli ul{ width:641px;}
.pro-picli ul li{ display:inline-block; _display:inline; width:148px; height:137px; border:1px solid #e1e1e1; margin:0 10px 15px 0; line-height:12px; cursor:pointer; position:relative; overflow:hidden}
.pro-picli ul li a{ display:block; position:relative; font:12px/12px "微软雅黑"; color:#323232; text-align:center; z-index:1}
.pro-picli-bg01{ position:absolute;width:150px; height:139px; left:0; top:-139px; background:url(../images/pro_bg01.png) repeat;}
.pro-picli-bg02{position:absolute;width:150px; height:139px;left:0; top:-139px; background:url(../images/pro_bg02.png) no-repeat center;}

.pro-picli ul li.pro-more{background:#f4f4f4;
transition:all 0.4s;
-moz-transition:all 0.4s; /* Firefox 4 */
-webkit-transition:all 0.4s; /* Safari and Chrome */
-o-transition:all 0.4s; /* Opera */}
.pro-picli ul li.pro-more a{ font:bold 18px/137px "微软雅黑"; color:#666; background:url(../images/pro_bg04.png) no-repeat 104px 63px; padding-right:17px;}
.pro-picli ul li.hover{ border-color:#1c98fc; background:#1c98fc;}
.pro-picli ul li.hover a{ color:#fff; background:url(../images/pro_bg05.png) no-repeat 104px 63px;}


/**产品列表*/
.sidenav{ float:left; width:240px; padding:0 2px; background:url(../images/proli_bg05.jpg) repeat-y;}
.sidenav-li{ border-top:1px solid #dbdbdb;}
.sidenav-li ul li{ width:100%; border-bottom:1px solid #dbdbdb; background:url(../images/proli_bg04.jpg) no-repeat 1px bottom;}
.sidenav-li ul li a.navfather{ display:block; height:40px; padding-left:42px; font:12px/40px "微软雅黑"; background:url(../images/proli_bit01.jpg) no-repeat 22px -24px;}
.sidenav-li ul li a.navfather:hover,.sidenav-li ul li.on a.navfather{background:url(../images/proli_bit01.png) no-repeat 22px 16px #0084f0; color:#fff;}
.sidenavson{ width:205px; padding:9px 0 15px; margin:0 auto; display:none;}
.sidenavson a{ display:block; padding-left:18px; background:url(../images/proli_bit02.gif) no-repeat 7px -17px; border-bottom:1px dashed #d6d6d6; font:12px/30px "微软雅黑";}
.sidenavson a:hover,.sidenavson a.on{ background-position:7px 13px; color:#1186ff}
.sidenav-bot{ width:240px; height:8px; background:#007ee4; overflow:hidden;}


.pro-right{ width:704px; float:right;}
.probox-top{ width:704px; height:6px; background:url(../images/pro_bgtop.png) no-repeat; overflow:hidden}
.probox-bot{ width:704px; height:7px; background:url(../images/pro_bgbot.png) no-repeat; overflow:hidden}
.probox-cen{ width:698px;padding-left:3px; padding-right:3px; padding-bottom:6px; background:url(../images/pro_bgcen.png) repeat-y; overflow:hidden}

.pro-intro{ width:640px; margin:0 auto; padding:0 29px 60px; background:url(../images/proli_bg01.jpg) repeat-x left bottom;}
.pro-intro h2{ font:bold 24px/28px "微软雅黑"; padding-bottom:20px;}
.pro-intro p{ line-height:24px;}

.pro-case{width:640px; margin:0 auto;}
.pro-case-til{ font:bold 18px/24px "微软雅黑"; margin:15px 0;}
.pro-case-til a{ float:right; display:block; width:37px; height:24px; background:url(../images/proli_more.gif) no-repeat 0 8px;}
.pro-case-li ul{ width:105%;}
.pro-case-li ul li{ display:inline-block; _display:inline; width:150px; height:130px; margin-right:14px;}
.pro-case-li ul li p{ font:12px/30px "微软雅黑"; text-align:center;}
.pro-case-li ul li a:hover p{ color:#289dfb;}

.pro-list-tit{ height:42px; background:url(../images/proli_bg03.gif) repeat-x 0 bottom; font:bold 18px/42px "微软雅黑"; padding-left:27px;}
.pro-list ul li{ width:100%; height:84px; border-bottom:1px solid #e1e1e1;}
.pro-list ul li img{ border:1px solid #e1e1e1;}
.pro-list-txt{ line-height:24px; color:#323232;}
.pro-list-href a{ display:block; float:left; width:58px; height:25px; margin-right:5px; background:url(../images/proli_bg02.jpg) no-repeat 0 0; line-height:25px; padding-left:27px;}
.pro-list-href a.proli-a01{background-position:0 0;}
.pro-list-href a.proli-a02{background-position:-90px 0;}
.pro-list-href a.proli-a03{background-position:-180px 0;}
.pro-list-href a.proli-a04{background-position:-270px 0;}
.pro-list-href a.proli-a05{background-position:-360px 0;}
.pro-list-href a.proli-a06{background-position:-450px 0;}
.pro-list-href a.proli-a07{background-position:-540px 0;}
.pro-list-href a.proli-a08{background-position:-630px 0;}
.pro-list ul li.hover{ background:#fafafa;}

/**产品详情**/
.pro-info{ position:relative; width:100%;}
.pro-info-tab{ height:35px; padding-left:29px; margin-top:-35px;}
.pro-info-tab li{ display:inline-block; _display:inline; width:100px; height:35px; margin-right:2px; background:url(../images/proinfo_bg01.png) no-repeat -102px 0; font:bold 14px/35px "微软雅黑"; color:#fff; text-align:center; cursor:pointer;}
.pro-info-tab li.hover,.pro-info-tab li.selected{ background-position:0 0;}
.pro-info-box{ padding:30px 10px ; min-height:360px;}
.pro-info-con{ display:none;}



@keyframes articl {      
  0% { transform: rotate(0deg);}
  50% {transform: rotate(180deg);}
  100% {transform: rotate(360deg);}
}
@-webkit-keyframes articl
{
  0% { -webkit-transform: rotate(0deg);}
  50% {-webkit-transform: rotate(180deg);}
  100% {-webkit-transform: rotate(360deg);}
}

@keyframes scale {      
  0% { transform: scaleX(1);}
  50% {transform: scaleX(1.12);}
  100% {transform: scaleX(1);}
}
@-webkit-keyframes scale
{
   0% {  -webkit-transform: scaleX(1);}
  50% { -webkit-transform: scaleX(1.12);}
  100% { -webkit-transform: scaleX(1);}
}
@keyframes rodeg {      
  0% { transform: rotate(0deg);}
  50% {transform: rotate(-10deg);}
  100% {transform: rotate(0deg);}
}
@-webkit-keyframes rodeg
{
  0% {  -webkit-transform: rotate(0deg);}
  50% { -webkit-transform: rotate(-10deg);}
  100% { -webkit-transform: rotate(0deg);}
}
@keyframes trany {      
  0% { transform: translateY(0);}
  25% {transform: translateY(-2px);}
  50% {transform:translateY(0);}
  75% {transform:translateY(2px);}
  100% {transform:translateY(0);}
}
@-webkit-keyframes trany
{
  0% {  -webkit-transform: translateY(0);}
  25% { -webkit-transform: translateY(-2px);}
  50% { -webkit-transform:translateY(0);}
  75% { -webkit-transform:translateY(2px);}
  100% { -webkit-transform:translateY(0);}
}

.mar-ri{ width:280px; height:333px; position:relative; overflow:hidden;}
.mar-ri ul{ position:absolute; left:0; top:0; height:333px;}
.mar-ri ul li{width:280px; height:333px;}
.mar-ri-txt{ position:absolute; width:267px; padding-left:13px; height:35px; left:0; bottom:0; background:url(../images/mar_bg01.png) repeat; font:12px/35px "微软雅黑"; color:#fff;}
.mar-ri .number{ position:absolute; z-index:1; right:0; bottom:14px;}
.mar-ri .number span{ display:inline-block; _display:inline; float:left; margin-right:7px; width:13px; height:6px; background:#9e9c9b; cursor:pointer; overflow:hidden;}
.mar-ri .number span.on{ background:#fff;}
.mar-net-tit{ width:860px; margin:0 auto; height:24px; font:bold 24px/24px "微软雅黑"; text-align:center; background:url(../images/mar_bg02.gif) repeat-x 0 center;}
.mar-net-tit span{ padding:0 53px;font:bold 24px/24px "微软雅黑"; text-align:center; background:#fbfbfb;}
.mar-net-txt{width:730px; margin:20px auto; padding-bottom:15px; background:url(../images/mar_bg03.gif) no-repeat center bottom; text-align:center; font-size:14px;}


.con-til{ margin-bottom:24px;}
.con-til h2{font:bold 24px/34px '微软雅黑'; color:#1c98fc;}
.con-til h3{font-size:18px; line-height:19px; color:#afc1cf; font-family:Arial}

.sitemap-li{ margin-bottom:30px;}
.sitemap-li ul li{ float:left; width:158px; margin-right:2px;}
.sitemap-li ul li a{ display:block; padding:10px; text-align:center; font:bold 12px/16px "微软雅黑"; background:#cdd8e1; margin:0 0 1px 0;}
.sitemap-li ul li a.sitetil{ background:#94abbd; font:bold 14px/18px "微软雅黑"; padding:16px 10px; color:#fff;}


.newsinfo-page{ width:880px; margin:0 auto 22px; padding-top:6px; border-top:1px dotted #E5E5E5;}
.newsinfo-page .back{ display:block; float:right; width:104px;height:34px; line-height:34px;background:#94aabf; margin-top:6px; text-align:center; font:bold 14px/34px "微软雅黑"; color:#fff;}
.newsinfo-page p{ color:#aaa; line-height:24px;}
.newsinfo-page a{ color:#7f7f7f;}
.newsinfo-page a:hover{ color:#1186FF;}

				.page { color:#666;text-align: center}
				.page input[type='text']{ width:18px; height:18px; border:1px solid #ccc; font:12px/18px "微软雅黑"; color:#666; text-align:center;}
				.page input[type='submit']{ width:26px; height:22px; color:#666; cursor:pointer;}
				.page a{ color:#007ee4}
				.page a:hover{ color:#066cbe}
/***2014-07-03  首页产品推荐***/
.main2-job .main2-protxt{  line-height:18px;}
.main2-job .main2-proli { height:152px;}
.main2-job .main2-proli li{ height:50px; margin-top:10px; }
.main2-job .main2-proli li img{ float:left; margin-right:12px; border:1px solid #dbdbdb;}
.main2-job .main2-proli li p{font-weight:bold; color:#1c8dee;}
.main2-job .main2-proli li a{ padding:0;}
.main2-job .main2-proli li a:hover img{ border-color:#1c8dee;}



.ir-stock{ width:250px; height:125px; margin:15px auto 0; text-align:center;}
.ir-stock a{ display:block; width:100%; height:100%; line-height:24px; background:#f6f6f6; border:1px solid #dcdcdc; transition:all 0.3s; -webkit-transition:all 0.3s;}
.ir-stock p.name{ font-weight:bold; font-size:18px; color:#289bfd; padding-top:25px;transition:all 0.3s; -webkit-transition:all 0.3s;}
.ir-stock p.number{ font-size:14px;color:#289bfd;transition:all 0.3s; -webkit-transition:all 0.3s;}
.ir-stock p.more{ color:#777; margin-top:12px;transition:all 0.3s; -webkit-transition:all 0.3s;}
.ir-stock a:hover{ background:#299cfe; border-color:#299cfe;}
.ir-stock a:hover p{ color:#fff;}
.ir-stock a:hover p.more{ color:#c9e6ff;}


.products{}
.products ul{width:1200px;}
.products ul li{float:left; width:180px; height:135px; margin:0 23px 40px 0; text-align:center;}
.products ul li img{float:left; width:180px; height:135px; border:1px solid #ccc; padding:2px;}
.products ul li a{}
.products ul li img:hover{border:1px solid #1186FF;}


.slider-nav{display:none;}
.contents-rounds{font-weight:bold; margin-top:30px; border-top:1px solid #E9EAEA; padding-top:20px}
.pages{padding:2em 0; overflow:hidden; float:right; width:1000px; line-height:27px;}
.pages a{display:block;float:left;padding:0 5px;line-height:26px;background:#F5F5F5;border:1px solid #ccc;margin:0 3px;}
.pages a:hover{color:#ee411a;text-decoration:none;}
.pages ul li{margin-right:0; background:none; height:auto; display:inherit; text-indent:0;}
.pages ul li a{height:auto;}

.news-content-title{font-size:16px; text-align:center; font-weight:bold; margin:15px 0;}








.pagination{display:inline;margin:0;padding:0;list-style:none}
.pagination li{display:inline}