@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;}


.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%);
}


.w1200{
    width: 1200px;
    margin: 0 auto;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.top_head{
    width: 100%;
    position: fixed;
    top: 20px;
    left: 0;
    right: 0;
    background: none;
    z-index: 999999;
    transition: .5s;
}
.top_head.scroll{
    background: rgba(77,80,87,0.95);
    top: 0;
}
.logo{
    line-height: 80px;
}
.head-right{
    padding-right: 40px;
    position: relative;
    padding-top: 7px;
}
.head-right .ss-btn{
    width: 40px;
    height: 40px;
    background: url(//cdn.myxypt.com/52f33090/21/02/c63b99512b443229dda1823d470fea343c91e84b.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 20px;
    cursor: pointer;
}
.head-right #formsearch{
    width: 260px;
    border-bottom: 1px solid rgba(255,255,255,0.6);
    position: absolute;
    right: 0;
    top: 66px;
    display: none;
}
.head-right #formsearch #keyword{
    width: 220px;
    line-height: 40px;
    outline: none;
    border: none;
    background: none;
    font-size: 14px;
    color: #fff;
}
.head-right #formsearch input::-webkit-input-placeholder {
    color: #fff;
}
.head-right #formsearch input::-moz-placeholder { 
    color: #fff;
}
.head-right #formsearch input:-ms-input-placeholder {
    color: #fff;
}  
.head-right #formsearch #s_btn{
    width: 40px;
    height: 40px;
    background: url(//cdn.myxypt.com/52f33090/21/02/c63b99512b443229dda1823d470fea343c91e84b.png) no-repeat center;
    outline: none;
    border: none;
    float: right;
}


.index-c1{
    height: 158px;
    background: #4d5057;
    padding-top: 40px;
}
.c1-1 h3{
    font-size: 24px;
    color: #fff;
    line-height: 1;
    font-weight: 100;
}
.c1-1 h4{
    font-size: 24px;
    color: #fff;
    line-height: 1;
    font-weight: 100;
    margin-top: 15px;
}
.c1-2{
    width: 810px;
}
.c1-2 ul li{
    width: 270px;
    text-align: center;
    float: left;
}
.c1-2 ul li h3{
    font-size: 14px;
    color: #fff;
    font-weight: 100;
}
.c1-2 ul li h3 span{
    font-size: 48px;
}
.c1-2 ul li p{
    font-size: 12px;
    color: #ffffff;
    font-weight: 100;
}

.index-c2{
    width: 1920px;
    height: 926px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    background: url(//cdn.myxypt.com/52f33090/21/02/d15f4718239e47a25310cc30261ff3be13cc3135.jpg) no-repeat center;
    padding-top: 90px;
}
.c2tlt{
    text-align: center;
    margin-bottom: 45px;
}
.c2tlt h3{
    font-size: 19px;
    color: #000000;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 2;
}
.c2tlt h4{
    font-size: 28px;
    color: #000000;
}

.index-c3{
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
.slideBox{
    position: relative;
}
.slideBox .bd{
    overflow: hidden;
}
.slideBox .bd ul li{
    width: 1920px;
    height: 818px;
    position: relative;
}
.slideBox .bd ul li > img{
    width: 1920px;
    height: 818px;
}
.slideBox .bd ul li .wz{
    width: 404px;
    position: absolute;
    left: 360px;
    top: 130px;
    z-index: 99;
}
.slideBox .bd ul li .wz h3{
    font-size: 20px;
    color: #ffffff;
    font-family: Arial;
    line-height: 1;
    text-transform: uppercase;
}
.slideBox .bd ul li .wz h4{
    font-size: 30px;
    color: #fff;
    line-height: 60px;
}
.slideBox .bd ul li .wz .info{
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    padding: 30px 0;
}
.slideBox .bd ul li .wz a{
    display: block;
    width: 141px;
    height: 53px;
    background: #818181;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 53px;
    font-weight: 100;
}
.slideBox a.prev{
    display: block;
    width: 74px;
    height: 60px;
    background: url(//cdn.myxypt.com/52f33090/21/02/8878f5c9d3dd506aa1ef6c604a2f44bc80719a12.png) no-repeat center;
    position: absolute;
    left: 50%;
    margin-left: -74px;
    cursor: pointer;
    bottom: 0;
}
.slideBox a.next{
    display: block;
    width: 74px;
    height: 60px;
    background: url(//cdn.myxypt.com/52f33090/21/02/f77a07239c97222595a3ad600cc69f5498c04700.png) no-repeat center;
    position: absolute;
    left: 50%;
    cursor: pointer;
    bottom: 0;
}


.index-c4{
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
.slideBox2{
    position: relative;
}
.slideBox2 .bd{
    overflow: hidden;
}
.slideBox2 .bd ul li{
    width: 1920px;
    height: 881px;
    position: relative;
}
.slideBox2 .bd ul li img{
    width: 1920px;
    height: 881px;
}
.slideBox2 .bd ul li .wz{
    width: 500px;
    text-align: right;
    position: absolute;
    top: 240px;
    right: 380px;
}
.slideBox2 .bd ul li .wz h3{
    font-size: 48px;
    color: #fff;
    font-weight: 100;
}
.slideBox2 .bd ul li .wz .info{
    padding: 50px 0 30px;
    font-size: 12px;
    color: #d7d7d7;
    line-height: 24px;
}
.slideBox2 .bd ul li .wz a{
    font-size: 14px;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
}
.slideBox2 a.next{
    width: 40px;
    height: 40px;
    background: url(//cdn.myxypt.com/52f33090/21/02/a42e334fd88b1dd9e8bd3be86a9f714579809b41.png) no-repeat center;
    cursor: pointer;
    position: absolute;
    right: 380px;
    bottom: 160px;
}
.slideBox2 a.prev{
    width: 40px;
    height: 40px;
    background: url(//cdn.myxypt.com/52f33090/21/02/4df69b461d05c76a17e85da8bb712b89d3c5c059.png) no-repeat center;
    cursor: pointer;
    position: absolute;
    right: 470px;
    bottom: 160px;
}
.slideBox2 .line{
    width: 1px;
    height: 12px;
    background: rgba(255,255,255,0.45);
    position: absolute;
    bottom: 173px;
    right: 443px;
}


.index-c5{
    width: 1920px;
    height: 827px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    background: url(//cdn.myxypt.com/52f33090/21/02/b6775206f9c2a3b9aa73ca99518fc9f388ccf63b.jpg) no-repeat center;
}
.c5-con{
    width: 1374px;
    margin: 0 auto;
    padding-top: 90px;
}
#certify{
    width: 1374px;
    margin: 0 auto;
}
#certify .swiper-slide{
    width: 894px;
    height: 527px;
}
#certify .swiper-slide a{
    display: block;
    position: relative;
}
#certify .swiper-slide a img{
    width: 100%;
}
#certify .swiper-slide a h3{
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #f1f1f1;
}

.index-c6{
    width: 1920px;
    height: 554px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    background: url(//cdn.myxypt.com/52f33090/21/02/ccc7e50c1b4f4a657ae46211b2d264d22b8e7f36.jpg) no-repeat center;
    padding-top: 115px
}
.c6-1{
    margin-left: 300px;
}
.c6-1 h3{
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 60px;
}
.c6-1 h3 p{
    font-size: 28px;
}
.c6-1 a{
    font-size: 18px;
    color: rgba(255,255,255,0.59);
}
.c6-2{
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    width: 600px;
    padding-top: 65px;
}

.index-c7{
    width: 1920px;
    height: 630px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    background: url(//cdn.myxypt.com/52f33090/21/02/520b5be092d2f0e949109cbc36c4c30641a6dd63.jpg) no-repeat center;
    padding-top: 90px;
}
.picScroll-left{
    position: relative;
    margin-top: 70px;
}
.picScroll-left .bd{
    overflow: hidden;
}
.picScroll-left .bd ul li{
    width: 334px;
    margin-right: 96px;
    padding-bottom: 20px;
}
.picScroll-left .bd ul li .img{
    width: 334px;
    height: 235px;
    -webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(255,255,255,0.3) 0%, transparent 40%, transparent 100%);
    position:relative;
}
.picScroll-left .bd ul li .img img{
    width: 334px;
    height: 235px;
    z-index: -1;
}
.picScroll-left .bd ul li .img:before {
    content:"";
    background: -moz-linear-gradient(top, white, white 30%, rgba(255,255,255,0.9) 65%, rgba(255,255,255,0.7)) 0px 0px,-moz-element() 0px 0px no-repeat;
    /*百分比为调倒影的透明度*/
    -moz-transform: scaleY(-1);
    padding: 1px 0px;
    background-origin: padding-box, content-box;
    background-clip: padding-box, content-box;
    position:absolute;
    height:340px;
    width: 340px;
    top: 340px;
    left:0px;
}
.picScroll-left .bd ul li h3{
    text-align: center;
    font-size: 18px;
    color: #161616;
    line-height: 70px;
}
.picScroll-left .hd a.next{
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(//cdn.myxypt.com/52f33090/21/02/f9113da008a3968d2d5448002fea202489fe4acc.png) no-repeat center;
    position: absolute;
    right: -80px;
    top: 90px;
}

.picScroll-left .hd a.prev{
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(//cdn.myxypt.com/52f33090/21/02/a4551c618f903cabc3710588d6986f835c1e11be.png) no-repeat center;
    position: absolute;
    left: -80px;
    top: 90px;
}

.yqlj{
    padding: 20px 0;
    font-size: 14px;
    color: #333;
    line-height: 2;
}
.yqlj a{
    color: #333;
}


.footbg{
    background: #4d5057;
    padding-top: 80px;
}
.foot1{
    padding-bottom: 30px;
}
.foot1 .flogo{
    width: 330px;
    margin-top: 10px;
}
.foot1 .flx{
    width: 510px;
}
.foot1 .flx > h3{
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
.foot1 .flx .lxfs{
    font-size: 12px;
    color: #ffffff;
    line-height: 30px;
}
.foot1 .fnav{
    width: 260px;
}
.foot1 .fnav > h3{
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
.foot1 .fnav dd{
    font-size: 12px;
    color: #fff;
    line-height: 30px;
}
.foot1 .fnav dd a{
    color: #fff;
}
.foot1 .fx > h3{
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
.foot1 .fx ul li{
    display: inline-block;
    margin-right: 10px;
}
.foot2{
    padding: 20px 0;
    font-size: 12px;
    color: #bbbbbb;
    line-height: 20px;
}
.foot2 a{
    color: #bbb
}

.index-ss{
    font-size: 14px;
    line-height: 40px;
    color: #333;
    display:none;
}
.index-ss a{
    color: #333
}
.hotkey a{
    margin-right: 10px;
}

.sitemp{overflow:hidden;}
.site{text-align:right;line-height:69px;/*margin-right: 24px;*/color:#8e8e8e;padding-left: 25px;}
.site a{color:#8e8e8e;}

.nleft .box{margin-top:10px;margin-bottom: 10px;}
.sort_menu{border:1px solid #f3f3f3;/*border-bottom: none;*/height: 63px;}
.sort li{text-align: center;float: left;}
.sort li a{display:block;line-height:64px;font-size: 16px;color:#313131;height: 69px;padding:0 30px;}
.sort li a:hover{color:#fff;text-decoration: none;background:url(//cdn.myxypt.com/52f33090/21/02/91e57c1a6545427ec3a4405148d27003c7e44d67.jpg) no-repeat;height: 69px;background-size:100% 100%;}
.sort li a.linshi{background:url(//cdn.myxypt.com/52f33090/21/02/91e57c1a6545427ec3a4405148d27003c7e44d67.jpg) no-repeat;color:#fff !important;height: 69px;background-size:100% 100%;}

.sitemp{overflow:hidden;}
.sitemp h2{text-align:center;color:#585858;font-size:27px;background: url(//cdn.myxypt.com/52f33090/21/02/66adba724d3a89d58c7a4c4a3872d373e91b0ed9.jpg) 50% 100% no-repeat;line-height:64px;height:64px;font-weight: normal;}
.xypg-right-content{margin-top: 30px;}