html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, del, em, font, img, dl, dt, dd, ol, ul, li, form, label, input {
margin: 0 auto;
padding: 0;
font-style:normal;
}
body {
font-family: Microsoft Yahei, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #2c3a46;
padding: 0;
margin: 0 auto;
width: 100%;
background:#fff;
-webkit-font-smoothing: antialiased;
}
.font-jh{ font-family:Helvetica,"STHeiti STXihei","Microsoft JhengHei","Microsoft YaHei",Tohoma,Arial;}
ul, li {
list-style: none;
}
select, input {
padding: 0;
margin: 0;
outline: none; font-family:Microsoft Yahei;
}
a,a:visited {
color: #2c3a46;
text-decoration: none;
}
a:hover {
color: #ee0000;
text-decoration:none;
}
a img {
border: 0;
}
img {
vertical-align: middle;
max-width:100%;
}
em{ font-style:normal;}
.fl {
float: left;
}
.fr {
float: right;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}/* Hides from IE-mac \*/
*html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}/* End hide from IE-mac */
*+html .clearfix {
min-height: 1%;
}
p{ margin:0 0 10px 0; padding:0;}
ul,li,dl,dt,dd{ padding:0; margin:0; list-style:none;}
i{ padding:0 5px;}
.content {
margin:0 auto;
padding:0; width:1200px;
}
/*iconfont*/
@font-face {
font-family: 'iconfont';
src: url('http://at.alicdn.com/t/font_1453345728_0986207.eot'); /* IE9*/
src: url('http://at.alicdn.com/t/font_1453345728_0986207.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('http://at.alicdn.com/t/font_1453345728_0986207.woff') format('woff'), /* chrome¡¢firefox */
url('http://at.alicdn.com/t/font_1453345728_0986207.ttf') format('truetype'), /* chrome¡¢firefox¡¢opera¡¢Safari, Android, iOS 4.2+*/
url('http://at.alicdn.com/t/font_1453345728_0986207.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-family:"iconfont";font-style:normal;}
@font-face {font-family: 'webfont';
src: url('//at.alicdn.com/t/w3cx7ns7f52hjjor.eot'); /* IE9*/
src: url('//at.alicdn.com/t/w3cx7ns7f52hjjor.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('//at.alicdn.com/t/w3cx7ns7f52hjjor.woff') format('woff'), /* chrome¡¢firefox */
url('//at.alicdn.com/t/w3cx7ns7f52hjjor.ttf') format('truetype'), /* chrome¡¢firefox¡¢opera¡¢Safari, Android, iOS 4.2+*/
url('//at.alicdn.com/t/w3cx7ns7f52hjjor.svg#˼ԴºÚÌå-¼«Ï¸') format('svg'); /* iOS 4.1- */
}
.web-font-syht{font-family:"webfont" !important;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;}
/*iconfont-end*/
/*globe-start*/
.body-gray{background:#f5f5f5;}
.mar-top-30{margin-top:30px;}
.mar-top-10{margin-top:10px;}
.mar-top-15{margin-top:15px;}
.container{width:1200px;}
.logo img{ height:55px;}
.main{width:100%}
.header{height:98px; background:#fff; padding:20px 0; border-bottom:1px solid #efefef;}
.red{color:#e00}
/*globe-end*/
/*--cover bootstrap*/
.row{margin-right: -5px;
margin-left: -5px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
padding-right: 5px;
padding-left: 5px;
}
/*Tool start*/
.tool{ height:33px; line-height:33px; border-bottom:1px solid #E5E5E5; background:#F4F4F4; color:#999;}
.tool .fl a{ color:#999; padding:0 5px;}
.tool .fr a{color:#999;}
.tool .fl a i{ color:#999; padding:0 5px;}
.fa-sort-desc{ color:#999;}
.tool .fr{position:relative;z-index:100;}
.tool .fr ul{list-style:none;}
.tool .fr li {float:left;position:relative;}
.tool .fr ul ul {visibility:hidden;position:absolute;left:0px;top:33px;border: solid 1px #f5f5f5;
border-top: 0;
background-color: #fff;
box-shadow: rgba(0,0,0,0.2) 1px 1px 1px 0; padding:0; font-size:12px;}
.tool .fr ul li:hover ul,
.tool .fr ul a:hover ul{visibility:visible;}
.tool .fr a{display:block;padding:0 6px;}
.tool .fr a:hover,.tool .fr li:hover a{ background:#fff; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; padding:0 5px;}
.tool .fr li:hover a{ color:#ee0000;}
.tool .fr ul ul li {clear:both;text-align:center;}
.tool .fr ul ul li a{display:block;width:85px; line-height:25px;margin:0;}
.tool .fr ul ul li a:hover,.tool .fr li:hover li a{border:0; border:0; padding:0 5px; color:#a5a5a5;}
.tool .fr ul ul li a:hover{ background:#e7e6e6; color:#ee0000;}
.tool .fr .tel .fa{ font-size:18px; color:#a5a5a5;}
.tool .fr .tel b{ font-size:18px; color:#ee0000;}
.tool .fr li:hover .fa.fa-sort-desc:before {content: "\f0d8";}
/*Tool end*/
/*--biz--*/
/*header-start*/
.header .manu li{ line-height: 2; display: inline-block; float: left; font-size: 16px; margin-left: 30px; text-align: center; margin-top: 20px;}
.header .manu .active a {color:#e00; }
.manu-sign{ background: #27ae60;
border-radius: 3px;
color: #fff;
line-height: 1.5!important;
margin-top: 23px!important;
padding: 2px 15px;
}
.manu-sign:hover{background:#c00;}
.manu-sign a,.manu-sign a:visited{ color:#fff;}
.manu-sign a:hover{ color:#eee;}
.manu-demo{ background:#e00; margin-left:10px!important;}
/*header-end*/
/*slider-start*/
.main-slider{ background:#58b5e0;
height: 449px;
width: 100%;
text-align: center;
background-size: cover;
}
.biz-slider{ background:#58b5e0;
height: 580px;
width: 100%;
text-align: center;
background-size: cover;
}
.biz-slo{ width:518px; height:254px; margin:0 auto; padding-top:100px; position:relative;}
.biz-slo-li{width:100%; position:absolute; left:0; top:100px;}
/*slider-end*/
/*indexf1-start*/
.indexf1{margin-bottom:30px; padding:30px 0;}
.index-apps{ background:#e00; border-radius:3px; width:100%; height:300px; color:#fff; text-align:left; padding:50px 25px; border-bottom:3px solid #ddd;}
.index-apps ul{ line-height:1.8; font-size:14px;}
.app-yiscm{ background:#254876}
.index-apps .fl{ width:70%;}
.app-yihost,.app-solution,.app-jiupi{background:#fff; color:#333;}
.app-solution{ background:#eee;}
.app-name{ margin:30px; color:#fff;}
.index-icons{ width:88px;}
.app-btn{ padding:3px 20px; border:3px solid #fff; margin-top:30px; display:inline-block; border-radius:20px; font-size:18px; font-weight:bold;}
.app-btn-w{ background:#eee; color:#254876;}
.app-btn-w:hover{color:#E00;}
.app-btn-wd{ border:1px solid #f5f5f5; background:#f5f5f5; color:#333;}
.app-btn-wd:hover{color:#e00;}
.app-btn-link-w,.app-btn-link-w:visited{ color:#fff;}
.app-btn-link-w:hover{color:#eee;}
.app-btn-link-b,app-btn-link-b:visited{color:#254876}
.app-btn-link-b:hover{color:#e00;}
.index-apps h3{ margin-bottom:10px; font-size:28px; font-weight:bold; }
.app-jiupi h3{color:#e00}
.app-yihost h3{color:#27ae60}
.floor2{ margin-top:10px;}
/*indexf1-end*/
/*indexf2-start*/
.indexf2,.indexf3{ background:#fff; padding:30px 0 60px 0; border-bottom:3px solid #eee; }
.indexf2 h1,.indexf3 h1{ text-align:center; line-height:3;}
.indexf2 .col-md-2{ text-align:center; }
.indexf2-icons{font-size: 40px;
line-height: 60px;
display: inline-block;
width: 60px;
height: 60px;
background: #e00;
border-radius: 20px;
color: #fff;
margin-bottom: 20px;}
.indexf2 h3{ font-size:16px; margin-bottom:10px;}
.indexf2 h1{ line-height:2;}
.indexf2 h2{ font-size:16px; text-align:center; margin-bottom:50px; line-height:1.5; color:#888}
.indexf2 span{ color:#666; line-height:1.5; padding:0 10px; margin-top:15px;}
/*indexf2-end*5
/*indexf3-start*/
.indexf3{ background:none; text-align:center; border-bottom:none;}
.indexf3 .sloution-pic{ height:200px; border-radius:5px 5px 0 0; margin-bottom:20px; background-size:cover;}
.solutionbg1{background:url(../images/solutionbg1.jpg)}
.solutionbg2{background:url(../images/solutionbg2.jpg);}
.solutionbg3{background:url(../images/solutionbg3.jpg);}
.solutionbg4{background:url(../images/solutionbg4.jpg);}
.indexf3 h3{ font-size:16px; margin-bottom:10px;}
.indexf3 .solution-li{ border-radius:5px; border-bottom:3px solid #eee; padding:0 0 30px 0; background:#fff;}
.indexf3-icons
{
font-size: 40px;
line-height: 60px;
display: inline-block;
width: 60px;
height: 60px;
background: #254876;
border-radius: 20px;
color: #fff;
margin-top:60px;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.indexf3 .col-md-3 a:hover{color:#333}
.indexf3 .solution-li:hover{ background:#f2f8f8; border-bottom:3px solid #fff; }
/*indexf3-end*/
/*indexf4-start*/
.indexf4{ background:#fff; text-align:center; padding:30px 0;}
.indexf4 h1{ line-height:3;}
.indexf4-cases{ width:80%; margin:50px 0;}
/*indexf4-end*/
/*indexf5-start*/
.indexf5{text-align:center; padding:30px 0 60px 0; background:url(../images/index-newsbg.jpg); background-size:cover;}
.indexf5 h1{line-height:3;}
.indexf5-newsli{ padding:30px; border:3px solid #fff; border-radius:5px; text-align:left; min-height:218px;}
.newsli-title{ font-size:18px; margin-bottom:10px;}
.newsli-time{color:#999; margin-bottom:10px;}
/*indexf5-end*/
/*indexf6-start*/
.indexf6{text-align:center; padding:30px 0 60px 0; background:#fff; border-bottom:1px solid #eee;}
.indexf6 h1{line-height:3;}
.indexf6 .col-md-2 img{ height:60px;}
/*indexf6-end*/
/*footer-start*/
.footer{text-align:center; padding:30px 0 60px 0; }
.footer h1{line-height:3;}
.footer .col-md-2 {height:60px; line-height:60px; text-align:center; font-size:14px;}
/*footer-end*/
/*----yidrp--*/
/*drp header-start*/
.drp-header{height:98px; padding:20px 0; position:fixed; z-index:1000; width:100%; }
.drp-header .logo{display:none;}
.drp-header .yidrp-logo{display:none;}
.drp-header .logo2 img{ height:55px;}
.drp-header .yidrp-logo2{ height:55px; line-height:55px; padding-left:15px;}
.drp-header .yidrp-logo2 img{ height: 45px; margin-top: 8px;}
.drp-header a{color:#fff;}
.drp-header a:hover{color:#e00;}
.drp-header .manu li{ line-height: 2; display: inline-block; float: left; font-size: 16px; margin-left: 30px; text-align: center; margin-top: 20px;}
.drp-header .manu .active {color:#fff; border-bottom: 3px solid #fff;}
.drp-header .manu-sign{ background: #27ae60;
border-radius: 3px;
color: #fff;
line-height: 1.5!important;
margin-top: 23px!important;
padding: 2px 15px;
}
.drp-header .manu-sign:hover{background:#c00;}
.drp-header .manu-sign a,.drp-header .manu-sign a:visited{ color:#fff;}
.drp-header.manu-sign a:hover{ color:#eee;}
.drp-header .manu-demo{ background:#e00; margin-left:10px!important;}
.drp-header-fix a{color:#2c3a46;}
.drp-header-fix a:hover{color:#e00;}
.drp-header-fix .logo2{display:none;}
.drp-header-fix .yidrp-logo2{display:none;}
.drp-header-fix .logo{display:block; margin:0; padding:0; transform: translate3d(0px, 0%, 0px);transition: all 1000ms ease;}
.drp-header-fix .logo img{ height:45px; }
.drp-header-fix .yidrp-logo{ height:35px;padding-left:15px; display:block; margin-top:3px; transform: translate3d(0px, 0%, 0px);transition: all 1000ms ease;}
.drp-header-fix .yidrp-logo img{ height: 40px; }
.drp-header-fix{ background:#fff; box-shadow: 0 1px 3px #eee; transform: translate3d(0px, 0%, 0px);transition: all 1000ms ease; height:80px;}
.drp-header-fix .manu li{ line-height: 1; margin-top:8px; display: inline-block; float: left; font-size: 16px; margin-left: 30px; text-align: center; }
.drp-header-fix .manu .active {color:#e00; }
.drp-header-fix .manu-sign{ background: #27ae60;
border-radius: 3px;
color: #fff;
line-height: 1!important;
margin-top: 3px!important;
padding: 5px 15px;
}
.drp-header-fix .manu-sign:hover{background:#c00;}
.drp-header-fix .manu-sign a,.drp-header .manu-sign a:visited{ color:#fff;}
.drp-header-fix .manu-sign a:hover{ color:#eee;}
.drp-header-fix .manu-demo{ background:#e00; margin-left:10px!important;}
/*drp header-end*/
.yidrp-page1 { background-color: #254876; background:url(../images/yidrp-bg.jpg) no-repeat; background-size:cover;}
.yidrp-page2 { background-color: #fff; background:url(../images/desktop.jpg); background-size:cover; }
.yidrp-page3 { background-color: #f5f5f5; background:url(https://res.wx.qq.com/mmocbiz/zh_CN/tmt/home/dist/img/mod-index/hero-5_ae820fab.png); background-size:cover;}
.yidrp-page4 { background-color: #f90;}
.page{ text-align:center;}
.yidrp-page1 .page-pics{text-align:center; position:absolute; bottom:0; width:1200px; height:65%; margin:0 auto;}
.yidrp-page1 .page-pics img{ height:100%;}
.page1-title,.page2-title,.page3-title{ margin-top:12%; line-height:2;}
.page1-title{color:#fff;}
.yidrp-page2 .indexf2{ background:none; border:none; margin-top:50px;}
.yidrp-page2 .indexf2 span{ color:#333; line-height:1.5;}
.page-info{ padding:10px 118px; width:1200px; font-size:18px; margin:10px auto 20px auto; line-height:2;}
.page6-solution{ padding-top:10px;}
.yidrp-footer{ padding-top:100px;}
.drp-pricepage1{ background:url(../images/price-bg.jpg); background-size:cover; height:450px; position:relative; }
.drp-pricecon{ position:absolute; top:200px; height:300px; margin:auto; width:100%;}
.drp-pricecon .row{ margin:0 auto; }
.drp-priceli{ background:#fff; text-align:center; height:300px; border-radius:5px; margin-top:25px; border-bottom:3px solid #eee; border-right:2px solid #eee; padding:30px;}
.drp-pricepage2{ background:#ddd; height:600px; background:#f5f5f5;}
.drp-priceHot{ height:350px; margin-top:0; background:#f2f2f2}
.drp-priceli .price{ padding:10px 0; line-height:2; border-bottom:1px dashed #eee; margin:0 20px; padding-bottom:20px;}
.drp-priceli .price span,.drp-priceli .price b{ font-size:24px; margin-right:5px; }
.drp-priceli .price b{color:#ffc731;}
/*porducts-index*/
.products-page{ text-align:center; padding:30px 0; line-height:2;}
.products-page h1,.products-page h3{ line-height:2; font-weight:normal}
.products-page h3{ font-size:18px;}
.products-f1-slider{ position:relative; height:580px;}
.products-f1-slider .page-pics{ position:absolute; left:0; top:0;}
.products-f2{ background:#fff;}
.products-ul{ padding:0; background:#fff; border-bottom: 1px solid #efefef; text-align:center;}
.products-ul ul li{ display:inline-block; font-size:16px; margin:0 20px;}
.products-ul ul li.active{ border-bottom:2px solid #e00; padding:15px 0; color:#e00; }
.products-ul ul li.active a{ color:#e00; }