.banner-wrap {
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 0;
  padding-bottom: 0;
  height: 410px;
}
.banner-wrap .sec-layer {
  text-align: center;
  padding-top: 150px;
}
.banner-wrap .sec-layer h2 {
  font-size: 46px;
  color: #fff;
  margin-bottom: 30px;
  font-weight: 400;
}
.banner-wrap .sec-layer p {
  font-size: 24px;
  color: #fff;
  font-weight: 200;
}

.pro-wrap .banner-wrap {
  background-image: url(bg-wx.jpg);
}

.pro-wrap .home {
  background-image: url(bg-home.jpg);
}
.pro-wrap .sip {
  background-image: url(sip-home.jpg);
}
.pro-wrap .yh {
  background-image: url(yh-home.jpg);
}
.pro-wrap .fz {
  background-image: url(bg-fz.jpg);
}
.pro-wrap .kj {
  background-image: url(bg-world.jpg);
}



.pro-wrap .banner-wrap .sec-layer {
  padding-left: 300px;
  text-align: left;
  padding-right: 150px;
}
.pro-wrap .banner-wrap .sec-layer h2 {
  font-size: 46px;
}
.pro-wrap .banner-wrap .sec-layer p {
  font-size: 16px;
  line-height: 1.6;
}
.pro-wrap .pro-menu {
  width: 220px;
  border: 1px solid #efefef;
  background: #fff;
  position: absolute;
  top: 165px;
  left: 50%;
  margin-left: -600px;
  padding: 0;
  z-index: 100;
}
.pro-wrap .pro-menu .ul-menulist {
  display: initial;
}
.pro-wrap .pro-menu .ul-menulist .li-menulist dl {
  width: 100%;
}
.pro-wrap .pro-menu .ul-menulist .li-menulist dl dt {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
  line-height: 60px;
  padding-left: 20px;
  padding-right: 20px;
}
.pro-wrap .pro-menu .ul-menulist .li-menulist dl dt h3 {
  position: relative;
  font-weight: 400;
}
.pro-wrap .pro-menu .ul-menulist .li-menulist dl dt h3 i {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
}
.pro-wrap .pro-menu .ul-menulist .li-menulist dl dt h3 i:before {
  display: block;
}
.pro-wrap .pro-menu .ul-menulist .li-menulist dl dt:hover {
  color: #2487ec;
  background: #efefef;
  cursor: pointer;
}
.pro-wrap .pro-menu .ul-menulist .li-menulist dl dd {
  background: #f4f6f9;
  line-height: 60px;
  padding-left: 20px;
  margin-bottom: 0;
  display: none;
  font-weight: 400;
}
.pro-wrap .pro-menu .ul-menulist .li-menulist dl dd a {
  color: #000;
}
.pro-wrap .pro-menu .ul-menulist .li-menulist dl dd:hover {
  color: #2487ec;
  background: #efefef;
}
.pro-wrap .pro-menu .ul-menulist .li-menulist dl dd.dis {
  background: #f4f6f9;
}
.pro-wrap .pro-menu .ul-menulist .li-menulist dl dd.dis a {
  color: #cacaca;
}
.pro-wrap .pro-menu .ul-menulist .li-menulist dl dd .res-statu {
  line-height: 1.6;
}
.pro-wrap .pro-menu .ul-menulist .li-menulist.actived dl dt i:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
.pro-wrap .pro-menu .ul-menulist .li-menulist.actived dl dd {
  display: block;
}
.pro-wrap .pro-menu .ul-menulist .li-menulist.actived dl dd.actived a {
  color: #2487ec;
}
.pro-wrap .pro-menu .ul-menulist .li-menulist:last-child {
  width: 100%;
}
.pro-wrap .pro-menu--simple {
  width: 200px;
  padding: 32px 0 32px 24px;
  position: fixed;
  top: 162px;
  left: 50%;
  margin-left: -600px;
  z-index: 100;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 10px 1px rgba(6, 0, 1, 0.08);
          box-shadow: 0px 2px 10px 1px rgba(6, 0, 1, 0.08);
  border: 1px solid #ced7dc;
}
.pro-wrap .pro-menu--simple .menu-subtitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 30px;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.pro-wrap .pro-menu--simple .menu-subtitle a {
  color: #000;
}
.pro-wrap .pro-menu--simple .menu-subtitle:hover,
.pro-wrap .pro-menu--simple .menu-subtitle.actived {
  color: #2487ec;
  cursor: pointer;
}
.pro-wrap .pro-menu--simple .menu-subtitle:hover i,
.pro-wrap .pro-menu--simple .menu-subtitle.actived i,
.pro-wrap .pro-menu--simple .menu-subtitle:hover a,
.pro-wrap .pro-menu--simple .menu-subtitle.actived a {
  color: #7fb7fc;
}
.pro-wrap .pro-menu--simple .menu-subtitle.actived + .menu-cont {
  display: block;
  -webkit-animation: increase 0.5s linear;
          animation: increase 0.5s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.pro-wrap .pro-menu--simple .menu-subtitle.actived,
.pro-wrap .pro-menu--simple .menu-subtitle.actived i {
  color: #2487ec;
}
.pro-wrap .pro-menu--simple .menu-subtitle i {
  color: #dfdfdf;
  margin-right: 10px;
  font-size: 20px;
  margin-left: -3px;
}
.pro-wrap .pro-menu--simple .menu-cont {
  display: none;
  margin-bottom: 30px;
  overflow: hidden;
}
.pro-wrap .pro-menu--simple .ul-menulist--simple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pro-wrap .pro-menu--simple .ul-menulist--simple .li-menulist {
  width: 100%;
  height: 54px;
  font-size: 14px;
  line-height: 54px;
  padding-left: 24px;
  border-left: 1px solid #dfdfdf;
  cursor: pointer;
}
.pro-wrap .pro-menu--simple .ul-menulist--simple .li-menulist a {
  border-left: 1px solid transparent;
  color: #666;
}
.pro-wrap .pro-menu--simple .ul-menulist--simple .li-menulist:hover,
.pro-wrap .pro-menu--simple .ul-menulist--simple .li-menulist.actived {
  border-left: 2px solid #2487ec;
}
.pro-wrap .pro-menu--simple .ul-menulist--simple .li-menulist:hover a,
.pro-wrap .pro-menu--simple .ul-menulist--simple .li-menulist.actived a {
  border-left: 0;
  color: #000;
  font-weight: 400;
}
.pro-wrap .pro-menu--simple .ul-menulist--simple .more {
  margin-bottom: 30px;
}


.section.dropmenu-wrap {
  display:none;
}
/* header .nav li:hover .section.dropmenu--simple{
  display: block !important;
} */
.login-button:hover a {
    border-bottom: 3px solid #fff;
    color: #fff;
}
.login-button .dropmenu--simple {
    margin-left: 25px;
    width: 150px;
}

.section.dropmenu--simple {
  display: none;
  margin-top: 0;
}
.section.dropmenu--simple .ul-menulist--simple .li-menulist {
    height: auto;
    padding: 0;
}
.section.dropmenu--simple .ul-menulist--simple .li-menulist a {
    display: block;
    padding: 18px 20px;
}
.pro-wrap .pro-menu--simple .ul-menulist--simple .li-menulist {
    padding-left: 0 !important;
}
.pro-wrap .pro-menu--simple .ul-menulist--simple .li-menulist a {
    padding-left: 24px;
    display: block;
}

.pro-wrap .pro-menu--simple .aizhenduan i {
    font-size: 16px;
    margin-right: 0;
}
.pro-wrap .pro-menu--simple .aizhenduan a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #333;
}
.pro-wrap .pro-menu--simple .aizhenduan.actived a {
    color: #2487ec;
}
.pro-wrap .pro-menu--simple .aizhenduan:hover i, .pro-wrap .pro-menu--simple .aizhenduan:hover a {
    color: #2487ec !important;
}
.smaller .nav ul li.current a {
    border-bottom: 0px;
}

.ul-menulist--simple .more {
  margin-bottom: 30px;
}





.tit_font {
	float: left;
	font-size: 36px;
    color: #313131;
}
.name_font{
	float: left;
	font-size: 36px;    color: #313131;
	background: #fff;
    margin-top: -30px;
    padding-right: 36px;
}
 .produce_r {
	width: 950px;
	margin-left: 275px;
}
 .produce_r h1{
	width:90%;
	height:69px;
	line-height:69px;
	padding-left:21px;
	color:#efefef;
}
.produce_r .commondiv1 {
	padding-left: 21px;
	overflow: hidden;
}

.produce_r .commondiv1 .title {
	line-height: 50px;
	overflow: hidden;
	margin-bottom: 20px;
    margin-top: 30px;
}
.strategy_wrap {
	width: 950px;
	overflow: hidden;
	position: relative;
	margin-top: 72px;
}

.commondiv1 .title .title_l {
	float: left;
}

.commondiv1 .title_l .img {
	float: left;
}

.commondiv1 .title_l .img1 {
	float: left;
	margin-left: 39px;
	margin-top: 12px;
}

.commondiv1 .title_l .tips {
	width: 19px;
	height: 20px;
	margin: 26px 0 0 17px;
	float: left;
	background: url(../images/produce_img2.png) left top no-repeat;
}

.commondiv1 .title_l .info {
	float: left;
	width: 168px;
	padding-left: 24px;
	height: 14px;
	line-height: 14px;
	padding-top: 6px;
	font-size: 16px;
	color: #142f42;
}

.commondiv1 .title .title_r {
	float: right;
	padding-right: 59px;
	line-height: 24px;
	margin-top: 26px;
	font-size: 14px;
	color: #c3c8cb; 
}

.commondiv1 .title_r span,
.commondiv1 .title_r a {
	float: left;
}


.commondiv1 .stitle,
.commondiv2 .stitle {
	width: 100%;
	overflow: hidden;
	color: #333333;
	line-height: 24px;
	font-size: 14px;
	font-family: '宋体';
	font-weight: bold;
}

.commondiv1 .content,
.commondiv2 .content,
.commondiv6 .content
 {
	line-height: 30px;
	font-size: 18px;
	color: #888888;
	padding: 30px 0px 20px 0;
	width:92%;
	float:left
}



.produce_r .commondiv2 {
	overflow: hidden;
}

.commondiv2 .title,
.commondiv4 .title,
.commondiv5 .title,
.commondiv6 .title,
.commondiv7 .title,
.commondiv8 .title {
	margin: 35px 69px 65px 21px;
	border-bottom: #cdcdcd solid 1px;
	position: relative;
    font-size: 48px;
  	font-family: 'PingFang Regular';  
    color: #313131;
}

.commondiv2 .title .img,
.commondiv4 .title .img,
.commondiv5 .title .img,
.commondiv6 .title .img,
.commondiv7 .title .img,
.commondiv8 .title .img {
	position: absolute;
	left: 0;
	top: -35px;
}



.scenarios_list li {
	width: 262px;
	overflow: hidden;
	padding-right: 34px;
	float: left;
	position: relative;
}

.scenarios_list .imgbox {
	width: 262px;
	max-height: 338px;
}

.scenarios_list .imgbox img {
	/* width:100%; height:100%; */
}

.scenarios_list .posicon {
	width: 208px;
	height: 78px;
	background: url(../images/produce_img123.png) left top no-repeat;
	position: absolute;
	right: 14px;
	top: 142px;
}

.scenarios_list .line1,
.scenarios_list .line2 {
	line-height: 24px;
	padding: 16px 0 16px 20px;
	width: 242px;
	background: #142f42;
	font-size: 14px;
	color: #ffffff;
	letter-spacing: 0;
}

.scenarios_list .line2 {
	padding: 4px 0 4px 20px;
}


.cnt{width:900px;padding:0;text-align:center; height:500px}
.cnt img{position:relative;display:block;margin:0 auto}
.cnt .box{display:inline-block;margin:20px 0;width:216px;height:40px;line-height:1;vertical-align:middle}
.cnt .box h4{display:block;font-size:22px;font-weight:400;color:#0e1021;text-align:center}
.cnt .box p{font-size:16px;color:#666; line-height:140%}
.cnt .box+.box{margin-left:120px}.btns .u-btn{width:145px}

.cf{ text-align:center}
.new-list{margin-top:95px; height:500px; width:97%; padding-left:3%}.new-list ul li{width:257px;padding:40px 0 25px;margin-right:30px;margin-bottom:30px;border-radius:5px;border:1px solid transparent;transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out;box-shadow:1px 1px 10px #e8ecf7;background:#fff; height:200px; font-size:14px;}.new-list ul li .img-wrapper{width:80px;height:75px;overflow:hidden;margin:0 auto}.new-list ul li .product_name{font-size:18px;margin:18px;color:#20273c;margin-bottom:8px}.new-list ul li .product_text{line-height:23px;margin-bottom:18px; width:90%}.new-list ul li:nth-child(4),.new-list ul li:nth-child(8){margin-right:0}.new-list ul li:hover{transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-o-transform:translateY(-20px);-ms-transform:translateY(-20px);box-shadow:0 5px 15px #e5e5e5}

.table article .tbl-header{margin-top:50px}
.table article{padding-top:60px;padding-right:100px}
.table article .tbl-header{margin-top:80px;height:50px}
.table article .tbl-content{position:relative}
.table article .tbl-content table thead tr{height:0}
.table article table{width:100%}
.table article table thead tr{height:50px}
.table article table thead tr th{color:#fff}
.table article table thead tr th:nth-of-type(1){width:20%;background-color:#4D74D9}
.table article table thead tr th:nth-of-type(2){width:20%;background-color:#4D74D9}
.table article table thead tr th:nth-of-type(3){width:20%;background-color:#4D74D9}
.table article table thead tr th:nth-of-type(4){width:20%;background-color:#4D74D9}
.table article table thead tr th:nth-of-type(5){width:20%;background-color:#4D74D9}
.table article table tbody tr:nth-of-type(2n+1){background-color:#fff}
.table article table tbody tr:nth-of-type(2n){background-color:rgba(244,248,251,.6)}
.table article table tbody td{line-height:2}
.table article table tbody td.category{background:#EAF3FD; padding:20px}
.table article table tbody td.detail{padding:20px}
.table article table tbody td:first-child{text-align:left;padding-left:30px; line-height:120% !important}
.table article table tbody td.enabled::before{content:'';display:inline-block;width:18px;height:10px;-webkit-transform:rotate(-43deg);transform:rotate(-43deg);border-left:solid 3px #47e096;border-bottom:solid 3px #47e096}
.table article table tbody td.disabled::before{content:'';display:inline-block;width:16px;height:2px;background:#a2b2ac}

.Solutions{ margin-top:25px}
.Solutions dd{margin-left: 78px;font-weight: bold;}
.Solutions dd span{color: #374552;display: inline-block;padding: 10px 10px 10px 50px;background: url(case-icon1.png) 10px 3px no-repeat; font-weight: normal!important}
.Solutions dd span{margin: 0 10px 10px 0;background-color: #f4f6fa ;border: 1px solid #fff;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;filter: Alpha(Opacity=30);}
.Solutions dd a:hover span{color: #4D74D9;}
.Solutions dd span.icon1{background-position: 10px -92px;}
.Solutions dd span.icon2{background-position: 10px -141px;}
.Solutions dd span.icon3{background-position: 10px -194px;}
.Solutions dd span.icon4{background-position: 10px -246px;}
.Solutions dd span.icon5{background-position: 10px -43px;}
.Solutions dd span.icon6{background-position: 10px -300px;}
.Solutions dt{float: left;width: 98px;line-height: 41px; }


.cnt{padding-right:100px}
.cnt .tbl-header{margin-top:80px;height:50px}
.cnt .tbl-content{position:relative}
.cnt .tbl-content table thead tr{height:0}
.cnt table{width:93%}
.cnt table thead tr{height:50px}
.cnt table thead tr th{color:#fff}
.cnt table thead tr th:nth-of-type(1){width:40%;background-color:#4D74D9}
.cnt table thead tr th:nth-of-type(2){width:60%;background-color:#4D74D9}
.cnt table tbody tr:nth-of-type(2n+1){background-color:#fff}
.cnt table tbody tr:nth-of-type(2n){background-color:rgba(244,248,251,.6)}
.cnt table tbody td{line-height:2}
.cnt table tbody td.category{background:#EAF3FD; padding:20px; text-align:center}
.cnt table tbody td.detail{padding:20px;text-align:center}
.cnt table tbody td:first-child{text-align:center;padding-left:30px; line-height:120% !important}
.cnt table tbody td.enabled::before{content:'';display:inline-block;width:18px;height:10px;-webkit-transform:rotate(-43deg);transform:rotate(-43deg);border-left:solid 3px #47e096;border-bottom:solid 3px #47e096}
.cnt table tbody td.disabled::before{content:'';display:inline-block;width:16px;height:2px;background:#a2b2ac}

/**/
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.part-title{font-size:32px;letter-spacing:3.5px;margin:0 0 30px 0;font-weight:400;color:#05101F}
.part-subtitle{font-size:16px;color:#666;line-height:1.5;text-align:center}
.part-desc{color:#68768B;font-size:16px;line-height:1.8;letter-spacing:2px}
.hangye-part-01{padding:70px 0}
.containers{height:100%; width:1120px; margin:auto}
.b-header{height:600px;background:-webkit-linear-gradient(left top, #3474FF, #1313BC);background:-o-linear-gradient(bottom right, #3474FF, #1313BC);background:-moz-linear-gradient(bottom right, #3474FF, #1313BC);background:linear-gradient(to bottom right, #3474FF, #1313BC);color:#fff;overflow:hidden}
.b-header2{height:600px;;background:-webkit-linear-gradient(left top, #2936A3, #030531);background:-o-linear-gradient(bottom right, #2936A3, #030531);background:-moz-linear-gradient(bottom right, #2936A3, #030531);background:linear-gradient(to bottom right, #2936A3, #030531);color:#fff;overflow:hidden}
.b-header .sm-banner-container{display:none}
.b-header .banner-content{height:100%;color:#fff;position:relative}
.b-header .banner-content .text-content{position:absolute;top:50%;left:0;z-index:100;width:60%;transform:translateY(-50%)}
.b-header .banner-content .header-title{font-size:48px;line-height:1.5;letter-spacing:1px}
.b-header .banner-content .header-subtitle{font-size:18px;line-height:1.5;margin-top:20px;word-wrap:normal;}
.b-header .banner-content .sub-btn-opacity{margin-top:30px;font-size:14px;line-height:40px;width:164px;border-radius:2px;border:1px solid rgba(255,255,255,0.4);background:rgba(255,255,255,0);transition:color 0.2s ease-out, background-color 0.2s ease-out;-webkit-transition:color 0.2s ease-out, background-color 0.2s ease-out;-webkit-transition-property:color, background-color;-webkit-transition-duration:0.2s, 0.2s;-webkit-transition-timing-function:ease-out, ease-out; color:#FFF}
.b-header .banner-content .sub-btn-opacity:hover{color:#fff;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.4)}
.b-header .banner-container{position:absolute;top:0;right:0;width:100%;height:100%}
.b-header .c-s-bg{background:url(images/C_S.png) no-repeat right 105px}
.b-header .portals-bg{background:url(images/portals.png) no-repeat right 105px}
.b-header .CRM-bg{background:url(images/CRM.PNG) no-repeat right 105px}
.b-header .Taxation-bg{background:url(images/Taxation.PNG) no-repeat right 105px}
.b-header .unattended-bg{background:url(images/unattended.PNG) no-repeat right 105px}
.b-header .un-bg{background:url(images/unattended_1.png) no-repeat  bottom right -50px}
.b-header .skype-bg{background:url(images/skype.PNG) no-repeat right 105px}
.b-header .guhua-bg{background:url(images/guhua.PNG) no-repeat right 105px}
.b-header .wx-bg{background:url(images/wx.png) no-repeat right 105px}
.b-header .jz-bg{background:url(images/jz-bg.png) no-repeat right 105px}
.b-header .fc-bg{background:url(images/fc.png) no-repeat right 105px}
.b-header .wl-bg{background:url(images/wl.png) no-repeat right 105px}
.b-header .ito-bg{background:url(images/ito-bg.png) no-repeat right 105px}
.b-header .jr-bg{background:url(images/jr-bg.png) no-repeat right 105px}


.b-header .guangfu-container .text-content{max-width:600px}
.b-header .lvshi-container .text-content{width:60%}
.b-header .education-container .text-content{width:50%}

.skype{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif  }

.button-blue{background:#36b13c;color:#fff}.button-blue:focus,.button-blue:hover{color:#fff}.button-blue:before{background:#14961e}
.button2{display:block;width:290px;height:40px;text-align:center;line-height:40px;background:#3873FF;font-size:16px;border-radius:27px;padding:0 20px;margin:20px auto 50px auto}
.cs-part-02{background:#F9F9F9;margin-top:50px;padding:80px 0}
.cs-part-02-point{height:484px;background:url(images/bg.png) center no-repeat;background-size:382px 445px;font-size:0;position:relative}
.cs-part-02-point .step-part{position:absolute;width:100%}
.cs-part-02-point .top-part{top:0}
.cs-part-02-point .top-part .cs-advantage:nth-child(1){float:left;text-align:right}
.cs-part-02-point .top-part .cs-advantage:nth-child(2){float:right;text-align:left}
.cs-part-02-point .bottom-part{bottom:0}
.cs-part-02-point .bottom-part .cs-advantage:nth-child(1){float:left;text-align:right}
.cs-part-02-point .bottom-part .cs-advantage:nth-child(2){float:right;text-align:left}
.cs-part-02-point .cs-advantage{width:340px;font-size:14px}
.cs-part-02-point .advantage-icon{width:80px;margin-bottom:24px}
.cs-part-02-point .advantage-title{font-size:24px;line-height:1.6;font-weight:500;color:#333;margin-bottom:8px}
.cs-part-02-point .advantage-info{font-size:16px;line-height:1.5}

.col-xs-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px;float:left}
.col-sm-4{width:30%}
.col-sm-3{width:22%}
.cs-case-container .case-item{padding:50px 40px 0;height:350px;text-align:center;border:1px solid #E6E8ED;border-radius:4px;box-shadow:0 2px 6px rgba(5,29,75,0.04);margin:70px 0 0}
.cs-case-container .case-item:hover{box-shadow:0 8px 20px rgba(0,0,0,0.1)}
.cs-case-container .case-item .case-desc{font-size:14px;color:#666;text-align:left;line-height:1.5;letter-spacing:2px;text-align:justify}
.cs-case-container .case-item .case-logo-item{height:60px;margin-bottom:24px}
.cs-case-container .case-item .case-logo-item img{vertical-align:top}
.cs-case-container .case-item .case-shijianke-logo{width:260px}
.cs-case-container .case-item .case-zhuanyunshushu-logo{width:185px}
.cs-case-container .case-item .case-guoyuwang-logo{width:260px}

.cs-part-04{padding:80px 0}
.cs-part-point ul{margin-bottom:0;margin-top:80px;font-size:0;width:100%}
.cs-part-point ul li{min-height:100px;margin-bottom:100px;display:inline-block;vertical-align:middle;position:relative}
.cs-part-point ul li img{width:80px;position:absolute;top:0;left:0}
.cs-part-point ul li div{width:400px;display:inline-block;margin-left:100px; padding-top:15px}
.cs-part-point ul li .cs-point-title{font-size:22px;color:#05101F;margin-bottom:10px;}
.cs-part-point ul li .cs-point-content{font-size:16px;color:#68768B}
.cs-part-point ul li:nth-child(2n){float:right}

.cs-server{margin-top:40px; height:600px;}
.cs-server .server-solution{margin-top:80px;}
.cs-server .server-solution-card{padding:40px 45px 28px 45px;border:1px solid   #E6E8ED;box-shadow:0 2px 4px rgba(5,29,75,0.06);border-radius:4px;text-align:center;max-width:380px;height:300px;margin:0 auto;transition:all 0.4s;position:relative}
.cs-server .server-solution-card .solution-card-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
.cs-server .server-solution-card .solution-card-img{height:72px;background-size:72px;background-position:center;background-repeat:no-repeat}
.cs-server .server-solution-card .server-solution-1{background-image:url(images/c_j_1.png)}
.cs-server .server-solution-card .server-solution-2{background-image:url(images/c_j_2.png)}
.cs-server .server-solution-card .server-solution-3{background-image:url(images/c_j_3.png)}
.cs-server .server-solution-card .solution-card-title{color:#05101F;font-size:20px;margin-top:30px; font-weight:600}
.cs-server .server-solution-card .solution-card-title2{color:#05101F;font-size:16px;margin-top:10px}
.cs-server .server-solution-card .solution-card-content{text-align: center;margin-top:24px;font-size:14px;color:#666;margin-bottom:18px;line-height:2}
.cs-server .server-solution-card .see-more-detail{color:#0069FF;font-size:14px;opacity:0;transition:all 0.5s}
.cs-server .server-solution-card .see-more-detail:after{margin-top:4px}
.cs-server .server-solution-card:hover{box-shadow:0 8px 20px rgba(0,0,0,0.1)}
.cs-server .server-solution-card:hover .see-more-detail{opacity:1}
.cs-server .server-solution-card:hover .server-solution-card{width:420px}

.cs-server .server-solution-guhua{border:1px solid   #E6E8ED;box-shadow:0 2px 4px rgba(5,29,75,0.06);border-radius:4px;text-align:center;max-width:380px;height:300px;margin:0 auto;transition:all 0.4s;position:relative}
.cs-server .server-solution-guhua .solution-guhua-img{height:170px;background-size:370px;background-position:center;background-repeat:no-repeat}
.cs-server .server-solution-guhua .solution-guhua-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
.cs-server .server-solution-guhua .server-solution-1{background-image:url(images/c_j_1.png)}
.cs-server .server-solution-guhua .server-solution-2{background-image:url(images/c_j_2.png)}
.cs-server .server-solution-guhua .server-solution-3{background-image:url(images/c_j_3.png)}
.cs-server .server-solution-guhua .solution-guhua-title{color:#05101F;font-size:20px;margin-top:30px; font-weight:600}
.cs-server .server-solution-guhua .solution-guhua-title2{color:#05101F;font-size:16px;margin-top:10px}
.cs-server .server-solution-guhua .solution-guhua-content{text-align: center;margin-top:24px;font-size:14px;color:#666;margin-bottom:18px;line-height:2}
.cs-server .server-solution-guhua .see-more-detail{color:#0069FF;font-size:14px;opacity:0;transition:all 0.5s}
.cs-server .server-solution-guhua .see-more-detail:after{margin-top:4px}
.cs-server .server-solution-guhua:hover{box-shadow:0 8px 20px rgba(0,0,0,0.1)}
.cs-server .server-solution-guhua:hover .see-more-detail{opacity:1}
.cs-server .server-solution-guhua:hover .server-solution-guhua{width:420px}

.cs-part-point li:hover{
	box-shadow:0px 0px 20px 10px #edf0f4;
    -webkit-box-shadow:0px 0px 20px 10px #edf0f4;
    -moz-box-shadow:0px 0px 20px 10px #edf0f4;
    -o-box-shadow:0px 0px 20px 10px #edf0f4;
}


.portals .web-content-title{background:#FAFAFA;line-height:40px;font-size:32px;color:#05101F;padding:80px 0;text-align:center}
.portals .bg-gray-color{background:#FAFAFA}
.portals .bg-gray-color .con-item .con-pic{float:left !important}
.portals .bg-gray-color .con-item .con-txt{padding-left:140px;float:left}
.portals .bg-white-color{background:#fff}
.portals .bg-white-color .con-item .con-pic{float:right}
.portals .bg-white-color .con-item .con-txt{padding-right:140px;float:right}
.portals .bg-white-color{background:#fff}
.portals .bg-white-color .con-item .con-pic{float:right}
.portals .bg-white-color .con-item .con-txt{padding-right:140px;float:right}
.portals .web-content-list{padding:10px 0}
.portals .web-content-list .con-item .con-pic{width:35%;padding:20px}
.portals .web-content-list .con-item .con-pic .con-img{width:100%}
.portals .web-content-list .con-item .con-txt{width:45%;margin-top:10%}
.portals .web-content-list .con-item .con-txt .con-txt-title{font-size:32px;color:#05101F;line-height:46px;text-align:left}
.portals .web-content-list .con-item .con-txt .con-txt-text{margin-top:20px;margin-bottom:16px;line-height:32px;text-align:justify;font-size:18px;color:#666666}

.col-33{width:33.33333%; float:left}
.col-32{width:30.33333%; float:left}
.callback .ccallback-box {
	width:90%;
	margin: 0 auto;
	background: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 40px 0 20px 0;
	position: relative;
	overflow: hidden;
	box-shadow: 0 1px 10px rgba(0,0,0,.15);
	transition: all 0.3s ease-in;
	height: 260px;
	margin-top:50px; margin-bottom:50px
}
.callback .ccallback-box:hover {
	box-shadow: 0 10px 10px rgba(0,0,0,.15);
}

.callback .ccallback-box .line {
	position: absolute;
	top: 0;
	height: 2px;
	width: 100%;
	
}
.callback .co1 {
	background: #4D78F6
}
.callback .co2 {
	background: #4D78F6
}
.callback .co3 {
	background: #4D78F6
}
.callback .callback-title {
    font-size: 20px;
    margin-top: 30px;
}
.callback .callback-info {
    color: #999;
    margin-bottom: 10px;
}
.callback .callback-img img {
	width: 224px;
margin:0 auto;
}
		.wrappers {
		      height: 60px;
		      width: 430px;
		      border-radius: 4px;
		      box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
		      position: absolute;
		      top: 48%;
		      left: 80%;
		      margin-left: -230px;
		      margin-top: -30px;
		    }

		    .inputbox {
		      box-sizing: border-box;
		      width: 370px;
		      height: 100%;
		      font-size: 22px;
		      background-color: #FFFFFF;
		      border: 2px solid #E1E8ED;
		      border-right: 0;
		      border-radius: 4px 0 0 4px;
		      padding: 10px;
		      float: left;
		      display: block;
			  color:#03C
		    }

		    .submit {
		      height: 100%;
		      width: 60px;
		      float: left;
		      border: 2px solid #E1E8ED;
		      border-left: 0;
		      box-sizing: border-box;
		      background-color: #FFFFFF;
		      border-radius: 0 4px 4px 0;
		      text-indent: -200em;
		      overflow: hidden;
		      display: block;
		      cursor: pointer;
		      background-image: url(so.svg);
		      -webkit-background-size: 28px auto;
		      background-size: 28px auto;
		      background-repeat: no-repeat;
		      background-position: center center;

		    }

		    input:focus {
		      outline: none;
		    }
			
.footer{height:350px;overflow:hidden;background:url(images/footer-bg.svg);background-size:cover;position:relative}
.footer h2,.footer .h2{margin-top:105px;color:#fff;text-align:center;font-size:28px;line-height:1.5}
.footer-open{margin-top:57px !important}
.open1{padding:0.6em 2.5em;border-radius:2px;background:rgba(255,255,255,0);border:1px solid rgba(255,255,255,0.4);font-size:16px;font-weight:500;text-rendering:optimizeLegibility;color:#fff;transition:color 0.2s ease-out, background-color 0.2s ease-out;-webkit-transition:color 0.2s ease-out, background-color 0.2s ease-out;-webkit-transition-property:color, background-color;-webkit-transition-duration:0.2s, 0.2s;-webkit-transition-timing-function:ease-out, ease-out}
.open1:hover{border:1px solid rgba(255,255,255,0.6);background:rgba(255,255,255,0.12)}

/**/
.fle_wb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;-webkit-box-orient:horizontal;-webkit-box-lines:multiple;-moz-flex-flow:row wrap;box-orient:horizontal;box-lines:multiple;flex-flow:row wrap;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-between;box-pack:space-between;-webkit-box-align:space-between}
.w_1200{width:1200px;margin:0 auto}
.part1{width:100%;height:906px}
.part1 h2{font-size:30px;margin-top:50px}
.part1 .title{font-size:16px;margin-top:18px}
.part1 .list{width:100%;padding:0 20px;box-sizing:border-box;margin-top:45px}
.part1 .list li{width:262px;height:300px;border:1px solid #dfdede;box-sizing:border-box;border-radius:10px;margin-bottom:30px;padding:50px 30px 0;cursor:pointer;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
.part11 .cont li,.part5 .tabcont .list li{box-sizing:border-box;transition:all .2s ease-in-out}
.part1 .list li div{margin:0 auto}
.part1 .list li .p1{margin-top:28px;font-size:18px;color:#2a2a2a;text-align:center}
.part1 .list li .p2{margin-top:28px;font-size:14px;color:#616060;text-align:center; line-height:180% !important}
.part1 .list li:hover .p1,.part1 .list li:hover .p2{color:#fff}
.part1 .list li:nth-of-type(1):hover div{background:url(images/part1_img1s.png) no-repeat}
.part1 .list li:nth-of-type(2):hover div{background:url(images/part1_img2s.png) no-repeat}
.part1 .list li:nth-of-type(3):hover div{background:url(images/part1_img3s.png) no-repeat}
.part1 .list li:nth-of-type(4):hover div{background:url(images/part1_img4s.png) no-repeat}
.part1 .list li:nth-of-type(5):hover div{background:url(images/part1_img5s.png) no-repeat}
.part1 .list li:nth-of-type(6):hover div{background:url(images/part1_img6s.png) no-repeat}
.part1 .list li:nth-of-type(7):hover div{background:url(images/part1_img7s.png) no-repeat}
.part1 .list li:nth-of-type(8):hover div{background:url(images/part1_img8s.png) no-repeat}
.part1 .list li:nth-of-type(1) div{width:77px;height:70px;background:url(images/part1_img1.png) no-repeat}
.part1 .list li:nth-of-type(2) div{width:70px;height:70px;background:url(images/part1_img2.png) no-repeat}
.part1 .list li:nth-of-type(3) div{width:70px;height:70px;background:url(images/part1_img3.png) no-repeat}
.part1 .list li:nth-of-type(4) div{width:70px;height:70px;background:url(images/part1_img4.png) no-repeat}
.part1 .list li:nth-of-type(5) div{width:70px;height:70px;background:url(images/part1_img5.png) no-repeat}
.part1 .list li:nth-of-type(6) div{width:76px;height:70px;background:url(images/part1_img6.png) no-repeat}
.part1 .list li:nth-of-type(7) div{width:76px;height:70px;background:url(images/part1_img7.png) no-repeat}
.part1 .list li:nth-of-type(8) div{width:76px;height:70px;background:url(images/part1_img8.png) no-repeat}
.part1 .more{padding-top:24px}
.part1 .more_bt{display:block;margin:0 auto;width:236px;height:52px;border:1px solid #5097ff;line-height:50px;color:#5097ff;font-size:14px;text-align:center}

.part1 .list li:hover,.wi_shop_banner .bt .free_bt1{background:#5097ff}
.part1 h2,.part10 h2,.part11 h2,.part3 h2,.part4 h2,.part5 h2,.part6 h2,.part7 h2,.part9 h2{font-weight:400}

.container {
  width: 100%;
  height: 100%;
}
.container .problem {
  width: 100%;
  height: 1200px;
  background:#171F6D;
  padding-top: 75px;
  box-sizing: border-box;
  color: #fff;
}
.container .problem h3 {
  font-size: 30px;
  text-align: center;
  font-weight: normal;
}
.container .problem p {
  width: 752px;
  text-align: center;
  margin: 0 auto;
  font-size: 16px;
  height: 15px;
  line-height: 20px;
}
.container .problem p:first-of-type {
  margin-top: 20px;
  margin-bottom: 65px;
}
.container .problem ul {
  width: 888px;
  margin: 0 auto;
}
.container .problem ul li {
  height: 135px;
  padding-left: 158px;
  padding-top: 25px;
}
.container .problem ul li h4 {
  height: 18px;
  font-size: 18px;
  color: #ffffff;
}
.container .problem ul li p {
  margin-left: 0 !important;
  color: #d3d3d3;
  font-size: 16px;
  text-align: left !important;
  width: 644px;
  height: 38px;
  line-height: 24px !important;
}
.container .problem ul li.proList1 {
  background: url('images/iot1.png') no-repeat center center;
}
.container .problem ul li.proList2 {
  background: url('images/iot2.png') no-repeat 65px center;
}
.container .problem ul li.proList3 {
  background: url('images/iot3.png') no-repeat center center;
}
.container .problem ul li.proList4 {
  background: url('images/iot4.png') no-repeat 65px center;
}
.container .problem ul li.proList5 {
  background: url('images/iot5.png') no-repeat center center;
}
.container .problem ul li.proList6 {
  background: url('images/iot6.png') no-repeat 65px center;
}
.container .problem ul li.proList7 {
  background: url('images/iot7.png') no-repeat center center;
}
/*解决方案*/
.electrical h2, .business h2, .industry h2, .avantage h2,.newscenter h2 {
	margin-top: 50px;
	color: #4a4a4a;
	font-size: 28px;
	font-family: MicrosoftYaHei;
	text-align: center;
}

.electrical {

	/*background: url('/static/user/images/electricalbg.jpg');*/
	overflow: hidden;
	background: #fafafa;
}

.electri_box {
	width: 1200px;
	margin: 0 auto 50px;
	overflow: hidden;
}

.business {
	width: 1200px;
	margin: 0 auto;
	padding-bottom:100px;
}

.business h2 {
	margin-top:90px; text-align:center;font-size:32px !important; padding-bottom:40px
}

.business dl {
	float: left;
	width: 500px;
	height: 170px;
	margin: 76px 0 0 100px;
}

.business dl dt {
	float: left;
	width: 140px;
	height: 170px;
}

.business dl dt span {
	display: block;
	width: 85px;
	height: 100px;
	margin-top: 38px;
	background: url("images/jr.png") no-repeat center center;
	margin-right:50px !important
	
}

.business dl:hover span {
	-webkit-animation: bounce 1s 0s ease both;
	-moz-animation: bounce 1s 0s ease both;
	animation: bounce 1s 0s ease both;
}

/*.business dl dt span{

}*/
@-webkit-keyframes bounce {
	from, 20%, 53%, 80%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40%, 43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}

}

@keyframes bounce {
	from, 20%, 53%, 80%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40%, 43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}

}

.business .business_dd {
	color: #3a3a3a;
	font-size: 22px;
	line-height: 35px;
	text-indent: 0;
}

.business dl dd {
	color: #6e6e6e;
	font-size: 17px;
	font-family: MicrosoftYaHei;
	line-height: 35px;
	text-indent: 1em;
}

.business dl dd span {
	font-size: 13px;
	opacity: 0.5;
	padding-right:5px
}

.business dl:nth-child(3) dt span {
	background: url("images/jr3.png") no-repeat center center;
}

.business dl:nth-child(4) dt span {
	background: url("images/jr4.png") no-repeat center center;
}

.business dl:nth-child(5) dt span {
	background: url("images/jr5.png") no-repeat center center;
}

.electrical_li {
	width: 230px;
	height: 320px;
	background: #fff;
	float: left;
	margin-left: 60px;
	text-align: center;
}

.electrical_li:first-child {
	margin-left: 40px;
}

.electrical_ul {
	overflow: hidden;
	width: 1200px;
	margin-top: 30px;
	height: 340px;
}

.electrucal_imgbox {
	width: 108px;
	height: 108px;
	box-sizing: border-box;
	border-radius: 100%;
	margin: 50px auto 30px;
	position: relative;
}

.electrucal_img {
	width: 66px;
	height: 64px;
	position: relative;
	top: 20px;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}

.electrical_li:hover .electrucal_img {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}

.electrical_li:hover .electrucal_imgbox {
	border: 2px solid transparent;
}

.electrical_li:hover .electrucal_imgbox:after {
	display: block;
	-webkit-animation: circleAround 9s linear infinite;
	-moz-animation: circleAround 9s linear infinite;
	animation: circleAround 9s linear infinite;
}

@-webkit-keyframes circleAround {
	from {
		-webkit-transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
	}

}

@-moz-keyframes circleAround {
	from {
		-moz-transform: rotate(0deg)
	}

	to {
		-moz-transform: rotate(360deg);
	}

}

@keyframes circleAround {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg);
	}

}

.electrucal_imgbox:after {
	position: absolute;
	top: -2px;
	left: -2px;
	padding: 0;
	z-index: 10;
	display: none;
	width: 100%;
	height: 100%;
	border: 2px dashed #3476F3;
	border-radius: 100%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.electrucal_tit {
	font-size: 20px;
	color: #3a3a3a;
	line-height: 20px;
	margin-bottom: 20px;
}

.electrucal_txt {
	font-size: 17px;
	color: #939393;
	line-height: 25px;
}

.electrical_li:hover {
	box-shadow: 0 0 10px #EAE9E9;
}
/* three_plate */
.three_plate{
    height: 754px;
}
.three_plate h2{
    position: relative;
    top: 60px;
    font-size: 32px;
    text-align: center;
}
.three_plate ul{
    width: 1120px;
    height: 548px;
    margin: 0 auto;
    position: relative;
    top: 120px;
    display: flex;
    justify-content: space-between;
}
.three_plate ul>li{
    width: 350px;
    height: 548px;
    background: white;
    position: relative;
    
}
.three_plate ul>li:hover{
    box-shadow:0px 1px 17px 1px rgba(49,126,230,0.21);
}

.iconfont{
    display: block;
    width: 84px;
    height: 84px;
    margin: 50px auto;
    margin-bottom: 33px;
    border-radius: 50%;
    border: 1px solid black;
}
.icon-security::before{
    width: 84px;
    height: 84px;
    font-size: 110px; 
    position: absolute;  
    top:42px;
    left:132px; 
}

.icon-3{background-image:url(images/jr_3_3.png)}
.icon-2{background-image:url(images/jr_3_2.png)}
.icon-1{background-image:url(images/jr_3_1.png)}

.three_plate ul>li h1{
    font-size: 30px;
    text-align: center;
}
.three_plate ul>li h4{
    width: 42px;
    height: 2px;
    margin: 40px auto;
    background: #999999;
}
.three_plate ul>li p{
    text-align: center;
    font-size: 14px;
    color:#999999;
    margin-top: 20px;
}
.three_plate ul>li div{
    width: 284px;
    margin: 0 auto;
    margin-top: 86px;
    display: flex;
    justify-content: space-between;
}
.three_plate ul>li a{
    display: block;
    width: 132px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    border-radius:3px;
}
.details{
    border: 1px solid #999999;
    color: black;
}
.purchase{
    background:rgba(49,126,230,1);
    border-radius:3px;
    color: white;
}
.soon{
    display: block;
    width: 132px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    border-radius:3px;  
    border:1px solid black;
}
.security>div .soon:hover{
    background: rgb(49, 126, 230);
    border: 1px solid rgb(49, 126, 230);
    color: white;
}


.yisu-specialty{
    width: 100%;
    background-color: #fff;
    padding-top: 100px;
}
.specialty-title{
    width: 100%;
    height: 144px;
    line-height: 34px;
    font-size: 34px;
    color: #2D3037;
    text-align: center;
}
.specialty-show{
    width: 1120px;
    margin: 0 auto;
}
.specialtybox{
    float: left;
    width: 400px;
    height: 280px;
    text-align: center;
    margin-bottom: 78px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.specialtybox-head{
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-bottom: 33px;
}
.backups-specialty .specialtybox{
    width: 250px;
	box-shadow:5px 10px 30px 0px rgba(49,83,212,0.1);
	margin-right:35px;
	padding-top:60px
}
.specialty-show .backups-one-specialtybox .specialtybox-head{
    background: url("images/back_img.png") no-repeat -10px -10px;
}
.specialty-show .backups-one-specialtybox:hover .specialtybox-head{
    background: url("images/back_img.png") no-repeat -10px -100px;
}
.specialty-show .backups-two-specialtybox .specialtybox-head{
    background: url("images/back_img.png") no-repeat -100px -10px;
}
.specialty-show .backups-two-specialtybox:hover .specialtybox-head{
    background: url("images/back_img.png") no-repeat -100px -100px;
}
.specialty-show .backups-three-specialtybox .specialtybox-head{
    background: url("images/back_img.png") no-repeat -190px -10px;
}
.specialty-show .backups-three-specialtybox:hover .specialtybox-head{
    background: url("images/back_img.png") no-repeat -190px -100px;
}
.specialty-show .backups-four-specialtybox .specialtybox-head{
    background: url("images/back_img.png") no-repeat -280px -10px;
}
.specialty-show .backups-four-specialtybox:hover .specialtybox-head{
    background: url("images/back_img.png") no-repeat -280px -100px;
}
.specialtybox-title{
    height: 34px;
    line-height: 20px;
    font-size: 20px;
    color: #2D3037;
    text-align: center;
}
.specialtybox-des p{
    line-height: 28px;
    font-size: 16px;
    color: #5E6D81;
}



/*网络品质安全*/
.jc-box .auto {
	position: relative;
}
.jc-animate-wrapper {
	position: absolute;
	top: -285px;
	right: 53px;
	width: 909px;
	height: 586px;
}
.jc-box {
	position: relative;
	padding-top: 90px;
	height: 705px;
	background:  #112335;
	margin-top:100px;
}
.net-black-div-box {
	z-index: 1;
	width: 775px;
	height: 457px;
	top: 267px;
	left: 187px;
	position: absolute;
	background: url(images/bg_01.jpg) no-repeat center ;
}
.jc-title {
	margin-bottom: 26px;
	font-size: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
}
.jc-explain {
	margin-bottom: 100px;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	color: #999;
}

.jc-intro-wrapper {
	margin-bottom: 40px;
}
.jc-intro-div {
	padding-left: 50px;
	height: 120px;
	width: 340px;
}
.safety-intro-div-01 {
	background: url(images/icon_01.png) no-repeat 0 0;
}
.safety-intro-div-02 {
	background: url(images/icon_02.png) no-repeat 0 0;
}
.safety-intro-div-03 {
	background: url(images/icon_03.png) no-repeat 0 0;
}

.jc-intro-title {
	margin-bottom: 8px;
	padding-left: 8px;
	height: 18px;
	line-height: 18px;
	font-size: 18px;
	color: #fff;
}
.jc-intro-subtitle {
	position: relative;
	display: inline-block;
	padding: 0 30px 0 8px;
	height: 42px;
	line-height: 42px;
	font-size: 32px;
	color: #999999;
}
.jc-subtitle-line {
	position: absolute;
	z-index: 8;
	left: 0;
	top: 1px;
	width: 100%;
	height: 1px;
	background: #36373e;
}
.jc-subtitle-dot {
	position: absolute;
	z-index: 9;
	left: 0px;
	top: 0px;
	width: 4px;
	height: 3px;
	background-color: #89898e;
}
.jc-subtitle-icon {
	position: absolute;
	z-index: 9;
	width: 28px;
	height: 28px;
	top: -13px;
	right: -13px;
	background: url(img/net_safety_subtitle_icon.png) no-repeat center;
}
.jc-more-link {
	display: block;
	border: 1px solid #919295;
	width: 172px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	background-color: transparent;
	color: #fff;
	text-align: center;
}
.jc-more-link:hover {
	border-color: #fff;
	background-color: #fff;
	color: #333;
}