@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img,img a{border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
q:before,q:after {content:''}
abbr,acronym { border:0}
button{ cursor:pointer;}
.lf{ float:left;}
.rg{ float:right;}  

a{ text-decoration:none; color:#666;}
a:hover{ color:#0076BC; text-decoration:none;}
body,html{ text-align:center; background:#FFF; font-size:12px;font-family:"Arial", "Tahoma","Century Gothic", "微软雅黑", "宋体"; position:relative; width:100%; min-width:1200px;}

.clear{clear:both;height:0;line-height:0;font:0; overflow:hidden; background:#fff;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

.header,h1,h2,h3,h4,h5,h6,p,dl,dl dt,dl dd,ul,ul li,ol,ol li,.wrap,.left,.right,.header,.header ul li.banner,.footer p.linkbtm,.sharebtm,.mainwrap,.header span,.mobbtm{display:block; overflow:hidden;}
.header{height:100px;width:1024px;margin:0 auto;position:relative;overflow:visible;}
.header .logo{ position:absolute; left:0; top:10px; width:320px; height:90px; z-index:1;}
.header .menu{ float:right; margin-top:55px; height:30px; overflow:visible;} 
.header .menu li{ display:inline-block; height:55px; line-height:14px; font-size:15px; margin-left:15px; position:relative; overflow:visible; font-weight: 500;}
.header .menu li a{padding:0 5px 7px ;}
.header .menu li:hover a{ color:#1977A7; /*border-bottom:solid 1px #1977A7;*/ text-align:center; }
.header .menu li:hover .line{ width:40px; height:0; border-bottom:solid 1px #1977A7; margin:9px auto; }
.header .menu li.on a{ color:#1977A7; /*border-bottom:solid 1px #1977A7;*/ text-align:center; }
.header .menu li.on .line{ width:40px; height:0; border-bottom:solid 1px #1977A7; margin:9px auto; }

/*首页banner*/
.banner{ height:628px; position:relative;}
.banner img{ width:auto; height:628px; position:absolute; display:none;}
.bannerImg{ height:387px; width:auto; position:absolute; left:50%; top:0; margin-left:-960px; }
.icon{position:absolute; left:48%; bottom:26px;}
.icon a{ display:block; width:13px; height:13px; background:url(../images/switch01.png) no-repeat; float:left; margin-right:8px;}
.icon a.on{background:url(../images/switch02.png) no-repeat;}
.icon a:hover{background:url(../images/switch02.png) no-repeat;}





.box{ width:1024px; margin:0 auto;}
.ss{height:700px;}
.ssbox{ width:1024px; margin:0 auto; padding-top:75px; background:url(../images/1_07.png) center 75px no-repeat;}
.ss1{ text-align:center; padding-left:5px;} 
.ss .ss1 .div1{ color:#303030; font-size:26px; font-weight:bold; line-height:28px;}
.ss .ss1 .div2{ color:#aaaaaa; margin-top:4px;font-size:16px; line-height:32px;}
.ss2{ margin-top:68px;}
.ss2 .lf{ width:391px;}
.ss2 .rg{ width:520px;}
.ss2 .rg .div1{ font-size:27px; font-weight:bold; color:#0050A1; line-height:30px; text-align:left;}
.ss2 .rg .div2{ font-size:20px; font-weight:bold; color:#373737; line-height:24px; margin-top:12px; text-align:left;}
.ss2 .rg .div3{ margin-top:30px; color:#606060; font-size:15px; line-height:28px; text-align:left;}
.ss2 .rg .div3 p{ text-indent:2em;}
.ss2 .rg .div3 div{ margin-top:15px;}
.ss2 .rg .div4 a{ display:block; text-align:center; height:33px; width:138px;  line-height:33px; margin-top:30px; font-size:14px;background:#0050A1; color:#fff; border:1px solid #0050A1;}
.ss2 .rg .div4 a:hover{ border:1px solid #dedede; color:#fff;}

.ssbox1{ width:1024px; margin:0 auto; padding-top:45px; background:url(../images/1_07.png) center 45px no-repeat;}
.ff{ background:url(../images/1_14.jpg) center no-repeat; height:130px; background-color: #E8E8E8; padding-bottom:20PX;}
.ff .ss1 .div1{ color:#303030; font-size:27px; font-weight:bold; line-height:30px;}
.ff .ss1 .div2{ color:#606060;text-transform:uppercase;font-size:15px; line-height:28px;margin-top:12px; }
.ff1{ text-align:center; margin-top:15px; color:#666666; height:44px;}
.ff2{ text-align:center; margin-top:50px; height:400px;}

.div_dong_js{}
.div_dong_js1{}
.div_dong_js2{ right:250px;}
.div_dong_js3{ left:250px;}

.div_dong_js4{ top:250px;}
.div_dong_js5{}
.div_dong_js6{}
.div_dong_js7{ left:250px;}
.div_dong_js8{ top:360px;}

.div_dong_js12{ top:250px;}
.div_dong_js13{ }
.div_dong_js14{ }

.div_dong_js17{}

.w1024{width: 1024px;margin:0 auto;position: relative;}


.portfolioMenu { width:1024px; height:40px; padding:25px 0px 23px 0px; clear:both; text-align:center; margin: 0px auto; font-size:14px;}
.portfolioMenu a { display:inline-block; background:none; width:120px; height:40px; overflow:hidden; text-align:center; line-height:40px; margin:0px 2px;position:relative; z-index:10;}
.portfolioMenu a { color:#333333;}
.portfolioMenu a.on { color:#ffffff;}

.menuBg {background:url(../images/nav_bg.gif) no-repeat 0px -42px; width:120px; height:40px; position:absolute; left:0px; top:0px; z-index:9; display:none; color:#ffffff;}

.zp_list { width:1024px; margin:0 auto; clear:both;}
.zp_box { width:320px; height:225px; display:inline; overflow:hidden; float:left; margin:7px 7px; cursor:pointer;}
.zp_box img { width:320px; height:225px;}
.pop_tit { width:320px; height:40px; padding:5px 10px 5px 10px; background:url(../images/zp_titbg.gif) no-repeat 0px 0px; display:none;text-align: left;}
.p_tit1 { line-height:36px; color:#ffffff; font-size:16px; padding-right:18px; text-align: left;}
.p_tit2 { line-height:14px; font-family:Arial; color:#fd8200; font-size:14px; text-align: left;}


.zp_box1 { width:320px; height:280px; display:inline; overflow:hidden; float:left; margin:7px 7px; cursor:pointer;}
.zp_box1 img { width:320px; height:280px;}
.pop_tit1 { width:320px; height:40px; padding:5px 10px 5px 10px; background:url(../images/zp_titbg.gif) no-repeat 0px 0px; display:none;text-align: left;}

.zp_box2 { width:320px; height:190px; display:inline; overflow:hidden; float:left; margin:7px 7px; cursor:pointer;}
.zp_box2 img { width:320px; height:190px;}
.pop_tit2 { width:320px; height:40px; padding:5px 10px 5px 10px; background:url(../images/zp_titbg.gif) no-repeat 0px 0px; display:none;text-align: left;}

.zp_box3 { width:300px; height:300px; display:inline; overflow:hidden; float:left; margin:7px 7px; cursor:pointer;}
.zp_box3 img { width:300px; height:300px;}
.pop_tit3 { width:300px; height:40px; padding:5px 10px 5px 10px; background:url(../images/zp_titbg1.gif) no-repeat 0px 0px; display:none;text-align: left;}

.zp_box4 { width:500px; height:300px; display:inline; overflow:hidden; float:left; margin:7px 7px; cursor:pointer;}
.zp_box4 img { width:500px; height:300px;}
.pop_tit4 { width:500px; height:40px; padding:5px 10px 5px 10px; background:url(../images/zp_titbg2.gif) no-repeat 0px 0px; display:none;text-align: left;}



.ibanner2dp{clear:both;	height:502px;overflow:hidden;position:relative;	z-index:99;}
.ibanner2p{ height:502px; margin:0 auto; position:absolute; top:0; left:50%; width:1920px; margin-left:-960px; }
.ibanner2dp .cond{ position:absolute; width:100%; height:502px; top:0; left:0; z-index:1; }
.ibanner2dp .cond .conbg{ position:relative; }
.ibanner2dp .cond .conbg .lnkbg{ position:absolute; top:0; left:0; z-index:1; width:100%; height:502px; background-color:#000; filter:alpha(opacity=30);opacity:0.30; }

.ibanner2dp .cond .conbg .linkpd{ width:268px; height:268px; margin:0 auto; position:relative; z-index:999; }
.ibanner2dp .cond .conbg .lnk { position:absolute; top:132px; left:0; z-index:2; width:248px; height:150px; padding-top:98px; line-height:26px; display:block; text-align:center; z-index:2; color:#FFF; font-size:14px; border:10px #fff solid; border-radius:268px; -moz-border-radius:268px; -webkit-border-radius:268px; background-color:#000; filter:alpha(opacity=70);opacity:0.70; cursor:pointer; }
.ibanner2dp .cond .conbg .lnk .t{ font-size:26px; color:#fff; line-height:40PX;}
.ibanner2dp .cond .conbg .lnk .b{ font-size:16px; color:#53A9FF; font-weight:bold; }

.ibanner2dp .cond .conbg .lnkhove{ position:absolute; top:132px; left:0; z-index:2; display:block; text-align:center; z-index:2; color:#FFF; font-size:14px; filter:alpha(opacity=0);opacity:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.ibanner2dp .cond .conbg .lnkhove a{ width:248px; height:170px; padding-top:78px; border:10px #fff solid; border-radius:268px; -moz-border-radius:268px; -webkit-border-radius:268px; display:block; background-color:#fff; }
.ibanner2dp .cond .conbg .lnkhove a .t{ line-height:30px; font-size:22px; color:#3c3c3c; }
.ibanner2dp .cond .conbg .lnkhove a .b{ line-height:18px; padding-top:30px; }
.ibanner2dp .cond .conbg .lnkhove a .b{ font-size:15px; color:#999; font-weight:bold; }
.ibanner2dp .cond .conbg .lnkhove a .b span{ font-size:12px; color:#53A9FF; font-family:Arial; }
.ibanner2dp .cond .conbg .lnkhove a:hover{ color:#53A9FF; text-decoration:none; }

.ibanner2dp .cond .conbg .linkpd.mouse .lnkhove{ display:block; filter:alpha(opacity=100);opacity:1; }


#servicesBox { width:999px; height:270px; margin:0 auto; clear:both; padding:60px 0px 45px 0px; line-height:18px; color:#999999; font-size:12px;}
#servicesBox .serBox { cursor:pointer; display:inline; width:320px; height:270px; float:left; overflow:hidden; background-color:#f0f0f0; position:relative;}
#servicesBox .serBoxOn { display:none; width:320px; height:270px; background:url(../images/serboxon_bg.jpg) repeat 0px 0px; position:absolute; left:0px; top:0px; z-index:19;}
#servicesBox .serBox .pic1 { width:110px; height:110px; text-align:center; position:absolute; top:22px; right:105px; z-index:99;}
#servicesBox .serBox .pic2 { width:110px; height:110px; text-align:center; position:absolute; top:22px; left:-110px; z-index:99;}
#servicesBox .serBox .txt1 { width:240px; height:100px; color:#999999; position:absolute; top:145px; left:40px; z-index:99;}
#servicesBox .serBox .txt2 { width:240px; height:100px; color:#fff; position:absolute; top:145px; right:-240px; z-index:99;}
#servicesBox .serBox span.tit { font-size:16px; display:block; height:50px; line-height:40px; text-align:center;}
#servicesBox .serBox .txt1 .tit { color:#000000;}
#servicesBox .serBox .txt2 .tit { color:#fff;}

.fgH20 { float:left; width:19px; height:270px;}

#servicesBox h3 { font-weight:normal; font-size:16px; height:30px; line-height:20px; color:#000000;}

.servicesPop { background:url(../images/services_popbg.gif) repeat 0px 0px; width:100%; clear:both; height:320px; padding-top:33px; position:absolute; top:-3px; left:0px; z-index:999; display:none;}
.servicesPop #serFocus { width:1000px; height:273px; margin:0 auto; clear:both; background-color:#ffffff;}
#serFocus div.box { width:1000px; height:273px; display:none; color:#999999;}
/* #serFocus img { width:1000px; height:273px;}*/
.flash_bar { text-align:center; clear:both; height:20px; width:1000px; padding-top:15px; margin:0 auto;}
.flash_bar span.dq { display:inline-block; width:18px; height:18px; cursor:pointer; background:url(../images/ser_focus_point.gif) no-repeat 5px -17px; }
.flash_bar span.no { display:inline-block; width:18px; height:18px; cursor:pointer; background:url(../images/ser_focus_point.gif) no-repeat 5px 5px; }
a.close { cursor:pointer; display:inline-block; width:28px; height:28px; background:url(../images/bt_bg.gif) no-repeat 0px -608px; position:absolute; top:0px; z-index:99; right:0px;}
a.close:hover { background:url(../images/bt_bg.gif) no-repeat -38px -608px;}

.clients_box { width:996px; height:243px; overflow:hidden; border-top:#efeff0 1px solid; border-left:#efeff0 1px solid; background-color:#ffffff; clear:both; overflow:hidden; margin:0px auto 0px auto; margin-bottom:60px;}
.clients_box li { float:left; padding:0px; border-bottom:#efeff0 1px solid; border-right:#efeff0 1px solid; width:165px; height:80px;/**/ overflow:hidden;}
.clients_box img{ width:165px; height:80px; margin:0px; padding:0px;}

.f_con{background:#565656;width:100%; padding:12px 0;}
.f_con p{ font-size:14px; color:#9e9e9e; line-height:25px; text-align:center;}
.f_con a{ font-size:14px; color:#9e9e9e;}


/* 内页 */

.columnban{ background-position: center top; background-repeat:no-repeat;}
.columnban img{ width:100%;}

.Content{ background:url(../images/dot.jpg) repeat-x left 47px; padding-bottom:3em; padding-top:1.2em;}
.auto{ width:100%; margin:0 auto; max-width:1024px;}
.Sidebar{ width:240px; float:left; }
.Rightbar{ width:740px; float:right;}

.Sidebar .her{background:url(../images/side_header.jpg) no-repeat; position:relative; height:100px; line-height:39px; color:#fff; font-size:34PX; padding-top:10%; text-shadow:1px 0 5px  rgba(0, 0, 0, 0.3); font-family:"微软雅黑";}
.Sidebar .moblie-her{ }
.Sidebar .her em{  font-family:Arial; font-size:16px; display:block; text-align: left; margin-left:45px;}
.Sidebar .sub{ background:#e2e2e2; padding-bottom:2em; border-top:1px solid #fff;font-size:15px; }
.Sidebar .sub li{ border-bottom:1px dotted #fbfbfb;  height:47px; }
.Sidebar .sub li a{ padding-left:10px; display:block;line-height:46px; background:url(../images/menu_bg1.png) no-repeat 85% center; }
.Sidebar .sub li:hover,.Sidebar .sub li.on{  background-color:#013392; }
.Sidebar .sub li:hover a,.Sidebar .sub li.on a{color:#fff; background:url(../images/menu_bg2.png) no-repeat 85% center;  }
.lflx{ border:1px solid #E6E6E6; margin-top:25px; }
.lflx images{margin-bottom:12px;}
.lflx .dz{font-size:14px; color:#333; text-align:left; line-height:28px; margin-left:8px;}


.moblie-her{color:#fff; padding:0 2%; line-height:2.5em;}
.moblie-her span{ float:right;line-height:2.5em; cursor:pointer;}

.Current{ height:45px; line-height:47px; border-bottom:1px solid #e5e5e5; color:#003D79;margin-bottom:1.2em; font-size:16px; font-weight:bold; font-family:"微软雅黑";}
.Current em{ float:right; font-style:normal; color:#003D79; font-size:14px; padding-left:540px;}
.Current em a{color:#383838;}
.Current em span,
.Current em a:hover{ color:#003D79;}

.info{ font-size:14px; line-height:2; text-align:left;}
.info p{ text-indent:2em;}
.info{ padding:0 1%; margin:1em 0;}

.top-menu li.search span.glyphicon{ font-size:160%; color:#909090; top:5px;}
.top-menu .text{height:34px; line-height:34px;border:1px solid #e9e9e9; padding-left:10px; background:#fff; }
.top-menu li.search .text{ width:150px; padding-right:34px;}
.top-menu  .text:focus{border-color: #ca192b;outline: 0px none;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(202, 25, 43, 0.6);}
.top-menu li.search .btn-search{ width:34px; height:34px; position:absolute; padding:0; right:0px; top:0px;border:0;background:none;color:#a0a0a0; }
.top-menu .dropdown-menu li{ float:none; padding-top:0px;}

.cp{ font-size:14px; color:#FFFFFF;}
.cp a{ color:#FFFFFF;}
.cp a:hover{ color:#4687FF;}

.ul_news li{ border-bottom:1px dashed #ddd; line-height:35px;}
.biaoti{ text-align:center; color:#666666; font-size:16px; font-weight:bold; text-align:center; line-height:28px;}
.time{ text-align:center; margin-top:4px; border-bottom:1px dashed #ccc; padding-bottom:9px;}
.time strong{ font-size:14px; color:#d2243b}
.txt{ margin-top:10px;}
.tabl{ color:#666666;}
.tabl a{ color:#666666;}