@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%);
}
/*头部样式*/
.w1920{
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}
.w1200{
    width: 1200px;
    margin: 0 auto;

}
.fl{
    float: left;
}
.fr{
    float: right;
}
.head{
    height: 28px;
    background: #eeeeee;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #393939;
}
.head a{
    color: #393939;
}
.head2{
    height: 150px;
    background: url(//cdn.xyptcdn.com/a953bff3/21/07/36ad83bc5c56262c6bd8c7448e1a5501bed4a43a.png)no-repeat center;
}
.logo{
    line-height: 150px;

}
.head2 .ss{
    width: 372px;
    height: 40px;
    margin-top: 51px;
}
.head2 .ss{
    
}
.head2 .ss #formsearch{
    width: 372px;
    height: 40px;
}

.ss #formsearch input{background:none;border:none;float:left;outline: none;}
.ss #formsearch input#keyword{
    width: 294px;
    height: 40px;
    background: #fff;
    line-height:40px;padding-left:15px;color:#666;}
.ss #formsearch input#s_btn{
    width:78px;height:40px;line-height:40px;text-align:center;color:#fff;border:none;cursor:pointer;
    background: #087bd8;font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}




#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


.tnav{
    height: 60px;
    background-color: #087bd8;
}

.container {
   
}

/*高品质追求*/
.box2{width:1200px;margin:0 auto;margin-top:20px;}
.tabz{position:relative;display:flex;justify-content:center;align-items:center;margin-top:50px;}
.tabz li{float:left;width:140px;height:32px;display:block;line-height:32px;background:#eaeaea;text-align:center;color:#666666;font-size:14px;cursor: pointer;margin-left:10px;}
.tabz li.cur{color:#fff;text-decoration:none;font-size:14px;background:#03479c;}
.tabz  li:hover, .tabz li.cur {
    background: #03479c;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.tabz li:hover a, .tabz li.cur a {
    color: #fff;
}

.ttz{display: none;margin-top:30px;}
.list1z{padding:8px 10px;}
.list1z li{position:relative;vertical-align: middle;float:left;margin-right:26px;margin-bottom:26px}
.list1z li a.img{display:block}
.list1z li a.img img{width:376px;height:270px;}


.list1z li:nth-child(3n){float:right;margin-right:0px;}

.dac{background:#03479c;border-bottom-left-radius:5px;border-bottom-right-radius:5px;line-height:45px;height:45px;}
.list1z li h3{color:#fff;font-size:16px;float:left;font-weight:normal;margin-left:5%;}
.list1z li h3 a{color:#fff;font-size:16px;line-height:45px;}
.list1z li:hover .dac{background:#b99562;}


.mx{float:right;color:#fff;font-size:16px;margin-right:5%;}
.mx a{color:#fff;font-size:16px;}

/*滚动*/
.pin{width:1200px;margin:0 auto;}

.chan{text-align:center;padding-top:30px;position:relative;margin-bottom:40px;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:55%;}
.l_btn{left:-50px;}
.r_btn{right:-50px;}

.twt{float: left;}
.twt li a.img{display:block;}
.twt li a.img img{display:block;width: 273px;height:150px;}
.twt li{float: left;overflow: hidden; margin-left: 20px;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;padding-top:20px;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.huise{width:1920px;position:relative;left:50%;margin-left:-960px;background:#f5f5f5;padding-bottom:50px;padding-top:70px;}

#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}


.anls{width:1200px;margin:0 auto;padding-top:40px;border-top:1px solid #e5e5e5}
.product_list3{}
.product_list3 li{float:left;margin-right:38px;margin-bottom:38px;_display:inline;position:relative;width:376px;height:248px;}
.product_list3 li a.img{}
.product_list3 li a.img img{width:376px;height:248px;}
.product_list3 li h3{text-align:center;position:absolute;bottom:0px;width:100%;background:url(../images/h3.png) no-repeat center top;height:40px;color:#fff;}
.product_list3 li h3 a{font-weight:normal;line-height:40px;font-size:16px;color:#fff;}
.product_list3 li a.img{display:block;}
.product_list3 li a.img:hover{border-color:#b99562;}


.news0{
    margin-top: 28px;
}
.news1{
    width: 559px;
    position: relative;
}
.news1 ul li{
    position: relative;
}
.news1 ul li img{
    width: 559px;
    height: 361px;

}
.news1 ul li h3{
    position: absolute;
    width: 561px;
    height: 51px;
    background: rgba(0,0,0,.86);
    z-index: 2;
    bottom: 0;
    left: 0;
    padding-left: 29px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 51px;
    letter-spacing: 0px;
    color: #ffffff;
}
.news1 ul li h3 a{
   color: #ffffff; 
}
.news1 .hd{
    position: absolute;
    right: 44px;
    bottom: 19px;
    z-index: 9;
}
.news1 .hd ul{
    display: flex;
    justify-content: center;

}
.news1 .hd ul li{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 3px;
    background: #858585;
    font-size: 0;
}
.news1 .hd ul li.on{
    background: #b61412;
}

.news2{
    width: 625px;
    float: right;

}
.news22-1{
    display: none;
}
.news2t{
    border-bottom: 2px solid #e7e7e7;
}
.news2t ul{
    float: left;
}
.news2t ul li{
    float: left;
    width: 122px;
    height: 41px;
    margin-right: 7px;
}
.news2t ul li a{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #161616;
}
.news2t ul li.on{
    background: #087bd8;

}
.news2t ul li.on a{
    color: #fff;
}
.news2t .gd{
    float: right;
    margin-right: 11px;
    padding-right: 21px;
    background: url(//cdn.xyptcdn.com/a953bff3/21/07/2a8bc7a5e86949bfac2e21a4bf8722cb3b453a7c.png)no-repeat right center;
    margin-top: 13px;
}
.news2t  ul li{
    border: 1px solid #e7e7e7;
    text-align: center;
}
.news2t  ul li.cur{
    background: #087bd8;

}
.news2t  ul li.cur a{
    color: #fff;
}
.news22tj{
    margin-top: 14px;

}
.news22tj ul li{
    background: url(//cdn.xyptcdn.com/a953bff3/21/07/b98d155ac87767f631b898363a68ca17002a9761.png)no-repeat  7px bottom;
    padding-bottom: 14px;
}
.news22tj ul li .img{
    margin-right: 18px;
    width: 212px;
    height: 131px;
    border: solid 1px #d8d8d8;
    padding: 5px 6px;
}
.news22tj ul li .img img{
    width: 200px;
    height: 121px;
}
.news22tj ul li .wz h3{
    margin-top: 13px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #241e0e;
}
.news22tj ul li .wz p{
    width: 395px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #808080;
    margin-top: 10px;
}
.news22tj ul li .wz p a{
    color: #157ae9;
}
.news23{
    margin-top: 5px;
    margin-left: 10px;
}
.news23 ul li{
    width: 100%;

}
.news23 ul li h3{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #5c5757;
    padding-left: 10px;
    background: url(//cdn.xyptcdn.com/a953bff3/21/07/da5f3e3bb7d707c866c6eed18a6205858f64d1fa.png)no-repeat  left center;
    float: left;
}
.news23 ul li  p{
    float: right;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #8d8d8d;
}
.xhzc{
    margin-top: 32px;
    background-image: linear-gradient(0deg, #f0f0f0 0%, #ffffff 100%), 
    linear-gradient(#e7e7e7, #e7e7e7);
    background-blend-mode: normal,  normal;
    border: solid 1px #e7e7e7;

}
.xhzc ul{
    margin: 0 -2px;
}
.xhzc ul li{
    background: url(//cdn.xyptcdn.com/a953bff3/21/07/ca7b0ef0f1e86a7b46e419417eb9ee5e815d4b8c.png)no-repeat right center;
    float: left;
   height: 123px;
   width: 240px;
   text-align: center;
   padding-top: 18px;
}
.xhzc ul li:nth-child(5){
    background: none;
}
.xhzc ul li img{

}
.xhzc ul li h3{
    margin-top: 14px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #5b5b5b;
}

.a0{
    margin-top: 40px;

}
.a1 .a2{
    width: 707px;

}
.a1 .a2 .a1t{
    border-bottom: 2px solid #e7e7e7;
    padding-bottom: 12px;

}
.a1 .a2 .a1t h3{
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #087bd8;
    float: left;
}
.a1 .a2 .a1t h3 span{
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #087bd8;
}
.a1 .a2 .a1t .gd{
    float: right;
    margin-right: 0px;
    padding-right: 21px;
    background: url(//cdn.xyptcdn.com/a953bff3/21/07/2a8bc7a5e86949bfac2e21a4bf8722cb3b453a7c.png)no-repeat right center;
    margin-top: 13px;
}

.a1 .a2 .abtp{
    margin-top: 4px;
    width: 707px;
    height: 199px;

}
.a1 .a2 .abwz{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 37px;
    letter-spacing: 0px;
    color: #0c0d0d;
    margin-top: 20px;
}
.a1 .zcfg{
    float: right;
   width: 466px;
}
.a1 .zcfg .zcfgt{
    height: 60px;
    background: #008cd6;
}
.a1 .zcfg .zcfgt h3{
    float: left;
    margin-left: 34px;
    margin-top: 15px;
    background: url(//cdn.xyptcdn.com/a953bff3/21/07/e74b4346584b47b08bc284baec430a3198baf6b0.png)no-repeat left center;
    padding-left: 40px;
    line-height: 28px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #ffffff;
}
.a1 .zcfg .zcfgt .mr{
    margin-right: 82px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
    display: block;
    float: right;
    text-transform: uppercase;
    margin-top: 18px;
}
.a1 .zcfg .zcfg2{
    border:1px solid #d1d1d1;
    padding: 0 11px;
    height: 465px;
    overflow: hidden;

}
.a1 .zcfg .zcfg2 .bd ul li{
    border-bottom: 1px solid #d1d1d1;
    padding-top: 20px;
    height: 125px !important;
}

.a1 .zcfg .zcfg2 .bd ul li h3{
    padding-left: 32px;
    background: url(//cdn.xyptcdn.com/a953bff3/21/07/341f7545c1b3b2bce73526a07e28c6d560a691b5.png)no-repeat left center;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #333333;
}
.a1 .zcfg .zcfg2 .bd ul li p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #666666;
    padding-left: 30px;
    margin-top: 14px;
}

.ht{
    margin-top: 40px;
    width: 1200px;
}
.ht img{
    width: 1200px;
}
.hyzs{
    margin-top: 40px;
    

}
.hyzs .hyzst{
    border-bottom: 2px solid #e7e7e7;
} 
.hyzs .hyzst h3{
    padding-bottom: 8px;
    float: left;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #087bd8;
}
.hyzs .hyzst h3 span{
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #087bd8;
}
.hyzs .hyzst .gd{
    float: right;
    margin-right: 0px;
    padding-right: 21px;
    background: url(//cdn.xyptcdn.com/a953bff3/21/07/2a8bc7a5e86949bfac2e21a4bf8722cb3b453a7c.png)no-repeat right center;
    margin-top: 13px;
}
.hyzs2{
    margin-top: 18px;
}
.hyzs2 ul li{
    width: 382px;
    margin-right: 28px;
    float: left;
    
}

.hzhy{
    margin-top: 40px;
}
.hdpx{
    width: 812px;

}
.hdpxt{
    border-bottom: 2px solid #e7e7e7;
    padding-bottom: 10px;
}
.hdpxt h3{
    font-size: 30px;
    color: #087bd8;
    font-weight: bold;
    line-height: 1;
    float: left;
}
.hdpxt h3 span{
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #087bd8;
    
}
.hdpxt .gd{
    float: right;
    margin-right: 0px;
    padding-right: 21px;
    background: url(//cdn.xyptcdn.com/a953bff3/21/07/2a8bc7a5e86949bfac2e21a4bf8722cb3b453a7c.png)no-repeat right center;
    margin-top: 13px;
}
.hdpx2{
    margin-top: 35px;
}
.hdpx2 ul li{
    width: 257px;
    height: 378px;
    border: solid 1px #b5b5b5;
    padding: 9px 8px 20px 7px;
    float: left;
    margin-right: 20px;
}
.hdpx2 ul li:nth-child(3){
    margin-right: 0px;
}
.hdpx2 ul li img{
    width: 242px;
    height: 150px;

}
.hdpx2 ul li h3{
    width: 211px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b5b5b5;
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #141414; 
}
.hdpx2 ul li p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #7d7d7d;
    margin-top: 10px;
}

.hyfw{
    width: 340px;
    float: right;
}
.hyfwt{
    height: 47px;

}
.hyfwt h3{
    background: #087bd8;
    padding-left: 20px;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 47px;
    letter-spacing: 0px;
    color: #ffffff;
}
.hyfw .hyfw2{
    border:1px solid #b5b5b5;
    padding: 41px 26px 20px 26px;

}
.hyfw .hyfw2 ul li{
    margin-bottom: 25px;
    width: 286px;
    height: 60px;
    background-color: #e3eff6;
    border-radius: 10px;
}
.hyfw .hyfw2 ul li a{
    display: flex;
    justify-content: center;
}
.hyfw .hyfw2 ul li a .img{
    display: flex;
    align-items: center;
}
.hyfw .hyfw2 ul li a img{
    min-width: 100%;
}
.hyfw .hyfw2 ul li a h3{
    margin-left: 22px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #087bd8;
    line-height: 60px;
}
.ftlink{
    margin-top: 28px;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #087bd8;
}
.ftlink a{
    font-size: 16px;
    margin-right: 10px;
}
.foot{
    background: #008cd6;
    padding-top: 30px;
    padding-bottom: 0px;
}
.ftnav{
    border-bottom: 1px solid rgba(238,238,238,.75);
    padding-bottom: 15px;
}
.ftnav .ftnav2{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #ffffff;
    padding-left: 0px;
}
.ftnav .ftnav2 a{
color: #ffffff;
}

.foot2{
    margin-top: 23px;
}
.ftewm{
    padding-left: 88px;
   background: url(//static.xypt.net.cn/a953bff3/21/07/5fe2087709446385cc2d331b15e59bab6c15e80c.png)no-repeat left top;
    min-height: 176px;
    padding-top: 0px;
    margin-right: 75px;
}
.ftewm img{
    width: 130px;
    height: 130px;

}
.ftewm h3{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height:12px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 8px;
    text-align: center;
}
.ftlx{
    margin-left: 0px;
    margin-top: 19px;
}
.ftlx h3{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    line-height: 1;
}
.ftlx h4{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 4px;
}
.ftlx h5{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 10px;
}
.ftdh{
    margin-left: 80px;
    margin-top: 20px;
}
.ftdh .ftdh2{
    padding-left: 50px;
    background: url(//static.xypt.net.cn/a953bff3/21/07/d220b6206ff6ff948b78a5d545dcd4443323c99d.png)no-repeat left center;
}
.ftdh .ftdh2 h3{
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    line-height: 18px;
}
.ftdh .ftdh2 h4{
    font-size: 22px;
    color: #fefefe;
    font-weight: bold;
    line-height: 22px;
    margin-top: 3px;
}
.ftdh h5{
    font-size: 14px;
    color: #fefefe;
    font-weight: normal;
    line-height: 24px;
    margin-top: 7px;
}
.ftcopy{
    margin-top: 20px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #ffffff;
}
.ftcopy a{ 
    color: #ffffff;
}

.footer{
    background: #0a7ab5;
    font-size: 14px;
    color: rgba(255,255,255,.6);
    line-height: 44px;
    
}
.footer p{
    display: inline-block;
    
}

.footer a{
    color: rgba(255,255,255,.6);
}