﻿*{ margin:0; padding:0;}
h4, h5, h6,h1, h2, h3 {margin: 0;}
ul, ol {margin: 0;}
p {margin: 0;}
.f_l{ float:left;}
.f_r{ float:right;}
.clear{ clear:both; height:0; overflow:hidden;}
ul,li{ list-style:none;}
html{ font-size:100px;}
body{margin:0;  padding:0;}


a,a:hover,a:link,a:visited,a:active{ text-decoration:none; }
.warp{width:1200px; margin:auto;}
.mobile{ display:none;}
.clearfix{zoom:1;}
*:first-child+html .clearfix{zoom:1;}
.clearfix:after{visibility:hidden;display:block;content:" ";clear:both;}
#bshareF{ top:150px !important; display:block;}
.bshareF2{ display:block;}

body{
    margin:0;
    padding:0;
}

.pc1{ display: block;}
.pc{ display:block;}
.mobile{ display:none;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.cpzs1 ul{padding:0.2rem 2rem 0.5rem;}
.cpzs1 ul li{display:table-cell;margin:auto;}

.affix{position:fixed}
.side-nav{ padding:0; margin:0; position:fixed; right:-87px; top:4.4rem; margin-top:0; z-index:999}
.side-nav li{position:relative}
.side-nav li.toggle1 a:hover,.side-nav li.toggle2 a:hover{left:0}
.side-nav li.toggle1{display:none}
.side-nav li.gotop a{visibility:visible;opacity:1;filter:alpha(opacity=100)}
.side-nav li.gotop.active a{visibility:hidden !important;opacity:0;filter:alpha(opacity=0)}
.side-nav li a{position:relative;display:block;height:48px;width:135px;border-bottom:1px solid #4d4d4d;background:#202020;color:#bdbdbd;left:0;text-decoration:none}
.side-nav li a:hover{background:#00adef;color:#fff;border-color:#5c7e7f;left:-87px}
.side-nav li a .icon{height:48px;width:48px;font-size:28px;line-height:48px;float:left;text-align:center;display:block}
.side-nav li a span{line-height:48px;margin-left:0px; }
.side-nav li.share a:hover{left:0}
.erweima span{ display:none;}
.side-nav .erweima a:hover {background:#5c7e7f;color:#fff;border-color:#5c7e7f;left:0px;}
.side-nav .erweima a:hover span{ display:block; position:fixed; right:0.48rem; top:5rem;}
/*.bdshare_l{ display:none;}*/
/*.share:hover .bdshare_l{ display: block;}*/

/*top*/
.top{ height:70px; color:#fff; font:12px/30px "微软雅黑"; text-indent:2em;}
.top1{ padding-right:0.8rem; padding-top:0.05rem; font:15px/40px "微软雅黑"; height:40px;}
.top1 img{margin-top:-0.10rem; padding-right:0.1rem;}
.top1 span{ font:600 20px/40px "微软雅黑";}
.top a{ font:12px/30px "宋体"; color:#fff; background:#00adef;}
/*--header-nav--*/
.navbar>.container .navbar-brand {
    margin-left: 0;
}
.navbar-brand {
    padding: 0px 0 0 0;
    margin: 0;
}
.navbar-brand{ width:50%;}
.navbar { overflow:hidden;
    border-radius: 0;
    min-height:60px;
    margin-bottom: 0;
    background:#fff0;
    padding:0;
    padding-bottom: 0;
    border:none;
}
.navbar-nav {
    margin:0.25rem 0 0.11rem 0;
}
.navbar-nav>li {
    margin-left: 5px;
    padding-bottom: 0px;
}
.navbar-inverse .navbar-nav > li > a {
    padding: 6px 10px;
    margin: 2px 3px;
    border-radius: 2px;
    font:500 16px/22px "微软雅黑";
    color: #efefef;
    display: inline-block;
}
.navbar-inverse .navbar-nav > li > a span{
    font:10px/10px "微软雅黑" !important;
}
.navbar-inverse .navbar-nav > li > a:hover{
    /* background:#00adef; */
    color: #efefef;
    border-bottom: solid 3px #fff;
}

.navbar-inverse .navbar-toggle .icon-bar{ background:#00adef;}
.navbar-inverse .navbar-toggle:hover{ background:#fff;}
.navbar-inverse {
    border: 0;
    position: absolute;
    z-index: 999;
    width: 100%;
    top: 0;
    left: 0;
}
.navbar-inverse .navbar-brand {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #fff;
}
.navbar-inverse .navbar-brand i.fa {
    color: #000;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #333;
    color: #fff;
}
.navbar-header img{ padding:0.2rem 0 0.1rem 0.22rem;}
/*--header-banner--*/
/*slide*/
#slide{height:5rem; width:100%;}
#slide .bd{width:100%; height:5rem; position: absolute;top:0; left:0; overflow: hidden;}
#slide .bd ul{width:100%; height:0.2rem;}
#slide .bd ul>li{width:100%; height:5rem; float: left; position: relative;}
#slide .bd ul>li.li-0{ background:url("../img/banner1.jpg") no-repeat center top; background-size: auto 5rem;}
#slide .bd ul>li.li-1{background:url("banner2.jpg") no-repeat center top; background-size: auto 5rem; display:none;}
#slide .bd ul>li.li-2{ background:url("banner3.jpg") no-repeat center top; background-size: auto 5rem; display:none;}
#slide .bd ul>li.li-3{ background:url("banner4.jpg") no-repeat center top; background-size: auto 5rem; display:none;}
#slide .bd ul>li .z-0{ width:7.29rem; height:1.79rem; position: absolute; top:1.9rem; left:11%; margin-left: 0rem;}
#slide .bd ul>li .z-0 img{ width:100%; height:100%;}
#slide .bd ul>li .z-1{width:6.9rem; height:3.25rem; position: absolute; top:1.5rem; left:27%; margin-left: 0rem;}
#slide .bd ul>li .z-1 img{ width:100%; height:100%;}
#slide .bd ul>li .z-2{width:4.51rem; height:1.14rem; position: absolute; top:1.9rem; right:18%; margin-left: 0rem;}
#slide .bd ul>li .z-2 img{ width:100%; height:100%;}
#slide .bd ul>li .z-3{width:9.69rem; height:3.47rem; position: absolute; top:1rem; left:23%;  margin-left: 0rem;}
#slide .bd ul>li .z-3 img{ width:100%; height:100%;}

.lunbo_nav{width:95px;height:14px;position:absolute;bottom:40px;right:46%; z-index:3;}
.lunbo_nav ul li{list-style-type:none;width:12px !important;height:12px !important;float:left;margin-right:5px; cursor:pointer; border:1px solid #fff; border-radius:10px;}
.lunbo_nav ul .bg{background:#FFF;width:14px !important;height:14px !important;border:none;}
.banner_news{height:30px;position:absolute;bottom:0px; width:100%; background: url(banner_newsbg.png) center top  repeat-x; z-index:3; opacity:1; color:#fff; padding-top:0.05rem; vertical-align:middle; font:14px/22px "微软雅黑";}
.banner_news img{ padding-right:0.1rem;}
.banner_news1{font:12px/22px "微软雅黑"; color:#dadada; padding-right:0.2rem;}
.prev{width:50px; height:50px; cursor:pointer; position:absolute; background:url(prev.png) no-repeat; top:50%; left:50px; z-index:10;}
.next{width:50px; height:50px; cursor:pointer; position:absolute; background:url(next.png) no-repeat; top:50%; right:50px; z-index:10;}

.por{ position:relative}

/*--主营业务--*/
.zyyw{ text-align:center; padding:0.5rem 0;}
.zyyw_1{ font:34px/55px "微软雅黑";}
.zyyw_2{ font:11px/30px "微软雅黑"; color:#878686;}
.zyyw_3{ font:14px/22px "微软雅黑"; padding:0.2rem 0;}
.zyyw_3_1{ font:12px/18px "微软雅黑"; padding:0.15rem 0; color:#737373;}
.zyyw_4 a{ font:11px/20px "微软雅黑"; color:#878686;}
.zyyw_5{ padding:0.3rem 0;}
.zyyw_5_1,.zyyw_5_1 a{  padding:0.2rem 0; font:24px/30px "微软雅黑"; color:#00adef;}
.zyyw_5_2,.zyyw_5_2 a{ display:inline-table; padding:0.05rem 0.1rem; font:14px/22px "微软雅黑"; color:#000; text-align:center;}

.aaa11a{}
.aaa22a{display:none;}
.aaa33a{display:none;}
.aaa44a{display:none;}
.aaa55a{display:none;}

.aaa11b{ display:block;}
.aaa22b{ display:none;}
.aaa33b{ display:none;}
.aaa44b{ display:none;}

.zzsc1:hover ,.zzsc2:hover,.zzsc3:hover,.zzsc4:hover,.zzsc5:hover,.zzsc6:hover{
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    }

.zzsc1 {
    width: 200px;
    margin: 0 auto;
    -webkit-background-size: 200px 200px;
    -moz-background-size: 200px 200px;
    background-size: 200px 200px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}

.zzsc2 {
    width: 200px;
    margin: 0 auto;
    -webkit-background-size: 200px 200px;
    -moz-background-size: 200px 200px;
    background-size: 200px 200px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}
.zzsc3 {
    width: 200px;
    margin: 0 auto;
    -webkit-background-size: 200px 200px;
    -moz-background-size: 200px 200px;
    background-size: 200px 200px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}
.zzsc4 {
    width: 112px;
    height: 112px;
    margin: 0 auto;
    -webkit-background-size: 112px 112px;
    -moz-background-size: 112px 112px;
    background-size: 112px 112px;
    -webkit-border-radius: 56px;
    border-radius: 56px;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}

.zzsc5 {
    width: 138px;
    height: 158px;
    margin: 0 auto;
    -webkit-background-size: 138px 158px;
    -moz-background-size: 138px 158px;
    background-size: 138px 158px;
    -webkit-border-radius: 79px;
    border-radius: 79px;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}
.zzsc6 {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    -webkit-background-size: 120px 120px;
    -moz-background-size: 120px 120px;
    background-size: 120px 120px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}

/*--业务介绍--*/
.ywjs{text-align:center; padding:0.5rem 0 0; }
.ywjs_1{ background:url(ywjs_bg.jpg) center bottom  no-repeat fixed; margin-top:0.8rem;}
.ywjs_1_0{ padding:0.1rem 0 0 0; color:#fff; text-align:left; margin-top:-1rem;}
.ywjs_1_1{ padding:0.9rem 0 0 0; color:#fff; text-align:left; margin-top:-0.4rem;}
.ywjs_1_1_1 a{ border-bottom:1px #fff solid; font:14px/20x "微软雅黑"; color: #fff;  padding:0.05rem 0.01rem; }
.ywjs_1_1_1 a:hover{ border:1px #fff solid;  font:14px/20x "微软雅黑"; color:#333; background:#fff; padding:0.05rem 0.01rem;}
.ywjs_1_1_2{ padding:0.5rem 0 0.3rem; text-align:left;}
.ywjs_1_1_2 p{font:13px/20x "微软雅黑";}

/*解决困扰*/
.jjkr{ width:100%; height:513px; background:url(jjbg.jpg) top center no-repeat; margin-top:40px;}
.jjkr_c{ width:1126px; margin:0 auto; height:auto; overflow:hidden;}
.jjkr_c h2{ font-size:40px; color:#fff; text-align:center; color:#ffffff; line-height:90px; font-weight:normal;}
.jjkr_c ul{ width:100%; margin:0 auto; padding-top:130px;}
.jjkr_c ul li{ width:145px; height:auto; overflow:hidden; display:block; float:left; margin:0 40px;}
.jjkr_c ul li span{ width:123px; height:106px; line-height:106px; background:url(jjicon.png) 0 0 no-repeat; font-size:30px; text-align:center; display:block; color:#ffffff; padding-bottom:15px; margin:0 auto;}
.jjkr_c ul li p{ font-size:18px; color:#3e3e3e; text-align:center; line-height:30px;}
.jjkr_c ul li span.six_1{ background-position:0px 0px;}
.jjkr_c ul li span.six_2{ background-position:-216px 0px;}
.jjkr_c ul li span.six_3{ background-position:-433px 0px;}
.jjkr_c ul li span.six_4{ background-position:-649px 0px;}
.jjkr_c ul li span.six_5{ background-position:-866px 0px;}
/*产品价值*/
.value{ width:1000px; margin:0 auto; height:auto; overflow:hidden; padding-bottom:20px;}
.jz_l{ height:492px; background:url(jz.jpg) left top no-repeat; padding-top:56px; padding-left:438px;}
.jz_r h2{ font-size:24px; color:#333333; font-weight:normal; line-height:50px;}
.jz_r p{ font-size:16px; color:#8c8c8c;}
.ml_70{ margin-left:70px; margin-top:47px;}
.ml_84{ margin-left:84px; margin-top:47px;}
.ml_46{ margin-left:46px; margin-top:47px;}
.zxti{ font-size:42px; color:#3f3f3f; text-align:center; padding:40px 0;}
/*可以解决的问题*/
.zxjj{ width:100%; height:485px; background:url(zxjj.jpg) top center no-repeat #005bac; margin-top:80px;}
.zxti2{ font-size:42px; color:#ffffff; text-align:center; padding:60px 0;}
.zxjj ul{ width:1088px; margin:0 auto; height:auto; overflow:hidden; display:block;}
.zxjj ul li{ width:192px; height:300px; display:block; float:left; margin:0 40px;}
.zxjj ul li span{ width:143px; height:143px; background:url(jc.png) 0 0 no-repeat; display:block; margin:0 auto; font-size:24px; color:#FFF; text-align:center; padding-top:76px;}
.zxjj ul li p{ font-size:16px; color:#ffffff; line-height:30px; text-align:center; margin-top:30px;}
.zxjj ul li span.jia{ background-position:0px 0px;}
.zxjj ul li span.jian{ background-position:-249px 0px;}
.zxjj ul li span.cheng{ background-position:-498px 0px;}
.zxjj ul li span.chu{ background-position:-746px 0px;}
/*--客户案例--*/
.khal{text-align:center; padding:26px 0 0px; }
.khal_1{ padding:0.5rem 0 0.3rem;}
.khal_1 a{ background:url(khal_1_bg.png) center center no-repeat; font:19px/20x "微软雅黑"; color:#00adef; padding:0.08rem 0.4rem 0.23rem;    -webkit-transition: all 0.35s;
    transition: all 0.35s;}
.khal_1 a:hover{background:url(khal_1_bg1.png) center center no-repeat; font:19px/20x "微软雅黑"; color:#fff;}
.khal_2{ padding:0.3rem 0 0.3rem;}
.khal_2 a{ background:#eeeeee; font:19px/20x "微软雅黑"; color:#00adef; padding:0.08rem 0.3rem;    -webkit-transition: all 0.35s;
    transition: all 0.35s;}
.khal_2 a:hover{background:#00adef; font:19px/20x "微软雅黑"; color:#fff;}
.cpzs1_1{ padding-bottom:0.2rem;margin-bottom: 30px;padding: 40px;}

.bbb11b{}
.bbb22b{display:none;}
.bbb33b{display:none;}

.recent-work-wrap{position:relative;}
#recent-works .readmore{
    color: #fff;
    font-weight: bold;
    margin-left: 0px;
    text-transform: uppercase;
}
#recent-works .readmore:hover {color: #444;}
.recent-work-wrap img {
    width: 100%;
}
.recent-work-wrap .recent-work-inner {
    top: 0;
    background: transparent;
    opacity: 1;
    width: 100%;
    border-radius: 0;
    margin-bottom: 0;
    text-align: center;
}
.recent-work-wrap .recent-work-inner h3 {
    margin:1rem 0 0.02rem 0;
    color: #fff;
    opacity: 1 !important;
    font-size: 15px !important;
}

.recent-work-wrap .recent-work-inner p{ font-size: 12px;}
.recent-work-wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 0;
    background: #000;
    color: #fff;
    vertical-align: middle;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    padding: 30px;
}
.recent-work-wrap .overlay .preview {
    bottom: 0;
    display: inline-block;
    height: 50px;
    line-height: 35px;
    border-radius: 0;
    background: transparent;
    text-align: center;
    color: #fff;
}

.recent-work-wrap:hover .overlay {
    opacity: 0.7;
}

.fy{ margin:0.3rem 0 0.3rem 0; color:#6b6b6b;}
.fy1{ border:1px solid #ededed; padding:0.03rem 0.08rem;}
.fy a,.fy a:hover{ color:#6b6b6b;}

/*--新闻中心--*/
.xwzx{text-align:center; padding:0.5rem 0;}
.xwzx_1{ background:#337ab7; color:#fff; text-align:left; text-indent:1em; font:16px/30x "微软雅黑"; padding:0.08rem 0; margin:0.3rem 0 0 0;}
.xwzx_1 a{ background:#337ab7; color:#fff; text-align:left; font:16px/30x "微软雅黑"; padding:0.05rem 0.1rem;}
.xwzx_1 a:hover{ background:#FFF; color:#337ab7; text-align:center; font:16px/20x "微软雅黑"; border-radius:3px;}
.xwzx_2{ border:1px #d2d2d2 solid; background:#fff; padding:0.2rem 0.1rem 0.3rem;}
.xwzx_2 ul p{ text-align:left; font:16px/30px "微软雅黑"; padding:0.1rem 0 0.2rem; height: 40px; overflow-y: hidden;}
.xwzx_2 ul p a{ color:#337ab7;}
.xwzx_2 ul li{ text-align:left;  font:12px/20px "微软雅黑"; padding:0.05rem 0;}
.xwzx_2 ul li a{ color:#9f9d9d;}


.xwzxa{ padding:0.2rem 0.05rem 0.1rem 0.05rem; text-align:left;}
.xwzxa .xwzxa1{ border:1px #999999 solid; border-radius:5px; padding:0.15rem 0.1rem; background:#fff;}
.xwzxa .xwzxa1:hover{border:1px #00adef solid; border-radius:5px; padding:0.15rem 0.1rem; background:#eeeeee; }
.xwzxa1_1{ border-bottom:1px #999999 solid; color:#999999; font:12px/24px "微软雅黑"; }
.xwzxa .xwzxa1:hover .xwzxa1_1{ border-bottom:1px #00adef solid; color:#00adef; font:12px/24px "微软雅黑"; }
.xwzxa1_2{color:#222222; font:16px/35px "微软雅黑"; }
.xwzxa .xwzxa1:hover .xwzxa1_2{color:#00adef; font:16px/35px "微软雅黑"; }
.xwzxa1_3{ color:#999999; font:12px/18px "微软雅黑"; padding-bottom:0.15rem;}
.xwzxa .xwzxa1:hover .xwzxa1_3{  color:#00adef; font:12px/18px "微软雅黑"; padding-bottom:0.15rem;}
.xwzxa1_4{ border:1px #999999 solid; border-radius:5px; color:#999999; display: inline; font:12px/20px "微软雅黑"; padding:0.03rem 0.15rem;}
.xwzxa .xwzxa1:hover .xwzxa1_4{ border:1px #00adef solid;  border-radius:5px; color:#00adef;   font:12px/20px "微软雅黑"; }

.news_er1{ /*border-bottom:1px #df2d29 dotted; */text-align:center; padding:0.1rem 0 0 0; /*margin: 0 0 0.2rem 0; */font:9px/20px "微软雅黑" !important; color:#999;}
.news_er_1{ margin:0 0 0.2rem 0rem; border:1px #CCC dotted; background:#f1f1f1; font:9px/20px "微软雅黑"; text-align:left;  text-indent:2em; color:#222222; padding:0.2rem;}
.news_er_1 span{font:12px/20px "微软雅黑"; color:#000;}
.news_er2 p{font:14px/22px "微软雅黑"; color:#222222; text-indent:2em;}
.news_er2{font:14px/22px "微软雅黑"; color:#222222; text-indent:2em;}

.fy li{display:inline-block;}
.fy a,.first{padding:3px 10px; border:1px solid #00adef;}
.fy a:hover,.first:hover{color:#fff;background:#00adef;}
/*--footer--*/

.footer_1{font:20px/40px "微软雅黑"; background:url(footer_bg.png) left bottom no-repeat; padding:0.1rem 0; }
.footer_2{padding:0.2rem 0 0.1rem; font:14px/25px "微软雅黑";}
.footer_2 span{font:600 25px/25px "微软雅黑"; color:#00adef; letter-spacing:0.01rem;}
.footer_3_1{font:14px/35px "微软雅黑"; border-bottom:1px #2d2d2d solid;}
.footer_3 ul li{font:12px/21px "微软雅黑";}
.footer form button{ border:none; background:#262626; width:100%; height:30px; line-height:30px; color:#FFFFFF; }
.footer form input{background:#4a4849; color:#f5f5f5; border:1px #4a4849 solid; /*border-radius:10px;*/ height:0.3rem; font:12px/20px "微软雅黑"; width:80%;}
.footer form textarea{background:#4a4849; color:#f5f5f5; border:1px #4a4849 solid; height:0.6rem; font:12px/20px "微软雅黑"; width:78% !important;  vertical-align:top;}
.footer form .col-xs-12{ margin:0.1rem 0;}
.footer form{ padding-top:0.2rem; font:14px/20px "微软雅黑"; vertical-align:middle;}
.footer_4{ text-align:center; padding:0.3rem 0.5rem 0; font:14px/50px "微软雅黑"; color:#7c7c7c;}
.footer_5{ background:#FFF; color:#9f9d9d; text-align:center; font:12px/25px "微软雅黑";}
.footer_5 a{ color:#9f9d9d; text-decoration: underline;}
.common_r_2 h3{ font-weight:600;}

/*--带来什么--*/
.bdxy{ text-align:center; padding:0.5rem 0;}
.bdxy_1{ padding-top:0.5rem;}
.bdxy_1 a .bdxy_1_1{ color:#000;}
.bdxy_1_1{font:16px/35px "微软雅黑";}
.bdxy_1_2{font:12px/18px "微软雅黑"; padding: 0 0.2rem;}
.bdxy_1 a .bdxy_1_2{ color:#b5abab;}

.ldmk{ background:url(bdxy_11.jpg) center top repeat; padding:0.3rem 0;}
.ldmk_1{ border:1px #FFF dotted; margin-top:0.3rem; border-radius: 10px; padding:0.1rem 0.1rem}
.ldmk_1 p{ padding:0.03rem 0.2rem; color:#FFF; font:14px/22px "微软雅黑";}
.ldmk_1_1{ color:#FFF; font:18px/35px "微软雅黑"; text-align:center; padding-bottom:0.1rem;}
.ldmk_2{font:12px/37px "微软雅黑"!important; color:#fff !important; text-align:right !important; margin-top: -1rem; background:url(more1.png) right 0.05rem no-repeat;  /*margin-bottom: 0.25rem;*/ margin-right:-0.2rem; padding-right:0.15rem;}
.ldmk_2 a{ color:#1C60B3 !important;  }

.wrapper{margin:0 auto;text-align:center;}
.chengnuo{padding:40px 0 60px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;}
.chengnuo h2{font-size:36px;color:#232323;margin-bottom:20px;}
.chengnuo .chengnuo-desc{padding:0 225px}
.chengnuo .chengnuo-desc a{color:#599bf8}
.chengnuo .chengnuo-desc a:hover{text-decoration:underline}
.chengnuo ul{*zoom:1;margin-top:40px}
.chengnuo ul:before,.chengnuo ul:after{display:table;content:""}
.chengnuo ul:after{clear:both}
.chengnuo1{background:#fff;border:solid 1px #dde1e4; margin:0 0.05rem;}
.chengnuo ul h3{margin:20px 0 10px;font-size:20px;color:#232323}
.chengnuo ul p{padding: 0;  margin: 0;  border: 0;  outline: 0;  font-weight: inherit;  font-style: inherit;  font-family: inherit;  font-size:14px;line-height:26px;  vertical-align: baseline;margin-bottom:0.3rem;color: #8b92a0;}
.chengnuo ul em{color:#232323}
.chengnuo ul .waiting{color:#b3b3b3}
.chengnuo1{border-top-color:#599bf8;position:relative}
.chengnuo ul li .chengnuo2 a{ display:block; width:100%;bottom:0;line-height:48px;text-align:center;background:#ff8542;color:#fff;}
.chengnuo2{ margin-bottom:0 !important;}
.chengnuo ul li .chengnuo2 a:hover{background:#cc6a3a}
.icon{display:inline-block; width:86px; height:86px; background:url(sprite.png) no-repeat; }
.bz-icon{width:90px;height:90px;background:url(promise.png) no-repeat; margin:0.3rem 0 0.1rem;}
.icon-safedeal{background-position:-380px -47px}
.icon-postpay{background-position:-226px -436px}
.icon-ndaysreturn{background-position:-693px -236px}
.icon-quality{background-position:-544px -46px}
/*--网站建设--*/
.wzjs{text-align:center; padding:0.2rem 0; background:url(wzjs_1.jpg) center top no-repeat;}
.wzjs_1{ padding:0.5rem 0 0.7rem;}
.wzjs_2{ background:url(wzjs_2.jpg) center center repeat;}
.wzjs_3{ font:600 50px/80px "微软雅黑";}
.wzjs_4{font:14px/22px "微软雅黑"; padding:0 0.5rem;}
.wzjs a{ color:#363636;}




.zzry{ text-align:center;}
.zzry img{ padding:0.1rem 0.5rem; border:#CCC 1px solid; width:100%;}
.zzry img:hover{opacity: 0.7;}
.zzry p{ color:#000; font:13px/30px "微软雅黑"!important; display: inline-block; text-indent:0 !important; padding:0 !important; height:50px; overflow:hidden; margin-bottom:0.15rem ;}
.zzry p a { color:#000; }




/*--全网营销--*/
.qwyx_1{ background:url(qwyx_1.jpg) center top no-repeat; text-align:center; padding:0.1rem 0;}
.qwyx_1_1{font:30px/50px "微软雅黑"; padding:0.2rem 0;}
.qwyx_1_2 p{font:14px/30px "微软雅黑";}

.ccc11c{}
.ccc22c{display:none;}
.ccc33c{display:none;}
.ccc44c{display:none;}
.ccc55c{display:none;}
.ccc66c{display:none;}
.ccc77c{display:none;}
.ccc88c{display:none;}
.ccc99c{display:none;}
.ccc1010c{display:none;}
.ccc1111c{display:none;}
.ccc1212c{display:none;}

.gywm4 .gsjj{ text-align:center; color:#00adef; font:600 18px/50px "微软雅黑"; text-indent:0;}
.gywm4 .gsjj1{ text-align: left; color:#222222; font:600 16px/30px "微软雅黑"; padding:0.2rem 0 0.1rem 0; text-indent:2em;}
.gywm4{color:#222222; font:14px/22px "微软雅黑"; padding:0.2rem 0 0.3rem 0; text-align:left;}
.gywm4 p{ text-indent:2em;}
.gywm4 p img{ text-align:center !important;}

.wmap{ padding:0.3rem 1rem; text-align:left;}
.wmap ul {padding:0.1rem 0.1rem; font:600 16px/30px "微软雅黑"; text-align:left;}
.wmap ul li{ display: table-cell; font:14px/30px "微软雅黑"; text-align:left; list-style-type:none;padding:0.1rem 0.08rem;}
.wmap ul li a,.wmap ul a{ color:#4e4e4e;}
.wmap ul li a:hover,.wmap ul a:hover{ color:#222222; text-decoration: underline; }


.common_l_1{ background:url(../img/common_l_1.jpg) left bottom no-repeat;color:#333; font:600 16px/18px "微软雅黑"; padding-bottom:20px; margin-bottom:10px;}
.common_l_1 span{font:12px/12px "微软雅黑";}
.common_l_2 ul li{ font:14px/25px "微软雅黑"; text-align: left; text-indent:3em; padding:5px 0 5px; border-bottom:1px #eeeeee solid;}
.common_l_2 ul li:hover{ font:14px/25px "微软雅黑"; text-align: left; text-indent:3em; padding:5px 0 5px; border-bottom:1px #eeeeee solid; background:#00adef;}
.common_l_2 ul li:active{background:#00adef;}
.common_l_2 ul li:hover a{ color:#fff;}
.common_l_2 ul li:active a{color:#fff;}
.common_l_2 ul li a{ color:#222222;display: block;}
.common_r{ overflow:hidden; background:url(../img/common_r.png) left 70px  no-repeat; padding-left:30px;  min-height:600px;}
.common_r_1{ font:14px/22px "微软雅黑"; padding-bottom:10px; border-bottom:1px solid #dedede;}
.common_r_1 a{ color:#000;}
.common_r_2{ margin-top:0.3rem;}
.common_r_2 p{ text-indent:2em; padding-left:0rem; font:14px/22px "微软雅黑" !important; padding-bottom:0.05rem; padding-top:0.05rem;}
.common_r_2 img{  height: auto!important;}
.news_er2 p img,.common_r_2 p img{margin-left: -2em !important;}
.common_r_2_1 img{ width:100% !important; height: auto!important;}
.common_r_2_1 .lht{line-height:28px;}


.news a{ font:600 16px/35px "微软雅黑"; /*text-decoration: underline;*/ color:#000;}
.news1 a{ font:14px/20px "微软雅黑"; color: #666;}
.news2{margin-top:0.2rem; }
.news2 a{background:#00adef;padding:0.05rem; color:#fff;}
/*.news_er_img p>img{width:100% !important; height:350px !important; text-indent:0 !important;}*/
.news_img img{ height:130px !important;width: 100%;}

.qwyx_er{ padding:0.2rem 0; text-align:center;}
.qwyx_er a span{ background:url(khal_1_bg.png) center center no-repeat ; font:19px/20x "微软雅黑"; font-weight:600; color:#00adef; padding:0.08rem 0.3rem 0.23rem; margin-bottom:0.1rem; display:block; -webkit-transition: all 0.35s;
    transition: all 0.35s;}
.qwyx_er a:hover span{background:url(khal_1_bg1.png) center center no-repeat; font:19px/20x "微软雅黑"; color:#fff;}
.qwyx_er_1{ text-align:center; font:600 25px/40px "微软雅黑" !important; border-bottom:1px #00adef dotted; margin-bottom:0.1rem;}
.qwyx_er_2{ text-align:center; margin:0.3rem auto; border-bottom:1px #00adef solid; margin-bottom:0.1rem;font:18px/30px "微软雅黑" !important; color:#fff; }
.qwyx_er_2 span{/* border:1px #df2d29 solid;*/ background:#00adef; width:200px; padding:0 0.1rem; display:block; margin:auto; text-align:center;}



.dzkf{position:relative; z-index:1; background:url(dzkf.jpg) center top no-repeat; padding:0.3rem 0;}
.dzkf_1{z-index:343; text-align:center;text-align:left; font:16px/20px "微软雅黑"; color:#fff; }
.dzkf_2{ position:absolute; z-index:2; top:1rem; left:32%; text-align:center; background:url(dzkf1.png) center top no-repeat; height:2.36rem;}
.dzkf_1_1{ padding:0.1rem 0 0 1.8rem;  opacity:0.3; transition: all 0.3s linear;    -moz-transition: all 0.3s linear;    -o-transition: all 0.3s linear;   -webkit-transition: all 0.3s linear;}
.dzkf_1_1:hover{ padding:0.1rem 0 0 1.5rem;   transition: all 0.3s linear;    -moz-transition: all 0.3s linear;    -o-transition: all 0.3s linear;   -webkit-transition: all 0.3s linear;}
.dzkf_1_2{ padding:0.1rem 0 0 8.3rem;  opacity:0.3; transition: all 0.3s linear;    -moz-transition: all 0.3s linear;    -o-transition: all 0.3s linear;   -webkit-transition: all 0.3s linear;}
.dzkf_1_2:hover{ padding:0.1rem 0 0 8.7rem; transition: all 0.3s linear;    -moz-transition: all 0.3s linear;    -o-transition: all 0.3s linear;   -webkit-transition: all 0.3s linear;}
.dzkf_1_3{ padding:0.3rem 0 0 1.5rem; opacity:0.3; transition: all 0.3s linear;    -moz-transition: all 0.3s linear;    -o-transition: all 0.3s linear;   -webkit-transition: all 0.3s linear;}
.dzkf_1_3:hover{ padding:0.3rem 0 0 1.7rem; transition: all 0.3s linear;    -moz-transition: all 0.3s linear;    -o-transition: all 0.3s linear;   -webkit-transition: all 0.3s linear;}
.dzkf_1_4{ padding:0.2rem 0 0 8rem; opacity:0.5; transition: all 0.3s linear;    -moz-transition: all 0.3s linear;    -o-transition: all 0.3s linear;   -webkit-transition: all 0.3s linear;}
.dzkf_1_4:hover{ padding:0.2rem 0 0 8.3rem; transition: all 0.3s linear;    -moz-transition: all 0.3s linear;    -o-transition: all 0.3s linear;   -webkit-transition: all 0.3s linear;}
.dzkf_1_5{ padding:0.5rem 0 0 2.5rem; opacity:0.8; transition: all 0.3s linear;    -moz-transition: all 0.3s linear;    -o-transition: all 0.3s linear;   -webkit-transition: all 0.3s linear;}
.dzkf_1_5:hover{ padding:0.5rem 0 0 2rem; transition: all 0.3s linear;    -moz-transition: all 0.3s linear;    -o-transition: all 0.3s linear;   -webkit-transition: all 0.3s linear;}
.dzkf_1_6{ padding:0.2rem 0 0.3rem 5.5rem; opacity:0.7; transition: all 0.3s linear;    -moz-transition: all 0.3s linear;    -o-transition: all 0.3s linear;   -webkit-transition: all 0.3s linear;}
.dzkf_1_6:hover{ padding:0.2rem 0 0.3rem 6rem; transition: all 0.3s linear;    -moz-transition: all 0.3s linear;    -o-transition: all 0.3s linear;   -webkit-transition: all 0.3s linear;}
.dzkf_1_7 a{ font:14px/35px "微软雅黑"; background:#fff; border:1px solid #999; padding:0.05rem 0.1rem; color:#999;}
.dzkf_2_1{ color:#333; font: bold 60px/80px "微软雅黑"; opacity:0;}
.dzkf_2_2{ font:18px/35px "微软雅黑"; letter-spacing:0.2rem; opacity:0;}

.dzkf_nr{ background:url(l_img-10.jpg) center top no-repeat; padding:0.7rem 0; text-align:center;}
.dzkf_nr_1{ text-align:center; font: bold 60px/80px "微软雅黑";}
.dzkf_nr_2{font: 16px/30px "微软雅黑";}
.dzkf_nr_3{padding:0.3rem 0;}

.dzkf_nr_4 a{font:14px/35px "微软雅黑"; background:#fff; border:1px solid #1548D8; padding:0.05rem 0.2rem; color:#1548D8;}


.ys{padding:0.7rem 0; text-align:center; display: block;}
.ys_1{ text-align:center; font: bold 60px/80px "微软雅黑"; padding-bottom:0.5rem;}
.ys_2{  border:1px solid #1548D8; background:#CACACE; padding:0.2rem 0;color:#fff; overflow:hidden; display: block;}
.ys_2 img{ padding:0.1rem 0;}
.ys_2:hover{  border:1px solid #CACACE; background:#1548D8; }
.ys_2 a{ color:#4C4C4C;}
.ys_2:hover a{ color:#fff;}
.ys_3{ font:20px/40px "微软雅黑"; text-align:left;}
.ys_4{ font:14px/30px "微软雅黑";  text-align:left;}

.ditu1{padding:0.1rem 0; font:14px/25px "微软雅黑"; border-bottom:1px #c5c5c5 solid;}
.ditu1 span{font:600 20px/25px "微软雅黑"; color:#00adef; letter-spacing:0.01rem;}
.ditu_1{font:16px/30px "微软雅黑"; border-bottom:1px #c5c5c5 solid; margin:2px 0 14px;}
.ditu ul li{font:13px/35px "微软雅黑";}
.ditu{ padding-left:0; padding-right:0;padding-top: 10px;}
.ditu2 img{ border:1px #c5c5c5 solid; width:100%;}
.ditu2{ display:block; padding-bottom:0.2rem;  padding-left:0; padding-right:0;}
.ditu0{ font:600 16px/35px "微软雅黑"; }
/*.ditu0 span{font:600 20px/35px "微软雅黑"; letter-spacing:0.01rem;}*/



.video:-webkit-full-page-media {
    max-height: 100%;
    max-width: 100%;
}
.video:-webkit-full-page-media {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
}
.video {
    object-fit: contain; max-height: 100%;
    max-width: 100%;display:block; overflow:hidden;  padding-top:0.4rem;
}
/*表单*/
.cent{
    width:100%;
    background: #f0f2f6;
    padding: 30px 0;
}
.cen_c{
    width:1180px;
    margin:0 auto;
    padding-top: 30px;
    padding-bottom: 40px;
}
.c_cl{
    width:218px;
    border:1px solid #dedede;
}
.c_cl>ul>li{
    width:218px;
    height:49px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    background: #fff url("..//style/images/l11_03.jpg") no-repeat 23px 15px;
    text-align: center;
    color:#787878;
    font-size: 16px;
    line-height: 49px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.c_cl>ul>li.t1p2{background: #fff url("..//style/images/l11_06.jpg") no-repeat 23px 15px;}
.c_cl>ul>li.t1p3{background: #fff url("..//style/images/l11_08.jpg") no-repeat 23px 15px;}
.c_cl>ul>li.t1p4{background: #fff url("..//style/images/l11_10.jpg") no-repeat 23px 15px;}
.c_cl>ul>li.t1p5{background: #fff url("..//style/images/l11_12.jpg") no-repeat 23px 15px;}
.c_cl>ul>li.t1p6{background: #fff url("..//style/images/l11_14.jpg") no-repeat 23px 15px;}
.c_cl>ul>li.t1p7{background: #fff url("..//style/images/l11_16.jpg") no-repeat 23px 15px;}
.c_cl>ul>li.t1p8{background: #fff url("..//style/images/l11_18.jpg") no-repeat 23px 15px;}
.c_cl>ul>li.t1p9{background: #fff url("..//style/images/l11_20.jpg") no-repeat 23px 15px;}
.c_cl>ul>li.t1p10{background: #fff url("..//style/images/l11_22.jpg") no-repeat 23px 15px;}
.c_cr{
    width:930px;
    border:1px solid #dedede;
    background: #fff;
    padding-bottom: 55px;

}
.c_cn{
    width:864px;
    margin:0 auto;
    padding-top: 45px;
    padding-bottom: 9px;
}
.dii{
    width:787px;
    border-bottom:1px solid #dedede;
    padding-bottom: 9px;
}
.dii>h1{
    font-size: 26px;
    color:#4f4f4f;
    float: left;
    margin-top: 10px;
}
.dii>.inp_ut{
    width:150px;
    height: 40px;
    background: #ff8540;
    color:#fff;
    border:none;
    border-radius: 5px;
    float: right;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
}
.c_cx{
    width:864px;
    margin:0 auto;
    padding-top: 65px;
}
.c_cx>img{
    margin-left: 23px;
}
.r_r{display: none;}
.zhj{
    width:1180px;
    margin:0 auto;
    background: #fff;
    border:1px solid #dedede;
}
.hg_05{
    height: 200px;
    text-align: center;
    background: url("..//style/images/poi.jpg") no-repeat center center;
    overflow: hidden;
}
.z_top{
    width:1120px;
    margin:0 auto;
    border-bottom:1px solid #dedede;
}
.z_top>h1{
    font-size: 26px;
    color:#4f4f4f;
    margin: 33px 0 25px 0;
}
.z_h1{
    text-align: center;
    color:#4d4d4d;
    font-size: 24px;
    padding: 46px 0 19px 0;
    border-bottom:1px solid #dedede;
    width:1120px;
    margin:0 auto;
}
.z_nr1{
    width:1120px;
    margin:0 auto;
    padding-top: 12px;
}
.z_nr1>span{
    font-size: 12px;
    color:#9c9c9c;
}
.ap1{
    margin-left: 20px;
}
.ap2{
     margin:0 33px;
 }
.z_nr1>p{
    text-indent: 2em;
    font-size: 14px;
    color:#484848;
    line-height: 30px;
    margin-bottom: 38px;
}
.botb{
    border-top: 1px dashed #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding:21px 0 28px 0;
    margin-bottom: 40px;
}
.botb>h2{
    font-size: 12px;
    color:#5d5d5d;
    float: left;
}
.botb>h2>a{
    font-size: 12px;
    color:#5d5d5d;
}
.botb>h3{
    font-size: 12px;
    color:#5d5d5d;
    float: right;
}
.botb>h3>a{
    font-size: 12px;
    color:#5d5d5d;
}
.yiq{
    margin-bottom: 35px;
}
.dchz{border-bottom: 1px solid #efefef;
}
.buy2{
    width:1120PX;
    margin:0 auto;
}
.dc_lf{
    padding:40px 0 25px 65px;
}
.dc_lf>h1{
    color:#636363;
    font: 26px "Myriad Pro Regular";
}
.dc_lf>h1>a{
    color:#636363;
    font: 26px "Myriad Pro Regular";
}
.dc_lf>p{
    color:#8a8a8a;
    font-size: 14px;
    margin-top:14px;
}
.dc_lf>p>a{
    color:#8a8a8a;
    font-size: 14px;
    margin:14px 0 0 15px;
}
.dc_rf{
    width:955px;
    padding:40px 0 25px 0;
}
.dc_rf>h1>a{
    font-size: 18px;
    color:#4d4d4d;
}
.dc_rf>h1{
    font-size: 18px;
    color:#4d4d4d;
}
.dc_rf>p>a{
    font-size: 12px;
    color:#9d9d9d;
    margin-top: 25px;
}
.dc_rf>p{
    font-size: 12px;
    color:#9d9d9d;
    margin-top: 25px;
}
.dchz:hover{background:#f8f8f8;}
.xye{text-align: center;
    margin: 34px 0 31px 0;
}
.xye>ul>li{
    width:30px;
    height: 30px;
    border:1px solid #cccccc;
    display: inline-block;
    line-height: 30px;
}
.xye>ul>li:nth-child(2){
    background: #02a1ff;
    color:#fff;
}
.centent{width:100%;margin:0px auto;padding-top: 50px;}
.formitm{padding-top: 13px;padding-left: 50px; display: inline-block; width:100%;}
.lab{
    float: left;
    font-size: 15px;
    color:#222222;
    text-align: right;
    width:100px;
    line-height: 28px;
}
.lab>span{
    color:#ff9a99;
    padding-right: 5px;
}
.ipt{
    float:left;
    padding-left: 12px;

}
.u_ipt{
    width:380px;
    height: 26px;
    border:1px solid #e2e2e2;
    padding-left: 5px;
    font-size: 15px;
}
.domain{font-size: 12px;
    color:#666;
    padding-left: 5px;}
.u_ipt1{width:120px;}

.huopu{
    float: left;
    width:74px;
    height: 30px;
    background: #fa7439;
    font-size: 14px;
    color:#fff;
    border:none;
    border-radius: 5px;
    margin-left: 5px;
    cursor: pointer;
}
.imgg{margin-left: 10px;
    float: left;}
.apa{
    padding-left: 10px;
    float: left;
    line-height: 30px;
}
.div23{padding-top: 45px;
    padding-left:235px;
    line-height: 20px;}
.div23>span>a{font-size: 12px;color:#666;}
.div23>input{
    float: left;
    margin-top: 5px;
    margin-right: 5px;}
.sliii{
    width:140px;
    height: 40px;
    border:none;
    background: #47b7fe;
    font-size: 18px;
    color:#fff;
    font-weight: bold;
    border-radius: 5px;
}
.slo{
    padding-top: 10px;
    padding-left: 160px;
    padding-bottom: 60px;
}
select{
    width:115px;
    height: 28px;
    font-size: 20px;
    border: 1px solid #e2e2e2;
}
.c_cl>ul>li.tye{color:#02a1ff;border-left: 3px solid #02a1ff;box-sizing:border-box;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
}
aside{
    width:66px;
    height:127px;
    background: #fff;
    border-radius:5px;
    position: absolute;
    top:0;
    right:3px;
    z-index: 9999999999;
}
.asit{
    width:66px;
    height: 50px;
    background: #02a1ff;
    border-radius:5px 5px 0 0;
    padding-top: 12px;
    text-align: center;
}
.asib{
    width:66px;
    height: 50px;
    background: #02a1ff;
    margin-top: 3px;
    border-radius:0 0 5px 5px;
    padding-top: 12px;
    text-align: center;
    cursor: pointer;
}
.block{display:block;}



.gywm img{ padding:0.1rem 0; width:100%;}
.gywm a { font:14px/30px "微软雅黑"; color:#000;}


/*手机导航*/
.demo{height: auto; background: #fff;padding:0 0 2em 0;}
.tab{ text-align: center; background:#f6f6f6;   padding:0px 0px 0; }
.tab .nav-tabs{ display: inline-block; position: relative; border-bottom: none; background:#f6f6f6;}
.tab .nav-tabs li{margin: 0;}
.demo .col-md-12,.demo .col-md-3,.demo .col-ms-3,.demo .col-xs-3{ padding:0;}
.tab .nav-tabs li img{ width:100%; float:right;}
.tab_1{ font:600 18px/35px "微软雅黑"; margin-top:0.03rem;}
.tab_2{ font:14px/30px "微软雅黑"; color:#999;}
.tab .nav-tabs li a{border-right: 1px solid #e5e5e5 !important; display: block; padding: 40px 20px 30px; background: #f6f6f6; color: #666;text-transform: uppercase;text-align: center; border-radius: 0;           margin-right: 0;overflow: hidden; z-index: 1; position: relative; transition: all 0.3s ease 0s; }
.tab .nav-tabs li:last-child  { border-right: none;}
.tab .nav-tabs li a:hover,.tab .nav-tabs li.active a{color: #3f82fc; border: none;background:#fff;}

.app-bar, .app-menu {position: fixed;left: 0;width: 100%}
.app-bar, .app-menu1 {position: fixed;left: 0;width: 100%}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;  animation-fill-mode: both}
.animated.infinite {    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite}
.animated.hinge {   -webkit-animation-duration: 1s; animation-duration: 1s}
.app-bar {  z-index: 999;   bottom: 0;  height: 45px}
.home, .tool-bar {  height: 100%;   text-align: center}
.home, .tool-bar1 { height: 100%;   text-align: center}
.home { background: #cecece}
.home:hover .active a,.home .active a{color: #fff;      background: #bfbfc0}
.home a {   color: #000;    background:#cecece}
.home:hover,.home:hover a{color: #fff;  background: #bfbfc0}

.tool-bar,.tool-bar1 {  background: #cecece}
.tool-bar:hover,.tool-bar:hover span,.tool-bar1:hover,.tool-bar1:hover span {color: #fff;   background: #bfbfc0}
.tool-bar span {    color: #000;    background: #cecece}
.tool-bar1 {    background: #cecece}
.tool-bar1 span {   color: #000;    background: url(../assets/menu2.png) 0 center no-repeat}
.app-menu { z-index: 998;   bottom: -100%}
.app-menu li {  border-bottom: 1px solid #bfbfc0;   text-align: center}
.app-menu li a {    display: block; font: 400 14px/36px 'Microsoft YaHei';  color: #3f82fc; background: rgba(206,206,206,0.9)}

.app-menu1 {    z-index: 998;   bottom: -100%}
.app-menu1 li { border-bottom: 1px solid #bfbfc0;   text-align: center}
.app-menu1 li a {   display: block; font: 400 14px/36px 'Microsoft YaHei';  color: #3f82fc; background: rgba(206,206,206,0.9)}
.home a,.tool-bar span {    display: inline-block;    padding-left: 0px;    font: 400 16px/45px 'Microsoft YaHei';}
.home a,.tool-bar1 span {    display: inline-block;    padding-left: 0px;    font: 400 16px/45px 'Microsoft YaHei';}

.mip-nav-wrapper #bs-navbar .navbar-nav li{
    padding: 8px 0 !important;
}
.mip-nav-wrapper #bs-navbar {    height: 55% !important;}
.mip-nav-wrapper #bs-navbar .navbar-nav {      height: 55%;    display: block;}
/*.mip-nav-wrapper #bs-navbar .navbar-nav span {   margin-top: -4rem !important;    display: block;}*/
.navbar-wise-close{ margin:0px !important;}
.mip-nav-wrapper #bs-navbar .navbar-nav a, .mip-nav-wrapper #bs-navbar .navbar-nav mip-link, .mip-nav-wrapper #bs-navbar .navbar-nav span {
    text-align: center;
    color: #333;
    font-size: 16px;
    padding: 0;
    margin: 0 auto;
    display: block;
}
/*--responsive-starts-her--*/
@media screen and (max-width:1440px){
#slide{height:4.5rem; width:100%;}
#slide .bd{width:100%; height:4.5rem; position: absolute;top:0; left:0; overflow: hidden;}
#slide .bd ul{width:100%; height:0.2rem;}
#slide .bd ul>li{width:100%; height:4.5rem; float: left; position: relative;}
#slide .bd ul>li.li-0{ background:url("banner1.jpg") no-repeat center top; background-size: auto 4.5rem;}
#slide .bd ul>li.li-1{background:url("banner2.jpg") no-repeat center top; background-size: auto 4.5rem; display:none;}
#slide .bd ul>li.li-2{ background:url("banner3.jpg") no-repeat center top; background-size: auto 4.5rem; display:none;}
#slide .bd ul>li.li-3{ background:url("banner4.jpg") no-repeat center top; background-size: auto 4.5rem; display:none;}
#slide .bd ul>li .z-0{ width:6rem; height:1.3rem; position: absolute; top:1.9rem; left:11%; margin-left: 0rem;}
#slide .bd ul>li .z-0 img{ width:100%; height:100%;}
#slide .bd ul>li .z-1{width:6rem; height:3rem; position: absolute; top:1.3rem; left:26%; margin-left: 0rem;}
#slide .bd ul>li .z-1 img{ width:100%; height:100%;}
#slide .bd ul>li .z-2{width:4.51rem; height:1.14rem; position: absolute; top:1.9rem; right:18%; margin-left: 0rem;}
#slide .bd ul>li .z-2 img{ width:100%; height:100%;}
#slide .bd ul>li .z-3{width:9rem; height:3rem; position: absolute; top:1rem; left:19%;  margin-left: 0rem;}
#slide .bd ul>li .z-3 img{ width:100%; height:100%;}


.lunbo_nav{width:95px;height:14px;position:absolute;bottom:0.3rem;right:46%; z-index:3;}
.lunbo_nav ul li{list-style-type:none;width:12px !important;height:12px !important;float:left;margin-right:5px; cursor:pointer; border:1px solid #fff; border-radius:10px;}
.lunbo_nav ul .bg{background:#FFF;width:14px !important;height:14px !important;border:none;}

.prev{width:50px; height:50px; cursor:pointer; position:absolute; background:url(prev.png) no-repeat; top:50%; left:50px; z-index:10;}
.next{width:50px; height:50px; cursor:pointer; position:absolute; background:url(next.png) no-repeat; top:50%; right:50px; z-index:10;}
/*.ldmk_1 {padding: 1rem 0.6rem 1rem;}
.ldmk1 .ldmk_2 { padding: 0.3rem 0.3rem 0.42rem;}
.ldmk2 .ldmk_2 { padding: 0.3rem 0.3rem 0.42rem;}
.ldmk3 .ldmk_2 { padding: 0.3rem 0.3rem 0.42rem;}
.ldmk4 .ldmk_2 { padding: 0.3rem 0.3rem 0.42rem;}
.ldmk5 .ldmk_2 { padding: 0.3rem 0.3rem 0.42rem;}
.ldmk6 .ldmk_2 { padding: 0.3rem 0.3rem 0.42rem;}*/
.ldmk_1 p{font:12px/18px "微软雅黑";}
.ldmk_2{font:12px/18px "微软雅黑"; color:#fff; text-align:right; padding-right:0.2rem;}
.ldmk_2 a{ color:#fff !important;}
.pc1{ display: block;}
.video { padding-top:0.4rem !important;}
#bshareF{ top:110px !important; display:block;}
.side-nav{ padding:0; margin:0; position:fixed; right:-87px; top:3.2rem; margin-top:0; z-index:999}
.side-nav .erweima a:hover span{ display:block; position:fixed; right:0.48rem; top:3.7rem;}



}

@media screen and (max-width:1024px){
    .news_img img{ height:120px !important;}
.news_er_img p>img{width:100% !important; height:300px !important; text-indent:0 !important;}
#slide{height:4rem; width:100%;}
#slide .bd{width:100%; height:4rem; position: absolute;top:0; left:0; overflow: hidden;}
#slide .bd ul{width:100%; height:0.2rem;}
#slide .bd ul>li{width:100%; height:4rem; float: left; position: relative;}
#slide .bd ul>li.li-0{ background:url("banner1.jpg") no-repeat center top; background-size: auto 4rem;}
#slide .bd ul>li.li-1{background:url("banner2.jpg") no-repeat center top; background-size: auto 4rem; display:none;}
#slide .bd ul>li.li-2{ background:url("banner3.jpg") no-repeat center top; background-size: auto 4rem; display:none;}
#slide .bd ul>li.li-3{ background:url("banner4.jpg") no-repeat center top; background-size: auto 4rem; display:none;}
#slide .bd ul>li .z-0{ width:4.3rem; height:1.1rem; position: absolute; top:1.8rem; left:11%; margin-left: 0rem;}
#slide .bd ul>li .z-0 img{ width:100%; height:100%;}
#slide .bd ul>li .z-1{width:5rem; height:2.6rem; position: absolute; top:1rem; left:24%; margin-left: 0rem;}
#slide .bd ul>li .z-1 img{ width:100%; height:100%;}
#slide .bd ul>li .z-2{width:4rem; height:0.8rem; position: absolute; top:1.9rem; right:12%; margin-left: 0rem;}
#slide .bd ul>li .z-2 img{ width:100%; height:100%;}
#slide .bd ul>li .z-3{width:8rem; height:2.8rem; position: absolute; top:0.7rem; left:10%;  margin-left: 0rem;}
#slide .bd ul>li .z-3 img{ width:100%; height:100%;}

.lunbo_nav{width:95px;height:14px;position:absolute;bottom:0.3rem;right:46%; z-index:3;}
.lunbo_nav ul li{list-style-type:none;width:12px !important;height:12px !important;float:left;margin-right:5px; cursor:pointer; border:1px solid #fff; border-radius:10px;}
.lunbo_nav ul .bg{background:#FFF;width:14px !important;height:14px !important;border:none;}

.prev{width:50px; height:50px; cursor:pointer; position:absolute; background:url(prev.png) no-repeat; top:50%; left:50px; z-index:10;}
.next{width:50px; height:50px; cursor:pointer; position:absolute; background:url(next.png) no-repeat; top:50%; right:50px; z-index:10;}

.top1{ padding-right:0.4rem; padding-top:0.05rem; font:12px/40px "微软雅黑"; height:40px;}
.navbar-inverse .navbar-nav > li > a {  padding: 6px 5px;   margin: 2px 5px;    border-radius: 2px; font:500 16px/22px "微软雅黑";  color: #e8e8e8; display: inline-block;}
.khal_1 a{padding:0.08rem 0.4rem 0.23rem;}
.footer form input,.footer form textarea{ width:100%;}
/*.ldmk_1 {padding: 1rem 0.6rem 1rem;}
.ldmk1 .ldmk_2 { padding: 0.15rem 0.3rem 0.21rem;}
.ldmk2 .ldmk_2 { padding: 0.15rem 0.3rem 0.21rem;}
.ldmk3 .ldmk_2 { padding: 0.15rem 0.3rem 0.21rem;}
.ldmk4 .ldmk_2 { padding: 0.15rem 0.3rem 0.21rem;}
.ldmk5 .ldmk_2 { padding: 0.15rem 0.3rem 0.21rem;}
.ldmk6 .ldmk_2 { padding: 0.15rem 0.3rem 0.21rem;}*/
.pc1{ display:none;}
.video { padding-top:0.7rem !important;}

.dzkf_1_1{ padding:0.1rem 0 0 1.8rem; }
.dzkf_1_1:hover{ padding:0.1rem 0 0 1.5rem; }
.dzkf_1_2{ padding:0.1rem 0 0 7.3rem;  }
.dzkf_1_2:hover{ padding:0.1rem 0 0 7.7rem;}
.dzkf_1_3{ padding:0.3rem 0 0 1.5rem; }
.dzkf_1_3:hover{ padding:0.3rem 0 0 1.7rem;}
.dzkf_1_4{ padding:0.2rem 0 0 7rem; }
.dzkf_1_4:hover{ padding:0.2rem 0 0 7.3rem;}
.dzkf_1_5{ padding:0.5rem 0 0 2.5rem;}
.dzkf_1_5:hover{ padding:0.5rem 0 0 2rem; }
.dzkf_1_6{ padding:0.2rem 0 0.3rem 5.5rem; }
.dzkf_1_6:hover{ padding:0.2rem 0 0.3rem 6rem; }
}






/*seo_js*/
.yfz{ background:url(http://www.guonet.cn/statics//style/images/guo/seo/bg2.jpg) center center; padding:0.2rem 0; color:#fff; text-align:center; font:26px/45px "微软雅黑";}
.yfz_1{ text-align: left; font:12px/38px "微软雅黑"; padding-top:0.1rem;}
.yfz_1 span{ text-align: left; font:600 16px/38px "微软雅黑"; border-bottom:1px #fff solid;}
.gjc{ background:url(http://www.guonet.cn/statics//style/images/guo/seo/bg5.jpg)center center; padding:0.2rem 0; text-align:center;}
.gjc_1{font:26px/45px "微软雅黑"; padding-top:0.1rem; color:#fff;}
.shuru{ height:36px; margin-left:10px; margin-top:2px; float:left; line-height:36px; border:0; font-size:16px;     padding-left: 10px;}px/38px "微软雅黑"; border-bottom:1px #fff solid;}
.gjc{ background:url(http://www.guonet.cn/statics//style/images/guo/seo/bg5.jpg)center center; padding:0.2rem 0; text-align:center;}
.gjc_1{font:26px/45px "微软雅黑"; padding-top:0.1rem; color:#fff;}
.shuru{ height:36px; margin-left:10px; margin-top:2px; float:left; line-height:36px; border:0; font-size:16px;     padding-left: 10px;}



/*导航*/
.top .header { position: fixed; left: 0; top: 0px; width: 100%; background:rgba(255, 255, 255, 0.8)!important; filter:Alpha(opacity=80);z-index:9999999999;}
.top .inner { width: 1000px; margin: 0 auto; overflow: hidden; zoom: 1;}
.top h1 { float: left;}
.top h1 img { display: block; border: 0;}
.top .nav { float: right; list-style-type: none; font-family: "Microsoft Yahei";}
.top .nav li { float: left; margin-left: 5px;}
.top .nav a { float: left; color: #333; text-decoration: none;}
.top .nav a:hover { color:#0087ff;}
.top .large{ top:32px;}
.top .small{ top:0;background:rgba(255, 255, 255, 1)!important; filter:Alpha(opacity=100);-webkit-box-shadow:0px 5px 10px rgba(0, 0, 0, .2);   -moz-box-shadow:0px 5px 10px rgba(0, 0, 0, .2);   box-shadow:0px 5px 10px rgba(0, 0, 0, .2);}
/*.top .small{ top:0;background:rgba(0, 0, 0, 0.7)!important; filter:Alpha(opacity=70);}
*/
.top .large .inner { width:1200px; padding: 20px 0;}
.top .large h1 img { height: 64px;}
.top .large .nav { padding-top: 10px;}
.top .large .nav a { height: 44px; padding-left:30px; line-height: 44px; font-size:18px;}
.top .large .nav a.cur{color:#0087ff;}
.top .small .inner { width:1200px; padding: 25px 0;}
.top .small h1 img { height: 54px;}
.top .small .nav { padding-top: 3px;}
.top .small .nav a { height: 44px; padding: 0 10px; line-height: 44px; font-size: 16px; color:#333333;}
.top .small .nav a:hover { color:#0087ff;}
.top .small .nav a.cur{color:#0087ff;}
.top .header, .top .inner, .top a, .top img, .top li { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}
.top a{ transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.h_140{ height:104px;}
#fm .zsrz ul {
    line-height: 44px;
    list-style-type: none;
    text-align: left;
    left: -999em;
    width: 100px;
    position: absolute;
    z-index: 999;
}
#fm .zsrz:hover ul {
    left: auto;
}

/* wy */
.wrapper {
    width: 1200px;
    margin: 0 auto;
    text-align: left;
}
/* .header {
    *zoom: 1;
    height: 61px;
    line-height: 1;
    padding-top: 18px;
    border-bottom: solid 1px #DDE1E4;
} */

.header:before,
.header:after {
    display: table;
    content: "";
}

.header:after {
    clear: both;
}

.header .nav {
    *zoom: 1;
    float: left;
    margin-left: 30px;
}

.header .nav:before,
.header .nav:after {
    display: table;
    content: "";
}

.header .nav:after {
    clear: both;
}

.header .nav li {
    float: left;
    margin-right: 20px;
}

.header .nav a {
    display: inline-block;
    height: 59px;
    text-align: center;
    color: #232323;
    font-size: 16px;
    line-height: 66px;
}

.header .nav a:hover {
    color: #599BF8;
}

/* .header .nav a.selected {
    color: #599BF8;
    border-bottom: solid 3px #599BF8;
} */

.header .header-info {
    float: right;
    *zoom: 1;
}

.header .header-info:before,
.header .header-info:after {
    display: table;
    content: "";
}

.header .header-info:after {
    clear: both;
}

.header .header-info div {
    float: left;
}

.header .header-info a {
    color: #232323;
    line-height: 60px;
}

.header .header-info a:hover {
    text-decoration: underline;
}

.header .service-phone {
    padding-right: 20px;
    margin-right: 20px;
}

.header .service-phone p {
    font-size: 12px;
    text-align: right;
    margin-bottom: 5px;
}

.header .service-phone em {
    font-size: 26px;
    color: #599BF8;
}
.header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    border-bottom: none;
    color: #fff;
}

.header .logo1 {
    background-position: 0 -46px;
}
.header .logo2 {
    background-position: 0 -46px;
}
.header .nav a {
    color: #fff;
}

.header .nav a:hover {
    color: #fff;
    font-weight: 700;
}

/* .header .nav a.selected {
    color: #fff;
    border-bottom-color: #fff;
} */

.header .header-info a {
    color: #fff;
}

.header .header-info .separate {
    border-right: 1px solid #fff;
    padding-right: 16px;
    margin-right: 14px;
}

.header .service-phone {
    margin-right: 16px;
}

.header .service-phone em {
    color: #fff;
}