@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; }
body,h1,h2,h3,h4,h5,h6,p,img,input,textarea,ul,li,ol,dt,dd,dl{ border:0; margin:0; padding:0; list-style:none;}
body{font-family:Tahoma,Arial,Helvetica,"微软雅黑"; font-size:12px; }
a { text-decoration: none; outline:none;}
img,input,textarea,select{ vertical-align:middle; outline:none;}
.cf:before, body:before, .header:before, .footer:before { content: ''; display: table; }
.cf:after, after, .header:after,  .footer:after { content: ''; display: table; clear: both; }
.cf, .header, .footer { *zoom: 1; }
.wrap{ width:1200px; height:auto; margin:0 auto;}
.fl{ float: left; }
.fr{ float: right; }

.gddw{ width: 100%; position: fixed; left: 0; top: 0; z-index: 99999999 !important; }
.kong{ width: 100%; height: 130px; }

body,html,.da1,.da2,.index0{ height: 100%; }

/*抬头-中英文*/
.tt_title{ width: 100%; height: 30px; background: #4d4e52; }
.tt_title .right{ width: 40%; height: 30px; line-height: 30px; text-align: right; color: #FFFFFF; }
.tt_title .right a{ display: inline-block; color: #FFFFFF; margin: 0 5px; background: url(../images/index_03.jpg) no-repeat left center; padding-left: 30px; }
.tt_title .right a.ywen{ background: url(../images/index_05.jpg) no-repeat left center; }
.tt_title .right a:hover{ color: #00B4FF; }
.tt_title .left{ width: 40%; height: 30px; line-height: 30px; color: #fff;  }

/*logo——导航*/
.nav{ width: 100%; height: 100px; background: #FFFFFF;  }
.nav .logo{ width: 208px; height: 100px; line-height: 100px; float: left; }
.nav .logo img{ width: 100%; }
.nav .list{ width: 850px; float: right; text-align: right; }
.nav .list li{ text-align: center; line-height: 100px; display: inline-block; margin-left: 60px; position: relative; }
.nav .list li a{ display: inline-block; vertical-align: middle; line-height: 22px; font-size: 16px; color: #4D4E52; }
.nav .list li a span{ color: #c1c1c1; font-size: 12px; }
.nav .list li .s_sj{ width: 26px; height: 14px; position: absolute; left: 50%; margin-left: -13px; bottom: 0px; background: url(../images/s_sj.png) no-repeat center center; display: none; }
.nav .list li:hover a{ color: #00B4FF; }
.nav .list li:hover a span{ color: #00B4FF; }
.nav .list li:hover .s_sj{ display: block; }
.nav .list li.li1 a{ color: #00B4FF; }
.nav .list li.li1 a span{ color: #00B4FF; }
.nav .list li.li1 .s_sj{ display: block; }
/*index1*/
.index0{ background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative;  }

.index1{ width: 100%;   background-repeat: no-repeat; background-position: center center; }
.index2{ width: 100%; background-image: url(../images/index_11.jpg); background-repeat: no-repeat; background-position: center center; }
.index3{ width: 100%; background-image: url(../images/index_13.jpg); background-repeat: no-repeat; background-position: center center; }
.index4{ width: 100%; background-image: url(../images/index_15.jpg); background-repeat: no-repeat; background-position: center center; }
.index5{ width: 100%; background-image: url(../images/index_17.jpg); background-repeat: no-repeat; background-position: center center;  }

.index1_xq{ width: 100%; text-align: center; padding-top: 190px; }
/*公司介绍*/
.index2_xq{ width: 100%; text-align: center; padding: 50px 0; background-color: #FFFFFF; }
.bt_title{ padding-bottom: 25px; background: url(../images/bt_xian.png) no-repeat center bottom; margin: 0 auto; margin-bottom: 25px; text-align: center; }
.index2_xq .xq{ font-size: 18px; color: #404146; line-height: 50px; max-width: 1005px; margin: 0 auto;  }
.more{ display: block; margin: 25px auto 0; width: 126px; height: 34px; line-height: 30px; text-align: center; color: #FFFFFF; font-size: 16px; font-weight: 700; text-transform: uppercase; background: url(../images/more_bg.png) no-repeat center center; }

/*优势--四平八稳*/
.index3_xq{ width: 100%; height: 625px; padding: 50px 0; background-color: #FFFFFF; }
.bt_title2{ font-size: 24px; color: #4D4E52; line-height: 50px; text-align: center; }
.index3_list{ width: 1040px; padding: 0 80px; margin: 25px auto;  }
.index3_list .title{ text-align: center; margin-bottom: 25px; }
.index3_list .title a{ display: inline-block; width: 166px; height: 36px; line-height: 36px; background: #4d4e52; border-radius: 20px; color: #FFFFFF; font-size: 16px; margin: 0 15px; position: relative; }
.index3_list .title a .xia_sj{ display: block; width: 17px; height: 8px; position: absolute; left: 50%; margin-left: -8.5px; bottom: -8px; line-height: 0; display: none; }
.index3_list .title a.a1{ background: #00B4FF; }
.index3_list .title a.a1 .xia_sj{ display: block; }
.index3_list .title a:hover{  background: #00B4FF; }
.index3_list .title a:hover .xia_sj{ display: block; }
.index3_list ul{ display: none; }
.index3_list ul li{ height: 62px; overflow: hidden; margin-bottom: 40px; }
.index3_list ul li a{ display: block; }
.index3_list .sida li .left{ width: 177px; height: 62px; line-height: 62px; font-size: 16px; color: #FFFFFF; text-align: center; background: url(../images/spbwxq_bg.png) no-repeat center center;}
.index3_list .sida li .right{ width: 850px;  font-size: 16px; color: #000; line-height: 30px;  }
.index3_list ul li:hover .right{ color: #00B4FF; }
.lili_xian{ display: block !important; }

.index3_list .bada li{ width: 48%; float: left; margin-right: 4%; }
.index3_list .bada li .left{ width: 177px; height: 62px; line-height: 62px; font-size: 16px; color: #FFFFFF; text-align: center; background: url(../images/spbwxq_bg.png) no-repeat center center;}
.index3_list .bada li .right{ width: 305px;  font-size: 16px; color: #000; line-height: 30px;  }

/*营销案例*/
.index4_xq{  width: 100%; height: auto; padding: 50px 0; background-color: #FFFFFF; }
.index4_list{ width: 1000px;   padding: 0 100px; margin: 25px auto; position: relative; }
.index4_list2{ overflow: hidden;  height: 267px; position: relative; }
.index4_list ul{ width: 10000000px;  position: absolute; left: 0; top: 0; }
.index4_list ul li{ width: 1000px;  overflow: hidden; float: left; margin-right: 20px; }
.index4_list ul li a{ display: block; }
.index4_list ul li .IMG{ width: 468px; height: 267px; float: left; }
.index4_list ul li .IMG img{ width: 100%; }
.index4_list ul li .text{ width: 500px; height: 267px; float: right; }
.index4_list ul li .text h2{ font-size: 20px; color: #10a8f1; margin-bottom: 20px; }
.index4_list ul li .text p{ font-size: 18px; line-height: 35px; color: #000000; }
.index4_list ul li .text p strong{ color: #00B4FF; }
.btn_left,.btn_right{ width: 43px; height: 43px; position: absolute; top: 50%; margin-top: -21.5px;cursor: pointer; border-radius: 50%;  }
.btn_left{ left: 0; background: #10a8f1 url(../images/zuo_sj.png) no-repeat center center; }
.btn_right{ right: 0; background: #10a8f1 url(../images/you_sj.png) no-repeat center center; }
.fenxiang{ text-align: center; margin: 15px 0; }
.fenxiang #bshare-shareto{ display: inline-block; background: url(../images/fenxiang.png) no-repeat left center; font-size: 18px !important; color: #10A8F1; padding-left: 30px !important; color: #10A8F1 !important; height: 20px !important; line-height: 20px !important; font-weight: 400 !important; }

.btn_left:hover,.btn_right:hover{ background-color: salmon; }

.index5_xq{  width: 100%; height: auto; padding: 85px 0; background-color: #FFFFFF; }
.index5_lx{ width: 1130px; padding: 0 35px; margin: 0 auto; }
.index5_lx .left{ width: 417px; height: 474px; background: url(../images/rczp1.png) no-repeat center center; margin-right: 115px; }
.index5_lx .left2{ background: url(../images/rczp1.png) no-repeat center center; }
.index5_lx .right{ width: 505px; height: 474px; background: url(../images/lxwm2.png) no-repeat center center; }
.index5_lx .right a{ display: block; color: #2d2d2d; font-size: 16px; padding: 165px 0 0 90px; }
.index5_lx .right p{ line-height: 36px; }
.index5_lx .right p b{ color: #10A8F1; font-size: 20px; }

/*脚部*/
.foot{ width: 100%; height: 95px; padding-top: 25px; background: #39393c; text-align: center; }
.foot p{ line-height: 35px; font-size: 14px; color: #FFFFFF; }
.foot p a{ color: #FFFFFF; }


/*======关于我们页面=======*/
.zi_banner{ width: 100%; height: auto; text-align: center; }
.zi_banner img{ width: 100%; }
.weizhi{ width: 100%; height: 47px; line-height: 47px; border-bottom: 1px solid #e0e1e1; background: #f3f3f3; font-size: 15px; color: #2D2D2D; }
.weizhi a{  font-size: 15px; color: #2D2D2D; margin: 0 5px; }
.weizhi a.a2{ color: #10A8F1; }
.weizhi ul li{ float: left; width: 145px; height: 47px; text-align: center; }
.weizhi ul li a{ font-size: 18px; color: #000000; }
.weizhi ul li.li2{ background: #10A8F1; }
.weizhi ul li.li2 a{ color: #FFFFFF; }
.gywm{ border: 1px solid #d7d7d7; margin: 45px auto; }
.gywm .title{ height: 104px; line-height: 104px; font-size: 30px; color: #10A8F1; text-align: center; font-weight: 700; border-bottom: 1px solid #d7d7d7; }
.gywm .title span{ display: inline-block; border-bottom: 2px solid #10A8F1; }
.gywm_xq{ padding: 50px 40px; }
.gywm_xq img{ display: block; margin: 10px auto; }
.gywm_xq p{ font-size: 18px; color: #404146; text-indent: 2em; line-height: 40px; margin-bottom: 30px; }
.gywm_xq p:last-child{ margin-bottom: 0; }


/*联系我们页面*/
.lx{ border: 1px solid #d7d7d7; margin: 45px auto; }
.lx .zi_lxwm{padding: 60px; }
.lx .zi_lxwm .lx_zong{ width:100%; height:523px;}
.lx .zi_lxwm .lxwm_ditu{  position:absolute; }
.lx .zi_lxwm .lx_zong .lxwm_wz{ background:rgba(11,141,215,0.8); width:400px; height:270px; position:relative; top:122px; left:0;}
.lxwm_wz .lxwm_wz_nr{ width:356px; height:210px; padding: 25px; overflow: hidden; }
.lxwm_wz_nr h1{ color:#FFF; font-size:20px; font-weight:bold;}
.lxwm_wz_nr .lx_nr{ margin-top:40px;   }
.lxwm_wz_nr p{ color:#FFF; font-size:16px; line-height:35px;}

.lxwm_lx{ width:100%; height:120px; margin-top:60px;}
.lxwm_lx ul li{ float:left; margin-left:160px;}
.lxwm_lx ul li h1{  height:50px; font-size:20px; border-bottom: 1px solid #D7D7D7; }
.lxwm_lx ul li .lxfs{ margin-top:20px;}
.lxwm_lx ul li p{ font-size:13px; color:#000000; margin-top:10px; background:url(../images/lx_xb_03.png) no-repeat left; padding-left:15px;}


/*人才招聘*/
.zi_jr { width: 1050px; padding: 50px 75px;  border: 1px solid #d7d7d7; margin: 45px auto; }
.zi_jr .tit2{ width: 1044px; height: 60px; margin: 0 auto; border: 1px solid #e0e0e0; border-right: none; margin-bottom: 46px; }
.zi_jr .tit2 li{ width:173px; line-height: 60px;  text-align: center; float: left; border-right: 1px solid #E0E0E0; }
.zi_jr .tit2 li a{ color: #7a7a7a; font-size: 18px; display: block; }
.zi_jr .tit2 li a.a3{ color: #FFFFFF; background: #0B8DD7; }
.zi_jr .tit2 li a:hover{  color: #FFFFFF; background: #0B8DD7;  }

.jr_list{ padding: 0 15px; padding-bottom: 50px; }
.jr_list li{ border-bottom: 1px solid #E0E0E0; height: auto; position: relative; cursor: pointer; }
.jr_list li.li5{ color: #e33c3c; }
.jr_list li.li5 .xiala2{ color: #333; }
.jr_list li:hover{  color: #e33c3c; }
.jr_list h1{ float: left; height: 64px; line-height: 64px;  padding-left: 15px; font-size: 16px;  overflow: hidden; font-weight: 400; }
.jr_list .tttt h1{  font-size: 18px !important; }
.jr_list li i{ margin-left: 8px; }
.jr_list li .s1{ width: 360px; }
.jr_list li .s2{ width:232px; }
.jr_list li .s3{ width: 235px; }
.jr_list li .s4{ width: 130px; cursor: pointer; }
.xiala2{ width: 972px; height: auto; padding: 25px; background: #f5f5f5; margin-top: 65px; display: none;  }
.xiala2 h2{ margin: 20px 0; font-size: 16px; }
.xiala2 p{  font-size: 14px; line-height: 30px; }
.jr_list .xin{ background: url(../images/xin.png) no-repeat right center; padding-right: 35px; }
.jr_list .xsj{ background: url(../images/xjt.png) no-repeat 115px center; }
.jr_list .xsj2{ background: url(../images/sjt.png) no-repeat 115px center; }

/*案例*/
.anli{ padding: 50px 75px; }
.anli_list ul li{ padding-bottom: 30px; border-bottom: 1px dashed #D7D7D7; margin-bottom: 30px; }
.anli_list ul li .IMG{ width: 468px; height: 267px; float: left; }
.anli_list ul li .IMG img{ width: 100%; }
.anli_list ul li .text{ width: 500px; height: 267px; float: right; }
.anli_list ul li .text h2{ font-size: 20px; color: #10a8f1; margin-bottom: 20px; }
.anli_list ul li .text p{ font-size: 18px; line-height: 35px; color: #000000; }
.anli_list ul li .text p strong{ color: #00B4FF; }

.fanye{ text-align: center; }



/*案例详情*/
.anli_xq{ padding: 50px 80px; border: 1px solid #D7D7D7; margin: 40px 0;  }
.anli_xq .xq p{ color: #454545; font-size: 18px; line-height: 36px; margin: 15px 0; }
.anli_xq .xq img{ display: block; margin: 10px auto; width:1038px !important; }
.fenxiang2{ margin-top: 60px; }

.cp_xq h2{ font-size: 20px; color: #0B8DD7; text-align: center; margin: 20px auto; }


.duotu .datu{ width: 100%; height: 630px; overflow: hidden;  position: relative; margin-bottom: 6px; }
.duotu .datu img{ width: 100%; height: 100%; }
.duotu .datu .wenzi{ width: 96%; height: 74px; padding: 0 2%; line-height: 74px; background: rgba(0,0,0,0.4); color: #FFFFFF; font-size: 20px; position: absolute; left: 0; bottom: 0; }
.duotu .xiaotu{ width: 100%; height: 88px; overflow: hidden; }
.duotu .xiaotu li{ width: 143px; height: 88px; float: left; margin-right: 6px; cursor: pointer; overflow: hidden; }
.duotu .xiaotu li:nth-child(7n){ margin-right: 0; }
.duotu .xiaotu li.li6{ width: 141px; height: 86px; border: 1px solid #E33C3C; }
.duotu .xiaotu li img{ width: 100%; }
.duotu .datu .btn_left,.duotu .datu .btn_right{ position: absolute; width: 32px; height: 90px;  top: 50%; margin-top: -45px; border-radius: initial; }
.duotu .datu .btn_left{ left: 0; background: rgba(0,0,0,0.4) url(../images/sj1.png) no-repeat center center; }
.duotu .datu .btn_right{ right: 0; background: rgba(0,0,0,0.4) url(../images/sj2.png) no-repeat center center; }


@media only screen and (max-width: 1440px) {
.index1_xq { padding-top: 160px; }
.index1_xq img{ height: 50%; width: auto; }
}