@charset "gb2312";
/* CSS Document */
html{ overflow-x:hidden}
body{ font-size:14px;font-family:"微软雅黑";}
body,div,p,li,span,h1,h2,h3,h4,h5,h6{padding:0;margin :0}
img{ border:none}
ul,li,ol{ list-style:none; padding:0; margin:0}
a{ text-decoration:none}
.containner{ width:1200px; margin:0 auto}

.logo-left{ float:left}
.weixinbox{ float:right}
.header{ padding:10px 0; clear:both; height:auto; overflow:hidden}
.search-btn{ background:url(../img/index.png) no-repeat -430px -340px; width:35px; height:35px;  margin-left:-40px; border:none; position:absolute; bottom:-1px; right:0;*+right:30px}
.searchbar{ float:right; margin-right:30px; margin-top:15px; position:relative}
.input-text{  border-radius:5px;border:1px solid #eee; height:28px; line-height:28px; width:200px; padding-left:10px}
nav,.nav-bar{ clear:both; height:auto; overflow:hidden}
.nav-bar { border:1px solid #e5e5e5; margin-top:5px}
.nav-bar li{ float:left; height:50px; line-height:50px}
.nav-bar li a{ width:120px; text-align:center; line-height:50px; text-decoration:none; display:inline-block; color:#333; font-size:16px}

.nav-bar li a.on,.nav-bar li a:hover{ background:#3b70b6; color:#fff}

.tabs-content{ clear:both; background:#1272a1 url(../img/bg.jpg) no-repeat; height:291px; overflow:hidden}

.left-box{ float:left; background:url(../img/leftbox.jpg); width:407px; height:291px;margin-right:30px; overflow:hidden}
.video{ width:335px; height:215px; margin:0 auto; padding-top:40px}

.right-box{ padding-top:40px;  font-size:14px; color:#fff; line-height:26px;text-indent: 2em;}


.news-blue{ font-size:30px; color:#1272a1; clear:both; height:auto; overflow:hidden; padding:20px 20px 5px; text-align:center}
.news-English{ font-size:24px; text-align:center; color:#454646}
.news-details{ text-align:center; font-size:16px; color:#666}
.news-box{ height:auto; overflow:hidden; background:#f9f9f9; clear:both}
.news-item{ clear:both; height:auto; overflow:hidden; margin:30px auto;}
.news-item li{ float:left; background:#fff; padding:10px; width:340px; margin-right:30px; margin-bottom:30px; margin-left:10px}
.news-item li a{ text-decoration:none; cursor:pointer}
.date{ width:100px; height:100px; background:#eee; float:left; text-align:center; margin-right:15px}
.date b{ font-size:36px; font-weight:100; margin-top:20px;display:block; color:#333}
.date div{ font-size:14px; color:#333}

.date-datails p{ color:#999; font-size:12px; line-height:22px; height:66px; overflow:hidden}
.date-tit{ font-size:16px; color:#666; line-height:25px}

.mordeandmore{ margin-bottom:50px}
.mordeandmore a{ display:block; background:url(../img/index.png) -400px -207px; width:192px; height:43px; margin:20px auto}

/*index  banner*/
.home1 .focus{ width:100%; height:100%; position:relative; overflow:hidden; }
.home1 .focus .frame{ width:100%; height:100%; position:relative; overflow:hidden; float:left;}
.home1 .focus .frame .child{ width:100%; height:100%; position:absolute; overflow:hidden; float:left;}
.home1 .focus .frame .child .main{ width:100%; height:100%; position:absolute; overflow:hidden; float:left;}
/*.home1 .main{ padding-top:253px;}*/
.home1 .main a{ width:100%; height:100%; display:block;}
.home1 .main h1{ font-size:42px; color:#ffffff; line-height:1.2;font-family: AvianRegular; }
.home1 .main h2{ font-size:32px; color:#ffffff; line-height:1.2; margin-top:5px; }
.home1 .main h2 .bold{ font-weight:bold;}
.home1 .main .title{ text-align:left;opacity:0;transform:translateY(50px);-webkit-transform:translateY(50px);transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s; padding-top:240px;}
.home1.show .main .title{transform: translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
.home1 .focus .list{  height:120px; position:absolute; left:50%; margin-left:-600px; bottom:-2px;}
.home1 .focus .list .item{float:left;  width:290px; height:118px;background:url(../img/gray.png); background:rgba(0,0,0,.5); margin-right:5px; }
.home1 .focus .list .item a{    margin: 32px auto;}
.home1 .focus .list .item i{ display:inline-block; width:80px; height:60px; float:left; background-image:url(../img/index.png);   }
.home1 .focus .list .item i img{ height:55px; width:auto;}
.home1 .focus .list .item h3{ font-size:20px; color:#ffffff; line-height:1.7; float:left; margin-left:30px; text-align:left;}
.home1 .focus .list .item h3 span{font-family: AvianRegular; font-size:14px; color:#ffffff; display:block; }
.home1 .focus .list .item.now{background:url(../img/blue.png) ; background:rgba(18,114,161,.5); }
.home1 .focus .list .item.other{ }
.home1 .focus .list .item.another{}
.home2{ position:relative; height:245px; overflow:hidden; }
.home2 .div{ height:245px; background:url(../images/pic2.png) 239px -57px no-repeat; width:50%;}
.home2 .text{ width:1012px; background:#00a6ba; height:165px; position:absolute; right:50%; margin-right:-933px; top:0; padding:80px 0 0 55px;}
.home2 .text p{ width:620px; font-size:16px; color:#ffffff; line-height:1.5; }
.home2 .text .inner{ width:746px; float:left; text-align:center;}
.home2 .text .inner h3{ float:left;  font-size:72px; color:#ffffff; line-height:1; width:215px; display:none; }
.home2 .text .inner h3 span{ display:block; font-size:18px; color:#ffffff;}
.home2 .text .inner h3 b{ font-size:30px; color:#ffffff; font-weight:bold;}
.home2 .text:hover p{ display:none;}
.home2 .text:hover .inner h3{ display:block;}

.join-icons{  background-position:-78px -25px;margin: 32px 0px 0px 47px;}
.tit-font{ float:left; margin-top:40px;  width:170px; color:#fff; padding-left:10px;text-align:left;}
.tab-tit{  font-size:26px; line-height:33px;color:#fff}
.tit-font1{float:left; margin-top:30px; margin-right:10px; width:140px; color:#fff; padding-left:10px;text-align:left;}
.tit-font2{ float:left; margin-top:30px; margin-right:10px; width:170px; color:#fff; padding-left:10px;text-align:left;}
.tab-one{ line-height:50px}
.precipitator-icons{ background-position:-63px -155px;margin: 32px 0px 5px 13px;}
.Tar-icons{ background-position:-68px -298px;margin: 32px 0px 5px 30px;}
.Classic-icons{ background-position:-75px -445px;margin: 32px 0px 5px 47px;}
/*底部共用样式*/
.footer{ background:#262626; height:auto; overflow:hidden; clear:both; padding:15px;}
.contact{ background:url(../img/index.png) no-repeat -400px -57px; height:55px;}
.zq{ font-size:18px; color:#9a9a9a; line-height:40px}
.footer-details li.one{width:30%; font-size:16px}
.footer-details li{ float:left; width:23%; color:#b4b4b4; font-size:14px; line-height:24px; font-weight:700}
.phone-N{ font-size:19px; color:#fff; height:40px; line-height:40px; padding-left:30px}


/*产品展示*/
.bread{ background:#f0f0f0; height:40px; line-height:40px; clear:both;}
.bread-menu{ background:url(../img/aress.jpg) no-repeat left center; height:40px; padding-left:30px;color:#666}
.bread-menu a{ color:#666; text-decoration:none; font-size:14px; font-family:"Microsoft YaHei"}

.left-bar{ width:237px; float:left; margin-top:30px; margin-bottom:40px}
.left-bar li{ clear:both;overflow:hidden; margin-bottom:3px; background:#f2f2f2}
.left-bar li.pro-first{ background:#0076b3; height:48px;}
.left-bar li a{ display:block; line-height:48px; text-indent:15px; font-size:16px; text-decoration:none; color:#666; word-break:break-all;}
.pro-first .pro-tit{ font-size:24px; margin-right:10px; color:#fff; line-height:48px; text-indent:18px; display:block;float:left; width:125px; margin-left:10px}
.pro-first .English-f{ margin-top:10px; display:block;font-size:12px;  line-height:15px; color:#4895bd; float:left;text-transform:uppercase; width:90px; word-break:keep-all; }
.left-bar li a:hover,.left-bar li a.selected{ color:#1272a1}
.right-bar{ margin-top:30px; width:900px; float:left; margin-left:40px}
.bar-title{ font-size:30px; font-weight:100; color:#666}
.toggle-menu li{ line-height:30px;}
.toggle-menu li a{display:block;line-height:30px;padding-right:15px;text-indent: 35px;font-size:12px;}
.toggle-menu li a:hover{ background:#fff}

.hover-down li{ line-height:30px;}
.hover-down li a{ display:block; line-height:30px; padding-right:10px; text-indent:35px; font-size:12px}
.hover-down li a:hover{ background:#fff}
.hover-up li{ line-height:30px;}
.hover-up li a{ display:block; line-height:30px; padding-right:10px; text-indent:35px; font-size:12px}
.hover-up li a:hover{ background:#fff}


.show1{ padding:30px 15px;}
.show1 h3{ font-family:"微软雅黑"; font-size:16px; padding-left:18px; height:30px; line-height:30px;}
.show1 table{ background:#c8e8f5; margin:15px 0  15px 18px; width:780px;}
.show1 table td{ border:1px solid #fff; height:37px; line-height:37px;  color:#0076b3; font-size:14px;margin-left:5px;}
.show1 table td a{  height:37px; line-height:37px; color:#0076b3; font-size:14px; margin-left:5px; text-decoration:none}
/*公司简介*/
.gy_jj{ width:848px; padding:35px 15px 20px 15px;}
.gy_jj span{ font-size:14px; color:#494949; line-height:28px; text-indent:2em;}
.gy_jj .jj_tp{ width:833px; height:310px; margin:auto;}
.gy_jj .jj_tp img{ float:left;}
.gy_jj .jj_tp .jj_right{width: 364px;height: 310px;	float: right;}
/*新闻详情*/
.newsxq{ padding:20px;}
.newsxq h3{ font-size:16px; text-align:center; height:40px; line-height:40px;color:#494949; font-weight:bold;}
.newsxq p.zz{ text-align:center; font-size:12px; padding:10px 0 40px 0;}
.newsxq p.zz span{ padding:0 20px;}
.newsxq p{ text-indent:40px; font-size:14px; color:#494949; line-height:34px;}
.newsxq img{ display:block; text-align:center; padding-left:100px;}


.yjshow{ padding:10px 0 0px 10px;}
.yjshow p{ padding-left:15px; font-family:"微软雅黑"; line-height:30px; }
/*营销网络*/
.yx_wl{ width:878px; padding:35px 0 0 0;}
/*网上答疑*/
.QA{ padding:20px;}
.QA li{ clear:both; overflow:auto; border-bottom:1px solid #ededed; height:44px; line-height:44px; padding:0 10px;}
.QA li a{ display:block; height:44px; line-height:44px; font-size:16px;color:#535353; display:block; float:left; width:720px; text-decoration:none }
.QA li a:hover{ color:#0190f8;}
.QA li span{ display:block; float:left; height:44px; line-height:44px; font-size:14px;color:#535353;}
/*分页*/
.page a { text-decoration:none; color:#000 }
.page a:hover { text-decoration:none;color:#000 }
/*人力资源*/
.job{ padding:20px;}
.job h3{ font-size:14px; color:#494949; padding-top:20px; font-weight:bold; line-height:28px;}
.job p{ font-size:14px; color:#494949; line-height:28px;}
.job p span{font-size:14px; color:#494949; line-height:28px;}
/*联系我们*/
.lxwm{ width:978px; padding:35px 0 20px 0;}
.lxwm .lxdz{ width:325px; height:334px; float:left; margin-left:20px;font-size:14px;}
.lxwm .lxdz p{ font-size:14px; color:#494949; line-height:28px;}
.lxwm .lxdz p span{ font-weight:bold; font-size:14px; color:#494949; line-height:28px;}
.lxwm .lxdt{ width:500px; height:322px; float:right; padding:5px; margin-right:10px; border:1px solid #c9c9c9;}


/*发展历程*/
.gy_fz{ width:878px; padding-top:35px;}
.gy_fz ul{ width:848px; margin:0 auto 20px auto; background:url(../img/gy_fz_14.jpg) repeat-y;}
.gy_fz ul .fzlb{ width:848px; padding-top:15px; background:url(../img/gy_fz_16.jpg) no-repeat left 14px; position:relative}
.gy_fz ul .fzlb .nian{ font-size:14px; font-family:"微软雅黑"; font-weight:bold; color:#2e5896; float:left; margin-left:20px; display:inline;}
.gy_fz ul .fzlb .nrk{ width:750px; color:#424242; float:left;}
.gy_fz ul .fzlb .nrk .nr{ background:url(../img/gy_fz_18.jpg) no-repeat; position:absolute; display:block; width:24px; height:24px; margin-left:12px; *+margin-left:11px }
.gy_fz ul .fzlb .nrk p{ padding-left:55px; padding-bottom:5px;line-height:21px; }


/*员工风采*/
.jd_yg{ width:878px; padding:18px 0 20px 0;}
.jd_yg li{ width:209px; height:197px; float:left; margin:15px 5px 0 5px; line-height:28px; text-align:center; display:inline;}
.jd_yg li a{ display:block; width:207px; height:152px; border:1px solid #d2d2d2;} 
.jd_yg li a img{ padding:3px;}
/*公司新闻*/
.com_news{ padding:20px 0 20px 8px;}
.com_news ul{ width:868px; clear:both; overflow:auto; padding:20px 0; margin:0 auto;}
.com_news ul li{ float:left;border:1px solid #bfbfbf;  width:120px; height:48px;}
.com_news ul li.last{ float:left;border:1px solid #bfbfbf; border-right:1px solid #bfbfbf; width:120px; height:48px; background-color:#dcdcdc}
.com_news ul li a{ text-decoration:none; display:block; float:left; width:120px; height:48px; line-height:48px; text-align:center; color:#004a89; font-size:14px; }
.com_news ul li a:hover,.com_news ul li a.on{ display:block; float:left; width:120px; height:48px; line-height:48px; text-align:center; background:#dcdcdc;color:#004a89; font-size:14px; }
.com_news  table { border-collapse: collapse;min-height: 25px; line-height: 25px; text-align: center;}  
.com_news  table img{ display:block; padding-right:5px;}
.yx_kh { margin-top:20px;
    width: 878px;
    height: 999px;
    background: url(../img/yx_kh_10.jpg) no-repeat;
}

/*企业文化*/
.gy_wh{ width:878px; height:234px; padding:18px 0 20px 0;  background-position:right;} 
.gy_wh .whlb{ width:450px; height:150px; padding:37px 0 0 30px;}
.gy_wh .whlb li{ width:450px; height:36px; line-height:36px;background-position:left; font-size:14px;    padding-left: 20px;}

/*copy*/
.copy{clear:both; text-align:center; color:#fff; background:#111; line-height:30px}
.copy a{ color:#fff;}
.copy a:hover{ color:#a90000;}
.jd{ margin-left:20px}
/*典型案例*/
.case-box{ clear:both; height:auto; overflow:hidden; width:900px}
.case-box li{ float:left; width:435px; height:145px; margin-right:15px; margin-bottom:15px;}
.img-left{ float:left; width:205px; height:145px; overflow:hidden; margin-right:15px}
.bg-orange{ background:#00a6ba; color:#fff}
.bg-blue{ background:#5ac0a8; color:#fff}
.bg-green{ background:#0080cc; color:#fff}
.bg-purple{ background:#689f38; color:#fff}
.img-right{ height:130px; padding-top:15px  }
.case-name{ font-size:18px; padding:5px 10px 0; word-break:break-all; font-weight:100}
.case-date{ font-size:14px; }
.skew-view{ margin-top:20px; text-align:right; margin-right:10px }

/*新添加部分*/
.tab-tit1{ background:url(../img/tabletit.jpg) no-repeat; width:765px; height:35px; margin:10px auto; font-family:'宋体'; font-size:22px;color:#fff;line-height:35px;}
.com_news table{ width:765px; margin:10px auto; border:5px ridge #eee; border-collapse:collapse;}
.com_news table th{ height:35px; line-height:35px; color:#071820; background:#a5cceb; border:2px solid #fff; border-collapse:collapse;font-family:'Microsoft YaHei'; font-size:16px}
.com_news table td{padding-left:15px; text-align:left; height:35px; line-height:35px; color:#071820; background:#d6eefa; border:2px solid #fff; border-collapse:collapse; font-family:'Microsoft YaHei'; font-size:14px}
.hide{ display:none}
.text-center{ text-align:center}

#item_nav1,#item_nav2,#item_nav3,#item_nav4{width:86%; font-size:15px; }
#item_nav1{margin:25px;}
#item_nav2{margin:55px;}
#item_nav3{margin:55px;}
#item_nav4{margin:55px;}
.pagelist{ margin:10px;    height: 24px;}
.pagelist dd{ float:left; padding:3px}
.pagelist dd a{ color:#666; border:1px solid #f2f2f2; color:#999;padding:3px}
.pagelist dd a:hover,.pagelist dd a.current{ background:#3b70b6; color:#fff}
.pon{background:#3b70b6; color:#fff;padding:3px}
.show p{font-size:16px;}