@charset "utf-8";
/* CSS Document */
.carousel {
    top: -1px;
}
.qwyx_1_con {
    width: 1200px;
    margin:40px 0 100px;
}
.qwyx_1_con ul li{width: 25%;height: 400px;border: 1px solid #ddd;border-right: none;float: left;text-align: center;font-size: 14px;color:#555;position: relative;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;}
.qwyx_1_con ul li:last-child{border-right: 1px solid #ddd;}
.qwyx_1_con ul li h2{font-size: 20px;color:#000022; margin-top:65px;-webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;}
.wzjs_1_con li h2 {
    padding-top: 70px;
}
.wzjs_1_con li a.buy h2{ padding-top:0;}
.qwyx_1_con ul li h3{font-size: 18px;color:#555555;margin: 20px 0 10px;}
.qwyx_1_con ul li:hover h2{color:#ce0000;}
.qwyx_1_con ul li:hover h3{color:#666;}
.additional-list li .max-width240 {
    max-width: 240px;
    margin: 0 auto; color:#666;display:none;
}
.qwyx_1_con ul li span{width: 120px;height: 40px;background: #f8f8f8;color:#888888;display: inline-block;border-radius: 20px;line-height: 40px;margin: 40px 0 0;
  border: 1px solid #ddd; -webkit-transition: .5s;text-align: center;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;}
.qwyx_1_con ul li:hover span{background: #ce0000;color:#fff;border: 1px solid #ce0000;}
.qwyx_1_con ul li:hover{-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);box-shadow:0 0 15px rgba(0,0,0,0.2);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}

.qwyx_1_con ul li:hover p{ color: #999;}
.wzjs_1_con li.wzjs_1_li1 {
    height: 300px !important;
}.wzjs_1_con li.wzjs_1_li2 {
    height: 300px !important;
}
.qwyx_1_con ul li i {
    width: 96px;
    height: 96px;
    display: block;
    border-radius: 50%;
    border: 1px solid #0c0c2c;
    position: absolute;
    left: 50%;
    top: 0;
    margin: -48px 0 0 -48px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.wzjs_1_con li i {
    top: 70px !important;
}
.wzjs_1_li1 i, .wzjs_1_li2 i {
    margin: 0 0 0 -250px !important;
}
.wzjs_1_ul #on{ background-color:#dedede;}
.wzjs_1_ul #ot{ background-color:#f0f0f0;}

.wzjs_1_li2 {
    border-right: 1px solid #ddd !important;
}
.wzjs_1_li2 {
    border-right: 1px solid #ddd !important;
}
.wzjs_1_li1, .wzjs_1_li2 {
    width: 50% !important;
    height: 310px !important;
    border-bottom: none !important;
    text-align: left !important;
    padding-left: 172px !important;
}

.wzjs_1_li1, .wzjs_1_li2 {
    width: 50% !important;
    height: 310px !important;
    border-bottom: none !important;
    text-align: left !important;
    padding-left: 172px !important;
}
@media(max-width:1000px){
.wzjs_1_li1, .wzjs_1_li2{width:100% !important;}
.wzjs_1_li1, .wzjs_1_li2{padding-left: 40% !important;}
}
/*about*/
.about_banner { height: auto;position: relative;width: 100%;padding-top: 0px;}
.about_banCen{ position:absolute; top:15%; left:50%; z-index:30; margin-left:-587px; max-width:1230px;}
.about_banTitle{ line-height:100%; color:#FFF; font-size:35px; font-weight:bold; text-align:center;}
.about_banCon{ color:#ff95a5; font-size:16px; line-height:30px; height:auto; overflow:hidden; padding-top:40px;margin-bottom:5%;}

#about{ width:100%;margin-top:-5%;}
.about_banimg img{ max-width: 100%;}
.about_po{ width:100%; height:410px; background-color:#e4e4e4;}
.about_poCen{ height:410px;}
.about_poCen ul{ width:1158px; position:relative; z-index:10;margin:auto;}
.about_poCen li{ float:left; width:33.333%; margin-right:0px; display:inline;}
.about_poicon{ background:url(../images/about_poicon.png) no-repeat;margin:auto; width:200px; height:200px;  padding-top:58px; text-align:center;}
.about_pocn{ height:46px; line-height:46px; color:#FFF; font-size:26px;}
.about_poen{color:#fffefe; font-size:14px; line-height:36px;}
.about_pocn span{ padding-bottom:5px; border-bottom:2px solid #e38690;}
.about_pointro{ color:#666; font-size:16px; line-height:30px;height:auto; overflow:hidden; padding-top:32px; text-align:center;padding-left:5%;padding-right:5%}
#bi{margin-left: 0;left: 42%;}
/*公用标题*/
.btitle{ display:block; text-align: center; line-height: 50px; font-size:34px; color:#000; margin:10px auto; position:relative; padding:10px 0;  }
/*.btitle:after{ content: ""; width:50px; height: 2px; background:#000; position: absolute; bottom:0; left: 50%; margin-left:-25px;}
*/.btitle h5{ font-size:16px; line-height: 30px;}

.bggray {background-color: #FFF;}
.fullwidth {clear: both;overflow: hidden; width: 100%;}
.padt2 {padding-top: 25px;}
.intr_link {margin: 40px 0 0 120px;}
.intr_link a{ color:#fff;}	
.intr_button{width:243px;height:58px;text-align:center;	line-height:58px;	background:url(../images/icons03.png) center;font-size:18px;display:block;float:left;border:none;}
.intr_button02{background:url(../images/icons04.png) center;margin:0 70px;}	
.intr_button:hover{	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);opacity:0.8;}
.padtb {padding: 30px 0;}
.pubdiv { clear: both; margin: 0 auto;overflow: hidden;width: 1200px;}
.tit2 {color: #000;font-size: 34px;text-align: center;}
.layout {width: 1100px; margin: 0 auto;}
a:hover{color:#ff6c07;}
.grWidth{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.product {
	padding:0!important;
    padding-top:30px;padding-bottom:60px;
    overflow: hidden;
}
.advantage{background: #fff; padding-top:0px; min-height:455px;}
.advantage-cont{ overflow: hidden; width: 100%; margin:20px auto;margin-bottom:5%;text-align: center;}
.advantage-cont img {vertical-align: middle;}
.main {padding-bottom: 0;
    position: relative;
    z-index: 5;
}
.main{max-width:1200px; margin:0 auto; padding:30px 0;overflow: hidden;}


/*五大核心 core*/
.bggray{ background:#fff;}
.core ul{ width:100%; overflow: hidden; padding-top:40px;padding-bottom:0px; text-align: center;}
.core ul li{ float:left; overflow: hidden; width:25%; margin:0 0%; -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s; margin-bottom:5%;}
.core ul li:hover{-webkit-transform: translate(0,-10px);
-moz-transform: translate(0,-10px);
-o-transform: translate(0,-10px);
-ms-transform: translate(0,-10px);
transform: translate(0,-10px);}
.core ul li a{ height:450px;display:block; width:100%;padding-top:5%;border-right:solid 1px #dedede; background-color:#FFF;  -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);box-shadow:0 0 15px rgba(0,0,0,0.2);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0); border-radius:3px; position: relative; overflow: hidden;}
.core ul li:nth-child(4n) a{border:none;}
.core ul li a h4{line-height:40px; font-size:20px;  display: block; text-align: center; color:#333;  }
.core ul li a i{  display: block; width:80px; height:80px; line-height: 80px; border-radius: 50%; color:#fff; font-size:50px; text-align: center;  margin:40px auto; -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);}
.core ul li:hover a i{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}

.core ul li a span{  display:block; text-align: left; line-height: 24px; color:#666; font-size:14px;padding:5%; }
.core ul li a:hover{ box-shadow:2px 2px 3px 5px rgba(0,0,0,.2);}
.core ul li a:before{ content:""; display:block; position:absolute; width:0; height:0; top:0; left:0; border-width:24px 24px 0 0;border-style:solid; border-color:#d41416 transparent transparent transparent; opacity:0; -webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;}
.core ul li a:after{content:""; display:block; position:absolute; width:0; height:0; bottom:0; right:0; border-width:0 0 24px 24px ;border-style:solid; border-color:transparent transparent #d41416  transparent; opacity:0;}
.core ul li a:hover:before, .core ul li a:hover:after{ opacity:1;}

@font-face {
	font-family: "iconfont";
	src: url('../font/iconfont.eot'); /* IE9*/
	src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('../font/iconfont.woff') format('woff'), /* chrome、firefox */  url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0px;
	-moz-osx-font-smoothing: grayscale;
}
/*颜色*/
.fcolorb{ color:#f92427;}
.fcolordb{/* color: #186dbf */!important;}
.fcoloro{ color: #ff7200;}
.fcolordo{color: #ff7300;}
.fcolorr{ color: #f00;}
.fcolorg{ color:#ec9c11;}
.fcolorp{ color:#fc6666;}
.fcolorpp{ color:#f2b40c;}
.bgdb{ background-color: #186dbf;}
.bgb{ background:#f66163 ;}
.bgdb{ background:#e89312;}
.bgo{ background: #ff7200;}
.bgdo{background: #ff7300;}
.bgr{ background: #f00;}
.bgg{ background: #fac63b ;}
.bgp{ background: #fc6666;}
.b1p{ background: #e89312;}
.b2p{ background: #ec9c11;}
.b3p{ background: #186dbf;}

.icon-zuanshi:before { content: "\e600"; }
.icon-network:before { content: "\e611"; }
.icon-earth:before { content: "\e601"; }
.icon-search:before { content: "\e602"; }
.icon-data:before { content: "\e603"; }
.icon-zhuanti:before { content: "\e608"; }
.icon-xiangying:before { content: "\e604"; }
.icon-at:before { content: "\e61a"; }
.icon-sousuo:before { content: "\e61b"; }
.icon-stander:before { content: "\e60c"; }
.icon-rank:before { content: "\e618"; }
.icon-ditu:before { content: "\e61c"; }
.icon-schicon:before { content: "\e605"; }
.icon-weixin:before { content: "\e61d"; }
.icon-shouji:before { content: "\e61e"; }
.icon-mima:before { content: "\e607"; }
.icon-hezuo:before { content: "\e60d"; }
.icon-xinwen:before { content: "\e61f"; }
.icon-qq:before { content: "\e620"; }
.icon-follower:before { content: "\e62d"; }
.icon-youjiantou:before { content: "\e62a"; }
.icon-phone:before { content: "\e621"; }
.icon-film:before { content: "\e62f"; }
.icon-editicon:before { content: "\e606"; }
.icon-base:before { content: "\e60e"; }
.icon-mail:before { content: "\e622"; }
.icon-wangzhan:before { content: "\e612"; }
.icon-speed:before { content: "\e613"; }
.icon-working:before { content: "\e614"; }
.icon-receive:before { content: "\e615"; }
.icon-meitizixun:before { content: "\e609"; }
.icon-zuojiantou:before { content: "\e630"; }
.icon-media:before { content: "\e60a"; }
.icon-yidong:before { content: "\e60f"; }
.icon-activate:before { content: "\e616"; }
.icon-account:before { content: "\e60b"; }
.icon-zhuce:before { content: "\e617"; }
.icon-vip:before { content: "\e610"; }
.icon-uarrow:before { content: "\e62c"; }
.icon-darrow:before { content: "\e62b"; }
.icon-accounts:before { content: "\e619"; }
.icon-airs:before { content: "\e623"; }
.icon-discern:before { content: "\e624"; }
.icon-cloudfresh:before { content: "\e625"; }
.icon-website:before { content: "\e620"; }
.icon-respond:before { content: "\e627"; }
.icon-accountdone:before { content: "\e623"; }
.icon-setting:before { content: "\e628"; }
.icon-zuojiantou:before { content: "\e630"; }
.icon-closebtn:before { content: "\e62e"; }
.icon-media3:before {content: "\e61c";}
.icon-media2:before {content: "\e61b";}
.icon-media1:before {content: "\e60b";}


.qwyx_1_con ul li i.w1-1{background: url(../images/w1-1.png) center no-repeat #fff;}
.qwyx_1_con ul li:hover i.w1-1{background: url(../images/w1-1_on.png) center no-repeat #fff;}
.qwyx_1_con ul li i.w1-2{background: url(../images/w1-2.png) center no-repeat #fff;}
.qwyx_1_con ul li:hover i.w1-2{background: url(../images/w1-2_on.png) center no-repeat #fff;}
.qwyx_1_con ul li i.w1-3{background: url(../images/w1-3.png) center no-repeat #fff;}
.qwyx_1_con ul li:hover i.w1-3{background: url(../images/w1-3_on.png) center no-repeat #fff;}
.qwyx_1_con ul li i.w1-4{background: url(../images/w1-4.png) center no-repeat #fff;}
.qwyx_1_con ul li:hover i.w1-4{background: url(../images/w1-4_on.png) center no-repeat #fff;}
.qwyx_1_con ul li i.w1-5{background: url(../images/w1-5.png) center no-repeat #fff;}
.qwyx_1_con ul li:hover i.w1-5{background: url(../images/w1-5_on.png) center no-repeat #fff;}
.qwyx_1_con ul li i.w1-6{background: url(../images/w1-6.png) center no-repeat #fff;}
.qwyx_1_con ul li:hover i.w1-6{background: url(../images/w1-6_on.png) center no-repeat #fff;}
.qwyx_1_con ul li p{ color:#666;width:80%;margin:auto;line-height:25px;}
.qwyx_1_con .wzjs_1_li1 p{width:auto;}
.qwyx_1_con .wzjs_1_li2 p{width:auto;}


.additional-list {
    font-size: 0;
    line-height: 0;
    text-align: center;
    padding-top: 70px;
}.additional-list li {
    width: 25%;
    padding-bottom: 65px;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    font-size: 16px;
    line-height: 24px;
}.additional-list li .addit-box {
    padding: 0 20px;
}
.additional-list li {
    font-size: 14px;
    line-height: 24px;
}.additional-list li .add-icon {
    width: 160px; background-color:#fff;
    height: 160px;
    border: 1px solid #d90000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto 20px;
}.additional-list li .add-icon img {
    display: block;
    width: 100%;
}.additional-list li h5 {
    margin-bottom: 15px;
}


.weblg {
    max-width: 100%;margin-top:5%;margin-bottom:5%;
    position: relative;
    z-index: 1;
}.elec-featrue li {
    float: left;
    width: 25%;
    background-color: #f2f2f2;
} .elec-featrue .inner {
    padding: 40px 21px 23px 26px;
    font-size: 16px;
    line-height: 24px;
    color: #666;
} .elec-featrue .ico {
    margin-bottom: 17px; text-align:center;
    font-size: 0;
    line-height: 54px;
}.elec-featrue .ico img {
    vertical-align: middle;
} .elec-featrue h3 {
    margin-bottom: 24px; text-align:center;
    font-size: 20px;
    line-height: 30px;
    color: #333;
}
.elec-featrue h3:hover{ color:#666;}
 .elec-featrue p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    display: -webkit-box;
    height: 180px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

 .elec-featrue .ed {
    background-color: #ededed;
}
.vsbox {
    padding: 50px 0;
}
.vsbox  h1 {
    font-size: 30px;
}.vsbox  h1, .vsbox  h2, .vsbox  h3 {
    font-weight: normal;
    text-align: center;
}.vsbox h1 {
    color: #333;
    line-height: 125%;
    padding-bottom: 20px;
}
.table-bordered > tbody > tr > td {
    border-color: #aaa;
    padding: 12px 8px;
}.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{border: 1px solid #ddd;
    line-height:30px;
    padding: 8px;
    vertical-align: top; text-align:center;
}
#outerContainer_1466504571752 {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0px;
    padding-top: 30px;
}#outerContainer_1466504571752 > .container {
    background-color: rgba(0, 0, 0, 0);
    border-color: #000;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
}.table-bordered{width:100%;}
.table-responsive {
    min-height: 0.01%;
    overflow-x: auto;
}.col-md-12 {
    width: 100%;
}
.pricing-table-small-button a {
    margin-right: 0;
}
.btn-custom {
    background-color: #d51516;
    border: 1px solid #d51516;
    color: #fff;
    font-size: 14px;
    margin-right: 20px;
    padding: 10px 30px;
    text-transform: uppercase;
}
.btn-custom:hover{    background-color: #e99412;
    border: 1px solid #e99412;}