/*************************************************sulian reset start***********************************************************/
@charset "utf-8";
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 12px;
    vertical-align: baseline;
    background: transparent;
    font-family:"Microsoft YaHei";
    /*font-family:"Microsoft YaHei";*/
    word-break:break-all; /*支持IE，chrome，FF不支持*/
　　word-wrap:break-word;/*支持IE，chrome，FF*/
}
body ol, body ul,body p{list-style: none;margin:0;padding:0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none !important;}

.e {text-overflow:ellipsis !important; white-space:nowrap !important; overflow:hidden !important;}
.cl,.clearfix,.clear{clear:both;height:1px;line-height:1px;font-size:1px;}
.fl{float:left;}.fr{float:right;}.rl{position:relative;}

.hid{overflow:hidden;}
.dis3{height:3px;line-height:3px;clear:both;}
.dis5{height:5px;line-height:5px;clear:both;}
.dis7{height:7px;line-height:7px;clear:both;}
.dis9{height:9px;line-height:9px;clear:both;}
.dis10{height:10px;line-height:10px;clear:both;}
.dis15{height:15px;line-height:15px;clear:both;}
.dis17{height:17px;line-height:17px;clear:both;}
.dis20{height:20px;line-height:20px;clear:both;}
.dis25{height:25px;line-height:25px;overflow:hidden;clear:both;}
.dis30{height:30px;line-height:30px;clear:both;}
.dis40{height:40px;line-height:40px;clear:both;}
.dis60{height:60px;line-height:60px;clear:both;}

.f24 i {font-size:24px;}
.fm {font-weight: 400 !important}
/* common */
html,body {min-width:1210px;}
body {overflow-x:hidden;overflow-y:scroll;min-width: 1280px;}

.col {margin:20px 0;}

.font-sgray {color:#ccc;}
.font-gray {color:#7d8c91;}
.font-gray2 {color:#ababab;}

.font-org,.font-org:hover {color:#ff6f02;}
.font-red {color:#f00;}
.font-gray,.font-gray:hover {color:#7d8c91;}
.font-black,.font-black:hover {color:#333;}
.font-white,.font-white:hover  {color:#fff;}
.font-yellow,.font-yellow:hover {color:#fffc00;}
.font-green,.font-green:hover {color:#009f3d;}
.font-blue2,.font-blue2:hover {color:#195ea1;}
.font-blue,.font-blue:hover {color:#1598db;}

.tl{text-align:left;}.tr{text-align:right;}.tc{text-align:center;}.tdindent28{text-indent:28px;}.tdindent24{text-indent:24px;}
.f9{font-size:9px !important;}.f10{font-size:10px !important;}.f11{font-size:11px !important;}.f12{font-size:12px !important;}.f14{font-size:14px !important;}.f16{font-size:16px !important;}.f18{font-size:18px !important;}.f20{font-size:20px !important;}.f24{font-size:24px !important;}.f32{font-size:32px !important;}.fb{font-weight:700 !important;}.fn {font-weight:400 !important;}

.w100 {width:100%;}
.aps {width: 1210px;margin:0 auto;}

.page-tips{position:fixed;top:0;left:0;text-align:center;width:100%;z-index:10000}
.page-tips .inner{display:inline-block;*display:inline;*zoom:1;min-width:280px;padding:3px 30px 5px 30px;color:#fff}
.page-tips.success .inner{background-color:#44b549}
.page-tips.error .inner{background-color:#d43d3d}

.page-next-tips{margin-bottom:15px;}
.page-next-tips .inner{display:inline-block;*display:inline;*zoom:1;width:100%;padding:3px 0 5px 0;color:#fff;text-indent:12px;}
.page-next-tips-success .inner{background-color:#44b549}
.page-next-tips-error .inner{background-color:#d43d3d}
/**header **/
/*topbar*/
.topbar {background: #2e3033;height: 28px;}
.topbar .nav {width: 70%;float:right;}
.topbar .nav ul {}
.topbar .nav ul li {float: right;padding-left:30px;height: 28px;line-height: 28px;}
.topbar .nav ul li a {color:#efefef;}
.topbar .nav ul li span.tit {color:#ababab;}
.topbar .nav ul li span.b {font-weight: 700;color:#ea5404;font-size:16px;}
/*header*/
.header {}
.header {position:relative;z-index:100;min-width:1000px;background: #101010;}
.header-blue {background: #0353b2;}
.header .navigation-inner{position:relative}
.header .logo {width: 200px;float:left;padding: 13px 0 5px 0;}
.header:hover {
background-color:#101010;
-webkit-transition:height .2s,background-color .2s;
transition:height .2s,background-color .2s;
}

.navigation-up { }
.navigation-up .navigation{margin-left:45px;float:left;_margin-left:10px}
.navigation-up .navigation .nav-r{
    height: 92px;
    line-height: 92px;
    position: absolute;
    right: 0;
    top: 3px;
}


.navigation-up .navigation ul{float:left;padding:0;margin:0;}
.navigation-up .navigation li{float:left;height:91px;font:normal 16px/96px "microsoft yahei";color:#fff}
.navigation-up .navigation .nav-up-selected{background:#212121}
.navigation-up .navigation .nav-up-selected-inpage a {color:#ea5404 !important;}
.navigation-up .navigation li h2{font-weight:normal;padding:0;margin:0;line-height:96px !important;}
.navigation-up .navigation li h2 a{font-size:16px;padding:0 22px;color:#fff;display:inline-block;height:60px;font-family:"microsoft yahei"}
.navigation-up .navigation .nav-up-selected a {color:#ea5404 !important;}

.navigation-down{position:absolute;top:86px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#212121;position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:18px 110px 18px 0;}
.navigation-down .menu-1 dl{margin:20px 85px 25px 0}
.navigation-down .menu-3 dl {margin:20px 50px 25px 0}
.navigation-down .menu-1 dt{font:bold 16px "microsoft yahei";padding-bottom:10px;border-bottom:1px solid #fff;margin-bottom:10px;
}
.navigation-down dt,.navigation-down dt a {color:#fff !important;}
.navigation-down .menu-1 dd a{color:#efefef;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#ea5404}
.navigation-down .menu-2 dd a,
.navigation-down .menu-3 dd a{color:#efefef;font:normal 16px "microsoft yahei"}


/*banner*/
.banner {}
.carousel {height: 500px;background-color: #0457b7}
.carousel-inner .item {height: 500px;}
.carousel-inner .a-left {left: 100px;
    border-color: #fff transparent transparent #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.carousel-inner .a-right {
    right: 100px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #fff #fff transparent transparent
}

.carousel-inner .item a {display: block;height: 500px;}
.carousel-indicators {bottom: 30px;}
.carousel-indicators li {
    width: 14px;
    height: 14px;
    border-radius: 12px;
    margin: 0 6px;
    background-color: #ffffff;
    filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
    -moz-opacity:0.5; /*Firefox私有，透明度50%*/
    opacity:0.5;/*其他，透明度50%*/
}
.carousel-indicators li.active {
    width: 18px;
    height: 18px;
    margin: 0 6px;
    position: relative;
    top: 2px;
    background-color: #fff;
    border-color: #fff;
    filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
    -moz-opacity:1; /*Firefox私有，透明度50%*/
    opacity:1;/*其他，透明度50%*/
}
.carousel-control.left {
    background: none !important;
}

.carousel-control.right {
    background: none !important;
}
.glyphicon-chevron-left:before, .glyphicon-chevron-right:before {
    content: "";
}
.carousel-control.left .glyphicon-chevron-left {
    width: 35px;
    height: 70px;
    background: url(../images/home/banner-arrow.png) left top no-repeat;
    margin-top: -35px;
    left: 21px;
}

.carousel-control.right .glyphicon-chevron-right {
    width: 35px;
    height: 70px;
    background: url(../images/home/banner-arrow.png) -35px top no-repeat;
    margin-top: -35px;
    right: 21px;
}


/*************************************************sulian footer end***********************************************************/
.footer {
    border-bottom: 1px solid #45484c;
    bottom: 0;
    width: 100%;
    min-width: 1160px;
    background-color: #2f3438;
    clear: both;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    color: #888;
    overflow: auto;
    text-align: left;
}

.footer .footer-intro {
    padding: 40px 0 40px 0px;
}

.footer .footer-intro .column {
    display: inline-block;
    font-size: 14px;
    width: 160px;
    height: 165px;
    overflow: hidden;
}

.footer .footer-intro .column ul {
}

.footer .footer-intro .c-last {
    width: 190px
}

.footer .footer-intro .column ul li {
    text-align: left;
    line-height: 26px;
    color: #fefefe;
    font-size: 14px;
}

.footer .footer-intro .column ul li a {
    color: #fefefe;
    font-size: 14px;
}

.footer .footer-intro .column .t {
    margin-bottom: 10px;
}

.footer .footer-intro .column .t a {
    color: #677676;
    font-size: 14px;
}

.footer .footer-intro .column-weixin {
    text-align: left;
    margin-left: 50px;
    border-left: 2px solid #45484c;
    padding-left: 30px;
    width: 280px;
    position: relative;
    top: 10px;
}

.footer .footer-intro .column-weixin .p1, .footer .footer-intro .column-weixin .p3 {
    color: #ffffff
}

.footer .footer-intro .column-weixin .p2 {
    color: #ea5404;
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: 6px;
    background:url(../images/home/phone.gif) left top no-repeat;
    text-indent: 45px;
    line-height: 40px;
    position: relative;left:-7px;
}

.footer .footer-intro .column-weixin .p3 {
    margin-bottom: 26px;
    color:#677676;
}

.footer .footer-intro .column-weixin .t a {
    font-size: 20px;
}

.footer .footer-bottom {
    background-color: #2e3033;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    color: #aaa;
    font-size: 12px;
    text-align: center;
    clear: both;
    padding: 14px 0;
}

.footer .footer-bottom a {
    color: gray;
}

.footer-link-intro {
    padding: 20px 0;
    text-align: center;
    background: #1e1e1e;
    border-bottom: solid 1px #333333;
}

.footer-link-intro a {
    color: #666666;
}

.footer-b {
    height: 200px;
    background-color: #2e3033;
    text-align: center
}

.footer-b .footer-b1 {
    padding-top: 20px;
}

.footer-b .footer-b2, .footer-b .footer-b3 {
    color: #ffffff;
    margin: 6px 0px;
}

.footer-b .footer-b4 {
    margin-top: 18px;
}

/*************************************************sulian footer end***********************************************************/

.domain-searchbox {background: #fff;padding:30px 0px 40px 0px;}
.search-domain-form {width:770px;display:block;margin:0 auto;position: relative;padding-left:120px;}
.search-domain-form h1 {position: absolute;top:9px;left:0px;font-size:24px;color:#EA5404;}
.domain-searchbox .search-domain-form .in-search {border:solid 2px #4c97ed;border-radius: 7px;height:46px;}
.domain-searchbox .search-domain-form form {margin:0;padding:0}

.in-search .domain-inp {width:440px;float:left;}
.in-search .domain-inp input {width: 100%;border:none;border-radius: 5px;height: 42px;line-height: 42px; text-indent: 9px;font-size:14px;}
.in-search .btn-buy {float:right;width:100px;}
.in-search .btn-buy button {
    width:100px;height: 42px;line-height: 42px;color:#fff;text-align: center;background:#4c97ed;
    border:none;font-size:20px;
}
.in-search .domain-type {position:relative;float:right;width:98px;background:#f2f2f2;height: 42px;line-height: 42px;text-align: center;padding:0 6px;color:#333;border-left:solid 1px #e0e0e0;}
.in-search .domain-type .label {font-weight: 400;font-size:12px;color:#333;text-align: center;}

.search-extension{position:absolute;z-index:9;top:42px;left:-1px;display: none;}
.search-extension-list{width:98px;background-color:#fff;overflow-y:scroll;overflow-x:hidden;max-height:170px;border:1px solid #e0e0e0;border-top:0}
.search-extension-list li{height:34px;line-height:34px;color:#8f8f8f;text-indent:23px;text-align:left}
.search-extension-list li.select-list{background-color:#f2f2f2}
.search-extension-list li:hover{color:#fff;cursor:pointer;background-color:#22b5e5;border-left:1px solid #22b5e5;border-right:1px solid #22b5e5}
.search-extension-list::-webkit-scrollbar{width:10px;height:10px;background-color:transparent;border:none;border-radius:9px}
.search-extension-list::-webkit-scrollbar-thumb{background:#dbdbdb;border-radius:9px;background-clip:content-box;border:1px solid transparent}
.search-extension-list::-webkit-scrollbar-thumb:hover{background:#c2c2c2;background-clip:content-box}
.in-search .domain-type:hover .search-extension{display: block !important;}

.in-search-link {}
.in-search-link span, 
.in-search-link a {display: inline-block; color:gray;height: 28px;line-height: 28px;font-size:14px;}
.in-search-link a {color:#999;}
.in-search-link span.line {position:relative;top:2px;height:14px;line-height: 14px;border-right:solid 1px #ccc;margin-left:5px;margin-right:5px;}

/***************************/
/** RightBar Start **/
.rightBar {
    width: 50px;
    position: fixed;
    right: 10px;
    top: 50%;
    margin-top: -190px;
    z-index: 1000
}

.rightBar .link {
    display: block;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: #222;
    margin: 0px 0 0 0;
    position: relative;
    left: 0;
    top: 0;
    transition: all linear .2s
}

.rightBar .link .img {
    display: block
}

.rightBar .link .lChi {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 50px;
    position: absolute;
    right: 49px;
    top: 0;
    padding: 0 20px 0 0;
    overflow: hidden;
    transition: all linear .2s
}

.rightBar .link .lChi .ar {
    display: block;
    position: absolute;
    right: 10px;
    top: 15px
}

.rightBar .link .lChi .txt {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
    padding: 0 20px;
    white-space: nowrap;
    border-radius: 4px;
    background: url(../images/home/optBg.png) repeat;
}

.rightBar .link:hover {
    background: #ea5404;
}

.rightBar .link:hover .lChi {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.rightBar .link:hover .wxgzh, .rightBar .link:hover .chis {
    display: block
}

.rightBar .first {
    cursor: default;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.rightBar .last {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.rightBar .wxgzh {
    display: none;
    position: absolute;
    top: -11px;
    left: -192px;
    width: 188px;
    height: 258px;
    background: url(../images/home/erweima.png) no-repeat 0 0
}

.rightBar .chis {
    display: none;
    padding: 0 20px 0 0;
    width: 958px;
    position: absolute;
    left: -958px;
    top: -75px;
}

.rightBar .chis .ars {
    display: block;
    width: 12px;
    height: 22px;
    background: url(../images/home/arrIc.png) no-repeat 0 0;
    position: absolute;
    right: 8px;
    top: 88px;
    z-index: 222
}

.rightBar .cIns {
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 16px #dcdbdb;
    padding: 15px 0 2px 0
}

.rightBar .csIn {
    /*width: 552px;*/
    margin: 0 auto;
    position: relative;
    left: 0;
    top: 0;
}

.rightBar .csIn .tt {
    display: block;
    height: 24px;
    line-height: 20px;
    font-size: 16px;
    color: #333;
    text-align: left;
    font-weight: bold
}

.rightBar .csIn .row {
    margin-left: 2px;
    height: 39px;
    border-bottom: 1px dashed #eee;
    text-align: left;
    font-size: 0
}

.rightBar .csIn .row .lt {
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 32px;
    font-size: 14px;
    color: #666;
    width: 85px;
    text-align: left
}

.rightBar .csIn .row .qq {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 22px;
    width: 22px;
    background: url(../images/home/qqOn.png) no-repeat;
    position: relative;
    left: 0;
    top: 6px
}

.rightBar .csIn .row .qq:hover {
    background: url(../images/home/qqOn.png) no-repeat
}

.rightBar .csIn .row .wx {
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 22px;
    width: 22px;
    background: url(../images/home/wxwx.jpg) no-repeat;
    margin-left: 8px;
    position: relative;
    left: 0;
    top: 6px
}

.rightBar .csIn .row .wx:hover {
    background: url(../images/home/wxOn.jpg) no-repeat
}

.rightBar .csIn .col {
    width: 130px;
    margin-left: 30px;
}

.rightBar .mgt {
    margin-top: 13px
}
/*悬浮QQ公用table切换*/

/************************************** online qq end ************************/
/*************************************************sulian index-content start***********************************************************/
.index-content {
    height: 470px;
    background-color: #f7f7f7;
    text-align: center;
}

.index-content .index-content-part {
    margin-top: 45px;
}

.index-content ul {
    display: inline-block;
}

.index-content li {
    width: 250px;
    height: 370px;
    display: inline-block;
    margin: 0px 24px;
    text-align: center;
    
    cursor: pointer;
    position: relative;

}



.index-content li.cur {
    /*background: #ffffff url(../images/home/li-mark.png) top left no-repeat;*/
}

.index-content li .part-head {
    margin: 0px 0px 10px 0px;
    background:#333;
    height:52px;line-height: 52px;
    color:#fff;
}

.index-content li.cur0 .part-head {background:#f97720;}
.index-content li.cur1 .part-head {background:#8099c3;}
.index-content li.cur2 .part-head {background:#f9a020;}
.index-content li.cur3 .part-head {background:#7cc5d8;}

.index-content li .part-head img {
    margin-top: -10px;
    margin-right: 10px;
}

.index-content li .part-head font {
    color: #fff;
    margin-left: 8px;
}

.index-content li .part-head span {
    font-size: 18px;
}

.index-content li .part-content1 table {
    margin-left: 14px;
    line-height: 25px;
}
.index-content li .part-content1 table td{
    padding:3px 0;
}
.index-content li .part-content1 table tr td:first-child {
    font-weight: 400;
    font-size: 14px;
    text-align: left;
}

.index-content li .part-content1 table tr td:last-child {
    color: #333;
    text-align: left;
    padding-left: 10px;
    font-size:16px;
}

.index-content li .part-content2 {
    text-align: left;
    color: #888;
    margin: 15px 0px 15px 14px;
}

.index-content li .part-footer {
    text-align: left;
}

.index-content li .part-footer span font:first-child {
    color: red;
    position: relative;
    top: -14px;
    margin-left: 15px;
}

.index-content li .part-footer span font:last-child {
    color: red;
    font-size: 28px;
}

.index-content li .part-footer a {
    position: relative;
    top: -8px;
    left: 26px;
}

.index-content li:hover {
    /*border-color: #0078ff;*/
    /*-webkit-box-shadow: 0 0 20px rgba(0, 120, 255, .3);*/
    /*-moz-box-shadow: 0 0 20px rgba(0, 120, 255, .3);*/
    /*box-shadow: 0 0 20px rgba(0, 120, 255, .3);*/

    /*-webkit-transform: translateY(-2px);*/
    /*transform: translateY(-2px);*/
    /*transition: margin-top .45s*/
}




.index-content li .from {
    -o-transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
    -o-transition: transform 500ms ease-in-out;
    -ms-transition: transform 500ms ease-in-out;
    -webkit-transition: transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100);

    background: #ffffff;
    border:solid 1px #efefef;
}
.index-content li .to {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 328px;
    background: #ea5404;
    color: #ffffff;
    -o-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -ms-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -moz-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -webkit-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -o-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -webkit-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
    opacity: 0;
    filter: alpha(opacity=0);
}



.index-content li:hover .from {
    -o-transform: perspective(800px) rotateY(180deg);
    -ms-transform: perspective(800px) rotateY(180deg);
    -moz-transform: perspective(800px) rotateY(180deg);
    -webkit-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
    opacity: 0;
    filter: alpha(opacity=0);
}
.index-content li:hover .to{
    -o-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
    opacity: 1;
    filter: alpha(opacity=100);
}

/*************************************************sulian index-content end***********************************************************/

/*************************************************sulian index-service start***********************************************************/
.index-service {
    width: 100%;
    height: 380px;
    background: #253452 url(../images/home/index-service3.png) top center no-repeat;
    text-align: center;
}

.index-service .index-our-service {
    font-size: 36px;
    color: #ffffff;
    padding-top: 30px;
}

.index-service .index-our-focus {
    font-size: 16px;
    height: 32px;
    color: #d3d3d3;
}

.index-service li {
    width: 200px;
    height: 230px;
    display: inline-block;
    margin: 35px 18px;
    text-align: center;
}
.index-service li:hover{}

.index-service li h2 {
    font-size: 24px;
    color: #ea5404;
    margin: 18px 0px 28px 0px;
}

.index-service li p {
    color: #d0d0d0;
    text-align: center;
    font-size: 14px;
}

/*************************************************sulian index-service end***********************************************************/

/*************************************************sulian index-trait start***********************************************************/
.index-trait {
    width: 100%;
    height: 810px;
    text-align: center;
    background: #f7f7f7;
}

.index-trait .index-our-service {
    font-size: 36px;
    color: #565656;
    padding-top: 30px;
}

.index-trait .index-our-focus {
    font-size: 16px;
    color: #808080;
}

.index-trait .trait-content {
    padding-left: 33px;
    padding-top:36px;
}

.index-trait li {
    width: 404px;
    height: 114px;
    background: #fff;
    clear: both;
    margin-bottom: 10px;
    border-radius: 0px;

     filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
    -moz-opacity:0.7; /*Firefox私有，透明度50%*/
    opacity:0.7;/*其他，透明度50%*/
}

.index-trait li.cur {
    background: #232323;
}

.index-trait li .img2 {
    display: none;
}

.index-trait li.cur .li-r p {
    color: #fff;

}

.index-trait li.cur .li-r p:first-child {
    font-weight: bold;
}

.index-trait li .li-l {
    float: left;
    width: 120px;
    text-align: center;
    margin-top: 20px;
}

.index-trait li .li-r {
    float: left;
    margin-top: 20px;
    text-align: left;
}

.index-trait li .li-r p:first-child {
    font-size: 18px;
    margin-bottom: 5px;
    text-align: left;
    
}

.index-trait li p {
    color: #212121;
    text-align: left;
}

.index-trait .trait-content {
    margin-top: 44px;
    height: 634px;
    background: url(../images/home/trait-bf.png) top center no-repeat;
    position: relative;
}

/*************************************************sulian index-trait end***********************************************************/

/*************************************************sulian index-link start***********************************************************/
.index-link {
    background-color: #e8e8e8;
    text-align: center;
}

.index-link .index-our-service {
    font-size: 36px;
    color: #565656;
    padding-top: 30px;
}

.index-link .index-our-focus {
    font-size: 16px;
    color: #808080;
}

.ind-huoban {
    margin-top: 50px;
}

.ind-huoban a {
    display: inline-block;

    text-align: center;
    margin:12px 35px;
    border-radius: 150px; width: 150px;height: 150px;
    background-color: #fff;
}
.ind-huoban a img {border-radius: 150px; width: 150px;height: 150px}
.ind-huoban a.nomrg {
    margin-left: 0;
}

.ind-huoban a:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 120, 255, .3);
    -moz-box-shadow: 0 0 20px rgba(0, 120, 255, .3);
    box-shadow: 0 0 20px rgba(0, 120, 255, .3);
}

/*************************************************sulian index-link end***********************************************************/

/*************************************************sulian index-inform start**********************************************************/
.index-inform {
    text-align: center;
    clear: both;
}

.index-inform ul {
    float: left;
    width: 70%;
}

.index-inform .ul-r {
    width: 30%;
    float: right;
    margin-top: 28px;
}

.index-inform .ul-r .inform-img {
    margin-top: 12px;
}

.index-inform li {
    width: 348px;
    display: inline-block;
    text-align: center;
    margin-top: 28px;
    margin-right: 35px;
}

.index-inform .inform-head {
    font-size: 24px;
    color: #787878;
    border-bottom: 1px solid #e7e7e7;
    text-align: left;
    padding-bottom: 5px;
}

.index-inform li table {
    margin-top: 15px;
    line-height: 40px;
    /*text-align: left;*/
    color: gray;
    width: 100%;
}

.index-inform li table tr a {
    color: gray;
}

.index-inform li table td {
    text-align: left;
}

.index-inform li table td span {
    float: right;
}

.index-inform li .inform-img {
    display: inline-block;
}


@-webkit-keyframes dot {
    0% {
        -webkit-transform: scale(.5);
        opacity: .5;
        filter: alpha(opacity=50);
        -moz-opacity: .5;
        -khtml-opacity: .5
    }
    50% {
        -webkit-transform: scale(1.1);
        opacity: .5;
        filter: alpha(opacity=50);
        -moz-opacity: .5;
        -khtml-opacity: .5
    }
    to {
        -webkit-transform: scale(1.15);
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0
    }
}
@keyframes dot {
    0% {
        transform: scale(.5);
        opacity: .5;
        filter: alpha(opacity=50);
        -moz-opacity: .5;
        -khtml-opacity: .5
    }
    50% {
        transform: scale(1.1);
        opacity: .5;
        filter: alpha(opacity=50);
        -moz-opacity: .5;
        -khtml-opacity: .5
    }
    to {
        transform: scale(1.15);
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0
    }
}
.pulse, .pulse_plus {
    position: absolute;
    top: 263px;
    right: 198px;
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    background: #f60;
    -webkit-animation: dot 1.5s linear infinite;
    animation: dot 1.5s linear infinite
}
.pulse, .pulse_plus {
    background: #ea5404;
}
.pulse_plus {
    position: absolute;
    top: 280px;
    right: 183px;
}
/*************************************************sulian index-inform end***********************************************************/
.point-area {
    text-align: center;
    position: relative;
    width: 150px;
    height: 150px;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}
.point-area .point-name{
    cursor: pointer;
    z-index: 900;
    color: #000;
}
.point-area .point {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    margin: auto;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    background: transparent
}

.point-area .point-shadow:after {
    box-shadow: inset 0 0 5em rgba(0, 205, 236, .16)
}

.point-area .point-white {
    background-color: #fff;
    border: 1px solid #00c1de
}

.point-area .point-dot {
    z-index: 1;
    background-color: #6ad7e9;
    border: 1px solid rgba(0, 205, 236, .37)
}

.point-area .point-10 {
    width: 100%;
    height: 100%
}

.point-area .point-10:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00cdec;
    opacity: 0;
    -webkit-animation: ripple 4.5s ease-out 225ms infinite;
    animation: ripple 4.5s ease-out 225ms infinite
}

.point-area .point-20 {
    width: 100%;
    height: 100%
}

.point-area .point-20:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00cdec;
    opacity: 0;
    -webkit-animation: ripple 4.5s ease-out .45s infinite;
    animation: ripple 4.5s ease-out .45s infinite
}

.point-area .point-30 {
    width: 100%;
    height: 100%
}

.point-area .point-30:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00cdec;
    opacity: 0;
    -webkit-animation: ripple 4.5s ease-out 675ms infinite;
    animation: ripple 4.5s ease-out 675ms infinite
}

.point-area .point-40 {
    width: 100%;
    height: 100%
}

.point-area .point-40:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00cdec;
    opacity: 0;
    -webkit-animation: ripple 4.5s ease-out .9s infinite;
    animation: ripple 4.5s ease-out .9s infinite
}

.point-area .point-50 {
    width: 100%;
    height: 100%
}

.point-area .point-50:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00cdec;
    opacity: 0;
    -webkit-animation: ripple 4.5s ease-out 1125ms infinite;
    animation: ripple 4.5s ease-out 1125ms infinite
}

.point-area .point-60 {
    width: 100%;
    height: 100%
}

.point-area .point-60:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00cdec;
    opacity: 0;
    -webkit-animation: ripple 4.5s ease-out 1.35s infinite;
    animation: ripple 4.5s ease-out 1.35s infinite
}

.point-area .point-70 {
    width: 100%;
    height: 100%
}

.point-area .point-70:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00cdec;
    opacity: 0;
    -webkit-animation: ripple 4.5s ease-out 1575ms infinite;
    animation: ripple 4.5s ease-out 1575ms infinite
}

.point-area .point-80 {
    width: 100%;
    height: 100%
}

.point-area .point-80:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00cdec;
    opacity: 0;
    -webkit-animation: ripple 4.5s ease-out 1.8s infinite;
    animation: ripple 4.5s ease-out 1.8s infinite
}

.point-area .point-90 {
    width: 100%;
    height: 100%
}

.point-area .point-90:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00cdec;
    opacity: 0;
    -webkit-animation: ripple 4.5s ease-out 2025ms infinite;
    animation: ripple 4.5s ease-out 2025ms infinite
}

.point-area .point-100 {
    width: 100%;
    height: 100%
}

.point-area .point-100:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #00cdec;
    opacity: 0;
    -webkit-animation: ripple 4.5s ease-out 2.25s infinite;
    animation: ripple 4.5s ease-out 2.25s infinite
}

lesshat-selector {
    -lh-property: 0
}

@-webkit-keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1)
    }
    5% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1)
    }
}

@keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }
    5% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

/*++新增基础样式++--------------------------------------------------------------*/
.yy-btn{
    display: inline-block;
    width: 90px;
    height: 30px;
    line-height: 29px;
    font-size: 14px;
    text-align: center;
    border-radius: 2px;
    transition: all .2s linear;
}
.yy-btn.white-btn{
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    margin-right: 3px;
}
.yy-btn.white-btn:hover{
    background-color: #fff;
    color: #333;
}
.yy-btn.blue-btn{
    background-color: #fff;
    color: #333;
    position: relative;
    top: -1px;
}
.yy-btn.blue-btn:hover{
    background-color: #076bf2;
    color: #fff;
}
a.manager-btn{
    display: inline-block;
    color: #fff;
    background-size: 32px;
    text-indent: 36px;
    margin-right: 20px;
    font-size: 14px;
}
a.manager-btn:hover{
    color: #fff;
}