/* Reset */

body,div,ul,li,ol,dd,dt,h1,h2,h3,h4,h5,h6,p,input,a,img table th td tr th{margin:0;padding:0;	border: 0;  font-size: 100%;  font: inherit;  vertical-align: baseline;}
body{font-family: "微软雅黑";font-size:14px;color: #444;background:#f5f5f5;}
li{list-style:none;}
a{text-decoration:none;color:#333;}
a:hover,a:active,a:focus{text-decoration:none; }
a:focus{outline:none;}
img{border:0;}
input{border:0;}
i{font-style:normal;}
.clear:after{content: "";display: block;clear: both;}
html{font-size:62.5%;}
html,body{height:100%;}
img{width:100%;}

/* Basic */
h1, h2, h3, h4, h5, h6 {  color: inherit;  font-weight: 600;  line-height: 1.75em;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {  color: inherit;  text-decoration: none;  }
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {  font-style: normal;  font-weight: 300;  }
h2 {font-size: 1.75em;letter-spacing: -0.025em;  }
h3 {  font-size: 1.2em;  letter-spacing: -0.025em;  }

/*清楚默认下拉框样式*/
select {border: solid 1px #ccc;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;

    padding-right: 14px;
    border-top:none;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

/*logo*/
.shuntonglogo{width: 85px;}

/*       右边客服通用       */
/**************************/
.sidebar{width:50px;position:fixed;bottom:120px;right:20px;z-index:5;padding: 0}
.sidebar a{display:block;padding-top:10px;margin-bottom:1px;background-color:#666;color:#fff;text-align:center;font-size:12px;position:relative;}
.sidebar a i{margin-left:auto;margin-right:auto;}
.sidebar a:hover{background-color:#39a1ff;}
.sidebar a .sbr-qr{border-radius:4px;padding:19px;background:#fff;border:1px solid #e6e6e6;display:block;visibility:hidden;position:absolute;top:0;left:-202px;filter:Alpha(opacity=0);opacity:0;}
.sidebar a:hover .sbr-qr{left:-177px;display:block;visibility:visible;filter:Alpha(opacity=100);opacity:1;}
.sidebar a .sbr-qr .r-arr-w{position:absolute;top:8px;right:-6px;}
.sidebar a .sbr-400{padding:0 12px;color:#fff;background:#39a1ff;height:49.5px;line-height:56px;display:block;position:absolute;top:0px;left:-160px;font-size:16px;filter:Alpha(opacity=0);opacity:0;visibility:hidden;}
.sidebar a:hover .sbr-400{left:-130px;filter:Alpha(opacity=100);opacity:1;visibility:visible;}
.sidebar a .sbr-400 .r-arr-b{position:absolute;top:9px;right:-6px;display:none;}
/*      右边sidebar     */
/**********************/
.rtico{background:url("../images/rtools.png");display:block;}
.rtico1{background-position:108px 20px;width:22px;height:19px;}
.rtico2{background-position:85px 20px;width:17px;height:19px;}
.rtico3{background-position:65px 19px;width:22px;height:17px;}
.rtico4{background-position:40px 20px;width:19px;height:20px;}
.rtico5{background-position:19px 19px;width:19px;height:18px;}
.tra{transition: .3s;}


#headerBar{height:70px;background: #007bc1;display:block;position:fixed;width:100%;top:0;z-index:10;}

 .wrap{display:-webkit-box;display:flex;justify-content:space-between;margin:0 auto;padding:0 2rem;/*max-width:1170px;*/height: 100%}
#headerBar .wrap{}
#headerBar .logo{}
#headerBar .logo a{font-size:2.2rem;font-family: "Microsoft YaHei";font-weight:600;text-shadow: 0 1px 0 rgba(0,0,0,.3); letter-spacing: 0.2rem;}
#headerBar .headerNav ul li{display:inline-block;padding:0 2rem;}
#headerBar .headerNav ul li:hover,#headerBar .headerNav ul li:active,#headerBar .headerNav ul li.active{background:#0068aa;}
#headerBar .headerNav a{font-size:1.4rem;}

#headerBar a{color:#fff;line-height:70px;}
.breadcrumb{margin-bottom:0;width:100%;height:38px;margin-top:70px;border-bottom:1px solid #EFEFEF; border-top:1px solid #dedede;background-image: -moz-linear-gradient(top,#f5f5f5,#fff);
    background-image: -webkit-linear-gradient(top,#f5f5f5,#fff);
    background-image: -ms-linear-gradient(top,#f5f5f5,#fff);
    background-image: linear-gradient(top,#f5f5f5,#fff);display:inline-block;}

.main{width:100%;margin-bottom:46px;}
.main .menu ul{margin:0 auto;text-align:center;width:100%;display:inline-block;}
.main .menu ul li{float:left; display: flex;
    justify-content: center;width:16.66%;transition:all 0.6s;border-right:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;margin-left:-1px;padding-bottom:16px;background:#fff;font-size:1.6rem;}
.main .menu ul li:hover,.main .menu ul li:active,.main .menu ul li.active{background:#f3f3f3;}
/*.main ul li:hover{transform:scale(1.06);}*/

.main .menu ul li a{width:100%;color:#666;}
.main .menu ul li i{display:block;margin-bottom:10px;width:100%;}
.main .menu ul li i img{width:40%;padding-top:10%;}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus{outline: none;}

/*按钮公共样式*/

.btn-theme{color: #fff;background-color:#0094e7;border-color: #046fac;}
.btn-theme:hover, .btn-theme:focus, .btn-theme:active{color:#fff;background-color:#0181c9;border-color:#046fac;}
.btn-blue{color:#007bc1;border:1px solid #007bc1;border-radius: 4px;background:#fff;cursor: pointer;margin:0 3px;padding:3px 10px;}
.btn-blue .glyphicon,.btn-red .glyphicon{padding-right:6px;font-size:1.2rem;}
.btn-blue:hover{background:#0082c9;color:#fff;}

.btn-red{color:#de5e70;border:1px solid #de5e70;border-radius: 4px;background:#fff;cursor: pointer;margin:0 3px;padding:3px 10px;}
.btn-red:focus{color:#de5e70;}
.btn-red:active{color:#fff;}
.btn-red:hover{background:#de5e70;color:#fff;}

.btn-theme:focus,.btn-blue:focus,.btn-red:focus{outline:none;}




/* Header */

/* Wrapper */

/* Footer */

/* Wide */
@media screen and (max-width:1680px){
    /* Basic */

    /* Banner */
}
@media screen and (max-width:1280px){
    #headerBar .wrap{}
    /* Basic */
    /* Header */

    /* Banner */
    /* Wrapper */
}
/* Narrow */
#titleBar, #footerBar {
    display: none;
}

@media screen and (max-width: 840px) {
    ul.sidebar.hidden-xs{display: none;}
    #headerBar{display: none;}
    .main{margin-bottom:97px;}


    #titleBar{height:44px;display:block;position:fixed;top:0 ;left:0;width:100%;text-align:center;line-height:44px;border-bottom:2px solid #02639a;z-index:10;
        background-image: -moz-linear-gradient(top,#0592e2,#007bc1);
        background-image: -webkit-linear-gradient(top,#0592e2,#007bc1);
        background-image: -ms-linear-gradient(top,#0592e2,#007bc1);
        background-image: linear-gradient(top,#0592e2,#007bc1);}
    #titleBar a{color:#fff;}
    #titleBar .logo{margin:0 auto;padding-top:0;}
    #titleBar .logo a{font-family: "Microsoft YaHei";font-size:1.8rem;font-weight:600;text-shadow: 0 1px 0 rgba(0,0,0,.3); letter-spacing: 0.2rem;}
    .shuntonglogo{width: 52px!important;}
    #page-wrap .banner{margin-top:44px;display:inline-block;}
    #footerBar{
        background-image: -moz-linear-gradient(top, #057cc2, #005c98);
        background-image: -webkit-linear-gradient(top, #057cc2, #005c98);
        background-image: -ms-linear-gradient(top, #057cc2, #005c98);
        background-image: linear-gradient(top, #057cc2, #005c98);
        height:50px;
        border-top:1px solid #0B6883;
        display:block;position:fixed;bottom:0 ;left:0;width:100%;z-index:10;}
    #footerBar .line{background:#3dacd8;width:100%;height:1px;}
    #footerBar ul li{width:33.3%;float:left;text-align:center;font-size:1.1rem;height:50px;}
    #footerBar ul li:hover{background:url(../images/ft_bg_h.png) no-repeat center bottom;}
    #footerBar ul li.active{background:url(../images/ft_bg_h.png) no-repeat center bottom;}
    #footerBar ul li i{display:inline-block;width:28px;}
    #footerBar ul li p{}
    #footerBar ul li a{color:#fff;display:block;padding-top:2px;}
/*顶部右侧按钮公共样式*/
    #titleBar .titleBtn_r{ position: absolute;right: 15px;top: 6px;border: 1px solid #036ead;height:30px;border-radius: 8px;text-align: center;padding: 0 10px;line-height: 28px;background: #0c9df1;text-shadow: 0 1px 1px rgba(0,0,0,.3);}
    #titleBar .titleBtn_r:hover{background:#0b8dd8;}
    #titleBar .titleBtn_r .glyphicon{padding-right:4px;top:1px;font-size:1.2rem;}
    #titleBar .titleBtn_r a{background:#f35626;color:#fff;}

}
/* Mobile */
@media screen and (max-width:736px){
    .main .menu ul li{width:33.3%;font-size:1.3rem;}
    .main .menu ul li i img{width:48%;padding-top:19%;}

    /* Basic */
    /* Banner */
    /* Wrapper */
}
/* Mobile (Portrait) */
@media screen and (max-width:480px){


    /* Banner */
    /* Wrapper */
    /* Footer */
}