﻿@charset "utf-8";
/* CSS Document */
/*banner*/
/*.banner{ overflow:hidden; width:100%;}
.banner a{ display:block; width:100%; background:url(../images/banner.jpg) no-repeat center; height:540px;}*/

#flashs{ position:relative; height:540px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:30px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:15px;height:15px;font-size:14px;line-height:15px;text-align:center;}
#flashs .btn span.cur{ background:#4599d7;}

/*搜索*/
.S_s{ overflow:hidden; width:100%; background:#fff; padding:15px 0;}
.S_s p{ float:left; font-size:13px; color:#363636; line-height:45px; float:left;}
.S_s p a { color:#363636; margin:0 8px;}
.S_s .ssK{ float:right; width:425px; height:45px; margin-right:20px;}
.S_s .ssK input{ float:left; width:338px; height:45px; font-size:12px; color:#5a5a5a; line-height:45px; padding:0 5px; border:none; background:none; outline:none; border-bottom:1px dashed #c9c9c9}
.S_s  .ssK a{ display:block; background:url(../images/s_s_ss.png) no-repeat center; width:44px; height:44px; float:right;}

/*标题*/
.title{ overflow:hidden; width:100%;}
.title h2{ text-align:center; font-size:40px; color:#363636; font-weight:normal; margin-top:65px;}
.title h2 b{ color:#005ea6;}
.title h2 a{ color:#363636}
.title h2 a b{ color:#005ea6;}
.title p{ color:#868686;font-size:18px; text-align:center; margin-top:5px}
.title i{ display:block; margin:0 auto; background:url(../images/title_line.png) no-repeat center; height:6px; width:143px; margin-top:10px;}
.title p.ZhBt{ font-size:24px; color:#494949}


/*核心业务*/
.H_X{ overflow:hidden; width:100%; background:url(../images/hxbg.png) repeat-x center bottom; padding-bottom:55px;}
.H_X .hxBox{ position:relative; overflow:hidden;}
.H_X .title h2{ margin-top:30px}
.H_X .title p{ font-size:48px; text-transform:capitalize; color:#898989; font-family:Arial;}
.H_X .hxCon{ height:420px; margin-top:55px; width:1200px; position:relative;}
.H_X .list li{position:absolute;width:375px;height: 426px;margin:10px;box-shadow:0 0 10px #ccc;background-color:#fff;}
.H_X .list li img{position:absolute;left:0;}
.H_X .wen{overflow:hidden;position:relative;height: 155px;width:100%;left:0;bottom: -271px;}
.H_X .wen h3{  text-align:center; font-weight:normal; margin-top:25px;}
.H_X .wen h3 a{ color:#fff;}
.H_X .wen p{ text-align:center; font-size:18px; text-transform:uppercase; color:#93d8e8; margin-top:2px; }
.H_X .hx_A{overflow:hidden;margin-top:10px;width: 100%;}
.H_X .hx_A a{display:block;margin-left: 35px;width:136px;height:38px;float: left;margin-top: 10px;}
.H_X .hx_a1{ background:url(../images/hx_a1.png) no-repeat center;}
.H_X .hx_a2{ background:url(../images/hx_a2.png) no-repeat center;}
.H_X .li01{ left:-500px; bottom:0}
.H_X .li01 .wen{ background-color:#66afe8;}
.H_X .li02{ left:402px; bottom:-500px;}
.H_X .li02 .wen{background-color:#66afe8;}
.H_X .li03{right:-500px; bottom:0;}
.H_X .li03 .wen{background-color:#4199dd;}
.H_X .list li:hover .wen{ background-color:#EA992F}

/*品牌故事*/
.P_P{width:100%; height:465px; background:url(../images/gsbg.jpg) no-repeat center;}
.P_P .gsBox{ position:relative; height:490px;}
.P_P .gsSt{position:absolute;top:50px;left:0;padding:0 30px;width:395px;height:350px;background-color:#fff;border-top-right-radius:15px;overflow: hidden;}
.P_P .gsSt h3{color: #f18800;text-transform:uppercase;font-size:28px;margin-top: 10px;}
.P_P .gsSt h3 a{font-weight:normal;color:#268BDA;display:block;margin-top: 5px;}
.P_P .gsSt img.line{display:block;margin: 10px 0;}
.P_P .gsSt h4{margin: 20px 0 10px;font-weight:normal;color:#3e3e3e;font-size:17px;line-height:22px;}
.P_P .gsSt p{ line-height:26px; height:140xp; overflow:hidden; text-indent:2em; font-size:14px; color:#666666;}
.P_P .gsSt a.more{width:166px;height:40px;line-height:40px;font-size:14px;color:#fff;border-radius:2px;text-align:center;display:block;text-decoration:none;background-color:#f18800;text-transform:uppercase;margin-top: 15px;}
.P_P .gsUl{ width:455px; position:absolute; bottom:30px; left:0;}
.P_P .gsUl li{ float:left; width:214px; height:90px; margin-right:27px; position:relative}
.P_P .gsUl li img{ display:block; position:absolute; top:0; left:0;}
.P_P .gsUl li:hover img{animation:circle 1s ease-out;}
@-webkit-keyframes circle{
0%{transform:rotateY(0deg)}
50%{transform:rotateY(180deg)}
100%{transform: rotateY(360deg)}
}

/*优势*/
.Y_s{width:100%; background-color:#f2fafc; padding-top:1px;}
.Y_s .ys{ overflow:hidden; width:100%; position:relative;}
.Y_s .title{ height:170px; overflow:inherit;} 
.Y_s .title h2{ margin-left:75px;}
.Y_s .title img{position:absolute;top: -123px;left: -60px;}
.Y_s .title p{ font-size:18px; color:#4199dd; position:relative; margin-left:75px; z-index:10}
.Y_s .title p.ZhBt{ color:#494949; font-size:24px;}
.Y_s .title i{margin-left: 560px;}
.Y_s .ys01{ background:url(../images/ys_01.jpg) no-repeat center; height:354px;}
.Y_s .ys02{ background:url(../images/ys_02.jpg) no-repeat center; height:305px;}
.Y_s .ys03{ background:url(../images/ys_03.jpg) no-repeat center; height:375px;}
.Y_s .ys04{ background:url(../images/ys_04.jpg) no-repeat center; height:460px;}
.Y_s .ysHz{ overflow:hidden; margin-left:125px; margin-top:100px; width:495px;}
.Y_s .ysHz h3{ font-weight:normal; font-size:26px; color:#3c3c3c;}
.Y_s .ysHz span.yingwen{ display:block; color:#bbbbbb; margin-top:5px; margin-bottom:35px;}
.Y_s .ysHz p{ line-height:20px; font-size:14px; color:#3e3e3e; margin-top:15px;}
.Y_s .ysHz p span{ color:#005ea6; font-weight:bold}
.Y_s .ysth{ margin-top:75px; margin-left:70px;}
.Y_s .ysth span.yingwen{ margin-bottom:30px;}
.Y_s .ysF{ margin-top:90px;}
.Y_s .ysF span.yingwen{ margin-bottom:5px;}
.Y_s a.online{ display:block; width:227px; margin-top:25px;}

/*计划*/
.J_H{width:100%; background-color:#fff; height:780px;}
.J_H .jhBox{ position:relative; height:780px;}
.J_H img.imgtu{ position:absolute; right:0; top:-104px;}
.J_H .title p{ color:#111111;}
.J_H .jhCon{ margin-top:40px; width:100%; height:410px; overflow:hidden;}
.J_H .jhLt{ overflow:hidden; float:left; width:340px; height:410px; position:relative;}
.J_H .jhLIst{ position:absolute; top:0; left:0;}
.J_H .jhLIst li{ float:left; width:340px; position:relative;}
.J_H .jhLIst li p{ padding:0 6%; width:92%; height:40px; line-height:40px; font-size:15px; color:#fff; background-color:#000; opacity:0.7; filter:alpha(opacity=70); position:absolute; left:0; bottom:0;}
.J_H .jhRt{ float:right; width:860px;}
.J_H .jhTu{ overflow:hidden; width:276px; height:200px; position:relative; margin-left:10px; margin-bottom:10px;  float:left;}
.J_H .jhTu img{width:276px; height:200px; display:block}
.J_H .jhTu p{ width:100%; line-height:40px; height:40px;  background:#000;opacity:0.7; filter:alpha(opacity=70); position:absolute; left:0; bottom:0; font-size:15px; text-align:center; color:#fff}
.J_H .btn{ position:absolute; width:125px; bottom:10px; right:20px; z-index:5}
.J_H .btn span{ display:block; background:url(../images/hzbtn-span.png) no-repeat center top; width:15px; height:15px; float:left; margin:0 5px; cursor:pointer;}
.J_H .btn span.cur{ background-position:bottom;}
.J_H a.jh-a{ display:block; background:url(../images/hzmore.png) no-repeat center; height:70px; width:291px; margin:40px auto 0;}


/*团队*/
.T_M{ overflow:hidden; width:100%; height:818px; background:url(../images/teambg.jpg) no-repeat center}
.T_M h2 a{ color:#fff; font-size:40px; font-weight:bold}
.T_M .title p{ color:#fff; font-size:20px;}
.T_M .title i{ background:url(../images/team_ibg.png) no-repeat center;}
.T_M .teamBox{ overflow:hidden; width:100%; margin-top:40px;}
.T_M .teamlt{ width:262px; float:left; overflow:hidden;}
.T_M .list{ border-radius:5px; overflow:hidden;} 
.T_M .list li{ overflow:hidden; border-bottom:1px solid #8eccfc; height:161px; background-color:#66b8f7;text-align: center;}
.T_M .list li a{ text-decoration:none;}
.T_M .list li img{ display:block; margin:5px auto;}
.T_M .list li span{ display:block; text-align:center; font-size:16px; line-height:25px; color:#fff;}
.T_M .list li:hover,.T_M .list li.cur{ background-color:#4199dd; border-bottom:1px solid #4199dd;text-align: center;}
.T_M .btn{ overflow:hidden; margin-top:20px; height:70px; position:relative; width:100%;}
.T_M .btn a{ display:block; width:131px; height:70px;}
.T_M .btn a.teamlt{ background:url(../images/teamlt.png) no-repeat left top; left:0;} 
.T_M .btn a.teamrt{ background:url(../images/teamrt.png) no-repeat left top; right:0;} 
.T_M .btn a:hover{ background-position:bottom;}
.T_M .teamrt{ overflow:hidden; width:860px; float:right;}
.T_M .rtBox{ overflow:hidden; position:relative; width:850px; height:575px;}
.T_M .teamrtli{ position:relative; top:0; left:0; width:3460px;}
.T_M .teamrtli li{ width:865px; height:570px; float:left;}
.T_M .teamrtli li a{ display:block; width:416px; height:279px; float:left; margin-right:18px; margin-bottom:18px; overflow:hidden;}
.T_M .teamrtli li a img{-webkit-transition: all 0.4s linear;}
.T_M .teamrtli li a:hover img{ opacity:0.85;    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);}
.T_M .teamrtli li a.last{ margin-right:0}
.T_M .teamrtli li a.xia{ margin-bottom:0;}

/*携手*/
.X_S{ overflow:hidden; width:100%; background-color:#fff; padding-bottom:30px;}
.X_S .xsNav{ overflow:hidden; margin:45px auto 0px; width:1200px;}
.X_S .xsNav li{ float:left; height:68px; width:186.5px; margin:0 5px; font-size:17px; line-height:68px; text-align:center; background-color:#ececec; border-radius:4px;}
.X_S .xsNav li a{ color:#393939; text-decoration:none}
.X_S .xsNav li:hover,.X_S .xsNav li.cur{ background-color:#4199dd}
.X_S .xsNav li:hover a,.X_S .xsNav li.cur a{ color:#fff;}
.X_S .xsCon{ width:1200px; height:300px; overflow:hidden; position:relative;margin-top: 10px;}
.X_S .xsUl{ position:absolute; top:0; left:0; width:1200px; height:300px; display:none;}
.X_S .xsUl li{ width:373px; height:257px; float:left; margin-right:20px;}
.X_S .xsUl li a{ text-decoration:none}
.X_S .xsUl li span{ display:block; text-align:center; font-size:14px; color:#494949; line-height:25px; margin-top:10px;}
.X_S .img{ width:385px; height:257px; overflow:hidden;}


/*新闻*/
.N_w{overflow:hidden; width:100%;background: #f7f7f7;padding: 20px 0 40px 0;}
.N_w .nwTit{ width:100%; padding:15px 0px; overflow:hidden; background:url(../images/newstitbg.png) no-repeat left bottom;}
.N_w .nwTit h3{ float:left; font-size:24px; font-weight:normal}
.N_w .nwTit h3 a{ color:#3e3e3e;}
.N_w .nwTit h3 span{ font-size:14px; color:#868686; margin-left:5px; font-family:Arial;}
.N_w .nwTit a.more{font-size:14px; float:right; color:#6b6b6b; display:block; margin-top:5px;}
.N_w .nwlt{ width:760px; float:left;}
.N_w .ltCon{ margin-top:30px;} 
.N_w .nwDl{ width:330px; float:left;}
.N_w .nwDl dt{ height:139px; width:330px; overflow:hidden; position:relative }
.N_w .nwDl dt img{height:139px; width:330px; display:block}
.N_w .nwDl dd{} 
.N_w .nwDl dd h3{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; margin-top:15px; font-weight:normal}
.N_w .nwDl dd h3 a { color:#474747}
.N_w .nwDl dd p{ line-height:22px; height:66px; overflow:hidden; color:#424242; margin-top:10px; margin-bottom:20px;}
.N_w .nwDl dd a.more{ width:166px; height:40px; line-height:40px; font-size:14px; color:#fff; border-radius:2px; text-align:center; display:block; text-decoration:none; background-color:#f18800; text-transform:uppercase;}
.N_w .rq{ position:absolute; top:0; left:0; width:67px; height:67px; background-color:#f18800; color:#fff; font-family:Arial; text-align:center}
.N_w .rq b{ display:block; font-weight:normal; font-size:38px; margin-top:5px;}
.N_w .rq p{ font-size:14px;}
.N_w .list{ float:right; width:410px;}
.N_w .rqDl{padding:15px 0px; border-bottom:1px solid #e8e8e8; overflow:hidden}
.N_w .rqDl dt{ text-align:center; width:70px; font-family:Arial; color:#919191; float:left;}
.N_w .rqDl dt b{ display:block; font-weight:normal; font-size:38px; margin-top:5px;}
.N_w .rqDl dt p{ont-size:14px;}
.N_w .rqDl dd{ width:335px; float:right;}
.N_w .rqDl dd h3{overflow:hidden; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; font-size:15px;}
.N_w .rqDl dd h3 a{ color:#181818;}
.N_w .rqDl dd p{line-height:22px; height:48px; overflow:hidden; color:#424242; margin-top:5px;}
.N_w .rqDl:hover dt{ color:#4199dd}
.N_w .rqDl:hover dd h3 a{ color:#4199dd}
.N_w .nwrt{ float:right; width:380px;}
.N_w .titDa{ background:url(../images/news-titda-tit.png) no-repeat left bottom}
.N_w .WenDa{ width:380px; height:320px; overflow:hidden; position:relative; margin-top:20px;}
.N_w .DaList{ position:absolute; top:0; left:0;}
.N_w .DaList li{ padding:15px 0px; border-bottom:1px solid #e8e8e8;}
.N_w .DaList li h3{ background:url(../images/newswen.png) no-repeat left center; line-height:25px; font-size:15px; font-weight:normal; padding-left:30px; }
.N_w .DaList li h3 a{ color:#2b2b2b}
.N_w .DaList li p{ font-size:13px; line-height:25px; height:50px; overflow:hidden; color:#424242; background:url(../images/newsda.png) no-repeat left 5px; padding-left:30px; margin-top:5px;} 


/*link*/
.link{ overflow:hidden; position:relative; padding-bottom:0px;}
.link h3{ overflow:hidden; padding:10px 0; font-size:17px; border-bottom:1px solid #dedede; border-top:1px solid #dedede; margin-top:35px; font-weight:normal;}
.link h3 p{ float:left;}
.link h3 a{ color:#000000; float:left;}
.link h3 span{ color:#666; font-size:14px; margin-left:10px;} 
.link h3 i{ float:left; width:18px; height:3px; background:#005ea6; margin-right:10px; margin-top:10px;}
.link h3 a.more{ color:#005ea6; display:block; float:right; margin-right:15px; font-size:14px;}
.link ul{ overflow:hidden; width:100%; margin:20px 0;}
.link ul li{ float:left; margin:5px 15px; font-size:14px; }
.link ul li a{ color:#505050;}

.ft{height: 210px;background: #333333;font-family: "Microsoft YaHei";border-top:5px solid #54acf3; clear:both;}
.ft-f{ width:1200px; margin:0 auto;height:60px;border-bottom: 1px solid #484848;line-height:60px;margin-bottom:30px;}
.ft-f a{color: #fff;font-size: 14px;padding-right:67px;}
.ft-f .none{padding-right: 0}
.ft-f a:hover,.ft-f a.cur{color: #B8B8B8}
.ft-c i img{width: 198px;height:61px;display: block;padding-right: 30px}
.ft-c p span{display: block;color:#B8B8B8;font-size: 13px;padding-bottom:16px;}
.ft-c p span em{font-style: normal;padding: 0 28px}
.ft-c p span a{color: #fff;font-size: 13px;padding-right: 8px}
.ft h5 span{float:left;padding-left: 30px;display: block;}
.ft h5 span em{float: left;display: block;background:url(../images/ft_05.jpg) no-repeat;font-style: normal;font-weight: normal;width:14px;height:89px;padding:20px 8px 0 8px;line-height: 14px;font-size: 13px;color:#B8B8B8;margin-left: 10px}
.ft h5 span img{float: left;width:100px;height:100px;}

