@charset "utf-8";
/* CSS Document */
/*----------定义全局------------*/
*html,body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style:none;}
html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td {padding:0;margin:0;}
ul,li,img,p,dl,dt,dd{ padding:0; margin:0; border:0; list-style:none;}
ul,ol,li,dl,dt,dd{ list-style:none;}
img{vertical-align:top;}
a{ outline:none; text-decoration:none ;}
a:hover{ text-decoration:none;}
.c{ clear:both;}
.box{ width:1000px; margin:0 auto;}
body{ font-family:"微软雅黑"; background-color:#ffffff;}
a{font-family:"微软雅黑"; color:#333;}
.hide{display: none;}
.show{display: block;}
/*----------专题------------*/

/*鼠标一上去图片变亮*/
a img{transition:box-shadow .2s ease,-webkit-filter .2s ease-out;-webkit-filter:brightness(1)}
a img:hover{-webkit-filter:brightness(1.3)}

.banner{ background: url(../images/banner.jpg) no-repeat center 0; margin-bottom:20PX;}
.bannerContent{ width:1100PX; margin:0 auto;position:relative; height:500px;}
.nav{ width:1100px; margin:0 auto; position:absolute; bottom:-45px;}
.nav ul{ overflow:hidden; padding-bottom:20px; width:1130px; overflow:hidden;}
.nav ul li{ margin-right:31px;  float:left; width:110px; height:70px; }
.nav ul li a{ float:left; width:110px; height:50px; color:#333; line-height:50px; text-align:center; background:#fff; border-radius:3px;box-shadow: 1px 1px 13px  rgba(0,0,0,0.16);margin-top:10px;transition: .4s all ease;-webkit-transition: .2s all ease;-ms-transition: .2s all ease;-o-transition: .2s all ease;-moz-transition: .2s all ease; }
.nav ul li a:hover{ margin-top:0px;transition: .4s all ease;-webkit-transition: .2 s all ease;-ms-transition: .2s all ease;-o-transition: .2s all ease;-moz-transition: .2s all ease; color:#4a94f7; }



.topLogoNav{ position:absolute; top:16px; width:100%;}
.topLogoNav p{ background:url(../images/logo.png?v=1) no-repeat; width:95px; height:37px; float:left;}
.topLogoNav ul{ float:right; width:500px;}
.topLogoNav ul li{ float: right; padding-left:40px;}
.topLogoNav ul li a{ color:#fff;}

.title{ width:1100px; margin:0 auto; text-align:center; padding-bottom:64px; padding-top:70px;}
.title p{text-transform: uppercase; font-size:30px; color:#dbdbdb; font-weight:bold;}
.title h2{ font-family:"微软雅黑"; font-size:36px; color:#333; letter-spacing:4px;}

.profile{ width:1100px!important; margin:0 auto; position:relative;}
.compa{  overflow:hidden; border-radius:5px;}
.compa dt{ width:630px; float:left; }
.compa dd{ background:#4a94f7;width:396px; height:250px; float:left; padding:60px 37px; position:relative;}
.compa dd b{ background:#fff; width:40px; height:2px; position:absolute; bottom:90px;}
.compa dd p{ font-size:15px; color:#fff; line-height:30px;}

.backImg{ position:relative; width:630px;}
.backImg .tips{ position:absolute; bottom:10px; z-index: 2; left:15PX; width:96%; }
.backImg .tips .titleA { font-size:16px; width:90%;}
.backImg .tips .titleA P { color:#fff;z-index: 2; font-weight: bold;}
.backImg .fillet{ position:absolute; right:0PX;bottom:5px;}
.backImg .fillet a{ width:10px; height:10px; border-radius:50px; background:#c7c7c8; display:inline-block; margin-right:10px; float:left;}
.backImg .fillet a.selection{ background:#4a94f7;}
.compa dt .backImg:before { content: ""; position: absolute; width: 100%; height:60px; bottom: 0; z-index: 1; opacity: 0.75; left: 0; -webkit-transition: all .3s ease; transition: all .3s ease; background: -webkit-gradient(linear,0 20%,0 100%,from(rgba(0,0,0,0)),to(#282828)); background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515); background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515)background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515); }





.business{ margin-top:80px; background:#f8f8f8;}
.segments{ width:1100px; margin:0 auto; overflow: hidden; }
.segments ul{ width:1180px; overflow:hidden;}
.segments li{ width:510px; float:left; margin-right:80px; margin-bottom:80px;}
.segments li .ments{width:510px; background:#fff; padding-bottom:10px; }
.segments li .ments h2{ background:url(../images/title1.jpg) no-repeat; height:100px; color:#fff; line-height:100PX; font-size:24px; font-weight:normal;}
.segments li .ments h2 B{ padding-left:23PX; display:inline-block; font-size:30px;}
.segments li .ments p{ padding:20px; padding-bottom:0px; font-size:15px; line-height:30px; color:#333;}
.segments li .ments p span{ color:#4a94f7;}
.segments li .ments h2.sns{background:url(../images/title1.jpg) no-repeat;}
.segments li .ments h2.auto{background:url(../images/title2.jpg) no-repeat;}
.segments li .ments h2.institute{background:url(../images/title3.jpg) no-repeat;}
.segments li .ments h2.agency{background:url(../images/title4.jpg) no-repeat;}

.segments .icon{ overflow:hidden; width:500px;}
.segments .icon li{ float:left;width:70px; height:70px; margin:0px; margin-top:25px;}
.segments .icon li.icon1{ background:url(../images/icon01.png) no-repeat; width:70px; height:70px; float:left; margin-left:22px;}
.segments .icon li.icon2{ background:url(../images/icon02.png) no-repeat; width:70px; height:70px; float:left; margin-left:22px;}
.segments .icon li.icon3{ background:url(../images/icon03.png) no-repeat; width:70px; height:70px; float:left; margin-left:22px;}
.segments .icon li.icon4{ background:url(../images/icon04.png) no-repeat; width:70px; height:70px; float:left; margin-left:22px;}
.segments .icon li.icon5{ background:url(../images/icon05.png) no-repeat; width:70px; height:70px; float:left; margin-left:22px;}

.contactUs{ position:relative; /*height:472px;*/ padding-top:130px; }
.contact{ width:100%; margin:0 auto;  position:absolute; z-index:11; left:0%; top:0px;}
.contact dl{padding:40px 60px;color:#fff;width:980px;margin:0 auto;background:#4a94f7;height: 210px;border-radius:3px;}
.contact dl dt{ float:left; width:508px; border-right:1px solid #6ea9f9;}
.contact dl dt p,.contact dl dd p{ font-size:14px; padding-bottom:25px;}
.contact dl dt p b{ font-size:18px; font-weight:normal; padding-right:10px;}
.contact dl dd{ float:left; width:470px; margin-top:4px; }
.contact dl dd p{ float:left; width:194px;padding-left:40px;}
.map{ position:absolute; z-index:10; bottom:0px; width:100%;}

.bottom{ background:#2e3237; padding:37px 0px; text-align:center;}
.bottom p{ color:#fff; font-size:12px; font-family:"微软雅黑"; padding-bottom:15px;}
.bottom p a{ color:#fff;}


.contactFloat{ position:fixed; right:10px; bottom:20%; border:1px solid #dddddd; border-bottom: none; background:#fff; width:50px; line-height:50px; z-index:100;}
.contactFloat div{ border-bottom:1px solid #dddddd; font-size:14px; color:#787878; text-align:center; position:relative; }
.contactFloat div.cont{ line-height:20px;}
.contactFloat div.cont a{ color:#333; display:block; padding:9px 0;}
.contactFloat div.code{ position:absolute; width:131px; height:169px; border:1px solid #dddddd; right:55px; top:-60px; background:#fff url(../images/app.jpg) no-repeat center; padding:3px; text-align:center;  }
.contactFloat div a:hover{ background:#4a94f7; color:#fff; display:block;}


.navFloat{ width:100%; position:fixed; top:0PX; height:60PX; background:#FFF; box-shadow:1PX 1PX 10PX rgba(0,0,0,0.2); z-index:20;}
.navFlo{ width:1100px; margin:0 auto;}
.navFlo p{ background:url(../images/logo.png?v=1) no-repeat; width:103px; height:36px; float: left; margin-top:10px;}
.navFloat ul li{ float: right; line-height:60px; font-size:15px; color:#333333; padding-left:44px;}
.navFloat ul li a:hover{ color:#4a94f7;}

.owl-dots  button{ border:none;margin: 0;padding: 0;outline: none;}