﻿@charset "utf-8";
html{ font:normal 62.5%/2.3em "微软雅黑",Arial,"宋体";}
body{ margin:0px; padding:0px; margin:0px auto; font-size:1.2em; color:#777; width:100%; min-width:1200px; width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" ); zoom:1; position:relative;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px; list-style:none;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;}
.clear{ clear:both; height:0px; overflow:hidden;}

.Contain{ width:1200px; margin:0 auto;}
.SildeBar{}
.MainContent{}
.Content{}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; font-size:14px; line-height:24px; color:#717171; padding-bottom:30px;}

.Current{ line-height:72px; height:100px; color:#c2c2c2; font-size:14px; text-align:right; position:relative;}
.Current a{ color:#c2c2c2;}
.Current .column{ position:absolute; left:0; top:28px; color:#e2e2e2; font-size:22px; line-height:28px; text-align:left;}
.Current .column b{ display:block; font-size:30px; color:#5e5c5c;}

/*pages*/
.pages{ padding:10px 0; text-align:right; clear:both;}
.pages a{ display:inline-block; height:23px; line-height:23px; padding:0 10px; border:1px solid #e8e8e8; margin:0 2px; color:#999; text-align:center;}
.pages .num a{ width:27px; padding:0;}
.pages .num .a_cur{ border-color:#8892b5; color:#fff; background:#8892b5;}

/*pages end*/

/*Top*/
.Toper{ height:111px; background:#415f8e; position:relative; z-index:33;}
.Top{ width:1200px; margin:0 auto; position:relative;}
.Top .logo{ float:left; display:block; width:263px; height:160px;}
.Top .top_other{ position:absolute; right:0; top:8; line-height: 15px;
margin-top: 10px;}
.Top .top_other a{ color:#fff; display:inline-block;   padding:0 6px; margin-left:1px;}
.Top .top_other .e-mail{ padding-left:31px; background: url(../images/top_emailbg.png) no-repeat 8px center; border-left: 1px solid #fcfcfc;}
.MainNav{ position:absolute; right:0; top:0; height:111px; line-height:111px;}
.MainNav li{ float:left;position: relative;}
.MainNav li a{ display:block; padding:0 22px; font-size:14px; color:#fff; text-align:center;}
.MainNav .onnav > a,.MainNav li > a:hover{ background:#546f9a;}
/*Top*/

/*Bottom*/
.Bottomer{ background:#f2f3f5; position:relative; z-index:6;}
.Bottom{ width:1200px; margin:0 auto; padding:65px 0 37px; overflow:hidden;}
.Bottom .div{ float:left; padding:0 40px;  background:url(../images/bottom_bg.jpg) no-repeat left center; height:166px;}
.Bottom .div .t{ color:#666; display:block; padding-bottom:12px; font-size:14px;}
.Bottom .div6{ width:433px; padding-left:37px; text-align:left;}
.Bottom .div6 .con{ height:100%; background:url(../images/bottom_bg2.jpg) no-repeat right bottom;}
.Bottom .div6 .b_tel{ padding-left:45px; background:url(../images/b_tel_03.jpg) no-repeat left center; height:40px; margin-bottom:13px;}
.Bottom .div6 .b_tel span{ display:block; font-size:20px; color:#1a4080; font-weight:bold; line-height:10px;}

.BottomLinks{ height:60px; line-height:60px; border-top:1px solid #c5cfd7; background:#e7e7e7;}
.BottomLinks .Copyright{ width:1200px; margin:0 auto; color:#525252;}
.BottomLinks em,.BottomLinks a{ font-style:normal; color:#525252;}
.BottomLinks .r{ float:right;}
.BottomLinks em{ padding:0 8px;}


/*Bottom*/

/*SildeBar*/
.SildeBar{ height:44px; border-bottom:1px solid #eaeaea; margin-top:33px;}
.SildeBar li{ float:left; height:42px; line-height:42px; position:relative;}
.SildeBar li a{ font-size:16px; color:#acacac; display:block; padding:0 25px; border-top:2px solid #fff; border-bottom:1px solid #eaeaea;}
.SildeBar li.onmenu a,.SildeBar li a:hover{font-weight: bold;color: #6b6b6b; border-top-color:#e6212a; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #fff;}

/*SildeBar*/

/*Banner*/
.HomeBan{ position:absolute; left:0; top:0; width:100%; z-index:1; height:100%;}
.HomeBan .bd{ height:100%;}
.HomeBan .bd ul,.HomeBan .bd li{ width:100%; height:100%;}
.HomeBan .hd{ position:absolute; top:624px; left:50%; width:1200px; height:11px; margin-left:-600px; text-align:right;}
.HomeBan .hd li{ display:inline-block; width:11px; height:11px; background:url(../images/ban_on.png) no-repeat center bottom; margin-left:7px;}
.HomeBan .hd li.on{ background-position:center top;}
.HomeBan a.prev,.HomeBan a.next{ width:65px; height:116px; position:absolute; top:335px;}
.HomeBan a.prev{ background:url(../images/home_prev.png) no-repeat; left:0;opacity: 0;}
.HomeBan a.next{ background:url(../images/home_next.png) no-repeat; right:0;opacity: 0;}
.HomeBan a.prev:hover{opacity: 1;}
.HomeBan a.next:hover{opacity: 1;}

.Banner{ height:297px;}


/*Banner*/

/*index*/
.home_con_bg{ background:url(../images/home_con_bg.png) no-repeat center top; overflow:hidden; clear:both; margin-top:450px; position:relative; z-index:3; padding-top:90px;}
.home_con{ /* height:914px;*/ background:#eff7fa;}

.home_about{ float:left; width:603px; height:268px;}
.home_about .left{ float:left; width:211px; height:171px; padding-top:97px; background:#919dd9; text-align:center; font-size:30px; color:#fff; line-height:1.2em; position:relative;}
.home_about .left i{ display:block; width:16px; height:30px; position:absolute; right:-16px; top:50%; margin-top:-15px; background:url(../images/home_about_i.png) no-repeat;}
.home_about .right{ width:323px; padding:30px 37px 0 0; float:right; font-size:14px; line-height:30px; color:#535353;}
.home_about .right .txt{ padding-top:10px;}

.home_busin{ float:right; width:597px; height:268px;}
.home_busin .left{ float:left; width:213px; height:171px; padding-top:97px; background:#ff9702; text-align:center; font-size:30px; color:#fff; line-height:1.2em; position:relative; z-index:2;}
.home_busin .left i{ display:block; width:16px; height:30px; position:absolute; right:-16px; top:50%; margin-top:-15px; background:url(../images/home_busin_i.png) no-repeat;}
.home_busin .right{ float:right; width:384px;}
.home_busin .right li{ float:left; background:#919dd9; height:134px; width:128px; text-align:center;}
.home_busin .right li a{ color:#fff; font-size:20px;}
.home_busin .right li .img{ padding:19px 0 11px;}

.home_busin .right li.li4,.home_busin .right li.li6{ background:#7785ca;} 
.home_busin .right li.li6{ line-height:134px;}

.home_busin .right li:hover{ background:#ff9702;}

.home_focus{ overflow:hidden; clear:both;}
.home_focus .left{ float:left; width:604px; height:268px; position:relative;}
.home_focus .left i{ display:block; width:16px; height:30px; position:absolute; right:-16px; top:50%; margin-top:-15px; background:url(../images/home_focus_i.png) no-repeat;}
.home_focus .right{ float:right; width:548px; padding-top:6px;}
.home_focus .right li{ padding-top:21px; height:98px; position:relative;}
.home_focus .right li .more{ position:absolute; left:113px; bottom:-5px;}
.home_focus .right .txt{ float:right; width:375px; padding-right:60px;}
.home_focus .right .txt .t{ font-size:18px; color:#666;}
.home_focus .right .txt .p{ margin:5px 0 0; line-height:20px;}
.home_focus .right ul li img{ padding-top:10px;}



.home_news{ float:left; width:507px; padding:25px 53px 0 44px;}
.home_news .title{ color:#38589b; font-size:30px; padding-bottom:25px;}
.home_news .title b{ padding-right:10px;}

.home_news .istop .name{ font-size:18px;}
.home_news .istop .name span{ float:right; font-size:14px;}
.home_news .istop .txt{ padding:10px 0 15px;}

.home_news .none{ border-bottom:1px dotted #c4c8ca; line-height:32px;}
.home_news .none a{ color:#777; padding-left:15px; background:url(../images/home_newsa.jpg) no-repeat 3px center;}
.home_news .none span{ float:right;}

.home_join{ float:right; width:596px; background:#7d96d6 url(../images/home_join_bg.jpg) no-repeat right bottom;}
.home_join .left{ float:left; width:301px;}
.home_join .right{ float:right; width:238px; padding:42px 30px 0 0; color:#fff; line-height:30px; font-size:14px;}

.home_link{ background:#919dd9; clear:both; padding:19px 20px 30px 18px; color:#fff;}
.home_link a{ color:#fff;}
.home_link .t{ font-size:14px; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #c8ceec; margin-bottom:15px;}

.home_link .bd{ position:relative;}
.home_link .bd ul{ padding:4px 0 !important;}
.home_link .bd li{ width:192px; float:left; border-right:1px solid #c8ceec; height:9px; line-height:9px; text-align:center;}
.home_link .bd li a{ color:#fff;}
.home_link .bd li a:hover{ color:#fffa1a;}
.home_link .bd .prev,.home_link .bd .next{ display:block; width:36px; height:25px; position:absolute; bottom:38px;}
.home_link .bd .prev{ right:37px; background:url(../images/home_prev2.jpg) no-repeat;}
.home_link .bd .next{ right:0px; background:url(../images/home_next2.jpg) no-repeat;}

/*index*/

/*about*/
.horon{ overflow:hidden; padding-top:40px;}
.horon li{ float:left; width:255px; height:260px; text-align:center; padding-right:60px;}
.horon li .img{ height:167px; background:url(../images/horon_bg.jpg) no-repeat center top; padding-top:10px;}
.horon li .img img{ width:223px; height:153px;}
.horon li .name{ line-height:60px;}


.horon2{ overflow:visible; padding-top:40px;}
.horon2 ul{ padding-bottom:50px;}
.horon2 li{ height:66px; line-height:66px; position:relative; padding:0 0 0 50px; background:#fff url(../images/horon_bg.png) no-repeat left center; border-bottom:1px solid #d2d2d2;}
.horon2 li span{ float:right;}
.horon2 li .img{ padding:7px 9px 7px 19px; position:absolute; left:526px; bottom:-50px; display:none; background:url(../images/horon_bg2.png) no-repeat left center;}
.horon2 li .img img{ width:191px; height:125px;}
.horon2 li:hover{ color:#23498b; border-bottom:1px solid #22498a; background-color:#eee; z-index:3;}
.horon2 li:hover .img{ display:block;}



.conpany .hd{ height:130px; position:relative; overflow:hidden;}
.conpany .hd .tempWrap{ overflow:visible !important;}
.conpany .hd ul{ border-top:2px solid #f2f2f2; margin-top:18px !important; overflow:visible !important;}
.conpany .hd li{ float:left; width:150px; position:relative; top:-14px; font-size:14px; color:#bfbfbf; text-align:center; cursor:pointer;}
.conpany .hd li .icon{ height:29px; background:url(../images/con_libg.jpg) no-repeat center top;}
.conpany .hd li.on .icon{ background-position:center bottom;}
.conpany .hd .prev,.conpany .hd .next{ display:block; position:absolute; top:0; width:40px; height:40px;}
.conpany .hd .prev{ background:url(../images/con_prev.jpg) no-repeat; left:0;}
.conpany .hd .next{ background:url(../images/con_next.jpg) no-repeat; right:0;}
.conpany > .con_txt{ display:none;}

/*about*/

/*news*/
.news{ overflow:hidden; font-size:12px;}
.news ul{ padding-bottom:40px;}
.news .istop{ height:233px; padding-bottom:23px; border-bottom:1px dashed #ccc;}
.news .istop .img{ float:left; width:419px; height:233px;}
.news .istop .img img{ width:419px; height:233px;}
.news .istop .text{ float:left; width:690px; padding-left:48px;}
.news .istop .text .time{ font-size:30px; color:#8892b5; line-height:40px; padding-bottom:15px;}
.news .istop .text .t{ font-size:18px; color:#616163; font-weight:bold;}
.news .istop .text .fb{ padding:10px 0;}
.news .istop .text .txt{ height:78px;}
.news .istop .text .more{ display:block; width:95px; height:28px; border:1px solid #e6212a; text-align:center; color:#8f9091; line-height:28px; border-radius:3px;}
.news .none{ overflow:hidden; height:152px; padding:23px 0 27px; border-bottom:2px solid #f4f3f3;}
.news .none .img{ float:left; width:240px; height:152px;}
.news .none .img img{ width:240px; height:152px;}
.news .none .text{ float:left; width:856px; padding-left:27px;}
.news .none .text .t{ font-size:18px; color:#616163; font-weight:bold;}
.news .none .text .fb{ padding:10px 0;}
.news .none .text .txt{ height:62px;}
.news .none .text .more{ padding-right:14px; color:#e6212a; background:url(../images/news_more.jpg) no-repeat right center;}

.info_title{ text-align:center; font-size:18px; color:#333;}
.info_time{ text-align:center; padding:10px 0;}
.info_txt{ overflow:hidden;}

/*news*/

/*group*/
.group li{ float:left; width:564px; height:326px; margin:0 72px 87px 0; border-bottom:1px solid #ffe4be; position:relative;}
.group li .img img{ width:564px; height:285px;}
.group li .name{ position:absolute; width:100%; bottom:-22px; text-align:center;}
.group li .name a{ display:inline-block; padding:0 5px; background:#fff; font-size:18px;}
.group li .name span{ font-size:14px; color:#c9c9c9;}

.group_info .table td{ padding:40px 0; color:#585656;}
.group_info .table .td1{ width:300px; padding-right:10px; font-size:32px;}
.group_info .table .td1 span{ color:#b6b5b5; text-transform:uppercase; font-size:24px; font-family:DaunPenh;}
.group_info .table .td2{ width:890px; border-bottom:1px solid #e3e3e3;}

/*group*/

/*careers*/
.careers{ color:#585858; font-size:12px;}
.careers a{ color:#585858;}
.careers .title{ height:74px; position:relative; background:url(../images/careers_bg.jpg) no-repeat center center; text-align:center;}
.careers .title a{ display:inline-block; padding-top:10px; font-size:18px; color:#030409;}
.careers .title a span{ color:#b8b8b9;}

.careers .concept{ padding:46px 0 78px;}

.careers .talents{ overflow:hidden; padding:32px 0 79px;}
.careers .talents li{ float:left; width:578px; height:42px; line-height:42px; margin-right:44px; border-bottom:1px dashed #eaeaea;}
.careers .talents li .time{ float:right; color:#ccc;}
.careers .talents li a span{ color:#415f8e; font-weight:bold; padding:0 8px 0 2px;}

.careers_list{ overflow:hidden; padding:32px 0 79px;}
.careers_list li{ height:42px; line-height:42px; margin-right:44px; border-bottom:1px dashed #eaeaea;}
.careers_list li .time{ float:right; color:#ccc;}
.careers_list li a span{ color:#415f8e; font-weight:bold; padding:0 8px 0 2px;}

.human{ padding:33px 0 78px;}
.human table{ background:#f2f2f2; width:100%;}
.human table td{ background:#fff; line-height:34px; text-align:center;}
.human table .tr1 td{ background:#f7f7f7; color:#585858;}
.human table .td1{ width:360px;}
.human table .td2{ width:200px;}
.human table .td3{ width:200px;}
.human table .td4{ width:440px; color:#bababa;}

.staff{ padding:25px 0 100px;}
.staff li{ float:left; width:576px; margin-right:48px; height:163px; position:relative;}
.staff li .img{ float:left; width:163px; height:101px;}
.staff li .img img{ width:163px; height:101px;}
.staff li .text{ float:right; width:400px; color:#aeaeae;}
.staff li .text .t{ font-size:14px; padding-left:16px; background:url(../images/staff_bg.jpg) no-repeat left center; color:#505050;}
.staff li .text .txt{ height:55px;}
.staff li .text .more{ color:#999; padding-right:38px; height:25px; display:inline-block; background:url(../images/staff_bg2.jpg) no-repeat right center;}

.staff_list{ padding:10px 0;}
.staff_list li{ float:none; width:100%; height:163px; position:relative;}
.staff_list li .text{ float:right; width:1010px; color:#aeaeae;}

.human_list li{ margin-bottom:20px;}
.human_list li table{ width:100%; background:#e8e8e8; font-size:12px;}
.human_list li table td{ background:#fff; padding-left:42px; line-height:31px;}
.human_list li table .tr1 td{ background:#f7f7f7; color:#e6212a;}
.human_list li .td1{ width:147px;}
.human_list li .td2{ width:298px;}
.human_list li .td3{ width:100px;}
.human_list li .td4{ width:123px;}
.human_list li .td5{ width:100px;}
.human_list li table td .con{ line-height:18px; padding:40px 150px 40px 0;}
.human_list li table .human_a{ float:right; padding:0 20px; color:#fff; background:#e6212a;}

.human_info table{ width:100%;}
.human_info table .td1{ width:30%; line-height:40px;}
.human_info table td{ padding:10px 0;}
.human_info table .text{ border:1px solid #999; padding:0 0 0 10px; line-height:30px; width:200px;height: 30px;}
.human_info .form_err{ color:red; display:inline-block; vertical-align:middle;}
.human_info .btn{ float:left; margin:0 20px 0 0; padding:10px 30px; background:#e6212a; color:#fff; font-size:16px; font-weight:bold; cursor:pointer;}
.human_info .btn2{ background:#999;}


/*careers*/

/*contact*/
.contact{ overflow:hidden;}
.contact .left{ float:left; width:488px;}
.contact .title{ font-weight:bold; color:#7f879f; padding-bottom:10px; display:block;}
.contact .left .con{ background:#ecedf1;}
.contact .left .con .t{ height:37px; line-height:37px; background:#c9cdd7;}
.contact .left .con .t span{ display:inline-block; width:79px; height:37px; color:#fff; text-align:center; background:#e6212a; font-weight:bold; border-right:2px solid #fff;}
.contact .left .con .text{ padding-left:25px;}

.contact .right{ float:right; width:690px;}
.contact #map img{ max-width:none;}

/*contact*/
.PrevNextBox{ border-top:#dedede 1px solid; padding:10px 0 80px; padding-left: 300px;}
.PrevNextBox a{ font-size:1.167em; color:#565656; font-weight:bold; display:inline-block; line-height:30px;}
.PrevNextBox a.none{ cursor:default;}
.PrevNextBox a.none:hover{ color:#ccc;}
.PrevNextBox a:hover{color:#1f4590;}
/*下拉导航*/
.xiala{border: 1px solid #c3c3c3;background:url(../images/xltm_01.png) repeat;position: absolute;top: 111px;z-index: 99;overflow: hidden;display: none;}
.xiala .xialapic img{width: 320px;height: 180px; display:none;}
.xiala .xialapic{float: left;}
.xiala dl{float: left;/* padding-left: 35px;*/}
.xiala dl dd{ line-height : 30px;}
.xiala dl dd a{color: #fff !important;padding: 0 20px;}
.MainNav ul li:hover dd a{color: #808080; }
.MainNav ul li dd a:hover{color:#fff;background:#546f9a;}
