html{-webkit-text-size-adjust: 100%; font-size: 14px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input,button, textarea, p, blockquote, th, td, hr{margin: 0; padding: 0; -webkit-box-sizing: border-box;}
body{font-family:"microsoft yahei";font-size: 14px; line-height: 1.5; overflow-x: hidden; -webkit-overflow-scrolling: touch; min-width:1200px;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
audio:not([controls]){display: none; height: 0;}
[hidden], template{display: none;}
svg:not(:root){overflow: hidden;}
a{background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent;}
a:active{outline: 0;}
abbr[title]{border-bottom: 1px dotted;}
b, strong{font-weight: bold;}
dfn{font-style: italic;}
mark{background: #ff0; color: #000;}
small{font-size: 80%;}
sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
img{border: 0;}
hr{box-sizing: content-box; height: 0;}
pre{overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
code, kbd, pre, samp{font-family: monospace, monospace; font-size: 1em;}
button, input, optgroup, select, textarea{color: inherit; font: inherit; margin: 0;}
button{overflow: visible;}
button, select{text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled]{cursor: default;}
input{line-height: normal;}
input[type="checkbox"], input[type="radio"]{box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height: auto;}
input[type="search"]{-webkit-appearance: textfield; -webkit-box-sizing: border-box; box-sizing: border-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
fieldset{border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend{border: 0; padding: 0;}
textarea{overflow: auto; resize: vertical;}
optgroup{font-weight: bold;}
table{border-collapse: collapse; border-spacing: 0;}
td, th{padding: 0;}
ul, ol{list-style: none outside none;}
h1, h2, h3 {line-height: 2; font-weight: normal;}
h1{font-size: 18px;}
h2{font-size: 16px;}
h3{ font-size: 14px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #ccc;}
a{text-decoration: none;    transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    -webkit-transition: color .2s;}
a:hover{ text-decoration: none;}
a:focus, a:hover{ text-decoration: none}
body{   margin: 0 auto;     }
.fl{ float: left;}
.fr{  float: right;}
.clear{  clear: both;}
.over_p{ word-wrap: normal;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.w1200{ width: 1200px; margin:0 auto;}
.pd20{ padding: 20px 0}
.pd40{ padding: 40px 0}

#piaofu{ z-index:9999}

.header{ height: 38px; background: #f2f2f2; line-height: 38px;  color: #a5a5a5}
.header a{ color: #a5a5a5; margin:0 5px;  }
.header a.icon_wei{ background: url(../images/icon_wei.png) left center no-repeat; position: relative;}
.header a.icon_wei:hover{ background: url(../images/icon_weihover.png) left center no-repeat;}
.header a.icon_tel{ background: url(../images/icon_tel.png) left center no-repeat;}
.header a.icon_tel:hover{ background: url(../images/icon_telhover.png) left center no-repeat;}
.header a.icon_wei .weixin{ position: absolute; left: 0; top:38px; display: none }
.header a.icon_wei:hover .weixin{ display: block;}

.logo{ display: block; height: 100px; line-height: 100px;}
.nav{ height: 54px; line-height: 54px; margin-top: 20px;  }
.nav-pills>li>a{ border-radius: 0}
.nav li a{ font-size: 15px; padding-right: 20px; padding-left: 20px; color: #3d3d3d;border-bottom: 3px solid #fff; font-size: 17px; }
.nav li a:hover{ background: #f2f2f2;border-bottom: 3px solid #217cc8; color: #217cc8;
    transition: color 1s;
-moz-transition: color 1s;  /* Firefox 4 */
-webkit-transition: color 1s;   /* Safari 和 Chrome */
-o-transition: color 1s;    /* Opera */ }
.nav li a:active{ background: none}
.nav li a.seleton{border-bottom: 3px solid #217cc8; color: #217cc8; }

.menutop{ width: 100%; background:#fff}
.menutop .mini{ position: fixed; top: 0; z-index:999}

.swiper-container {
        width: 100%;
        height: 500px;
        background: #000;
    }
    .swiper-slide {
        font-size: 18px;
        color:#fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 40px 60px;
    }
    .parallax-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 130%;
        height: 500%;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
    }
    .swiper-slide .title {
        font-size: 41px;
        font-weight: 300;
    }
    .swiper-slide .subtitle {
        font-size: 21px;
    }
    .swiper-slide .text {
        font-size: 14px;
        max-width: 400px;
        line-height: 1.3;
    }

.animated .our_server,.animated .part01 {
    visibility: visible;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated .scroll-up {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.animated .scroll-left {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.animated .scroll-right {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.animated .scroll-down {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
.scroll-up, .scroll-left, .scroll-right, .scroll-down {
    visibility: hidden;
}
.partblock {
    width: 1200px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    position: relative;
    
}

.cabj{     background: url("../images/case_bg.jpg") center center no-repeat; height: auto; width: 100%;overflow: hidden; padding:20px 0}
.com_til{ padding: 20px 0 40px; text-align: center;}
.com_til .com_til1{ font-size: 24px; color: #3d3d3d}
.com_til .com_til1 span{font-family: Arial;  color: #999999; padding-left:10px}
.com_til .com_til2{  color: #9d9d9d; font-size: 14px; margin-top:10px}
.server_block{ width: 190px; height: 308px; display: block; float: left; margin-right: 10px; }
.server_block0{ background: url(../images/server_bj0.png) center no-repeat;}
.server_block1{ background: url(../images/server_bj1.png) center no-repeat;}
.server_block2{ background: url(../images/server_bj2.png) center no-repeat;}
.server_block3{ background: url(../images/server_bj3.png) center no-repeat;}
.server_block4{ background: url(../images/server_bj4.png) center no-repeat;}
.server_block5{ background: url(../images/server_bj5.png) center no-repeat;}
.server_block6{ background: url(../images/server_bj6.png) center no-repeat;}

.ser_b1{ margin:40px 30px 20px 30px; padding-top: 90px; text-align:center}
.ser_b1china{ font-size: 22px; color: #3d3d3d; font-weight: 500}
.ser_b1eng{ color: #9d9d9d;  font-size: 12px; padding-bottom: 20px;  background: url(../images/server_bottom1.jpg) bottom center no-repeat; }
.ser_b2{ color: #666666;text-align:center}
.ser_b10{  background: url(../images/icon_server0.png) center top no-repeat;}
.ser_b11{  background: url(../images/icon_server1.png) center top no-repeat;}
.ser_b12{  background: url(../images/icon_server2.png) center top no-repeat;}
.ser_b13{  background: url(../images/icon_server3.png) center top no-repeat;}
.ser_b14{  background: url(../images/icon_server4.png) center top no-repeat;}
.ser_b15{  background: url(../images/icon_server5.png) center top no-repeat;}
.ser_b16{  background: url(../images/icon_server6.png) center top no-repeat;}


.server_block:hover{ color: #fff; margin-top: -20px;
    transition: margin-top 2s;
-moz-transition: margin-top 2s;  /* Firefox 4 */
-webkit-transition: margin-top 2s;   /* Safari 和 Chrome */
-o-transition: margin-top 2s;    /* Opera */
}
.server_block0:hover{ background: #33132a;}
.server_block1:hover{ background: #1d8abe;}
.server_block2:hover{ background: #d22724;}
.server_block3:hover{ background: #fd8e06;}
.server_block4:hover{ background: #286ad1;}
.server_block5:hover{ background: #a639b8;}
.server_block6:hover{ background: #00a54c;}

.server_block:hover .ser_b10{  background: url(../images/icon_server0hover.png) center top no-repeat; }
.server_block:hover .ser_b11{  background: url(../images/icon_server1hover.png) center top no-repeat; }
.server_block:hover .ser_b12{  background: url(../images/icon_server2hover.png) center top no-repeat; }
.server_block:hover .ser_b13{  background: url(../images/icon_server3hover.png) center top no-repeat; }
.server_block:hover .ser_b14{  background: url(../images/icon_server4hover.png) center top no-repeat; }
.server_block:hover .ser_b15{  background: url(../images/icon_server5hover.png) center top no-repeat; }
.server_block:hover .ser_b16{  background: url(../images/icon_server6hover.png) center top no-repeat; }

.server_block:hover .ser_b1china{ color: #fff}
.server_block:hover .ser_b1eng{ color: #fff; background: url(../images/server_bottom2.jpg) bottom  center no-repeat;}
.server_block:hover .ser_b2{ color: #fff}

.case_til li{ width: 25%; float: left; background: #f1f1f1; height: 58px; line-height: 58px; border-top: 2px solid #f1f1f1; border-right: 2px solid #fff }
.case_til li a{ display: block; margin-left: 90px; padding-left: 30px; text-align: left; font-size: 18px; color: #3d3d3d; }
.case_til li a.icon_case1{ background: url(../images/icon_case1.png) left center no-repeat;}
.case_til li a.icon_case2{ background: url(../images/icon_case2.png) left center no-repeat;}
.case_til li a.icon_case3{ background: url(../images/icon_case3.png) left center no-repeat;}
.case_til li a.icon_case4{ background: url(../images/icon_case4.png) left center no-repeat;}
.case_con{ display: none}
.case_til li.nav-cus-0,li.nav-cus-1,li.nav-cus-2,li.nav-cus-3{ border-top: 2px solid #217cc8}
.case_til li.nav-cus-0 a.icon_case1{ background: url(../images/icon_case1hover.png) left center no-repeat;}
.case_til li.nav-cus-1 a.icon_case2{ background: url(../images/icon_case2hover.png) left center no-repeat;}
.case_til li.nav-cus-2 a.icon_case3{ background: url(../images/icon_case3hover.png) left center no-repeat;}
.case_til li.nav-cus-3 a.icon_case4{ background: url(../images/icon_case4hover.png) left center no-repeat;}


.case_ul li{  float: left;   width: 380px; margin-right: 30px; margin-top: 30px;  -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2); box-shadow: 0 0 30px rgba(0,0,0,0.2);}
.case_ul li a{ display: block; padding-bottom: 50px; position: relative; overflow: hidden; }
.case_ul li a img{ width: 380px; height: 260px;}
.case_ul li a span{ width: 380px; color: #9d9d9d; background:#fff; height: 50px; position: absolute; left: 0; bottom: 0; line-height: 50px;text-align:center }
.case_ul li a:hover span{ background: #217cc8; color: #fff;
    position: absolute; bottom:0px; left: 0;    
}

.case_ul li a:hover img{  margin-top: -30px; transition:all 0.8s;
}
.case_con{ height: 600px;}
.carousel-inner{ height: 600px;}

.contant{height:700px;width:1200px;overflow:hidden;position:relative;}
.inner{width:4800px;height:660px;position:relative;}
.contant-con{padding-top:20px;float:left;width:1200px;}
.contant-left{width:290px;float:left;padding:3px 10px 10px 15px;}
.contant-left-top{border-bottom:1px solid #d1d1d0;padding-bottom:7px;width:290px;} 
/*案例板块*/
.part_adv{ padding: 40px 0; background: #f6f4f4; width: 100%}
.adv_ul{ width: 98px;}
.adv_ul li{ width: 99px; height: 99px; position: relative; cursor:pointer;   }
.adv_ul li span{ display: block; position: absolute; left: 10px; top:10px; color:#fff; border-bottom: 1px solid #fff}

.adv_ul li.adv1{ background:#171717;}
.adv_ul li.adv2{ background:#484848;}
.adv_ul li.adv3{ background:#5e5e5e;}
.adv_ul li.adv4{ background:#767676;}
.adv_ul li.adv5{ background:#8f8e8e;}
.adv_ul li.adv1 .num1{background: url(../images/011.png) center bottom 10px no-repeat; width: 90px; height: 60px; position: absolute; bottom: 0; left: 0  }
.adv_ul li.adv2 .num2{background: url(../images/02.png) center bottom 10px no-repeat; width: 90px; height: 60px; position: absolute; bottom: 0; left: 0  }
.adv_ul li.adv3 .num3{background: url(../images/03.png) center bottom 10px no-repeat; width: 90px; height: 60px; position: absolute; bottom: 0; left: 0  }
.adv_ul li.adv4 .num4{background: url(../images/04.png) center bottom 10px no-repeat; width: 90px; height: 60px; position: absolute; bottom: 0; left: 0  }
.adv_ul li.adv5 .num5{background: url(../images/05.png) center bottom 10px no-repeat; width: 90px; height: 60px; position: absolute; bottom: 0; left: 0  }
.adv_ul li.adv1.adv_cur,li.adv2.adv_cur,li.adv3.adv_cur,li.adv4.adv_cur,li.adv5.adv_cur{ background: url(../images/ggv_bj.png) left center no-repeat; width: 104px;}
.adv_ul li.adv1.adv_cur .num{width: 90px; height: 60px; position: absolute; bottom: 0; left: 0  }
.adv_ul li.adv1.adv_cur .num1{background: url(../images/01hover.png) center bottom 10px no-repeat;   }
.adv_ul li.adv2.adv_cur .num2{background: url(../images/021.png) center bottom 10px no-repeat;   }
.adv_ul li.adv3.adv_cur .num3{background: url(../images/031.png) center bottom 10px no-repeat;   }
.adv_ul li.adv4.adv_cur .num4{background: url(../images/041.png) center bottom 10px no-repeat;   }
.adv_ul li.adv5.adv_cur .num5{background: url(../images/051.png) center bottom 10px no-repeat;   }
.adv_flblock{ display: none}
.adv_con{  padding-left: 30px; width: 600px;}

.n1_con{background: url(../images/n1_bg.jpg) left bottom  no-repeat; text-align: left; padding: 10px 0 }
.n1_con h2{ font-size: 24px;  font-weight: bold; }
.n1_con p{color: #3d3d3d;  }
.n1_ul{  padding: 20px 0}
.n1_ul li { background: url(../images/list_dot1.png) left top 10px no-repeat; padding-left: 10px; text-align: left; }
.n1_ul li a{ color: #9d9d9d}
/*优势板块*/

.news_ul{ width: 370px; margin: 0 auto}
.news_ul li{ width: 100px; margin: 0 10px; float: left;   height: 40px;line-height: 40px;cursor: pointer; text-align:center}
.news_ul li.cur_newsul{ border: 1px solid #217cc8; color: #217cc8;   }
.news_ul li a{   height: 40px;line-height: 40px;color:#888888; border: 1px solid #eee;font-size: 15px; cursor: pointer;display: block; text-align:center}
.news_ul li a:hover{ border: 1px solid #217cc8; color: #217cc8; }
.news_ul li a.cur_newsul{ border: 1px solid #217cc8; color: #217cc8;   }
.news_list{ }
.news_ullist{ display: none}
.news_ullist li{ width: 520px;     cursor: pointer;}
.normal_txt { padding: 10px 0;border-bottom: 1px solid #eee}
.normal_txt span{ display: block; width: 100px; text-align: center; color: #838282 }
.normal_txt  a{ display: block; width: 380px; padding-right: 20px; text-align: left; color: #9d9d9d }
.dateday{  font-size: 18px; color: #000}

.news_ullist li:first-child .normal_txt{ display: none}
.normal_txt2{ padding: 10px 0; background: #f6f6f6; display: none}
.normal_txt2 span{display: block; width: 100px; text-align: center; color: #838282}
.normal_txt2 span .dateday2{ font-size: 36px; color: #217cc8}
.normal_txt2 .nt2{ width: 380px;padding-right: 20px; text-align: left;}
.normal_txt2 .nt2 a{ font-size: 18px; color: #217cc8;    width: 100%;  display: block;  }
.normal_txt2 .nt2 .nt2_txt{ color: #9d9d9d; height: 60px; padding: 10px 0 }

.news_ullist li:hover .normal_txt2{ display: block}
.news_ullist li:hover .normal_txt{ display: none}

.newsfr{ width: 680px; background: #f6f6f6}
.frnews_dl{ width: 300px;   text-align: left; margin: 50px 30px 20px 0 }
.frnews_dl dt a{ font-size: 18px; color: #3d3d3d; padding: 10px 0; background: url(../images/n1_bg.jpg) left bottom no-repeat; text-align: left;  font-weight: normal;}
.frnews_dl dd{  margin: 20px 0 ;  color: #9d9d9d;}
.frnews_dl dd p{color: #9d9d9d; padding-top: 10px;  }

.more{  background: url(../images/more.png) right center no-repeat; padding-right: 30px; color: #217cc8}
.more:hover{ color: #217cc8}

.silders {width: 100%;height:200px;     text-align: center;margin: 0 auto;position:relative;float:left;}
.silders .silders_list {height:200px;  position: relative;}
.silders .silders_list a{position:absolute; top:0;left:0;}
.silders .silders_list a,.silders .silders_list img{display:inline-block;float:left;}
.silders .silders_page{ text-align:right; margin:0 auto;right:-16px;  position:absolute; top:1px; width: 16px; }
.silders .silders_page li{width:50px; font-size:20px; float:left; height:40px;line-height:40px;  background:#FFF;display:inline-block;text-align:center;color:#838282;}
.silders .silders_page li.current{background:#fb8102;color:#fff;}
.silders_desc{color:#fff;background:url(../images/float_bg.png) repeat 0 0;float:left;line-height:108px;height:108px;width:100%; position:absolute;left:0;bottom:0;text-align:left; text-align: center;
    word-wrap: normal;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;
}
.silders .silders_page li:hover{cursor:pointer;}


.newbj{background: url("../images/news_bg.jpg") center top no-repeat; background-attachment: fixed; height: auto;  width: 100%; min-width: 1200px;overflow: hidden;}

.news_left .news-text {padding:10px;width:300px;height:380px;background-color:rgba(255,255,255,0.9);float:left;margin-right:10px;text-align: left;}
.news_left .news-text .g-img {width:100%;height:180px;overflow:hidden;text-align:center}
.news_left .news-text .g-img img {max-width:100%; height:180px;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
.news_left .news-text .g-img img:hover {-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.news_left .news-text .m-text {padding:25px 15px 15px;font-size:14px;}
.news_left .news-text .m-text .g-tt {font-size:16px;color:#333333;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_left .news-text .m-text .g-tt a {color:#333333;}
.news_left .news-text .m-text .g-text {color:#888888;margin:15px 0;width:100%;height:60px;line-height:20px;overflow:hidden;}
.news_left .news-text .m-text .g-more {color:#666666;text-decoration:underline;}
.news_left .news-text .m-text .g-more a{color:inherit;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.news_left .news-text .m-text .g-more a:hover{ color:#217cc8;}
.news_right {float:right;overflow:hidden;background-color:rgba(255,255,255,0.9);padding:20px 30px;width:580px;height:380px;}
.news_right .news_text {border-bottom:1px solid #E7E7E7;padding:15px 0;overflow:hidden;text-align: left;}
.news_right .news_text .m-time {width:80px;float:left;text-align:center;color:#999999;margin-right:20px;font-size:14px;}
.news_right .news_text .m-time .g-d {font-size:60px;line-height:50px;margin-bottom:8px;}
.news_right .news_text .m-text {float:left;width:420px;}
.news_right .news_text .m-text .g-tt {font-size:16px;margin-bottom:10px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_right .news_text .m-text .g-tt a {color:#333333;}
.news_right .news_text .m-text .g-text {color:#888888;height:40px;font-size:14px;line-height:20px;overflow:hidden;}

/*新闻模块结束*/

.abbj{background: url("../images/news_bg.jpg") center top no-repeat; background-attachment: fixed; height: auto;  width: 100%; min-width: 1200px;overflow: hidden;}
.aboutfl{ width: 920px;}
.aboutfr{ width: 243px;}
.ji_leitil{ text-align: left;}
.ji_leitil h2{ font-size: 24px; margin-bottom: -10px;  }
.ji_leitil p{ color: #9d9d9d}
.huan_ul{ margin-top: 20px;}
.huan_ul li{ width: auto; float: left; margin-right: 5px; display: block; width: auto; height: 135px; position:relative; color: #fff; overflow: hidden;}


.huan_ul li span{ display: none; position: absolute; left: 0; bottom: 0;  text-align: center; }
.huan_ul li:hover span{ display: block; height: 135px; background:rgba(33,124,200,0.7);  width: 100%;  line-height: 135px; top:0;position: absolute; left: 0;}

.jie_shao{ text-align: left; padding: 10px 0;}
.jie_shaotxt{ }
.jie_shaotxt p{ text-indent: 2em; color: #666; padding-top:15px  ; line-height:2em; }

/*关于我们结束*/

.progress_ul{ width: 1200px; padding: 20px 0}
.progress_ul li{  float: left; padding-right: 50px; background: url(../images/iconfont-progress_jiantou.png) right 20px center no-repeat;   }
.progress_ul li a{ display: block; width: 155px; padding-top: 100px; color: #9d9d9d; text-align: center;}
.progress_ul li a h3{ color: #3d3d3d; font-size: 18px; }
.progress_ul li a.progress_coin1{ display: block; background: url(../images/icon_server1_pro.png) center top no-repeat; }
.progress_ul li a.progress_coin2{ display: block; background: url(../images/icon_server2_pro.png) center top no-repeat; }
.progress_ul li a.progress_coin3{ display: block; background: url(../images/icon_server3_pro.png) center top no-repeat; }
.progress_ul li a.progress_coin4{ display: block; background: url(../images/icon_server4_pro.png) center top no-repeat; }
.progress_ul li a.progress_coin5{ display: block; background: url(../images/icon_server5_pro.png) center top no-repeat; }
.progress_ul li a.progress_coin6{ display: block; background: url(../images/icon_server6_pro.png) center top no-repeat; }
.progress_ul li a.progress_coin1:hover{ display: block; background: url(../images/icon_server1hover_pro.png) center top no-repeat; }
.progress_ul li a.progress_coin2:hover{ display: block; background: url(../images/icon_server2hover_pro.png) center top no-repeat; }
.progress_ul li a.progress_coin3:hover{ display: block; background: url(../images/icon_server3hover_pro.png) center top no-repeat; }
.progress_ul li a.progress_coin4:hover{ display: block; background: url(../images/icon_server4hover_pro.png) center top no-repeat; }
.progress_ul li a.progress_coin5:hover{ display: block; background: url(../images/icon_server5hover_pro.png) center top no-repeat; }
.progress_ul li a.progress_coin6:hover{ display: block; background: url(../images/icon_server6hover_pro.png) center top no-repeat; }

/*流程结束*/

.wrap_parter{  padding: 40px 0 20px 0; background: url(../images/about_bj.png) center no-repeat; width: 100%; background-size: 100% 100%}
.partfl{ width:300px; }
.partfr{ width: 890px; border-right: 1px solid #eee;}
.part_logo a{ display: block; width: 177px;  float: left;  height: 94px; border: 1px solid #eee; position: relative;}
.part_logo a span{ display: none; width: 177px; height: 94px;position:absolute; left: 0; top:0;  background: url(../images/iconfont-sousuo.png) center top 20px no-repeat,#f08619; z-index: 999; color: #fff; padding-top: 50px; text-align: center; overflow: hidden; }
.part_logo a:hover span{ display: block;   }

/* tab */
.tab{width:890px;height:540px;overflow:hidden;margin:10px auto 0 auto;}
.tab .tab_pic ul{height:480px;width:999em;position:relative;}
.tab .tab_pic ul li{float:left; height: 480px; width: 890px; overflow: hidden;}
.tab .tab_pic ul li a{display:block;}
.tab_pic{float:left;width:890px;height:500px; position:relative;}
 .tab .tab_pic .prevlogo,.tab .tab_pic .nextlogo{display:block;width:20px;height:20px;float:right;margin:0 0 0 1px;overflow:hidden;cursor:pointer;background: url(../images/go_left.png) center no-repeat;}
.tab .tab_pic .nextlogo{ background: url(../images/go_right.png) center no-repeat;}

.lxbj{backgr ound: url("../images/h_clients_bj.jpg") center top no-repeat; height: auto;  width: 100%; min-width: 1200px;overflow: hidden;}

 
 .btn_ct{width:890px;height:23px;padding:1px;display:block;position:absolute;left:0;bottom:0;z-index:2;}
.dl_msg{ padding: 10px 0}
.dl_msg dd{ font-size: 14px; color: #000 }
.dl_msg dt { padding: 5px; border: 1px solid #ddd; margin: 5px 0}
.dl_msg dt span{ width: 30px; height: 30px;  display: block;  float: left;}
.dl_msg dt input{ width: 500px; height: 30px; line-height: 30px; border: none }
.message{ width: 560px;  text-align: left; margin-top: 50px;}
.contact_icon1{background: url(../images/contact_coin1.png) center no-repeat; }
.contact_icon2{background: url(../images/contact_coin2.png) center no-repeat; }
.contact_icon3{ background: url(../images/contact_coin3.png) center no-repeat;}
.dl_msg dt textarea{ height: 100px; width: 500px; border: none }
.btn_submit{ padding: 5px 10px; background: #207dc7; color: #fff; margin-right: 20px;border: none;}
.btn_submit:hover{ color: #fff}

.foot{ width: 100%; margin-top: 200px; padding: 50px 0 20px 0; background: #27303f; color: #676c74; position: relative}
.ft_wei{ position: absolute; left: 50%; margin-left: -100px; top:-120px;}
.foot a{ color: #676c74}
.ft_top{ padding-bottom: 20px;}
.ft_menu a{ margin:0 5px;}
.ft_menu a:hover{ color: #fff}
.link{ padding: 20px 0; margin: 20px auto; border-top: 1px solid #373737; border-bottom: 1px solid #373737}
.link a{ margin-right: 20px;}
.coin_ft1{ width: 34px; height: 34px;  display: block; background: url(../images/weibo.png) center; }
.coin_ft1:hover{   background: url(../images/weibohover.png) center; }
.coin_ft2{ width: 34px; height: 34px;  display: block; background: url(../images/t_bo.png) center; }
.coin_ft2:hover{   background: url(../images/t_bohover.png) center; }
.coin_ft3{ width: 34px; height: 34px;  display: block; background: url(../images/weixin.png) center; }
.coin_ft3:hover{   background: url(../images/weixinhover.png) center; }
.coin_box{    }
.coin_box a{ float: left; display:block; margin: 0 5px;}

.home_container {width: 1200px; margin: 0 auto;}
.h-link {background:#ffffff url("../picture/h_link_bj.png") center top no-repeat;width:100%;height:auto;}
.h-link .link_text {padding:30px 0;}
.h-link .link_text .g-tt {width:120px;float:left;font-size:14px;color:#666666;}
.h-link .link_text .g-text {float:left;width:1080px;overflow:hidden;}
.h-link .link_text .g-text a {color:#666666;margin-bottom:5px;margin-right:10px;display:inline-block;}

.footer {background:#27303f;color:#676c74;font-size:14px;overflow:hidden;width:100%;min-width:1200px;position:relative;z-index:2;}
.footer a {color:#676c74;}
.footer a:hover {color:#989a9d;}
.footer .footer_panel {width:1200px;margin:0 auto;padding:50px 0;min-height:284px;}
.footer_panel dl {overflow:hidden;float:left;}
.footer_panel dl dt {font-size:18px;color:#cccccc;line-height:40px;}
.footer_panel dl dt a {color:#cccccc;}
.footer_panel dl dd {line-height:36px;font-size:14px;width:120px;padding-right:10px;}
.footer_panel dl.dk1 {width:130px;padding-right:20px;}
.footer_panel dl.dk2 {width:390px;padding-right:20px;}
.footer_panel dl.dk2 dd {float:left;}
.footer_panel dl.dk3 {width:320px;padding-right:20px;}
.footer_panel dl.dk3 dd {width:100%;height:40px;line-height:40px;text-indent:20px;}
.footer_panel dl.dk3 dd.add {background: url("../picture/footer_ico.png") 0 0 no-repeat;}
.footer_panel dl.dk3 dd.tel {background:url("../picture/footer_ico.png") 0 -40px no-repeat;font-size:30px;co lor:#2c88d8;font-family:impact;}
.footer_panel dl.dk3 dd.qq {margin-top:10px;}
.footer_panel dl.dk3 dd.qq a {width:180px;height:40px;display:inline-block;text-indent:10000px;background:url("../picture/qq1.gif") 0 0 no-repeat;}
.footer_panel dl.dk3 dd.qq a:hover {background:url("../picture/qq2.gif") 0 0 no-repeat;}
.footer_panel dl.dk4 {width:140px;padding-right:10px;overflow:visible;}
.footer_panel dl.dk4 dd {background:rgba(0,0,0,0.5) url("../picture/an1.png") no-repeat;border-radius:10px;width:160px;height:44px;line-height:44px;text-indent:50px;font-size:14px;color:#676c74;margin-top:10px;cursor:pointer;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;position:relative;}
.footer_panel dl.dk4 dd.wx {background-position:15px 12px;}
.footer_panel dl.dk4 dd.wx .code {background:url("../picture/SJ_code.png") no-repeat center;width:130px;height:0;line-height:130px;text-indent:0;text-align:center;position:absolute;left:15px;top:45px;z-index:55;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;overflow:hidden;}
.footer_panel dl.dk4 dd.wx:hover {background-position:15px -38px;color:#ffffff;}
.footer_panel dl.dk4 dd.wx:hover .code {height:130px;}
.footer_panel dl.dk4 dd.wb {background-position:15px -88px;}
.footer_panel dl.dk4 dd.wb a {display:block;}
.footer_panel dl.dk4 dd.wb:hover {background-position:15px -138px;}
.footer_panel dl.dk4 dd.wb:hover a {color:#ffffff;}
.footer .copyright {border-top:1px #313b4c solid;width:1200px;margin:0 auto;line-height:24px;text-align:right;color:#989a9d;font-size:14px;padding:25px 0;overflow:hidden;}
.footer .copyright a.flogo {float:left;display:inline-block;width:397px;height:24px;background:url("../picture/SJ_logow.png") 0 0 no-repeat;text-indent:10000px;opacity:.6;overflow:hidden;}
.footer .copyright a.flogo:hover {background:url("../picture/SJ_logow.png") 0 0 no-repeat;opacity:.8;}

.right_side {position:absolute;right:0;top:35%;width:60px;height:245px;z-index:80000;}
.right_side ul {}
.right_side ul li {width:60px;height:60px;border-bottom:1px solid #3197f0;background:#2c88d8 url("../picture/right_ico.png") no-repeat;cursor:pointer;position:relative;-webkit-transition:background 0.5s ease-out;-moz-transform:background 0.5s ease-out;transition:background 0.5s ease-out;}
.right_side ul li:hover {background:#FFFFFF url("../picture/right_hover_ico.png") no-repeat;}
.right_side ul li.qq {background-position:center 17px;border-top-left-radius:5px;}
.right_side ul li.qq div {display:none;background-color:#f9f9f9;position:absolute;right:60px;width:180px;height:300px;border-bottom-left-radius:5px;border-top-left-radius:5px;overflow:hidden;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.2);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.2);box-shadow:-7px 0px 10px rgba(0,0,0,0.2);}
.right_side ul li.qq div dt {text-align:center;height:60px;line-height:60px;background-color:#ffffff;}
.right_side ul li.qq div dd {height:60px;line-height:60px;color:#666666;margin:0 auto;width:160px;font-size:16px;border-bottom:1px dotted #dedede;text-indent:70px;background:url("../picture/qqbg.gif") no-repeat 30px 17px;}
.right_side ul li.qq div dd a {display:block;}
.right_side ul li.qq div dd a:hover {color:#556c9c;}
.right_side ul li.tel {background-position:center -44px;}
.right_side ul li.tel div {display:none;border-bottom-left-radius:5px;border-top-left-radius:5px;position:absolute;right:60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);box-shadow:-7px 0px 10px rgba(0,0,0,0.3);height:60px;line-height:60px;padding:0 20px;font-size:24px;font-weight:bold;color:#217cc8;background-color:#ffffff;white-space:nowrap}
.right_side ul li.wx {background-position:center -105px;}
.right_side ul li.wx div {border-radius:5px;display:none;position:absolute;top:-45px;right:60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);box-shadow:-7px 0px 10px rgba(0,0,0,0.3);overflow:hidden;}
.right_side ul li.top {background-position:center -166px;border:none;border-bottom-left-radius:5px;}
.right_side ul li:hover div {display:block;}
.right_side ul li.qq:hover {border-radius:0;}

/*index end*/


.bjj{ background-color: rgba(255,255,255,.6);
    background-position: top center;
    background-size: 100% auto;
    overflow: hidden; background-image:url("../images/news_bg.jpg");background-attachment: fixed;}

.app_banner{ height: 300px; width: 100%; background: url(../images/app_banner.png) center no-repeat;}
.teamfl{ width: 344px;}
.teamfr{ width:850px; }
.team_ul { width: 850px;}
.team_ul li{  width: 250px; padding-top: 180px; float: left; margin-left: 30px;   }
.team_ul li.team1{ background: url(../images/software_img1.jpg) center top no-repeat;}
.team_ul li.team2{ background: url(../images/software_img2.jpg) center top no-repeat;}
.team_ul li.team3{ background: url(../images/software_img3.png) center top no-repeat;}

.team_ul li .txt_team{color: #a4a4a4; height: 98px; overflow: hidden; text-align: left }
.team_ul li .txt_team a{ color: #217cc8}

.serItem_block{ width: 285px;   background: url(../images/ser_itembg.png) center top no-repeat; display: block; padding:20px 0; height: 256px;  overflow: hidden; float: left; margin-right: 20px;}
.ser_lt{ padding-top: 50px;}
.ser_lt.ser_lt1{ background: url(../images/ser_item1.png) top center no-repeat;}
.ser_lt.ser_lt2{ background: url(../images/ser_item2.png) top center no-repeat;}
.ser_lt.ser_lt3{ background: url(../images/ser_item3.png) top center no-repeat;}
.ser_lt.ser_lt4{ background: url(../images/ser_item4.png) top center no-repeat;}
.serItem_block:hover .ser_lt.ser_lt1 { background: url(../images/ser_item1hover.png) top center no-repeat;}
.serItem_block:hover .ser_lt.ser_lt2 { background: url(../images/ser_item2hover.png) top center no-repeat;}
.serItem_block:hover .ser_lt.ser_lt3 { background: url(../images/ser_item4hover.png) top   center no-repeat;}
.serItem_block:hover .ser_lt.ser_lt4 { background: url(../images/ser_item3hover.png) top center no-repeat;}

.ser_lt2{  width: 225px;  margin:20px auto 0 auto; color: #ababab}
 
.serItem_block:hover{ background: #217cc8}
.serItem_block:hover .ser_lt2{ color: #fff}
.serItem_block:hover .ser_b1china{ color: #fff}
.serItem_block:hover .ser_b1eng{ color: #fff; background: url(../images/server_bottom2.jpg) bottom  center no-repeat;}
.serItem_block:hover .ser_b2{ color: #fff}

/*app end*/

.case_banner{ width: 100%; height: 300px; background: url(../images/case_banner.png) center no-repeat;  margin-bottom: 30px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background:#217cc8; 
border-color:#217cc8;}
.pagination>li>a, .pagination>li>span{color: #217cc8; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
    color: #217cc8;
}

.detail_top{  padding: 20px 0; border-bottom: 1px solid #dedede}
.detail_tiltle{ background: url(../images/details_bt.png) bottom left no-repeat;  padding-bottom: 10px;}
.details_tel{ padding-left: 30px; font-size: 18px; color: #a4a4a4; background: url(../images/detail_tel.png) left center no-repeat; margin-top: 20px;}
.details_tel span{ font-weight: bold; color: #f08619; font-size: 30px; font-family: '黑体'}

.details_dl{ padding: 20px 0}
.details_dl span{ color: #3d3d3d }
.details_dl{ color: #a5a5a5}
.notice p{ padding:10px 0;}


.case_list {padding:40px 0 60px;/* background-color:#ffffff; */}
.case_list .list {width:100%;}
.case_list .list li {width:380px;height:310px;margin:0 30px 30px 0;float:left;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);box-shadow:0 0 30px rgba(0,0,0,0.2);position:relative;/* z-index:11; */}
.case_list .list li:nth-of-type(3n) {margin-right:0px;}
.case_list .list li .g-img {height:260px;width:380px;position:relative;overflow:hidden;}
.case_list .list li .g-img img {-webkit-transition:transform 0.5s ease-out;transition:transform 0.5s ease-out;}

.case_list .list li .g-img .text {opacity:0;background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:0;padding:30px;height:260px;width:380px;-webkit-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out;}
.case_list .list li .g-img .text .box {box-sizing:border-box;color:#ffffff;position:relative;height:200px;width:320px;padding:30px 35px 40px;}
.case_list .list li .g-img .text .box::before,.case_list .list li .g-img .text  .box::after {box-sizing:border-box;content:'';position:absolute;width:100%;height:100%;}
.case_list .list li .g-img .text .box::before,.case_list .list li .g-img .text .box::after {border:1px solid transparent;width:0;height:0;}
.case_list .list li .g-img .text .box::before {top:0;left:0;}
.case_list .list li .g-img .text .box::after {bottom:0;right:0;}
.case_list .list li .g-img:hover .text {opacity:1;}
.case_list .list li .g-img:hover img {-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.case_list .list li .g-img .text:hover .box .more {opacity:1;-webkit-transition:opacity 0.2s ease-out 0.6s;transition:opacity 0.2s ease-out 0.6s;}
.case_list .list li .g-img .text:hover .box::before,.case_list .list li .g-img .text:hover .box::after {width:100%;height:100%;}
.case_list .list li .g-img .text:hover .box::before {border-top-color:#ffffff;border-right-color:#ffffff;-webkit-transition:width 0.25s ease-out,height 0.25s ease-out 0.25s;transition:width 0.25s ease-out,height 0.25s ease-out 0.25s;}
.case_list .list li .g-img .text:hover .box::after {border-bottom-color:#ffffff;border-left-color:#ffffff;-webkit-transition:border-color 0s ease-out 0.5s,width 0.25s ease-out 0.5s,height 0.25s ease-out 0.75s;transition:border-color 0s ease-out 0.5s,width 0.25s ease-out 0.5s,height 0.25s ease-out 0.75s;}
.case_list .list li .g-img .text .box .title {width:100%;height:24px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:normal;color:#ffffff;font-size:18px;font-weight:bold;}
.case_list .list li .g-img .text .box .xt {width:40px;margin:10px auto;height:2px;background-color:#ffffff}
.case_list .list li .g-img .text .box .txt {color:#eeeeee;line-height:24px;text-align:justify;height:94px;overflow:hidden;}
.case_list .list li .g-img .text .box  .more {width:30px;height:30px;border-radius:50%;z-index:2;background:#ffffff url("../images/case_more1.png") no-repeat center;position:absolute;left:50%;margin-left:-15px;bottom:-14px;opacity:0;}
.case_list .list li .info {height:50px;line-height:50px;background-color:#ffffff;padding:0 20px;color:#888888;}
.case_list .list li .info .cate {width:auto;}
.case_list .list li .info .switch {width:auto;height:40px;padding-top:10px;text-align:right}
.case_list .list li .info .switch a {display:inline-block;width:28px;height:30px;margin-left:15px;}
.case_list .list li .info .switch a.pc {background:url("../images/case_ico.png") no-repeat 4px center;}
.case_list .list li .info .switch a.pc:hover {background:url("../images/case_ico1.png") no-repeat 4px center;}

.case_list .list li .info .switch a.mobile {background:url("../images/case_ico.png") no-repeat -37px center;}
.case_list .list li .info .switch a.mobile:hover {background:url("../images/case_ico1.png") no-repeat -37px center;}
.case_list .list li .info .switch a.mobilehover {background:url("../images/case_ico1.png") no-repeat -37px center;}


.case_top {padding:40px ;background-color:rgba(255,255,255,0.95);min-height:200px;overflow:hidden; margin-bottom:40px}
.case_top .g_img {width:500px;overflow:hidden;float:left;}
.case_top .g_img img{ width:100%}
.case_top .g_info {float:right;width:560px;min-height:200px; font-size:16px}
.case_top .g_info .g_tt {font-size:24px;color:#333333;font-weight:bold;line-height:22px;height:35px;margin-bottom:8px;width:100%;overflow:hidden;}
.case_top .g_info .g_tt .link {font-size:14px;font-weight:normal;color:#2c88d8;text-align:center;width:118px;height:33px;line-height:33px;border:1px solid #3784D2;border-radius:5px;position:relative;}
.case_top .g_info .g_tt .link a {display:block;background:url("../images/case_m_ico2.png") no-repeat 20px center;text-indent:17px;}
.case_top .g_info .g_tt .link a:hover {background:#2c88d8  url("../images/case_m_ico3.png") no-repeat 20px center;color:#ffffff;}
.case_top .g_info .tag {color:#333333;}
.case_top .g_info .tag span {margin-right:10px;}
.case_top .g_info .text {line-height:28px;color:#666666;}
.case_top .g_info .text .tit {color:#333333; margin-top:15px}

.m_case .g_content {height:100%; width: 840px; overflow: hidden; padding:40px;background-color:rgba(255,255,255,0.95); min-height:1538px}


.tt{color:#333333;margin-bottom:20px;border-bottom: 1px solid #999999;height: 46px;}
.tt span{border-bottom: 1px solid #0590c1; position:absolute;font-size:24px; line-height:45px}
.ttcon{ font-size:16px; line-height:2em;}
.ttcon p{ margin-bottom:10px;}
.g_side{ width: 320px; overflow: hidden; padding:40px;background-color:rgba(255,255,255,0.95)}
.g_side img{ width:100%}
.g_side li{ margin-bottom:20px}
.g_side .g_title{ text-align: center; font-size:16px; line-height:3em; }
.g_side .g_title a{ color:#000}
.g_side .g_title a:hover{ color:#0590c1}


/*case end*/
.n_about{ border-top: 1px solid #E7E7E7;padding:20px 0; margin-top:40px;}
.n_about p{    color: #666666;
    line-height: 28px;
    width: 1000px;
    margin: 15px auto ;}

.m_ads {height:300px;width:100%;min-width:1200px;overflow:hidden;}
.m_ads.h_280 {height:280px;}
.m_ads.h_280 .text {padding-top:127px;}
.m_ads.h_300 {height:300px;}
.m_ads.h_300 .text {padding-top:147px;}
.m_ads.h_580 {height:580px;}
.m_ads.h_580 .text {padding-top:140px;}
.m_ads .text {text-align:center;padding-top:100px;}
.m_ads .text span {font-size:40px;color:#ffffff;margin:0 10px;text-transform:uppercase;-webkit-text-shadow:0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow:0px 0px 10px rgba(0,0,0,0.5);text-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.m_ads .text .xt {height:1px;width:145px;margin:15px auto 0;border-bottom:1px solid rgba(255,255,255,0.5);}

.about_banner{ width: 100%; height: 300px; background: url(../images/about_bj.jpg) center no-repeat;}
.name{ background: #f3f2f3; padding: 30px 0 }
.name .name_block{ width:600px; padding: 0 20px 0px 150px; color: #9d9d9d; position: relative; text-align: left; float: left; height: 110px; overflow: hidden;  }
.photo{ position: absolute; left: 30px; top:0; width: 106px; height: 108px; }
.name_til{ padding: 4px 10px; background: #f08619; color: #fff;  } 

.dl_ab { text-align: left; padding:20px 0; }
.dl_ab dd{ font-size: 18px; color: #000;padding-bottom: 20px; }
.dl_ab dt{ }
.dl_ab dt p{font-size: 14px; color: #9d9d9d; text-indent: 2em; font-weight: normal; }

.our_ke{ width: 100%; padding: 40px 0; background: #f3f2f3}
.ke_logo a{ border-right: none; width: 170px; height: 90px;}
.ke_logo a img{  width: 170px; height: 90px;}
.ke_logo a  span{width: 170px; height: 90px; }

.honor_ul li{ float: left; width: 480px; margin:0 58px;  }
.honor_ul li p{ height: 40px; line-height: 40px; }
.honor_img{border: 1px solid #eee; width: 480px;height: 300px;   text-align: center;  vertical-align:middle;     }
.honor_img img{ max-width: 390px;  max-height: 250px; margin-top: 25px; }

.part_name{ width: 1200px;}
.part_name tr td{ height: 76px; border: 1px solid #ddd }
.part_name tr td:hover{ background: #217cc8; color: #fff}

.g_content .g-text {padding:60px 0;width:100%;height:325px;}
.g_content .g-text .left {width:599px;border-right:1px solid #DCDCDC;height:auto;float:left;padding:20px 0 20px 75px}

.g_content .g-text .left .text {height:auto;color:#333333;width:500px; }
.g_content .g-text .left .text .tt {font-size:24px;}
.g_content .g-text .left .text .address {font-size:16px;margin:10px 0 20px;padding-left:25px;background:url("../images/contact_ico2.png") no-repeat left -353px;}
.g_content .g-text .left .text .info {color:#666666;font-size:14px;}
.g_content .g-text .left .text .info span {display:inline-block;height:25px;padding-left:25px;background:url("../images/contact_ico2.png") no-repeat left -265px;margin-top:20px;width:200px;}
.g_content .g-text .left .text .info span:nth-child(2) {background-position:left -86px;}
.g_content .g-text .left .text .info span:nth-child(3) {background-position:left -176px;}
.g_content .g-text .left .text .info span:nth-child(4) {background-position:left 5px;}
.g_content .g-text .right {width:600px;padding:20px 0 10px 60px;height:auto;float:left;}
.g_content .g-text .right .text {height:auto;float:left;width:auto;}
.g_content .g-text .right .text .tt {color:#888888;font-size:18px;}
.g_content .g-text .right .text .tel {color:#2c88d8;font-size:45px;font-weight:bold;margin-top:-4px;}
.g_content .g-text .right .text .info {color:#666666;}
.g_content .g-text .right .text .info span {display:inline-block;padding-left:25px;height:25px;width:190px;margin-top:20px;background:url("../images/contact_ico2.png") no-repeat left -445px;}


/*about end*/
.n_blog{ bor der-top: 1px solid #E7E7E7;padding:20px 0; }
.m_crm {height:50px;line-height:50px;color:#888888;background:url("../images/news_ico2.png") no-repeat left 17px; margin-bottom:30px}
.m_crm a.on,.m_crm a:hover,.m_crm1 a.on,.m_crm1 a:hover {color:#666666;}

.n_blog .g_content {width: 840px; overflow: hidden; padding:40px;background-color:rgba(255,255,255,0.95)}
.n_blog .g_list {}
.n_blog .g_list .g_box {width:100%;padding:20px 0;height:192px;border-bottom:1px dashed #E3E3E3;overflow:hidden;}
.n_blog .g_list .g_box .g_img {width:270px;height:152px;line-height:152px;overflow:hidden;}
.n_blog .g_list .g_box .g_img img {max-width:100%;}
.n_blog .g_list .g_box .g_text {width:450px;height:152px;overflow:hidden;}
.n_blog .g_list .g_box .g_text .tit {color:#333333;font-size:18px;font-weight:bold;width:100%;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.n_blog .g_list .g_box .g_text .g_aside {font-size:14px;color:#999999;line-height:24px;padding:11px 0;height:94px;overflow:hidden;}
.n_blog .g_list .g_box .g_text .g_mark {width:100%;overflow:hidden;color:#999999;}
.n_blog .g_list .g_box .g_text .g_mark span {margin-right:40px;}
.n_blog .g_list .g_box .g_text .g_mark span:last-child {margin-right:0;}
.n_blog .g_list .g_box .g_text .g_mark span.gtime {padding-left:20px;background:url("../images/blog_ico.png") no-repeat left -117px;}
.n_blog .g_list .g_box .g_text .g_mark span.mark {padding-left:20px;background:url("../images/blog_ico.png") no-repeat left -65px;}

.n_blog .g_side {width:320px;overflow:hidden; padding:40px;background-color:rgba(255,255,255,0.95)}
.n_blog .g_side .g_tt {margin-top:40px;height:60px;line-height:60px;text-align:center;border-bottom:1px dashed #E3E3E3;border-top:2px solid #3784D2;font-weight:bold;font-size:18px;color:#333333;}
.n_blog .g_side .g_list {width:100%;padding:20px 0 15px;overflow:hidden;text-indent:20px;line-height:24px;}
.n_blog .g_side .g_list li {margin-bottom:15px;}
.n_blog .g_side .g_list li:last-child {margin-bottom:0;}
.n_blog .g_side .g_list .tit {color:#333333;width:100%;height:24px;background:url("../images/blog_ico.png") no-repeat -3px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.n_blog .g_side .g_list .gtime {color:#999999;}
.n_blog .g_side .g_hot {padding:15px 10px;}
.n_blog .g_side .g_hot a {float:left;padding:3px 15px;margin:5px 5px;color:#666666;border:1px solid #dedede;border-radius:20px;}

.pages {color:#1a4b85;overflow:hidden;font-size:16px;text-align:center;margin-bottom:20px;}
.pages span, .pages a{display:inline-block;text-align:center;vertical-align:middle;padding:0px 10px;line-height:50px;overflow:hidden;min-width:50px;min-height:50px;box-sizing:border-box;font-size:16px; border-radius:5px; margin:0 8px; border: 1px solid #dedede; background:#fff}
.pages a{ border: 1px solid #dedede;}
.pages span{ background:#2c88d8; color:#fff}
.pages span font{ color:#fff}
.pages a:hover{ background:#dedede; color:#fff}

.m_text {width:840px;overflow:hidden; padding:40px;background-color:rgba(255,255,255,0.95)}
.m_text .article_tt {color:#333333;font-size:24px;font-weight:bold;margin-bottom:18px;margin-top:-5px;}
.m_text .g_attr span {display:inline-block;margin-right:25px;color:#888888;}
.m_text .g_attr span.on a {display:inline-block;border:1px solid #cccccc;margin-right:5px;border-radius:5px;font-size:12px;width:18px;height:18px;line-height:18px;text-align:center;}
.m_text .g_attr span.on a:hover {background-color:#2c88d8;color:#ffffff;border:1px solid #2c88d8;}
.m_text .g_attr span a:hover {color:#2c88d8;}
.m_text .text {padding:30px 0;font-size:14px;color:#666666;line-height:2em;overflow:hidden;  }
.m_text .text p{margin-bottom:20px}
.m_text .text img {max-width:100%;}
.m_aside {padding:25px 0 30px;line-height:26px;overflow:hidden;border-top:1px dotted #C7C7C7;color:#888888;}

.dl_time{ width: 1100px; text-align: left;     }
.time{ width: 78px; height: 78px; border: 1px solid #e5e5e5; }
.time span{font-size: 36px; color: #217cc8 }
.time p{ }
.dl_time dt a{ color: #333; font-size: 18px; font-weight: normal;     }
.dl_time dt a:hover{  color: #217cc8}
.dl_time dd{color: #b0b0b0;  padding:5px 0; }
.n_blocktxt{ padding: 20px 0; border-bottom: 1px solid #eee}

.news_img{ width: 180px; height: 120px; }
.news_img img{ width: 180px; height: 120px;}
.dl_dynamic{  width: 1000px;   }

.news_top{ margin: 30px 0 10px 0; text-align: center;}
.news_top h2{ font-size: 24px;  }
.news_top p{ color: #b0b0b0; }
.news_top p span{ margin: 0 10px;}
.news_details p{ color: #b0b0b0; margin: 10px 0; text-indent: 2em}
.news_details  img{  margin: 0 auto; max-width: 1200px; display: block;}
/*news end*/

.soft_banner{  width: 100%; height: 300px; background: url(../images/soft_banner.png) center no-repeat;}
.soft_block{ display: block; text-align:center; padding: 20px 0; width: 380px; background: url(../images/soft_iconbg.png) center no-repeat; height: 211px; margin-right: 30px; float: left;}
.soft_lt1{ background: url(../images/soft_icon1.png)  center top no-repeat; }
.soft_lt2{ background: url(../images/soft_icon2.png)  center top no-repeat; }
.soft_lt3{ background: url(../images/soft_icon3.png)  center top no-repeat; }
.soft_block:hover{ background: #217cc8; color: #fff}
.soft_block:hover .soft_lt1{ background: url(../images/soft_icon1hover.png)  center top no-repeat; }
.soft_block:hover .soft_lt2{ background: url(../images/soft_icon2hover.png)  center top no-repeat; }
.soft_block:hover .soft_lt3{ background: url(../images/soft_icon3hover.png)  center top no-repeat; }

.soft_block:hover .soft_txt{ color: #fff}
.soft_block:hover  .ser_b1china { color: #fff}
.soft_block:hover  .ser_b1eng { color: #fff; background: url(../images/server_bottom2.jpg) bottom center no-repeat}
.soft_txt{ width: 330px;  margin: 20px auto 0 auto;  color: #a4a4a4}

/*软件开发*/
.web_banner{  height: 300px; width: 100%; background: url(../images/web_banner.png) center no-repeat;}
.web_block{   display: block; float: left; width: 285px; height: 212px; background: url(../images/adv_bg.png) center no-repeat; margin-right: 20px;  margin-bottom: 20px;    cursor: pointer;}
.web_block .ser_lt{ margin-top: 20px;}
.web_txt{ margin: 20px auto 10px auto; width: 180px; text-align: center; color: #a4a4a4}
.web_lt1{ background: url(../images/ggv_cion1.png) center top no-repeat;}
.web_lt2{ background: url(../images/ggv_cion2.png) center top no-repeat;}
.web_lt3{ background: url(../images/ggv_cion3.png) center top no-repeat;}
.web_lt4{ background: url(../images/ggv_cion4.png) center top no-repeat;}
.web_lt5{ background: url(../images/ggv_cion5.png) center top no-repeat;}
.web_lt6{ background: url(../images/ggv_cion6.png) center top no-repeat;}
.web_lt7{ background: url(../images/ggv_cion7.png) center top no-repeat;}
.web_lt8{ background: url(../images/ggv_cion8.png) center top no-repeat;}
 
.web_block:hover{ background: #217cc8; margin-top: -20px;
transition: margin-top 2s;
-moz-transition: margin-top 2s;  /* Firefox 4 */
-webkit-transition: margin-top 2s;   /* Safari 和 Chrome */
-o-transition: margin-top 2s;    /* Opera */}
.web_block:hover .ser_b1china { color: #fff}
.web_block:hover .ser_b1eng { color: #fff; background: url(../images/server_bottom2.jpg) bottom center no-repeat}
.web_block:hover  .web_txt{ color: #fff}

.web_block:hover .web_lt1{ background: url(../images/ggv_cion1hover.png) center top no-repeat;}
.web_block:hover .web_lt2{ background: url(../images/ggv_cion2hover.png) center top no-repeat;}
.web_block:hover .web_lt3{ background: url(../images/ggv_cion3hover.png) center top no-repeat;}
.web_block:hover .web_lt4{ background: url(../images/ggv_cion4hover.png) center top no-repeat;}
.web_block:hover .web_lt5{ background: url(../images/ggv_cion5hover.png) center top no-repeat;}
.web_block:hover .web_lt6{ background: url(../images/ggv_cion6hover.png) center top no-repeat;}
.web_block:hover .web_lt7{ background: url(../images/ggv_cion7hover.png) center top no-repeat;}
.web_block:hover .web_lt8{ background: url(../images/ggv_cion8hover.png) center top no-repeat;}

.tao_wrap{ width: 100%; height: 700px; background: url(../images/shape-2-copy.png) center no-repeat;}
.tao_ul li{ width: 285px;  float: left; background: #fff; padding: 15px; margin-right: 20px; text-align: left;}
.tao1 { background: url(../images/server_bottom1.jpg) bottom left no-repeat; padding-bottom: 10px; }
.tao1 h2{ font-size: 24px; font-weight:bold; color: #217cc8 }
.tao1 p{ font-size: 16px; }
.tao2{ margin-top: 20px;}
.tao2_a a{ display: block; width: 60px; font-size: 12px; color: #000; float: left;}

.tao3{  margin: 20px 0}
.dl_tao3 dd{background: url(../images/list_org.jpg) left center no-repeat ;padding-left:10px; height: 30px; line-height: 30px;}
.org_lab{ color: #217cc8; }
.cha_a{ display: block; width: 223px; height: 60px; margin: 0 auto; background: url(../images/cha.png)  center no-repeat;}
.cha_a:hover{ background: url(../images/chahover.png) center no-repeat;}

.web_progress li{ padding-right: 40px; background: url(../images/iconfont-progress_jiantou.png) right  20px top 60px  no-repeat; width:250px; float: left;    cursor: pointer;}
.web_protxt{ padding: 70px 10px 20px 10px;   width: 194px; }
.web_protxt h2{ font-size: 18px;  }
.web_protxt  p{color: #9d9d9d }
.web_bttxt{ width: 194px; margin-top: 10px; color: #9d9d9d}
.web_protxt1{ background: url(../images/web_ser1.png) top 20px center no-repeat,#f4f4f4;}
.web_protxt2{ background: url(../images/web_ser2.png) top 20px center no-repeat,#f4f4f4;}
.web_protxt3{ background: url(../images/web_ser3.png) top 20px center no-repeat,#f4f4f4;}
.web_protxt4{ background: url(../images/web_ser4.png) top 20px center no-repeat,#f4f4f4;}
.web_protxt5{ background: url(../images/web_ser5.png) top 20px center no-repeat,#f4f4f4;}
.web_protxt1:hover{ background: url(../images/web_ser1hover.png) top 20px center no-repeat,#f4f4f4;}
.web_protxt2:hover{ background: url(../images/web_ser2hover.png) top 20px center no-repeat,#f4f4f4;}
.web_protxt3:hover{ background: url(../images/web_ser3hover.png) top 20px center no-repeat,#f4f4f4;}
.web_protxt4:hover{ background: url(../images/web_ser4hover.png) top 20px center no-repeat,#f4f4f4;}
.web_protxt5:hover{ background: url(../images/web_ser5hover.png) top 20px center no-repeat,#f4f4f4;}

.web_n{  width: 800px; margin: 0 auto; }
.web_n li{ width: 180px; }

.web_ntil{ text-align: left; padding: 30px 0 20px 0}
.web_ntil01  span{   font-size: 24px;  font-weight:bold;}
.web_ntil01 label{ color: #ababab}
.web_ntil02 { font-size: 18px;}
.web_ntil03{  color: #ababab; margin: 20px 0;}
.web_ntil04{ color: #217cc8}
.web_ntil04 a{color: #217cc8}
.tab_item{ border: 8px solid #edecec; width: 100%; text-align: left; }
.tab_item tr th{ background: #f7f6f6; height: 60px; line-height: 60px;  font-size: 18px;padding: 10px 80px; }
.tab_item tr td{ padding: 10px 80px; border: 1px solid #edecec; color: #ababab}

.web_nlist { width: 600px;}
.web_nlist li{ float: left; width: 300px; height: 30px; line-height: 30px; }

/*网站建设*/

.wei_banner{ width: 100%; height: 300px; background: url(../images/wei_banner.png) center no-repeat;  }
.s_item{ }
.s_item a{ display: block; width: 199px; padding: 20px; border-right: 1px solid #eee;border-bottom: 1px solid #eee;float: left; }
.s_item a:hover{ background: #f08619;  color: #fff}
.s_item .ser_b1icon{  padding-top: 60px; font-size: 22px; color: #333; }
.ser_b1eng1{ color: #ababab; width: 120px; margin: 0 auto }
.s_item a:hover .ser_b1eng1{ color: #fff}
.s_item a:hover  .ser_b1icon{ color: #fff}

.s_item .ser_b1china1{ background:url(../images/icon_sm1.png) top center no-repeat }
.s_item a:hover .ser_b1china1{ background:url(../images/icon_sm1hover.png) top center no-repeat }

.s_item .ser_b1china2{ background:url(../images/icon_sm2.png) top center no-repeat }
.s_item a:hover .ser_b1china2{ background:url(../images/icon_sm2hover.png) top center no-repeat }

.s_item .ser_b1china3{ background:url(../images/icon_sm3.png) top center no-repeat }
.s_item a:hover .ser_b1china3{ background:url(../images/icon_sm3hover.png) top center no-repeat }

.s_item .ser_b1china4{ background:url(../images/icon_sm4.png) top center no-repeat }
.s_item a:hover .ser_b1china4{ background:url(../images/icon_sm4hover.png) top center no-repeat }

.s_item .ser_b1china5{ background:url(../images/icon_sm5.png) top center no-repeat }
.s_item a:hover .ser_b1china5{ background:url(../images/icon_sm5hover.png) top center no-repeat }

.s_item .ser_b1china6{ background:url(../images/icon_sm6.png) top center no-repeat }
.s_item a:hover .ser_b1china6{ background:url(../images/icon_sm6hover.png) top center no-repeat }

.s_item .ser_b1china7{ background:url(../images/icon_sm7.png) top center no-repeat }
.s_item a:hover .ser_b1china7{ background:url(../images/icon_sm7hover.png) top center no-repeat }

.s_item .ser_b1china8{ background:url(../images/icon_sm8.png) top center no-repeat }
.s_item a:hover .ser_b1china8{ background:url(../images/icon_sm8hover.png) top center no-repeat }

.s_item .ser_b1china9{ background:url(../images/icon_sm9.png) top center no-repeat }
.s_item a:hover .ser_b1china9{ background:url(../images/icon_sm9hover.png) top center no-repeat }

.s_item .ser_b1china10{ background:url(../images/icon_sm10.png) top center no-repeat }
.s_item a:hover .ser_b1china10{ background:url(../images/icon_sm10hover.png) top center no-repeat }

.s_item .ser_b1china11{ background:url(../images/icon_sm11.png) top center no-repeat }
.s_item a:hover .ser_b1china11{ background:url(../images/icon_sm11hover.png) top center no-repeat }

.s_item .ser_b1china12{ background:url(../images/icon_sm12.png) top center no-repeat }
.s_item a:hover .ser_b1china12{ background:url(../images/icon_sm12hover.png) top center no-repeat }

.s_item .ser_b1china13{ background:url(../images/icon_sm13.png) top center no-repeat }
.s_item a:hover .ser_b1china13{ background:url(../images/icon_sm13hover.png) top center no-repeat }

.s_item .ser_b1china14{ background:url(../images/icon_sm14.png) top center no-repeat }
.s_item a:hover .ser_b1china14{ background:url(../images/icon_sm14hover.png) top center no-repeat }

.s_item .ser_b1china15{ background:url(../images/icon_sm15.png) top center no-repeat }
.s_item a:hover .ser_b1china16{ background:url(../images/icon_sm16hover.png) top center no-repeat }

.s_item .ser_b1china17{ background:url(../images/icon_sm17.png) top center no-repeat }
.s_item a:hover .ser_b1china17{ background:url(../images/icon_sm17hover.png) top center no-repeat }

.s_item .ser_b1china18{ background:url(../images/icon_sm18.png) top center no-repeat }
.s_item a:hover .ser_b1china18{ background:url(../images/icon_sm18hover.png) top center no-repeat }

.s_item .ser_b1china19{ background:url(../images/icon_sm19.png) top center no-repeat }
.s_item a:hover .ser_b1china19{ background:url(../images/icon_sm19hover.png) top center no-repeat }

.s_item .ser_b1china20{ background:url(../images/icon_sm20.png) top center no-repeat }
.s_item a:hover .ser_b1china20{ background:url(../images/icon_sm20hover.png) top center no-repeat }

.s_item .ser_b1china21{ background:url(../images/icon_sm21.png) top center no-repeat }
.s_item a:hover .ser_b1china21{ background:url(../images/icon_sm21hover.png) top center no-repeat }

.s_item .ser_b1china22{ background:url(../images/icon_sm22.png) top center no-repeat }
.s_item a:hover .ser_b1china22{ background:url(../images/icon_sm22hover.png) top center no-repeat }

.s_item .ser_b1china23{ background:url(../images/icon_sm23.png) top center no-repeat }
.s_item a:hover .ser_b1china23{ background:url(../images/icon_sm23hover.png) top center no-repeat }

.s_item .ser_b1china24{ background:url(../images/icon_sm24.png) top center no-repeat }
.s_item a:hover .ser_b1china24{ background:url(../images/icon_sm24hover.png) top center no-repeat }

 /*wei.htnml end*/

.contact_banner{  width: 100%; height: 300px; background: url(../images/contact_banner.png) center no-repeat;}
{ width: 1200px; margin: 0 auto; }
.dl_contact dd{ color: #000; width: 120px;  float: left; font-size: 15px; text-align: right; padding: 10px 0;padding-left: 30px;  text-align: left;}
.dl_contact dt{ color: #9c9c9c; width: 400px; float: left; font-size: 15px; padding: 10px 0; font-weight: normal;}
.n_contactfl{ width: 540px;}
.dl_contact dd.dd_coin1{  background: url(../images/contact_1.png) left center no-repeat;}
.dl_contact dd.dd_coin2{  background: url(../images/contact_2.png) left center no-repeat;}
.dl_contact dd.dd_coin3{  background: url(../images/contact_3.png) left center no-repeat;}
.dl_contact dd.dd_coin4{  background: url(../images/contact_4.png) left center no-repeat;}
.dl_contact dd.dd_coin5{  background: url(../images/contact_5.png) left center no-repeat;}
.dl_contact dd.dd_coin6{  background: url(../images/contact_6.png) left center no-repeat;}
.dl_contact dd.dd_coin7{  background: url(../images/contact_7.png) left center no-repeat;}

.n_contactfr{ width: 640px;}
_dl{  width: 640px;  padding: 8px 0;  font-size: 14px;}
_dl dd{ height: 40px; line-height: 40px;} 
_dl dt{ padding: 4px 10px; background: #f7f0e9;  }
_dl dt input.n_dtcontact1{height:20px; background: #f7f0e9; padding: 4px 10px 4px 30px; background: url(../images/rg_coin1.png) left center no-repeat; border:Transparent ;  width: 630px; }
_dl dt input.n_dtcontact2{height:20px; background: #f7f0e9; padding: 4px 10px 4px 30px; background: url(../images/contact_2-19.png) left center no-repeat; border:Transparent;  width: 630px; }
_dl dt textarea.n_dtcontact3{height:60px; background: #f7f0e9; padding: 4px 10px 4px 30px; background: url(../images/contact_3-27.png) top 5px left  no-repeat; border:Transparent ;  width: 630px;  }
.btn_sumbit{   background: #f08619;  color: #fff; height: 40px; width: 120px;  line-height: 40px; border:none; text-align: center; font-size: 16px;}


.software_wrap1{ width: 1200px; margin: 10px auto;}
.software_wrap1 dl{ width: 316px; margin: 10px  0; margin-right:120px;  float: left; color: #a4a4a4; font-size: 14px; height: 286px; }
.software_wrap1 dl dt { text-align: right;}
.software_wrap1 dl dt a{ color: #f08619}
.software_wrap1 dl dt a:hover{ font-weight: bold;}
ul.soft_case{  width: 1200px;  border-top: 1px solid #ddd;border-right: 1px solid #ddd;}
ul.soft_case li{height: 76px;border-left: 1px solid #ddd; line-height:76px; float:left; width:299px;border-bottom: 1px solid #ddd; }
ul.soft_case li a{color: #333; display:block; width:299px; }
ul.soft_case li a:hover{  background: #217cc8;color: #fff;}
p.ttt {text-align: center;display: block;margin-top: 20px;font-size: 14px;}
ul.pagination {color: #9d9d9d;  font-size: 15px;}
ul.pagination strong {color: #9d9d9d;}
ul.pagination a{color: #9d9d9d;}


.case_nav {height:70px;width:1200px;margin:0 auto 30px auto;padding-top:20px;background:url("../images/case_navline.png") center 53px no-repeat;font-size:16px;color:#666666;text-align:center;overflow:hidden;}
.case_nav a {color:#666666;padding:0 25px;display:inline-block;}
.case_nav a:hover,.case_nav a.on {color:#2c88d8; }
.case_nav a em {background-color:#cccccc;height:9px;width:9px;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;display:inline-block;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; margin-bottom:4px}
.case_nav a:hover em {background-color:#2c88d8;height:9px;width:9px;}
.case_nav a.on:hover em,.case_nav a.on em {background-color:#2c88d8;height:13px;width:13px;margin-bottom:0} 


.n_fuwu{ width:100%}
.fuwu1,.fuwu3,.fuwu5{ width:100%; background:#f5f3f1; ;}
.fuwu { width:1000px; margin:0 auto; padding:40px 0;display:block}
.n_fuwu .fuwu{ }
.n_fuwu .fwimg{ width:30%;}
.n_fuwu .fwimg img{ width:100%}
.n_fuwu .fwtxt{width: 500px; line-height:2em; width:49%; padding:30px 8%}
.n_fuwu .fwtxt h2{font-size: 22px; font-weight: bold;}
.n_fuwu .fwtxt a{ width: 100px; display:inline-block; background:#707070; text-align:center; margin-top:20px;color: #D9D9D9;}
.n_fuwu .fwtxt a:hover{background:#2c88d8}

.n_fuwu .fwnum{ color: #C1C1C1;font-size: 200px;font-weight: bold;font-family: icon; width:15%; text-align:center}