@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;font-family:"Microsoft YaHei";color: #000000;}
body{background: #FFFFFF; min-width: 1200px;}
a{text-decoration: none;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;}
em,h1{font-style: normal;}
.width{width: 1200px;margin: 0 auto;}
.animation{ transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
img{border:0;vertical-align:middle;}
ul,li{list-style-type:none;}
em{font-style: normal;}
.ml_0{margin-left: 0px!important;}
.w1200{width:1200px;margin:0 auto;}

/**header**/
.clearfix:before, .clearfix:after { content: "";display: table; }
.clearfix:after {  clear: both;}
.clearfix { zoom: 1;}
.head .head_top{height: 30px;line-height: 30px;color: #C2C2C2;background: #F2F2F2;text-align: right;font-size: 12px;}
.head .head_top a{display: inline-block;color: #535353;padding: 0 10px;font-size: 12px;}
.head .head_top a:hover{color: #000;}
.head .head_top span{display: inline-block;padding-left: 10px;color: #EB1308;}
.head .head_top span em{display: inline-block;padding-left: 24px;color: #EB1308;}
.head .head_top .weixin{position: relative;}
.head .head_top .weixin img{display: block;position: absolute;z-index: 0;top: 30px;left: -26px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s;z-index: -1;}
.head .head_top .weixin:hover img{filter:alpha(opacity=1);-moz-opacity:1;opacity:1;z-index: 3;}
.head .head_menu{ padding:7px 0;}
.head .head_menu .logo{display: block;float: left; height: 52px;}
.head .head_menu .logo img{ height:52px;}
.head .head_menu p{float: right; padding: 10px 0; text-align: right;}
.head .head_menu p a{display: block; padding: 0 25px; line-height: 30px;border: 1px solid #1e84fc;text-align: center;border-radius: 1px;float: right;font-size: 14px;margin-left: 20px; color: #1e84fc;}
.head .head_menu p a:hover,.head .head_menu p a.reg{border: 1px solid #1e84fc; background: #1e84fc;color: #FFFFFF;}
.head .head_menu p a.reg{font-size: 12px;}
.head .head_menu .nav{float: right; line-height:52px;}
.head .head_menu .nav a{font-size: 16px;display: block;position: relative; padding: 0 15px;}
.head .head_menu .nav li:hover a{color: #1e84fc;}
.head .head_menu .nav a i{width: 10px;height: 7px;background: url(img/hi-dot.png);display: block;float: right;margin-top: 38px;margin-left: 3px;}
.head .head_menu .nav li:hover em{display: block; width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 12px solid #F5F5F5;position: absolute;bottom: 0;left: 26px;}
.head .head_menu .nav li{float: left; margin-left: 20px;}
.head .head_menu .nav li .menu{position: absolute;width: 100%;background: #F5F5F5;left: 0;top: 110px;height: 0;overflow: hidden;transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;z-index: 999;}
.head .head_menu .nav li:hover .menu{height: 420px;}
.head .head_menu .nav li .menu dl{width: 234px;margin-right: 88px;float: left;line-height: 30px;}
.head .head_menu .nav li .menu .no2{width: 340px;margin-right: 90px;}
.head .head_menu .nav li .menu dl:nth-child(4),.head .head_menu .nav li .menu dl.no2:nth-child(3){margin-right: 0!important;}
.head .head_menu .nav li .menu dl dt{font-size: 18px;padding: 30px 0 12px 18px;}
.head .head_menu .nav li .menu dl dd a{display: block;height: 72px;background: #EBEBEB;border-radius: 8px;margin-bottom: 15px;padding: 10px 17px 0;line-height: 20px;font-size: 12px;color: #6A6A6A;}
.head .head_menu .nav li .menu dl dd a b{font-size: 16px;color: #2F2F2F;display: block;padding-bottom: 5px;}
.head .head_menu .nav li .menu dl dd a:hover{background: #1e84fc;color: #ccdafa;}
.head .head_menu .nav li .menu dl dd a:hover b{color: #FFFFFF;}
.head .head_menu .nav li .menu a.more{display: block;float: right; vertical-align: top; line-height: 25px;color: #1e84fc;}
.head .head_menu .nav li .menu a.more:hover{text-decoration: underline;}

/**footer**/
.footer{height: auto;overflow: hidden;background: #393b3d;padding-bottom: 25px;clear:both;}
.footer a:hover{text-decoration: underline;}
.footer .top{height: 80px;border-bottom: 1px solid #616264;padding-top: 55px;}
.footer .top .logo{display: block;width: 200px;}
.footer .top .logo em{width: 1px;height: 30px;background: #9c9d9e;float: right;margin-top: 8px;}
.footer .top .fr{height: auto;overflow: hidden;}
.footer .top .fr li{float: left;color: #E1E1E1;font-size: 20px;line-height: 50px;padding-left: 40px;}
.footer .top .fr li:first-child{padding-left: 52px;background: url(img/footer_phone.png) left center no-repeat;}
.footer .top .fr li em{font-size: 32px;color: #E1E1E1;line-height: 50px;display: block;float: right;}
.footer .top .fr li b{font-size: 20px;color: #E1E1E1;line-height: 50px;}
.footer .bottom .fl p{color: #757678;line-height: 30px;margin: 30px 0;width: 900px;}
.footer .bottom .fl p a{font-size: 16px;color: #c0c1c1;display: inline-block;margin: 0 20px;line-height: 30px;}
.footer .bottom .fl p a:first-child{margin-left: 0;}
.footer .bottom .fl span{display: block;color: #888989;line-height: 22px;padding-bottom: 20px;}
.footer .bottom .fr{padding-top: 75px;font-size: 14px;color: #F1F1F1;width: 250px;}
.footer .bottom .fr img{float: right;}
.footer .bottom .fr .btn{display: block;width: 124px;height: 36px;border: 1px solid #616264;border-radius: 4px;margin-top: 10px;font-size: 14px;text-align: center;color: #c0c1c1;line-height: 36px;}
.footer .bottom .fr .btn:hover{border: 1px solid #d7d8d8;color: #d7d8d8;}


/**-----------------关于我们---------------------**/

.moran-a .banner{height: 344px;background: url(img/a-banner.jpg) center top no-repeat;}
.moran-a .menu{border-bottom: 1px solid #eaeaea;}
.moran-a .menu .width{border-left: 1px solid #eaeaea;height: auto;overflow: hidden;}
.moran-a .menu a{border-right: 1px solid #eaeaea;display: block;float: left;width: 190px;background: url(img/menu_bg.png) center bottom no-repeat #FFF;height: 106px;text-align: center;font-size: 14px;color: #2c2c30;}
.moran-a .menu a:hover,.moran-a .menu a.on{background-color: #1e84fc;color: #FFF;}
.moran-a .menu a span{display: block;height: 26px;width: 44px;margin: 23px auto 0;background: url(img/icons.png) no-repeat;margin-bottom: 15px;}
.moran-a .menu .no1{background-position: 9px 0;}
.moran-a .menu a:hover .no1,.moran-a .menu a.on .no1{background-position: 9px -26px;}
.moran-a .menu .no2{background-position: -41px 0;}
.moran-a .menu a:hover .no2,.moran-a .menu a.on .no2{background-position: -41px -26px;}
.conten.moran-at .menu .no3{background-position: -91px 0;}
.moran-a .menu a:hover .no3,.moran-a .menu a.on .no3{background-position: -91px -26px;}
.moran-a .menu .no4{background-position: -150px 0;}
.moran-a .menu a:hover .no4,.moran-a .menu a.on .no4{background-position: -150px -26px;}
.moran-a .menu .no5{background-position: -200px 0;width: 26px;}
.moran-a .menu a:hover .no5,.moran-a .menu a.on .no5{background-position: -200px -26px;}
.moran-a .menu .no6{background-position: -243px 0;}
.moran-a .menu a:hover .no6,.moran-a .menu a.on .no6{background-position: -243px -26px;}

.moran-a{height: auto;overflow: hidden;}
.moran-a .title{text-align: center;font-size: 16px;color: #6a6a6c;text-align: center;padding: 50px 0;}
.moran-a .title p{color: #2c2c30;font-size: 36px;padding-bottom: 7px;}
.moran-a .floor_01{height: auto;overflow: hidden;background: url(img/fl01_bg.jpg) center 176px no-repeat;}
.moran-a .floor_01 .width{height: 600px;}
.moran-a .floor_01 .fl,.moran-a .floor_01 .fr{width: 50%;overflow: hidden;}
.moran-a .floor_01 .width .fl .video{width:480px;height:360px;padding: 4px;background-color:rgba(255, 255, 255, 0.6);margin: 100px auto 0;}
.moran-a .floor_01 .width .fl .video img{position: relative;}
.moran-a .floor_01 .width .fr{font-size: 12px;color: #FFF;line-height:18px;padding-top: 20px;}
.moran-a .floor_01 .width .fr p{width: 544px;margin-left: 30px;margin-top: 10px;text-indent: 2em;color: #FFF;font-size: 14px;}

.moran-a .floor_02{padding-bottom: 45px;}
.moran-a .floor_02 .width ul{height: auto;overflow: hidden;}
.moran-a .floor_02 .width ul li{float: left;width: 364px;padding: 0 10px;font-size: 14px;line-height: 24px;color: #9e9e9e;text-align: center;height: 240px;margin-bottom: 56px;}
.moran-a .floor_02 .width p{font-size: 20px;color: #464646;padding: 146px 0 18px;}
.moran-a .floor_02 .width .no1 p{background: url(img/i1_1.png) center top no-repeat;}
.moran-a .floor_02 .width .no1:hover p{background: url(img/i1_2.png) center top no-repeat;}
.moran-a .floor_02 .width .no2 p{background: url(img/i2_1.png) center top no-repeat;}
.moran-a .floor_02 .width .no2:hover p{background: url(img/i2_2.png) center top no-repeat;}
.moran-a .floor_02 .width .no3 p{background: url(img/i3_1.png) center top no-repeat;}
.moran-a .floor_02 .width .no3:hover p{background: url(img/i3_2.png) center top no-repeat;}
.moran-a .floor_02 .width .no4 p{background: url(img/i4_1.png) center top no-repeat;}
.moran-a .floor_02 .width .no4:hover p{background: url(img/i4_2.png) center top no-repeat;}
.moran-a .floor_02 .width .no5 p{background: url(img/i5_1.png) center top no-repeat;}
.moran-a .floor_02 .width .no5:hover p{background: url(img/i5_2.png) center top no-repeat;}
.moran-a .floor_02 .width .no6 p{background: url(img/i6_1.png) center top no-repeat;}
.moran-a .floor_02 .width .no6:hover p{background: url(img/i6_2.png) center top no-repeat;}

.moran-a .floor_03{background: #EAEAEA;padding-bottom: 45px;height: auto;overflow: hidden;}
.moran-a .floor_03 .width .fl{width: 500px;height: auto;overflow: hidden;}
.moran-a .floor_03 .width .fl{height: auto;overflow: hidden;}
.moran-a .floor_03 .width .fl .img{height: 260px;margin-bottom: 20px;}
.moran-a .floor_03 .width .fl img{width:auto;max-width:500px;width:expression(this.width>500?"500px":true);height:auto;max-height:260px;height:expression(this.height>260?"260px":true);}
.moran-a .floor_03 .width .fl .t{font-size: 18px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;margin-bottom: 15px;}
.moran-a .floor_03 .width .fl .info{font-size: 14px;color: #7a7a7a;}
.moran-a .floor_03 .width .fr{width: 620px;height: auto;overflow: hidden;font-size: 13px;color: #7a7a7a;}
.moran-a .floor_03 .width .fr ul li{height: 96px;overflow: hidden;clear: both;}
.moran-a .floor_03 .width .fr ul li em{display: block;font-size: 30px;line-height: 40px;float: left;width: 32px;text-align:center;border-bottom: 2px solid #7a7a7a;margin: 28px 21px;}
.moran-a .floor_03 .width .fr ul li a{display: block;font-size: 16px;color: #000;margin: 22px 0 5px;}
.moran-a .floor_03 .width .fr ul li:hover{background: #1e84fc;color: #fff;}
.moran-a .floor_03 .width .fr ul li:hover a,.moran-a .floor_03 .width .fr ul li:hover em{color: #FFF;}
.moran-a .floor_03 .width .fr ul li:hover em{border-color: #FFF;}

.moran-a .floor_05{background: #eaeaea; padding-bottom: 50px;}
.moran-a .floor_05 .width{overflow: hidden;}
.moran-a .floor_05 .slide ul{height: 336px;}
.moran-a .floor_05 .slide li{width: 372px;overflow: hidden;height: 336px;border-radius: 6px;background: #FFF;margin-right: 18px;text-align: center;}
.moran-a .floor_05 .slide li a{font-size: 20px;color: #2c2c30;line-height: 60px;}
.moran-a .floor_05 .slide li .img{height: 276px;overflow: hidden;}
.moran-a .floor_05 .slide li .img img{width: 372px;height: 276px;}
.moran-a .floor_05 .bot{text-align: center;padding: 18px 0;}
.moran-a .floor_05 .bot a{display: inline-block;width: 40px;height: 40px;}
.moran-a .floor_05 .bot .next{background: url(img/right.png) center top no-repeat;}
.moran-a .floor_05 .bot .prev{background: url(img/left.png) center top no-repeat;margin-right: 25px;}
.moran-a .floor_05 .bot .next:hover{background: url(img/right_on.png) center top no-repeat;}
.moran-a .floor_05 .bot .prev:hover{background: url(img/left_on.png) center top no-repeat;}

.moran-a .floor_04{height:509px;background: url(img/06_bg.jpg) top center no-repeat; overflow: hidden;}
.moran-a .floor_04 .title{color: #dee2eb;padding: 85px 0;}
.moran-a .floor_04 .title p{color: #FFF;}
.moran-a .floor_04 ul li{float:left;width: 218px;height:50px;margin-bottom: 50px;}
.moran-a .floor_04 ul li img{opacity: 0.7;}
.moran-a .floor_04 ul li:hover img{opacity: 1;}


/**新闻列表**/
.moran-a .list-xw{height: auto;overflow: hidden;margin-top: 30px;}
.moran-a .list-xw li{float: left;width: 50%;position: relative;margin-bottom: 50px;}
.moran-a .list-xw li:nth-child(2n){width: 546px;margin-left: 30px;}
.moran-a .list-xw li .time{font-size: 18px;color: #66606c;margin-left: 74px;padding-bottom: 7px;}
.moran-a .list-xw li .time em{display: block;width: 52px;height: 52px;line-height: 52px;text-align: center;background: #1e84fc;color: #FFF;font-size: 30px;}
.moran-a .list-xw li .time em{position: absolute;left: 0;top: 63px;}
.moran-a .list-xw li div{border: 1px solid #e9e9e9;width: 441px;height: 105px;overflow: hidden;padding: 25px 30px 0 45px;margin-left: 28px;}
.moran-a .list-xw li .title{font-size: 18px;padding: 0;text-align: left;}
.moran-a .list-xw li span{display: block;font-size: 12px;color: #999;line-height:20px;}

/**服务详情**/
.w1152{width: 1152px;margin: 0 auto;}
.content{height: auto;overflow: hidden;}
.content .search{height: 70px;background: #eaeaea;line-height: 70px;color: #2c2c30;font-size: 16px;}
.content .search .fr{padding-top: 16px;width: 296px;display: none;}
.content .search a{color: #2c2c30;}
.content .search .fr .key,.content .search .fr .btn{height: 36px;line-height: 36px;border:none;vertical-align: middle;float: left;display: block;}
.content .search .fr .key{width: 250px;background: #FFF;padding-left: 10px;border-radius: 4px 0 0 4px;}
.content .search .fr .btn{width: 36px;background: url(img/icons_01.jpg) #1e84fc center no-repeat;border-radius: 0 4px 4px 0;cursor: pointer;}
.moran-f .top{height: auto;overflow: hidden;background: #1e84fc;}
.moran-f .top .w1152{background: url(img/icons_05.png) center 458px no-repeat;height: 510px;overflow: hidden;}
.moran-f .top .fl{width: 580px;padding-top: 84px;color: #FFF;font-size: 14px;}
.moran-f .top .fl h1{font-size: 36px;color: #fff;}
.moran-f .top .fl .mode{height: 20px;line-height: 20px;margin-top: 45px;}
.moran-f .top .fl .mode li{float: left;margin-right: 15px;padding-left:40px;font-size: 12px;color: #fff;height: 32px;line-height: 32px;}
.moran-f .top .fl .mode .wx{background: url(img/ll.png) left center no-repeat;}
.moran-f .top .fl .text{line-height: 30px;padding: 17px 0 0;margin-bottom:17px;width: 547px;height: 150px;overflow: hidden;color: #FFF!important;}
.moran-f .top .fl a{display: block;width: 126px;color:#FFF;height: 34px;line-height: 34px;text-align: center;border:1px solid #FFF;}
.moran-f .top .fr{width: 572px;background: url(img/bg.png) left 60px no-repeat;height: 510px;}
.moran-f .top .fr .img{margin-left: 24px;margin-top: 84px;width: 520px;height: 294px;overflow: hidden;}
.moran-f .top .fr .img img{width:auto;max-width:520px;width:expression(this.width>520?"520px":true);height:auto;max-height:294px;height:expression(this.height>294?"294px":true);}
.moran-f .body{padding-top: 60px;text-align: center;}
.moran-f .body img{width:auto;max-width:1152px;width:expression(this.width>1152?"1152px":true);}
.moran-f .body h4.tt{font-size: 30px;color: #424242;text-align: center;padding-bottom: 44px;}
.moran-f .body p{line-height: 30px;margin-bottom: 10px;font-size: 14px;color: #333;text-align: left;}

/*案例列表*/

.moran-al {overflow:hidden; padding: 68px 0; background: #f5f5f5;}
.moran-al .banner{background:url(img/b-case.jpg) center top no-repeat;height:344px;}
.moran-al .slide{background:#eaeaea;height:auto;overflow:hidden;}
.moran-al .slide .title{padding:45px 0;}
.moran-al .case_list{height:auto;overflow:hidden;clear:both;}
.moran-al .case_list .title{padding:35px 0;}
.moran-al .case_list .list ul{height:auto;overflow:hidden;width:1170px;}
.moran-al ul{ margin-top: 40px;}
.moran-al li{  background: #fff; width: 23.5%; float: left; position: relative; transition: all ease .3s;}
.moran-al li:hover{ box-shadow: 1px 6px 30px rgba(0,0,0,0.1);}
.moran-al li .con{ padding:36px 30px; text-align: center;}
.moran-al li:not(:nth-child(4n)){ margin-right: 2%;}
.moran-al li:nth-child(n+5){ margin-top: 2%;}
.moran-al h3{ margin-top: 20px; position: relative; padding-bottom: 10px;}
.moran-al h3::after{ position: absolute; height:3px; content: ""; display: block; left:45%; right:45%; bottom: 0; background: currentColor; opacity: .2;}
.moran-al .bot{ font-size: 12px; color: #999; margin-top: 10px; }
.moran-al .mode{ margin-top: 16px;text-align: left; height: 63px; overflow: hidden; font-size: 15px;}
.moran-al .caseLogo{ width: 68px; height: 68px; border-radius: 50%; object-fit: cover;}
.moran-al .poupopCode{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; background: rgba(255, 255, 255, 0.95); display: none; opacity:0; animation: poupopCode .3s ease forwards;}
.moran-al .caseCode{ width:148px; height: 148px; object-fit: cover; position: absolute; left: 50%; top: 50%; margin: -94px 0 0 -74px; opacity: 0; animation:caseCode .6s .2s ease forwards; z-index:1;}
.moran-al li:hover .poupopCode{ display: block;}
.moran-al .poupopCode span{ display: block; position: absolute; top: 50%; text-align: center; margin-top: 60px; color: #999; letter-spacing: 2px; width:100%; opacity:0; letter-spacing:10px; animation:poupopCodeSpan .5s .5s ease forwards;}
@keyframes poupopCode{
    0%{ opacity: 0;}
    100%{ opacity: 1;}
}
@keyframes caseCode{
    0%{transform: perspective(160px) rotateX(180deg) rotateY(0deg); opacity: 0;}
    100%{transform: perspective(160px) rotateX(0deg) rotateY(0deg); opacity: 1;}
}
@keyframes poupopCodeSpan{
    0%{ letter-spacing:10px; opacity:0; }
    100%{ letter-spacing:2px; opacity:1; }
}
/*联系我们*/

.moran-c .banner{background: url(img/a-banner.jpg) center top no-repeat;margin-bottom: 40px;}
.moran-c .banner a{display: block;height: 344px;width: 100%;margin: 0 auto;}
.moran-c .title{color: #6a6a6c;text-align: center;}
.moran-c .title p{font-size: 36px;color: #2c2c30;margin-bottom: 8px;}
.moran-c .floor_01{height: auto;overflow: hidden;color: #646464;line-height: 30px;font-size: 14px;padding-bottom: 50px;}
.moran-c .floor_01 p{font-size: 22px;color: #0c070a;padding-bottom: 25px;}
.moran-c .floor_01 span{padding-left: 3em;}
.moran-c .floor_01 div{padding: 35px 0 0 30px;border-radius: 5px;}
.moran-c .floor_01 .top{height: 275px;margin-bottom: 16px;background: url(img/fl01_bg1.jpg) right bottom no-repeat #eaeaea;margin-top: 65px;}

.moran-c .floor_02{background: #eaeaea;height: auto;overflow: hidden;padding: 42px 0 50px;}
.moran-c .floor_02 .width{padding-top: 66px;}
.moran-c .floor_02 .width ul{height: auto;overflow: hidden;width: 1168px;}
.moran-c .floor_02 .width ul li{float: left;width: 236px;padding:0 20px;margin-right: 16px;border-radius: 6px;background: #FFF;height: 286px;margin-bottom: 16px;line-height: 36px;}
.moran-c .floor_02 .width ul li p{margin-top: 29px;padding-top: 100px;font-size: 16px;color: #000;text-align: center;padding-bottom: 25px;}
.moran-c .floor_02 .width ul li p.m1{background: url(img/man_01.jpg) center top no-repeat;}
.moran-c .floor_02 .width ul li p.m2{background: url(img/man_02.jpg) center top no-repeat;}
.moran-c .floor_02 .width ul li p.m3{background: url(img/man_03.jpg) center top no-repeat;}
.moran-c .floor_02 .width ul li p.m4{background: url(img/man_04.jpg) center top no-repeat;}
.moran-c .floor_02 .width ul li p.m5{background: url(img/man_05.jpg) center top no-repeat;}
.moran-c .floor_02 .width ul li p.g1{background: url(img/girl_01.jpg) center top no-repeat;}
.moran-c .floor_02 .width ul li p.g2{background: url(img/girl_02.jpg) center top no-repeat;}
.moran-c .floor_02 .width ul li p.g3{background: url(img/girl_03.jpg) center top no-repeat;}
.moran-c .floor_02 .width ul li p.g4{background: url(img/girl_04.jpg) center top no-repeat;}
.moran-c .floor_02 .width ul li p.g5{background: url(img/girl_05.jpg) center top no-repeat;}
.moran-c .floor_02 .width ul li img{vertical-align: middle;}
.moran-c .floor_02 .width ul li em{width: 80px;display: inline-block;text-align: right;}

.moran-c .floor_03{height: auto;overflow: hidden;}
.moran-c .floor_03 .top{background: url(img/fl03_bg.jpg) center top no-repeat;height: 190px;}
.moran-c .floor_03 .top a{display: block;margin-top: 67px;line-height: 56px;font-size: 18px;color: #FFF;}
.moran-c .floor_03 .top .width div{width: 50%;}
.moran-c .floor_03 .top .fl a{background: url(img/sinawb_logo.png) left center no-repeat;float: right;padding:0 57px 0 74px;}
.moran-c .floor_03 .top .fr a{background: url(img/qqwb_logo.png) 65px center no-repeat;float: left;padding-left: 138px;}
.moran-c .floor_03 .list{height: auto;overflow: hidden;padding-top: 50px;}
.moran-c .floor_03 .list .width div{width: 538px;padding-left: 30px;padding-top: 40px;height: 200px;border-radius: 6px;background: #eaeaea;font-size: 14px;color: #646464;line-height: 30px;}
.moran-c .floor_03 .list .width div p{font-size: 24px;color: #0c070a;padding-bottom: 25px;}
.moran-c .floor_03 .list img{vertical-align: middle;}
.moran-c .floor_03 .list .width .fl{line-height: 24px;}
.moran-c .floor_03 .list .width .fl p{padding-bottom: 35px;}
.moran-c .floor_03 .list .width .fr{line-height: 24px;}
.moran-c .floor_03 .list .width .fr span{display: block;color: #000;padding-bottom: 10px;}
.moran-c .floor_03 .no1{height: 60px;line-height: 60px;overflow: hidden;border-radius: 6px;background: #eaeaea;margin-top: 16px;}
.moran-c .floor_03 .no1 p{float: left;font-size: 24px;color: #0c070a;padding-left: 30px;}
.moran-c .floor_03 .no1 span{display: block;float: left;font-size: 14px;color: #646464;padding-left: 30px;line-height: 40px;padding-top: 10px;}
.moran-c .floor_03 .no1 span img{vertical-align: middle;}

.moran-c .floor_04{height: auto;overflow: hidden;padding-top: 70px;}
.moran-c .floor_04 .title{margin-bottom: 54px;}
.moran-c .floor_04 .list{width: 1200px;margin: 0 auto;height: auto;overflow: hidden;}
.moran-c .floor_04 .list ul{width: 100%;height: auto;overflow: hidden;}
.moran-c .floor_04 .list ul li{width: 500px;padding: 35px 0 35px 76px;border-bottom: 1px solid #eaeaea;color: #888787;font-size: 14px;line-height: 24px;float: left;}
.moran-c .floor_04 .list ul li{background: url(img/icons_02.jpg) 24px center no-repeat;}
.moran-c .floor_04 .list ul li p{font-size: 16px;color: #000;padding-bottom: 12px;}
.moran-c .floor_04 .list ul li:last-child{border-bottom: none;}


/*代理*/
.title_1{text-align: center;font-size: 40px;padding-top: 88px;}
.moran-dl .banner{background:url(img/j-banner.jpg) center top no-repeat;height:344px;}
.moran-dl .floor_1{height: auto;overflow: hidden;padding-bottom: 90px;}
.moran-dl .floor_1 ul li{width: 386px;height: 155px;float: left;margin-right: 20px;border-radius: 10px;background: #4aa6fe;margin-top: 55px;position: relative;box-shadow: 6px 6px 6px #dddcdb;}
.moran-dl .floor_1 ul li:nth-child(2){background: #fa757e}
.moran-dl .floor_1 ul li:last-child{background: #22dbd9;margin-right: 0;}
.moran-dl .floor_1 ul li img{float:left;margin-right: 22px;}
.moran-dl .floor_1 ul li span{font-size: 24px;color: #fff;display: block;margin-top: 36px;margin-bottom: 18px;}
.moran-dl .floor_1 ul li p{font-size: 16px;color: #f6faff;}
.moran-dl .floor_1 ul li em{width: 386px;height: 155px;border-radius: 10px;background:rgba(12,94,202,0);display: block;position: absolute;top:0;left:0;}
.moran-dl .floor_1 ul li em a{width: 190px;height: 45px;border:1px solid #fff;border-radius: 10px;text-align: center;color: #fff;line-height: 45px;display: block;position: absolute;top:55px;left:98px;opacity: 0;font-size: 18px;}
.moran-dl .floor_1 ul li:hover em{background: rgba(75,175,75,0.8);transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s;}
.moran-dl .floor_1 ul li:hover em a{opacity: 1;transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s;}

.moran-dl .floor_2{height: 943px;background: url(img/fl3_01.jpg) center top no-repeat;}
.moran-dl .floor_2 ul{margin-top: 68px;}
.moran-dl .floor_2 ul li{width: 360px;height: 285px;background: #fff;border-radius: 10px;float: left;margin-right: 60px;text-align: center;margin-bottom: 43px;}
.moran-dl .floor_2 ul li:hover{background: #1e84fc;}
.moran-dl .floor_2 ul li:hover span,.moran-dl .floor_2 ul li:hover p{color: #fff;}
.moran-dl .floor_2 ul li:nth-child(2) em{background: url(img/fl3_2.png) center top no-repeat;}
.moran-dl .floor_2 ul li:nth-child(2):hover em{background: url(img/fl3_2_1.png) center top no-repeat;}
.moran-dl .floor_2 ul li:nth-child(3){margin-right: 0;}
.moran-dl .floor_2 ul li:nth-child(3) em{background: url(img/fl3_3.png) center top no-repeat;}
.moran-dl .floor_2 ul li:nth-child(3):hover em{background: url(img/fl3_3_1.png) center top no-repeat;}
.moran-dl .floor_2 ul li:nth-child(4) em{background: url(img/fl3_4.png) center top no-repeat;}
.moran-dl .floor_2 ul li:nth-child(4):hover em{background: url(img/fl3_4_1.png) center top no-repeat;}
.moran-dl .floor_2 ul li:nth-child(5) em{background: url(img/fl3_5.png) center top no-repeat;}
.moran-dl .floor_2 ul li:nth-child(5):hover em{background: url(img/fl3_5_1.png) center top no-repeat;}
.moran-dl .floor_2 ul li:last-child{margin-right: 0;}
.moran-dl .floor_2 ul li:last-child em{background: url(img/fl3_6.png) center top no-repeat;}
.moran-dl .floor_2 ul li:last-child:hover em{background: url(img/fl3_6_1.png) center top no-repeat;}
.moran-dl .floor_2 ul li:first-child:hover em{background: url(img/fl3_1_1.png) center top no-repeat;}
.moran-dl .floor_2 ul li em{width: 94px;height: 75px;display: inline-block;margin-top: 37px;background: url(img/fl3_1.png) center top no-repeat;}
.moran-dl .floor_2 ul li span{display: block;font-size: 22px;margin-top: 15px;margin-bottom: 15px;}
.moran-dl .floor_2 ul li p{width: 300px;text-align: left;padding-left: 29px;line-height: 22px;}

.moran-dl .floor_3{height: auto;overflow: hidden;margin-bottom: 104px;}
.moran-dl .floor_3 ul li{width: 361px;height: 296px;float:left;margin-right: 57px;background: #f7f7f7;border-radius: 10px;text-align: center;margin-top: 53px;}
.moran-dl .floor_3 ul li:last-child{margin-right: 0;}
.moran-dl .floor_3 ul li span{margin-top: 29px;display: block;line-height: 26px;font-size: 16px;}
.moran-dl .floor_3 ul li:hover{background:#1e84fc;}
.moran-dl .floor_3 ul li:hover span{color: #fff;}

.moran-dl .floor_4{height: auto;overflow: hidden;margin-bottom: 30px;}
.moran-dl .floor_4 li{margin-right: 55px;width: 363px;margin-top: 45px;float:left;}
.moran-dl .floor_4 li:last-child{margin-right: 0;}
.moran-dl .floor_4 li .hd{height: 24px;border-left:4px solid #0052da;padding-left: 18px;margin-bottom: 18px;}
.moran-dl .floor_4 li:nth-child(2) .hd{border-left:4px solid #ff486a;}
.moran-dl .floor_4 li:nth-child(3) .hd{border-left:4px solid #26effc;}
.moran-dl .floor_4 li .hd span{font-size: 22px;line-height: 24px;}
.moran-dl .floor_4 li .hd a{display: block;float:right;color: #8c8c8c;font-size: 14px;margin-top: 8px;}
.moran-dl .floor_4 li img{margin-bottom: 10px;}
.moran-dl .floor_4 li .wz em{display: block;margin-top: 29px;font-size: 20px;margin-bottom: 14px;}
.moran-dl .floor_4 li .wz p{line-height: 22px;color: #8a8b8b;margin-bottom: 20px;}
.moran-dl .floor_4 li .wz a{display: block;font-size: 14px;margin-bottom: 15px;display: block;color: #080a0c;}
.moran-dl .floor_4 li .wz a:hover{color: #1e84fc;}

/*媒体报道*/
.content .mt-tt{padding-top: 50px;}
.content .mt-tt p{border-left: 6px solid #1e84fc;padding-left: 12px;font-size: 35px;color: #1e84fc;margin-bottom: 25px;text-align: left;}
.content .mt-tt p em{font:normal 15px Arial;display: block;color: #9fb8e7;}
.content .list-mt{padding-top: 30px;border-top: 1px solid #c33;height: auto;overflow: hidden;}
.content .list-mt ul{width: 1176px;height: auto;overflow: hidden;}
.content .list-mt ul li{width: 238px;padding: 15px 15px 0;overflow: hidden;margin-right: 24px;margin-bottom: 24px;float: left;border:1px solid #CCC;font-size: 14px;height: 225px;line-height: 24px;}
.content .list-mt ul li:hover{border: 3px solid #1e84fc;width: 238px;height: 223px;padding: 13px 13px 0;}
.content .list-mt .img{text-align: center;padding-bottom: 15px;}
.content .list-mt .img img{width:auto;max-width:238px;width:expression(this.width>238?"238px":true);height:auto;max-height:130px;height:expression(this.height>130?"130px":true);}
.content .list-mt p{height: 48px;}
.content .list-mt a{float: right;display: block;color: #A3A3A3;}

/*产品*/
.moran-cp.content{padding-bottom: 0px;}
.moran-cp .title_1{font-size: 24px;text-align: center;color:#222;padding-top: 80px;padding-bottom: 40px;}
.moran-cp .banner{height:379px;background: url(img/ban_01.jpg) center top no-repeat;}
.moran-cp .floor_01{height:auto;overflow: hidden;background: #f5f6f6;padding-bottom: 60px;}
.moran-cp .floor_01 ul li a,.moran-cp .floor_03 ul li a{width:284px;height:244px;float:left;margin-left: 18px;border:1px solid #d7d8d9;text-align: center;line-height: 26px;color:#5e5e5e;background: #fff;display: block;}
.moran-cp .floor_01 ul li a:hover,.moran-cp .floor_03 ul li a:hover{border:1px solid #1f75f6;}
.moran-cp .floor_01 ul li img, .moran-cp .floor_03 ul li img{padding-top: 30px;}
.moran-cp .floor_01 ul li span, .moran-cp .floor_03 ul li span{display: block;font-size: 18px;padding-top: 16px;padding-bottom: 16px;color:#000;}

.moran-cp .floor_02{height:456px;background: url(img/fl2_01.jpg) center top no-repeat;}
.moran-cp .floor_02 .title_1{color:#f5f7fc;padding-top: 64px;}
.moran-cp .floor_02 ul li,.moran-cp .floor_04 ul li{float: left;text-align:center;width: 300px;position: relative;}
.moran-cp .floor_02 ul li span,.moran-cp .floor_04 span{font-size: 18px;color:#fff;display: block;padding-top: 20px;padding-bottom: 20px;}
.moran-cp .floor_02 ul li p,.moran-cp .floor_04 ul li p{color:#f5f7fc;line-height: 26px;padding-bottom: 28px;}
.moran-cp .floor_02 ul li a,.moran-cp .floor_04 ul li a{display: block;text-align: center;width: 104px;height:30px;color:#f5f7fc;line-height: 30px;font-size: 14px;border:1px solid #f5f7fc;margin: 0 auto;}
.moran-cp .floor_02 ul li a:hover,.moran-cp .floor_04 ul li a:hover{background: #fff;color:#1f75f6;}
.moran-cp .floor_02 ul li em,.moran-cp .floor_04 ul li em{position: absolute;display: block;height:62pc;width: 2px;background: url(img/xuxian.png) center top no-repeat;top:114px;right: 0px;}

.moran-cp .floor_03{height:auto;overflow:hidden;background:#f5f6f6;padding-bottom: 75px;}
.moran-cp .floor_03 ul{margin-left: 302px;}

.moran-cp .floor_04{height:832px;background: url(img/fl4_01.jpg) center top no-repeat;}
.moran-cp .floor_04 .title_1{color:#f7f9fd;}
.moran-cp .floor_04 li{margin-bottom: 60px;}
.moran-cp .floor_04 .a_1 a{clear:both;display: block;margin: 0 auto;width:210px;height:40px;background: #eb6b61;text-align: center;color:#fff;line-height: 40px;font-size: 18px;border-radius: 4px;}

.moran-cp .floor_05{height:auto;overflow: hidden;padding-bottom: 58px;}
.moran-cp .floor_05 .title_1{color:#333;}
.moran-cp .floor_05 ul li{float:left;padding-bottom: 56px;width:255px;padding-left: 45px;}
.moran-cp .floor_05 ul li img{padding-right: 10px;padding-bottom: 10px;}
.moran-cp .floor_05 ul li span{font-size: 18px;color:#333;}
.moran-cp .floor_05 ul li p{color:#666769;line-height: 20px;font-size: 14px;}

/*声明*/

.moran-sm{height: auto;overflow: hidden;padding-bottom: 30px;color: #8c8c8c;}
.moran-sm .banner{height: 344px;background: url(img/b-case.jpg) center top no-repeat;}
.moran-sm .title{text-align: center;font-size: 36px;padding: 66px 0;color: #000;}
.moran-sm .title p{font-size: 16px;color: #636365;margin-top: 9px;}
.moran-sm .floor_01 .width{line-height: 26px;font-size: 14px;padding-bottom: 76px;}
.moran-sm .floor_02{background: #eaeaea;padding-bottom: 76px;}
.moran-sm .floor_02 ul{height: auto;overflow: hidden;}
.moran-sm .floor_02 ul li{width: 47%;height: auto;overflow: hidden;float: left;line-height: 30px;font-size: 14px;}
.moran-sm .floor_02 ul li:nth-child(2n){width: 53%;}
.moran-sm .floor_02 ul li em{display: block; width: 4px;height: 4px;overflow: hidden;background: #666666;float: left;margin: 13px 11px 0;}
.moran-sm .floor_05{height: auto;overflow: hidden;padding-bottom: 60px;}
.moran-sm .floor_05 p{text-align: center;font-size: 16px;line-height: 26px;}


.ymf_title{text-align: center;}
.ymf_title p{font-size: 36px;color: #22293c;margin-top: 70px;}
.ymf_title span{color: #585858;font-size: 16px;display: block;margin-top: 14px;}
.moran-b .banner{height:345px; background: url(img/banner.jpg) center top no-repeat;}
.moran-b .floor_1{overflow: hidden;}
.moran-b .floor_1 ul{overflow: hidden;margin-top: 70px;}
.moran-b .floor_1 ul li{float: left;width: 339px;/*height: 142px;*/margin:0 91px 46px 0;}
.moran-b .floor_1 ul li:nth-child(3n){margin-right: 0;}
.moran-b .floor_1 ul li em{display: block;width: 88px;float: left;}
.moran-b .floor_1 ul li .box{float: left;width:223px;padding-left: 28px; }
.moran-b .floor_1 ul li .box p{font-size: 22px;}
.moran-b .floor_1 ul li .box span{font-size:14px;display:block;margin-top: 14px;}
.moran-b .floor_1 ul li .box a{display: inline-block;background: #def2fe;width: 94px;height: 25px;color:#666666; font-size: 14px;line-height: 25px;text-align: center;border-radius: 5px;margin-top: 15px;}
.moran-b .floor_1 ul li .box a:last-child{background: #fff9e6;margin-left:5px; }
.moran-b .floor_1 a.yellow{display: block;margin: 14px auto 100px; height:50px;width: 259px;text-align: center;color:#fff;font-size: 22px;line-height: 50px;background:url(img/01_10.png) center top no-repeat;}

.moran-b .floor_2{height: 570px;overflow: hidden;background: url(img/02_bg.jpg) center top no-repeat;}
.moran-b .floor_2 .ymf_title b{color:#ed1a21;}
.moran-b .floor_2 .w1292{width: 1292px;margin: 58px auto 0;position: relative;}
.moran-b .floor_2 #demo_01{overflow:hidden;margin:0 auto;}
.moran-b .floor_2 #demo_01 ul{overflow:hidden;margin-top: 56px;} 
.moran-b .floor_2 #demo_01 ul li{float: left;width: 283px;height: 248px;margin-right:22px; } 
.moran-b .floor_2 #demo_01 ul li:last-child{margin-right: 0;}
.moran-b .floor_2 #demo_01 ul li p{height:72px;width: 281px;background:#fff;border:1px solid #e5e5e5;padding-top: 24px;text-align: center;}
.moran-b .floor_2 #demo_01 ul li p span{display: block;font-size: 20px;color:#343434;}
.moran-b .floor_2 #demo_01 ul li p em{display: block;font-size:14px;margin-top: 8px;color:#727272;}
.moran-b .floor_2 .prev{width: 40px;height: 85px;  position: absolute;left: 0;top: 94px;background: url(img/02_5.png) no-repeat;}
.moran-b .floor_2 .next{width: 40px;height: 85px;  position: absolute;right: 0;top: 94px;background: url(img/02_6.png) no-repeat;}

.moran-b .floor_3{height: 893px;overflow: hidden;background: url(img/03_bg.jpg) center top no-repeat;}
.moran-b .floor_3 ul{overflow: hidden;height:auto; margin: 54px 0 90px 0; }
.moran-b .floor_3 ul li{width:270px;height: 65px;margin-bottom: 48px; line-height: 60px;font-size: 16px;}
.moran-b .floor_3 .ul_1{float: left;overflow: hidden;height:auto;}
.moran-b .floor_3 .ul_1 li{text-align:right;}
.moran-b .floor_3 .ul_1 li span{margin-right: 12px;}
.moran-b .floor_3 .ul_2{float: right;overflow: hidden;height:auto;}
.moran-b .floor_3 .ul_2 li{text-align:left;}
.moran-b .floor_3 .ul_2 li span{margin-left: 12px;}
.moran-b .floor_3 a.yellow{display: block;clear:both; margin:0 auto; height:50px;width: 259px;text-align: center;color:#fff;font-size: 22px;line-height: 50px;background:url(img/03_9.png) center top no-repeat;}


/*翻页*/
.pages{text-align:center;}
.pages ul li{display:inline-block;margin-right:5px;line-height:36px;}
.pages ul li a{display:block;font-size:12px;padding:0 16px;background:#dedede;color:#8b939a;border-radius:4px;}
.pages ul li a:hover,.dede_pages ul li.thisclass{background:#1e84fc;border-radius:4px;padding:0 16px;color:#FFF;}

.foot{ background: #ecf0f1; padding: 60px 0; text-align: center; line-height: 2;}
.chat-right{ position: fixed; right: 10px; top: 50%; background: #1e84fc; box-shadow: 1px 3px 35px rgba(30, 132, 252, .5);  text-align: center; z-index: 99; transform: translateY(-50%);}
.chat-right *{ color: #fff;}
.chat-right li{ margin:10px;}
.chat-right h3{ line-height: 3; border-bottom:1px solid rgba(255,255,255,.1);}
.chat-right h4{ opacity:.6; font-weight:normal; padding-bottom:5px;}
.chat-right a{ background:#fff; display:block; color:#1e84fc;box-shadow: 1px 3px 15px rgba(255, 255, 255, .2); line-height:2.6;}

.sub-tit{ padding: 46px 0; background: #1e84fc; text-align: center; background: linear-gradient(45deg,#0f47fa,#249afd); background:#1e84fc url(img/bg.jpg) center center no-repeat; background-size: cover;}
.sub-tit h2{ color: #fff; font-size: 48px; font-weight: normal; letter-spacing: 10px;}
.news-box{ margin:40px 60px;}
.news-box li{ padding:30px 0; border-bottom:1px solid #eee;}
.news-box a:hover{ color: #1e84fc;}
.news-box span{ color: #999;display:block; margin-top:5px;}
.news-box h3{ font-size: 24px;}

.page{margin:40px auto; text-align: center;}
.page .btn-group{ display: inline-block;}
.page .num,.page .next,.page .rows,.page .prev{ line-height: 36px; background: #f5f5f5; margin: 0 5px; display: inline-block; padding: 0 15px;}
.page span{ color: #999;}
.page a:hover{ background: #1e84fc; color: #fff;}
.page .input-group input{ border: 1px solid #ccc; height: 34px; padding: 0 10px; float: left;}
.page .input-group-btn{ white-space: nowrap; vertical-align: top;}
.page .input-group{vertical-align: top;}
.page button{ background: #1e84fc; color: #fff; height: 36px; padding:0 20px; margin-left: -1px; position: ; cursor: pointer;}

.singleTitle{ text-align: left; padding: 60px 0;}
.singleTitle .width{ max-width: 960px;}
.singleTitle h2{ font-size: 40px; letter-spacing: 1px; font-weight: bold;}
.singleTitle .release{ margin-top: 10px; opacity: .6; font-size: 14px;}
.singleTitle span{ color: #fff; margin-right: 10px;}
.single{padding: 60px 0; max-width: 960px;}
.single .article{ font-size: 18px; line-height: 1.6; overflow: hidden; white-space:normal; word-break: break-all;}
.single .article>p:nth-child(n+2){ margin-top: 20px;}
.single  img{ max-width: 80%!important; height: auto!important; width: auto!important; display: block; margin-left: auto!important; margin-right: auto!important;}
@media screen and (max-width:640px){
    .single  img{ max-width: 100%!important;}
}
.single table{ width: 100%!important;}

.singleNav a{ line-height: 2.5; padding:  0 15px; border: 1px solid; color: #fff; display: inline-block;}
.singleNav a.active{ background: #fff; border-color: #fff; color: #0052da;}

.single-tit{ font-size: 40px;padding-bottom: 30px; border-bottom: 1px solid #eeee;}