@charset "utf-8";
/* CSS Document */
/*banner*/

body{min-width: 1230px; width: 100%;}

.links{ overflow:hidden; width:1200px; margin:0 auto; margin-top:50px; margin-bottom:15px;}
.links h3{ float:left; font-size:12px;}
.links h3 a{ color:#555}
.links ul{ overflow:hidden; float:left; font-size:12px; color:#888}
.links li{ float:left; margin-right:25px;}
.links li a{ color:#888}
/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}


.banner{ overflow:hidden; width:100%; height:800px;  position:relative;}
.banner ul{ overflow:hidden; width:100%; height:800px; position:relative}
.banner li{ width:100%; height:800px; position:absolute; left:0; top:0}
.banner li a{ display:block; width:100%; height:100%;}
.banner .li01{background:url(Img/Index/banner01.jpg) no-repeat center top;}
.banner .li02{background:url(Img/Index/banner02.jpg) no-repeat center top;}
.banner .li03{background:url(Img/Index/banner03.jpg) no-repeat center top;}
.banner .btn{ overflow:hidden; width:100%; position:absolute; left:0; bottom:40px; text-align:center;}
.banner .btn span{*display:inline}
.banner .btn span{ display:inline-block; width:10px; height:10px; background:url(Img/Index/banner_btnnn.png) no-repeat center; cursor:pointer; margin:0 6px;}
.banner .btn span.cur{ width:40px; background:url(Img/Index/banner_btncur.png) no-repeat center}
.banner i{ display:none; width:42px; height:72px; z-index:1000; position:absolute; cursor:pointer;}
.banner i.btn_left{ left:0; top:380px; background:url(Img/Index/banner_btn01.png) no-repeat top center;}
.banner i.btn_right{ right:0; top:380px; background:url(Img/Index/banner_btn02.png) no-repeat top center;}
.banner:hover i{display:block}
.banner i:hover{background-position:bottom}

/*业务*/
.index_yewu { overflow:hidden; width:100%; margin:70px 0 30px 0;}
.index_yewu .yewubox{ height:330px; width:1200px; padding:20px; margin:0 auto; margin-top:30px;}
.index_yewu .yewubox>li{ display:block; width:299px; height:330px; float:left; overflow:hidden; position:relative; border-right:1px dotted #d3d3d3;}
.index_yewu .yewubox>li.last{ border:none}
.index_yewu .yewubox>li>img{ display:block; margin:20px auto;}
.index_yewu .yewubox>li h3{ text-align:center; font-size:18px; color:#333; margin-bottom:15px; font-weight:normal}
.index_yewu .yewubox>li em{ display:block; text-align:center; font-size:14px; line-height:22px; color:#888;}
.index_yewu .wen{ display:none; overflow:hidden; width:149px; padding:0 75px; height:100%; position:absolute; left:0; top:0; background:url(Img/Index/hx01.jpg) no-repeat center top;}
.index_yewu .wen img{ position:absolute; left:30px; top:20px;}
.index_yewu .wen h4{ font-size:20px; color:#fff; margin-top:30px; margin-bottom:15px; font-weight:normal;}
.index_yewu .wen h4 a{ color:#fff;}
.index_yewu .wen ul{ overflow:hidden; width:100%;}
.index_yewu .wen li{ float:left; width:100%; font-size:14px; line-height:32px; padding-left:15px; background:url(Img/Index/hx03.png) no-repeat left center; border-bottom:1px dotted #839ccf;}
.index_yewu .wen li a{ color:#85a7f7;}
.index_yewu .wen .more{ display:block; width:130px; height:26px; background:url(Img/Index/hx04.png) no-repeat center; margin:15px auto;} 
.index_yewu .wen li:hover a{ color:#fff;}
.index_yewu .yewubox>li:hover .wen{ display:block}

/*index_awxy overflow:hidden; margin-top:145px;background:url(Img/Index/xy01.jpg) no-repeat center top;*/
.index_awxy { overflow:hidden; width:100%; height:600px; background:url(Img/Index/xy01.jpg) no-repeat center top}
.index_awxy .wen{ overflow:hidden; width: 1200px; margin:0 auto; margin-top:145px; position:relative}

.index_awxy h2{ font-size:34px; margin-bottom:15px;}
.index_awxy h2 a{ color:#333;}
.index_awxy i{ display:block; width:30px; height:1px; background-color:#1a46a1; margin-bottom:15px;}
.index_awxy p{ font-size:16px; color:#636363; line-height:25px; margin-bottom:40px;}
.index_awxy .more{ display:block;  width: 140px;
    height: 40px; background:url(Img/Index/xy02.png) no-repeat center;}
    

/*news*/
.index_news { overflow:hidden; width:1200px; margin:70px auto;}
.index_news .menu{ overflow:hidden; width:100%; text-align:center; margin-top:30px; position:relative; z-index:1}
.index_news .menu li{ display:inline-block; width:140px; height:40px; text-align:center; line-height:40px; font-size:14px; background:url(Img/Index/news01.png) no-repeat center top; margin:0 10px;}
.index_news .menu li{ *display:inline}
.index_news .menu li a{ display:block; text-decoration:none; color:#333;}
.index_news .menu li.cur{ background-position:bottom}
.index_news .menu li.cur a{ color:#fff;}
.index_news b{ display:block; margin:0 auto; width:100%; height:1px; background-color:#e3e3e3; margin-top:-20px; margin-bottom:80px;}
.index_news .newsbox{ overflow:hidden; width:100%; height:370px; position:relative}
.index_news .newslist{ overflow:hidden; width:100%; height:100%;}
.index_news .newslist .wentu{ overflow:hidden; float:left; width:590px; height:370px;}
.index_news .newslist .wentu img{ display:block; margin-bottom:15px;}
.index_news .newslist .wentu h3{ font-weight:normal; font-size:20px; padding-bottom:14px; border-bottom:1px solid #ebebeb; overflow:hidden; margin-bottom:12px;}
.index_news .newslist .wentu h3 a{ color:#333; display:block; width:460px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.index_news .newslist .wentu h3 span{ float:right; font-size:14px; color:#777;}
.index_news .newslist .wentu p{ font-size:14px; color:#888; line-height:22px;}
.index_news .listbox { overflow:hidden; width:560px; float:right; height:370px;}
.index_news .listbox .list{ overflow:hidden; width:100%; height:90px; margin-bottom:50px;}
.index_news .listbox img{ display:block; float:left;}
.index_news .listbox .wen{ overflow:hidden; float:right; width:440px; padding-left:20px; border-left:2px solid #e3e3e3}
.index_news .listbox h3{ overflow:hidden; font-size:16px; font-weight:normal; margin-bottom:10px;}
.index_news .listbox h3 a{ display:block; color:#555; width:333px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left}
.index_news .listbox h3 span{ float:right; font-size:14px; color:#888; font-family:Arial;}
.index_news .listbox p{ font-size:14px; color:#888; line-height:30px;}

/*index_sp*/
.index_sp { overflow:hidden; width:100% !important; height:600px; position:relative; background:url(Img/Index/04.jpg) no-repeat center center;*background:url(Img/Index/04.jpg) no-repeat center left;}
.index_sp i{ display:block; cursor:pointer; width:28px; height:50px; position:absolute; top:250px; z-index:2}
.index_sp .btn01{ left:10%; background:url(Img/Index/sp01.png) no-repeat center top;}
.index_sp .btn02{ right:10%; background:url(Img/Index/sp01.png) no-repeat center bottom;}
.index_sp .spbox{ overflow:hidden; position:absolute; left:0; top:0; width:100%; height:600px;}
.index_sp .list{ overflow:hidden; width:100%; height:600px; float:left;}
.index_sp .list .spbf{ display:block; margin:0 auto; margin-top:165px; cursor:pointer}
.index_sp .menu { overflow:hidden; background:url(Img/Index/sp02.png) no-repeat center 8px; width:100%; text-align:center; position:absolute; left:0; top:495px;}
.index_sp .menu li{ display:inline-block; width:120px; margin:0 30px; text-align:center; cursor:pointer}
.index_sp .menu li{ *display:inline}
.index_sp .menu li span{ display:block; width:17px; height:17px; background:url(Img/Index/sp03.png) no-repeat center; margin:0 auto; margin-bottom:10px;}
.index_sp .menu li em{ display:block; width:111px; height:30px; text-align:center; line-height:30px; font-size:14px; color:#fff; margin:0 auto;}
.index_sp .menu li.cur span{ background:url(Img/Index/sp04.png) no-repeat center;}
.index_sp .menu li.cur em{ background:url(Img/Index/sp05.png) no-repeat center;}
.index_sp .spwh{ overflow:hidden; width:895px; margin:0 auto; height:332px; margin-top:100px; position:relative}
.index_sp .spwh ul{ overflow:hidden; position:absolute}
.index_sp .spwh li{ float:left; width:285px; height:332px; background-color:#fff; margin-right:20px;}
.index_sp .spwh li img{ display:block; margin-bottom:25px;}
.index_sp .spwh li span{ display:block; text-align:center; font-size:18px; color:#333; margin-bottom:3px;}
.index_sp .spwh li em{ display:block; text-align:center; font-size:14px; color:#999; margin-bottom:15px;}
.index_sp .spwh li b{ display:block; margin:0 auto; width:50px; height:1px; background-color:#264fa6; margin-bottom:20px;}
.index_sp .spwh li p{ font-size:12px; color:#777; line-height:20px; height:60px; overflow:hidden; width:250px; margin:0 auto;text-align:center; }
.index_sp .sphezi{ display:none; overflow:hidden; width:100%; height:100%; position:fixed; left:0; top:0; background:url(Img/Index/header_bg.png) repeat center; z-index:10000}
.index_sp .sphezi .close{ width:30px; height:30px; cursor:pointer; position:absolute; right:10px; top:10px}
.index_sp .sphezi .film{ overflow:hidden; width:1000px; height:600px; background-color:#000; border:#f0f0f0 5px solid; position:absolute; left:50%; top:50%; margin-left:-505px; margin-top:-305px; border-radius:5px;}

.index_about { overflow:hidden; width:100%; margin:70px 0;}
.index_about ul{ height:360px; width:1230px; margin:0 auto; margin-top:40px;}
.index_about li{ float:left; width:277px; height:360px; background-color:#f4f4f4; margin:0 15px; position:relative}
.index_about h3{ text-align:center; font-weight:normal; font-size:22px; margin-bottom:5px;}
.index_about h3 a{ color:#555}
.index_about img{ display:block; margin:0 auto; margin-bottom:25px;}
.index_about span{ display:block; text-align:center; font-size:12px; color:#cecece; text-transform:uppercase; margin-bottom:10px;}
.index_about b{ display:block; width:30px; height:1px; background-color:#0d4da1; margin:0 auto; margin-bottom:15px;}
.index_about p{ font-size:12px; color:#888; line-height:25px; text-align:justify;text-align-last: center; width:245px; margin:0 auto}


/*客户*/
.index_kehu { overflow:hidden; width:100%; padding:70px 0; background:url(Img/Index/kehu.jpg) no-repeat center top;}
.index_kehu .boxbg{ overflow:hidden; width:1200px; padding:0 15px; margin:40px auto; margin-bottom:20px; height:452px; padding-bottom:20px; background:url(Img/Index/kehu_bb.png) no-repeat center bottom; position:relative}
.index_kehu .kehubox{ overflow:hidden; width:1200px; background-color:#fff; height:452px; position:relative;}
.index_kehu .kehubox ul{ overflow:hidden; position: absolute}
.index_kehu .kehubox li{ float:left; width:1200px; height:452px;}
.index_kehu .kehubox li img{ display:block; float:left; margin-right:1px; margin-bottom:1px;}
/*.index_kehu .kehubox li img.gray{
-webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: grayscale(100%); 
 filter: gray;}*/
.index_kehu .btn{ overflow:hidden; width:100%; text-align:center}
.index_kehu .btn span{ display:inline-block; width:10px; height:10px; margin:0 5px; background:url(Img/Index/kehu02.png) no-repeat right center; cursor:pointer}
.index_kehu .btn span{ *display:inline}
.index_kehu .btn span.cur{ background-position:left}


.retop ul{ overflow:hidden;}
.retop li{ float:left; margin-left:10px;}
.retop li img{ display:block;}
.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:65%; right:52%; margin-right:-615px; cursor:pointer;  display:none;}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}