@CHARSET "UTF-8";
html {
    margin: 0;
    padding: 0;
    border: 0;
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
p,
blockquote,
pre,
a,
address,
code,
b,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
footer,
header,
hgroup,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background: #fff;
    color: #666;
    position: relative;
    font: 12px/1.5 Microsoft YaHei, arial, 宋体, sans-serif;
    vertical-align: baseline;
    width: 100%;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    outline: none;
}

a:link {
    color: #666;
}

a:visited {
    color: #666;
}

a:hover,
a:active,
a:focus {
    color: #e87518;
    text-decoration: none;
    outline: none;
}

input {
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei';
}

img {
    border: none;
    background: none;
    vertical-align: middle;
}

ul,
ol,
li {
    list-style-type: none;
}

select,
input,
img,
select {
    vertical-align: middle;
}

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

table,
th,
td {
    vertical-align: middle
}

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

.clearfix {
    zoom: 1
}

.clearboth {
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

h1,
h2,
h3,
h4 {
    font-size: 12px;
    font-weight: bold;
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 0;
}

.com-img {
    display: inline;
    overflow: hidden;
    margin: 0 auto;
    display: table;
}

.com-img img {
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
}

.com-img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

@font-face {
    font-family: 'constan2';
    src: url('../fonts/Microsoft JhengHei UI/msjhl_0.ttc') format('truetype');
}

.ssddds {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.demo-message-wrap input::-webkit-input-placeholder,
.demo-message-wrap textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
}

.demo-message-wrap input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

.demo-message-wrap input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
}

.demo-message-wrap input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
}

.demo-message-wrap input[type='text']::-webkit-input-placeholder {
    color: #fff;
}

.aby_hh li:hover .aby_hh_img img {
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}

.sfg {
    background: url(../images/ss.png) right center no-repeat;
    width: 33px;
    height: 33px;
    float: right;
    margin-top: 30%;
}

.sf {
    position: relative;
}

.sgyt {
    position: absolute;
    top: 100%;
    right: 0px;
    display: none;
    z-index: 99;
    width: 200px;
    left: 50%;
    margin-left: -100px;
}

.nei {
    background: #f5f5f5;
    padding: 2% 0;
    overflow-x: hidden;
    max-width: 100%;
}

.cpp {
    text-align: center;
}

.cpp_tt {
    font: 600 30px/45px "Microsoft Yahei";
    color: #282828;
}

.cpp_yy {
    font: 400 18px/35px "Microsoft Yahei";
    color: #4b4b4b;
}

.cgfen {
    margin-top: 28%;
}

.cyy {
    margin-top: 5%;
}

.cgfen_tt {
    background: #bb2821;
    font: 600 20px/69px "Microsoft Yahei";
    color: #fff;
    text-align: center;
}

.cgfen_gg {
    background: #fff;
    padding: 0 0.5% 21% 0.5%;
}

.soret li {
    font: 400 18px/63px "Microsoft Yahei";
    border-bottom: #e4e4e4 1px solid;
    text-align: center;
}

.soret li.on a {
    color: #e87518;
}

.cgfen_more {
    font: 400 18px/60px "Microsoft Yahei";
    border-bottom: #e4e4e4 1px solid;
    text-align: center;
}

.beiing {
    background: #fff;
    padding: 2% 2% 2% 5%;
    display: flex;
    justify-content: space-between;
}

.cyy_nei {
    width: 35%;
}

.cyy_umg {
    width: 50%;
    margin-left: 10%;
    border: #f5f5f5 1px solid;
}

.cyy_nei_tt {
    font: 600 18px/30px "Microsoft Yahei";
    color: #4b4b4b;
    padding-top: 29%;
}

.cyy_nei_tt a {
    color: #4b4b4b;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cyy_nei_tt p {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font: 400 14px/24px "Microsoft Yahei";
}

.cyy_nei_yy {
    width: 75%;
    border: #e4e4e4 1px solid;
    text-align: center;
    font: 400 14px/30px "Microsoft Yahei";
    color: #9d9d9d;
    margin-top: 15%;
}

.cyy_nei_yy a {
    color: #9d9d9d;
}

.cyy_umg img {
    width: 100%;
    height: auto;
}

.cyy li {
    margin-bottom: 2%;
}

.nei1 {
    background: url(../images/nei.jpg) top center no-repeat;
    padding: 2% 0;
    overflow-x: hidden;
    max-width: 100%;
}

.tupg {
    background: #f5f8ff;
    padding: 12% 5% 3% 5%;
}

.tup li {
    text-align: center;
    margin-bottom: 2%;
}

.tupg_tt {
    width: 39px;
    margin: 0 auto;
    height: 39px;
}

.tupg_tt img {
    width: 100%;
    height: auto;
}

.tupg_yy em {
    font: 400 16px/45px "Microsoft Yahei";
    color: #363636;
    font-style: normal;
    padding-right: 2%;
}

.tupg_yy {
    font: 600 24px/45px "Microsoft Yahei";
    color: #bb2822;
    letter-spacing: 1px;
    margin-top: 2%;
}

.women {
    color: #fff;
    margin-left: 10%;
    margin-top: 8%;
}

.women_tt {
    font: 600 30px/45px "Microsoft Yahei";
}

.women_meo {
    font: 400 18px/26px "Microsoft Yahei";
    margin-top: 2%;
}

.nei2 {
    margin: 4% 0;
    overflow-x: hidden;
    max-width: 100%;
}

.abt_tt {
    font: 600 26px/45px "Microsoft Yahei";
    color: #323232;
}

.abt_nei {
    font: 400 16px/40px "Microsoft Yahei";
    color: #323232;
}

.abt_rong {
    font: 400 14px/30px "Microsoft Yahei";
    color: #5a5a5a;
    margin-top: 2%;
}

.abt_more {
    border: #bb2822 1px solid;
    width: 20%;
    font: 400 14px/37px "Microsoft Yahei";
    color: #bb2822;
    text-align: center;
    margin-top: 6%;
}

.abt_more a {
    color: #bb2822;
}

.abnyu img {
    width: 100%;
    height: auto;
}

.nei3 {
    background: url(../images/nei3.png) top center no-repeat;
    padding: 2% 0 3% 0;
    overflow-x: hidden;
}

.abnyu {
    overflow-x: hidden;
}

.yingyn {
    margin-top: 4%;
    position: relative;
}

.lingyugg {
    text-align: center;
    border: #b9b9b9 1px solid;
    padding: 8% 8% 0 8%;
    position: relative;
    box-sizing: border-box;
}

.lingyu {
    overflow: hidden;
}

.lingyugg_img {
    width: 33px;
    height: 33px;
    margin: 0 auto;
}

.lingyugg_tt {
    font: 400 16px/70px "Microsoft Yahei";
    background: url(../images/xian.png) bottom center no-repeat;
}

.lingyu {
    position: relative;
}
.lingyugg_tt h2{
    height: 36px;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    white-space: nowrap;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.lingyunext {
    position: absolute;
    top: 30%;
    background: url(../images/an.png) no-repeat;
    width: 44px;
    height: 44px;
    left: -51px;
    outline: none;
    cursor: pointer;
    background-size: 100% 100%;
}

.lingyuprev {
    position: absolute;
    top: 30%;
    background: url(../images/an1.png) no-repeat;
    width: 44px;
    height: 44px;
    right: -51px;
    outline: none;
    cursor: pointer;
    background-size: 100% 100%;
}

.nei4 {
    margin-top: 3%;
}

.xww {
    margin-top: 3%;
}

.xww_img img {
    width: 100%;
    height: auto;
}

.xww_tt {
    font: 600 16px/45px "Microsoft Yahei";
    color: #4b4b4b;
    margin-top: 2%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xww_tt a {
    color: #4b4b4b;
}

.xww_shi {
    font: 400 12px/30px "Microsoft Yahei";
    color: #a8a8a8;
}

.xww_rog {
    font: 400 14px/30px "Microsoft Yahei";
    color: #a8a8a8;
}

.xww_xian {
    background: url(../images/xian1.png) no-repeat;
    height: 1px;
    margin-top: 3%;
}

.youdu {
    margin-top: 2%;
}

.banu {
    font: 400 12px/24px "Microsoft Yahei";
    color: #b0b0b0;
    text-align: left;
}

.banu a {
    color: #b0b0b0;
}

.shing {
    color: #b0b0b0;
    text-align: right;
    font: 400 12px/24px "Microsoft Yahei";
}

.shing a {
    color: #b0b0b0;
}

.page-product-inquiry a {
    color: #fff;
}

.x-footer {
    width: 100%;
    overflow-x: hidden;
}

@media(max-width:1600px) {
    .soret li {
        font: 400 16px/52px "Microsoft Yahei";
    }
    .cgfen_more {
        font: 400 16px/52px "Microsoft Yahei";
    }
    .x-layout-ewm p {
        width: 63%;
    }
}

@media(max-width:1440px) {
    .soret li {
        font: 400 16px/45px "Microsoft Yahei";
    }
    .cgfen_more {
        font: 400 16px/45px "Microsoft Yahei";
    }
    .tupg_yy {
        font: 600 20px/45px "Microsoft Yahei";
    }
    .x-layout-ewm p {
        width: 71%;
    }
}

@media(max-width:1024px) {
    .container-fluid {
        padding: 0 2%;
    }
    .cyy_nei_tt {
        font: 600 16px/30px "Microsoft Yahei";
         padding-top:0%!important;
    }
    .soret li {
        font: 400 12px/39px "Microsoft Yahei";
    }
    .cgfen_more {
        font: 400 12px/39px "Microsoft Yahei";
    }
    .cgfen_gg {
        padding: 0 0.5% 7% 0.5%;
    }
    .tupg_yy {
        font: 600 12px/45px "Microsoft Yahei";
    }
    .lingyuprev,
    .lingyunext {
        display: none;
    }
    .x-layout-ewm p {
        width: 86%;
    }
    
}
@media(max-width:991px) {
    .x-banner{
        padding-top:60px;
    }
    .page-banner{
        /*padding-top:60px;*/
    }
} 

@media(max-width:768px) {
    .xww_xian {
        background: none;
    }
    .abnyu p img{max-width: 100%;
    height: auto !important;
    width: auto !important;}
    .cgfen {
        margin-top: 2%;
    }
    .soret li {
        float: left;
        width: 30%;
        margin: 0 1%;
    }
    .cgfen_more {
        display: none;
    }
    .women {
        display: none;
    }
    .abt_more {
        margin-bottom: 2%;
    }
    .fhubj {
        display: none;
    }
    .x-layout-ewm {
        display: none;
    }
    .shing {
        text-align: left;
    }
}

@media(max-width:425px) {
    .page-banner {
        margin-top: 60px;
    }
}