﻿@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
body{ font-size:12px; color:#666; font-family:"microsoft yahei"; background:url(../images/common/bg01.jpg) repeat-y;}
img{ border:none;}
ul,li{ list-style-type:none;}
.clearfix:after{ content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden;}
.clearfix{ display:block;}
.clear{ clear:both; float:none; height:0;}
a{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
body{ font-family:microsoft yahei, Tahoma, Helvetica, arial, sans-serif;}

.wrap{ width:100%; min-width:1140px; overflow:hidden; position:relative;}

.header-wrap{ width:100%; position:fixed; top:0px; height:90px; left:0px; z-index:999999; box-shadow:0px 0px 10px #eee; background:#FFF;}
.header-wrap .main-nav{ width:1140px; margin:0 auto;}
.header-wrap .main-nav .logo{ float:left;}
.header-wrap .main-nav .logo a{ display:block; padding:25px 0;}
.header-wrap .main-nav .logo img{ display:block; width:auto; height:40px;}
.header-wrap .main-nav .nav{ float:right;}
.header-wrap .main-nav .nav ul{ padding:0px;}
.header-wrap .main-nav .nav ul li{ float:left; width:82px; height:87px; margin:0px 15px;}
.header-wrap .main-nav .nav ul li a{ display:block; float:left; height:87px; font-size:16px; line-height:87px; width:82px; text-align:center; color:#666; border-top:3px solid #fff;}
.header-wrap .main-nav .nav ul li a:hover{ color:#0096E2; border-top:3px solid #0096E2;}
.header-wrap .main-nav .nav ul .on a{ color:#0096E2; border-top:3px solid #0096E2;}
.header-wrap .main-nav .nav ul li:hover .sel_down{ display:block;}
.header-wrap .main-nav .nav ul li .sel_down{ display:none;}
.header-wrap .main-nav .nav ul li .sel_down{ width:235px; height:150px; z-index:1111111; float:inherit;}
.header-wrap .main-nav .nav ul li .sel_down div{ margin-left:-75px; width:235px; height:50px; background:url(../images/common/sel_bg.png) no-repeat 0px -100px;}
.header-wrap .main-nav .nav ul li .sel_down div:hover a{ background:url(../images/common/sel_bg.png) no-repeat 0px 0px;}
.header-wrap .main-nav .nav ul li .sel_down div a{ height:50px; line-height:50px; width:235px; font-size:14px; color:#FFFFFF; border:0px; text-indent:-6px;}

/*导航*/
.footer-wrap{ width:100%; background:url(../images/common/footer.jpg) repeat;}
.footer-wrap .footer{ width:1140px; margin:0px auto; position:relative;}
.footer-wrap .footer ul{ clear:both; float:none;}
.footer-wrap .footer ul li{ display:block; float:left; margin:0 64px 0 16px;}
.footer-wrap .footer ul li .li-tit{ font:bold 16px/16px microsoft yahei; color:#fff; padding:40px 0px 25px 0px;}
.footer-wrap .footer ul li .li-con{ font:14px/30px microsoft yahei; color:#ababab;}
.footer-wrap .footer ul li .li-con a{ display:block; font:14px/30px microsoft yahei; color:#ababab;}
.copy-wrap{ margin-top:15px; padding:15px 0px; border-top:1px solid #707070;}
.copy-wrap .copy{ font:14px/30px microsoft yahei; color:#9a9a9a; width:1140px; margin:0 auto;}

/*底部*/
.slideBox2{ width:100%; height:575px; overflow:hidden; position:relative; padding-top:90px;}
.slideBox2 .hd{ overflow:hidden; position:absolute; left:50%; bottom:30px; z-index:1;}
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox2 .hd ul span li{ width:10px;}
.slideBox2 .hd ul li{ float:left; margin:0 5px; width:10px; height:10px; filter:Alpha(Opacity=50); opacity:0.5; background:#0096e2; border-radius:50%; font-size:0; cursor:pointer;}
.slideBox2 .hd ul li.on{ background:#0096e2; filter:Alpha(Opacity=100); opacity:1;}
.slideBox2 .banner{ position:relative; height:100%; z-index:0;}
.slideBox2 .banner ul{ margin:0 auto;}
.slideBox2 .banner .abc{ zoom:1; vertical-align:middle; height:575px;}
.slideBox2 .banner .abc{ display:block; width:100%; height:575px;}
.slideBox2 .prev,
.slideBox2 .next{ position:absolute; left:5%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/common/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50); opacity:0.5;}
.slideBox2 .next{ left:auto; right:5%; background-position:8px 5px;}
.slideBox2 .next:hover{ filter:alpha(opacity=100); opacity:1;}
.slideBox2 .prevStop{ display:none;}
.slideBox2 .nextStop{ display:none;}
.contact-banner{ margin-top:90px;}
.contact-banner img{ display:block; margin:0 auto;}

/* bannercss */
.page20 .container{ min-width:1140px; padding-top:0px; background:url(../images/common/bg03.jpg) no-repeat 0px 0px; background-size:auto 270px; background-position:50% 0;}
.page20 .container .content{ width:1140px; margin:0 auto; position:relative;}
.page20 .container .content .title{ width:1000px; margin-left:auto; margin-right:0px; padding-top:50px;}
.page20 .container .content .title .fl{ font:30px/30px microsoft yahei; color:#333;cursor: pointer;}
.page20 .container .title span{ font-size:18px;}
.page20 .container .content .fl{ width:320px;}
.page20 .container .content .fr{ overflow:hidden; width:455px; height:30px; background:url(../images/common/icon02.png) no-repeat 0px center; font:14px/30px microsoft yahei; color:#333; text-indent:40px;}
#index_gonggao{ width:400px; height:30px; line-height:30px; margin-left:26px; overflow:hidden;}
#index_gonggao li{ width:400px;}
#index_gonggao li a{ color:#333;}
.page20 .container .content .con{ margin:80px 0px; font:14px/30px microsoft yahei; color:#666; font-size:16px;}
.page20 .container .content .con a{ color:#0096E2;}
/*.page20 .container .content .con a:hover{ text-decoration:underline; margin-left:2em;}*/
.page20 .container .content .con1 span{ display:block; float:left; width:346px; position:relative;}
.page20 .container .content .con1 span.span1{ margin:0px 50px;}
.page20 .container .content .con1 span i{ position:absolute; left:0px; left:0px;}
.page20 .container .content .con1 span .c{ margin-left:90px;}
.page20 .container .content .con1 span .c .ct{ font:18px/25px microsoft yahei; color:#333; height:25px; overflow:hidden;}
.page20 .container .content .con1 span .c .cc{ font:14px/24px microsoft yahei; color:#666;}
.page20 .container .content .con1  { margin-bottom:40px;}

/*公司简介*/
.page30 .container{ width:100%; position:relative; background:url(../images/common/bg06.jpg) repeat; height:570px; overflow:hidden;}
.page30 .container .content{ width:100%; margin:0 auto;}
.page30 .slideTxtBox{ width:100%; margin:0 auto;}
.page30 .slideTxtBox .hd{ margin:100px 0px; height:308px; width:28px; background:url(../images/common/index02.png) no-repeat center; position:relative; float:left; position:absolute; left:50px; z-index:9999;}
.page30 .slideTxtBox .hd ul{}
.page30 .slideTxtBox .hd ul li{ display:block; cursor:pointer; width:12px; height:12px; text-indent:-9999px; border-radius:12px;}
.page30 .slideTxtBox .hd ul li.li1{ margin:23px auto 115px 11px; *margin:20px auto 115px 11px;}
.page30 .slideTxtBox .hd ul li.li2{ margin:-3px auto 115px 11px; *margin:-6px auto 115px 11px;}
.page30 .slideTxtBox .hd ul li.li3{ margin:-3px auto 0 11px; *margin:-5px auto 0 11px;}
.page30 .slideTxtBox .hd ul li.on{ background-color:#fff; border-radius:50%;}
.page30 .slideTxtBox .bd ul li{ display:block; height:570px;}
.page30 .slideTxtBox .bd ul li .fl{ width:50%; height:370px; padding:100px 0px; float:left;}
.page30 .slideTxtBox .bd ul li .fl .fl-c{ margin-left:200px; margin-right:30px;}
.page30 .slideTxtBox .bd ul li .fr{ height:570px; overflow:hidden;}
.page30 .slideTxtBox .bd ul li .fr a{ display:block;}
.page30 .slideTxtBox .bd ul li .fr img{ margin:0 auto; display:block; height:570px; width:100%;}
.page30 .slideTxtBox .bd ul li .fl .tit{ font:bold 38px/38px microsoft yahei; color:#fff; padding-bottom:30px; background:url(../images/common/tit04.png) repeat-x center bottom;}
.page30 .slideTxtBox .bd ul li .fl .con{ font:14px/30px microsoft yahei; color:#fff; margin-top:30px; font-size:16px;}
.page30 .slideTxtBox .bd ul li .fl .more{ display:block; margin-top:40px;}

.page40 .container{ min-width:1140px; margin:0 auto; background:url(../images/common/bg002.jpg) no-repeat 0px 0px; background-size:auto 246px; background-position:50% 0; height:470px; overflow:hidden;}
.page40 .container .content{ width:1140px; margin:0 auto; position:relative;}
.page40 .container .content .title{ width:1000px; margin-left:-25px; margin-right:0px; padding-top:80px; font:30px/30px microsoft yahei; color:#333;cursor: pointer;}
.page40 .container .title span{ font-size:18px;}
.page40 .container .content .fl{ width:50%;}
.page40 .container .content .fr{ width:45%;}
.page40 .container .content .fl .title{ margin-left:125px;cursor: pointer;}
.page40 .container .content .conn{ margin:50px auto;}

.page40 .container .txtScroll-left{ position:relative;}
.page40 .container .txtScroll-left .hd{ overflow:hidden; height:30px; padding:0 10px;}
.page40 .container .txtScroll-left .hd .nextStop{ background-position:-60px -50px;}
.page40 .container .txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;}
.page40 .container .txtScroll-left .hd ul li{ float:left; border-radius:9px; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#bfbfbf;}
.page40 .container .txtScroll-left .hd ul li.on{ background:#0096E2;}
.page40 .container .txtScroll-left .bd{ padding:10px; overflow:hidden; padding-top:0px;}
.page40 .container .txtScroll-left .bd ul{ overflow:hidden; zoom:1;}
.page40 .container .txtScroll-left .bd ul li{ display:block;}
.page40 .container .txtScroll-left .bd ul li .tit{ height:44px; position:relative; text-indent:70px; font:18px/62px microsoft yahei; color:#333;}
.page40 .container .txtScroll-left .bd ul li .tit .date{ display:block; height:62px; width:62px; background:#0096E2; position:absolute; left:0px; top:0px; font:bold 30px/36px microsoft yahei; color:#fff; text-align:center; text-indent:0px; border-radius:6px;}
.page40 .container .txtScroll-left .bd ul li .tit a{ color:#333;}
.txtScroll-left .bd ul li .tit .date span{ font:12px/20px microsoft yahei; color:#fff; display:block;}
.txtScroll-left .bd ul li .con{ margin:30px 0px; font:14px/30px microsoft yahei; color:#666; height:100px; line-height:26px; overflow:hidden;}
.page40 .container .content .more{ display:block; text-align:right;}
.page40 .container .content .more.more1{ display:block; text-align:right; margin-top:30px;}
.page40 .container .content .fr ul li a:hover{ color:#0096E2;}
.page40 .container .content .fr .new_ul li{ line-height:50px; height:50px; border-bottom:#CCC 1px dotted; overflow:hidden;}
.page40 .container .content .fr .new_ul li span{ float:right; width:70px; font-size:16px;}
.page40 .container .content .fr ul li a{ font:16px/50px microsoft yahei; color:#333;}
#index_gonggao2{ overflow:hidden; width:513px; height:175px;} 

.page50 .container{ min-width:1140px; margin:0 auto; background:url(../images/common/bg06.jpg) repeat; height:370px; overflow:hidden;}
.page50 .container .content{ width:1140px; margin:0 auto; position:relative;}
.page50 .container .content .title{ font:30px/30px microsoft yahei; color:#fff; padding:50px 0px;}
.page50 .container .content .title span{ font-size:18px;}
.page50 .container .content .con{ margin:0px auto; width:1160px;}
.page50 .container .content .con a{ display:block; float:left; margin:20px 25px 20px 0px;}

.page60 .container{ min-width:1140px; margin:0 auto; background:url(../images/common/bg003.jpg) no-repeat 0px 0px; background-size:auto 494px; padding:10px 0px; background-position:50% 0;}
.page60 .container .content{ width:1140px; margin:0 auto; position:relative;}
.page60 .container .content .title{ font:30px/30px microsoft yahei; color:#333; padding:40px 0px;}
.page60 .container .content .title span{ font-size:18px;}
.page60 .container .content .con{ font:14px/40px microsoft yahei; color:#666; height:50px;}
.page60 .container .content .con a{ display:block; float:left; padding:0px 15px; color:#666;}

.body1{ width:100%; margin:0 auto; background:url(../images/common/bg0001.jpg) repeat-y; background-size:100%;}

.news{ min-width:1140px; margin:0 auto; background:url(../images/common/news54.jpg) no-repeat 0px 0px; background-size:auto 260px; background-position:50% 0;}
.news .content{ width:1140px; margin:0 auto; position:relative;}
.news .content .title{ font:30px/30px microsoft yahei; color:#333; padding-top:50px; width:1000px; margin-left:auto; margin-right:0px; position:relative;}
.news .content .title span{ font-size:18px;}
.news .content .fenlei{ padding-top:20px; width:1000px; height:40px; margin-left:auto;}
.menubar{ float:right; line-height:24px;}
.menuitem{ position:relative; float:left; margin-right:25px;}
.menuitem a{ text-decoration:none; font-size:18px; color:#333;}
.menuitem a:hover{ cursor:pointer; color:#0096E2;}
.menuitem .submenu{ display:none; background:#454545; position:absolute; top:25px; left:-1px; width:130px;}
.menuitem:hover .submenu{ display:block; cursor:pointer;}
.menuitem .submenu li{ list-style-type:none; line-height:40px;}
.menuitem .submenu li a{ font-size:14px; color:#FFF;}
.menuitem .submenu li a:hover{ color:#0096E2;}

.news .content .con{ margin:40px auto 20px;}
.news .content .con .tit{ font:bold 26px/26px microsoft yahei; color:#0096E2; padding:60px 0px 20px; text-align:center;}
.news .content .con .date{ font:13px/13px microsoft yahei; color:#666; text-align:center; padding:20px 0px;}
.news .content .con .date span{ padding:0px 10px;}
.news .content .con .img{ margin:20px 300px;}
.news .content .con .dao{ margin:30px auto; background:#f6f6f6; padding:20px 0px;}
.news .content .con .dao .daoc{ margin:0px 20px; font:14px/30px microsoft yahei; color:#666;}
.news .content .con .connn{ height:100%; padding:10px 0px 30px; background:url(../images/common/tit01.png) repeat-x center bottom; font:16px/60px microsoft yahei; color:#666; color:#666;}
.news .content .con .connn p{ font:14px/30px microsoft yahei; color:#666; text-indent:28px; color:#666; margin:15px auto;}
.news .content .con .fanye{ width:100%; height:50px; margin-top:20px;}

.news .content .con .fanye li{ float:left; width:600px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:30px;}
.news .content .con .fanye li a{ color:#666; font-size:14px;}
.news .content .con .butt{ margin:30px auto;}

.newss .content .con{ margin:100px auto;}
.newss .content .con .fl{ width:50%;}
.newss .content .con .fr{ width:50%;}
.newss .content .con .fr .fr-t{ font:bold 20px/20px microsoft yahei; color:#333;}
.newss .content .con .fr .fr-c{ margin:50px auto; font:14px/30px microsoft yahei; color:#666;}
.newss .content .con .fr .fr-b{ text-align:right;}
.newss .content .con .fl .slideBox{ overflow:hidden; position:relative; height:360px;}
.newss .content .con .fl .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:0px; bottom:5px; z-index:1; width:100%;}
.newss .content .con .fl .slideBox .hd ul{ overflow:hidden; zoom:1; display:block; width:50px; margin:0 auto;}
.newss .content .con .fl .slideBox .hd ul li{ float:left; margin-right:2px; width:10px; height:10px; line-height:14px; border-radius:10px; text-align:center; background:#acacac; cursor:pointer;}
.newss .content .con .fl .slideBox .hd ul li.on{ background:#0096E2; color:#fff;}
.newss .content .con .fl .slideBox .bd{ position:relative; height:100%; z-index:0;}
.newss .content .con .fl .slideBox .bd li{ zoom:1; vertical-align:middle;}
.newss .content .con .fl .slideBox .bd img{ width:510px; height:325px; display:block;}

.con1{ margin:100px auto 40px;}
.con1 .connn1{ background:url(../images/common/tit01.png) repeat-x center bottom; overflow:hidden; margin-left:30px; width:1140px; height:840px;}
.con1 .connn1 ul{}
.con1 .connn1 li{ float:left; text-align:center; margin:0 15px 30px 7px; border:#e3e3e3 1px double; width:260px;}
.con1 .connn1 li span{ padding:10px; display:block; background:url(../images/common/tit01.png) repeat-y center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:16px; color:#000;}
.conc{ width:1140px; margin:100px auto 50px; position:relative; padding-bottom:20px; background:url(../images/common/tit01.png) repeat-x center bottom; overflow:hidden;}
.conc .fl{ width:48%;}
.conc .fr{ width:48%;}
.conc .tit{ height:62px; position:relative; text-indent:88px; font:18px/62px microsoft yahei;}
.conc .tit a{ color:#333;}
.conc .tit .date{ display:block; height:62px; width:62px; background:#0096E2; position:absolute; left:0px; top:0px; font:bold 30px/36px microsoft yahei; color:#fff; text-align:center; text-indent:0px; border-radius:6px;}
.conc .tit .date span{ font:12px/20px microsoft yahei; color:#fff; display:block; text-align:center;}
.conc .con{ margin:30px 0px; font:14px/30px microsoft yahei; color:#666; width:548px; height:90px; overflow:hidden; text-overflow:ellipsis;}
.conc .more{ display:block; text-align:right;}

.Page{ width:100%; text-align:center; padding:35px 0;}
.Page a{ display:inline-block; width:65px; background:#ffffff; height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin:0 -3px; text-decoration:none; color:#333; outline:none;}
.Page a:hover{ background:#0096E2; color:#FFF; background-repeat:no-repeat;}
.Page span{ display:inline-block; min-width:45px; padding:0 10px; background:#ffffff; height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin:0 -2px;}
.Page span.current{ background:#0096E2; color:#FFF; margin:0 -3px;}

/**/
.bottom_top{ width:49px; height:27px; position:absolute; top:-27px; right:100px;}

.slideBox2{ height:450px;}
.slideBox2 .banner .abc{ height:450px; background-position:center !important; background-size:cover !important;}
.slideBox2 .prev, .slideBox2 .next{ margin-top:24px;}
