@charset "utf-8";







html,
body,
dl,
dt,
dd,
ol,
ul,
li,
p,
span,
em,
cite,
del,
a,
img,
h1,
h2,
h3,
h4,
h5,
h6,
object,
pre,
code,
form,
fieldset,
legend,
pre,
input,
select,
textarea,
blockquote,
q,
table,
caption,
thead,
tbody,
tfoot,
th,
td,
button {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: transparent;
}



html,
body {
    width: 100%;
    word-wrap: break-word
}

tpsj-1122 body {
    font-size: 13px;
    color: #383838;
    background: none;
    min-height: 40vh;
}

html,
body {
    font-family: "微软雅黑";
}



.body-box {
    background: #fff;
}



table {
    border-collapse: collapse;
    border-spacing: 0;
}

img,
fieldset,
abbr,
acronym {
    border: none;
    vertical-align: top
}

a img {
    border: none;
    padding: 0;
    margin: 0;
}


blockquote,
q {
    quotes: none;
}



p {



    -webkit-text-size-adjust: none;



}



a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}





address,
caption,
cite,
code,
dfn,
em,
th,
var {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: normal;
}



* {
    margin: 0 auto;
    padding: 0px;
}



/* ----End Reset---- */



input,
textarea,
select,
option {
    border: none;
    background: none;
    outline: none;
    font-family: "siyuan";
}



textarea {
    resize: none
}



select::-ms-expand {
    display: none;
}

video {
    border: none
}

/*---- Patchs---- */



.fl {
    float: left;
}



.fr {
    float: right;
}



.fn {
    float: none;
}



.cl {
    clear: left;
}



.cr {
    clear: right;
}



.cb {
    clear: both;
}



.tl {
    text-align: left;
}



.tr {
    text-align: right;
}



.tc {
    text-align: center;
}



li {
    list-style: none;
    vertical-align: bottom
}

.phone-box{ display:none;}

/*内容开始*/
.hon-max{ width:100%; height:auto; overflow:hidden; padding-top:0px; padding-bottom:50px;}
.hon-btbox{ width:100%; height:auto; overflow:hidden; text-align:center}
.hon-bt1{ width:100%; height:auto; line-height:50px; font-size:36px; overflow:hidden;}
.hon-bt2{ width:100%; height:auto; line-height:28px; font-size:14px; color:#999; margin-top:5px; overflow:hidden;}
.hon-xxbox{ width:1200px; height:51px; padding-top:26px; border-bottom:1px solid #dddddd; text-align:center;}
.hon-xx1{ display:inline-block; vertical-align:top; height:50px; line-height:50px; font-size:20px; color:#333333; margin:0 130px; cursor:pointer;}
.hon-xx1on{ color:#0093dd; border-bottom:2px solid #0093dd;}

.hon-box{ width:1200px; height:auto; padding-top:50px; margin:0 auto;}
.hon-min{ display:none;}
.hon-minon{ display:block;}
.hon-min1{ width:1060px; margin:0 auto; height:auto}
.hon-min11{ width:100%; height:auto}
.hon-mina1{ width:350px; height:auto; float:left;}
.hon-a1{ width:100%; height:auto; margin-bottom:12px;}
.hon-a11{ width:100%; height:auto; overflow:hidden; box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.2);}
.hon-a11 img{ width:100%; }
.hon-a12{ width:100%; height:46px; line-height:46px; text-align:center; font-size:16px; color:#000000; overflow:hidden; clear:both;}

.hon-mina2{ width:616px; height:auto; overflow:hidden; float:right;}
.hon-mina21{ width:100%; height:auto; overflow:hidden;}
.hon-a2{ width:263px; height:auto; overflow:hidden; margin-bottom:13px; float:left;}
.hon-mina21 .hon-a2:nth-child(2n){ float:right;}
.hon-a21{ width:100%; height:auto; overflow:hidden;}
.hon-a21 img{ width:100%; height:377px;}
.hon-a22{ width:100%; height:46px; line-height:46px; font-size:16px; color:#000000; overflow:hidden; text-align:center;}

.hon-min2{ width:100%; height:auto; overflow:hidden;}
.hon-min2 ul{ width:100%; height:auto; overflow:hidden;}
.hon-min2 ul li{ width:100%; height:auto; overflow:hidden;}
.hon-pcbox{ width:100%; height:auto; overflow:hidden;}
.hon-pc1{ width:100%; height:auto; overflow:hidden; display:none;}
.hon-pcon{ display:block}
.hon-a3{ width:228px; height:auto; overflow:hidden; float:left;margin-bottom:10px; margin-right:15px;}
.hon-min2 ul li .hon-a3:nth-child(5n){ margin-right:0}
.hon-a31{ width:205px; height:280px; overflow:hidden; padding:10px 11px 10px 10px; border:1px solid #dddddd;}
.hon-a31 img{ width:100%; height:100%; transition: all 2s ease 0s;}
.hon-a32{ width:100%; height:42px; line-height:42px; font-size:12px; color:#666666; text-align:center; overflow:hidden;}
.hon-a3:hover .hon-a31{ border:1px solid #0093dd}
.hon-a3:hover .hon-a31 img{transform: scale(1.05);}
.hon-a3:hover .hon-a32{ color:#0093dd;}

.fenye{ width:100%; height:auto; overflow:hidden; padding:30px 0; text-align:center;}
.fenyea{ display:inline-block; vertical-align:top; width:140px; height:42px; border:1px solid #bbbbbb; line-height:42px; text-align:center; margin:0 33px; font-size:16px; color:#1c1c1c; cursor:pointer;}
.fenyea:hover{ background:#0093dd; border:1px solid #0093dd; color:#fff;}

.fenyeaon{background:#0093dd; border:1px solid #0093dd; color:#fff;}

.fukuan-max{ width:100%; height:auto; overflow:hidden; padding-bottom:30px;}

.fukuan-box{ width:1200px; height:auto; overflow:hidden; padding-top:66px;}
.fukuan-left{ width:728px; height:auto; overflow:hidden; float:left;}
.fukuan-11{ width:184px; height:38px; margin-left:30px}
.fukuan-11 img{ width:100%; height:100%;}
.fukuan-12{ width:100%; height:auto; padding-top:12px; line-height:82px; font-size:26px; color:#333333; text-indent:30px; overflow:hidden; border-bottom:1px dashed #cccccc}
.fukuan-12 font{ font-weight:bold;}
.fukuan-13{ width:100%; height:auto; line-height:80px; text-indent:30px; font-size:18px; color:#333333; border-bottom:1px dashed #cccccc; overflow:hidden;}

.fukuan-right{ width:240px; height:auto; overflow:hidden; float:right; padding-top:46px;}
.fukuan-21{ width:236px; height:236px; overflow:hidden; padding:1px; border:1px solid #ccc;}
.fukuan-21 img{ width:100%; height:100%;}
.fukuan-22{ width:100%; height:auto; line-height:46px; text-align:center; font-size:15px; color:#666; overflow:hidden;}
/*内容结束*/


/*图片点击放大开始*/
.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index:99999999 !important; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; display:flex; flex-wrap: nowrap;align-items: center; text-align: center;justify-content: center; }
.rebox-contents .rebox-content { box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.8; 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}

@-ms-keyframes spin { from { -ms-transform: rotate(0deg); }
to { -ms-transform: rotate(360deg); }}
@-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); }}
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }}
@keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); }}

/*图片点击放大结束*/


@media screen and (max-width: 750px){
	.pc-box{ display:none;}
	.phone-box{ display:block;}
	
	.hon-max{ width:100%; height:auto; overflow:hidden; padding-top:15px; padding-bottom:0}
	
.hon-btbox{ width:calc(100% - 30px); margin:0 auto; height:auto; overflow:hidden; text-align:center}
.hon-bt1{ width:100%; height:auto; line-height:1; font-size:18px; overflow:hidden; padding-bottom:10px;}
.hon-bt2{ width:100%; height:auto; line-height:28px; font-size:12px; color:#999; margin-top:0px; overflow:hidden;}


.hon-xxbox{ width:calc(100% - 30px); height:27px; padding-top:5px; border-bottom:1px solid #dddddd; text-align:center; margin:0 auto;}
.hon-xx1{ display:inline-block; vertical-align:top; height:26px; line-height:26px; font-size:16px; color:#333333; margin:0 20px; cursor:pointer;}
.hon-xx1on{ color:#0093dd; border-bottom:2px solid #0093dd;}



.hon-box{ width:100%; height:auto; padding-top:20px; margin:0 auto;}
.hon-min{ display:none;}
.hon-minon{ display:block;}
.hon-min1{  width:100%; height: auto; overflow:auto; padding-bottom:15px;}
.hon-mina1{ width: 100%; height: auto; overflow:auto;}
.hon-mina11{width:auto; height:auto; float:none;  overflow:auto;     white-space: nowrap;
    display: inline-flex;}
.hon-a1{ width:230px; height:auto; margin-bottom:12px; float:left; margin-right:10px}
.hon-mina11 .hon-a1:nth-child(1){ margin-left:15px;}
.hon-mina11 .hon-a1:last-child{ margin-right:15px;}

.hon-a11{ width:100%; height:153px; overflow:hidden; box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.1);}
.hon-a11 img{ width:100%; height:auto;}
.hon-a12{ width:100%; height:36px; line-height:36px; text-align:center; font-size:13px; color:#000000; overflow:hidden; clear:both;}

.hon-mina2{ width:100%; height:auto; overflow:auto; float:none;}
.hon-mina21{ width:auto; height: auto; overflow:auto;     white-space: nowrap;
    display: inline-flex;}
.hon-a2{ width:180px; height:auto; overflow:hidden; float:left; margin-bottom:13px; margin-right:10px;}
.hon-mina2 .hon-a2:nth-child(2n){ float:left;}
.hon-a21{ width:100%; height:259px; overflow:hidden;}
.hon-a21 img{ width:100%; height:100%;}
.hon-a22{ width:100%; height:36px; line-height:36px; font-size:12px; color:#000000; overflow:hidden; text-align:center;}


.hon-mina21 .hon-a2:nth-child(1){ margin-left:15px;}
.hon-mina21 .hon-a2:last-child{ margin-right:15px;}

.hon-min2{ width:calc(100% - 30px);  height:auto; overflow:hidden; margin: 0 auto}
.hon-min2 ul{ width:100%; height:auto; overflow:hidden;}
.hon-min2 ul li{ width:100%; height:auto; overflow:hidden;}

.hon-phonebox{ width:100%;  height:auto; overflow:hidden;}
.hon-phone1{ width:100%; height:auto; overflow:hidden; display:none;}
.hon-phoneon{ display:block}


.hon-a3{ width:calc(50% - 5px); height:auto; overflow:hidden; float:left;margin-bottom:10px; margin-right:0px;}
.hon-min2 ul li .hon-a3:nth-child(5n){ margin-right:0}

.hon-min2 ul li .hon-a3:nth-child(2n){ float:right;}
.hon-phone1 .hon-a3:nth-child(2n){ float:right;}

.hon-a31{ width:calc(100% - 10px); height:223px; overflow:hidden; padding:4px 4px 4px 4px; border:1px solid #dddddd;}
.hon-a31 img{ width:100%; height:100%}
.hon-a32{ width:100%; height:36px; line-height:36px; font-size:11px; color:#666666; text-align:center; overflow:hidden;}

.fenyesj{ width:100%; height:auto; overflow:hidden; padding:10px 0 30px; text-align:center;}
.fenyesja{ display:inline-block; vertical-align:top; width:80px; height:36px; border:1px solid #bbbbbb; line-height:36px; text-align:center; margin:0 10px; font-size:14px; color:#1c1c1c; cursor:pointer;}
.fenyeasjon{ background:#0093dd; border:1px solid #0093dd; color:#fff;}




	
.fukuan-max{ width:100%; height:auto; overflow:hidden;padding-top:15px;padding-bottom:15px;background: #f5f6ff;margin-bottom: 20px;}

.fukuan-box{  width:calc(100% - 30px);  height:auto; overflow:hidden; padding-top:15px; margin:0 auto;}
.fukuan-left{ width:100%; height:auto; overflow:hidden; float:left;}
.fukuan-11{ width:120px; height:25px; margin-left:15px}
.fukuan-11 img{ width:100%; height:100%;}
.fukuan-12{ width:100%; height:auto; padding-top:12px; line-height:36px; font-size:14px; color:#333333; text-indent:15px; overflow:hidden; border-bottom:1px dashed #cccccc}
.fukuan-12 font{ font-weight:bold;}
.fukuan-13{ width:100%; height:auto; line-height:36px; text-indent:15px; font-size:14px; color:#333333; border-bottom:1px dashed #cccccc; overflow:hidden;}

.fukuan-right{ width:100%; height:auto; overflow:hidden; float:none; margin:0 auto; padding-top:30px;}
.fukuan-21{ width:145px; height:145px; overflow:hidden; padding:1px; border:1px solid transparent; margin:0 auto;}
.fukuan-21 img{ width:100%; height:100%;}
.fukuan-22{ width:100%; height:36px; line-height:36px; text-align:center; font-size:13px; }
	
.haichuangC{
    margin-bottom: 0;
}
	
}

div::-webkit-scrollbar {
	display:none;
        }