.header{overflow: auto;padding-top: 18px;    padding-bottom: 10px;}
body>img{width: 100%;}
.logo a:first-child{margin-right: 11px;}
.logo img{    vertical-align: middle;}
.nav{margin-left: 4%}
.nav .menu{    position: absolute; top: 64px;}
.menu li{float:left;padding-right:22px;}
.menu a{    padding: 0 4px;    line-height: 26px;}
.menu li:hover > a{    border-bottom: 2px solid #337ab7;}
.column li{float:none;}
.shadow{height: 30px;float: right;padding-left: 22px;}
.shadow a{line-height: 30px;}
.shadow a img{margin-right: 5px;}
.search{float:right; margin-top: -13px;}
.searchBox input{    font-family: -webkit-pictograph;    line-height: normal;}
#searched_content{border: 1px solid #e4e4e4;padding: 6px 11px;margin-right: -4px;}
.button{background-color: #2fa1d2;color: #fff;padding: 7px 30px;}
.dropdown{position:absolute;background: #fafafa;padding-bottom: 55px;display:none;width:1200px;margin: 0 auto;border-radius:8px;z-index:200;margin-top: 10px;-webkit-box-shadow: 4px 8px 8px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 8px 8px 0px rgba(0,0,0,0.2);
box-shadow: 4px 8px 8px 0px rgba(0,0,0,0.2);}
.dropdown .column{float:left;position: relative;width: 24%;min-height:200px;border-right: 1px dotted #c8c8c8;}
.dropdown .column:last-child{border: none;}
#prod_dropdown .column{width:24.93%}
.model{margin-top:22px;margin-left: 55px;min-height: 170px;}
.model h3{font-size: 16px;color: #2fa1d2; line-height: 33px;padding-bottom: 5px;}
.model li, .model li a{line-height: 22px;;color: #999999;}
.model li, .model li a:hover{    color: #50aee1;}
#tech_dropdown .model{margin-left: 22px;}
.searchBox{clear: both;text-align: right;    overflow: auto;}
.menu li:focus{border-bottom: 2px solid #2fa1d2;}
.location{background-color: #f3f3f3;    padding: 11px 0;}
.location span{display: inline-block; vertical-align: bottom;    padding-bottom: 6px;}
.lcinfo{color: #50aee1;}
.content{margin-top: -4px;}

.menu em{background-image: url('../image/freetry.png');    background-repeat: no-repeat;background-size: 64px 28px; position: absolute; right: -20px; top: -26px; width: 64px; height: 28px;}
.menu li:hover #about_dropdown{left: auto;}
#about_dropdown{width: auto;padding: 22px;left: -999em; display: block;margin-top: 0;}
#about_dropdown li{float: none;line-height: 2;}
.menu li:hover #about_dropdown li:hover a{    border: none}

.service{padding-bottom: 132px;padding-top: 74px;}
.service h3{text-align:center;font-size:48px;line-height:78px;color:#878787}
.service .col-sm-4{margin-bottom:14px}
.service .col-sm-4 img,.newsItem img{width:100%}
.newsItem img{width:162px;height: 91px;}
.popular{background:url(../image/pop.png) no-repeat;}
.popular .container{padding-top:74px;}
.popular h3{text-align:center;font-size:48px;line-height:78px;color:#fff}
.pop img{width:100%;height: 240px;vertical-align: bottom;}
.popular .col-sm-3{margin-top: 30px;}

.popular .pop{padding: 12px 0 59px 0}
.popular .pop .item{height:76px;background-color:#fff;}
.popular .pop .item p{line-height:76px;text-align:center;font-size:14px;}

.company{padding:74px 0 51px 0;margin: 0 auto;overflow: hidden;}
.company h3{text-align:center;font-size:48px;line-height:78px;color:#878787}
.company .leftMode{width:68%}
.company .leftMode .firstPart, .company .leftMode .secondPart{width:87%;}
.company .rightMode{width:32%}
.company .title{width:100%;line-height:34px;margin-bottom: 22px;}
.company .content{text-align: left;}
.rtMore{float: right;font-size: 12px;color: #515151;text-align: right;border-bottom: 2px solid #2fa1d2;}
.topPart p{font-family: SimSun,Arial;line-height: 22px;color: #999999;padding-top: 11px;}
.bottomPart img{float: right;padding-top: 11px;}
.bottomPart p{font-family: SimSun,Arial;line-height: 24px;color: #999999;}
.ltTitle{font-size:24px;color: #333333;float:left;border-bottom: 2px solid #666666;}
 .rtMore{width: 71%;}
 .ltTitle{width: 29%;}

.newsItem{clear:both;}
.newsItem .article{line-height:33px;}
.newsItem .article span{float: right;    color: #cccccc;}
.newsItem .content{color: #999999;    font-family: NSimSun,Arial;}
.newsItem p{padding-left:18px;overflow:hidden}

.firstPart{margin-bottom: 27px;}
.secondPart{    clear: both;}
.secondPart ul p{display:inline-block;width:80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 24px;color: #666666;}
.secondPart ul span{float:right;color: #cccccc;}
.topPart{min-height:319px; margin-bottom: 27px;    height: auto !important;}
.friends{background:url(../image/friends.png) no-repeat;    padding-bottom: 10rem;}
.friends .container{padding-top:74px;}
.friends h3{text-align:center;font-size:48px;line-height:78px;color:#fff}
.footer{padding:65px 0 40px;background-color:#2f3436;color:#a3a3a3;overflow: hidden;margin-top: 33px;    text-align: left;}
.footer .flat{float:left;width:33.3%;}
.footer .inline{text-align: center;}
.footer .inline p{display:inline;}
.footer .inline p span{padding-left: 12px;padding-right: 7px;}

.freeproducts {position: absolute; display: none; width: 620px; height: 420px; border: 1px solid #ccc; background: #fff; text-align: center; z-index: 22225;border-radius: 4px;}
.freeproducts .title{color: #2fa1d2;    display: inline-block; font-size: 36px; padding-top: 40px}
.freeproducts  em {background-image: url('../image/close.png');    background-repeat: no-repeat;background-size: 48px 48px; height: 48px; width: 48px; position:absolute;cursor:pointer;z-index: 22222;top: 30px;right: 26px;}
.freeproducts ul li{font-size: 15px; line-height: 46px; border: 1px solid #dbdbdb;    height: 46px;width: 61%; margin: 15px auto;}
   

     
     
 #ads{height: 250px; width: 200px; position:absolute;cursor:pointer;z-index: 22222;}
#ads em{background-image: url('../image/close.png');    background-repeat: no-repeat;background-size: 24px 24px; height: 24px; width: 24px; position:absolute;cursor:pointer;z-index: 22222;right: 0;}  
#ads .at_pic{display: inline-block; float: left;}
#share .backToTop {
	width: 50px;
	height: 50px;
	background: url(../image/top.png) no-repeat 100% 100%;
	text-indent: -999em;
	display: none;
	background-position: 50%;
	background-color: #fff;
}
#share .backToTop:hover {
	background: url(../image/top_e.png) no-repeat 100% 100%;
	background-position: 50%;
	background-color: #ff0030 !important;
	opacity: 1 !important;
	;
}
.bdsharebuttonbox {
	position: fixed;
	right: 10px;
	bottom: 15.5%;
}
.bdsharebuttonbox a {
	clear: both;
}
.bdshare-button-style1-32 .share {
	background-image: url(../image/share.png);
	_background-image: url(../image/share.png);
}
.bdshare-button-style1-32 .share:hover {
	background-image: url(../image/share_e.png);
	_background-image: url(../image/share_e.png);
	background-repeat: no-repeat;
	background-color: #ff0030 !important;
	opacity: 1;
}
.bdshare-button-style1-32 .bds_tsina {
	background-image: url(../image/weibo.png);
	_background-image: url(../image/weibo.png);
	background-position: 50%;
}
.bdshare-button-style1-32 .bds_weixin {
	background-image: url(../image/wechat.png);
	_background-image: url(../image/wechat.png);
	background-position: 50%;
}
#show a {
	margin: 0;
	height: 50px;
	width: 50px;
	text-align: center;
	background-position: 50%;
	border: 1px solid #e4e4e4;
	background-color: #fff;
}
#demo a {
	margin: 0;
	height: 50px;
	width: 126px;
	text-align: center;
	background-position: 50%;
	border: 1px solid #e4e4e4;
	background-color: #fff;
}
#demo {
	    visibility: hidden;
}

.art_content{
	padding-top: 11px;
}
.video{padding-bottom:55px;margin: 0 auto;display: none;}
.video .title{font-size: 24px;float: left; width: 29%;border-bottom: 2px solid #666666;margin-bottom:22px;line-height: 34px;}
.video .line{float:right;width: 71%;height:36px;border-bottom: 2px solid #2fa1d2;}
.video .item{width: 24%; float: left;margin-left: 1.3%}
.video .item:first-child{margin: 0;}
.video .item img{height:240px;}
.active{color: #2fa1d2;}


.cw{max-width:1200px;margin: 0 auto;}
.art_title{border-bottom: 1px dotted #c8c8c8;margin-bottom: 33px; }
.lw .art_title>span{font-size: 32px;font-weight: bold;color: #2fa1d2;line-height:44.7px;padding-bottom: 11px;display: block;}
.art_info{font-size: 16px;padding: 33px 0;color:#969696;}
.art_content{font-size: 18px;color:#7d7d7d;line-height: 32px;}
.art_content h3{padding: 33px 0;color: #2fa1d2;}
.art_content img{display: block; margin: auto;}
.art_content h4{padding:11px 0;}
.lw{width:70%;padding: 68px 0;float:left}
.rmenu{float:left;padding-top:11px;padding-left: 5%;}
.rmenu h3{font-size:33px;line-height:66px;font-weight:bold;color:#6b6b6b;}
.tech_item{font-size:18px;border: 1px solid #d2d2d2;color:#8e8e8e;margin-top:6px;}
.tech_item a{display: block; padding:11px 0 11px 11px;}
.tech_item a:hover{color: #fff;}
.tech_item img{float:left;padding-right: 11px;min-height:46px;max-width:43px;}
/*.tech_item i{font-size:16px;}*/
.hover{background: #2fa1d2; color: #fff;}

.pageM{padding-top: 11px; float: right;}
.carousel-control.left, .carousel-control.right{background-image: none;}

#linkCon a:last-child{color: #50aee1;cursor: default;}
#bdshare_weixin_qrcode_dialog{    width: 250px !important;     height: 300px !important;}

.question{position: fixed; right: 10px; top: 30%;}	
.qq{height: 50px; width: 50px; background:url(../image/QQ.png) 100% 100% no-repeat;    display: block; }
.tointeractive{height: 50px; width: 50px; background:url(../image/interactive.png) 100% 100% no-repeat; display: block; }
.qqlist p{    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #fc9244;
    color: #fff;}
.qqlist a    {display: block; padding: 0 10px;height: 50px; line-height: 50px;    background: #f5f5f5;
    color: #7c7c7c;}
.qqlist a em{background:url(../image/tencent.png) 100% 100% no-repeat; display: inline-block;height: 10px; width: 10px;margin-right: 5px;}
.rightArrow{background:url(../image/hide.png) 100% 100% no-repeat; display: block;height: 50px; width: 29px; float: left;    cursor: pointer;}
.show{    float: left;}
.qq1{border-bottom: 1px solid #f0f0f0;}

.freeTag{
               display: block;
    position: absolute;
    width: 80%;
    height: 2.2em;
    background-color: #ff9422;
    color: #ffffff;
    line-height: 2.2em;
    text-align: center;
    float: right;
    transform: translate(34%, 60%) rotate(45deg);
    right: 0;
    font-size: 18px;
    font-style: normal;
        }
       
#ads .at_pic img{width: 85%}

@media screen and (max-width: 540px){
.header, .web{display: none  !important;}
      .mobile{display: block !important;}
         header{display: block !important;width:100%;    background: #fff;height: 6rem;}
    .navigation ul{display: none}
  .nav-trigger{    
    display: block;
    position: absolute;
    top: 5px;
    right: 0;}
  
  .nav-trigger img{
     width: 55px;
    }
  .nav-trigger span {    display: block;}
  .in{display: block !important;}
     .box{height: 1500px;}
  .navigation{    position: fixed;
    top: 4.5em;
    z-index: 10021;
    width: 100%;
    background-color: #fff;
    padding-left: 1em;}
  header{    
       position: absolute;
    z-index: 20031;   
       top: 0;    height: auto;}
  .carousel{top: 6em;}
 
  .navigation ul li{
    padding: .5rem 0;
    }
    .title a span{font-size: 18px;
    margin-right: 1rem;}
header .logo{margin-left: 10px; margin-top: 10px;border: overflow: auto;}
header .logo  img{width: 50px;}
.pop img{height: 100px;  }
.popular .pop .item {
    height: 38px !important;
}
.popular .pop .item p {
    line-height: 38px !important;
}
.service{    margin-top: 6em;padding: 0;}
.service h3, .company h3, .popular h3, .friends h3{font-size:28px;line-height:48px;    padding-top: 11px;}

.popular .container, .company, .friends .container{
	padding: 0;
}
.newsItem .content{
width: 100%;
    padding-left: 0;
}

.footer .fl{
display: none;
}
.friends{     margin-top: 22px;   padding-bottom: 3rem;}
.freeproducts{width: 240px; height: auto;
    padding-bottom: 10px;
}
.freeproducts .title{font-size: 20px;padding-top: 20px;
    margin: 0;}
.freeproducts em { 
    background-size: 34px 34px;
    height: 34px;
    width: 34px;
    top: 10px;
    right: 10px;
}
.friends .carousel-inner ul li{height: 108px}

.service .row, .popular .pop{
padding-left: 15px;
padding-right: 15px;}
.newsItem img{height: auto;}
.btn-hamburger img{width: 30px !important;}
 .ltTitle{width: auto;}
.rtMore {
    width: -moz-calc(100% - 96px);
    width: -webkit-calc(100% - 96px);
    width: calc(100% - 96px);
}
#rmenu{
display: none;
}
.cw, .cwl, .lw{width: 100% !important;}
.lw{    margin-left: 10px;    }
.cw{padding-top: 20px !important;}
.art_title{margin-bottom: 0;}
.panel >.content{    top: 4rem; position: relative;}
.dialog .title{font-size: 26px !important;}
.dialog .content{padding-bottom: 20px !important;}
}