@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:852px;  position:relative;}
.banner ul{ overflow:hidden; width:100%; height:852px; position:relative}
.banner li{ width:100%; height:852px; position:absolute; left:0; top:0}
.banner li a{ display:block; width:100%; height:100%;}
.banner .li01{background:url(../newImg/1index/banner1.png) no-repeat center top;}
.banner .li02{background:url(../newImg/1index/banner2.png) no-repeat center top;}
.banner .li03{background:url(../newImg/1index/banner3.png) 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 */background: #f5c01d;border-radius: 40px;}
.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%; padding:70px 0 70px 0;background:#F7F7F7;}
.index_yewu .yewubox{ height:auto; min-width:1200px; padding:2%; margin:0 auto; margin-top:30px;display:flex;justify-content: center;}
.index_yewu .yewubox>li{ display:block; width:25%; height:auto overflow:hidden; position:relative; transition:transform 0.15s ease;-webkit-transition:transform 0.15s ease;margin-right:20px;  box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);}
.index_yewu .yewubox>li:last-child{ border:none; margin-right:0;}
.index_yewu .yewubox>li a{text-decoration: none;}
.index_yewu .yewubox>li .core-item{padding-top: 350px;position: relative; overflow: hidden;background: #EDF1F4;width:100%;text-align:center;}
.index_yewu .yewubox>li .core-item-img{height: 350px; overflow: hidden; position: absolute;top: 0; left: 0;transition: all 0.36s ease;
    display: flex; align-items: center;justify-content: center;  width:100%;}
.index_yewu .yewubox>li .core-item-img img{height:140px; width: 140px;transition: all 0.36s ease;}
.index_yewu .yewubox>li .core-item .item-mask{display: block;width: 100%;height: 100%;position: absolute;left: -10px;top: -10px; border: #ffffff 10px solid; transition: all ease-out 0.2s;}
.index_yewu .yewubox>li:hover .core-item .item-mask{width: calc(100% - 20px); height: calc(100% - 20px);left: 0px;top: 0px;}
.index_yewu .yewubox>li:hover .core-item-img img{height: 150px; width: 150px;}
/*.index_yewu .yewubox>li img{ display:block; margin:20px auto;}*/
.index_yewu .yewubox>li .item_wrapper{background: #fff;padding: 38px 38px 46px 38px;text-align: center;}
.index_yewu .yewubox>li p{ text-align:center;color: #999;margin-bottom: 15px;word-wrap: break-word;word-break: normal;}
.index_yewu .yewubox>li h3{ text-align:center; font-size:18px; color:#333; margin-bottom:5px; font-weight:normal}
.index_yewu .yewubox>li i{ display:block; width:30px; height:2px; background-color:#0d4da1; margin:0 auto;margin-top:8px;margin-bottom: 8px;}
.index_yewu .yewubox>li em{ display:block; text-align:center; height: 70px; font-size:14px; line-height:30px; color:#888;padding:0 3%;margin-bottom: 30px;}
.index_yewu .yewubox>li .detail{padding: 2px 50px;
    background: transparent;
    border: #ddd 1px solid;
    transition: all ease-out 0.3s;
    text-decoration: none;
    color: #232323;
    border-radius: 50px;
    display: inline-block;
    margin: 0;
    font-size: 0;
    line-height: normal;}
.index_yewu .yewubox>li .detail i{display: inline-block;width: 15px;height:15px;background:url("../newImg/1index/detail-black.png");background-size: 100% 100%;}
.index_yewu .yewubox>li:hover .detail{background: #232323; border-color: #232323;}
.index_yewu .yewubox>li:hover .detail i{
	background:url("../newImg/1index/detail-white.png");background-size: 100% 100%;
}
/*.index_yewu .yewubox>li a:hover h3{color: #1a46a1;font-weight:bold;}
.index_yewu .yewubox>li:hover{-ms-transform:rotate(15deg); -webkit-transform: rotate(15deg);transform: rotate(15deg);box-shadow:0 2px 3px #aaaaaa;}*/

/*news*/
.index_news { overflow:hidden; width:1200px; margin:70px auto;height: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:1450px;  position:relative}
.index_news .newsbox .newbox_solution_list{height:auto;margin-top:60px;}
.index_news .newsbox .newbox_solution_list ul{height:100%;}
.index_news .newsbox .newbox_solution_list ul>li{width:380px;float: left;margin: 0 10px;transition:transform 0.15s ease;-webkit-transition:transform 0.15s ease;height:460px;position: relative;}
.index_news .newsbox .newbox_solution_list ul>li:nth-child(n+4){width:580px;height: 460px;}
.index_news .newsbox .newbox_solution_list ul li .newbox_solution_list_item{box-sizing:border-box;width:100%;height:220px;background:rgba(244,244,244,1);padding:30px;color:#333}
.index_news .newsbox .newbox_solution_list ul li img{display:block;width:100%;height:220px;}
.index_news .newsbox .newbox_solution_list ul li h3{font-weight:bold; font-size:20px;text-align: center; overflow:hidden;margin-bottom: 30px;}
.index_news .newsbox .newbox_solution_list ul li .newbox_solution_list_item a{display:block;font-size:14px;height: 18px;text-align: left;margin-bottom: 21px;position: relative;line-height:20px;}
.index_news .newsbox .newbox_solution_list ul li .newbox_solution_list_item .circle{display:inline-block;width:3px;height: 3px;border-radius: 50%;background-color:rgba(175,175,175,1);position: absolute;left:-6px;top:9px;}
.index_news .newsbox .newbox_solution_list ul li:hover{-ms-transform:scale(0.9,0.9); /* IE 9 */-webkit-transform:scale(0.9,0.9);/* Safari and Chrome */transform:scale(0.9,0.9);}
.index_news .newsbox .newbox_solution_list ul li .back_arrow_up{ width: 0; height: 0;border-width: 20px;border-style: solid;border-color:transparent transparent #F4F4F4 transparent ;position:absolute;left:44%;bottom:52%;}
.index_news .newsbox .newbox_solution_list ul li .back_arrow_down{ width: 0; height: 0;border-width: 20px;border-style: solid;border-color:#F4F4F4 transparent transparent transparent ;position:absolute;left:44%;bottom:44%;}

.index_news .listbox { overflow:hidden; width:560px; float:right; border: 1px solid #eee;height:99%;box-sizing: border-box;border-top:5px solid #f5c01d;}
.index_news .listbox h2{line-height: 40px;border-bottom: 1px solid #eee;margin:0 30px;font-size: 16px;font-weight: normal;}
.index_news .listbox .list{ overflow:hidden; margin:0 30px;height:230px;padding:20px 0;border-bottom: 1px solid #eee;box-sizing: border-box;}
.index_news .listbox .list:last-child{border-bottom: 0;}
.index_news .listbox img{ display:block; float:left;}
.index_news .listbox .wen{ overflow:hidden; width:440px;}
.index_news .listbox h4{font-weight: normal;font-size: 12px;color: #999;}
.index_news .listbox h3{ overflow:hidden; font-size:16px; font-weight:normal;}
.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:24px;margin-top:15px;}


.index_about { overflow:hidden; width:100%; margin:70px 0;}
.index_about ul{ height:470px; width:1200px; margin:0 auto; margin-top:40px;}
.index_about li{ float:left; width:380px; height:100%; background-color:#f4f4f4; margin:0 10px; position:relative;transition:transform 0.15s ease;-webkit-transition:transform 0.15s ease;}
.index_about h3{ text-align:center; font-weight:normal; font-size:20px; margin-bottom:5px;}
.index_about h3 a{ color:#333}
.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:#666; line-height:25px; text-align:justify;text-align-last: center; width:245px; margin:0 auto}
.index_about li:hover{transform: translateY(-25px);box-shadow:0 6px 16px rgba(0,0,0,0.12);-ms-tranform:translateY(-25px);}

.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;}

/*index_sp团队介绍*/
/* .index_sp { overflow:hidden; width:100% !important; height:600px; position:relative; background:url(../Img/Index/sp.png);}
.index_sp .wt{margin-top:40px;}
.index_sp>i{ display:block; cursor:pointer; width:28px; height:50px; position:absolute; top:275px; 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:50px; width:100%; height:550px;}
.index_sp .list{ overflow:hidden; width:100%; height:550px; 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:950px; margin:0 auto; height:332px; margin-top:100px; position:relative}
.index_sp .spwh ul{ overflow:hidden; position:absolute; margin-left: 60px}
.index_sp .spwh li{ float: left; width:250px; height:332px; background-color:#efefef; margin-right:18px;margin-left: 11px}
.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:30px;color: #999;text-align: center;font-weight: normal;}
.index_sp .spwh li p{ font-size:12px; color:#777; line-height:20px; height:40px; 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_kehu { overflow:hidden; width:100%; padding:70px 0; background:url(../Img/Index/kehu.png) 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;}*/