/*gongneng.css*/
@charset "utf-8";
.clearFix:after{content: ''; display: block; clear: both;}
/* CSS Document */
.banner .zhutu{width:100%;height:auto;left:0px;top:114px; text-align:center;}
.content{ width:1000px; margin:0 auto; margin-top:60px; margin-bottom:60px;}
.content .contLt{ width:500px; float:left;}
.content .contRt{ float:right; width:740px; text-align:center;}
.content .contRt .chaxun{ font-size:24px; border-bottom:1px solid #e3e3e3; padding-bottom:15px; margin-bottom:20px;}
.content .contRt .ziduan{ font-size:14px; padding-top:5px;}
.marketing{ border-bottom: 0;}
.margin_title{ margin: 40px auto 20px;}
/*********contLt**************/
.v{float:right;width:19px;height:33px;overflow:hidden;background:url(../images/jiantou_10.png) no-repeat;display:inline-block;}
.v01{background-position:0 20px;}
.v02{background-position:0 -13px;}
.vtitle{height:50px;background:#d5d5d5;line-height:50px;padding-left:20px;font-size:20px;color:#000;font-family:"微软雅黑";cursor:pointer; margin-bottom:2px;}
.vtitle em{margin:0px 10px 0 0;}
.clearfix li{ float:left; width:118px; height:40px; text-align:center; margin-bottom:2px; margin-left:1px; margin-right:1px;}
.vconlist li div{height:100%;line-height:40px;display:block;font-size:14px;color:#1b1b1b;font-family:"微软雅黑"; background:#ebebeb;cursor: pointer;}
.vconlist li.select div,.vconlist li :hover{color:#fff;text-decoration:none; background:#3caf59;}
.textBox2 p{font-size:16px;}
.guanyu{font-size:32px;color:#333;text-align:center;}

/*** 功能体验区 ***/
.superiority_titile b, .superiority_titile i{ display:inline-block; width:100px; height:2px; margin:0 40px; background: #646464; vertical-align:middle; position:relative;}
.superiority_titile b:before, .superiority_titile i:before{ content:''; display:block; width:6px; height:6px; background:#666; border-radius:50%; position:absolute; top:-2px;}
.superiority_titile b:before{ right:0;}
.superiority_cont{ width:100%; max-width:1200px; margin:20px auto; padding:0 2.5%; box-sizing:border-box;}
.superiority_cont .sup_box{ float:left; width:19%; margin-bottom:50px; margin-left:8%; text-align:center; position:relative; overflow:hidden; cursor:pointer;}
.superiority_cont .sup_box img{ max-width:100%; width:100%; vertical-align:middle; margin-bottom:10px;}
.superiority_cont .sup_box p{ font-size: 18px; color: #555; margin:0;}
.superiority_cont .mask{ opacity:0; width:100%; height:100%; position:absolute; top:-34px; left:0; background:rgba(0,0,0,.5); transition: opacity .7s;}
.superiority_cont .sup_box:hover .mask{ opacity:1;}
.superiority_cont .mask img{ width:70%; vertical-align:middle; position:absolute; top:50%; left:50%; margin-left:-35%; margin-top: -35%;}

/*marketin.css*/
@media screen and (min-width:751px){
	.superiority_cont .sup_box:nth-child(4n-3){ margin-left:0};
}
@media screen and (max-width:750px){
	.superiority_cont .sup_box{ width:45%; margin-left:10%;}
	.superiority_cont .sup_box:nth-child(2n-1){ margin-left:0};
}
@media screen and (max-width:997px){
	.marketing_banner{background-size:cover;height:auto;padding-bottom:40%;}
	.superiority_titile b, .superiority_titile i{ margin:0 25px;}
	.box{width:100%;}
	.box div{width:100%;height:auto;}
	.marketing,.margin_title{padding:0 10px;font-size:1.4em;}
	.margin_smbox{background:none;padding:0 10px;}
	.margin_smbox .margin_box{min-height:70px;}
	.margin_box p{line-height:20px;margin:0;}
	.margin_box1{background-position:left 20px;}
	.margin_box5{background-position:left -262px;}
	.gl{margin:60px 0 0;}
	.gl ul li{width:50%;}
	.margin_al{width:100%;font-size:20px;}
}
@media screen and (max-width:400px){
	.superiority_titile b, .superiority_titile i{ width:80px; margin:0 15px;}
	.margin_box1{background-position:left 27px;}
	.margin_box2{background-position:left -48px;}
	.margin_box3{background-position: left -119px;}
	.margin_box4{background-position: left -190px;}
}
#box-kefu .kefu-open div{font-style:normal;}