@charset "utf-8";
/* CSS Document */
/* 全局属性 */
body{padding:0;margin:0;font: 12px/1.5 "微软雅黑","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"宋体" !important;}
ul,li{list-style:none;}
a{text-decoration:none;}
input{vertical-align:middle;font-family:"微软雅黑"; background:#fff}
div,form,h1,h2,h3,h4,h5,h6,ul,li,p,dl,dt,dd,input{padding:0;margin:0;}
img,input{border:none;}

/* ICO字体声明 */
@font-face {
  font-family: 'iconfont';  /* project id 154289 */
  src: url('//at.alicdn.com/t/font_154289_c230e5mv8xrjxlxr.eot');
  src: url('//at.alicdn.com/t/font_154289_c230e5mv8xrjxlxr.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_154289_c230e5mv8xrjxlxr.woff') format('woff'),
  url('//at.alicdn.com/t/font_154289_c230e5mv8xrjxlxr.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_154289_c230e5mv8xrjxlxr.svg#iconfont') format('svg');
}                       
              

/* 头部 */
.header{height:90px;background:#2d2d2d; text-align:center;border-radius:0px;border:0; margin:0;transition: all 0.5s ease 0s;}
.header .header_con{ width:1200px; margin:0 auto;height:90px;}
.header .header_con .logo{ float:left;padding-top:22px;}
.header .header_con .nav{ float:left; margin-left:100px;}
.header .header_con .nav li{ float:left;}
.header .header_con .nav li a{transition: all 0.5s ease 0s; display:inline-block;padding:0 25px; font-size:15px;color:#fff; line-height:90px;transition: all 0.3s ease 0s;font-weight:800;transition: all 0.5s ease 0s;}
.header .header_con .nav li a:hover{color: #1f7dd1;}
.header .header_con .nav .active a{transition: all 0.5s ease 0s;background:#242424;border-bottom:3px solid #0f8eff;height:87px; line-height:87px;color:#0f8eff;}
.header .header_con .nav .active a:hover{color:#0f8eff}
.header .header_con p{float:right;color:#FFF; line-height:90px;height:90px; font-size:14px;}
.header .header_con p i{ margin-right:10px;}

.fonav{box-shadow:0px 1px 4px rgba(0,0,0,0.5);height:60px;background:#2d2d2d; text-align:center;border-radius:0px;border:0; margin:0;position: fixed;top:-70px; width:100%; z-index: 99999999;}
.fonav .header_con{ width:1200px; margin:0 auto;height:60px;}
.fonav .header_con .logo{ float:left;padding-top:10px;transition: all 0.5s ease 0s;}
.fonav .header_con .logo img{width:157px;height:40px}
.fonav .header_con .nav{ float:left; margin-left:100px;}
.fonav .header_con .nav li{ float:left;}
.fonav .header_con .nav li a{transition: all 0.5s ease 0s; display:inline-block;padding:0 25px; font-size:15px;color:#fff; line-height:60px;transition: all 0.3s ease 0s;font-weight:800;}
.fonav .header_con .nav li a:hover{color: #0f8eff;}
.fonav .header_con .nav .active a{transition: all 0.5s ease 0s;background:#242424;border-bottom:3px solid #0f8eff;height:57px; line-height:60px;color:#0f8eff;}
.fonav .header_con .nav .active a:hover{color:#0f8eff}
.fonav .header_con p{float:right;color:#FFF; line-height:60px;height:60px; font-size:14px;}
.fonav .header_con p i{ margin-right:10px;}




/* focusBar */
#focusBar{width:100%;height:620px;clear:both;position:relative; overflow:hidden;border-bottom:#eee solid 1px;}
#focusBar .mypng{ background:url(../images/9.gif) repeat-x top center;}
#focusBar li{width:100%;clear:both;height:620px;display:none;position:absolute;/* position:relative;*/ }
.focusL{height:620px;position:absolute;z-index:20;/*left:-1000px;*/ top:120px;padding-left:360px;left:-960px;margin-left:50%;}
.focusL h1{font-size:40px; margin-bottom:15px;font-weight:normal}
.focusL h2{font-size:30px;color:#0f8eff;margin-bottom:15px;font-weight:normal}
.focusL p{font-size:14px;width:400px;margin-bottom:25px; line-height:1.6}
.focusL a{ display:block;width:178px;height:48px; line-height:48px;color:#FFF;background:#0f8eff;border-radius:3px; text-align:center;font-size:16px;transition: all 0.2s ease 0s;}
.focusL a.hongnsei{background:#f64f40}
.focusL a.hongnsei:hover{background:#e64133}
.focusL h2.hongnsei{color:#f64f40}
.focusL a:hover{background:#0a81eb; text-decoration:none;color:#FFF;}

#focusBar .focusR{height:620px;position:absolute;z-index:10;/* right:1000px;*/top:0px;left:-960px;margin-left:50%;}

#focusBar .arrL,#focusBar .arrR{display:block;width:52px;height:134px;position:absolute;top:230px;z-index:11111;cursor:pointer;background:url(../images/bt_arr.png) no-repeat;}
#focusBar .arrL{left:-52px;background-position:0px 0px;}
#focusBar .arrR{right:-52px;background-position:-68px 0px;}
#focusBar .arrL:hover{background-position:0px -144px;}
#focusBar .arrR:hover{background-position:-68px -144px;}
.zhezhao{height:492px;position:absolute;z-index:19;/* right:1000px;*/top:-15px;left:-960px;margin-left:50%;}

.banner_botmm{height:0px;width:1200px;background:#FFF; z-index:1000; margin:0 auto; position:relative; z-index:1000;}
.banner_botmm ul{color:#000;background:#FFF; height:75px; position:absolute; top:-76px;left:0;width:1180px;padding-left:20px;}
.banner_botmm ul li{ float:left;font-size:16px; margin:0 5px;color:#999;height:75px; line-height:75px;}
.banner_botmm ul li a i{ font-size:20px;color:#666;font-weight:600;}
.banner_botmm ul li a:hover{ text-decoration:none;}
.banner_botmm ul li a i{ font-size:20px;color:#666}
.banner_botmm ul li a:hover i{color:#000;}
.banner_botmm ul .koiw{margin-left:400px;}
.banner_botmm ul .koiw a i{font-size:30px; font-weight:200;color:#999;}


/* 四大类型 */
.content_1{height:465px;width:100%;background:url(../images/conbig.png) #f5f5f5 no-repeat center bottom;}
.content_1 ul{ height:372px;width:1200px; margin:0 auto;background:#FFF; text-align:center; z-index:500;}
.content_1 ul li{ float:left;width:159px;border-left:1px solid #eeeeee;height:322px;padding:50px 40px 0 40px;transition: all 0.3s ease 0s;}
.content_1 ul li h1{color:#b0b0b0; font-size:14px;font-weight:normal;padding-left:30px;}
.content_1 ul li h2{color:#b0b0b0;font-size:18px;font-weight:normal;padding-left:30px;}
.content_1 ul li h3{color:#b0b0b0;font-size:18px;font-weight:normal;padding-left:30px;margin-bottom:20px;}
.content_1 ul li h4{font-size:18px; margin:20px 0 5px 0;color:#333}
.content_1 ul li h5{font-size:14px;color:#888; margin-bottom:10px;font-weight:normal}
.content_1 ul li p{font-size:13px;color:#888;line-height:1.6;}
.content_1 ul li:hover{box-shadow: 1px 1px 10px rgba(111, 111, 111, 0.32);transition: all 0.3s ease 0s;padding-top:48px;height:325px;}
.content_1 ul li:hover h4{color:#06C}

.content_1 ul .cnone{background:url(../images/njim_bjbj.jpg);border:0;width:240px; text-align:left;padding:30px 0 0;height:342px;}
.content_1 ul .cnone:hover{padding:30px 0 0;height:342px;}
.content_1 ul .cnone span{ cursor:pointer; display:block;width:240px; text-align:center;}
.content_1 ul .cnone:hover span img{transform: scale(1.1);transition: all 0.6s ease 0s;}

/* 网站解决方案 */
.jjfa{height:795px;background:#FFF;}
.jjfa_cona{ width:1200px; margin:0 auto}
.jjfa_title{ text-align:center; padding:50px 0 40px 0; }
.jjfa_title h1{font-weight:normal;font-size:30px;color:#121212;}
.jjfa_title h2{font-size:20px;color:#9ea0a2; font-weight:100;}

.jjfa_cona ul{height:600px;}
.jjfa_cona ul li{float:left;height:238px;width:298px;background:#f7f7f7; text-align:center;padding-top:60px;cursor:pointer;transition: all 0.3s ease 0s;border:1px solid #f7f7f7;}
.jjfa_cona ul li:hover{height:238px;border:1px solid #0f8eff;width:298px;}
.jjfa_cona ul li img{transition: all 0.6s ease 0s;}
.jjfa_cona ul li:hover img{margin-top:-9px;transition: all 0.3s ease 0s;}
.jjfa_cona ul li.actii{background:#fdfdfd;border:1px solid #fdfdfd;}
.jjfa_cona ul li.actii:hover{border:1px solid #0f8eff;}
.jjfa_cona ul h1{font-weight:200; font-size:18px; margin-top:10px;transition: all 0.3s ease 0s;color:#111}
.jjfa_cona ul h2{font-weight:200;font-size:14px;color:#8b8a8a;width:140px; margin:7px auto 0 auto;transition: all 0.6s ease 0s;}
.jjfa_cona ul li:hover h2{color:#06C}
.jjfa_cona ul li:hover h1{color:#06C}

/* 网站类型 */
.leixing{height:446px; background:#373d41}
.wzlexi{ width:1500px; margin:0 auto; position:relative;}
.buut_left{ position:absolute; left:0px; display:block;height:446px; background:#666;color:#FFF; z-index:100;width:50px;opacity: 0.3;}
.buut_right{ position:absolute; right:0px;display:block;height:446px; background:#666;color:#FFF; z-index:100;width:50px;opacity: 0.3;}
.wzlexi ul li{ float:left; width:300px;height:446px; position:relative; width:446px;width:300px;transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; cursor:pointer}
.wzlexi ul li .wzlexi_bg{ position:absolute; left:0;top:0;height:446px;width:300px;background:#191d20;opacity: 0.7;transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.wzlexi ul li:hover .wzlexi_bg{background:#0f8eff;opacity: 0.8;}
.wzlexi ul li .wzlexi_conte{ position:absolute; left:0;top:130px;width:300px;text-align:center;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.wzlexi ul li:hover .wzlexi_conte{top:50px;transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.wzlexi ul li .wzlexi_conte i{color:#f0f0f0; font-size:70px; }
.wzlexi ul li .wzlexi_conte h1{color:#f0f0f0; font-size:24px;font-weight:100;font-weight:800}
.wzlexi ul li .wzlexi_conte p{width:200px; margin:0 auto;color:#FFF;font-size:14px;height:120px; display:none}
.wzlexi ul li .wzlexi_conte a{ display:block;width:158px;height:38px;border:1px solid #FFF; line-height:38px; text-align:center;color:#FFF; font-size:16px; margin:0 auto; display:none}
.wzlexi ul li:hover .wzlexi_conte a{ display:block;transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.wzlexi ul li:hover .wzlexi_conte p{ display:block;transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.wzlexi ul li .wzlexi_conte a:hover{background:#fff;color:#0f8eff}


/* 案例展示 */
.case{background:#f5f5f5;min-height:600px;padding-bottom:70px;}
.case_con{width:1200px; margin:0 auto}
.case_title{text-align:center;padding:50px 0 40px 0; position:relative;}
.case_title h1{font-weight:normal;font-size:30px;color:#121212;}
.case_title h2{font-size:20px;color:#9ea0a2; font-weight:100;}
.case_title a{ position:absolute;color:#666; right:0;top:60px;font-size:14px;}
.case_title a:hover{ color:#0f8eff}
.case_title a span{ display:inline-block;width:17px;height:17px;border:#CCC 1px solid;color:#666; line-height:14px; margin-right:5px;font-size:14px; vertical-align:middle;}
.case_leibiao{ margin-right:-20px;}
.case_leibiao li{float:left;width:384px;height:445px;background:#fff;margin:0 20px 20px 0;transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s;border:1px solid #f5f5f5;}
.case_leibiao li:hover{border:1px solid #0f8eff;box-shadow: 1px 1px 7px rgba(111, 111, 111, 0.2);}
.case_leibiao li a{ display:inline-block;height:275px;width:384px;overflow:hidden;}
.case_leibiao li a img{height:275px;width:400px;transition: all 0.2s linear 0s;}
.case_leibiao li:hover a img{transform: scale(1.1);}
.case_leibiao li h1{padding:10px 15px;font-size:18px;color:#333;font-weight:600}
.case_leibiao li:hover h1{color:#0f8eff}
.case_leibiao li p{ font-size:12px;padding:0 16px; line-height:1.6; font-size:14px;color:#888; text-indent:2em;}

/* 合作伙伴 */
.hzhb{width:1200px; margin:0 auto;min-height:180px;margin-bottom:60px;}
.hzhb a{ display:block;width:178px;height:68px;border:1px solid #eaeaea; margin:10px 30px; float:left; overflow:hidden;}
.hzhb a img{width:178px;height:68px;}
.hzhb a:hover img{transform: scale(1.1);transition: all 0.3s linear 0s;}

/* 页肢 */
.fotter{height:260px;background:#282525}
.fotter ul{width:1200px; margin:0 auto;height:260px;}
.fotter li{ float:left;width:170px; text-align:center;color:#b1b1b1;margin:0 65px;padding-top:70px;}
.fotter li i{ font-size:30px;color:#FFF}
.fotter li h1{ font-size:16px;font-weight:100;margin:10px 0}
.fotter li p{ text-align:left;font-size:13px;}

/* --------------------【服务类型】--------------- */
.fwlx{height:432px;background:url(../images/fwlxban.jpg) no-repeat center top}
.fwlx div{width: 1200px; margin: 0 auto;padding-top:130px;}
.fwlx div h1{color:#fff;font-size: 48px;font-weight: 100; width:435px;}
.fwlx div h2{font-size:24px;color:#1f7dd1;font-weight: 100;width:435px;}

.fwlx_1{background:#333333;height: 65px;}
.fwlx_1 ul{width: 1200px; margin: 0 auto;}
.fwlx_1 ul li { float: left;height:65px;}
.fwlx_1 ul li a{ display: inline-block;height:65px; line-height: 65px;font-size:16px;color:#fff;width:200px; text-align: center; margin-right: 20px;transition: all 0.5s ease 0s;}
.fwlx_1 ul li a:hover{color:#0f8eff}

.fwlx_1 ul li.fw_hover a{background:#282828;color:#fff;border-top:3px #0f8eff solid;height:62px; line-height:62px;}

/* -------------标题---------- */
.titlef{height:1px;background:#e8e8e9;width: 1200px; margin:90px auto 90px auto; position: relative;}
.titlef div{ position: absolute;top:-14px;height: 40px;}
.titlef div h1{height:26px;border-left:4px #0066CC solid;background: #ffffff; display:inline-block;font-weight: 100;color: #1b1f21; font-size:26px;padding:0 20px 0 10px; line-height: 26px;}
.titlef div h1.huise{background:#f4f4f4}
.titlef div p{font-size: 14px;color: #666666;height:40px; line-height:40px;}

.lexing{width: 1200px; margin: 0 auto 90px auto;height: 300px;}
.lexing div{float: left;background: #fdfdfd;border:#e7e7e7 1px solid;width: 309px;height: 223px;padding:35px 23px; overflow: hidden; position: relative; margin-right:64px;transition: all 0.5s ease 0s; cursor: pointer;}
.lexing div h1{font-size: 22px;color:#55a4ea;}
.lexing div h2{font-weight:100;font-size: 14px;color: #333;margin-top:5px}
.lexing div span{ position:absolute;bottom: -52px;right:28px;transition: all 0.5s ease 0s;}
.lexing div:hover span{bottom: -60px;right:33px;}
.lexing div:hover{box-shadow: 1px 1px 10px rgba(111, 111, 111, 0.33)}
.lexing .nomargin{margin:0;}

.lexing .nomargin span{bottom:0px;right: 70px;}
.lexing .nomargin:hover span{bottom: -5px;right: 65px;}
.lexing .Androids span{bottom:-10px;right: 0px;}
.lexing .Androids:hover span{bottom: -15px;right:-3px;}

.daishopp{background:#f4f4f4;padding-top:1px;padding-bottom:20px}
.dzsw{width: 1200px; margin: 0 auto;}
.dzsw ul{height:150px;background:#fff; height: 150px;box-shadow: 0 2px 5px rgba(0,0,0,.06);}
.dzsw ul li{float: left;padding:32px 26px;width:246px;height:84px;border:1px solid #fff;border-right:1px solid #e8e8e8;transition: all 0.8s ease 0s; cursor:default}
.dzsw ul li:nth-child(4n){border-right:#e8e8e8 1px solid}
.dzsw ul li:hover{border-color: #248dea;box-shadow: 1px 1px 10px rgba(111, 111, 111, 0.52)}
.dzsw ul li dd{transition: all 0.5s ease 0s;}
.dzsw ul li:hover dd{padding-left:3px;transition: all 0.3s ease 0s;}
.dzsw ul li:hover dd h1{color:#248dea;}
.dzsw ul li:hover dd p{color:#248dea;}
.dzsw ul li:hover dt i{color:#248dea;}
.dzsw ul dl dt{float: right; line-height:84px;}
.dzsw ul li:hover dl dt{line-height:77px;}
.dzsw ul dl dt i{font-size:50px;color:#999;transition: all 0.5s ease 0s; }
.dzsw ul dl dd h1{font-size: 20px;color:#555;transition: all 0.5s ease 0s;font-weight:600;}
.dzsw ul dl dd p{font-size:14px;color: #999;width:150px; line-height:1.3;padding-top:6px;transition: all 0.5s ease 0s;}

.xianze{background:#fff;box-shadow: 0 2px 5px rgba(0,0,0,.06);width: 1200px; margin:40px auto;}
.xianze h3{height:110px; line-height: 120px;font-weight:500; text-align: center; font-size: 30px;color: #444;}
.xianze ul{padding:90px 65px 30px 65px; position: relative;height:190px;}
.xianze ul li{width: 480px;height: 70px;border:#e9e9e9 1px solid; margin-bottom: 20px;transition: all 0.5s ease 0s;}
.xianze ul li span{float: left;background: #55a4ea;color: #fff; display: inline-block;width:162px;height: 70px; line-height: 70px; text-align: center;font-size: 26px;}
.xianze ul li p{float: left;height:44px;width:188px;padding:13px 20px; font-size:16px;color: 16px; vertical-align: middle; line-height:1.3;color:#444;}
.xianze ul li:hover p{color: #fff;}
.xianze ul li:hover{box-shadow: 0 2px 8px rgba(0,0,0,0.3);border:1px solid #55a4ea;background: #55a4ea;color: #fff;}
.xianze ul li:hover span{background: #fff;color:#55a4ea;}
.xianze ul li span em{font-family: impact; font-style: normal; margin-right: 3px; }
.xianze ul li.kdjq{ position: absolute; top:0;left:360px;}
.xianze ul li:nth-child(2n){float: right;}
.xianze ul li:nth-child(4n){float: right;}

.weiwa{width:1200px; margin: 0 auto;}
.weiwa div{width:210px;float:left;margin: 0 45px; text-align: center;padding:20px 0 90px 0;}
.weiwa div span{transition: all 0.6s ease 0s; margin: 0 auto;width:130px;height:114px; display: block; background: url(../images/weibjg.png) no-repeat left top; text-align: center;line-height: 114px; cursor: pointer;}
.weiwa div span i{font-size:48px;color:#55a4ea;transition: all 0.5s ease 0s;}
.weiwa div:hover span{ background: url(../images/weibjg_11.png) no-repeat left top;}
.weiwa div:hover span i{color:#fff;}
.weiwa div h2{font-size: 20px;font-weight:100;height: 60px; line-height: 60px;color:#333;}
.weiwa div p{font-size: 14px;color:#666; text-align: center;}
.weiwa div:hover h2{color:#167ad3}

.kihda{width: 1200px; margin: 0 auto;min-height:450px;margin-bottom: 30px; position: relative;}
.kihda ul{position:absolute;width:299px;border:#e4e4e4 1px solid;background: #fff;transition: all 0.5s ease 0s;z-index:0; margin-left:-1px; cursor: pointer;}
.kihda ul:nth-child(2n){top:0;left:300px}
.kihda ul:nth-child(3n){top:0;left:600px}
.kihda ul:nth-child(4n){top:0;left:900px}
.kihda ul:hover{border-color:#55a4ea;box-shadow:3px 3px 10px rgba(0,0,0,0.3);z-index:10000;top:-10px;height:439px;}
.kihda ul li a{ display: inline-block;width: 193px;height: 43px;border:1px solid #e5e4e4; text-align: center; line-height: 43px;color:#666666;font-size:14px;border-radius: 3px;transition: all 0.5s ease 0s;}
.kihda ul .wzxc_1{height:170px;background:#f1f1f1; text-align: center; line-height: 170px;transition: all 0.5s ease 0s;}
.kihda ul i{font-size: 60px;color:#acacac;transition: all 0.5s ease 0s;}
.kihda ul .wzxc_2{ text-align:center;font-size: 22px;height:70px; line-height: 70px;color:#505050;}
.kihda ul:hover .wzxc_2{color:#55a4ea}
.kihda ul p{font-size: 14px;line-height: 1.7;width: 200px; margin: 0 auto; text-align: center;color:#666666}
.kihda ul:hover p{color:#55a4ea}
.kihda ul .wzxc_3{ text-align: center;padding:40px 0 35px 0}
.kihda ul:hover .wzxc_1{background:#55a4ea}
.kihda ul:hover .wzxc_1 i{color:#fff;font-size: 70px;}
.kihda ul:hover li a{border-color: #55a4ea;color:#55a4ea;}
.kihda ul li a:hover{background:#55a4ea;color:#fff; font-size: 16px;border-color:#55a4ea;}

.xxmh div span{width:160px;height:160px;border-radius:160px;background:#f7f7f7;border:#e4e4e4 1px solid;transition: all 0.5s ease 0s;}
.xxmh div:hover span{background:#f7f7f7;}
.xxmh div span em{display: inline-block;width:120px;height:120px;border-radius:120px;background:#fff; margin: 0 auto;border:#55a4ea 1px solid;margin-top:19px;color:#707070; font-style:normal; font-size: 22px; font-weight:600;line-height: 120px;transition: all 0.5s ease 0s;}
.xxmh div:hover span em{ background:#509fe4;color: #fff;font-size: 26px;}

.xtkf{width:1200px; margin: 0 auto;}
.xtkf div{float: left;width:265px;height:200px;border:#e9e9e9 1px solid;background:#fff; margin-bottom:50px;padding-top:70px;margin-right:44px;transition: all 0.5s ease 0s; cursor:pointer;}
.xtkf div h1{text-align: center;}
.xtkf div h1 i{ font-size:72px;font-weight:300;color:#b8b8b8;}
.xtkf div h2{text-align: center;color:#444;font-weight:100; margin-top: 10px;}
.xtkf div:nth-child(4n){ margin-right: 0;}
.xtkf div:hover{background:#55a4ea;border-color:#55a4ea;box-shadow:3px 3px 10px rgba(0,0,0,0.3);padding-top:50px;height:220px;}
.xtkf div:hover h1 i{color: #fff; font-size: 76px;}
.xtkf div:hover h2{color: #fff;}


/* -------------成功案例---------- */
.al_top{background:#f5f5f5}
.allitiel{background:#fff}
.allitiel .xian{height:55px;border-bottom: 1px solid #ededed;}
.allitiel .xian ul{height:55px;width:1200px; margin: 0 auto;}
.allitiel .xian ul li{ float: left;height:55px;line-height: 55px;color:#666;font-size:14px;margin-right:5px;}
.allitiel .xian ul li a{color:#333}

.djka{ position:relative;width: 1200px; margin: 0 auto; background:url(../images/anlibj.png) no-repeat right bottom;height:275px;}
.djka ul{position: absolute;bottom:15px;}
.djka ul li{float:left;margin-right:10px}
.djka ul li a{ display: inline-block;height:32px; border-radius:30px;color:#333;font-size:16px;line-height: 30px;padding:0 20px}
.djka ul li a:hover{color:#0f8eff;}
.djka ul li .thover{border:1px solid #0f8eff;color:#0f8eff;font-weight: 600;}

.djka h1{font-size:40px;font-weight: 100; text-align: center;padding-top:40px;}
.djka h2{font-size:24px; font-weight: 100;color:#666;text-align: center;}
.djka h3{font-size:24px; font-family: impact;font-weight: 100;color:#51abfa;text-align: center;}

.case_content{width:1200px;margin: 0 auto;padding:50px 0 20px 0;}
.paixu{padding:40px 0;height:37px;width:530px; margin: 0 auto;}
.paixu li{float:left; margin:0 7px;color:#666;vertical-align: bottom;height:35px;}
.paixu li a{display: inline-block;width:35px;height:35px;line-height:35px;border:#e5e5e5 1px solid; text-align: center;background:#fff;font-size: 16px;color:#666;}
.paixu li a:hover{color:#0f8eff;border-color: #0f8eff;}
.paixu li:nth-child(1) a,.paixu li:nth-child(9) a{width:76px;}
.paixu li.hovers a{background:#0f8eff;color:#fff;border-color:#0f8eff;}


/* -------------关于我们---------- */
.about_ban{background-size:cover;height:437px;background-image:url(../images/abbj.jpg); text-align: center;color:#fff;padding-top:230px}
.about_ban h1{font-size:48px;color:#fff;}
.about_ban p{font-size:20px; width: 680px; margin:10px auto;}


/* ---------关于我们【公司简介】--------- */
.jianjie{width:1200px; margin: 0 auto;text-align:center;padding:30px 0 120px 0}
.paisei{color:#333;}
.nodwr{color:#fff;}
.title_1{border-bottom:3px #0f8eff solid;width:120px; margin:0 auto;font-size:30px;padding-top:45px;text-align: center;font-weight:300;}
.title_2{font-size:16px;font-weight:400;margin:0 auto;text-align: center;}
.title_3{font-size:30px;font-weight:400;padding:15px 0; text-align: center;}
.title_3 img{margin:0 8px;}
.jianjie p{padding:60px 60px 80px 60px;font-size:16px;color:#333; line-height:2;}
.jianjie div{border:1px solid #f0f0f0;width:250px;float: left;margin:0 85px;}
.jianjie div.no_marging{margin:0; cursor: auto;}
.jianjie div h5{height:75px;background:#f0f0f0; line-height: 75px;transition: all 0.5s ease 0s;font-size:48px;color:#565656; font-family: impact;}
.jianjie div h6{height:50px; line-height:50px;font-weight: 200;font-size: 16px;color:#555;transition: all 0.5s ease 0s;}
.jianjie div:hover{border-color:#0f8eff;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);}
.jianjie div:hover h5{background:#0f8eff;color: #fff;}
.jianjie div:hover h6{color:#0f8eff;}


/* ---------关于我们【我们的优势】--------- */
.our{background:url(../images/about_ysbj.jpg) no-repeat;background-size:cover;padding:30px 0;}
.our_content{width:1200px; margin: 0 auto;}
.our_content ul{width:230px; text-align: center;float: left;margin:80px 35px;}
.our_content ul li{margin-bottom:10px;}
.our_content ul li:nth-child(1){background:url(../images/baoun_lin.png) no-repeat center;width:146px;height:128px; margin:10px auto;color:#2094fc; line-height:128px;}
.our_content ul i{font-size:54px;transition: all 0.5s ease 0s;}
.our_content ul li:hover:nth-child(1) i{font-size:78px;}
.our_content ul li:nth-child(2){font-size:20px;color: #fff;font-weight:600;}
.our_content ul li:nth-child(3){font-size:14px;color: #fff; line-height:1.7;}

/* ---------关于我们【人才招聘】--------- */
.rczp{width:1200px; margin:30px auto;}

.jskq{min-height:490px;padding:30px 0;}
.jskq ul{height:229px;width:592px;margin:0 16px 16px 0;float:left;transition: all 0.9s ease 0s;}
.jskq ul:nth-child(2){ margin:0;}
.jskq ul:nth-child(4){ margin:0;}
.jskq ul li{float:left;}
.jskq ul li:nth-child(1){height:174px;width:166px;background:url(../images/zp_1.jpg) no-repeat;padding:55px 0 0 40px;color:#fff;transition: all 0.9s ease 0s;}
.jskq ul li:nth-child(1) h1{font-family: impact;font-size: 60px;transition: all 0.5s ease 0s;color:#fff;font-weight:300; line-height:1;}
.jskq ul li:nth-child(1) h2{font-size:24px;font-weight:200;transition: all 0.5s ease 0s;}
.jskq ul li:nth-child(1) h3{font-size:14px;font-weight:200;transition: all 0.5s ease 0s;}
.jskq ul li:nth-child(1) a{display: block;height:33px;width:110px;border-radius:3px;border:1px solid #fff; line-height:33px; text-align: center;font-size:14px;color:#fff;margin-top:10px; display:none;}
.jskq ul li:nth-child(1) a:hover{background-color:rgba(255, 255, 255, 0.8);color:#333}
.jskq ul:hover li:nth-child(1){height:194px;padding-top:35px}
.jskq ul:hover li:nth-child(1) h1{font-size:54px;}
.jskq ul:hover li:nth-child(1) h2{font-size:22px;}
.jskq ul:hover li:nth-child(1) a{display: block;}

.jskq ul:nth-child(2) li:nth-child(1){ background-image: url(../images/zp_2.jpg);}
.jskq ul:nth-child(3) li:nth-child(1){ background-image: url(../images/zp_3.jpg);}
.jskq ul:nth-child(4) li:nth-child(1){ background-image: url(../images/zp_4.jpg);}

.jskq ul li:nth-child(2){height:229px;width:386px; overflow: hidden; position: relative;transition: all 0.9s ease 0s;}

.jskq ul li:nth-child(2) div{position: absolute;height:199px;width:356px;padding:15px;background-color:rgba(0, 0, 0, 0.0);left:-386px;top:0px;transition: all 0.9s ease 0s;color: #e4e4e4;}
.jskq ul:hover li:nth-child(2) div{left:0;top:0;background-color:rgba(0, 0, 0, 0.8);}
.jskq ul li:nth-child(2) div h4{font-size:18px;height:40px; line-height:40px;}
.jskq ul li:nth-child(2) div p{font-size:14px;height:159px;overflow: hidden; line-height: 1.6;}

/* ---------关于我们【公司团队】--------- */
.gstd{background: url(../images/td_bj.jpg) no-repeat;background-size:cover;padding:30px 0}

.tdzp{width:1200px; margin: 0 auto;padding:40px 0}
.tdzp_content{width:298px;height:148px;float:left;margin:0 1px 2px 1px;}
.tdzp_content li{float: left;width:148px;height:148px;margin-right:2px; overflow: hidden;}
.tdzp_content li.tdcon{width:108px;height:104px;background-color:rgba(255, 255, 255, 0.3);color:#fff;padding:22px 20px;}
.tdzp_content li:nth-child(2){margin:0;}
.tdzp_content li.tdcon h3{font-size:18px;}
.tdzp_content li.tdcon h4{font-size:14px;font-weight:100; margin: 5px 0;}
.tdzp_content li.tdcon p{font-size:12px;color:#a5a5a5;}
.tdzp_content li img{transition: all 0.7s linear 0s;}
.tdzp_content:hover li img{transform: scale(1.09);}
.tdzp_content:nth-child(2) .tdcon{background-color:rgba(54, 54, 54, 0.5);}
.tdzp_content:nth-child(4) .tdcon{background-color:rgba(54, 54, 54, 0.5);}
.tdzp_content:nth-child(5) .tdcon{background-color:rgba(7, 7, 7, 0.2);}
.tdzp_content:nth-child(8) .tdcon{background-color:rgba(7, 7, 7, 0.2);}
.tdzp_content:nth-child(10) .tdcon{background-color:rgba(54, 54, 54, 0.5);}
.tdzp_content:nth-child(6) .tdcon{background-color:rgba(77, 134, 192, 0.3);}
.tdzp_content:nth-child(12) .tdcon{background-color:rgba(77, 134, 192, 0.3);}


/* ---------新闻媒体--------- */
.top_bjk{background:url(../images/news_bj.jpg);background-size:cover; text-align: center;height:140px;padding-top:80px;color:#333;}
.top_bjk h1{font-size:32px;font-weight:200;line-height:initial;}
.top_bjk h2{font-size:24px;font-weight:200;}

.news_content{width:1200px; margin:0 auto;min-height:1500px;padding:40px 0 60px 0}
.news_left{float:left;width:829px;border-right:1px solid #f0f0f0;}

.news_libiao{margin-right:50px;}
.news_libiao li{border-bottom:1px solid #f0f0f0;padding:40px 0;overflow: hidden; position: relative;}
.news_libiao li:nth-child(1){padding-top:0;}

.title_news{float: left;margin-right: 30px;width:230px;height: 130px;overflow: hidden;}
.title_news img{display: block;width:230px;height: 130px;transition: all 0.6s linear 0s}
.title_news:hover img{transform: scale(1.1);}
.title_news_1{font-size:18px;color:#333;max-height:48px;overflow: hidden;}
.title_news_1:hover{color:#0A81EB}
.title_news_2{font-size:14px;color:#666;max-height:42px;overflow: hidden; margin-top:10px; line-height:1.5;}
.title_news_3{position: absolute;left:260px;bottom:40px;color:#999;font-size:14px;}
.title_news_3 span:nth-child(2){margin-left:50px;}
.title_news_3 span i{margin-right:3px;vertical-align: middle;font-size:18px;}

.news_right{float:left;width:350px;padding-left:20px}
.rmbiaoti{font-size:18px;font-weight:200;padding-bottom:20px;}
.rm_con{position: relative;padding:0 20px 0 19px;background:url(../images/newsbjbj.png) no-repeat left 9px;margin-bottom:30px;}
.rm_con a{font-size:14px;color:#444;line-height:1.5;}
.rm_con a:hover{color:#0A81EB}
.rm_con div{color:#999;padding-top:15px;font-size:14px;}
.rm_con div span:nth-child(2){margin-left:30px;}
.rm_con div span i{margin-right:5px;vertical-align:middle;font-size:18px;}

/* ---------新闻详细--------- */
.news_xia_cone{padding:10px 30px 30px 30px;min-height:500px;}
.news_xia_cone h1{font-size: 26px;font-weight:inherit;color: #343434;max-height:72px;overflow: hidden;margin-bottom:30px;padding:0 15px;}
.news_xia_cone div{border-bottom:1px dashed #ccc;color: #999;padding-bottom:8px;margin-bottom:10px;padding-left:15px;}
.news_xia_cone div span{margin-right:30px;}
.news_xia_cone div span i{color:#0A81EB; margin-right:3px; vertical-align: middle;font-size:18px;}
.news_xia_cone p{font-size:16px;color:#333; line-height:2;text-indent:32px;padding:30px 15px 0 15px;}
.news_xia_cone p img{ margin:0 auto;max-width:670px;}
.news_xia_cone p.imcon{ text-align: center;text-indent:0;}