@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; border:0; outline:none;}
a{ text-decoration:none; color:#333;}
dl,dd,dt,ol,ul,li{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
body,html{ width:100%; height:100%; color:#333; font-size:14px; line-height:1.5; font-family:"Microsoft YaHei";}

.swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.swiper-slide{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}

.swiper-pagination{ position:absolute; text-align:center; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10;}

/*header*/
.header{ width:1200px; margin:auto; height:90px; position:relative; z-index:9;}
.header .logo{ height:50px; margin:20px 0; float:left;}
.header .logo img{ display:block; height:50px;}
.header .right{ float:right; width:800px; padding-top:15px;}
.header .right .ser{ width:240px; height:30px; border:1px solid #00a4de; border-radius:32px; float:right;}
.header .right .ser p{ width:200px; float:left; display:block;}
.header .right .ser p input{ width:100%; text-indent:15px; font-size:14px; line-height:30px; display:block;}
.header .right .ser span{ width:40px; float:left; display:block;}
.header .right .ser span input{ width:100%; height:30px; display:block; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; cursor:pointer; background-color:#00a4de;}
.header .right .tel{ float:right; margin-right:30px;}
.header .right .tel p{ display:block; float:right; font-size:16px; line-height:32px; height:32px;}
.header .right .tel p b{ color:#00a4de;}
.header .right .nav{ display:block; height:38px; padding-top:5px; float:right;}
.header .right .nav li{ display:block; float:left; margin-left:20px; height:38px; position:relative;}
.header .right .nav li>a{ font-size:16px; display:block; font-size:16px; height:38px; line-height:38px; vertical-align:middle;}
.header .right .nav li>a em{ display:inline-block; margin-left:5px; width:10px; height:5px; vertical-align:middle; background-image:url(../images/nav_06.jpg); background-position:center; background-repeat:no-repeat;}
.header .right .nav li>b{ width:0; height:2px; display:block; position:absolute; left:0; bottom:0; overflow:hidden; background:linear-gradient(to right,#26166e,#00a4de); -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.header .right .nav li.on>a{ color:#00a4de;}
.header .right .nav li.on>b,.header .right .nav li:hover>b{ width:100%;}
.header .right .nav li span{ width:140px; display:none; position:absolute; left:50%; margin-left:-85px; background-color:rgba(255,255,255,.9); top:38px; overflow:hidden; padding:10px 15px; text-align:center;}
.header .right .nav li span a{ display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; overflow:hidden;}
.header .right .nav li span a:hover{ color:#00a4de;}
.header .right .nav li:hover span{ display:block;}
.header .right .nav li p{ width:80px; display:none; position:absolute; left:50%; margin-left:-55px; background-color:rgba(255,255,255,.9); top:38px; overflow:hidden; padding:10px 15px; text-align:center;}
.header .right .nav li p a{ display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; overflow:hidden;}
.header .right .nav li p a:hover{ color:#00a4de;}
.header .right .nav li:hover p{ display:block;}

/*banner*/
.banner{ width:100%; height:740px; position:relative; z-index:0;}
.banner .swiper-container{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.banner .swiper-slide a{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat; position:relative;}
.banner .swiper-slide a .wen{ width:500px; padding-right:700px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-slide a .wen .b01{ font-size:48px; line-height:58px; color:#fff;}
.banner .swiper-slide a .wen .b02{ text-align:center; letter-spacing:10px; text-indent:10px; font-size:20px; line-height:30px; padding:10px; background-color:rgba(0,164,222,0.7); color:#fff; margin-top:30px;}
.banner .swiper-slide a .wen .b03{ font-size:18px; line-height:28px; color:#fff; margin-top:25px; letter-spacing:5px;}
.banner .swiper-pagination{ width:1200px; bottom:75px; left:50%; margin-left:-600px;}
.banner .swiper-pagination span{ display:block; float:left; margin-right:10px; background-image:url(../images/bn.png); background-position:bottom center; background-repeat:no-repeat; width:20px; height:20px; cursor:pointer;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/bnh.png);}

/*数据*/
.shuju{ width:1200px; overflow:hidden; background-color:#fff; position:relative; z-index:2; margin:auto; margin-top:-65px; display:block;}
.shuju strong{ width:100%; height:5px; display:block; background:linear-gradient(to right,#26166e,#00a4de);}
.shuju ul{ width:100%; display:block; overflow:hidden; height:130px;}
.shuju li{ width:25%; display:block; text-align:center; padding-top:25px; overflow:hidden; float:left;}
.shuju li a{ display:block; font-size:14px; height:44px; line-height:44px; overflow:hidden;}
.shuju li a p{ font-size:36px; color:#00a4de; display:inline; margin-right:5px;}
.shuju li span{ display:block; font-size:14px; height:36px; line-height:36px; overflow:hidden; color:#333;}

/*我们的服务*/
.ybox{ width:100%; background-color:#eee; position:relative; z-index:1; padding-top:135px; margin-top:-70px;}
.ybox .title{ width:1200px; margin:auto; text-align:center;}
.ybox .title b{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.ybox .title p{ display:block; overflow:hidden; font-size:16px; line-height:26px; color:#666; margin-top:5px;}
.ybox .box{ width:1200px; margin:auto; position:relative; overflow:hidden; margin-top:25px;}
.ybox .swiper-container{ width:100%; height:358px; padding-bottom:111px; position:relative; overflow:hidden;}
.ybox .swiper-slide .nei{ width:100%; height:100%; display:block; background-image:url(../images/ad.png); background-position:center; background-repeat:no-repeat;}
.ybox .swiper-slide .nei:hover{ background-image:url(../images/adh.png);}
.ybox .swiper-slide .nei .tb{ width:70px; height:70px; margin:70px auto; margin-bottom:26px; border-radius:70px; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
.ybox .swiper-slide .nei .tb img{ max-height:70px; max-width:70px;}
.ybox .swiper-slide .nei .tb img.t01{ display:block;}
.ybox .swiper-slide .nei .tb img.t02{ display:none;}
.ybox .swiper-slide .nei:hover .tb{ -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); -o-transform:translateY(-5px); transform:translateY(-5px);}
.ybox .swiper-slide .nei:hover .tb img.t01{ display:none;}
.ybox .swiper-slide .nei:hover .tb img.t02{ display:block;}
.ybox .swiper-slide .nei .bt{ width:240px; height:24px; line-height:24px; text-align:center; font-size:18px; margin:auto; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
.ybox .swiper-slide .nei:hover .bt{ -webkit-transform:translateY(-140px); -moz-transform:translateY(-140px); -o-transform:translateY(-140px); transform:translateY(-140px); color:#fff;}
.ybox .swiper-slide .nei .line{ width:150px; height:1px; background-color:#eee; margin:12px auto; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
.ybox .swiper-slide .nei:hover .line{ -webkit-transform:translateY(2px); -moz-transform:translateY(2px); -o-transform:translateY(2px); transform:translateY(2px);}
.ybox .swiper-slide .nei .wen{ width:240px; height:40px; line-height:20px; text-align:center; font-size:14px; margin:auto; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
.ybox .swiper-slide .nei:hover .wen{ -webkit-transform:translateY(-64px); -moz-transform:translateY(-64px); -o-transform:translateY(-64px); transform:translateY(-64px);}
.ybox .swiper-slide .nei .zi{ width:240px; height:80px; line-height:20px; font-size:14px; position:absolute; left:20px; bottom:61px; filter:alpha(opacity=0); opacity:0; -webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out; -o-transition:opacity 0.5s ease-in-out; transition:opacity 0.5s ease-in-out;}
.ybox .swiper-slide .nei:hover .zi{ filter:alpha(opacity=100); opacity:1;}
.ybox .swiper-slide .nei .xun{ margin:27px auto; margin-bottom:0; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
.ybox .swiper-slide .nei .xun a{ display:block; width:120px; height:36px; border:1px solid #00a4de; margin:auto; border-radius:70px; text-align:center; background-color:#fff; font-size:14px; color:#00a4de; line-height:34px; box-sizing:border-box;}
.ybox .swiper-slide .nei:hover .xun{ -webkit-transform:translateY(40px); -moz-transform:translateY(40px); -o-transform:translateY(40px); transform:translateY(40px);}
.ybox .swiper-slide .nei:hover .xun a{ background:linear-gradient(to right,#26166e,#00a4de); color:#fff; border:none;}

.ybox .swiper-pagination{ width:100%; bottom:75px; left:0; text-align:center; vertical-align:middle; height:10px;}
.ybox .swiper-pagination span{ display:inline-table; width:10px; height:10px; border:1px solid #999; border-radius:10px; margin:0 5px; padding:0; vertical-align:middle; text-align:center; box-sizing:border-box;}
.ybox .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; border:none; background:linear-gradient(to right,#26166e,#00a4de);}

/*华南测评中心*/
.abox{ width:100%; padding:70px 0;}
.abox .box{ width:1200px; margin:auto; display:flex; align-items:center;}
.abox .left{ width:540px; height:500px;}
.abox .left img{ width:100%; display:block;}
.abox .right{ width:590px; margin-left:70px; position:relative;}
.abox .right .a01{ position:absolute; right:0; top:0; z-index:0;}
.abox .right .a01 img{ max-width:80px; display:block;}
.abox .right .a02{ width:470px; padding-top:8px; padding-left:20px; background-image:url(../images/at_16.png); background-position:left top; background-repeat:no-repeat; font-size:24px; line-height:46px;}
.abox .right .a03{ width:470px; margin-left:20px; font-size:30px; line-height:50px; font-weight:bold; color:#00a4de;}
.abox .right .a04{  margin-top:14px; margin-left:20px; font-size:18px; line-height:28px; color:#666;}
.abox .right .a05{  margin-top:18px; margin-left:20px; font-size:16px; line-height:30px; color:#333;}
.abox .right .a06{  margin-top:20px;}
.abox .right .a06 a{ display:block; margin:15px 20px; margin-bottom:0; overflow:hidden; position:relative; float:left; padding-left:40px;}
.abox .right .a06 a strong{ display:block; height:50px; height:50px; border-radius:100%; position:absolute; left:0; top:0; overflow:hidden;}
.abox .right .a06 a strong img{ width:100%; display:block;}
.abox .right .a06 a p{ padding:0 20px; background-color:#eee; height:36px; line-height:36px; font-size:16px; margin:7px 0; overflow:hidden; border-radius:5px;}
.abox .right .a06 a:hover p{ color:#00a4de;}

/*主营业务*/
.sbox{ width:100%; background-color:#eee; position:relative; z-index:1; padding-top:65px; padding-bottom:70px;}
.sbox .title{ width:1200px; margin:auto; text-align:center;}
.sbox .title b{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.sbox .title p{ display:block; overflow:hidden; font-size:16px; line-height:26px; color:#666; margin-top:5px;}
.sbox .box{ width:1200px; margin:auto; position:relative; overflow:hidden; margin-top:25px;}
.sbox .box .swiper-container{ width:100%; position:relative; height:430px;}
.sbox .box .swiper-wrapper{ height:372px;}
.sbox .box .swiper-wrapper .swiper-slide{ height:372px; display:block;}
.sbox .box .swiper-wrapper .swiper-slide a{ display:block; height:372px; position:relative; overflow:hidden;}
.sbox .box .swiper-wrapper .swiper-slide .tu{ width:100%; height:240px;}
.sbox .box .swiper-wrapper .swiper-slide .tu img{ width:100%; display:block;}
.sbox .box .swiper-wrapper .swiper-slide .bt{ width:260px; height:48px; padding:0 20px; margin:auto; position:relative; z-index:3; margin-top:-24px; text-align:center; color:#fff; font-size:18px; line-height:48px; font-weight:bold; background-color:rgba(0,162,222,0.9); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .swiper-wrapper .swiper-slide .wen{ margin-top:12px; font-size:14px; line-height:24px; height:96px; position:absolute; left:0; bottom:0;}
.sbox .box .swiper-wrapper .swiper-slide:hover .bt{ background:linear-gradient(to right,#26166e,#00a4de); margin-top:-150px;}
.sbox .box .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:20px; height:18px; line-height:18px; font-size:14px; color:#999;}
.sbox .box .swiper-pagination a{ color:#00a4de;}
.sbox .box .swiper-pagination span.swiper-pagination-current{ color:#00a4de;}
.sbox .box .swiper-button-prev{ width:18px; height:20px; position:absolute; left:471px; bottom:0; cursor:pointer; background-image:url(../images/left.png); cursor:pointer;}
.sbox .box .swiper-button-next{ width:18px; height:20px; position:absolute; right:471px; bottom:0; cursor:pointer; background-image:url(../images/right.png); cursor:pointer;}
.sbox .box .swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.sbox .box .swiper-button-next:hover{ background-image:url(../images/righth.png);}
.sbox .box .swiper-pagination01{ width:180px; height:3px; position:absolute; left:510px; bottom:9px; background-image:url(../images/line.png); background-position:left center; background-repeat:repeat-x;}
.sbox .box .swiper-pagination01 .swiper-pagination-progressbar{ background:#00a4de; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top; display:block;}

/*实力展示*/
.pbox{ width:100%; position:relative; z-index:1; padding-top:65px; padding-bottom:70px; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.pbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; background-color:rgba(0,0,0,0.7);}
.pbox .cont{ width:1200px; margin:auto; position:relative; z-index:2;}
.pbox .title{ width:1200px; margin:auto; text-align:center;}
.pbox .title b{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px; color:#fff;}
.pbox .title p{ display:block; overflow:hidden; font-size:16px; line-height:26px; color:#fff; margin-top:5px;}
.pbox .box{ width:1070px; padding:0 60px; margin:auto; position:relative; overflow:hidden; margin-top:25px;}
.pbox .box .swiper-wrapper .swiper-slide{ width:100%; height:360px; overflow:hidden; display:block;}
.pbox .box .swiper-wrapper .swiper-slide a{ width:100%; height:360px; display:block; overflow:hidden; position:relative; display:flex; align-items:center; background-color:#fff;}
.pbox .box .swiper-wrapper .swiper-slide a img{ max-width:100%; max-height:100%; margin:auto; display:block;}
.pbox .box .swiper-wrapper .swiper-slide p{ width:100%; height:40px; position:absolute; left:0; bottom:-40px; background-color:rgba(0,162,222,0.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:16px; color:#fff; text-align:center; overflow:hidden; padding:0 10px; box-sizing:border-box; line-height:40px;}
.pbox .box .swiper-wrapper .swiper-slide a:hover p{ bottom:0;}
.pbox .swiper-button-prev{ width:40px; height:40px; position:absolute; left:0; top:50%; margin-top:-20px; background-color:rgba(255,255,255,0.7); cursor:pointer; border-radius:100%; overflow:hidden; background-image:url(../images/l.png); background-position:center; background-repeat:no-repeat;}
.pbox .swiper-button-prev:hover{ background-color:#00a4de; background-image:url(../images/lh.png);}
.pbox .swiper-button-next{ width:40px; height:40px; position:absolute; right:0; top:50%; margin-top:-20px; background-color:rgba(255,255,255,0.7); cursor:pointer; border-radius:100%; overflow:hidden; background-image:url(../images/r.png); background-position:center; background-repeat:no-repeat;}
.pbox .swiper-button-next:hover{ background-color:#00a4de; background-image:url(../images/rh.png);}
.pbox .more{ width:160px; height:40px; margin:auto; margin-top:30px;}
.pbox .more a{ width:158px; display:block; text-align:center; height:38px; line-height:38px; color:#fff; border:1px solid #fff; border-radius:40px;}
.pbox .more:hover a{ background:linear-gradient(to right,#26166e,#00a4de);}

/*新闻资讯*/
.nbox{ width:100%; background-color:#fff; position:relative; z-index:1; padding-top:65px; padding-bottom:70px;}
.nbox .title{ width:1200px; margin:auto; text-align:center;}
.nbox .title b{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.nbox .title p{ display:block; overflow:hidden; font-size:16px; line-height:26px; color:#666; margin-top:5px;}
.nbox .box{ width:1200px; margin:auto; position:relative; margin-top:25px;}
.nbox .box .left{ width:780px; float:left;}
.nbox .box .left .hd{ width:100%; background-color:#333; height:50px;}
.nbox .box .left .hd li{ display:block; width:33.33%; height:50px; line-height:50px; float:left; padding:0 20px; box-sizing:border-box;}
.nbox .box .left .hd li b{ display:block; float:left; width:5px; height:16px; background-color:#fff; overflow:hidden; margin:17px 10px; margin-left:0;}
.nbox .box .left .hd li p{ display:block; font-size:20px; color:#fff; font-weight:bold; float:left;}
.nbox .box .left .hd li a{ display:block; float:right; color:#fff; font-size:14px; text-transform:uppercase;}
.nbox .box .left .hd li.on{ background-color:#00a4de;}
.nbox .box .left .bd{ width:740px; padding:0 19px; border:1px solid #cacaca; border-top:none; height:419px; overflow:hidden;}
.nbox .box .left .bd dl{ overflow:hidden;}
.nbox .box .left .bd dl dt{ margin-bottom:10px; margin-top:20px; padding-bottom:15px; border-bottom:1px solid #ddd; display:block; overflow:hidden;}
.nbox .box .left .bd dl dt b{ display:block; font-size:20px; line-height:30px; height:30px; overflow:hidden;}
.nbox .box .left .bd dl dt p{ display:block; font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666; margin-top:10px;}
.nbox .box .left .bd dl dt p a{ color:#666;}
.nbox .box .left .bd dl dt span{ margin-top:6px; display:block; font-size:14px; text-align:right; color:#666; line-height:26px; height:26px; overflow:hidden;}
.nbox .box .left .bd dl dt b:hover a{ color:#00a4de;}
.nbox .box .left .bd dl dd{ padding-left:10px; font-size:14px; height:34px; line-height:34px; display:block; overflow:hidden; background-image:url(../images/li_38.jpg); background-position:left center; background-repeat:no-repeat;}
.nbox .box .left .bd dl dd a{ display:block; overflow:hidden; float:left; max-width:600px;}
.nbox .box .left .bd dl dd a span{ color:#00a4de;}
.nbox .box .left .bd dl dd p{ display:block; overflow:hidden; float:right; color:#666;}
.nbox .box .left .bd dl dd:hover a{ color:#00a4de;}
.nbox .box .right{ width:390px; float:right;}
.nbox .box .right .hd{ padding:0 20px; line-height:50px; background-color:#333; height:50px;}
.nbox .box .right .hd b{ display:block; float:left; width:5px; height:16px; background-color:#fff; overflow:hidden; margin:17px 10px; margin-left:0;}
.nbox .box .right .hd p{ display:block; font-size:20px; color:#fff; font-weight:bold; float:left;}
.nbox .box .right .hd a{ display:block; float:right; color:#fff; font-size:14px; text-transform:uppercase;}
.nbox .box .right .hd.on{ background-color:#00a4de;}
.nbox .box .right .bd{ width:350px; padding:0 19px; border:1px solid #cacaca; border-top:none; height:409px; padding-top:10px; overflow:hidden;}
.nbox .box .right .bd .infoList{ width:100%; height:419px; display:block; overflow:hidden;}
.nbox .box .right .bd li{ display:block; padding-top:15px; height:89px; border-bottom:1px solid #ddd; overflow:hidden;}
.nbox .box .right .bd li span{ display:block; overflow:hidden;}
.nbox .box .right .bd li span b{ float:left; width:24px; height:24px; line-height:24px; text-align:center; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; display:block; font-weight:normal; overflow:hidden; border-radius:3px; background-color:#333;}
.nbox .box .right .bd li span a{ display:block; float:right; width:calc(100% - 34px); font-size:16px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .right .bd li:hover span a{ color:#00a4de;}
.nbox .box .right .bd li p{ display:block; overflow:hidden; margin-top:10px;}
.nbox .box .right .bd li p b{ float:left; width:24px; height:24px; line-height:24px; text-align:center; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; display:block; font-weight:normal; overflow:hidden; border-radius:3px; background-color:#00a4de;}
.nbox .box .right .bd li p a{ display:block; float:right; width:calc(100% - 34px); font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666;}

/*覆盖行业*/
.hbox{ width:100%; background-color:#eee; position:relative; z-index:1; padding-bottom:65px;}
.hbox .title{ width:1200px; margin:auto; text-align:center; padding-top:65px;}
.hbox .title b{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.hbox .title p{ display:block; overflow:hidden; font-size:16px; line-height:26px; color:#666; margin-top:5px;}
.hbox .box{ width:1200px; margin:auto; position:relative; margin-top:5px;}
.hbox .box ul{ width:1220px; display:block; overflow:hidden;}
.hbox .box ul li{ width:285px; float:left; border-radius:40px; height:40px; background-color:#fff; margin-right:20px; margin-top:20px; overflow:hidden;}
.hbox .box ul li b{ width:30px; height:30px; display:block; float:left; border-radius:100%; margin:5px; overflow:hidden; -webkit-transition:1s linear; transition:1s ease-in;}
.hbox .box ul li b img{ width:100%; display:block;}
.hbox .box ul li p{ display:block; float:left; margin:0 5px; font-size:18px; height:40px; line-height:40px;}
.hbox .box ul li span{ display:block; float:left; margin:0 5px; font-size:14px; height:40px; line-height:44px; text-transform:uppercase; color:#999;}
.hbox .box ul li:hover b{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.hbox .box ul li:hover p{ color:#00a4de;}
.hbox .box dl{ width:100%; padding-top:5px; display:block; overflow:hidden;}
.hbox .box dl dt{ width:160px; margin:0 20px; float:left; margin-top:15px; overflow:hidden; text-align:center;}
.hbox .box dl dt:nth-child(6n+1){ clear:left; float:left;}
.hbox .box dl dt strong{ height:80px; display:block; overflow:hidden;}
.hbox .box dl dt strong img{ display:block; height:80px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hbox .box dl dt:hover img{ -webkit-transform:rotateY(-360deg);}
.hbox .box dl dt span{ display:block; font-size:18px; line-height:28px; margin-top:15px; overflow:hidden;}
.hbox .box dl dt p{ display:block; font-size:14px; line-height:24px; margin-top:5px; overflow:hidden; color:#666;}

/*知识库*/
.nbox01{ width:100%; background-color:#fff; position:relative; z-index:1; padding-top:65px; padding-bottom:70px;}
.nbox01 .title{ width:1200px; margin:auto; text-align:center;}
.nbox01 .title b{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.nbox01 .title p{ display:block; overflow:hidden; font-size:16px; line-height:26px; color:#666; margin-top:5px;}
.nbox01 .box{ width:1200px; margin:auto; position:relative; margin-top:25px;}
.nbox01 .box .left{ width:100%; float:right;}
.nbox01 .box .left .hd{ width:100%; background-color:#333; height:50px;}
.nbox01 .box .left .hd li{ display:block; width:25%; height:50px; line-height:50px; float:left; padding:0 20px; box-sizing:border-box;}
.nbox01 .box .left .hd li b{ display:block; float:left; width:5px; height:16px; background-color:#fff; overflow:hidden; margin:17px 10px; margin-left:0;}
.nbox01 .box .left .hd li p{ display:block; font-size:20px; color:#fff; font-weight:bold; float:left;}
.nbox01 .box .left .hd li a{ display:block; float:right; color:#fff; font-size:14px; text-transform:uppercase;}
.nbox01 .box .left .hd li.on{ background-color:#00a4de;}
.nbox01 .box .left .bd{ width:1160px; padding:0 19px; border:1px solid #cacaca; border-top:none; height:419px; overflow:hidden;}
.nbox01 .box .left .bd dl{ overflow:hidden;}
.nbox01 .box .left .bd dl dt{ margin-bottom:10px; margin-top:20px; padding-bottom:15px; border-bottom:1px solid #ddd; display:block; overflow:hidden;}
.nbox01 .box .left .bd dl dt b{ display:block; font-size:20px; line-height:30px; height:30px; overflow:hidden;}
.nbox01 .box .left .bd dl dt p{ display:block; font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666; margin-top:10px;}
.nbox01 .box .left .bd dl dt p a{ color:#666;}
.nbox01 .box .left .bd dl dt span{ margin-top:6px; display:block; font-size:14px; text-align:right; color:#666; line-height:26px; height:26px; overflow:hidden;}
.nbox01 .box .left .bd dl dt b:hover a{ color:#00a4de;}
.nbox01 .box .left .bd dl dd{ padding-left:10px; font-size:14px; height:34px; line-height:34px; display:block; overflow:hidden; background-image:url(../images/li_38.jpg); background-position:left center; background-repeat:no-repeat;}
.nbox01 .box .left .bd dl dd a{ display:block; overflow:hidden; float:left; max-width:1000px;}
.nbox01 .box .left .bd dl dd a span{ color:#00a4de;}
.nbox01 .box .left .bd dl dd p{ display:block; overflow:hidden; float:right; color:#666;}
.nbox01 .box .left .bd dl dd:hover a{ color:#00a4de;}
.nbox01 .box .right{ width:390px; float:left; display:none;}
.nbox01 .box .right .hd{ padding:0 20px; line-height:50px; background-color:#333; height:50px;}
.nbox01 .box .right .hd b{ display:block; float:left; width:5px; height:16px; background-color:#fff; overflow:hidden; margin:17px 10px; margin-left:0;}
.nbox01 .box .right .hd p{ display:block; font-size:20px; color:#fff; font-weight:bold; float:left;}
.nbox01 .box .right .hd a{ display:block; float:right; color:#fff; font-size:14px; text-transform:uppercase;}
.nbox01 .box .right .hd.on{ background-color:#00a4de;}
.nbox01 .box .right .bd{ width:350px; padding:0 19px; border:1px solid #cacaca; border-top:none; height:409px; padding-top:10px; overflow:hidden;}
.nbox01 .box .right .bd .infoList{ width:100%; height:419px; display:block; overflow:hidden;}
.nbox01 .box .right .bd li{ display:block; padding-top:15px; height:89px; border-bottom:1px solid #ddd; overflow:hidden;}
.nbox01 .box .right .bd li span{ display:block; overflow:hidden;}
.nbox01 .box .right .bd li span b{ float:left; width:24px; height:24px; line-height:24px; text-align:center; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; display:block; font-weight:normal; overflow:hidden; border-radius:3px; background-color:#333;}
.nbox01 .box .right .bd li span a{ display:block; float:right; width:calc(100% - 34px); font-size:16px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox01 .box .right .bd li:hover span a{ color:#00a4de;}
.nbox01 .box .right .bd li p{ display:block; overflow:hidden; margin-top:10px;}
.nbox01 .box .right .bd li p b{ float:left; width:24px; height:24px; line-height:24px; text-align:center; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; display:block; font-weight:normal; overflow:hidden; border-radius:3px; background-color:#00a4de;}
.nbox01 .box .right .bd li p a{ display:block; float:right; width:calc(100% - 34px); font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666;}

/*我有网络安全服务需求*/
.zbox{ width:100%; height:235px; padding-top:65px; background-position:center; background-repeat:no-repeat;}
.zbox .box{ width:1200px; margin:auto;}
.zbox .box .z01{ text-align:center; font-size:30px; font-weight:bold; line-height:40px; color:#fff;}
.zbox .box .z02{ text-align:center; font-size:16px; line-height:34px; color:#fff; text-transform:uppercase;}
.zbox .box .z03{ width:188px; height:46px; margin:auto; margin-top:39px; border:1px solid #fff; border-radius:10px;}
.zbox .box .z03 a{ display:block; text-align:center; background-color:rgba(255,255,255,0.3); line-height:46px; overflow:hidden; font-size:20px; color:#fff;}
.zbox .box .z03 a:hover{ background-color:#00a4de;}

/*footer*/
.fbox{ width:100%; background-color:#333; padding-top:34px;}
.fbox ul{ width:1200px; margin:auto; display:block; overflow:hidden; padding-bottom:10px;}
.fbox li{ width:200px; display:block; float:left; text-align:center; overflow:hidden; margin:0 20px; margin-bottom:18px;}
.fbox li:nth-child(5n+1){ clear:left; float:left;}
.fbox li strong{ height:40px; display:block; overflow:hidden;}
.fbox li strong img{ display:block; height:40px; margin:auto;}
.fbox li span{ display:block; font-size:16px; line-height:22px; margin-top:12px; overflow:hidden; color:#fff;}
.fbox li p{ display:block; font-size:14px; line-height:24px; overflow:hidden; color:#999;}
.fbox li:hover span{ color:#00a4de;}

.footer{ background-color:#252525; width:100%; padding-top:38px; overflow:hidden;}
.footer .foot{ width:1200px; margin:auto;}
.footer .foot .f01{ display:block; float:left; margin-right:100px;}
.footer .foot .f01 dt{ display:block; font-size:18px; line-height:40px; height:40px; overflow:hidden; color:#fff;}
.footer .foot .f01 dd{ display:block; overflow:hidden;}
.footer .foot .f01 dd a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#999;}
.footer .foot .f01 dd a:hover{ color:#00a4de;}
.footer .foot .f02{ display:block; float:left; margin-right:100px; margin-top:-20px;}
.footer .foot .f02 dt{ display:block; font-size:18px; line-height:40px; height:40px; overflow:hidden; color:#fff; margin-top:20px;}
.footer .foot .f02 dd{ display:block; overflow:hidden;}
.footer .foot .f02 dd a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#999;}
.footer .foot .f02 dd a:hover{ color:#00a4de;}
.footer .foot .f03{ display:block; float:left;}
.footer .foot .f03 dt{ display:block; font-size:18px; line-height:40px; height:40px; overflow:hidden; color:#fff;}
.footer .foot .f03 dd{ display:block; overflow:hidden;}
.footer .foot .f03 dd a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#999;}
.footer .foot .f03 dd a:hover{ color:#00a4de;}
.footer .foot .f04{ display:block; float:right; width:510px;}
.footer .foot .f04 .top{ height:50px; margin-top:12px; float:left; width:100%; margin-bottom:20px;}
.footer .foot .f04 .top img{ height:50px; display:block;}
.footer .foot .f04 .left{ float:left; width:360px;}
.footer .foot .f04 .left span{ display:block; height:42px; line-height:42px; color:#fff; overflow:hidden; font-size:30px;}
.footer .foot .f04 .left a{ display:block; height:34px; line-height:34px; color:#fff; overflow:hidden; font-size:14px;}
.footer .foot .f04 .left p{ display:block; line-height:30px; color:#999; overflow:hidden; font-size:14px; margin-top:4px;}
.footer .foot .f04 .right{ float:left; width:120px; margin-top:10px;}
.footer .foot .f04 .right b{ width:100%; display:block; overflow:hidden; height:120px; background-color:#fff;}
.footer .foot .f04 .right b img{ width:100%; display:block;}
.footer .foot .f04 .right span{ display:block; text-align:center; font-size:14px; line-height:24px; color:#ccc; margin-top:15px;}
.footer .foot .f05{ width:100%; float:left; margin-top:25px; margin-bottom:36px; display:block;}
.footer .foot .f05 dt{ display:block; float:left; width:75px; font-size:14px; line-height:26px; color:#ccc;}
.footer .foot .f05 dd{ display:block; float:left; width:1125px; overflow:hidden;}
.footer .foot .f05 dd a{ display:block; float:left; color:#ccc; font-size:14px; line-height:26px;}
.footer .foot .f05 dd span{ display:block; float:left; color:#ccc; font-size:14px; line-height:26px; margin:0 20px;}
.footer .foot .f05 dd a:hover{ color:#fff;}
.footer .foot .f06{ width:1200px; margin:auto; border-top:1px solid #333; padding:20px 0; text-align:center;}
.footer .foot .f06 span{ margin:0 10px; font-size:14px; line-height:24px; color:#999;}
.footer .foot .f06 a{ color:#999;}

/*内页*/
.ban{ width:100%; height:360px; position:relative; z-index:0; background-position:center; background-repeat:no-repeat;}
.ban .mask{ width:100%; height:100%; position:relative; background-color:rgba(0,0,0,0.7); display:table; text-align:center; vertical-align:middle;}
.ban .mask .inner{ width:1200px; margin:auto; text-align:center; vertical-align:middle; display:table-cell;}
.ban .mask .inner span{ font-size:30px; line-height:40px; color:#fff; display:block;}
.ban .mask .inner p{ font-size:20px; line-height:30px; margin-top:20px; color:#fff; display:block;}

/*等级保护*/
.indexnav_wrap{ width:100%; line-height:30px; padding:10px 0; border-bottom:1px solid #ddd;}
.indexnav_wrap ul{ width:1200px; display:block; margin:auto; text-align:center;}
.indexnav_wrap li{ display:inline-block; font-size:16px; line-height:30px; margin:0 20px;}
.indexnav_wrap li a:hover{ color:#00a4de;}
#tbox{ width:100%; line-height:40px; border-bottom:1px solid #ddd; background-color:#fff; position:fixed; z-index:999;}
#tbox .box{ width:100%; display:flex; text-align:center; justify-content:space-around}
#tbox .box a{ display:block; float:left; font-size:16px; line-height:40px;}
#tbox .box a:hover{ color:#00a4de;}

.dj01{ width:1200px; margin:auto; padding:70px 0; position:relative; display:flex;}
.dj01 .left{ width:640px; padding:30px; float:left; position:relative;}
.dj01 .box{ width:100%; height:100%; box-sizing:border-box; background-color:rgba(0,0,0,0.8); padding:30px; padding-top:25px; position:relative; z-index:2;}
.dj01 .title{ width:100%; margin:auto; text-align:center;}
.dj01 .title b{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px; color:#fff;}
.dj01 .title p{ display:block; overflow:hidden; font-size:16px; line-height:26px; color:#fff; margin-top:5px;}
.dj01 .box .wen{ font-size:14px; line-height:24px; color:#fff; margin-top:20px;}
.dj01 .box img{ display:block; margin:auto; margin-top:15px;}
.dj01 .bg{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; bottom:0}

.dj01 .right{ width:390px; padding:30px; float:right; margin-left:50px; background-color:#00a4de; overflow:hidden; display:flex; align-items:center;}
.dj01 .right ul{ display:block; overflow:hidden; margin-top:-15px;}
.dj01 .right li{ width:100%; display:block; overflow:hidden; margin-top:15px; display:flex; align-items:center;}
.dj01 .right li strong{ display:block; float:left; width:80px; height:60px; overflow:hidden;}
.dj01 .right li strong img{ display:block; height:60px;}
.dj01 .right li p{ width:310px; float:left; display:block; overflow:hidden;}
.dj01 .right li p span{ display:block; font-size:18px; line-height:28px; color:#fff; overflow:hidden;}
.dj01 .right li p a{ display:block; font-size:14px; line-height:24px; color:#eee; overflow:hidden;}

.dj02{ width:100%; background-color:#eee; position:relative; z-index:1; padding-top:65px; padding-bottom:70px;}
.dj02 .title{ width:1200px; margin:auto; text-align:center;}
.dj02 .title b{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.dj02 .title p{ display:block; overflow:hidden; font-size:16px; line-height:26px; color:#666; margin-top:5px;}
.dj02 .box{ width:1200px; margin:auto; position:relative; margin-top:5px;}
.dj02 .box ul{ width:1230px; display:block; overflow:hidden;}
.dj02 .box ul li{ display:block; width:380px; height:230px; overflow:hidden; margin-top:20px; margin-right:30px; float:left;}
.dj02 .box ul li a{ width:100%; height:230px; display:block; overflow:hidden; position:relative;}
.dj02 .box ul li .tu{ width:100%; height:230px; overflow:hidden; position:relative; z-index:0;}
.dj02 .box ul li .tu img{ width:100%; display:block;}
.dj02 .box ul li .tu p{ width:340px; padding:0 20px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; overflow:hidden;}
.dj02 .box ul li .wen{ width:100%; height:230px; position:absolute; left:0; top:230px; background-color:rgba(0,0,0,0.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding:30px; box-sizing:border-box;}
.dj02 .box ul li .wen .w01{ color:#fff; font-size:18px; height:38px; line-height:38px;}
.dj02 .box ul li .wen .w02{ color:#ccc; font-size:14px; height:24px; line-height:24px;}
.dj02 .box ul li .wen .w03{ color:#fff; font-size:14px; height:48px; line-height:24px; margin-top:10px;}
.dj02 .box ul li .wen .w04{ width:90px; color:#fff; font-size:14px; height:34px; line-height:34px; margin-top:5px; position:relative;}
.dj02 .box ul li .wen .w04 b{ display:block; position:absolute; right:0; bottom:0; width:70px; height:1px; background-color:#00a4de; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.dj02 .box ul li:hover .wen{ top:0;}
.dj02 .box ul li .wen .w04:hover b{ right:10px;}
.dj02 .box ul li:hover .tu p{ display:none;}

.dj03{ width:100%; background-color:#fff; position:relative; z-index:1; padding-top:65px;}
.dj03 .title{ width:1200px; margin:auto; text-align:center;}
.dj03 .title b{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.dj03 .title p{ display:block; overflow:hidden; font-size:16px; line-height:26px; color:#666; margin-top:5px;}
.dj03 .box{ width:1200px; margin:auto; padding-top:25px; padding-bottom:70px; background-position:right bottom; background-repeat:no-repeat;}
.dj03 .box .w01{ padding-top:25px; font-size:18px; line-height:28px; font-weight:bold; color:#00a4de; width:640px;}
.dj03 .box .w02{ display:block; width:640px; padding-top:10px;}
.dj03 .box .w02 li{ display:block; padding-left:20px; margin-top:10px; font-size:16px; line-height:26px; overflow:hidden; background-image:url(../images/li_13.png); background-position:0 8px; background-repeat:no-repeat;}
.dj03 .box .w03{ width:145px; height:45px; margin-top:35px; position:relative;}
.dj03 .box .w03 a{ display:block; position:relative; z-index:3; width:134px; padding:5px 6px 6px 5px; height:34px; line-height:34px; text-align:center; color:#fff; cursor:pointer; font-size:14px;}
.dj03 .box .w03 b{ display:block; position:absolute; left:5px; top:5px; z-index:2; width:138px; height:38px; border:1px solid #69d1ff; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.dj03 .box .w03 p{ display:block; position:absolute; right:5px; bottom:5px; z-index:1; width:140px; height:40px; background-color:#00a4de; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.dj03 .box .w03:hover b{ left:0; top:0;}
.dj03 .box .w03:hover p{ right:0; bottom:0;}

.dj04{ width:100%; background-color:#eee; position:relative; z-index:1; padding:65px 0;}
.dj04 .title{ width:1200px; margin:auto; text-align:center;}
.dj04 .title b{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.dj04 .title p{ display:block; overflow:hidden; font-size:16px; line-height:26px; color:#666; margin-top:5px;}
.dj04 .box{ width:1200px; margin:auto; position:relative; overflow:hidden; margin-top:25px;}
.dj04 .swiper-container{ width:100%; position:relative; overflow:hidden;}
.dj04 .swiper-slide{ width:100%; display:block; padding:50px 20px; box-sizing:border-box; background-color:#fff; border-radius:10px; overflow:hidden;}
.dj04 .swiper-slide strong{ width:100px; height:100px; border-radius:100%; margin:auto; display:block; overflow:hidden; background-color:#333;}
.dj04 .swiper-slide strong img{ display:block; width:100%;}
.dj04 .swiper-slide span{ display:block; font-size:18px; line-height:28px; font-weight:bold; text-align:center; margin-top:15px;}
.dj04 .swiper-slide b{ width:30px; height:1px; display:block; margin:auto; margin-top:10px; background-color:#ddd;}
.dj04 .swiper-slide p{ display:block; font-size:14px; line-height:24px; height:120px; overflow:hidden; text-align:center; margin-top:15px;}
.dj04 .swiper-slide a{ width:180px; height:40px; margin:auto; line-height:40px; display:block; border-radius:5px; text-align:center; font-size:14px; background-color:#eee; overflow:hidden; margin-top:20px;}
.dj04 .swiper-slide:hover strong{ background-color:#00a4de;}
.dj04 .swiper-slide:hover span{ color:#00a4de;}
.dj04 .swiper-slide a:hover{ background-color:#00a4de; color:#fff;}
.dj04 .swiper-pagination{ width:100%; margin:auto; position:relative; margin-top:25px; text-align:center; vertical-align:middle;}
.dj04 .swiper-pagination span{ display:inline-table; width:10px; height:10px; background-color:#999; border-radius:10px; margin:0 5px; padding:0; vertical-align:middle; text-align:center;}
.dj04 .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; border:none; background:linear-gradient(to right,#26166e,#00a4de);}

.dj05{ width:100%; background-color:#eee; position:relative; z-index:1; padding-top:65px; padding-bottom:70px;}
.dj05 .title{ width:1200px; margin:auto; text-align:center;}
.dj05 .title b{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.dj05 .title p{ display:block; overflow:hidden; font-size:16px; line-height:26px; color:#666; margin-top:5px;}
.dj05 .box{ width:1200px; margin:auto; margin-top:-5px;}
.dj05 .box ul{ width:1240px; display:block;}
.dj05 .box ul li{ display:block; margin-top:30px; margin-right:40px; overflow:hidden; width:580px; height:160px; float:left;}
.dj05 .box ul li .left{ text-align:right; width:90px; height:100px; padding-right:10px; background-color:#eee; float:left;}
.dj05 .box ul li .left p{ display:block; height:30px; line-height:30px; font-size:26px; padding-top:19px;}
.dj05 .box ul li .left span{ display:block; height:42px; line-height:42px; font-size:16px; color:#999;}
.dj05 .box ul li .right{ width:420px; height:116px; background-color:#f7f7f7; float:left; padding:22px 30px;}
.dj05 .box ul li .right a{ display:block; height:34px; line-height:34px; overflow:hidden; font-size:18px; font-weight:bold;}
.dj05 .box ul li .right p{ width:100%; display:block; font-size:14px; overflow:hidden; line-height:24px; height:72px; padding-top:6px; color:#666;}
.dj05 .box ul li:hover .left{ background-color:#26166e;}
.dj05 .box ul li:hover .left p,.dj05 .box ul li:hover .left span{ color:#fff;}
.dj05 .box ul li:hover .right{ background-color:#00a4de;}
.dj05 .box ul li:hover .right a{ color:#fff;}
.dj05 .box ul li:hover .right p{ color:#fff;}
.dj05 .box dl{ width:100%; display:block; overflow:hidden;}
.dj05 .box dt{ width:200px; display:block; float:left; text-align:center; margin-top:30px;}
.dj05 .box dt .tu{ height:120px;}
.dj05 .box dt .tu img{ display:block; margin:auto; height:120px;}
.dj05 .box dt b{ display:block; margin-top:15px; font-size:18px; line-height:28px;}
.dj05 .box dt p{ display:block; font-size:14px; line-height:24px; color:#999;}
.dj05 .box dd{ width:50px; display:block; float:left; height:120px; margin-top:30px; position:relative;}
.dj05 .box dd p{ display:block; width:100%; height:30px; position:absolute; left:0; top:50%; margin-top:-15px; background-image:url(../images/06.png); background-position:center; background-repeat:no-repeat;}

.dj06{ width:100%; background-color:#fff; position:relative; z-index:1; padding-top:65px; padding-bottom:70px;}
.dj06 .title{ width:1200px; margin:auto; text-align:center;}
.dj06 .title b{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.dj06 .title p{ display:block; overflow:hidden; font-size:16px; line-height:26px; color:#666; margin-top:5px;}
.dj06 .box{ width:1200px; margin:auto; margin-top:25px;}
.gp-table{ width:100%; border-collapse:collapse; text-align:left; font-size:12px; line-height:1.5;}
.gp-table > tbody, .gp-table > thead{ border-left:1px solid #cacaca; border-right:1px solid #cacaca;}
.gp-table > tbody > tr, .gp-table > thead > tr{ background-color:#fff; border:1px solid #cacaca;}
.gp-table th{ background-color:#00a4de; color:#fff; font-weight:400; padding-top:15px; padding-bottom:15px; font-size:16px; text-align:center;border-right:1px solid #cacaca;}
.gp-table .text-left{ padding-left:0px;}
.gp-table > tbody > tr > td{ height:35px; border-left:none; border-right:none; color:#666; border:none; padding:15px 0px 15px 0px; text-align:center; box-sizing:border-box; vertical-align:middle;font-size:14px;border-right:1px solid #cacaca;}
.tbtt{text-align:center; font-size:24px; padding:20px 0px;}
.gp-table > tbody > tr:nth-child(2n){ background-color:#f3fcfb;}
.gp-table > tbody > tr{ background-color:#e8f6f6;}
.gp-table th:first-child{ background-color:#999;}
.gp-table td:first-child{ background-color:#fff;}

/*主营业务*/
.dao{ width:100%; position:absolute; left:0; bottom:0; height:40px;}
.dao ul{ width:1200px; margin:auto; text-align:center; vertical-align:middle; height:40px; display:table;}
.dao ul li{ overflow:hidden; text-align:center; vertical-align:middle; display:table-cell; height:40px;}
.dao ul li a{ margin:0 2px; padding:0 15px; box-sizing:border-box; height:40px; line-height:40px; display:block; font-size:16px; background-color:rgba(255,255,255,0.7);} 
.dao ul li:hover a,.dao ul li.on a{ background:linear-gradient(to right,#26166e,#00a4de); color:#fff;}

.main{ width:1200px; margin:auto; padding-top:30px; padding-bottom:50px;}
.main .title{ width:100%; line-height:36px; font-size:20px; border-bottom:1px solid #e5e5e5; display:block; color:#f06e00; overflow:hidden;}
.main .title b{ width:4px; height:19px; display:block; float:left; margin-right:10px; background-color:#26166e; margin-top:18px;}
.main .title span{ color:#00a4de; display:block; float:left; padding-top:10px;}
.main .title strong{ display:block; float:right; font-size:14px; line-height:36px; color:#999; font-weight:normal; padding-top:10px;}
.main .title strong a{ color:#999;}
.main .title strong a:hover{ color:#00a4de;}
.main .title p{ line-height:46px; font-size:36px; display:block; float:left; color:#ccc; margin-left:20px; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;}

.bus{ width:1200px; margin:auto; margin-top:30px; position:relative; display:flex;}
.bus .left{ width:700px; float:left; position:relative;}
.bus .box{ width:100%; height:100%; box-sizing:border-box; background-color:#eeee; padding:25px 30px; position:relative; z-index:2;}
.bus .box .wen{ font-size:14px; line-height:24px;}
.bus .right{ width:390px; padding:30px; float:right; margin-left:50px; background-color:#00a4de; overflow:hidden;}
.bus .right ul{ display:block; overflow:hidden; margin-top:-15px;}
.bus .right li{ width:100%; display:block; overflow:hidden; margin-top:15px; display:flex; align-items:center;}
.bus .right li strong{ display:block; float:left; width:80px; height:60px; overflow:hidden;}
.bus .right li strong img{ display:block; height:60px;}
.bus .right li p{ width:310px; float:left; display:block; overflow:hidden;}
.bus .right li p span{ display:block; font-size:18px; line-height:28px; color:#fff; overflow:hidden;}
.bus .right li p a{ display:block; font-size:14px; line-height:24px; color:#eee; overflow:hidden;}

.main .wenzi{ width:100%; margin:auto; font-size:14px; line-height:24px; margin-top:30px;}
.main .wenzi img{ max-width:100%; height:auto;}

/*新闻资讯*/
.main .sav{ padding-top:15px;}
.main .sav ul{ width:1220px; display:block; overflow:hidden;}
.main .sav li{ display:block; float:left; margin-top:15px; margin-right:20px; border-radius:5px; overflow:hidden;}
.main .sav li a{ padding:0 20px; height:36px; line-height:36px; font-size:16px; overflow:hidden; display:block; background-color:#eee;}
.main .sav li a:hover{ color:#00a4de;}
.main .sav li.on a{ background:linear-gradient(to right,#26166e,#00a4de); color:#fff;}

.main .fanye{ text-align:center; font-size:14px; margin-top:30px;}
.main .fanye li{ margin:0 3px; display:inline-block;}
.main .fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:block;}
.main .fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.main .fanye li.active span{ color:#fff; background-color:#00a4de;}
.main .fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.main .fanye li a:hover{ color:#00a4de;}

.main .news{ width:100%; display:block; padding-top:10px;}
/*.main .news li{ display:block; margin-top:30px; margin-right:40px; overflow:hidden; width:580px; height:160px; float:left;}
.main .news li .left{ text-align:right; width:90px; height:100px; padding-right:10px; background-color:#eee; float:left;}
.main .news li .left p{ display:block; height:30px; line-height:30px; font-size:26px; padding-top:19px;}
.main .news li .left span{ display:block; height:42px; line-height:42px; font-size:16px; color:#999;}
.main .news li .right{ width:420px; height:116px; background-color:#f7f7f7; float:left; padding:22px 30px;}
.main .news li .right a{ display:block; height:34px; line-height:34px; font-size:18px; font-weight:bold; overflow:hidden;}
.main .news li .right p{ width:100%; display:block; font-size:14px; line-height:24px; height:72px; padding-top:6px; color:#666; overflow:hidden;}
.main .news li:hover .left{ background-color:#26166e;}
.main .news li:hover .left p,.main .news li:hover .left span{ color:#fff;}
.main .news li:hover .right{ background-color:#00a4de;}
.main .news li:hover .right a{ color:#fff;}
.main .news li:hover .right p{ color:#fff;}*/
.main .news li{ padding:20px 0; display:block; overflow:hidden; border-bottom:1px solid #eee;}
.main .news li .left{ width:170px; height:110px; float:left;}
.main .news li .left img{ width:100%; display:block;}
.main .news li .right{ width:calc(100% - 190px); height:110px; float:right;}
.main .news li .right .bt{ font-size:16px; height:28px; line-height:28px;}
.main .news li .right .bt.b01 a{ display:block; float:left; position:relative;}
.main .news li .right:hover .bt a{ color:#00a4de;}
.main .news li .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.main .news li .right .shi{ width:100%; height:24px;}
.main .news li .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:24px; line-height:24px;}
.main .news li .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:11px;}
.main .news li .right:hover .shi b{ background-color:#00a4de;}
.main .news li .right:hover .shi span{ color:#00a4de;}


/*新闻内页*/
.main .ny{ width:100%;}
.main .ny .toub{ margin-top:30px; font-size:24px; text-align:center;}
.main .ny .time{ padding:20px 0; color:#666; font-size:16px; text-align:center; border-bottom:1px solid #cacaca;}
.main .ny .wen{ width:100%; margin:20px auto; font-size:14px; line-height:24px;}
.main .ny .wen img{ max-width:100%; height:auto;}
.main .ny video,.main .ny iframe{ width:100%; display:block; margin:15px auto; height:460px;}
.main .ny .back{ width:100%; font-size:14px; line-height:24px;}
.main .ny .back p{ display:block; float:left; width:80%; overflow:hidden;}
.main .ny .back p span{ display:block; height:24px; overflow:hidden;}
.main .ny .back p span a:hover{ color:#00a4de;}
.main .ny .back strong{ display:block; float:left; width:20%; text-align:right; overflow:hidden; font-weight:normal;}
.main .ny .back strong a:hover{ color:#00a4de;}

/*资质荣誉*/
.main .honor{ display:block; width:1220px;}
.main .honor li{ width:220px; height:310px; border:1px solid #cacaca; overflow:hidden; display:block; float:left; margin-top:30px; margin-right:20px;}
.main .honor li a{ width:100%; height:310px; display:block; overflow:hidden; position:relative; display:flex; align-items:center;}
.main .honor li a img{ max-width:100%; max-height:100%; display:block; margin:auto;}
.main .honor li a p{ width:100%; height:40px; position:absolute; left:0; bottom:-40px; background-color:rgba(0,162,222,0.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:16px; color:#fff; text-align:center; overflow:hidden; padding:0 10px; box-sizing:border-box; line-height:40px;}
.main .honor li a:hover p{ bottom:0;}

/*专家团队*/
.team{ width:1224px; display:block; overflow:hidden;}
.team li{ width:260px; padding:10px; background-color:#eee; display:block; float:left; overflow:hidden; margin-top:30px; margin-right:26px;}
.team li strong{ width:100%; height:276px; overflow:hidden; display:flex; align-items:center;}
.team li strong img{ max-width:100%; max-height:100%; display:block; margin:auto; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.team li:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.team li span{ padding:0 10px; margin-top:14px; font-size:18px; display:block; height:20px; line-height:20px; overflow:hidden;}
.team li p{ padding:0 10px; font-size:14px; display:block; height:30px; line-height:30px; overflow:hidden; color:#999;}
.team li:hover{ background-color:#00a4de;}
.team li:hover span,.team li:hover p{ color:#fff;}

/*联系我们*/
.box02{ width:1200px; margin:auto; margin-top:30px; overflow:hidden;}
#map{ width:600px; height:400px; overflow:hidden; float:left;}
.box02 .right01{ width:480px; margin-top:50px; float:right;}
.box02 .right01 h2{ display:block; font-size:24px; color:#00a4de; margin-bottom:20px;}
.box02 .right01 p{ display:block; font-size:14px; line-height:36px;}

/*服务案例*/
.case{ width:1230px; display:block; overflow:hidden;}
.case li{ display:block; width:380px; height:230px; overflow:hidden; margin-top:30px; margin-right:30px; float:left;}
.case li a{ width:100%; height:230px; display:block; overflow:hidden; position:relative;}
.case li .tu{ width:100%; height:230px; overflow:hidden; position:relative; z-index:0;}
.case li .tu img{ width:100%; display:block;}
.case li .tu p{ width:340px; padding:0 20px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; overflow:hidden;}
.case li .wen{ width:100%; height:230px; position:absolute; left:0; top:230px; background-color:rgba(0,0,0,0.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding:30px; box-sizing:border-box;}
.case li .wen .w01{ color:#fff; font-size:18px; height:38px; line-height:38px;}
.case li .wen .w02{ color:#ccc; font-size:14px; height:24px; line-height:24px;}
.case li .wen .w03{ color:#fff; font-size:14px; height:48px; line-height:24px; margin-top:10px;}
.case li .wen .w04{ width:90px; color:#fff; font-size:14px; height:34px; line-height:34px; margin-top:5px; position:relative;}
.case li .wen .w04 b{ display:block; position:absolute; right:0; bottom:0; width:70px; height:1px; background-color:#00a4de; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.case li:hover .wen{ top:0;}
.case li .wen .w04:hover b{ right:10px;}
.case li:hover .tu p{ display:none;}

/*搜索*/
.ssbox{ width:100%; margin-top:30px;}
.ssbox>.left{ width:870px; float:left;}
.ss{ width:100%;}
.ss p{ width:140px; height:34px; border:1px solid #cacaca; float:left; display:block;}
.ss p select{ width:100%; display:block; height:34px; line-height:34px; font-size:14px; text-indent:10px;}
.ss span{ width:560px; height:34px; border:1px solid #cacaca; border-right:none; margin-left:27px; float:left; display:block;}
.ss span input{ width:520px; padding:0 20px; font-size:14px; line-height:34px; display:block; overflow:hidden;}
.ss a{ width:140px; height:36px; float:left; display:block;}
.ss a input{ width:140px; font-size:14px; line-height:36px; background-color:#00a4de; text-align:center; cursor:pointer; color:#fff; display:block; overflow:hidden;}
.ssbox>.right{ width:300px; float:right; background-color:#eee;}
.ssbox>.right dl{ display:block; padding:25px 30px; padding-top:10px;}
.ssbox>.right dl dt{ display:block; margin-top:20px; font-size:18px; font-weight:bold; line-height:28px;}
.ssbox>.right dl dd{ display:block; margin-top:10px;}
.ssbox>.right dl dd a{ padding:0 20px; font-size:14px; line-height:34px; height:34px; display:block; overflow:hidden;}
.ssbox>.right dl dd a:hover{ color:#00a4de;}
.ssbox>.right dl dd a.on{ background-color:#00a4de; color:#fff;}

.f06.ov:hover a{color:#00a4de;}
.f06.ov.footer{
    display: flex;
    justify-content: space-between;
}