@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;   
	padding:0;   
}
a{
	text-decoration:none !important;
}
li{
	list-style-type:none !important;
}
.top{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    height: 100px;
    line-height: 100px;
}
.left{
    float: left;
}
.right{
    float: right;
}
.left img{
    margin-top: 20px;
}
.right img{
    vertical-align: middle;
    height: 60px;
}
.right span{
    color: #000;
    font-size: 22px;
}
.banner{}
.banner img{
    width: 100%;
}
.weihai{
    width: 1200px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 40px;
    text-align: center;
}
.weihai h2{color: #333;margin-bottom: 20px;}
.weihai p{
    margin-bottom: 10px;
    color: #000;
    letter-spacing: 1px;
    font-size: 22px;
}
.weihai b{
    font-weight: normal;
    font-size: 1px;
    vertical-align: middle;
    color: #aaa;
}
.weihai-zw{
    width: 1200px;
    margin: 0 auto;
}
.weihai-zw ul{
    overflow: hidden;
    margin-right: -33px;
}
.weihai-zw li{
    float: left;
    width: 275px;
    margin-right: 33px;
}
.weihai-zw img{
    width: 100%;
}
.ys{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    height: 168px;
}
.youshi-1{
    margin-bottom: 40px;
}
.ys-left{float: left;width: 585px;margin-right: 30px;/* border: 1px solid #7b574b; */box-sizing: border-box;height: 168px;}
.ys-left .ys-left-1{
    float: right;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-right: 35px;
}
.ys-right .ys-left-1{
    float: left;
    margin-top: 24px;
    margin-left: 35px;
}
.ys-right .ys-right-1{
    float: left;
    padding-top: 39px;
    padding-bottom: 39px;
    height: 90px;
    line-height: 30px;
    margin-left: 25px;
    text-align: left;
}
.ys-left h3{
    color: #ff5722;
    letter-spacing: 3px;
    font-size: 24px;
}
.ys-left h5{
    color: #333;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 1px;
}
.ys-left img{
    height: 120px;
}
.ys-right-1{
    float: right;
    padding-top: 39px;
    padding-bottom: 39px;
    height: 90px;
    line-height: 30px;
    margin-right: 25px;
    text-align: right;
}
.ys-right{
    float: right;
    width: 585px;
    box-sizing: border-box;
    height: 168px;
}
.ys>div{
    background: #fff;
    box-shadow: inset -1px -1px 4px 2px rgba(62, 85, 120, 0.11);
}
.ys-right img{
    height: 120px;
}
.ys-right ys-left-1{}
.ys-right ys-right-1{}
.ys-right>div{}
.ys-right h3{
    color: #cc2e30;
    letter-spacing: 3px;
    font-size: 24px;
}
.ys-right h5{
    color: #666;
    font-size: 17px;
    font-weight: normal;
}
.weihai span{
    letter-spacing: 2px;
    font-size: 35px;
}
.anniu{
    margin: 0 auto;
    width: 200px;
    margin-top: 60px;
    background: #cc2e30;
    text-align: center;
    height: 60px;
    line-height: 60px;
    color: #fff;
    border-radius: 5px;
    font-size: 20px;
}
.anniu2{
    width: 200px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #000;
    margin-top: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}
.anniu2 img{margin-right: 5px;}
.dzzzw{
    background: #faf8f8;
    width: 100%;
    padding-bottom: 60px;
    margin-top: 50px;
    padding-top: 30px;
}
.zzzw{
    width: 1200px;
    margin: 0 auto;
}
.zzzw ul{
    overflow: hidden;
    margin-right: -38px;
}
.zzzw li{
    float: left;
    margin-right: 38px;
    width: 271.5px;
    text-align: center;
}
.zzzw img{width: 100%;}
.zzzw h3{
    color: #333;
    margin-top: 18px;
    margin-bottom: 5px;
}
.zzzw h4{
    color: #333;
    font-weight: normal;
    font-size: 15px;
}
.liucheng{
    width: 1200px;
    margin: 0 auto;
}
.liucheng ul{
    overflow: hidden;
    margin-right: -26px;
}
.liucheng li{
    float: left;
    margin-right: 26px;
}
.liucheng img{
}
.ddb{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.xdb{
    float: left;
    position: relative;
}
.xdb>img{}
.xdb h2{
    height: 50px;
    line-height: 50px;
    background-color: #7d7d7d;
    width: 200px;
    margin: 0 auto;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 52px;
    border-radius: 5px;
    text-align: center;
}
.xdb h3{
    margin-bottom: 30px;
    color: #666;
    font-size: 17px;
    margin-left: 150px;
    letter-spacing: 2px;
}
.db-dw img{
    margin-right: 20px;
    vertical-align: middle;
}
.db-dw{
    position: absolute;
    bottom: 30px;
    width: 580px;
}
.b1{
    color: #0f7feb;
}
.b2{
    color: #ee1313;
}
.shoufei{
    width: 1200px;
    margin: 0 auto;
}
.shoufei ul{
    overflow: hidden;
    margin-right: -18px;
}
.shoufei li{
    float: left;
    width: 286px;
    margin-right: 18px;
    height: 313px;
    border-top: 8px solid #0f7feb;
    border-bottom: 1px solid #0f7feb;
    border-right: 1px solid #0f7feb;
    border-left: 1px solid #0f7feb;
    box-sizing: border-box;
    text-align: center;
}
.shoufei img{
    margin-top: 50px;
    margin-bottom: 20px;
}
.shoufei h3{
    margin-bottom: 20px;
    letter-spacing: 2px;
}
.shoufei h4{
    font-weight: normal;
    margin-bottom: 5px;
    color: #333;
}
.gsjsbj{
    width: 100%;
    background: #f7f8fb;
    height: 350px;
    padding-top: 60px;
    margin-top: 60px;
}
.gsjs{
    width: 1200px;
    margin: 0 auto;
    background-color: #0f7feb;
    height: 420px;
}
.gsjs>div{
    float: left;
}
.gstu{
    width: 600px;
    position: relative;
    left: 30px;
    bottom: 30px;
}
.gswz{
    width: 600px;
    color: #fff;
}
.gsjs h2{margin-top: 90px;margin-bottom: 40px;margin-left: 35px;}
.gswz div{}
.gsjs p{
    margin-left: 35px;
    margin-right: 35px;
    letter-spacing: 2px;
    line-height: 25px;
}
.gsjs img{
    width: 550px;
}
.dfoot{
    background: #666;
    width: 100%;
    margin-top: 50px;
}
.foot{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    height: 200px;
}
.foot-l{
    float: left;
    height: 200px;
}
.foot-l div{
    float: left;
}
.foot-l h3{
    float: left;
    margin-top: 50px;
    margin-right: 50px;
}
.foot-l h3>img{
    height: 100px;
}
.foot-l h5{
    margin-top: 40px;
    width: 130px;
    text-align: center;
    margin-bottom: 10px;
}
.foot-l h5 img{}
.foot-l h4{
    color: #fff;
    font-size: 14px;
    width: 130px;
    text-align: center;
}
.foot-r{
    float: right;
    height: 200px;
}
.foot-r img{
}
.foot-r h3{margin-top: 50px;color: #fff;margin-bottom: 10px;margin-right: 30px;text-align: right;font-size: 19px;}
.foot-r h4{
    color: #ffe400;
    font-size: 22px;
    margin-right: 8px;
	text-align: right;
    margin-bottom: 10px;
}
.foot-r h5{
    font-size: 17px;
    color: #fff;
    text-align: right;
}
.foot-r div{
    float: right;
}
/*************************???*****************************/
button {
    outline: 0;
}

img {
    border: 0;
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li {
    list-style: none;
}

a {
    color: #666;
}

a:hover {
    color: #0069ab;
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}

/* ??????????css */
.suspension {
    width: 46px;
    height: 210px;
    position: fixed;
    right: 10px;
    bottom: 60px;
    z-index: 999;
}

.suspension .consult {
    background-image: url(images/top-icon.png);
    background-repeat: no-repeat;
    background-position: center -1px;
    background-color: #000;
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
}

.suspension .consult .suspension-list {
    position: absolute;
    width: 240px;
    right: -29px;
    top: -230px;
    z-index: 30;
    display: none;
}

.suspension-list-content {
    position: absolute;
    width: 260px;
    right: 85px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
}

.suspension-list ul {
    margin: 32px 24px;
}

.suspension-list ul li {
    position: relative;
    display: list-item;
    width: 100%;
    height: auto;
    padding: 16px 0;
    margin-top: 10px;
    overflow: hidden;
    border-top: 1px solid #f4f4f4;
}

.suspension-list ul li:first-child {
    padding-top: 0;
    border-top: none;
}

.suspension-list ul .suspension-list-bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}

.suspension-list-bottom .info-value {
    font-size: 12px;
    font-weight: inherit;
    color: #999;
}

.suspension-list ul li:first-child {
    margin-top: 0;
}

.service-phone, .service-qq, .service-proposal {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.service-phone {
    background-image: url(images/suspend_icon_01.png);
}

.service-phone:hover {
    background-image: url(../images/suspend_icon_01_blue.png)
}

.service-qq {
    background-image: url(../images/suspend_icon_03.png);
}

.service-qq:hover {
    background-image: url(../images/suspend_icon_03_blue.png);
}

.service-proposal {
    background-image: url(../images/suspend_icon_02.png);
}

.service-proposal:hover {
    background-image: url(../images/suspend_icon_02_blue.png)
}

.info-name {
    display: block;
    padding-left: 52px;
    height: 14px;
    font-size: 14px;
    color: #333;
}

.info-value {
    display: block;
    padding-left: 52px;
    margin-top: 8px;
    height: 18px;
    font-size: 18px;
    font-weight: 700;
    color: #f90;
}

.suspension a.consult:hover .suspension-list {
    display: inline !important;
}

.suspension .cart {
    background-image: url(images/top-icon.png);
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
    margin-top: 10px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}

.suspension a.cart:hover .pic {
    display: block;
}

.suspension .back-top {
    background-image: url(images/top-icon.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    width: 46px;
    height: 46px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    margin-top: 10px;
}

.suspension .cart .pic {
    display: none;
    position: absolute;
    left: -139px;
    top: -120px;
    width: 139px;
    height: 163px;
}

.pic-content {
    position: absolute;
    width: 139px;
    height: 163px;
    border: 1px solid #ddd;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    background: url(images/ewm.png) center no-repeat;
    right: 10px;
    background-size: 100px;
}
.left ul{
    float: right;
    overflow: hidden;
}
.left li{
    float: left;
    margin-left: 50px;
}
.left a:hover{
    color:#0f7feb;
}
/* banner-box */
.banner-box{min-width:1210px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width: 100%;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;}
.banner-box .bd li a{display:block;background-size:auto;}
.banner-box .bd li img{width:100%;}
.banner-btn{width:1210px;position:absolute;top:120px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(img/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(img/foot.png) no-repeat -49px 0;}

.banner-box .hd {position:absolute;top: 250px;left:537px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background: #fff;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background: #e41817;}
.hongse{
    font-style: initial;
    color: #cc2e30;
}
/******tab****************/
#tab h5{
    font-weight: normal;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    color: #333;
}
#tab{margin:0 auto;width: 1200px;overflow: hidden;margin-bottom: 25px;}
#tab .tab_menu{width: 25%;float:left;overflow: hidden;height: 280px;}
#tab .tab_menu li{width: 100%;height: 70px;line-height: 70px;cursor:pointer;text-align:center;margin:0 2px 0 0;box-sizing: border-box;background: #666;color: #fff;font-size: 20px;border-bottom: 1px solid #ffffff80;}
#tab .tab_box{width: 75%;background-image: url(../images/xtbj.png);float: left;height: 280px;box-sizing: border-box;border-left: none;background-size: 100%;}
#tab .tab_menu .selected{background-color: #cc2e30;cursor:pointer;color: #fff;}
.hide{display:none;}
.tab_box div{padding: 40px;font-size: 13px;color: #333;} 
/******tab****************/
.js span{
    font-size: 14px;
    font-weight: normal;
    background: #ef2129;
    padding: 3px 5px;
    color: #fff;
    border-radius: 5px;
}
.js ul{
    overflow: hidden;
    margin-right: -20px;
}
.js li{
    width: 285px;
    float: left;
    margin-right: 20px;
    background: #fff;
    height: 370px;
}
.js h2{}
.js h5{
    margin-top: 5px;
    margin-bottom: 15px;
    margin-left: 10px;
}
.js b{
    font-size: 20px;
    margin-right: 15px;
}
.js p{
    margin: 10px;
    font-size: 14px;
    letter-spacing: 2px;
    color: #666;
}
.js img{
    width: 100%;
}
.js{
    width: 1200px;
    margin: 0 auto;
}
.szbj{
    background: #faf8f8;
    padding-top: 30px;
    padding-bottom: 40px;
    margin-top: 30px;
}
.xiaoyuan{
    width: 1200px;
    margin: 0 auto;
}
.xiaoyuan img{
    width: 100%;
}
/**************************??????*********************************************/
  #box{width: 100%;height: 300px;overflow:hidden;margin:0 auto;border-radius: 3px;}
#box span{
    display: block;
    width: 33%;
    float: left;
    text-align: center;
    color: #333;
    font-size: 16px;
}
#box li{
    overflow: hidden;
}
.gdt{
    width: 100%;
    margin: 0 auto;
    background: #cc2e30;
    overflow: hidden;
    /* margin-bottom: 5px; */
    border-radius: 3px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: bold;
    font-size: 18px;
}
.gdt span{
    display: block;
    float: left;
    width: 33.33%;
    text-align: center;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}
#dbox{box-shadow: 0 3px 10px rgba(62, 85, 120, 0.11);padding-top: 15px;padding-bottom: 15px;
  margin: 0 auto;
  width: 1200px;
background-image: url(../images/sybj.png);
}
.biaoge{
    width: 1200px;
    margin: 0 auto;
    background-image: url(../images/sybj.png);
}
.zstj{
    background: #faf8f8;
    padding-top: 50px;
    margin-top: 50px;
    overflow: hidden;
    padding-bottom: 50px;
}
.btxs{vertical-align: middle;}
.js img{}
.mingshibj{
    background: #faf8f8;
    padding-top: 30px;
    margin-top: 40px;
    padding-bottom: 80px;
}
.mingshi{}
.mingshi{
    width: 1200px;
    margin: 0 auto;
}
.mingshi ul{
    overflow: hidden;
    margin-right: -40px;
}
.mingshi li{
    width: 580px;
    margin-right: 40px;
    float: left;
    background: #fff;
    box-shadow: 0px 3px 10px rgba(62, 85, 120, 0.11);
    margin-bottom: 30px;
    overflow: hidden;
}
.mingshi div{
    float: left;
    height: 180px;
}
.mingshi h2{
    margin-top: 20px;
    margin-bottom: 15px;
}
.mingshi p{
    letter-spacing: 2px;
    color: #666;
    font-size: 15px;
}
.mingshi-img{
    width: 144px;
}
.mingshi-wenzi{
    width: 416px;
    margin-left: 10px;
    margin-right: 10px;
}
.xingming{
    color: #cc2e30;
    margin-right: 15px;
    font-size: 19px;
}
.zhicheng{
    font-size: 18px;
    color: #333;
}
.mingshi img{
    margin-top: 15px;
    margin-left: 11px;
    width: 120px;
}
.sybj{}
.yanxuan{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/szsxbj.jpg);
    padding-bottom: 20px;
    border-radius: 20px;
    box-shadow: 0 0 15px rgb(224 224 224);
}
.yx1{
    float: left;
}
.yx2{
    float: left;
}
.yx1{
    width: 600px;
    margin-top: 50px;
    margin-left: 100px;
}
.yx2{
    height: 350px;
}
.yx1 div{
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
}
.yx-1{
    background: #ffc55a;
    color: #fff;
    border-radius: 5px;
    width: 400px;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: bold;
    text-align: center;
}
.yx-2{
    background: #ffaa52;
    color: #fff;
    border-radius: 5px;
    width: 350px;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: bold;
    text-align: center;
}
.yx-3{
    background: #ff9049;
    color: #fff;
    border-radius: 5px;
    width: 300px;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: bold;
    text-align: center;
}
.yx-4{
    background: #ff7346;
    color: #fff;
    border-radius: 5px;
    width: 250px;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: bold;
    text-align: center;
}
.yx-5{
    background: #ff5670;
    color: #fff;
    border-radius: 5px;
    width: 200px;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: bold;
    text-align: center;
}
.yx2 img{
    height: 400px;
}
.liyou{
    width: 1200px;
    margin: 0 auto;
}
.liyou ul{
    overflow: hidden;
    margin-right: -30px;
}
.liyou li{
    width: 25%;
    float: left;
}
.baoming h2{
    font-size: 20px;
    height: 20px;
    padding-top: 5px;
    margin-bottom: 7px;
    color: #333;
    letter-spacing: 2px;
}
.liyou div{
    margin-right: 30px;
    background: #fff;
    border-radius: 5px;
    text-align: left;
    padding-left: 30px;
    margin-top: 20px;
}
.liyou p{
    font-size: 16px;
    height: 40px;
    padding-bottom: 20px;
    color: #666;
    padding-top: 10px;
}
.liyou img{
    width: 50px;
}
.liyou h3{
    padding-top: 20px;
}
.baoming{
    width: 1200px;
    margin: 40px auto;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(224, 224, 224, 1);
    border-radius: 20px;
    height: 390px;
    background: #faf8f8;
}
.baoming img{
    width: 550px;
    height: 292px;
}
.baoming div{
    float: left;
}
.bmtu{
    width: 550px;
    margin-left: 50px;
    margin-top: 50px;
}
.bmnr{
    width: 500px;
    margin-left: 50px;
}