@charset "utf-8";
/* CSS Document */

body{
    font-family:"Microsoft Yahei",sans-serif;
    -webkit-text-size-adjust:100%;
}
.container-full{width:100%;}
a{color:#333}
a:link{ color:#000;}
a:hover{text-decoration: none;}
ul li{
    margin: 0;
    padding: 0;
    list-style: none;
}
.top{
    background-color: #0b8cd5; height: 40px;
    color: #ffffff;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
}
.qqline{
    background: url(../images/qq.png) no-repeat 0 10px;
    text-indent: 15px;
}
.tel{
    background: url(../images/tel.png) no-repeat 0 10px;
    text-indent: 15px;
}

.navbar-default .navbar-nav > li > a:hover{background: #0b8cd5; color:#fff}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.navbar-nav{float:right;}

.sy_news{
    background:url(../images/bg2.jpg) repeat-y;
    padding-bottom: 30px;
}
.service_tit{text-align: center;  border-bottom: 1px solid #ccc;}
.tit {
    margin-right: 20px;
    display: inline-block;
    line-height: 60px;
    color: #0b8cd5;
    font-family: 'Times New Roman';
    font-weight: bold;
}
.service_tit i {
    display: inline-block;
    font-style: normal;
    line-height: 60px;
    color: #000;
}
.service_tit p{
    font-size: 14px;
}
.service_tit em {
    position: relative;
    bottom: -2px;
    border-bottom: 3px solid #fd8503;
    display: block;
    width: 100px;
    margin: 0 auto;
    height: 10px;
}

.navbar{ margin-bottom:0px;}
.navbar-toggle{ margin-right:0px;}


.test{ margin-top: 20px;}
.wzjs{background-color: #FFFfff; border: 0; margin-top: 20px; padding: 20px;}
.wzjs:hover{background-color:#EDEFF4;}

.wzjs h3{ font-size: 24px; text-align: center;}
.wzjs p{font-size: 14px; line-height: 24px;}
.wzjs_more{height: 40px; margin-top: 20px; line-height: 40px; background-color: #ffffff; text-align: center; }
.wzjs_more a{font-size: 18px; font-weight: 200; color: #fd8503;}
.wzjs .wzjs_list{ text-align: center;}
.btn{
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
}

.webico {
    background: url(../images/icon_website.png) no-repeat;
    width: 90px;
    height: 90px;
    margin: 0 auto;
}
.wzjs:hover .webico{ background:url(../images/icon_website_on.png) no-repeat;}
.emailico{ background:url(../images/icon_hosting.png) no-repeat; width:90px; height:90px; margin:0 auto;}
.wzjs:hover .emailico{ background:url(../images/icon_hosting_on.png) no-repeat;}
.baseico{ background:url(../images/icon_seo.png) no-repeat; width:90px; height:90px; margin:0 auto;}
.wzjs:hover .baseico{ background:url(../images/icon_seo_on.png) no-repeat;}
.wzjs:hover .wzjs_more,.btn-default:hover{background:#0b8cd5;color:#ffffff;}




.al_tit{text-align: center;  border-bottom: 1px solid #ccc;}
.case_tit {
    margin-right: 20px;
    display: inline-block;
    line-height: 60px;
    color: #fd8503;
    font-family: 'Times New Roman';
    font-weight: bold;
}
.al_tit i {
    display: inline-block;
    font-style: normal;
    line-height: 60px;
    color: #FFF;
}
.al_tit p{
    font-size: 14px;
    color:#fff;
}
.al_tit em {
    position: relative;
    bottom: -2px;
    border-bottom: 3px solid #fd8503;
    display: block;
    width: 100px;
    margin: 0 auto;
    height: 10px;
}
.anli_list{margin-top: 35px;}
.image-wrap {position: relative;overflow: hidden;margin-bottom: 30px;cursor: pointer; }
.image-wrap img {width: 100%;}
.image-wrap  .hover-wrap {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 450ms ease-out 0s;
    -moz-transition: all 450ms ease-out 0s;
    -o-transition: all 450ms ease-out 0s;
    transition: all 450ms ease-out 0s;
    -webkit-transform: rotateY(180deg) scale(0.5,0.5);
    -moz-transform: rotateY(180deg) scale(0.5,0.5);
    -ms-transform: rotateY(180deg) scale(0.5,0.5);
    -o-transform: rotateY(180deg) scale(0.5,0.5);
    transform: rotateY(180deg) scale(0.5,0.5);	}

.image-wrap:hover .hover-wrap,
.image-wrap.active .hover-wrap {
     opacity: 1;filter: alpha(opacity=100);
    -webkit-transform: rotateY(0deg) scale(1,1);
    -moz-transform: rotateY(0deg) scale(1,1);
    -ms-transform: rotateY(0deg) scale(1,1);
    -o-transform: rotateY(0deg) scale(1,1);
    transform: rotateY(0deg) scale(1,1);}
.image-wrap .hover-wrap .overlay-img {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0b8cd5;
    opacity: 0.80;
    filter: alpha(opacity=80);
}
.image-wrap .hover-wrap .overlay-text-thumb {
    position: absolute;
    width: 100%;
    height:80px;
    top: 30%;
    margin: -16px 0 0 0;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 65px;
    text-transform: uppercase;
    text-align: center;
    opacity: 1;
    filter: alpha(opacity=100);
}
.social-icons {margin: 0;padding: 0;}
.social-icons li {display: inline-block;margin-left: 15px;}
.social-icons li:first-child {margin-left: 0;}
.social-icons li a{
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1em;
    width: 16px;
    height: 16px;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-transition: opacity 0.1s linear 0s;
    -moz-transition: opacity 0.1s linear 0s;
    -o-transition: opacity 0.1s linear 0s;
    transition: opacity 0.1s linear 0s;}

#case_search{
    width:49px;
    height:49px;
    background:url(../images/search_inco.png) no-repeat;
    text-align:center;
    line-height:49px;
    margin:0 auto;
    display:block;
}


.i-newsimg img{ width:100%; height:auto}
.i-newsin{ padding:20px; color:#fff;background:#EDEFF4}
.i-newbox:hover .i-newsin{background:#0b8cd5;}
.i-newsin a{ display:block; margin-bottom:10px; color:#333}
.i-newtime{ color:#666; font-size:12px;}
.i-newsin p{ color:#666; font-size:12px; line-height:22px; margin-top:10px;}
.i-newbox:hover .i-newsin a{ color:#fff}
.i-newbox:hover .i-newsin p,.i-newbox:hover .i-newsin .i-newtime{ color:#e2e2e2}

.slideTxtBox .hd ul{ padding:0; text-align: center;}
/*.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }*/
.slideTxtBox .hd ul li.on{background:#0b8cd5; color:#fff; border:1px solid #0b8cd5;}
.slideTxtBox .bd ul{ padding:0px;  zoom:1; margin-top:20px;}
.slideTxtBox .bd li{ height:40px; line-height:40px; list-style:none; border-bottom:1px solid #e2e2e2}
.slideTxtBox .bd li .date{ float:right; color:#999;  }
.slideTxtBox .bd li a{ color:#000}
.slideTxtBox .bd li:hover a{ color:#0b8cd5; text-decoration:none}
.red{ color:#0b8cd5}
.red2{color:#c00;}
.current { background: #0b8cd5; color: #fff; }
/*閼辨梻閮撮幋鎴滄粦*/
.sy_contact{
    background: url(../images/contactbg.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
}
.sy_contact_l{
    text-align: left;
}
.sy_contact_l h3{ line-height: 40px;}
.contact_icon{line-height: 30px; font-size: 12px;}
.contact_icon span {
    color: #0b8cd5;
}
.form-group {    margin-bottom: 15px;
}

/*footer*/
.footer{ background:#181a1d; width:100%; padding: 30px 0 20px;}
.footer .footerLeft { width: 900px; float: left; }
.footer .fastLink { font-size: 14px; margin-bottom: 10px; }
.footer .fastLink a { color: #848484; margin-right: 20px; }
.footer .fastLink a:hover { color: #0b8cd5; }
.footer .friendLink { color: #5a5a5b; line-height: 24px; font-size:12px }
.footer .friendLink a { color: #5a5a5b; /*padding: 0 10px;*/ font-size:12px }
.footer .friendLink a:hover { color: #0b8cd5; }
.footer .copyRight {color: #5a5a5b; line-height: 18px; text-align: right; }
.footer .copyRight p{ padding:0; margin:0;}
.footer .copyRight a { color: #5a5a5b; }
.footer .copyRight a:hover { color: #0b8cd5; }
.footer .copyRight ul { padding-top: 5px; float: right; list-style:none }
.footer .copyRight ul li { float: left; margin-left: 6px; }
.footer .keyword{ font-size:12px;color: #5a5a5b; padding-top: 5px;}

.backToTop{display:none;position:fixed;right:20px;transition:bottom 0.3s ease 0s;bottom:275px;z-index:4;}
.backToTop .k,.backToTop .d,.backToTop .x,.backToTop .t,.backToTop .wb, .backToTop .w{width:42px;height:42px;}
.backToTop .a{position:relative; background: #333; border-bottom: 0px solid #FFF; margin-bottom:1px;}
.backToTop .a:hover{background:#0b8cd5;}
.backToTop .k i{display: inline-block;width: 25px;height: 22px;background: url(../images/img_04.png) no-repeat; background-position:-369px -88px; margin:10px 0 0 10px; }
.backToTop .wb i{display: inline-block;width: 25px;height: 22px;background: url(../images/img_04.png) no-repeat -404px -88px;margin:10px 0 0 10px;}
.backToTop .w i{display: inline-block;width: 25px;height: 22px;background: url(../images/img_04.png) no-repeat -436px -88px;margin:10px 0 0 12px;}
.backToTop .x i{display: inline-block;width: 25px;height: 22px;background: url(../images/img_04.png) no-repeat -468px -88px;margin:10px 0 0 10px;}
.backToTop .d{border-bottom: 0px solid #FFF;}
.backToTop .d i{display: inline-block;width: 25px;height: 22px;background: url(../images/img_04.png) no-repeat -505px -88px;margin:10px 0 0 13px;}
.backToTop .t i{display: inline-block;width: 25px;height: 22px;background: url(../images/img_04.png) no-repeat 0px -152px;;margin: 10px 0px 0px 11px;}
.backToTop .t{background:#666;}
.backToTop .t:hover{background:#0b8cd5;}
.backToTop .a .b {position: absolute;display: none;z-index: 500;top: 0px;right: 0px;width: 160px;height: 46px;margin-right: 10px;}
.backToTop .b .n{background: #fff;box-shadow: 0 12px 15px -10px #e5e5e5;-moz-box-shadow: 0 12px 15px -10px #e5e5e5;-webkit-box-shadow: 0 12px 15px -10px #e5e5e5;border: solid 1px #e5e5e5;padding: 15px;margin-right:10px;position:relative;}
.backToTop .b .c{width: 110px;height: 30px;box-shadow: 0 1px 3px rgba(0,0,0,0.2);color: #fff;text-align: center;padding-left: 20px;border-radius: 3px;line-height: 29px;margin-right: 5px;_height: 28px;_padding-top: 2px;transition: background 1s;-webkit-transition: background 1s;text-shadow: 0 1px rgba(0,0,0,0.25); margin-left: 8px; margin-bottom:10px;}
.backToTop .b .an{background:#ff794a;display: inline-block;position:relative;}
.backToTop .b .an em{display: inline-block;width: 20px;height: 20px;background: url(../images/img_02.png) no-repeat -235px 0px;margin: 5px 0 0 6px;position: absolute;left:0px;top:3px;}
.backToTop .b .me{background: url(../images/sprite.png) no-repeat 15px -184px #0b8cd5;
    _background: url(../images/spriteIe6.gif) no-repeat 15px -111px #4eb4ef;display: inline-block;}
.backToTop .g{width: 220px;height: 212px;background: url(../images/weixin.png) no-repeat;margin: 10px 0px 16px 5px;}
.tipbox-direction { position: absolute;height: 19px; width: 17px; background:url(../images/jiant.png) no-repeat; top:0px; left:152px;}
.tipbox-up { left: 21%; margin-left:-8px; top:-10px; *top:-11px; _top:-10px; }
.tipbox-up span { top:1px }
.tipbox-down { left: 50%; margin-left:-8px; bottom:9px; }
.tipbox-down span { top:-1px }
.tipbox-right { top: 50%; margin-top:-8px; right:7px; }
.tipbox-right span { left:-1px }
.tipbox-left { top: 50%; margin-top:-8px; left:-8px; }
.tipbox-left span { left:1px }

.telbottom span,.homebottom span,.qqbottom span{ font-size:14px;}
.telbottom,.homebottom,.qqbottom{ color:#fff; text-align:center; font-size:16px; padding:12px 0;}
.telbottom a,.homebottom a,.qqbottom a{ color:#fff; text-decoration:none}

/*neiye*/

#banner{ margin:0px auto 0;display:block; text-align:center;background:#e1e1e1;padding:0px 0; position: relative; }
#banner{ background:url(../images/ny_bg.jpg) center center #e1e1e1; height:220px;display:block;text-align: center;}
#banner .warp{color:#FFFFFF; margin:0 auto; padding-top:55px;text-align:left; display: inline-block;width:auto}
#banner p{ text-align:left;padding:1px 0 2px;}
#banner p.one{ font-size: 18px; font-weight:bold; color:#fd8503;text-shadow: 0 1px 1px #000;}
#banner p.two{font-size: 12px;font-family: Georgia, "Times New Roman", Times, serif;color:#CEB3A1;text-shadow: 0 1px 1px #333; font-style:italic}
#banner p.title{ font-size:36px; font-weight:bold;text-shadow: 0 1px 1px #000;}


.website_tit{text-align: center;}
.website_tit .tit{font-size: 50px; line-height: 60px; font-weight: normal;}
.website_tit p{font-size: 24px; font-weight: bold;}
.wzjs_section{position:relative;margin:0 40px; text-align: center; margin-top: 50px;}
.wzjs_section ul{margin:0 auto;margin-bottom:20px;}
.wzjs_section ul li{position:relative;margin:0 15px;padding:0;overflow:hidden;}
.wzjs_section ul li.mobi{width:14px;height:27px;background:url(../images/icons.png) no-repeat 0px -264px;}
.wzjs_section ul li.pad{width:29px;height:23px;background:url(../images/icons.png) no-repeat -71px -264px;}
.wzjs_section ul li.pc{width:35px;height:27px;background:url(../images/icons.png) no-repeat 0px -303px;}
.wzjs_section ul li.windows{width:27px;height:27px;background:url(../images/icons.png) no-repeat -73px -304px;}
.wzjs_section ul li.ios{width:24px;height:30px;background:url(../images/icons.png) no-repeat 0px -344px;}
.wzjs_section ul li.andriod{width:28px;height:29px;background:url(../images/icons.png) no-repeat -72px -345px;}
.wzjs_section ul li.ie{width:28px;height:28px;background:url(../images/icons.png) no-repeat 0px -392px;}
.wzjs_section ul li.chrome{width:30px;height:30px;background:url(../images/icons.png) no-repeat -71px -392px;}
.wzjs_section ul li.firefox{width:32px;height:30px;background:url(../images/icons.png) no-repeat 0px -432px;}
.wzjs_section ul li.safari{width:30px;height:32px;background:url(../images/icons.png) no-repeat -71px -432px;}
.wzjs_section ul li span{position:absolute;top:30px;}
.wzjs_section p{color:#2b2a2a;text-align:center;line-height:36px;}

.wzlx{margin-top: 50px;}

div.content-box { clear: both;}

div.content-box div.content-box-info {
    padding-left: 115px;
    min-height:110px;
    margin-top:10px;
}

div.content-box.big {
    padding:0 7% 30px;
    border-radius: 3px;
    background:#fff;
    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    -ms-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
}


div.content-box.big .ch-info-wrap {
    margin: -42px auto 35px;
    position:relative;
    left:auto;
    top:auto;
}

div.content-box.big:hover {
    background: #fafafa;
}

div.content-box.big div.content-box-info {
    padding-left: 0;
    text-align:center;
    margin:25px 0 0;
}

div.content-box div.content-box-info p {
    font-size:14px;
    text-align:left;
    margin-top: 20px;
    line-height: 25px;
    color:#555;
}
div .content-box.big div.content-box-info h3{
    font-size: 20px;
    font-weight: normal;
    color:#353434;
}

div.content-box.big {
    transition:none;
    margin-top: 30px;
    border: 1px solid #fff;
}

/* Circle items */
.ch-item {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: default;
}

.ch-info-wrap i {
    color: #FFFFFF;
    float: left;
    font-size: 28px;
    left: 35%;
    line-height: 80px;
    position: relative;
    z-index: 5;
    text-shadow:0 3px 0 rgba(0, 0, 0, 0.1);
}

.ch-info-wrap {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #1a5c93;
    top: 10px;
    left: 10px;
}

.ch-info {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 5px rgba(230,230,230,1);
    box-shadow: 0 0 0 5px rgba(230,230,230,1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ch-info > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-position: center center;

    -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}

.ch-info .ch-info-front {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.ch-info .ch-info-back {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all 0.4s ease-in-out 0.2s;
    -moz-transition: all 0.4s ease-in-out 0.2s;
    -o-transition: all 0.4s ease-in-out 0.2s;
    -ms-transition: all 0.4s ease-in-out 0.2s;
    transition: all 0.4s ease-in-out 0.2s;
    opacity: 0;
}
.ch-info .ch-info-back {
    background: #ff8a00;
}

.ch-item:hover .ch-info-front {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.ch-item:hover .ch-info-back {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    opacity: 1;
    pointer-events: auto;
}


.marketing{padding-top:20px; padding-bottom:30px; background:url(../images/spen-bg.jpg)}
.zhyx{text-align: center;}
.zhyx .zhyx_tit{font-size: 50px; line-height: 60px; font-weight: normal; color:#0b8cd5;}
.zhyx p{font-size: 24px; font-weight: bold; color: #fcb05a;}
.marketing .box{ margin-top:60px; padding-bottom: 60px;}
.marketing .box i{display:block;position:relative;margin:0 auto;margin-top:28px;height:70px;}
.marketing .box .seo i{width:54px;background:url(../images/words.png) no-repeat -144px -632px;}
.marketing .box .weixin i{width:74px;background:url(../images/words.png) no-repeat -207px -630px;}
.marketing .box .weibo i{width:68px;background:url(../images/words.png) no-repeat -288px -630px;}
.marketing .box .sms i{width:61px;background:url(../images/words.png) no-repeat -366px -628px;}
.marketing .box .pay i{width:56px;background:url(../images/words.png) no-repeat -438px -639px;}
.marketing .box .bbs i{width:51px;background:url(../images/words.png) no-repeat -144px -705px;}

.marketing .box strong{
    display:block;
    margin:30px 0px 10px 0px;
    font-size:16px;
    text-align:center;
    color: #282828;
    -webkit-transition:all .5s ease-in-out 0s;
    -moz-transition:all .5s ease-in-out 0s;
    -ms-transition:all .5s ease-in-out 0s;
    -o-transition:all .5s ease-in-out 0s;
    transition:all .5s ease-in-out 0s;
}
.marketing .box p{line-height:20px;text-align:center; color: #383838;}

.about-nav{ text-align:center; margin-top:30px; margin-bottom:30px;}
.about-nav a{ margin:0 10px 0 10px;}
.content{ line-height:24px;}
.about-h{ text-align:center; margin-bottom:20px;}
.about-h i{ font-style:normal; font-size:24px;}
.en-tit{font-family: 'Times New Roman'; font-weight: bold; color:#0b8cd5;}
.en-bg{background: url(../images/tit7.png) 0 5px no-repeat; display:inline-block; margin-left:5px; margin-right:5px; width:30px; height:29px;}
.icon-act {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #FFF;
    display: inline-block;
    vertical-align: 5px;
    font-size: 9px;
    background: url("../images/icon.png") no-repeat;
}
.icon-red {
    background-position: 0 0;

}
.icon-blue {
    background-position: 0 -40px;
}
.col-type-domain {
    text-align: left;
    display: inline-block;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.col-type-dec {
    text-align: left;
    font-size:12px;
    color: #999;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight:normal; margin-left:20px;
}
.table-bordered td{ text-align:center}

.host-list{ background:#fff; border:1px solid #e2e2e2; padding:15px; margin-top:20px;}
.host-lb{ text-align:center; font-size:18px; margin-bottom:10px;}
.host-info{ margin-top:10px; font-size:12px;}
.host-price{ font-size:24px; color:#c00; text-align:center; padding:10px;}
.host-price span{ font-size:14px; color:#666; }
.host-list:hover,.email-list:hover,.addlist:hover{-moz-box-shadow: 0px 0px 5px #bcbaba;
    -webkit-box-shadow: 0px 0px 5px #bcbaba;
    box-shadow: 0px 0px 5px #bcbaba;}

.email-list{ padding:15px; border:1px solid #e2e2e2;}
.email-lx{ font-size:24px; line-height:80px;}
.email-lx span.email-bz{ background:url(../images/mail_2.png) no-repeat; width:80px; height:80px; display:inline-block; float:left; margin-right:20px;}
.email-fun{ margin-top:20px;}
.email-fun span{ width:100px; font-weight:bold; text-align:right; display:inline-block}


.caseindex{ text-align:center}

.case-base h1{ font-size:18px; color:#c00; margin-bottom:10px;}
.case-base p{ color:#666;line-height:22px; padding:0; margin:0; font-size:12px;}
.case-binf{ line-height:24px; color:#666}
.casenr img{ width:100%;}
.workViewHead{ margin-top:10px; text-align:right}
a.pre{ background:url(../images/workview_listbts.png) no-repeat; display:inline-block; width:35px; height:35px;}
a.list{ background:url(../images/workview_listbts.png) no-repeat -44px 0; display:inline-block; width:35px; height:35px;}
a.next{ background:url(../images/workview_listbts.png) no-repeat -88px 0; display:inline-block; width:35px; height:35px;}

.workViewHead {
    margin-top: 10px;
    text-align: right;
}

.da-thumbs {
    list-style: none;
    position: relative;
    overflow:auto; height:auto;
    padding:0px 0 30px 0;
}
/*.da-thumbs li {
	position: relative;
	margin:0px 0 0 0;padding: 0 0px;
}*/
.da-thumbs li {
    position: relative;
    margin:20px 0 0 0;padding: 0 15px;
}
.da-thumbs li a,
.da-thumbs li a img {
    display: block;
    position: relative;
    width:100%; height:auto
}
.da-thumbs li a {
    overflow: hidden;
}
.da-thumbs li a div {
    position: absolute;
    background: #333;
    background: rgba(75,75,75,0.7);
    width: 100%;
    height: 100%;
}
.da-thumbs li a div span {
    display: block;
    padding: 10px 0;
    margin: 40px 20px 20px 20px;
    text-transform: uppercase;
    font-weight: normal;
    color: rgba(255,255,255,0.9);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.5);
    box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}

.page{ margin-top:20px;}
.page a{
    display:inline-block;
    margin-left:5px; margin-right:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #0b8cd5;
    padding:4px 12px;
    text-decoration:none;
}
.page a:hover{ background:#0b8cd5;color:#fff;}
.page span{
    display:inline-block; margin-left:5px; margin-right:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #0b8cd5;
    padding:4px 12px;
    background:#0b8cd5; color:#fff;
}

a.news-tit{ font-size:16px; color:#0b8cd5;}
.news-list{ padding-top:30px;border-bottom:1px solid #eee;height:auto; overflow:auto; padding-bottom:20px; width:100%}
.new-linfo p{ color:#666; margin-top:5px;}
.news-time{padding-right:0px;}
.news-date{border-top:2px solid #0b8cd5; width:100%; padding-top:20px;padding-bottom:5px; background:#eee; font-size:36px; text-align:center; font-family: 'Times New Roman'; font-weight: bold;color:#666; margin-top:6px;}
.news-date span{ font-size:14px; display:block; color:#999; margin-top:10px;font-weight: normal}


.blog-divider {
    margin: 35px 0;
    background: url(../images/bg_off.png) repeat;
    content: "";
    height: 5px;
}
.newscontent{
    margin-top: 50px;
}
.newscontent h1{
    font-size: 24px;
    font-weight: normal;
    color: #0b8cd5;
    text-align: center;
    line-height: 50px;
    padding-bottom: 20px;
}
.newscontent p{
    color: #777777;
    font-size: 14px;
    line-height: 22px;
}
.newscontent p a{
    text-decoration: none;
    color: #0b8cd5;
}
.newscontent p a:hover{
    text-decoration: underline;
}
.newscontent div
{
	color: #777777;
    font-size: 14px;
    line-height: 22px;
}
.newscontent div a
{
	text-decoration: none;
    color: #0b8cd5;
}
.newscontent div a:hover{
    text-decoration: underline;
}

.sidebar ul.slide li {
    padding-left: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.sidebar ul.slide li:hover {
    padding-left: 5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.side_menu ul li:before {
    font-family: FontAwesome;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding-right: 0px;
}
.side_menu ul{
    margin: 0;
    padding-left: 10px;
}
.side_menu ul li a{
    color:#0488cd;
}

.side_menu ul li {
    margin-bottom: 7px;
    border-bottom: 1px solid #F8F8F8;
    padding: 3px 0;
}

.side_menu {
    margin-bottom: 35px;
}
.side_menu .slide{
    margin-top: 20px;
}
.side_menu h3{
    margin: 0;
    padding: 0;
}
.side_menu .side_menu_tit {
    overflow: hidden;
    line-height:28px;
    font-size: 18px;
    color:#454545;
}
.side_menu .side_menu_tit:after{
    background: url(../images/bg_off.png) repeat;
    content:"";
    height: 5px;
    margin-left: 10px;
    position: absolute;
    top: 12px;
    width:70%;
}

@media (min-width:768px){
    .navbar-nav li{height:100px; line-height:100px; text-align: center;}
    .navbar-nav li a{font-size:16px; font-weight: 400; height:100px; line-height:100px;}
}
@media (min-width:992px){
    .navbar-nav li a{padding:0 20px;}
    .banner-left-arrow{
        padding-top: 12%;
    }
    .banner-right-arrow{
        padding-top: 12%;
    }
    .content{ line-height:24px;padding:0 100px;}

    .sidebar{margin-top: 50px; }
}
@media (min-width: 768px) and (max-width: 992px)  {
    .navbar-nav{padding-left: 5px;}
    .navbar-nav li a{padding:0 9px;}
    .banner-left-arrow{
        padding-top: 10%;
    }
    .banner-right-arrow{
        padding-top: 10%;
    }
}
@media (max-width:768px) {
    .navbar-header{height:100px; line-height: 100px;}
    .navbar-brand img {
        height: 80px;
        text-align: center;
    }

    .navbar-default .navbar-toggle {
        margin-top: 20px;
    }

    .banner-left-arrow{
        padding-top: 10%;
    }
    .banner-right-arrow{
        padding-top: 10%;
    }
    .banner-left-arrow img{height:20px;}
    .banner-right-arrow img{height: 20px;}
    .slideTxtBox{ margin-top:20px;}
    #banner p.one{ font-size: 16px; font-weight:bold; color:#E1A287;text-shadow: 0 1px 1px #000;}
    #banner p.two{font-size: 9px;font-family: Georgia, "Times New Roman", Times, serif;color:#CEB3A1;text-shadow: 0 1px 1px #333; font-style:italic;}
    #banner p.title{ font-size:18px; font-weight:bold;text-shadow: 0 1px 1px #000;}
}



.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f3f3f3;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
    color: #0488cd;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0488cd;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;-moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
    color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.pro-list{ width:120px;margin-left:20px; margin-right:20px; display:inline-block; height:300px;}
.pro-con{-moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background:#e2e2e2;
    height:120px;
    text-align:center;
    font-size:18px;
    cursor:pointer;
    padding-top:30px; padding-bottom:20px;
    width:120px;


}
.pro-list span{ display:block; margin-bottom:10px;font-size:24px; color:#666}
.pro-list:hover span{ color:#fff}
.pro-list:hover{ color:#fff;}
.pro-list .wfBoxBg{ display:block; margin-top:50px;font-size:14px;}
.pro-list .wfBoxBg ul{margin:0px; padding: 0px;}
.pro-list:hover .wfBoxBg{ display:block; color:#0488cd; font-size:14px;}

.error404,
.error404 body {
    height: 100%;
}
.display-table {
    display: table;
    width: 100%;
    height: 100%;
}
.display-table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    text-align: center;
}
.error404 h2 {
    font-size:36px;
    text-transform: uppercase;
    color:#00ae85;
    margin: 35px 0 10px 0;
}
.error404 h3 {
    font-size:18px;
    color:#919191;
    text-transform: uppercase;
}
.display-table-cell p a{
    font-size: 16px;
    color:#00ae85;
    text-decoration: none;
}
.display-table-cell p a:hover{
    text-decoration: underline;
}