@charset "utf-8";
/*搜索*/
.seabox{overflow:hidden;height:205px; background:url(../images/s_s.jpg) repeat-x;position: relative; clear: both; position: relative; z-index: 5;color: #fff; line-height: 100px;}
.sea_inp{width:480px;overflow: hidden;margin-top: 29px;}
.sea_inp em{ font-size: 0;  overflow: hidden; display: block; }
.sea_inp .serach{width:360px;height:40px;line-height:40px;color:#333;padding:0 0 0 20px;float:left;outline: none;display: block; background: none; border:1px solid #eee; border-right: none; font-size: 14px; }
.sea_inp button{ width:99px; height:42px;border:0;float:left;cursor: pointer;display: block;background:none; line-height: 42px; background: #0f43a6; color: #fff; font-size: 14px; text-align: center;}
.k_word{ float: left;font-size: 14px;  width:700px; color: #333; font-size: 14px;}
.k_word a{color:#333; padding:0 10px;}
.k_word a:hover{font-weight: bold; color: #0f43a6;}
/**/
.cp{ height:661px; overflow: hidden;background:url(../images/pro1.jpg) no-repeat center bottom;}
.cp2{ height:525px; overflow: hidden;background:url(../images/pro2.jpg) no-repeat center bottom; padding-top: 20px;}
.cp3{ height:570px; overflow: hidden;background:url(../images/pro3.jpg) no-repeat center 0; padding-top: 20px;}
.cp .content{ position: relative;}
.cp h3{ text-align: center; height: 134px; line-height: 100%; font-weight: normal; font-size: 18px; color: #888;}
.cp h3 i{ display: block;color: #333333; font-size: 36px; line-height: 100%; padding-bottom:18px;font-weight: bold;background:url(../images/p_h2.jpg) no-repeat center 14px;}
.cp h3 i span{ padding-left: 39px;}
.cp_r{ position: relative; width: 860px;}
.cp h6{ position: absolute; top:195px; left:399px; font-size:24px; color: #fff; letter-spacing:3px; line-height: 37px; padding-bottom:39px;background:url(../images/p_lin.png) no-repeat 0 bottom; text-shadow: 0 0 3px #aaa; z-index: 99;}
.cp h6 span{ display: block;}
.cp_on img{ width: 860px;}
.cp_li{ position: absolute; left: 405px; top: 444px;}
.cp_li ul li{ float: left; border: 2px solid #fff; width: 7px; height: 7px; border-radius: 7px; margin-right: 10px; cursor: pointer;}
.cp_li ul li.cur{ background: #fff;}
.cp_l{  padding-left: 15px; width: 285px;}
.cp_l h4{ padding-top: 35px; overflow: hidden; margin-right: 35px; height: 75px;}
.cp_l h4 a{ display: inline-block; float: left;}
.cp_l h4 a img{ display: inline-block; float: left;}
.cp_l h4 a i{ display: inline-block; float: left; font-weight: normal; padding:12px 0 0 7px;font-weight: normal; font-size: 24px; color: #333; line-height: 100%;}
.cp_l h4 span{ display: inline-block; float: right; width: 45px; height: 45px; border-radius: 45px; text-align: center; line-height: 45px; background: #cb6d4e; font-family: Arial; font-size: 28px; color: #fff;font-weight: normal;}
.cp_l h4 span{ display: inline-block; float: right; width: 45px; height: 45px; border-radius: 45px; text-align: center; line-height: 45px; background: #cb6d4e; font-family: Arial; font-size: 28px; color: #fff;font-weight: normal;}
.cp_l ul{ overflow: hidden; padding-bottom: 30px;}
.cp_l ul li{ height: 59px; line-height: 59px; overflow: hidden; border-bottom: 1px solid #ddd; width: 121px; margin-right: 20px; float: left;}
.cp_l ul li a{ display: block; padding-left: 20px; font-size: 16px; color: #333;background:url(../images/p_cur2.jpg) no-repeat 0 25px;}
.cp_l ul li a:hover{background:url(../images/p_cur.jpg) no-repeat 0 25px; color: #cb6d4e;}
.cp_l h5 a{ display: block; width: 140px; height: 40px; line-height: 40px; text-align: center; background: #cb6d4e; color: #fff; font-size: 14px;font-weight: normal;transition: all 0.3s linear 0s;}
.cp_l h5 a:hover{transform: translateX(10px);}
.cp2 .cp_l h4{ margin-right:17px;}
.cp2 .cp_l h4 span{ background: #eb5d68;}.cp3 .cp_l h4 span{ background: #0f43a6;}
.cp2 .cp_l ul li a{background:url(../images/p_cu11.jpg) no-repeat 0 25px;}
.cp2 .cp_l ul li a:hover{background:url(../images/p_cu1.jpg) no-repeat 0 25px; color: #eb5d68;}
.cp2 .cp_l h5 a{ background: #eb5d68;}.cp3 .cp_l h5 a{ background: #0f43a6;}
.cp3 .cp_l ul li{ clear: both;}
.cp3 .cp_l ul li a{background:url(../images/p_cu31.jpg) no-repeat 0 25px;}
.cp3 .cp_l ul li a:hover{background:url(../images/p_cu33.jpg) no-repeat 0 25px; color: #0f43a6;}
.cp2 h6{ left: 57px; top: 50px;}
.cp3 h6{ left:396px; top: 59px;}
    /**/
.lc{background:url(../images/lc.jpg) no-repeat center 0; height: 400px; overflow: hidden; margin-bottom: 107px;}
.lc h3{ float: left; padding:47px 0 0 30px; width: 270px;  color: #fff;}
.lc h3 i{ display: block; font-size:27px; font-weight: bold; line-height: 100%;padding-bottom:30px;}
.lc h3 i span{ display: block; padding-bottom:9px;}
.lc h3 em{ display: block; font-weight: normal;  font-size: 16px; line-height: 30px; height:85px;}
.lc h3 em span{ display: block;}
.lc h3 b{ display: block;background:url(../images/l_btn.png) no-repeat; width: 160px; height: 40px; line-height: 40px; padding-left: 38px; color: #fff; font-family: Arial; font-size: 18px; font-weight: normal;}
.lc ul{ float: right; padding-top:60px; overflow: hidden; width: 850px;}
.lc ul li{ float: left; height: 250px; width: 160px; margin-right:70px; text-align: center;}.lc ul li.lc4{ margin-right: 0;}
.lc ul li a{ display: block;background:url(../images/lv1.gif) no-repeat; padding-top: 183px; height: 117px; font-size:18px; color: #666; transition: all 0.3s linear 0s;}
.lc ul li.lc2 a{background:url(../images/lv2.gif) no-repeat;}
.lc ul li.lc3 a{background:url(../images/lv3.gif) no-repeat;}
.lc ul li.lc4 a{background:url(../images/lv4.gif) no-repeat;}
.lc ul li a:hover{transform: translateY(-10px);}
    /*
.yus{ height: 1337px;background:url(../images/yu.jpg) no-repeat center 134px; overflow: hidden;}
.yus h3{ text-align: center; height: 134px; line-height: 100%; font-weight: normal; font-size: 18px; color: #888;}
.yus h3 i{ display: block;color: #333333; font-size: 36px; line-height: 100%; padding-bottom:18px;font-weight: bold;background:url(../images/y_h2.gif) no-repeat center 14px;}
.yus h3 i span{ padding-left: 39px;}
.yus dl{ overflow: hidden; height: 360px;}
.yus dl dt{ float: left; width:600px;}
.yus dl dd{ float: right; width:513px; text-align: right; padding-right: 87px;}
.yus dl dd h4{ padding-top: 50px; line-height: 100%; font-size: 22px; color: #555;}
.yus dl dd h4 i{ color: #0f43a6;}
.yus dl dd p{ font-size: 14px; color: #666; line-height: 24px; padding-top: 13px; margin-bottom:2px;}
.yus dl dd p span{ display: block;}
.yus dl.ys2 dt{ float: right;}
.yus dl.ys2 dd{ float: left;}
.yus dl.ys3 dd h4{  padding-top: 56px;}
.yus dl.ys2 dd{ text-align: left; padding-left: 78px; padding-right: 0; width: 522px;}
.yus dl.ys2 dd h4{ padding-top:73px;}*/
.ys h2{ height:70px; font:40px "Microsoft YaHei"; font-weight:bold; color:#363636; text-align:center;}
.ys h2 em{ color:#0f43a6;}
.ys h2 span{ display:block; background:#0f43a6; border-radius:1.2rem; width:620px; margin:8px auto 0; height:44px; font:24px "Microsoft YaHei"; line-height:44px; color:#fff; position:relative;} 
.ys h2 span b{ font-size:36px; display:block; font-family: Arial; position:absolute; top:2px; left:50px;}
.ys1{ height:637px; overflow:hidden; background:url(../images/ys_bg1.jpg) no-repeat center top;}
.ys1 dl{ width:490px; float:right; margin-top:143px;}
.ys1 dt{ font:30px "Microsoft YaHei"; padding:0 0 55px 110px; font-weight:bold; color:#fff;}
.ys1 dt em{ display:block; font:20px "Microsoft YaHei";}
.ys p{ font:15px "Microsoft YaHei"; line-height:28px; color:#605f5f; background:url(../images/ys_arr.png) no-repeat left 10px; padding-left:15px;}
.ys2{ width:1200px; margin:80px auto; height:465px; overflow:hidden;}
.ys2 h2,.ys4 h2{ width:600px; height:465px; overflow:hidden; float:right;}
.ys2 h2 img,.ys4 h2 img{ display:block;width:600px; height:465px; border-radius:5px;}
.ys2 dl,.ys4 dl{ width:550px; float:left; margin-top:65px;}
.ys2 dt{ font:30px "Microsoft YaHei"; font-weight:bold; color:#0f43a6; background:url(../images/ys_02.jpg) no-repeat left 0; padding:8px 0 55px 110px;}
.ys2 dt em{ display:block; font:20px "Microsoft YaHei"; color:#363636; padding-top:8px;}
.ys2 dd span,.ys4 dd span{ display:block; margin-top:45px;}
.ys2 dd span img,.ys4 dd span img{ display:inline-block; width:260px; height:159px; margin-right:10px; border-radius:5px;}
.ys3{ height:635px; width:1200px; margin:0 auto;margin-top: 80px;}
.ys3 h2{ height:525px; overflow:hidden;}
.ys3 h2 img{ display:block; width:1200px; height:525px;}
.ys3 dl{ width:500px; height:300px; overflow:hidden; position:relative; margin-top:-150px; background:#0f43a6; border-radius:5px;}
.ys3 dt{ font:30px "Microsoft YaHei"; font-weight:bold; color:#fff; padding:30px 0 60px 147px; height:60px; background:url(../images/ys_03.jpg) no-repeat 20px 20px;}
.ys3 dt em,.ys4 dt em{ display:block; font:20px "Microsoft YaHei"; padding-top:8px;}
.ys3 dd{ height:120px; padding:30px 20px 0 20px; background:#e9e9e9;}
.ys4{ height:552px; padding-top:132px; overflow:hidden; background:url(../images/ys_bg4.jpg) no-repeat center top;margin-bottom: 40px;}
.ys4 dt{font:30px "Microsoft YaHei"; font-weight:bold; color:#fff; padding:30px 0 50px 108px; height:60px; background:url(../images/ys_04.png) no-repeat left 20px;}
.ys4 dd p{ color:#fff; background:url(../images/ys_arr4.png) no-repeat left 10px;}

    /**/
.cases{background:url(../images/case.jpg) no-repeat center 0; overflow: hidden; height:345px; padding-top: 85px;}
.cases .content{ position: relative;}
.cases h3{ text-align: center; height: 125px; line-height: 100%; font-weight: normal; font-size: 18px; color: #888;}
.cases h3 i{ display: block;color: #333333; font-size: 36px; line-height: 100%; padding-bottom:18px;font-weight: bold;background:url(../images/c_h2.jpg) no-repeat center 14px;}
.cases h3 i span{ padding-left: 39px;}
.cases ul{position: relative; line-height: 0; font-size: 0; margin-left: -1px;}
.cases ul li{ position: absolute; width: 400px; height: 225px; overflow: hidden;}
.cases ul li img:hover{transform: scale(1.1);transition: all 0.3s linear 0s;}
.cases ul li.cs1{ top: 50px; left: 0;}
.cases ul li.cs2{ top:0; left:400px;}
.cases ul li.cs3{ top:50px; left:800px;}
.cases ul li.cs4{ top:225px; left:400px;}
.cases ul li.cs5{ top:275px; left:800px;}
.cases h4{ position: absolute; left: 188px; top: 470px; width: 176px;}
.cases h4 i{ display: block; font-weight: normal; color: #c48d30; font-size: 24px;}
.cases h4 i span{ display: block; padding: 12px 0 44px 0;}
.cases h4 em{ display: block;}
.cases h4 em span{ display: inline-block; float: right;}
.cases h4 em a{ font-weight: normal; color: #666666; font-size: 16px;text-decoration: underline;}
    /**/
.xw{ height: 717px; border-bottom: 3px solid #eee; margin-bottom: 93px;}
.xw h3{ text-align: center; height: 143px; line-height: 100%; font-weight: normal; font-size: 18px; color: #888;}
.xw h3 i{ display: block;color: #333333; font-size: 36px; line-height: 100%; padding-bottom:18px;font-weight: bold;background:url(../images/x_h2.jpg) no-repeat center 14px;}
.xw h3 i span{ padding-left: 39px;}
.xw_l{ width: 742px;}
.xw_l h5{ float: left; width: 200px;}
.xw_l ul{ float: right; width: 503px;}
.xw_l ul li{ overflow: hidden; padding-bottom: 32px; margin-bottom: 33px; border-bottom: 1px dashed #e2e2e2;}
.xw_l ul li.nob{ border-bottom: none;}
.xw_l ul li i{ display: inline-block; width: 111px; color: #0f43a6; font-size: 32px;font-weight: bold; line-height: 100%; border-right: 1px solid #e2e2e2; height: 80px;}
.xw_l ul li em{ display: inline-block; float: right; width: 363px;}
.xw_l ul li em a{ display: block; font-size: 16px; color: #333; font-weight: bold; height: 22px; line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  }
.xw_l ul li em span{ display: block; padding-top: 11px; font-size: 14px; color: #666; line-height: 25px;}
.xw_l ul li:hover i{ color: #ce775a;}

.xw_r{ width:380px;}
.xw_r p{ padding-bottom: 32px;}
.xw_r p img{ width: 380px;}
.xw_r ul li{ overflow: hidden; border-bottom: 1px dashed #e2e2e2; padding-bottom: 22px; margin-bottom: 22px;}
.xw_r ul li a{ display: block; padding-left: 41px; font-size: 16px; color: #333; font-weight: bold;background:url(../images/x_w.jpg) no-repeat; height: 24px; line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom: 11px;}
.xw_r ul li span{ display: block;background:url(../images/x_d.jpg) no-repeat;line-height: 24px; font-size: 14px; color: #666; padding-left: 41px; }
.xw_r ul li.nob{ border-bottom: none;}

.xw h4{height: 42px; line-height:23px; margin-bottom: 38px; border-bottom: 1px solid #e2e2e2; padding-left: 35px;background:url(../images/x_h31.jpg) no-repeat;}
.xw h4 a{ color:#0f43a6; font-size:19px;}
.xw h4 span{ display: inline-block; float: right; padding-top: 7px;}
.xw .xw_r h4{background:url(../images/x_h32.jpg) no-repeat;}
    /**/
.about{background: url(../images/about_bg.jpg) no-repeat center top;height:668px;border-bottom: 3px solid #0f43a6;}
.about h2{font-size: 55px;text-align: center;font-weight: normal;padding-top: 100px;margin-bottom: 40px;color: #fff;}
.about h2 b{font-family:MHeiPRC-Xbold;font-size: 58px;margin-right: 20px;}
.about h2 em{font-size: 22px;display: block;margin-top: 13px;line-height: 24px;color: #fff;letter-spacing: 10px;}
.about p{line-height: 28px;color:#fff;font-size: 16px;padding:0 70px;text-align: center;position: relative;margin-top: 60px;letter-spacing: 0.2px;}
.about p:before{content: "";width: 83px;height: 4px;background: #fff;margin:0 auto;left: 0;top: 0;display:block;margin-bottom: 50px;}
.about a{color: #fff;}
.about a.more{display: block;width: 12rem;height: 2.5rem;text-align: center;margin: 0 auto;background-size: 4rem auto;margin-top:80px;background: #0f43a6 url(../images/jk_more.png) no-repeat center;}
    /**/
    /**/
/**/
.links{ background:#0f43a6; height:80px; line-height: 80px; font-size: 14px; color: #fff;}
.links a{ display: inline-block; color: #fff; padding: 0 20px;}
.links a:hover{ text-decoration: underline;}
/**/


/**/

@keyframes myfirst
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:-10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:-10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:-10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:-10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}