html,body { font-family: Microsoft Yahei,PingFang SC,Verdana,Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6,p { font-family: Microsoft Yahei,PingFang SC,Verdana,Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif; margin:0px; padding:0px; }
ul,ul li { margin:0px; padding:0px; list-style: none; line-height:3;}
a,a:hover,a:visited,a:active,a:focus { outline: none; text-decoration:none; }
img { border:none; }
input:focus,button,textarea { outline: none!important; }
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html { background: #fff; }
body { padding-top: 60px; /*max-width:900px;*/ margin:0px auto; background: #fff; overflow-x: hidden;  position: relative; }


.waptt{position: relative;bottom: 90px;}

.pc { display: none; }
.wap { display: block; }

.container {margin:0px auto;padding:0px 15px;}
.container .title a {color: #3855d6;}
.header { height:80px; z-index: 2000; position: fixed; width: 100%; background: #fff; top:0px; left:0px; right:0px; }
.header .container{padding-top:20px;}
.header .logo { padding:15px 0px 0px 0px; }
.header .logo img { height:30px; }
.header .bar { position: absolute; top:40px; right:15px; }
.header .bar img { height:16px; }
.header .waplang { position: absolute; top:18px; left:15px; color:#fff; border-radius: 50px; padding:0px 15px; border:solid 1px #fff; }
.header .waplang span { padding:0px 5px; color:#fff; }
.header .waplang a { color:#fff; }

.pcheader { height:120px; background: #fff; display: none; position: fixed; top:0px; /*width: 1680px;*/ width: 100%; z-index: 200; }
.pcheader .logo { float:left; margin-top:28px; }
.pcheader .nav { float:left; }
.pcheader .nav > ul { padding-top:40px; }
.pcheader .nav > ul > li { float:left; margin-left:50px; }
.pcheader .nav > ul > li > a { color:#3E3E3E; font-size: 18px; }


.pcheader .lang { float:right; border:solid 1px #444; color: #444; border-radius: 50px; padding:10px 15px; margin-top:35px; }
.pcheader .lang a { color:#444; }
.pcheader .lang span { padding:0px 5px; }

.pcheader .nav .sub-menu { position: absolute; top:120px; left:0px; right:0px; height:100px; line-height: 100px; z-index: 2000; text-align: center; background-color: #3755d7; }
.pcheader .nav .sub-menu { display: none; }
.pcheader .nav .sub-menu li { display: inline-block; margin:0px 20px; }
.pcheader .nav .sub-menu li a { color:#fff; font-size: 18px; }




.menu { overflow: hidden; background: #efefef; display: none; position: fixed; width: 100%; z-index: 9999; }

    .menu_fixed22{margin:20px;}
    .menu_fixed22 .menu11 label{position: absolute;right:20px;}
    .menu_fixed22 .menu11 {height:auto;}
    .menu_fixed22 .menu11 ul li{margin:0;border-bottom:1px #c9c9c9 solid;}
    .menu_fixed22 .menu11 ul li a {font-size: 0.8rem;width: auto;margin: 0;line-height: 2;color:#8e8e8e;border:0;font-family:'syht-medium';padding-top:5px;}
    .menu_fixed22 .menu11 ul li:first-child a{border:0;}
    .menu_fixed22 .menu11 ul li label a{}
    .menu_fixed22 p {padding: 10px 0;width: 0 auto;line-height: 25px;font-size: 12px;}
    .menu_fixed22 .menu11 ul li:nth-child(2n){}

    .menu_fixed22 .menu11 ul .erji11,.menu_fixed22 .menu11 ul .erji22,.menu_fixed22 .menu11 ul .erji33,.menu_fixed22 .menu11 ul .erji44,.menu_fixed22 .menu11 ul .erji55 { display:none; }
    .menu_fixed22 .menu11 ul .on { display:block; border-bottom:1px #c9c9c9 solid;}
    .menu_fixed22 .menu11 ul .bww {border-bottom: 0;}
    .menu_fixed22 .menu11 ul .on li{}

    .menu_fixed22 .menu11 ul .x1 { display:block;line-height: inherit; }
    .menu_fixed22 .menu11 ul .x2 { display:none;line-height: inherit; }
    .menu_fixed22 .menu11 ul .x1kk { display:none; }
    .menu_fixed22 .menu11 ul .x2kk { display:block; }

    .menu_fixed22 .menu11 ul .erji1 {border-bottom: 0;}
    .menu_fixed22 .menu11 ul .erji1 a {color:#bababa;}

    .menu_fixed22 .menu11 img{width:12px;}


/*
.menu ul { padding:30px; }
.menu ul li { text-align: right; border-bottom:solid 1px #ddd; height:36px; line-height: 36px; }
.menu ul li a { color:#3E3E3E; font-size: 16px; }
*/





.main { overflow: hidden; }
.main .prod {  }
.main .prod .item { display: block; overflow: hidden; position: relative; }
.main .prod .item .left { float: left; width: 80%; }
.main .prod .item a { display: block; overflow: hidden; text-align: center; position: relative; width: 100%; }
.main .prod .item .info { float: right; width: 20%; }
.main .prod .item .info span.q { position: absolute; top:50%; margin-left: -40px; margin-top:-40px; }
.main .prod .item .info span.q img { width: 80px; }

.main .pcprod .item { display: block; }
.main .pcprod .item a.pic { display: block; height:707px; overflow: hidden; text-align: center; position: relative; }
.main .pcprod .item a.pic span { background: rgb(0,0,0,0.5); display: block; width: 100%; height:707px; opacity: 0; transition: all .5s; }
.main .pcprod .item a:hover span { opacity: 1; }
.main .pcprod .item .info { height:400px;; display: block; text-align: center; font-size: 40px; color:#fff; }
.main .pcprod .item .info span { display: block; margin-top:55px; }
.main .pcprod .item .info span.q { margin-top:-78px; }

.xuanchuan { overflow: hidden; color: #fff; padding:20px 20px; text-align: center; }
.xuanchuan .xx { text-align: center; color: #fff; overflow: hidden; }
.xuanchuan .info h3 { margin-top: 20px; font-size: 18px; height:46px; line-height: 36px; }
.xuanchuan .info { font-size: 12px; line-height: 24px; }







.x1pc { text-align: center; padding:60px 0px 70px 0px; /*background: #3855D7;*/ color:#757575; line-height: 40px; font-size: 16px; width:1200px;margin:0 auto; }
.x1pc .title { font-size: 26px;margin-bottom: 26px;}
.x1pc .title1 {font-size: 16px;margin: 20px 0px; font-weight:600}
.x1pc .title h3 {  color:#283ca0;font-size: 42px; /*display: inline-block; background: #fff;*/ padding:5px 30px; border-radius: 50px; margin-bottom:50px; }
.x1pc .title p {  color:#283ca0;font-size: 20px; padding:5px 30px; border-radius: 50px; margin-bottom:0px; }
.x1pc .info h3 { font-size:30px; padding-bottom:30px; }

.x1pc .atitle { font-size: 20px;margin-bottom: 35px;}
.x1pc .atitle1 {font-size: 16px;margin: 20px 0px; font-weight:600}
.x1pc .atitle h3 {  color:#283ca0;font-size: 32px; /*display: inline-block; background: #fff;*/ padding:5px 30px; border-radius: 50px; margin-bottom:0px; }
.x1pc .atitle p {  color:#283ca0;font-size: 20px; padding:5px 30px; border-radius: 50px; margin-bottom:0px; }
.x1pc .ainfo h3 { font-size:30px; padding-bottom:30px; }
.x1pc .atitle p img{width:25px;}


.x2pc { text-align: center; padding:60px 0px 70px 0px; /*background: #3855D7;*/ color:#757575; line-height: 40px; font-size: 16px; border-top:1px #ccc solid;width:1200px;margin:0 auto; }
.x2pc .title { font-size: 26px;margin-bottom: 26px;}
.x2pc .title h3 {  color:#283ca0;font-size: 42px; /*display: inline-block; background: #fff;*/ padding:5px 30px; border-radius: 50px; margin-bottom:50px; }
.x2pc .title p {  color:#283ca0;font-size: 20px; padding:5px 30px; border-radius: 50px; margin-bottom:0px; }
.x2pc .info h3 { font-size:30px; padding-bottom:30px; }


.x1 .atitle { font-size: 16px;margin-bottom: 15px;}
.x1 .atitle1 {font-size: 16px;margin: 20px 0px; font-weight:600}
.x1 .atitle h3 {  color:#283ca0;font-size: 24px; /*display: inline-block; background: #fff;*/ padding:0px 30px; border-radius: 50px; margin-bottom:0px; }
.x1 .atitle p {  color:#283ca0;font-size: 20px; padding:0px 30px; border-radius: 50px; margin-bottom:0px; }
.x1 .ainfo.zy{ margin:0 15px; }
.x1 .ainfo h3 { font-size:20px; padding-bottom:30px; }
.x1 .ainfo img{ max-width:100%; }
.x1 .atitle p img{width:15px;}






.x1 {display: none;  text-align: center; padding:0px 0px 30px 0px; color:#757575; line-height: 2; font-size: 14px; }
.x1 .title {font-size: 17px;margin: 0 0 20px 0px;}
.x1 .title1 {font-size: 14px;margin: 20px 0px;font-weight:600;}
.x1 .title h3 { display: inline-block; color:#283ca0; /*background: #3855D7;*/ padding:0 15px 5px 15px; margin-bottom:0px;font-size: 20px; }
.x1 .title p {  color:#283ca0;font-size: 12px; padding:5px 30px 0 30px; border-radius: 50px; margin-bottom:0px; }


.x2 {display: none;  text-align: center; padding: 10px 0px 30px 0px; color:#757575; line-height: 2; font-size: 14px; border-top:1px #ccc solid; }
.x2 .title {font-size: 17px;margin: 20px 0px;}
.x2 .title1 {font-size: 14px;margin: 20px 0px;font-weight:600;}
.x2 .title h3 { display: inline-block; color:#283ca0; /*background: #3855D7;*/ padding:0 15px 5px 15px; margin-bottom:0px;font-size: 20px; }
.x2 .title p {  color:#283ca0;font-size: 12px; padding:5px 30px 0 30px; border-radius: 50px; margin-bottom:0px; }







.news { overflow: hidden; padding:60px 30px 50px 30px; position: relative; }
.news .tab { text-align: center; }
.news .tab ul li { color: #3855D7; display: inline-block; border-radius: 100px; width: 100px; padding: 5px 10px; text-align: center; font-size: 16px; margin:0px 10px; }
.news .tab ul li.active { color:#fff; background: #3855D7; }
.news .tabs { margin-top:30px; }
.news .tabs .xx { display: none; }
.news .tabs .active { display: block; }
.news .tabs .title { background: #3855D7; font-size: 16px; color:#fff; text-align: center; padding:30px 40px; height:100px; }
.news .tabs .title a { color:#fff; }
.news .tabs .info { color:#333; font-size: 12px; line-height: 26px; padding-top:20px; }
.news .tabs .more { padding-top:20px; text-align: center; }
.news .tabs .more a { color:#ccc; border:solid 1px #ccc; font-size: 12px; display: inline-block; padding:5px 30px; border-radius: 50px; }
.news .tabs .next,.news .tabs .prev { color:#fff; position: absolute; top:35px; height:30px; line-height: 30px; z-index: 20; }
.news .tabs .next { left:20px; }
.news .tabs .prev { right:20px; }






.footer { background: #fff; padding:0px 0px 20px 0px; overflow: hidden; font-size: 12px; color:#444; text-align: center; line-height: 26px;border-top:1px #3855D7 solid; }
.footer .wrap { padding-top:40px; }
.footer .wrap p span { background: url(../images/wangan.png) left center no-repeat; background-size: auto 100%; height:15px; width: 20px; display: inline-block; vertical-align: middle; }
.footer h3 { font-size: 14px; }
.footer .about ul li { display: inline-block; padding:0px 10px; }
.footer .about ul li a { color:#444; font-size: 18px; }
.footer .gz ul { padding-top:20px; }
.footer .gz ul li { display: inline-block; padding:0px 10px;border-left: 1px #ccc dashed;line-height: 50px; }
.footer .gz ul li .img { width:40px; }

.footer .gz1 ul { padding:10px 50px; }
.footer .gz1 ul li { display: inline-block; width:20%; }
.footer .gz1 ul li img { width:60px; }

.footer .ff{margin:10px;color:#787878;}
.footer .ff a{color:#787878;}


.footer .ft01{
    display:none;
    position: absolute;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .24);
    border-radius: 2px;
    margin-top:55px;
    margin-left:-32px;
    border: none;
    background-color: #fff;
    z-index: 1001;
    padding: 5px;
    box-sizing: content-box;
    line-height: 1.5;
}
.footer .ftft img{display:block;}
.footer .ftft span{color:#b8b8b8;font-size:11px;}
.footer .onaa{display:block;}


    .menu_fixed{margin:20px;}
    .menu_fixed .menu11 label{position: absolute;right:20px;}
    .menu_fixed .menu11 {height:auto;border-top:1px #f2f2f2 solid;}
    .menu_fixed .menu11 ul li{margin:0;border-bottom:1px #f2f2f2 solid;padding: 7px 20px;}
    .menu_fixed .menu11 ul li a {font-size: 0.8rem;width: auto;margin: 0;line-height: 2;color:#040828;border:0;font-family:'syht-medium';padding-top:5px;}
    .menu_fixed .menu11 ul li:first-child a{border:0;}
    .menu_fixed .menu11 ul li label a{}
    .menu_fixed p {padding: 10px 0;width: 0 auto;line-height: 25px;font-size: 12px;}
    .menu_fixed .menu11 ul li:nth-child(2n){background:#ffffff;}

    .menu_fixed .menu11 ul .erji11,.menu_fixed .menu11 ul .erji22,.menu_fixed .menu11 ul .erji33,.menu_fixed .menu11 ul .erji44,.menu_fixed .menu11 ul .erji55,.menu_fixed .menu11 ul .erji66 { display:none; }
    .menu_fixed .menu11 ul .on { display:block; border-bottom:1px #f2f2f2 solid;}
    .menu_fixed .menu11 ul .bww {border-bottom: 0;}
    .menu_fixed .menu11 ul .on li{padding: 0 20px;}

    .menu_fixed .menu11 ul .x1 { display:block; }
    .menu_fixed .menu11 ul .x2 { display:none; }
    .menu_fixed .menu11 ul .x1kk { display:none; }
    .menu_fixed .menu11 ul .x2kk { display:block; }

    .menu_fixed .menu11 ul .erji1 {background:#fff;border-bottom: 0;}
    .menu_fixed .menu11 ul .erji1 a {color:#c9c9c9;}

    .menu_fixed .menu11 img{width:12px;}





.faqinfo {}
.faqinfo .title h1 { background: #3855D7; padding:80px 30px 30px 30px; margin:0px; text-align: center; color:#fff; overflow: hidden }
.faqinfo .xz { padding:20px 0px 50px 0px; text-align: center; }
.faqinfo .xz ul li { width: 135px; display: inline-block; margin:0px 10px; }
.faqinfo .xz ul li a { background: none; display: block; text-align: center; color:#fff; border-radius: 15px; line-height:40px; font-size: 18px; border:solid 1px #fff; }

.faqinfo .list {}
.faqinfo .list .item {}
.faqinfo .list .item .info { padding:20px; }
.faqinfo .list .item .info h3 { font-size: 16px; line-height: 30px; margin-bottom:10px; }
.faqinfo .list .item .info p { font-size: 14px; line-height: 24px; }


.pcfooter { display: none; background:#fff;color: #444; padding:60px 0px 40px 0px; /*height:550px;*/ overflow: hidden;border-top:2px #3855D7 solid; }
.pcfooter .wrap .left { float:left; font-size: 16px; width:900px; }
.pcfooter .wrap .left .logo{margin-bottom:40px;}
.pcfooter .wrap .right { float:right; font-size: 16px; }
.pcfooter .wrap .right a {  }
.pcfooter .wrap { width: 1400px; margin:0px auto; }
.pcfooter .wrap dl { float:left; /*margin-right:200px;*/ width:33%; min-height: 160px; }
.pcfooter .wrap dl dt { font-size: 18px; height:50px; line-height: 40px;font-weight: normal; }
.pcfooter .wrap dl dd { font-size: 15px; height:26px; line-height: 26px; }
.pcfooter .wrap dl dd a { color:#b3b3b3; }
.pcfooter .wrap .contact { float:right; border-left:solid 1px #fff; padding-left:70px; padding-top:150px; }
.pcfooter .wrap .contact .rexian { font-size: 20px; text-align: right; padding-right:10px; letter-spacing: 1px; }
.pcfooter .wrap .contact .weixin {  }
.pcfooter .wrap .contact .weixin ul li { /*width: 50%;*/ float:left; text-align: center; padding:20px 0 10px 20px; }
.pcfooter .wrap .contact .weixin ul li span { display: block; font-size: 12px; line-height: 1.7; color:#b8b8b8; }
.pcfooter .wrap .contact .rexian .ff1{padding-top: 10px; font-size:28px;color:#3e4ea6;}
.pcfooter .wrap .contact .rexian .ff2{padding-top: 50px;}

.pcfooter .wrap .contact .weixin ul li .ft01{
    display:none;
    position: absolute;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .24);
    border-radius: 2px;
    margin-top:-150px;
    margin-left:-30px;
    border: none;
    background-color: #fff;
    z-index: 1001;
    padding: 5px;
    box-sizing: content-box;
}
.pcfooter .wrap .contact .weixin ul li .ft01.on{display:block;}
.pcfooter .wrap .bq{color:#b3b3b3;}
.pcfooter .wrap .bq a{color:#b3b3b3;}


.zhongh{font-weight:600;}


.verification { padding:50px 20px; }
.verification h3 { font-size: 18px; text-align: center; overflow: hidden; }
.verification .cx { margin:30px auto 10px auto; overflow: hidden; width: 260px; }
.verification .cx input { border:solid 1px #CDCDCD; border-radius: 3px; height:30px; line-height: 2px; font-size: 12px; width: 150px; padding:0px 5px; text-align: center; float:left; }
.verification .cx button { border-radius: 3px; border:none; background: #3855D7; color:#fff; height:30px; line-height: 26px; text-align: center; width: 100px; font-size: 12px; float:left; margin-left:10px; }
.verification .result { font-size: 12px; color:#818181; text-align: center; }

.faq { /*background: #293DA0;*/ background: #fff; padding:40px 30px 80px 30px; }
.faq h3 { text-align: center; color:#fff; font-size: 20px; }
.faq .lis { text-align: center; }
.faq .lis ul li { margin:30px auto 0px auto; width: 160px; display: block; }
.faq .lis ul li a { display: block; text-align: center; line-height: 40px; font-size: 16px; border-radius: 10px; }
.faq .lis ul li.men a { background: #3855D7; color:#fff }
.faq .lis ul li.women a { background: #FF7D8D; color:#fff }


.single .video { padding:15px; overflow: hidden; }
.single .video img { width:100%; }
.single .xx { margin:0 15px; padding:15px; font-size: 14px; line-height: 24px; }
.single .xx hr { background-color: #000; }
.single .xx h1 { font-size: 16px; text-align:center; }
.single .xx .des { margin-top:10px; }
.single .xx .des p { color: #787878; }
.single .xx .content{ padding-top:50px; }
.single .xx .content p { padding:10px 0;border-bottom:1px #e1e1e1 solid; }
.single .xx .content p span{ display: inline-block; width:120px; }
.single .xx .zhongh{text-align:center;margin-top:20px;font-size:18px;}

.mm .info { background:#f9f9f9;padding:35px 30px;}
.mm .info h3{ font-size:16px; color:#000; line-height:2; }
.mm .info h3.pd {padding-top:20px;}
.mm .info p{ font-size:12px; color:#999999; line-height:2; }
.mm .link{ margin:15px 30px 30px 30px;line-height: 2.5;}
.mm .link h3{ display: inline-block; font-size: 13px; padding: 7px 10px; background: #283ca0; border-radius: 50px;}
.mm .link h3 a{color:#fff;}

.single .pics { padding:30px 15px 0px 15px; }
.single .pics .swiper-slide { text-align: center!important; }
.single .next1, .single .swiper-container-rtl .prev1 { background-image: url(../images/right.jpg); }
.single .prev1, .single .swiper-container-rtl .next1 { background-image: url(../images/left.jpg); }
.single .certs { text-align: center; overflow: hidden; }
.single .certs .item { padding: 0px 15px; display: inline-block; width: 100%; font-size:14px; vertical-align: top; }
.single .certs .item .pic { border:solid 1px #d4d4d4; overflow: hidden; }
.single .certs .item .title { line-height: 20px; padding:20px 0px; }
























.hList>*{float:left}
ul.hList{float:left;margin:28px 0 0 25px;}
.menucc{display:block;position:relative;cursor:pointer}
.menucc-title{display:block;padding:12px 35px 0 35px;height:90px;text-align:center;font-size: 18px;color: #3E3E3E;text-transform:uppercase;transition:.3s background-color}
.menucc:hover>.menucc-title:before{border-top-width:0;transition:.2s border-top-width ease-in,.3s border-top-color}
.menucc-title:after{display:block;height:0;border-left:75px solid transparent;border-right:75px solid transparent;border-bottom:0 solid #ebebeb;position:absolute;bottom:0;left:0;z-index:101;transition:.2s border-bottom ease-in}
.menucc:hover>.menucc-title:after{border-bottom-width:5px;transition:.2s .2s border-bottom-width ease-out}
.menucc:hover>.menucc-dropdown{border-top:3px solid #283ca0;padding: 20px 0;}
.menucc-dropdown{min-width:150%;position:absolute;background:#ffffff;z-index:100;transition:.5s padding,.5s background;}
.menucc-dropdown li{color:#989898;font-size: 14px;}
.menucc-dropdown:after{display:block;height:0;border-top:5px solid #ebebeb;border-left:75px solid transparent;border-right:75px solid transparent;position:absolute;top:100%;left:0;z-index:101;transition:.5s border-top}
.menucc-dropdown>*{overflow:hidden;background:0 0;padding: 5px 37px;background: transparent;transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s margin cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s 0.2s color, 0.2s background-color;}
.menucc-dropdown>:hover{background:rgba(0,0,0,.1);}
.menucc:not(:hover)>.menucc-dropdown>*{visibility:hidden;height:0;padding-top:0;padding-bottom:0;margin:0;color:#989898;font-size: 16px;transition:.5s .1s height,.5s .1s padding,.5s .1s margin,.3s color,.6s visibility;z-index:99}