body {font-family: "微软雅黑",arial;font-size:14px;color: #3a3a3a;margin:0;padding: 0;background-color:#fcfcfc;}
ol {list-style: none;margin: 0;padding: 0;}
.bigbigbox {padding: 0;}
a {color: #3a3a3a;}
/*导航*/
.firstnav {background-color:rgba(251,251,251,0.4);box-shadow: 0px 2px 4px #dadada;position:fixed;padding:0;z-index: 10;top: 0;left: 0;z-index: 11;}
.firstnav .container {padding: 0;}
@media (max-width:750px ) {
.firstnav .container {padding: 15px;}
.firstnav {position: relative;background-color: #fbfbfb}
.firstnav .dhwz{position:fixed;top:0;height:50px;font-size: 18px;color:#fff;font-weight:bold;line-height:50px;background-color:#3AABD7;padding-left:15px;left: 0;z-index: 6;box-shadow: 0px 1px 2px #333333;}
.firstnav .dhanniu {position: fixed;right: 15px;z-index: 12;margin-top: -5px;}
}
.firstnav .container * {padding: 0;}
.firstnav .logobox img {width: 100%;padding: 15px;}
@media (max-width:750px ) {
.firstnav .logobox {margin-top: 50px;z-index: 4;}	
}
.firstnav .daohang li {line-height: 70px;text-align: center;font-size: 16px;}
.firstnav .daohang li:hover {transition:background-color 0.8s,color 0.4s;  background-color:#3aabd7;color: #fff;cursor: pointer;}
.firstnav .daohang .active {background-color:#3aabd7;color: #fff;}

/*提供服务的选项*/
.firstnav .daohang .fuwubox {position: absolute;;width: 270px;height: 90px;background-color:#d5d5d5;margin-left:-90px;padding-top: 2px;display: none;z-index: 5;}
.firstnav .daohang .fuwubox div {padding: 1px;}
.firstnav .daohang .fuwubox div .tb {background-color:#999999;position:relative;}
.firstnav .daohang .fuwubox div .tb span {font-size: 14px;color: #fff;line-height: 22px;}
.firstnav .daohang .fuwubox div .tb img {max-height: 60px;max-width:60px;}
.firstnav .daohang .fuwubox div:hover{background-color:#c7c7c7;}

/*小屏幕导航*/
.firstnav  .navbtn {height: 30px;width: 40px;font-size: 18px;color: #3aabd7;border:1px solid #1B6D85;background-color:#fff;outline: none;}
@media (min-width:750px ) {
.firstnav  .navbtn {margin-top: 15px;}	
}
.firstnav .xiaodaohang {position:fixed;top:50px;left: 0;border-radius: 4px;display: none;z-index: 5;}
.firstnav .xiaodaohang dd {line-height: 40px;background-color:#3aabd7;left:0;color: #fff;font-size: 14px;padding-left: 35px;border-bottom: 1px solid #fff;}
.firstnav .xiaodaohang dd:hover {background-color: #147398;}
.firstnav .xiaodaohang .active {background-color: #147398;}

/*banner*/
.bannerbox {padding:0;z-index: 1;}
.carousel-control.left {z-index:11;background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 0%);}
.carousel-control.right{z-index:11;background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 0%);}
.carousel-indicators li {width: 20px;height: 20px;border:1px solid #b9b9b9}
.carousel-indicators .active  {width: 20px;height: 20px;background-color:#b9b9b9;}

/*关于我们*/
.aboutus {padding: 0;margin-top: 20px;}
.aboutus .container {padding:0px;padding-left: 30px;padding-right: 30px;}
@media (max-width:750px ) {
.aboutus .container {padding: 15px;}
}
.aboutus_description {font-size: 14px ;color:#3a3a3a;margin-top: 20px;padding: 0;}

/*三个点*/
.threepoint {padding: 0;margin-top: 40px;}
@media (max-width:750px) {
.threepoint {margin-top: 10px;}
}
.threepoint .container {padding:0;}
@media (max-width:750px ) {
.threepoint .container {padding:15px;}
}
.threepoint .pointbox {padding:40px; position: relative;}
.threepoint .pointbox div {background-color:#3aabd7;padding: 0;}
.threepoint .pointbox div .wenzi {color: #fff;font-size: 28px;font-weight: bold;margin-top: 10px;}
.threepoint .pointbox .pont_1 {position: relative;overflow: hidden;}
.threepoint .Explanation {border-radius: 0;padding-bottom: 10px; position: absolute;top:0}
.threepoint .Explanation h1{font-size: 28px;color: #FFFFff;margin-top: 10px;}
.threepoint .Explanation p {font-size: 16px;color: #fff;}
@media (max-width:750px ) {
.threepoint .pointbox {padding: 20px;}
.threepoint .Explanation p {font-size:14px}	
}
@media (max-width:330px ) {
.threepoint .Explanation p {font-size:12px}	
}


/*微营销*/
.Marketing {margin-top: 40px;padding: 0;background-image: url(../img/wyxbg.jpg);padding-top: 30px; background-repeat: no-repeat;background-size: cover;position: relative;}
@media (max-width:750 ) {
.Marketing {padding-top:15px;background-image:none;background-color:#3aabd7;}
}
.Marketing .container {padding:0;position:relative;}
.Marketing .linebox {border-bottom: 8px solid #fff;border-radius:2px;}
.wyxfont {font-size: 60px;color: #fff;}
.hzalfont {font-size: 22px;color: #fff;padding-top:4%;}

@media (max-width:750px ) {
.wyxfont {text-align: center;font-size: 22px;}
.hzalfont {font-size: 18px;text-align: center;}
.Marketing .linebox {border-bottom: 2px solid #fff;}
}

/*线上线下*/
.Marketing .xianshangxianxia {display: none;}
.Marketing .xianshangxianxia .xianshang {background-color:#2d90b6;margin-top: 20px;min-height: 240px;border-radius: 4px;}
.Marketing .xianshangxianxia .xianshang h1 {font-size: 22px ;color:#fff;}
.Marketing .xianshangxianxia .xianshang p {font-size: 18px;color: #fff;}
.Marketing .xianshangxianxia .jia {min-height: 240px; margin-top: 20px;position: relative;}
.Marketing .xianshangxianxia .jia img {top: 50%;position: absolute;margin-top: -40px;}

.Marketing .xianshangxianxia .xianxia {background-color:#2d90b6;margin-top: 20px;min-height: 240px;border-radius: 4px;}
.Marketing .xianshangxianxia .xianxia h1 {font-size: 22px ;color:#fff;}
.Marketing .xianshangxianxia .xianxia p {font-size: 18px;color: #fff;}

@media (max-width:750px ) {
.Marketing .xianshangxianxia .xianshang {margin-bottom: 10px;}
.Marketing .xianshangxianxia .jia {min-height: 48px;margin-top: 0;}
.Marketing .xianshangxianxia .jia img {left: 50%;margin-left: -40px;top: 0;margin-top: 0;}
.Marketing .xianshangxianxia .xianxia {margin-top: 10px;}
}

/*图标*/
.Marketing .tubiao {padding-top: 20px; display: none;}
.Marketing .tubiao .iconline1 li span,.Marketing .tubiao .iconline2 li span{font-size: 22px;color: #fff;margin-top:8px;}
.Marketing .tubiao .iconline2 {margin-top: 20px;}

@media (max-width:750px ) {
.Marketing .tubiao {padding:20px 0 20px 0;}
.Marketing .tubiao .iconline1,.Marketing .tubiao .iconline2 {padding: 0;}
.Marketing .tubiao .iconline1 li span,.Marketing .tubiao .iconline2 li span{font-size: 16px;padding: 0;}

}

/*手机*/
.Marketing .phone {width:363px;height:732px;background-image: url(../img/phone.png);position:absolute;top:50%;left: 50%;margin-top: -250px;margin-left: 300px;display: none;}
.Marketing .phone .pm {width:313px;height:534px;background-color:#fff;position:absolute; top:109px;left:24px;z-index: 3;padding: 0;}
.Marketing .phone .pm *{padding: 0;z-index: 5;}

/*微官网*/
.weweb {background-image: url(../img/wgwbg.jpg);padding-top: 30px; background-repeat: no-repeat;background-size: cover;position: relative;z-index: 6;}
.weweb .container {padding:0;position:relative;}
.weweb .linebox {border-bottom: 8px solid #fff;border-radius:2px;}

@media (max-width:750px ) {
.weweb .linebox {border-bottom: 2px solid #fff;}
.weweb{background-image: none;background-color: #5aa2f3;padding-bottom: 20px;}
}

/*微官网3个点*/

/*1*/
.weweb .gwpoint {background-color: rgba(255,255,255,0.1);min-height: 150px;margin-top: 25px;padding-left:100px;position: relative;display: none;}
.weweb .biaoti {position: absolute;left: 0;top: 0;font-size: 22px;color: #fff;background-color: rgba(13,111,222,0.6);width: 150px;height: 150px;line-height: 150px;border-radius: 50%;margin-left: -75px;}
@media(max-width:750px) {
.weweb .gwpoint {padding:15px;}	
.weweb .biaoti {font-size: 22px;color: #fff;background-color: rgba(13,111,222,0.6);position: relative;border-radius: 2px;line-height: 40px;height: auto;width:100%;margin: 0;}
}
.weweb .gwpoint p {font-size:18px;color: #fff;padding-top: 20px;}

/*2*/
.weweb .gwpoint3 {display: none;}
.weweb .gwpoint2 {background-color: rgba(255,255,255,0.1);min-height: 134px;margin-top: 50px;position: relative;display: none;}
.weweb .gwpoint2 p {font-size:18px;color: #fff;padding-top: 20px;}
.weweb .gwpoint2 .biaoti2 { position: absolute;right: 0;top: 0;font-size: 22px;color: #fff;background-color: rgba(13,111,222,0.6);width: 134px;height: 134px;border-radius: 50%;line-height: 134px;margin-right:-67px;}
@media (max-width:750px) {
.weweb .gwpoint2 .biaoti2 {position: relative;font-size: 22px;border-radius: 2px;line-height: 40px;height: auto;width:100%;margin: 0;}	
.weweb .gwpoint2 {padding: 15px;}
}

/*电脑平板phone*/
.weweb .pc {background-image: url(../img/ICONPC.png);width: 548px;height: 616px;position: absolute;top: 50%;left: 50%;margin-top: -200px;margin-left:-800px;z-index: 6;background-size: contain;display:none;}
.weweb .pad {background-image: url(../img/ICONPAD.png);width: 294px;height: 237px;background-size: contain;position: absolute;top: 50%;left: 50%;margin-left:-380px;margin-top: 160px;z-index: 7;display:none;}
.weweb .phone {background-image: url(../img/ICONPHONE.png);width: 97px;height: 198px;position: absolute;top: 50%;left: 50%;margin-top:193px;margin-left:-75px;z-index: 8;display: none;}
.weweb .pointgroup {background-image: url(../img/pointgroup.png);width: 77px;height: 251px;position:absolute;top:50%;left:50%;margin-left:-168px;margin-top:-111px;display: none;}

/*微办公*/
.weoffice {background-image: url(../img/wbgbg.jpg);background-repeat: no-repeat;background-size: cover;padding-top: 40px;position: relative;}
.weoffice .container {padding:0;position:relative;}
.weoffice .linebox {border-bottom: 8px solid #fff;border-radius:2px;}
@media (max-width:750px ) {
.weoffice .linebox {border-bottom: 2px solid #fff;}
.weoffice {background-image: none;background-color: #19bbd8;padding-bottom:30px;}
}

/*微办公点*/
.weoffice .list {margin-top: 30px;padding: 0;display: none;}
.weoffice .offficepoint {background-color: #0ea7c3;min-height: 105px;border-radius: 4px;}
.weoffice .offficepoint h1 {font-size: 22px;color:#fff;}
.weoffice .offficepoint p {font-size: 18px;color: #fff;}

/*微办公手机屏幕*/
.weoffice .phone2 {background-image: url(../img/phone2.png);width: 354px;height: 642px;position: absolute;top: 50%;left:50%;margin-top:-243px;margin-left:300px;display: none;}
.weoffice .phone2 .bigpm {position:absolute;top:0;left:0;margin-top: 107px;margin-left:24px;padding: 0;}

/*合作*/
.Cooperation {background-image: url(../img/hzbj.jpg);background-repeat:repeat-x;padding-top: 40px;padding-bottom: 60px;}
@media (max-width:750px) {
.Cooperation {background-image: none;background-color:#f5f5f5;padding-bottom: 30px;}		
}
.Cooperation .container *{padding: 0;}
.Cooperation .biaoti * {padding: 0;}
.Cooperation .biaoti .bigbiaoti  {font-size: 32px;color:#5a5a5b;position:relative;}
.Cooperation .biaoti .bigbiaoti  .line1 {width:275px;height: 2px; position:absolute;top:108%;left:50%; background-image:url(../img/hzhbline.png);margin-left: -148px;}
.Cooperation .biaoti .bigbiaotishuoming {font-size: 18px;color: #626466;padding-top:8px;}
@media (max-width:750px) {
.Cooperation .biaoti .bigbiaoti {font-size: 22px;}	
}
.Cooperation .partner {margin-top:40px;padding: 2px;}
@media(max-width:750px) {
.Cooperation .partner {margin-top: 20px;}
}
.Cooperation .partner li {padding: 0px;border: 1px solid #d1caca;}
.Cooperation .partner li img {width: 100%;max-height: 188px;}

/*联系我们*/
.contactus {background-color: #3e85f1;min-height: 445px;padding: 0;}
.contactus .container *{padding: 0;}
.contactus .srdz {margin-top: 20px;}
.contactus .srdzform {background-color:#659ff8;padding-top: 20px; padding-bottom:35px;}
.contactus .lxwm {font-size: 36px;color: #fff;padding-left: 15px;}
.contactus .lxwmsm {font-size: 22px;color:#fff;padding-left: 15px;}
@media (max-width:750px ) {
.contactus .srdzform {padding-top: 0px ;margin-top: 20px;padding-bottom:20px;}
.contactus .lxwm {font-size:22px;}
.contactus .lxwmsm {font-size: 18px;}
.contactus .srdz img {width: 100%;}	
}
/*左边表单*/
.contactus .shurubox {margin-top: 30px; padding-left: 10px;padding-right: 10px;}
.contactus .shuruleft {padding:0px 20px 0px 20px; background-color:#fff;border: 1px solid #dbe4f4;border-right: none;color: #3e85f1;}
.contactus .shururight {background-color: #fff;border: 1px solid #dbe4f4;border-left: none;padding: 0px 10px 0px 10px;}

/*右边表单*/
.contactus .beizhu {margin-top: 20px;padding: 0px 10px 0 10px;}
.contactus .beizhu label {font-size: 18px;color:#fff;font-weight: normal;line-height: 28px;}
.contactus .beizhu textarea {padding: 10px;}
.contactus .yzmbox {background-color: #fff;border: none;outline: none;height:28px;}

.contactus .fomfoot {margin-top: 20px;}
.contactus .fomfoot .tijiao {background-image: url(../img/btnbg.png);background-repeat: repeat-x;border: none;height: 32px;} 
.contactus .fomfoot .qingchu {background-image:url(../img/btnbg.png);background-repeat: repeat-x;border: none;height: 32px;}

/*底部*/
.bottomfoot {margin-top:30px;background-color: #636262;padding: 0;padding-bottom: 20px;}  
.bottomfoot .container *{padding: 0;}
.bottomfoot li {padding: 0;}
.bottomfoot .leftbox {margin-top: 40px}
.bottomfoot .leftbox .frindlink {font-size:22px;color:#fff;}
.bottomfoot .leftbox  ol {margin-top: 10px;}
.bottomfoot .leftbox  li {color:#fff}
/*右边*/
.bottomfoot .rightbox {margin-top: 40px;}
.bottomfoot .rightbox dl dt {font-size: 22px;color: #fff;font-weight: normal;}
.bottomfoot .rightbox dl dd {font-size: 16px;color: #fff;margin-top: 10px;}
.bottomfoot .rightbox .erweimabox {padding: 10px;background-color:#fff}
.bottomfoot .lastbox {font-size: 12px;color: #fff;}

/*动画效果*/
.linebox {display: none;}

/*技术板块*/
.topfixbanner {padding:0;}
@media(max-width:750px) {
.topfixbanner{margin-top: 0px;}
.technology .container {padding: 0px;}
}
.technology .towanniu {padding-left: 30px;margin-top: 16px;}
@media(max-width:750px) {
	.technology .towanniu  {padding-left: 0px;}
}
.technology .towanniu li {width: 120px;line-height: 40px;float:left;}
.technology .towanniu li .btn {border-radius: 0px;background-color: #fff;border:1px solid #e6e6e6;color: #666666;outline: none;}
.technology .towanniu li .active {background-image: url(../img/jszcbtn.jpg);color: #fff;border-top: 1px solid #4b5053;}

/*左边*/
.technology .newslist {margin-top: 60px;}
.technology .newslist .leftbox {border:1px solid #dcdcdc;padding: 15px;min-height: 860px;}


@media (max-width:750px ) {
.technology .newslist .leftbox {min-height: 0px;padding-top:0;padding-bottom: 0;}
}
.technology .newslist .leftbox dl {padding: 0;}
.technology .newslist .leftbox dl dd {line-height: 40px;border-bottom: 1px solid #ededed;}
.technology .newslist .leftbox dl dd:hover{transition: background-color 0.8s;background-color: #E9E9E9;cursor: pointer;}


.technology .newslist  .active {background-color: #e9e9e9;}

/*右边*/
.technology .newslist .rightbox {border: 1px solid #dcdcdc ;min-height: 860px;padding-left: 30px;padding-right: 30px;}

.technology .newslist .rightbox h1 {font-size: 22px ;color:#3a3a3a;line-height: 70px;}
.technology .newslist .rightbox p {font-size: 16px;color: #666666;line-height: 26px;}

@media (max-width:750px ) {
.technology .newslist .rightbox {padding: 15px;padding-top: 0;min-height:0}
.technology .newslist .rightbox h1 {line-height: 40px;}
}


/*qq和电话*/
.qqandphone {position: fixed;top:200px;right:0px;z-index: 15;}
@media(max-width:750px ) {
.qqandphone {display: none;}	
}
.qqandphone .tubiao {height: 60px;width: 60px;background-color:#5ac6f3;position: relative;cursor: pointer;border-radius: 4px 0px 0px 4px;}
.qqandphone .qqicon {width: 38px;height: 38px;background-image: url(../img/qqicon.png);position: absolute;left: 50%;top: 50%;margin-left: -18px;margin-top: -18px;}
.qqandphone .tubiao .rightbox {position: absolute;top:0;right:-180px;width: 180px;height: 60px;background-color:#e7f2f7;font-size: 18px;font-weight: bold;color:#787878;line-height: 60px;border: 1px solid #5AC6F3 }
.qqandphone .dinahuaicon {width: 38px;height: 38px;background-image:url(../img/phoneicon.png);position: absolute;left: 50%;top: 50%;margin-left: -18px;margin-top: -18px;}
