body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
a{text-decoration:none;}
table{border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
strong{font-weight:bold;}
ol,ul{list-style:none;margin:0;padding:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;margin:0;padding:0;color:#000;}
q:before,q:after{content:'';}
abbr,acronym{border: 0;}
body{font-family:'\5FAE\8F6F\96C5\9ED1',arial,helvetica;color:#000;}
/*首页*/
.main{margin:0 auto; }
.indexMain{ background: #fff;}
.top{height:70px; position: fixed;top:0;width: 100%;}
header{background-color:rgba(255, 255, 255, .97); box-shadow: 0 2px 4px rgba(0,0,0,.1); height:80px; border-bottom:4px #c00516 solid; position: relative;}
header> .content{margin-top:0;width:1200}
header .logo{cursor: pointer;width:385px; float: left;  }
header .logo>img{width:100%}
header .menu{float:right;font-size:14px;color:#000;line-height: 30px;margin-left: -100px;position: absolute;left: 50%;width: 700px;}
header .menu>li{float:left; min-width: 100px; text-align: center; cursor: pointer; line-height: 76px; position: relative; z-index: 12;}
header .menu>li>a{ color: #000; display:block;width:100%;height:100%;}
header .menu>li .menuInner a{padding-bottom: 0;width:  100%;height:  100%;display:  block;}
header .menu>li.active > a{color: #c00516;font-weight:bold;}
header .menu>li:hover > a{color: #c00516;background: #f7f7f7;}
header .menu .q-newicon>a:hover{color:#c00516}
header .caret{ border:none;display: inline-block;width: 11px;background: url(../images/arrow.png) -59px -137px no-repeat;height: 11px;margin-left: 6px;}
.kaifa{ float: left; margin-left: -10px; line-height: 20px; margin-top: 28px; background: #fff; color: #204280; font-size: 14px; padding: 0 10px;}
.btnGroup{ float: right; margin-top: 20px; }
.btnGroup button{ position: relative;overflow: hidden; transition: .2s all 0s cubic-bezier(0.2,1,.3,1); cursor: pointer; background: none; color:  #fff; border: 1px solid #fff; font-size: 14px; line-height: 28px; margin-right: 10px; padding: 0 10px;}
.btnGroup button span{ position: relative;z-index: 2;}
.btnGroup button.btnBlue{ background: #ff4650; margin-right: 20px;}
.btnGroup button:hover{ border: 1px solid #fff; color: #ff4650;transition:.2s all 0s cubic-bezier(0.2,1,.3,1);}
.btnGroup button:before{ content: ''; position: absolute;top:0;left: 0; width: 150%; height: 100%; z-index: 0;opacity: 0;transform: rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);transform-origin: 0 100%;transition: transform .3s,opacity .3s,background .3s;}
.btnGroup button:hover:before{ background: #fff; opacity: 1;transform: rotate3d(0,0,1,0deg);transition-timing-function: cubic-bezier(0.2,1,.3,1);}
.top2{ z-index:10;height:80px; width: 100%; transition:all .2s ease 0s}
.top2.dark{background-color:rgba(0,0,0,.2)}


.top2.light .menu li.slideMenu:hover a{ border-bottom: 1px solid #fff; color: #000;}
.top2.light .btnGroup button{ border-color: #ff4650;color: #ff4650;}
.top2.light .btnGroup  button.btnBlue{ color: #fff;}
.top2.light .btnGroup button:hover{ color: #fff;}
.top2.light .btnGroup button:hover:before{ background: #ff4650; border-color: #ff4650;}
.top2.light .btnGroup button.btnBlue:hover{ color: #ff4650;}
.top2.light .btnGroup button.btnBlue:hover:before{ background: #fff; border-color: #fff;}
.top2.light .kaifa{ background: #ff4650; color: #fff;}

.top2 .menu{color:#fff;}
/*menuInner*/
.menuInner{display:none;position: absolute;top: 80px;background: #ffffff;padding-top: 10px;padding-bottom: 20px;overflow: hidden;width: auto;box-shadow: 0px 5px 9px 2px #00000044;border: 1px solid #bbb;border-top: 0px;}
.menu>li.slideMenu:hover{ background:#203a65; }
.menuInner li{ float: left; margin-left: 0; line-height: 3em; color:rgba(255,255,255,.66); border: none;}
.menuInner li a{ border: none!important; display: block; color:#000;}
.menuWidth li h5{ color: #fff; font-size: 16px; margin-bottom: 15px; }
.menuWidth{ width: 260px; z-index: 9;}
.menuWidth li:hover{ background: none;}
.menuInner.menuShow{ display: block;}
.menuInner li a:hover{ background: #eee;)}
.menuInner-xl{ width: 120px;z-index: 9;}
.menuInner-xl li{box-sizing: border-box;text-align:center;line-height: 3em;width: 100%;}
.menuWidth li { width: 110px; text-align: left; padding-left: 20px; box-sizing: border-box; line-height: 2em;}
.mainText{width: 50%;  box-sizing: border-box; padding-left: 150px; margin-top: 45px;}
.top2.light .menuInner{ box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1), 0px 10px 12px 0px rgba(170,182,206,0.36); background: #fff;}
.top2.light .menuInner li a{ color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;display: block;}
.top2.light .menuInner li:hover{ background: none; border: none;}
.top2.light .menuWidth li:hover{ background: none;}
.top2.light .menuWidth li h5{ color: #ff4650; font-size: 16px; margin-bottom: 15px; }
.top2.light .menu li.slideMenu li a:hover{ color: #666; opacity: 1;}
.top2.light .menu>li.slideMenu:hover{ background: #fff;}
.banner{height:343px;background:url(../images/banner.jpg) no-repeat center center;/*background-size: 100% 100%; */position: relative;text-align:center; background-color:#edf1fa; }
.banner h2{ background:#c00516;background:rgba(192,5,22,0.7);  font-weight:200;position: absolute;left: 50%; line-height: 50px; padding: 0 20px; color: #fff;font-size: 30px; margin-left: -540px; top:90px}
.banner p{ background:rgba(0,0,0,.3); position: absolute;left: 50%; line-height: 24px; padding:20px; color: #fff;font-size: 14px; margin-left: -540px; top:160px;text-align: left;width: 570px;}
.login{ width:270px; height:309px; background:#f6fcff;position:relative;left:50%;*left:30%; margin-left:286px;top:5%;box-shadow: 3px 3px 10px #ccc; padding-top:24px;box-sizing:border-box;border: 1px #d9dadc solid;}
.login span{ font-size:14px;  line-height:32px; display:block;}
.login span a{ color:#333;}
.login span a:hover{ color:#c00516;}
.login >a{ margin: 14px 0; display: block;}
.di{ width:145px; height:60px; margin-left:auto; margin-right:auto; color:#808080;}
.diinter{line-height:34px; color:#999999; margin-top:-10px;}
.diinter:hover{color:#c00516;}

.content{margin-left:auto;margin-right:auto;margin-top:20px;overflow:hidden;}
.main{ height:930px; float:left;}
.side{height:960px; float:right;}
.dongtai{ width:100%;  border:#dbdbdb 1px solid;box-shadow: 2px 2px 4px #ededed;}
.dongtai ul { display: flex;width: 825px; overflow: hidden;}
.dongtai ul li{ flex: 1;width: 275px; float: left;}
.dongtai ul li h3{background: #f7f7f7;color: #c00516;font-weight: bold;line-height: 48px;text-align: center;font-size: 16px;border-bottom: 1px solid #dbdbdb;}
.dongtai ul li .dongtaiImg{ margin: 0 auto;  margin-bottom: 30px; width: 81px; height: 81px;border: 1px solid #dbdbdb; border-radius: 50%; text-align: center}
.dongtai ul li .dongtaiImg img{ margin-top: 14px;}
.dongtai ul li a{ color: #000; display: block; padding-left: 20px;background:url(../images/ljText.jpg) no-repeat left center; margin-left:90px; margin-top: 22px;}
.dongtai ul li a:hover{color:#c00516;}
.dongtai a:hover h1{ color: #c00516;}
.dongtaiBlock{ border-right: 1px solid #dbdbdb; padding-top: 30px; height: 364px;}
.Relation{ padding: 0 15px; padding-bottom: 20px; overflow: hidden;}
.Relation li{ margin-right: 30px; border: 1px solid #eee; width: 198px; float: left; }
.Relation li a{ display: block;background: #fff ; width: 100%;}
.Relation li a img{width: 100%;}
.Relation li.Relation5{margin-right: 0;}
.dongtai ul li:last-child .dongtaiBlock{ border-right: none;}
.dongtai dt{border-bottom: 1px solid #dbdbdb;background: #f7f7f7;width:100%;height:57px;box-shadow:0px 4px 6px #ededed;color:#c00516;line-height:57px;font-size:22px;padding-left:18px;box-sizing:border-box;font-weight:500;overflow:hidden;box-sizing:border-box;}
.dongtai dd a{display: block;}
.gd{ float:right; font-size:13px; margin-right:25px; color:#999;}
.gd a{ color:#999;}
.dt{ height:110px; border-bottom:1px solid #e9e9e9; padding: 0 10px;}
.dt:hover{ background:#f8f8f8;}
/*.dt:hover .dtzi{ color:#019944;}
.dt:hover .dtright h1{ color:#019944;}*/
.dtleft{ width:15%; height:85px; float:left; border:#dddddd 1px solid; margin-top:15px;overflow:hidden;}
.dtleft>img{width:100%;}
.dtright{ width:82%; float:right; margin-top:20px;}
.dtright h1{ width:100%; color:#000; font-size:14px;font-weight:bold}
.dtright span{ width:470px; float:left; }
.riqi{ color:#999; font-size:12px;float:right; width:80px; line-height:20px;}
.dtzi{ width:80%; color:#666;  font-size:14px; margin-top:5px; line-height: 22px;}
.sbanner{ margin-top:16px;}
.mt12{ margin-top:12px;}
.htgg{ width:255px; height:240px; border:#dbdbdb 1px solid;}
.htFunc{ padding: 15px; overflow: hidden;}
.htFunc li { float: left; width: 102px; height: 117px; margin-right: 15px; margin-bottom: 15px;}
.htFunc li.htFuncEven{ margin-right: 0;}
.htFunc li.htFunc2{ margin-right: 0;}
.htFunc li.htFunc4{ margin-right: 0;}
.htFunc li a{ display: block;width: 102px; height: 117px; background: #eee url(../images/func1.jpg) no-repeat center 25px; padding-top: 80px; box-sizing: border-box; text-align: center;}
.htFunc li.htFunc2 a{ background-image: url(../images/func2.jpg);}
.htFunc li.htFunc3 a{ background-image: url(../images/func3.jpg);}
.htFunc li.htFunc4 a{ background-image: url(../images/func4.jpg);}
.htFw{ overflow: hidden;}
.htFw li{ float: left; width: 50%; padding-left: 20px; box-sizing: border-box; line-height: 32px;}
.htFw li a{ display: block; padding-left: 20px;background:url(../images/fwText.jpg) no-repeat left center;} 
.ggtit{ width:240px; height:40px; line-height:40px; font-size:17px;   padding-left:18px;box-sizing:border-box; font-weight:500; overflow:hidden;box-sizing:border-box; color:#c00516;}
.list{ width:223px; margin-left:auto; margin-right:auto;}
.list ul{width:223px;}
.list ul li{width:223px; line-height:36px; height:36px; background:url(../images/dot.png);background-position:0 10px;  background-repeat:no-repeat; padding-left:15px;box-sizing:border-box; color:#666; font-size:14px;}
.list ul li a{}
.list ul li a:hover{ color:#c00516;}
.img{ width:100%; height:auto; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:10px; padding: 0 10px;}
.bmbox{ width:72px; margin-left:10px; margin-top:10px; text-align:center; float:left;}

.bmbox:hover span{ color:#019944;}

.bmbox span{ font-size:12px; line-height:40px; color:#666;}

.cx{ width:50px; height:39px;  float:right; margin-top:20px; border-left:1px solid #eeeeee; background:url(../images/cx.png) ; margin-right:30px; margin-left:20px;display: none;}


.footer{width: 100%;   padding-bottom: 16px;  background: #eeeeed; color: #737373; line-height: 30px;  padding-top: 16px; font-size: 12px; border-top: 1px #e1e1e1 solid; border-bottom: 1px #e1e1e1 solid; box-sizing: border-box;}
.footer .content{ margin-top: 10px;}
.footerL{ float: left; width: 230px;}
.footerR{ float: right; margin-left: 20px;}
.footerR img{ float: left;  margin-right: 20px; height:90px;}
.footerR div{ float: left;margin-top: -10px;}
.footerR h4{ line-height: 32px; }
.button1{background:url(../images/gr.png); width:223px; height:36px;margin-left:auto; margin-right:auto;}
.button1:hover{background:url(../images/gr1.png);}
.button2{background:url(../images/qy.png); width:223px; height:36px;margin-left:auto; margin-right:auto;}
.button2:hover{background:url(../images/qy1.png);}

/*文章详情*/

.bannerintro{height:150px;background:url(../images/banner2.jpg) no-repeat center center;position: relative;text-align:center; background-color:#fbfbf9; }
.mainintro{ width:756px;min-height:660px; float:right;}
.sideintro{  min-height:660px; float:left;}
.sideintro.new{position:fixed;top:10px}
.sidemenu{}
.sidemenu ul{}
.sidemenu ul li{border-radius:4px; width:198px; height:42px; line-height:42px; border:1px #dbdbdb solid; padding-left:26px;background:url(../images/jt.jpg) ; background-repeat:no-repeat;background-position:195px,5px; margin-bottom:13px; color:#666;}
.sidemenu ul li a{ display: block; width: 100%; height: 100%;}
.sidemenu ul li:hover{border-radius:4px; width:198px; height:42px; line-height:42px; border:1px #019944 solid; padding-left:26px;background:url(../images/jtl.jpg) ; background-repeat:no-repeat;background-position:195px,5px; margin-bottom:13px; color:#019944;}
.sidemenu ul .active{border-radius:4px; width:198px; height:42px; line-height:42px; border:1px #019944 solid; padding-left:26px;background:url(../images/jtl.jpg) ; background-repeat:no-repeat;background-position:195px,5px; margin-bottom:13px; color:#019944;}
.loginintro{ height:309px; position:relative; margin-left:3px;} 
.loginintro span{ font-size:14px;  line-height:56px; display:block; text-align:center;}
.loginintro span a{ color:#666;}
.loginintro span a:hover{ color:#019944;}

.location{ width:100%; line-height:46px; border-bottom:1px #dbdbdb solid; font-size:14px; color:#666;}
.location span{ color:#019944;}
.intro{ line-height:32px; color:#000; font-size:14px; padding-bottom: 60px;}
.intro table{ margin:0 auto;min-width: 800px;}
.container{}
.intro h1{ line-height:100px; color:#000; font-weight:bold; font-size:30px; text-align:center;}
.intro img{ max-width: 60%;}
.detail{ width:1200px;}
 
 
 
 
 /*企业文化*/
 
 .dywh{ line-height:32px; color:#666; font-size:16px;padding-left: 50px; padding-top: 80px;}
 .wz{ width:320px; margin-left:50px; float:left; margin-top:65px; color:#666;}
 
 .dywh h1{ color:#000000; font-size:18px;  text-align: left; line-height: 32px; margin-bottom: 20px;}
 .dywh td{ padding-bottom: 60px;}
 
  /*联系我们*/
  
 .lxwm{ line-height:36px; color:#666; font-size:14px; padding-bottom: 40px;}
 .lxwm p{ width:320px; padding-top:25px; float:left;box-sizing:border-box;color:#666;border-top:1px solid #dbdbdb; margin-top:25px; margin-left: 70px;}
  .lxwm p strong{    font-size: 16px;color: #000;}
 .lm{ margin-left:20px;}
 
 
  /*新闻列表*/
 .xwlb{}
 
.xwlb .dt {
    width: 100%;
    height: 110px;
    border-bottom: 1px solid #e9e9e9;
  text-align:left;
  float:left;
}



.xwlb .dt .dtright {

    /* float: right; */
    margin-right: 20px;
    margin-top: 20px;

}


.xwlb .riqi {
    color: #999;
    font-size: 12px;
    float: right;
    width: 60px;
    line-height: 20px;
}

/*广告弹窗动画*/

@-webkit-keyframes zoomDownLeftOut {
  0% {
  }

  50% {
    opacity: 0.5;
    left:100%;
    top: 90%;
    transform: scale3d(.1, .1, .1);
    border-radius: 200px
  }
  100% {
    opacity: 0;
  } 
}

@keyframes zoomDownLeftOut {
  0% {
    opacity: 1;
    border-radius: 10px
  }

  50% {
    opacity: 0.5;
    left:100%;
    top: 90%;
    transform: scale3d(.1, .1, .1);
    border-radius: 200px
  }
  100% {
    opacity: 0;
  }  
}

.zoomDownLeftOut {
  -webkit-animation-name: zoomDownLeftOut;
  animation-name: zoomDownLeftOut;
}
.productApp{ display: none;}
#HCloseBtn{ width:30px!important;height:30px!important;border-radius:50%}
#HCloseBtn span{ line-height: 27px!important;width:30px!important;height:30px!important; font-size: 1.1em;}
#ad_wrap img{ cursor: auto;}
#ad_wrap .freeDown{ display: block;width: 140px; height: 34px ;   position: absolute;left: 50%; bottom:53px; margin-left: -70px;}
#video_pc{ margin-top: 40px;}
/*走进汇通*/
.about1_banner{margin-bottom:20px;background:url(../images/bannerBg1.jpg) top center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%; height:180px;}
.about2_banner{margin-bottom:20px;background:url(../images/bannerBg2.jpg) top center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%; height:180px;}
.about3_banner{margin-bottom:20px;background:url(../images/bannerBg3.jpg) top center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%; height:180px;}
.about4_banner{margin-bottom:20px;background:url(../images/bannerBg4.jpg) top center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%; height:180px;}
.about5_banner{margin-bottom:20px;background:url(../images/bannerBg5.jpg) top center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%; height:180px;}
.about6_banner{margin-bottom:20px;background:url(../images/bannerBg6.jpg) top center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%; height:180px;}
.secContainer{margin:30px auto;background:#fff;overflow:hidden;zoom:1; padding-bottom: 30px;}
.leftPart{width:220px;float:left;margin-bottom:-3000px;padding-bottom:3000px;}
.secMain{min-height:300px;margin-left:250px;padding-bottom:40px;}
.leftNew .title{color: #e94709; font-size: 28px; text-align: left;}
.leftNew .title span{text-align:right;display:block;color:#019944;font-weight:400;}
.leftNew .leftMenu{margin-top: 20px;}
.leftNew .leftMenu li{line-height: 36px; border: 1px #ccc solid; margin: 10px 0px;}
.leftNew .leftMenu li a{padding: 11px 0px 11px 40px; line-height: 1.5em; width: 100%; height: 100%; display: block; padding-left: 40px;}
.leftNew .leftMenu li.active {border-color: #e94709; background: #fef5f2 url(../images/arrowR.png) 20px 50% no-repeat;}
.leftNew .leftMenu li:hover {background: #f5f5f5 url(../images/arrowR_2.png) 16px 50% no-repeat;}
.leftPart .htgg{ width: 220px;}
.leftPart .htgg .htFunc li{ width: 86px;}
.leftPart .htgg .htFunc li a{ width: 86px;}
.leftPart .htFw li{ padding-left: 16px;}
// .leftPart ul{width:100%;margin:0 auto;}
// .leftPart li{height:35px;line-height:35px;margin-bottom:10px;text-align:center;cursor:pointer}
// .leftPart li a{ cursor: pointer;display:block;}
// .leftPart li.active a{color:#019944;}
 .currPos{border-bottom:#cecee0 solid 1px;margin:0 20px;padding:0px 0 13px 10px;color:#000}
.currPos span a{color:#000;}
/*新闻详情*/
.artical{padding:20px 50px;}
.artical h1{color:#000;font-size:24px;text-align:center;margin-bottom:20px;}
.artical h3 {color: #000; font-size:16px; font-weight: bold; margin-top: 20px; }
.artical .content{font-size:16px;line-height:2;color:#000; width: auto; text-align: justify;}
.artical .content>p{margin:15px 0;}
.artical .info{padding:20px 0;text-align:center;font-size:12px;}
.artical .info span{color:#888;}
.artical .info span img{margin-right:8px;position: relative;top:3px;}
.artical .artCrl{border-top:#cecee0 solid 1px;margin-top:20px;padding-top:10px;font-size:12px;color:#888}
.artical .artCrl .prev{float: left;width:49%;}
.artical .artCrl .next{float: right;width:49%;text-align: right;}
.artical img{ max-width: 100%;}
/*联系我们*/
.contactUs{padding-bottom:40px;}
.contactUs .title{margin-right:0!important;float:left;width:220px;font-size:20px;font-weight:600;color:#1f1f2b;margin:15px 20px;padding-bottom:10px;border-bottom:#cecee0 solid 1px;}
.contactUs .title span{display:block;color:#f93;font-weight:400;}
.contactUs .currPos{float: left;margin-left:0;width:730px;margin-bottom:40px;}
.contactUs .info{padding-left:60px;background:url(../images/contact_ico.gif) no-repeat;clear:both;margin-left:240px;}
.contactUs .info li{height:40px;line-height:40px;margin-bottom:20px;}
.contactUs .info li span{display:block;float:left;width:80px;color:#555;}
.contactUs .map{text-align: center;padding-top:20px;}
.clearfixnews .info { background: none;}

.pagination > .active > a{ background: #c00516; border-color: #C00516;}
.pagination > li > a{ color: #C00516;}
.pagination > .active > a:hover{background: #c00516; border-color: #C00516;}
.wangdianTab h4{ font-size: 16px; color: #000; margin-bottom: 10px;}
.wangdianTab p{ color: #666; font-size: 14px; line-height: 20px;}
.wangdianTab td{ padding: 20px}
.sbanSj2{ display: none;}
/*Response*/
 .navbar-toggle {display: none;}
@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}
@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #32ce87; -webkit-box-shadow: 0 5px 10px 0 rgba(50,206,135,.2); box-shadow: 0 5px 10px 0 rgba(50,206,135,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #32ce87 }
.rd-notice-type-success:after { background-color:#32ce87; -webkit-box-shadow: 0 5px 10px 0 rgba(50,206,135,.2); box-shadow: 0 5px 10px 0 rgba(50,206,135,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }
.hisMain h3{ font-size: 24px; color: #333; font-weight: 700; margin-top: 20px; margin-bottom: 10px;}
.hisMain .rightMainBlog{ width: 1200px; margin: 0 auto; padding-bottom: 70px; float: none;}
.hisMain p{ margin-bottom: 0; line-height: 28px;  padding-left: 10px; background:url(../images/punctuate.png) no-repeat left 12px;}
@media screen and (max-width:1200px){
  .secContainer .htgg{ width: 100%;}
  .secContainer .htgg .htFunc li{ width: 79px;}
  .secContainer .htgg .htFunc li a{ width:100%;}
  .secContainer .htgg .htFw li{ padding-left: 10px;}
   .top{ width: 100%!important; min-width: auto!important;}
}
@media screen and (max-width:1024px){
  .main{ width:960px; padding: 0 20px; float: none;height: 900px;min-height: auto!important;}
  .menu li{ min-width: 100px}
  .menuInner li{ width: 100px!important;}
  .banner{ background-position: center bottom; background-size: auto 100%;}
  .banner h2{margin-left:-440px}
  .banner p{margin-left:-440px}
  .data_title h3{ font-size: 24px; line-height: 2em;}
  .cengji img{ width: 50%; margin-right:20px; margin-top: 140px;}
  .kaifaInner{ width: 1000px;}
  .shiyongMain .shiyongMin{ left: 421px;}
  .enterpriseReport{  background-size: 100% auto; height: auto; padding-bottom: 340px;}
  .enterpriseReport .main{ overflow:hidden}
  .control img{ width: 50%;}
  .control .leftText{ padding-top: 160px;}
  .assembly{ height: 500px;}
  .assembly .assemblyBg{ height: 290px;}
  .assembly img{ width: 40%;right:55%}
  .assembly .common_title .rightText{padding-top: 100px; width: 50%; padding-right: 0;}
  .assembly .common_title p{width: 100%;}
  .UIku img{ width: 50%;top:100px}
  .api { height: 279px;}
  .api img{ width: 50%; margin-right: -20px;}
  .api .common_title .rightText{ padding-top: 70px;}
  .UIku .leftText p{ width: 400px;}
  .topLogin{display: none!important;}
  .topAfterLo{ display: none!important;}
  .hisMain .rightMainBlog{ width: 100%;}
  .login{ margin-left: 200px;}
  .dongtai ul{ width: 918px;}
  .dongtai ul li{ width: 306px;}
  .side{ width: 960px; float: none; padding: 0 20px; margin-top: 94px; height: 420px;}
  header .menu{ margin-left: -198px; width: 700px;}
  header .logo{ margin-left:-10px }
  .htgg{ float: left; height: 278px!important; margin-top: 20px!important; margin-right: 20px;}
  .htggSp{ width: 370px; margin-right: 0;}
  .htggfw{ width: 920px; height: 140px!important;}
  .htggfw .htFw li{ width: 25%;}
  .Relation li{ margin-right: 16px;width: 172px;}
  .Relation{ padding-right: 0;}
  
} 
@media screen and (max-width:768px){
 .banner h2{margin-left:-145px;top:70px}
  .banner p{margin-left:-285px}
  .login{ display: none;}
  .main{ width: 100%; padding: 0 20px; box-sizing: border-box;height:930px}
  .data_title h3{ font-size: 24px; line-height: 2em; text-align: center;}
  .relaxedIndex ul li{ padding: 0 20px;}
  .common_title p{ font-size: 14px;}
  .imgCenter{ width: 80%;}
  .btnGroup button{display: none;}
  .kaifa{display: none;}
  .cengji .leftText h3{ width: 100%; text-align: center;}
  .cengji .leftText{ padding-top: 50px; float: none;padding-left: 0;}
  .cengji .leftText p{ margin-left: auto; margin-right: auto; width: 80%;}
  .zeroBasic .common_title p{ text-align: justify;}
  .zeroBasic .common_title p{ width: 80%;}
  .cengji img{ margin: 0 auto; float: none; margin-top: 40px; width: 60%;}
  .cengji{ height: auto; padding-bottom: 40px;} 
  .duoduan{ padding-top: 50px; padding-bottom: 20px;}
  .designBg{ background: #fff url(../images/designBg.png) no-repeat center center; background-size: auto;}
  .duoduan .common_title .rightText{ padding-top: 0; float: none; padding-right: 0;}
  .duoduan .common_title p{ width: 80%; margin: 0 auto; margin-top: 30px;}
  .enterpriseReport{ background-image: url(../images/datu2.png); background-size: 100% auto; padding-bottom: 840px;}
  .enterpriseReport .leftText{ float: none; padding-left: 0;}
  .enterpriseReport .leftText p{ margin: 0 auto; width:80%;}
  .enterpriseReport .leftText h3{text-align: center;}
  .kaifaInner{ width: 100%; padding: 0 20px; box-sizing: border-box;}
  .shiyongMain .common_title{ float: none;}
  .shiyongMain .common_title h3{ padding-top: 40px;}
  .shiyongMain .common_title p{ margin: 0 auto;}
  .shiyongPhone{  float: none; padding-top: 20px; margin: 0 auto;}
  .shiyongMain .shiyongMin{top:239px;left: 50% ; margin-left: -113px;}
  .duoduan img{ width: 60%; float: none; margin: 0 auto; margin-top: 20px;}
  .menu{ width: 600px; margin-right: 0;}
  .menu li{ min-width: 100px; }
  .bottomIf{ height: 600px;}
  .bannerInner p{ font-size: 24px;}
  .innerMain{width: 100% ; padding: 0 20px; box-sizing: border-box; padding-top: 50px;}
  .innerMain p{ width: 100%;  text-align: justify;}
  .innerMain img{width: 100%;}
  .videoInner{ width: 100%;}
  .BIbg img{position: relative;left: 0;top:0; width: 60%; margin: 0 auto;}
  .biMain{ float: none; width: 100%; padding-top: 0;}
  .BIbg{ height: auto!important; padding-bottom: 20px;}
  .control .leftText{ float: none; width: 80% ; margin: 0 auto; padding-top: 50px; padding-left: 0;}
  .control .leftText h3{text-align: center;width: 100%;}
  .control .leftText p{ width: 100%;} 
  .control img{ float: none; width: 60%; margin: 0 auto; margin-top: 30px;}
  .assembly .common_title .rightText{float: none; width: 80% ; margin: 0 auto; padding-top: 50px;}
  .assembly .common_title h3{text-align: center;width: 100%;}
  .assembly img{ position: relative;right: 0;top:0; width: 60%; margin: 0 auto; display: block; margin-top: 20px;}
  .assembly{ height: auto; padding-bottom: 20px;}
  .assembly .assemblyBg{ height: 50%;}
  .UIku .leftText{ float: none;padding-top: 30px; width: 80%; margin: 0 auto; padding-left: 0;}
  .UIku .leftText h3{width: 100%; text-align: center;}
  .UIku .leftText p{ width: 100%; text-align: center;}
  .UIku img{position: relative;left: 0;top:0; width: 60%; margin: 0 auto; display: block; margin-top: 20px;}
  .api { height: auto; padding-bottom: 2px;}
  .api .common_title .rightText{float: none;padding-top: 30px; width: 80%; margin: 0 auto; padding-left: 0;}
  .api .rightText h3{width: 100%; text-align: center;}
  .api .rightText p{ width: 100%; }
  .api img{position: relative;right: 0;top:0; width: 60%; margin: 0 auto; display: block; margin-top: 20px;}
  .standard .leftText{ float: none; padding-left: 0;width: 80%; margin: 0 auto;}
  .standard .common_title h3{text-align: center;}
  .standard .leftText p{ width: 100%; }
  .zaixian { height: auto;}
  .zaixian .common_title .rightText{ float: none; padding-left: 0;width: 80%; margin: 0 auto; padding-top: 50px;}
  .zaixian .common_title h3{text-align: center;}
  .zaixian .rightText p{ width: 100%; }
  
  .zaixian img{position: relative;right: 0;top:0; width: 60%; margin: 0 auto; display: block; margin-top: 20px;}
    .Operate { height: auto;}
    .Operate li{ padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
    .Operate ul li p{width: 100%;}
    .Operate ul li:nth-child(2) p{ width: 100%;}
  .Operate ul li:nth-child(3) p{ width: 100%;}
  .Operate ul li:nth-child(4) p{ width: 100%;}
  #video_wrap{ width: 600px!important; left: 50%!important; margin-left: -300px!important; height: 300px!important; top:50%!important;margin-top: -150px!important;}
   .login{ left: 0;margin-left: 0;float: right;margin-right: 37px;}
  header .menu{width: 100%; z-index: 9999; left: 0; margin: 0;top:76px; background: #fff;display: none;}
  header .menu>li{ float: none;width: 100%;}
  .menuInner.menuShow{position: relative;left: 0;top:0;width: 100%; box-shadow: none; padding: 0;}
  .menu li{ width: 100%!important; line-height: 56px;}
   .navbar-toggle { margin-top: 20px;display: block;}
 .navbar-toggle .icon-bar{ background: #c00516;}
 .navbar-toggle:hover{ background: #f9f9f9; border-color: #f9f9f9;}
 .dtright{ }
 .dtright span{ width: 370px;}
 .dongtai ul{ width: 100%;}
 .dongtai ul li{ width: 226px;}
 .dongtai ul li a{ margin-left: 70px;}
 .side{ margin-top: 0px; width: 100%;}
  .side .htgg:nth-child(2){ margin-right: 0;}
 .htgg{ width: 330px;}
 .htgg .list{width: 283px;}
 .htFunc li{ width: 140px;}
 .htFunc li a{ width: 140px;}
 .htggSp{ margin-right: 20px;}
 .htggfw{ height: 278px!important; margin-right: 0;}
 .htggfw .htFw li{ width: 50%;}
 .Relation { width: 700px;}
  .Relation li{ margin-right: 36px;width: 204px; margin-bottom: 20px;}
   .Relation li.Relation3{ margin-right: 0;}
   .footer .content{ position: relative; padding-bottom: 100px;}
   .footerR{ position: absolute;left: 0; top:80px}
   .footerR2{ left: 220px;}
   .secContainer .htgg{ width: calc(50% - 10px);}
   .secContainer .htgg:last-child{ margin-right: 0;}
    .secContainer .leftNew { overflow: hidden;}
    .secContainer .htgg .htFunc li{ width: calc(50% - 10px);}
    .secContainer .htgg .htFw li{ padding-left: 20px;}
    .newsList li .neirongsuolue{ width: 75%!important;}
    .newsList li a.col-md-11{ display: block; float: left;}
    .leftNew{display: none;}
}
@media screen and (max-width:600px){
  .banner h2{margin-left:-120px;top:25px;font-size: 24px;}
  .banner p{margin-left:-150px;width: 300px; font-size: 12px;top:95px;line-height: 16px; padding: 10px;}
  .top2{ background: rgba(255,255,255,0.97); border-bottom: 1px solid #ddd;display: none;}
  .top2 .logo{  background-image: url(../images/logo.png);}
  .top2.dark{background: rgba(255,255,255,0.97)}
  .top2 .kaifa{ background: #eee; }
  .menu{ width: 100%;position: absolute;top:71px;left: 0; background: rgba(255,255,255,0.97); display: none; border-top: 1px solid #ddd;}
  .menu li{ float: none; width: 100%;}
  .menu li:hover{ background: #eee;}
  .menu li:hover a{ }
  .menu li.active{background: #eee;}
  .menu li a{ color: #333; display: block;width: 100%; line-height: 60px;padding-bottom: 0;}
  .menu li.active a{ border: none!important;}
  .top2.light .menu li.active a{}
  .top2.light .menu li:hover a{}
  .top2.light .menu li.slideMenu:hover a{}
  .top2.light .menu li.slideMenu:hover{ background: #eee;}
  .menu li a:hover{ border: none!important;}
  .menu li.slideMenu:hover{background: #eee;}
  .menu li.slideMenu:hover a{ }
  .banner i{ width: 30px; height: 23px; background-size: 100% 100%;top:75px;margin-left: 178px; display: none;}
  .mainText{ width: 100%!important; }
  .data_title p{width:100%!important;background-position-y: 14px;}
  .data_title h3{ width: 100%!important;} 
  .multiplicity .common_title{ width: 100%; padding: 0 20px!important;}
  .anlititle{ font-size: 24px;}
  .anliMain ul{ width: 100%; margin-left: 0;}
  .anliMain ul li h5{ display: block;}
  .anliMain ul li span{ width: auto; margin-right: 20px;padding-left: 20px; background: url(../images/yuanhuan.png) no-repeat left center;}
  .bottomIf{ height: 330px;}
  .baotitle{ font-size: 24px;}
  .bannerInner h2{ font-size: 30px; padding-top: 200px;}
  .bannerInner p{ font-size: 18px; letter-spacing: 2px;}
  .innerJichu3{ display: block;}
  .innerJichu2{ display: none;}
  .common_title h3{ font-size: 24px;}
  .relaxedIndex{ padding-bottom: 20px;}
  .relaxedIndex .common_title h3{ margin-bottom: 40px;}
  .relaxedIndex ul{display: block;}
  .relaxedIndex ul li em{ display: none;}
  .relaxedIndex ul li h4{ font-size: 16px; text-align: center;margin-bottom: 10px;}
  .relaxedIndex ul li{ margin-bottom: 30px;}
  .zeroBasic{ padding-bottom: 20px;}
  .lowDiff .common_title h3{ letter-spacing: 2px; width: 200px; margin: 0 auto;}
  .design .common_title p{width: 80%; margin: 0 auto; text-align: justify;}
  .design .common_title h3{ margin-bottom: 50px;}
  .enterpriseReport .leftText h3{ letter-spacing: 2px; line-height: 2em; margin-bottom: 50px;}
  .enterpriseReport{ background: url(../images/datu2.png) bottom  center no-repeat; background-size: 100% auto; padding-bottom: 400px;}
  .UIku .leftText p{ text-align: justify;}
  .UIku{ height: auto;padding-bottom: 20px;}
  .xuqiuMain .common_title p{ width: 80%; margin: 0 auto; text-align: justify;}
  .Operate{ padding-top: 50px;}
  .Operate li{ width: 100%; padding: 20px;}
  #ad_wrap{left:50%!important;width:250px!important;height:225px!important;margin-left: -125px!important;margin-top: -112px!important;  top:50%}
  #video_wrap{left:0px!important;width:100%!important;height:150px!important;margin-left:0px!important;margin-top:-25%!important;  top:50%;background: gray; display: none;}
  #video_wrap>#HCloseBtn{left: 100%!important;}
  #ad_wrap{left:50%!important;width:250px!important;height:225px!important;margin-left: -125px!important;margin-top: -112px!important;  top:50%}
    .menu li.slideHide{ display: none;}
  .slideButton{ display: block; margin:20px 40px; border: 1px solid #ff4650; color: #ff4650; text-align: center; border-radius: 4px; line-height: 36px;}
  .slideButton:hover{ background: #eee;}
  .lowDiff .common_title p{ width: 300px;}
  .meiqia{ right: 0;}
  .ad_fix{right: 0;}
  #video_pc{margin-top: 20px;}
  #video_app{display:block}
   .banner{ height: 210px;}
  .banner .login{ display: none;}
  .banner i{ margin-top: 20px;}
  .common_title h3{ font-size: 24px; line-height: 1.5em;}
  .webDesign{ padding-top: 50px;}
  .extension .mainText{ padding-top: 20px;}

  .banner button{ width: 160px; line-height: 34px; margin-top: 20px; font-size: 16px; border-radius: 20px;}
  .banner button.main{ width:160px; line-height: 34px; margin-top: 20px; font-size: 16px; border-radius: 20px; background:rgba(255,70,80,0.6) url(../images/start_white.svg) no-repeat 125px center; background-size: 20px;}
  .lowDiff{ height: 310px;}
  .lowDiff .common_title{ padding-top: 100px;}
  .standard{ height: 310px;}
  .standard .common_title{padding-top: 80px;}
  .xuqiuMain{ padding: 80px 0;} 
  .leftMenu{ display: none;}
  .rightMain{ width: 100%; padding: 0; padding-top: 20px;}
  #download ul .button-dl{ margin-bottom: 10px!important;}
  
  /*product*/
  .product{ padding: 30px;padding-top: 100px;}
  .product ul{ width: 100%; overflow: hidden;}
  .product li{ width: 50%; text-align: center; float: left; padding: 10px; box-sizing: border-box;}
  .product li a{ display: block; padding: 20px 0 20px;  border: 1px solid #f3f3f3; background: #fff;}

  .product li img{ width: 50%; display: block; margin: 0 auto; margin-bottom: 20px;}
  .product li span{ color: #999; font-size: 14px;}
  .menu li a.productApp{ display: block;}
  .menu li a.productPc{ display: none;}
  .livechat-girl{right: 0;}
  .dtright{width: calc(80% - 20px); }
  .dtright span{ width: 100%;float: none;}
  .riqi{ float: none; margin-top: 6px;}
    .dtright span h1{ }
  .dtright div:first-child{ margin-top: -4px;}  
  .dtzi{ margin-top: 14px;}  
  .intro img{max-width: 80%;}
  .intro h1{font-size: 18px;}
  header .logo{ width: 240px; margin-top: 15px;margin-left:10px}
  
  .dtzi{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: none;}
  .side{ margin-top: 0px; height: auto;}
  .main{ height: auto; min-height: auto!important;}
  .htgg{ width: 100%; border: none; height: auto!important; margin-top: 0!important;float: none;}
  .htgg .list{ width: auto;}
  
  .side .htgg:nth-child(2){ margin-top: 20px!important;}
  .ggtit{ width: 100%;}
  .htFunc{ padding: 0;}
  .htFunc li{ width: calc(50% - 8px);}
  .htFunc li.htFunc2,.htFunc li.htFunc4{ margin-right: 0;}
  .htFunc li a{ width: 100%;}
  .list ul{ margin-left: 10px;}
  .Relation{ width: calc(100% - 5px);}
  .Relation li{ width: calc(50% - 10px); margin-right: 10px; margin-bottom: 10px;}
  .Relation li:nth-child(even){ margin-right: 0;}
  .Relation li.Relation3{ margin-right: 10px;}
  .footerL{ float: none; margin: 0 auto;}
  .footerR{  position: relative;left: 0;top:0;width: 220px; margin: 0 auto; float: none; margin-top: 20px; overflow: hidden;}
  .footer .content{ padding-bottom: 0;}
    .secContainer .htgg{ width: 100%;}
   .newsList li .date+a{ width: calc(100% - 160px)!important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
   .newsList li .neirongsuolue{ width: calc(100% - 160px)!important;}
    .newsList li .col-md-11{ width: calc(100% - 80px)!important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
     .newsList li .col-md-11.neirongsuolue { width: calc(100% - 80px)!important;}
     .artical{ padding:  20px 0;}
     .wangdianTab td{ padding:20px 10px;}
     .container{ padding: 0;}
     .wangdianTab h4{ min-height: 51px;}
     .main{ padding: 0;}
     .dtleft{ height: 54px; width: 20%;}
     .dongtai{ box-shadow: none; border: none; padding-bottom: 20px;}
    .dt{ height: 80px;}
    .dongtai ul{ display: block;}
    .dongtai ul li{width: 100%; float: none; overflow: hidden; position: relative;}
      .dongtai ul li h3{ background: none; border: none; position: absolute; top:20px;left:120px}
      .dongtai ul li .dongtaiImg{  margin-left: 20px; margin-bottom: 0; float: left; width: 61px; height: 61px;}
      .dongtai ul li .dongtaiImg img{ width: 30px;}
       .dongtai ul li .dongtaiBlock { height: auto;}
       .dongtai ul li .dongtaiBlock a:nth-child(2){ margin-top: 34px;}
      .dongtai ul li a{ margin-left: 120px; margin-top: 0;}
    .sbanSj2{ display: block;}
    .sbanSj1{ display: none;}
}