@font-face {
    font-family: "iconfont";
    src: url('../fonts/iconfont.eot?t=1607045517211'); /* IE9 */
    src: url('../fonts/iconfont.eot?t=1607045517211#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
    url('../fonts/iconfont.woff?t=1607045517211') format('woff'),
    url('../fonts/iconfont.ttf?t=1607045517211') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/iconfont.svg?t=1607045517211#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-shanchu:before{content:"\e7b0"}
.icon-sousuo:before{content:"\e628"}
.icon-up7:before{content:"\e722"}
.icon-bottom7:before{content:"\e723"}
.icon-left7:before{content:"\e724"}
.icon-right7:before{content:"\e725"}
.icon-download3:before{content:"\e7a2"}
.icon-email:before{content:"\e7c4"}
.icon-mobile:before{content:"\e7d0"}
.icon-calendar4:before{content:"\e7e2"}
.icon-home:before{content:"\e624"}
.icon-edit:before{content:"\e611"}
.icon-facebook:before{content:"\e620"}
.icon-vk:before{content:"\e735"}
.icon-pinterest:before{content:"\e8ab"}
.icon-jian2:before{content:"\e600"}
.icon-linkedin:before{content:"\e648"}
.icon-youtube:before{content:"\e6d6"}
.icon-twitter:before{content:"\e607"}
.icon-jia2:before{content:"\e608"}
.icon-bigger:before{content:"\e647"}
.icon-left:before{content:"\e72c"}
.icon-right:before{content:"\e72d"}
.icon-up1:before{content:"\e72e"}
.icon-bottom1:before{content:"\e72f"}
.icon-left1:before{content:"\e730"}
.icon-right1:before{content:"\e731"}
.icon-up:before{content:"\e73e"}
.icon-bottom:before{content:"\e73f"}
.icon-instagram:before{content:"\e79d"}
.icon-tumblr:before{content:"\e79e"}
.icon-download:before{content:"\e7a0"}
.icon-download1:before{content:"\e7a7"}
.icon-search4:before{content:"\e7b2"}
.icon-address:before{content:"\e7bc"}
.icon-email1:before{content:"\e7bd"}
.icon-contact:before{content:"\e7be"}
.icon-whatsapp:before{content:"\e7bf"}
.icon-fax:before{content:"\e7c2"}
.icon-mobile1:before{content:"\e7c6"}
.icon-phone:before{content:"\e7c8"}
.icon-tel:before{content:"\e7c7"}
.icon-phone1:before{content:"\e7cb"}
.icon-skype:before{content:"\e7cc"}
.icon-whatsapp1:before{content:"\e7c1"}
.icon-address1:before{content:"\e7c3"}
.icon-contact1:before{content:"\e7c5"}
.icon-email11:before{content:"\e7c9"}
.icon-skype1:before{content:"\e7ca"}
.icon-fax1:before{content:"\e7cd"}
.icon-qq:before{content:"\e7ce"}
.icon-tel1:before{content:"\e7cf"}
.icon-wechat:before{content:"\e7d1"}
.icon-phone2:before{content:"\e7d2"}
.icon-message:before{content:"\e7da"}
.icon-calendar:before{content:"\e7e1"}
.icon-calendar1:before{content:"\e7e3"}
.icon-top:before{content:"\e7ed"}
.icon-youbian:before{content:"\e60f"}
*{margin:0;padding:0}
html{font-size:62.5%;height:100%}
body{margin:0 auto;font-family:RobotoRegular,Arial,Helvetica,sans-serif;font-size:14px;font-size:1.4rem;height:100%;overflow-x:hidden;max-width:1920px}
img{border:none}
ul li{list-style-type:none}
a,dd,dl,dt,form,img,li,p,span,table,td,tr,ul{margin:0;padding:0;list-style:none;color:#333}
a{text-decoration:none;color:#333;outline:0;transition:.3s;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s}
h1,h2{margin:0;padding:0;font-weight:400;color:#333}
.clear{clear:both}
.maln{margin-left:auto!important}
input,textarea{font-family:RobotoRegular,Arial,Helvetica,sans-serif;font-size:14px;font-size:1.4rem;color:#333;border:none;outline:0}
.l{float:left}
.r{float:right}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
::-moz-selection{background:#CF0606;color:#fff}
::selection{background:#CF0606;color:#fff}
.j-lazy{width:100%}
.at-resp-share-element .at4-share-count-container{text-decoration:none;float:right;padding-right:15px;line-height:25px!important}
.at-resp-share-element .at-icon{width:24px!important;height:24px!important}
.at-style-responsive .at-share-btn{padding:0!important;border-radius:2px!important}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width:24px!important;height:24px!important}
.at-resp-share-element .at-share-btn{margin-bottom:0!important;margin-right:3px!important}
.at-resp-share-element .at-icon{width:24px!important;height:24px!important}
.at-style-responsive .at-share-btn{padding:0!important;border-radius:2px!important}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width:24px!important;height:24px!important}
.at-resp-share-element .at-share-btn{margin-bottom:0!important;margin-right:3px!important}
::-webkit-input-placeholder{color:#1b1b1b}
:-o-placeholder{color:#1b1b1b}
::-moz-placeholder{color:#1b1b1b;opacity:1}
:-ms-input-placeholder{color:#1b1b1b}
.search ::-webkit-input-placeholder{color:#1b1b1b}
.search :-o-placeholder{color:#1b1b1b}
.search ::-moz-placeholder{color:#1b1b1b;opacity:1}
.search :-ms-input-placeholder{color:#1b1b1b}
.coxin ::-webkit-input-placeholder{color:#999}
.coxin :-o-placeholder{color:#999}
.coxin ::-moz-placeholder{color:#999;opacity:1}
.coxin :-ms-input-placeholder{color:#999}
.wp{width:1200px;margin:auto}
@media screen and (min-width:1220px){.wp{width:1200px;margin:auto}
}
@media screen and (min-width:1000px) and (max-width:1219px){.wp{width:980px;margin:auto}
}
@media screen and (max-width:999px){.wp{width:95%;margin:auto}
}
.wp2{width:1600px;margin:auto}
@media screen and (min-width:1620px){.wp2{width:1600px;margin:auto}
}
@media screen and (min-width:1420px) and (max-width:1619px){.wp2{width:1400px;margin:auto}
}
@media screen and (min-width:1220px) and (max-width:1419px){.wp2{width:1200px;margin:auto}
}
@media screen and (min-width:1000px) and (max-width:1219px){.wp2{width:980px;margin:auto}
}
@media screen and (max-width:999px){.wp2{width:95%;margin:auto}
}
@media screen and (min-width:1220px){.no_margin{margin-left:auto!important}
}
@media screen and (min-width:1000px) and (max-width:1219px){.no_margin{margin-left:auto!important}
}


/*.container*/
.wap-hd-nav{display:none}
.wap-nav{width:5px;height:100%;position:absolute;right:0;-webkit-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;transition:all .4s ease 0s;z-index:999999999999999;cursor:pointer;position:fixed;top:-5px;right:0;display:block}
.wap-nav .nav{overflow:hidden;width:300px;background:rgba(0,0,0,.8);position:absolute;top:0;right:0;display:block;height:auto;overflow:scroll}
.wap-nav .nav span{font-family:arial,helvetica,sans-serif}
.wap-nav .nav form{margin:15px auto;width:258px;height:26px;border:1px solid #fff}
.wap-nav .nav form .iptc{-moz-box-sizing:border-box;box-sizing:border-box;padding-left:15px;background-color:#fff;width:80%;height:26px;line-height:26px;display:block;float:left}
.wap-nav .nav form .ipsc{width:20%;height:26px;line-height:26px;display:block;float:right;background:#fff url(../images/sousuo.png) no-repeat center center}
.wap-nav .nav>ul{display:none;margin-top:0;margin-bottom:0;overflow:scroll;padding-top:45px;-ms-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.wap-nav .nav>ul>li{line-height:40px;font-size:12px;font-size:1.2rem;padding-left:20px;position:relative}
.wap-nav .addition{width:20px;height:20px;position:absolute;right:15px;top:10px;background:url(../images/shizi.png) no-repeat center center}
.wap-nav .addition.active{background-image:url(../images/yizi.png)}
.wap-nav .addition.fa:before{margin-right:5px;color:#fff;text-indent:0}
.wap-nav .nav>ul>li>a{margin-right:40px;color:#fff;font-size:12px;font-size:1.2rem;display:block}
.wap-nav .nav>ul>li>a span{color:#fff;font-size:12px;font-size:1.2rem}
.wap-nav .nav>ul>li .c-show{display:none;width:100%}
.wap-nav .nav>ul>li .c-show1 .c-s1{position:relative;padding-left:15px}
.wap-nav .nav>ul>li .c-show1 .c-s1>a{position:relative;margin-right:40px;font-size:12px;font-size:1.2rem;color:#fff;display:block;padding-top:5px;padding-bottom:5px;line-height:30px}
.wap-nav .nav>ul>li .c-show1 .c-s1>a span{font-size:12px;font-size:1.2rem;color:#fff}
.wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2{position:relative}
.wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2{position:relative}
.wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2>a{margin-right:40px;padding-left:20px;font-size:12px;font-size:1.2rem;color:#fff;display:block;padding-top:5px;padding-bottom:5px;line-height:30px}
.wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2>a span{font-size:12px;font-size:1.2rem;color:#fff}
.wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3{position:relative}
.wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a{margin-right:40px;padding-left:40px;font-size:12px;font-size:1.2rem;color:#fff;display:block;padding-top:5px;padding-bottom:5px;line-height:30px}
.wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span{font-size:12px;font-size:1.2rem;color:#fff}
.wap-nav .nav>ul>dl{padding:20px}
.wap-nav .nav>ul>dl dd{float:left;margin:0 2px}
.wap-nav .menubtn{width:23px;height:18px;position:absolute;top:20px;right:12px;-webkit-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;transition:all .4s ease 0s;z-index:9999}
.wap-nav .menubtn span{display:block;width:100%;height:3px;margin-bottom:3px;background-color:#CF0606}
@media screen and (min-width:1000px){.menubtn,.wap-nav{display:none}
}
@media screen and (max-width:991px){.wap-hd-nav{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row nowrap;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff}
.wap-hd-nav-item{width:25%}
.wap-hd-nav-item a{display:block;padding:5px 0;line-height:20px;font-size:14px;color:#fff;text-align:center;background-color:#363636}
.wap-hd-nav-item a.active{color:#fff;background-color:#fff}
}


/***************  sya  ****************/
.sya{padding-top:50px}
.syayou{width:53.5%;font-size:0;letter-spacing:0;margin-left:50px}
.syabox{width:30.5%;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;border-radius:10px;margin-left:1.416%;margin-right:1.416%;display:inline-block;margin-bottom:24px}
.syabox p a{color:#fff;display:block;font-size:18px;font-size:1.8rem;font-family:RobotoBold,Arial,Helvetica,sans-serif;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.syabox img{max-width:100%;border-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0}
.syabox1{background:#d86146}
.syabox2{background:#CF0606}
.syabox3{background:#9546d8}
.syabox4{background:#cf46d8}
.syabox5{background:#d84684}
.syabox6{background:#46d86c}
.sybt{text-align:center;font-family:RobotoBold,Arial,Helvetica,sans-serif;font-size:40px;font-size:4rem}
.sybt a{display:inline-block;padding-right:24px;background:url(../images/sybtbg.png) no-repeat right 10px}
.syazuo .sybt{text-align:left}
.sybt a:hover{color:#CF0606}
.syazuo .sybt:after{content:"";display:block;width:140px;height:4px;background:#CF0606;margin-top:27px}
.syazuo{padding-top:21px;overflow:hidden}
.syap1{display:block;font-size:18px;font-size:1.8rem;color:#666;line-height:28px;margin-top:32px;margin-bottom:51px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.syap1 a{display:block}
.syap2{display:inline-block;min-width:180px;height:50px;line-height:50px;border-radius:25px;text-align:center;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;background:#333;color:#CF0606;font-family:RobotoBold,Arial,Helvetica,sans-serif;font-size:18px;font-size:1.8rem}
.syap1:hover{color:#666}
.syap2:hover{background:#333}
@media screen and (max-width:1219px){.syabox{padding-top:0px;}
.sybt{font-size:40px;font-size:4rem}
.syabox p a{font-size:16px;font-size:1.6rem;line-height:32px}
.syap2{font-size:16px;font-size:1.6rem}
.syap1{margin-bottom:30px}
.sya{padding-top:90px}
}
@media screen and (max-width:999px){.syabox{width:31.333%;margin-left:1%;margin-right:1%;margin-bottom:15px}
.sybt{font-size:30px;font-size:3rem}
.syazuo .sybt:after{width:80px;margin-top:12px}
.syap1{font-size:14px;font-size:1.4rem;line-height:26px}
.syap2{font-size:14px;font-size:1.4rem;min-width:136px;height:40px;line-height:40px;border-radius:20px}
.sya{padding-top:70px}
.syabox img{width:100%}
.syayou{margin-left:30px}
}
@media screen and (max-width:767px){.syayou{width:100%;margin:0;float:none}
.sya{padding-top:40px}
.syap1{margin-top:20px;margin-bottom:20px}
.sybt{font-size:24px;font-size:2.4rem}
.sybt a{background-size:10px 10px;background-position:right center}
}
@media screen and (max-width:500px){.syabox p a{font-size:14px;font-size:1.4rem}
.syabox img{width:100%}
.syabox{padding-top:0px;}
}
@media screen and (max-width:400px){.syabox{width:48%;margin-bottom:10px}
.sya{padding-top:25px}
.sybt{font-size:20px;font-size:2rem}
}

/***************  syp  ****************/
.syp{padding-top:50px;padding-bottom:50px}
.sydes{text-align:center;font-size:16px;font-size:1.6rem;line-height:32px;color:#666;display:block;margin-top:17px;margin-bottom:30px}
.sydes:hover{color:#CF0606}
.syplist{font-size:0;letter-spacing:0}
.sypbox{background:#f2f2f2;display:inline-block;vertical-align:top;width:277px;margin-left:30px;border-radius:20px;text-align:center;margin-bottom:30px;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}
.syptu{display:block;border-radius:20px;position:relative;padding-bottom:100%;overflow:hidden;border:1px solid #e6e6e6;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}
.syptu img{display:block;width:100%;max-width:338px;max-height:338px;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;position:absolute;left:0;top:0;width:100%;height:100%}
.sypcon{padding:0 20px;padding-top:13px;padding-bottom:23px}
.sypp1{display:block;font-size:18px;font-size:1.8rem;line-height:30px;text-overflow:ellipsis;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}
.sypp2{font-size:14px;font-size:1.4rem;display:block;color:#999;line-height:20px;height:40px;overflow:hidden;margin-top:5px;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}
.sypbox:hover{background:#CF0606}
.sypbox:hover .syptu{border:1px solid #CF0606}
.sypbox:hover .syptu img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.sypbox:hover a{color:#fff}
.sypbtn{text-align:center;margin-top:25px}
.sypbtn a{display:inline-block;min-width:180px;height:50px;line-height:50px;border-radius:25px;text-align:center;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;background:#333;color:#CF0606;font-family:RobotoBold,Arial,Helvetica,sans-serif;font-size:18px;font-size:1.8rem}
.sypbtn a:hover{background:#333}
@media screen and (max-width:1219px){.sypbox{margin-left:20px;width:230px}
.syp{padding-bottom:80px}
}
@media screen and (max-width:999px){.sypbox{width:23%;margin:0 1%;margin-bottom:20px}
.sydes{font-size:14px;font-size:1.4rem;line-height:28px}
.sypp1{font-size:16px;font-size:1.6rem}
.sypbtn a{font-size:14px;font-size:1.4rem;min-width:136px;height:40px;line-height:40px}
.sypcon{padding-left:12px;padding-right:12px}
.syp{padding-bottom:60px}
}
@media screen and (max-width:767px){.syp{padding-top:50px;padding-bottom:40px}
.sypbox{width:31.333%;border-radius:10px}
.syptu{border-radius:10px}
.sypbtn{margin-top:20px}
}
@media screen and (max-width:550px){.syp{padding-top:40px}
.sypbox{width:48%;margin-bottom:15px}
.sydes{margin-bottom:25px}
}
@media screen and (max-width:400px){.sypp1{font-size:14px;font-size:1.4rem}
}





.syfl{padding-top:92px;padding-bottom:60px}
.flbox1{background:#77b38f}
.flbox2{background:#d3b49d}
.fltu{display:block;overflow:hidden}
.fltu img{display:block;width:100%;max-width:600px;max-height:362px;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}
.fltu.r{margin-left:57px}
.fltu.l{margin-right:57px}
.syflnr{padding-top:54px;padding-left:55px;padding-right:55px}
.flp1{display:block;font-size:20px;font-size:2rem;line-height:22px;color:#fff}
.flp2{display:block;font-size:16px;font-size:1.6rem;line-height:30px;color:#fff;margin-top:21px;margin-bottom:16px;white-space:pre-wrap}
.flp3{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;min-width:150px;height:45px;line-height:45px;color:#fff;font-size:16px;font-size:1.6rem;text-transform:capitalize;text-align:center}
.flbox1 .flp3{background:#7fd9c5}
.flbox2 .flp3{background:#bd7880}
.flbox1 a:hover{color:#7fd9c5}
.flbox2 a:hover{color:#bd7880}
.flp3:hover{background:#333;color:#fff}
.plunbo .img-scroll{position:relative;margin-top:38px}
.plunbo .next,.plunbo .prev{position:absolute;display:block;top:40%;margin-top:-20px;width:20px;height:20px;line-height:20px;text-align:center;border:2px solid #333;border-radius:50%}
.plunbo .next i,.plunbo .prev i{font-size:12px;font-size:1.2rem;color:#333}
.plunbo .next:hover,.plunbo .prev:hover{border:2px solid #76b38f}
.plunbo .next:hover i,.plunbo .prev:hover i{color:#76b38f}
.plunbo .prev{left:-49px;cursor:pointer}
.plunbo .next{right:-49px;cursor:pointer}
.plunbo .img-list{position:relative;overflow:hidden;margin:0 auto}
.plunbo .img-list ul{width:10000%}
.plunbo .img-list li{float:left;display:inline;width:290px;margin-right:13px;position:relative;position:relative;text-align:center}
.syptu img{width:100%;max-width:405px;max-height:405px;display:block;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}
.plunbo .img-list li:hover .syptu img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.syptu{display:block;border:1px solid #dadada;overflow:hidden}
.sypp1{display:block;font-size:18px;font-size:1.8rem;color:#666;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:13px}
.sypp2{display:block;font-size:16px;font-size:1.6rem;color:#666;line-height:24px;height:48px;overflow:hidden;margin-top:2px}
.sypp1:hover{color:#76b38f}
.sypp2:hover{color:#76b38f}
@media screen and (max-width:1350px){.plunbo .img-list{margin:0 40px}
.plunbo .prev{left:0}
.plunbo .next{right:0}
.plunbo .img-list li{width:270px}
}
@media screen and (max-width:1219px){.fltu{width:500px}
.syflnr{padding-top:30px;padding-left:30px;padding-right:30px}
.flp2{font-size:14px;font-size:1.4rem;line-height:26px}
.fltu.r{margin-left:30px}
.fltu.l{margin-right:30px}
.plunbo .img-list li{width:215px}
}
@media screen and (max-width:999px){.syfl{padding-top:50px}
.fltu{float:none;width:auto;max-width:600px;margin:0 auto!important}
.syflnr{padding:20px}
.plunbo .img-list li{width:.31333%;margin:0 .01%}
.sypp1{font-size:16px;font-size:1.6rem}
.sypp2{font-size:14px;font-size:1.4rem}
}
@media screen and (max-width:767px){.syflnr{padding:12px}
.flp1{font-size:16px;font-size:1.6rem}
.flp2{margin-top:12px}
.flp3{font-size:14px;font-size:1.4rem;min-width:126px;height:36px;line-height:36px}
}
@media screen and (max-width:650px){.plunbo .img-list li{width:.48%}
.syfl{padding-bottom:40px;padding-top:30px}
}
@media screen and (max-width:400px){.plunbo .img-list li{width:.98%}
}








/***************  sya  ****************/
.sysp {
    background: #282b30;
}

.vitu {
    position: relative;
    padding-bottom: 55%;
    height: 0;
    overflow: hidden;
}

.vitu iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.vitu iframe body {
    margin: 0px !important;
}

.syspzuo {
    width: 49.94%;
    margin-right: 3%;
}

.syspzuo img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.sysp .wp {
    padding-top: 40px;
    padding-bottom: 30px;
}

.syspp1 {
    display: block;
    color: #fff;
    font-size: 50px;
    font-size: 5rem;
    font-family: 'RobotoBold', Arial, Helvetica, sans-serif;
}

.syspperji {
    display: block;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal !important;
    margin-top: 45px
}

.syspp2 {
    display: block;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.syspp3 {
    display: inline-block;
    color: #fff;
    font-family: 'RobotoBold', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    text-decoration: underline;
}

.sysp .wp a:hover {
    color: #fff;
}

@media screen and (max-width: 1650px) {
    .sysp .wp {
        padding-top: 50px;
    }
}

@media screen and (max-width: 1500px) {
    .sysp .wp {
        padding-top: 30px;
    }

    .syspp1 {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media screen and (max-width: 1400px) {
    .syspzuo {
        margin-right: 5%;
    }
}

@media screen and (max-width: 1250px) {
    .syspp2 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .syspp1 {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width: 1219px) {
    .syspzuo {
        margin-right: 3%;
    }

    .syspp2 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 26px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .syspp3 {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 1100px) {
    .sysp .wp {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 999px) {
    .syspzuo {
        width: auto;
        float: none;
        max-width: 959px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .syspp1 {
        font-size: 24px;
        font-size: 2.4rem;
    }
}

/*************  syfaq  ***************/
.syfaq {
    padding-top: 93px;
    padding-bottom: 42px;
}

.subNavBox1 {
    font-size: 0;
    letter-spacing: 0;
}

.faqbox {
    display: inline-block;
    vertical-align: top;
    width: 580px;
    margin-left: 40px;
    position: relative;
    margin-bottom: 39px;
}

.subNav1 {
    line-height: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
    background: #f2f2f2;
    position: relative;
}

.subNav1 i {
    position: absolute;
    right: 20px;
    color: #999;
    top: 16px;
}

.subNav1 a {
    padding-left: 20px;
    display: block;
    white-space: pre-wrap;
    color: #333333;
    padding-right: 35px;
    font-size: 20px;
    font-size: 2rem;
}

.subNav1.currentDt1 {
    background: #CF0606;
}

.subNav1.currentDt1 i {
    color: #fff;
}

.subNav1.currentDt1 a {
    color: #fff;
}

.navContent1 {
    display: none;
    white-space: pre-wrap;
    background: #fff;
    border: 1px solid #c7c2c8;
    line-height: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 18px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #666;
    margin-bottom: 9px;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 999;
}

.navContent1 p {
    color: #666;
}

@media screen and (max-width: 1219px) {
    .subNav1 a {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .faqbox {
        width: 470px;
    }
}

@media screen and (max-width: 999px) {
    .faqbox {
        margin: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .subNav1 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .subNav1 a {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .syfaq {
        padding-top: 60px;
    }

    .subNav1 i {
        top: 11px;
        right: 12px;
    }
}

@media screen and (max-width: 767px) {
    .navContent1 {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 20px;
    }

    .syfaq {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .subNav1 a {
        padding-left: 12px;
    }
}

@media screen and (max-width: 450px) {
    .subNav1 a {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .subNav1 {
        padding-top: 6px;
        padding-bottom: 6px;
        margin-bottom: 14px;
    }
}

/***************  syn  ****************/
.syn {
    padding-top: 30px;
    padding-bottom: 60px;
    background: #f0f5ff;
    margin-top: 0px;
}

.synyou {
    width: 520px;
}

.synyou li {
    margin-bottom: 19px;
}

.syntu {
    width: 159px;
    margin-right: 29px;
    display: block;
    overflow: hidden;
}

.syntu img {
    display: block;
    width: 100%;
    max-width: 300px;
    max-height: 225px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

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

.synnr {
    padding-top: 17px;
}

.synp1 {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    font-family: 'RobotoBold', Arial, Helvetica, sans-serif;
    height: 40px;
    overflow: hidden;
}

.synp2 {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    color: #666;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-top: 10px;
}

.synp1:hover {
    color: #CF0606;
}

.synp2:hover {
    color: #CF0606;
}

.synzuo {
    overflow: hidden;
    float: left
}

.synbox {
    width: 300px;
    margin-right: 40px;
    float: left;
}

.synbox .synp1 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    height: 64px;
    margin-top: 16px;
}

.synbox .synp2 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    height: 44px;
    margin-top: 14px;
    margin-bottom: 19px;
}

.synbox span {
    color: #999999;
    font-size: 12px;
    font-size: 1.2rem;
}

.syntu2 {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 75%;
    overflow: hidden
}

.syntu2 img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    width: 100%;
    max-width: 300px;
    max-height: 225px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

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

@media screen and (max-width: 1219px) {
    .synyou {
        width: 460px;
    }

    .synbox {
        margin-right: 25px;
        width: 235px;
    }

    .syn {
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 1219px) {

    .synzuo {
        float: none;
        margin-bottom: 20px
    }


    .synbox {
        width: 48%;
        margin-right: 2%;
    }

    .syntu {
        width: 130px;
        margin-right: 18px;
    }

    .synnr {
        padding-top: 7px;
    }

    .syn {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .synbox .synp1 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 28px;
        height: 56px;
    }

    .synyou {
        width: 100%;
        float: none
    }
}

@media screen and (max-width: 850px) {
    .synp1 {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .synbox .synp1 {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 700px) {
    .synyou {
        width: auto;
        float: none;
    }

    .synbox {
        width: 45%;
        margin: 0 2.5%;
    }

    .syn {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 500px) {
    .synbox {
        width: 48%;
        margin: 0 1%;
    }

    .syn {
        padding-top: 35px;
    }
}

.coxin2 {
    margin: auto;
}

.coxin2 .xing {
    background: #fff url(../images/xing2.png) no-repeat left top;
}

.coxin2 .int1 {
    width: 557px;
    height: 44px;
    border: 1px solid #e6e6e6;
    color: #999;
    padding-left: 21px;
    float: left;
    line-height: 44px;
    border-radius: 5px;
}

.coxin2 .int2 {
    width: 557px;
    height: 44px;
    border: 1px solid #e6e6e6;
    color: #999;
    padding-left: 21px;
    float: right;
    line-height: 44px;
    border-radius: 5px;
}

.coxin2 textarea {
    width: 1178px;
    height: 133px;
    background: #fff url(../images/xing2.png) no-repeat left 6px;
    border: 1px solid #e6e6e6;
    color: #999;
    padding-left: 21px;
    margin-top: 40px;
    line-height: 33px;
    padding-top: 5px;
    border-radius: 5px;
}

.coxin2 .int3 {
    width: 557px;
    height: 44px;
    border: 1px solid #e6e6e6;
    color: #999;
    padding-left: 21px;
    margin-top: 30px;
    float: left;
    line-height: 44px;
    border-radius: 5px;
}


.coxin2 .int4 {
    width: 580px;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    margin-top: 20px;
    background: #CF0606;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
}

.coxin2 .int4:hover {
    background: #333;
}

@media screen and (max-width: 1219px) {
    .coxin2 .int1, .coxin2 .int2 {
        width: 450px;
    }

    .coxin2 textarea {
        width: 957px;
    }

}

@media screen and (max-width: 999px) {
    .coxin2 .int1, .coxin2 .int2, .coxin2 textarea {
        width: -moz-calc(100% - 21px);
        width: -webkit-calc(100% - 21px);
        width: calc(100% - 21px);
    }

    .coxin2 .int4 {
        width: 100%;
    }

    .coxin2 .int2 {
        margin-top: 30px;
    }

    .coxin2 .int3 {
        width: -moz-calc(100% - 220px);
        width: -webkit-calc(100% - 220px);
        width: calc(100% - 220px);
    }
}

@media screen and (max-width: 767px) {
    .coxin2 .int1, .coxin2 .int2 {
        height: 40px;
        line-height: 40px;
        margin-top: 14px;
    }

    .coxin2 textarea {
        margin-top: 14px;
    }

    .coxin2 .int3 {
        margin-top: 14px;
    }

    .coyanzheng {
        margin-top: 14px;
    }

    .coxin2 .int4 {
        margin-top: 14px;
    }

}

@media screen and (max-width: 600px) {
    .coxin2 .int3 {
        width: -moz-calc(100% - 21px);
        width: -webkit-calc(100% - 21px);
        width: calc(100% - 21px);
    }


}

/***************  sylx  ****************/
.sylx {
    padding-top: 98px;
    padding-bottom: 100px;
}

.coxin {
    margin: auto;
}

.coxin .xing {
    background: #fff url(../images/xing2.png) no-repeat left top;
}

.coxin .int1 {
    width: 1178px;
    height: 44px;
    border: 1px solid #e6e6e6;
    color: #999;
    padding-left: 21px;
    line-height: 44px;
    border-radius: 5px;
}

.coxin .int2 {
    width: 1178px;
    height: 44px;
    border: 1px solid #e6e6e6;
    color: #999;
    padding-left: 21px;
    line-height: 44px;
    border-radius: 5px;
}

.coxin textarea {
    width: 1178px;
    height: 133px;
    background: #fff url(../images/xing2.png) no-repeat left 6px;
    border: 1px solid #e6e6e6;
    color: #999;
    padding-left: 21px;
    margin-top: 40px;
    line-height: 33px;
    padding-top: 5px;
    border-radius: 5px;
}

.coxin .int3 {
    width: 557px;
    height: 44px;
    border: 1px solid #e6e6e6;
    color: #999;
    padding-left: 21px;
    margin-top: 30px;
    float: left;
    line-height: 44px;
    border-radius: 5px;
}

.coyanzheng {
    float: left;
    margin-top: 30px;
    margin-left: 40px;
    cursor: pointer;
    width: 157px;
    height: 46px
}

.coxin .int4 {
    width: 580px;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    margin-top: 20px;
    background: #CF0606;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
}

.coxin .int4:hover {
    background: #333;
}

@media screen and (max-width: 1219px) {
    .coxin .int1, .coxin .int2 {
        width: 957px;
    }

    .coxin textarea {
        width: 957px;
    }

    .sylx {
        padding-top: 75px;
    }
}

@media screen and (max-width: 999px) {
    .coxin .int1, .coxin .int2, .coxin textarea {
        width: -moz-calc(100% - 21px);
        width: -webkit-calc(100% - 21px);
        width: calc(100% - 21px);
    }

    .coxin .int4 {
        width: 100%;
    }

    .coxin .int2 {
        margin-top: 30px;
    }

    .sylx {
        padding-bottom: 70px;
        padding-top: 60px;
    }

    .coxin .int3 {
        width: -moz-calc(100% - 220px);
        width: -webkit-calc(100% - 220px);
        width: calc(100% - 220px);
    }
}

@media screen and (max-width: 767px) {
    .coxin .int1, .coxin .int2 {
        height: 40px;
        line-height: 40px;
        margin-top: 14px;
    }

    .coxin textarea {
        margin-top: 14px;
    }

    .coxin .int3 {
        margin-top: 14px;
    }

    .coyanzheng {
        margin-top: 14px;
    }

    .coxin .int4 {
        margin-top: 14px;
    }

    .sylx {
        padding-bottom: 55px;
        padding-top: 45px;
    }
}

@media screen and (max-width: 600px) {
    .coxin .int3 {
        width: -moz-calc(100% - 21px);
        width: -webkit-calc(100% - 21px);
        width: calc(100% - 21px);
    }

    .coyanzheng {
        margin-left: 0;
    }

    .sylx .sydes {
        margin-bottom: 10px;
    }

    .sylx {
        padding-bottom: 35px;
    }
}

/*************  bottom  ************/
.bottom {
    background: #333333;
    padding-top: 72px;
    font-size: 16px;
    font-size: 1.6rem;
    padding-bottom: 18px;
}

.bottom_fy {
    padding-bottom: 67px;
}

.bottom p, .bottom li, .bottom a, .bottom span {
    color: #fff;
}

.bottom a:hover {
    color: #CF0606;
}

.div > a, .div > span {
    display: block;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: 'RobotoBold', Arial, Helvetica, sans-serif;
    color: #fff;
    margin-bottom: 22px;
    text-transform: uppercase;
}

.div1 {
    margin-right: 188px;
}

.div li {
    line-height: 38px;
    font-family: 'AvenirLTStdLight', Arial, Helvetica, sans-serif;
}

.div1 li {
    padding-left: 20px;
    background: url(../images/ling.png) no-repeat left 12px;
}

.div2 {
    width: 362px;
}

.div2 li {
    line-height: 22px;
    margin-bottom: 16px;
}

.div2 li i {
    float: left;
    margin-right: 10px;
    color: #CF0606;
}

.div2 li p {
    overflow: hidden;
}

.div3 {
    width: 410px;
}

.bsjj a {
    margin-right: 10px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.bsjj {
    padding-top: 10px;
}

.bsjj i {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 50%;
    background: #fff;
    color: #333;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
}

.bsjj a:hover i {
    background: #CF0606;
}

.copyright, .support {
    line-height: 32px;
}

.cnzz {
    padding-left: 10px;
}

.dibu {
    border-top: 1px solid #999999;
    margin-top: 20px;
    padding-top: 18px;
}

.dibu p, .dibu li, .dibu a, .dibu span {
    color: #fff;
}

.link {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 30px;
    min-height: 30px;
}

.link a {
    padding: 0 20px;
}

.link a, .link span {
    display: inline-block;
}

.link a:hover {
    color: #CF0606;
}

.keys {
    line-height: 32px;
    margin-top: 31px;
    margin-bottom: 18px;
}

.keys a, .keys span {
    display: inline-block;
}

.keys a:hover {
    color: #CF0606;
}

@media screen and (max-width: 1219px) {
    .div1 {
        margin-right: 70px;
    }

    .div > a, .div > span {
        font-size: 20px;
        font-size: 2rem;
    }

    .div2 {
        width: 350px;
    }
}

@media screen and (max-width: 999px) {
    .bottom {
        font-size: 14px;
        font-size: 1.4rem;
        padding-top: 45px;
    }

    .div li {
        line-height: 32px;
    }

    .div2 li {
        line-height: 22px;
    }

    .div1 {
        width: 30%;
        margin: 0;
    }

    .div2 {
        width: 70%;
    }

    .div3 {
        width: 100%;
        margin-top: 20px;
    }

    .bsjj a {
        margin: 0;
        margin-right: 5px;
    }
}

@media screen and (max-width: 767px) {
    .div1, .div2 {
        display: none;
    }

    .div3 {
        width: 100%;
        margin-top: 0;
    }

    .div3 > span {
        display: none;
    }

    .bottom {
        padding-top: 20px;
        padding-bottom: 50px;
        text-align: center;
    }

    .dibu {
        display: none;
    }

    .bsjj a {
        margin: 0 10px;
    }

    .keys {
        margin-top: 15px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 600px) {
    .bsjj i {
        font-size: 16px;
        font-size: 1.6rem;
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

    .bsjj {
        padding-top: 0;
    }

    .bsjj a {
        margin: 0 5px;
    }
}

/************  bread  *************/
.mianbao {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    color: #999999;
    padding-top: 25px;
}

.mianbao a {
    color: #999999;
}

.mianbao a:hover {
    color: #CF0606;
}

.co00, .mianbao span {
    color: #CF0606 !important;
}

.fymain {
    padding-top: 42px;
    padding-bottom: 100px;
}

.bannerf {
    display: none;
}

.bannerf img {
    display: block;
    width: 100%;
    max-width: 1920px;
}


/**********   product1   **********/
.pzuo {
    width: 300px;
}

.pyou {
    width: 840px;
}

.list {
    margin-bottom: 59px;
}

.subNavBox .subNav {
    cursor: pointer;
    line-height: 20px;
    padding: 9px;
    padding-right: 40px;
    background: #fff;
    margin-bottom: 18px;
    position: relative;
    border-bottom: 1px solid #dcdcdc;
}

.subNavBox .subNav a {
    font-size: 16px;
    font-size: 1.6rem;
    color: #333333;
}

.subNavBox .subNav a i {
    font-size: 12px;
    font-size: 1.2rem;
    color: #c2c2c2;
    position: absolute;
    right: 0px;
    top: 14px;
}

.subNavBox .subNav:hover {
    border-bottom: 1px solid #CF0606;
}

.subNavBox .subNav:hover a {
    color: #CF0606;
}

.subNavBox .subNav:hover a i::before {
    content: "\e600";
    color: #CF0606;
}

.subNavBox .currentDd {
    border-bottom: 1px solid #CF0606;
}

.subNavBox .currentDd a {
    color: #CF0606;
}

.subNavBox .currentDd a i::before {
    content: "\e600";
    color: #CF0606;
}

.subNavBox .navContent {
    display: none;
    background: #fff;
    padding-left: 15px;
    margin-top: -14px;
    margin-bottom: 1px;
}

.subNavBox .navContent > li > a {
    display: block;
    line-height: 24px;
    padding: 6px 0;
    color: #333333;
    padding-right: 10px;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
}

.subNavBox .navContent > li > a:hover {
    color: #CF0606;
}

.subNavBox .navContent > li > a.current {
    color: #CF0606;
}

.subNavBox .navContent > li div p {
    line-height: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 15px;
    font-size: 16px;
    font-size: 1.6rem;
}

.subNavBox .navContent > li div p a {
    display: block;
    color: #666666;
    font-size: 14px;
    font-size: 1.4rem;
}

.subNavBox .navContent > li div p a:hover, .subNavBox .navContent > li div a.current {
    color: #CF0606;
}

.title1 {
    padding-left: 20px;
    padding-right: 10px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 46px;
    position: relative;
    background: #CF0606;
    display: block;
    margin-bottom: 18px;
    border-radius: 10px;
    font-family: 'RobotoBold', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #fff
}

.title1 a, .title1 span {
    color: #fff;
}

.title1 a:hover {
    color: #333;
}

.title2 {
    margin-top: 42px;
    margin-bottom: 0;
}

.tags {
    padding-top: 11px;
    background: #fff;
}

.tags a {
    color: #333;
    line-height: 44px;
    display: inline-block;
    padding: 0 40px;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.tags a:hover {
    color: #fff;
    border: 1px solid #CF0606;
    background: #CF0606;
}

.plbt {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 25px;
    color: #CF0606;
    font-family: 'RobotoBold', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.plxx {
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #333333;
}

.plxx p, .plxx span {
    color: #333333;
}

.plxx a {
    color: #CF0606;
}

.pbox {
    margin-bottom: 38px;
}

.pcon {
    overflow: hidden;
    height: 260px;
    background: #f2f2f2;
    border-radius: 20px;
    padding: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 33px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.ptu {
    display: block;
    border: 1px solid #e6e6e6;
    width: 260px;
    border-radius: 20px;
    overflow: hidden;
}

.ptu.l {
    margin-right: 14px;
}

.ptu.r {
    margin-left: 14px;
}

.ptu img {
    display: block;
    width: 100%;
    max-width: 338px;
    max-height: 338px;
}

.pp1 {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
}

.pp2 {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    height: 84px;
    overflow: hidden;
    margin-top: 15px;
    color: #666666;
}

.pp3 {
    margin-top: 21px;
}

.pp3 a {
    display: inline-block;
    min-width: 140px;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: center;
    color: #fff;
    background: #CF0606;
    font-size: 14px;
    font-size: 1.4rem;
}

.pp3 input {
    cursor: pointer;
    margin-right: 15px;
}

.pp1:hover {
    color: #CF0606;
}

.pp2:hover {
    color: #CF0606;
}


.pbox:hover .pcon {
    background: #CF0606;
}

.pbox:hover .pp1 {
    color: #fff;
}

.pbox:hover .pp2 {
    color: #dcdcdc;
}

.pbox:hover .pp3 a {
    background: #fff;
    color: #CF0606;
}

.xiangshang {
    display: inline-block;
    margin-left: 20px;
    padding-right: 30px;
    background: url(../images/xs.jpg) no-repeat right 6px;
}

.xiangshang button, .add-form button {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333333;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.6rem;
    background: transparent;
    border: none
}

.xiangshang button:hover, .add-form button:hover {
    color: #CF0606;
}


.add-form {
    display: inline-block;
    margin-left: 20px;
}


.ms_ye {
    position: relative;
    text-align: center;
}

.ms_ye .pages-btn {
    display: inline-block
}

.ms_ye a {
    display: inline-block;
    width: 13px;
    line-height: 20px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    background: #fff;
    color: #999999;
    border-bottom: 1px solid #999999;
    margin-bottom: 10px;
}

.ms_sx {
    color: #999999 !important;
    border: none !important;
    width: 20px !important;
}

.ms_sx:hover {
    color: #2e7ec8 !important;
}

.ms_sx a.pageEllipsis:hover {
    color: #999999 !important;
    background: #fff !important;
    border-bottom: 1px solid #999999 !important;
}

.ms_ye .ms_current_ye {
    color: #2e7ec8;
    border-bottom: 1px solid #2e7ec8;
}

.ms_ye a:hover {
    color: #2e7ec8;
    border-bottom: 1px solid #2e7ec8;
}


.product1 .ms_ye {
    margin-top: 2px;
    text-align: left;
}

@media screen and (max-width: 1219px) {
    .pyou {
        width: 670px;
    }

    .pzuo {
        width: 280px;
    }

    .plbt {
        font-size: 24px;
        font-size: 2.4rem;
    }

    .pp1 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 999px) {
    .pyou {
        width: 100%;
    }

    .pzuo {
        width: 100%;
        margin-top: 30px;
    }

    .fymain {
        padding-bottom: 60px;
    }

    .tags a {
        padding: 0 20px;
        line-height: 36px;
    }
}

@media screen and (max-width: 767px) {
    .plbt {
        font-size: 20px;
        font-size: 2rem;
        margin-bottom: 15px;
    }

    .plxx {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .ptu {
        width: 200px;
        border-radius: 10px;
    }

    .pcon {
        height: 200px;
        padding: 20px;
        padding-top: 15px;
        border-radius: 10px;
    }

    .pp1 {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .pp2 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 26px;
        height: 78px;
        margin-top: 5px;
    }

    .pp3 {
        margin-top: 15px;
    }

    .pbox {
        margin-bottom: 30px;
    }

    .mianbao {
        padding-top: 15px;
    }

    .fymain {
        padding-top: 25px;
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 550px) {
    .ptu {
        float: none;
        width: auto;
        max-width: 338px;
        margin: 0 auto !important;
        display: block;
    }

    .list {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 400px) {
    .pbox {
        margin-bottom: 20px;
    }
}

/************  product2  *************/
/*-------------products2 start-------------------------------------------------------------*/
.m-propic {
    margin: 0 auto;
    width: 418px;
}

.m-propic .pic-big {
    position: relative;
    float: left;
    width: 340px;
}

.m-propic .big-img {
    display: block !important;
    line-height: 0;
    font-size: 0;
}

.m-propic .big-img .zoomPad {
    float: none;
    z-index: 8;
}

.m-propic .big-img .zoomPad img {
    border-radius: 20px;
    border: 1px solid #e5e5e5;
    background: none !important;
}

.m-propic .big-img img {
    border-radius: 0;
    max-width: 100%;
}

.provideo-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.m-propic .zoomWrapperImage img {
    max-width: 1200px;
}

.m-propic .pic-small {
    position: relative;
    float: right;
    width: 68px;
    padding-top: 21px;
    padding-bottom: 21px;
    overflow: hidden;
}

.m-propic .pic-btn {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    cursor: pointer;
    text-align: center;
}

.m-propic .pic-btn .iconfont {
    font-size: 20px;
    font-size: 2rem;
    color: #999999;
}

.m-propic .pic-btn .iconfont:hover {
    color: #CF0606;
}

.m-propic .pic-btn.prev {
    top: 0;
}

.m-propic .pic-btn.next {
    bottom: 0;
}

.m-propic .pic-list {
    height: 302px;
    margin-top: 4px;
    margin-bottom: 5px;
    overflow: hidden;
}

.m-propic .pic-list ul {
    height: 2000px;
}

.m-propic .pic-list .list-item {
    margin-bottom: 10px;
    overflow: visible;
    padding-left: 0;
    position: relative;
    position: relative;
    padding-bottom: 100%;
}

.m-propic .pic-list .list-item .pxjiao {
    position: absolute;
    left: -3px;
    top: 50%;
    margin-top: -4px;
    display: none;
}

.m-propic .pic-list a {
    display: block;
    border-radius: 5px;
    border: 1px solid #ddd;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.m-propic .pic-list a img {
    display: block;
    max-width: 100% !important;
    max-height: 100% !important;
    display: block;
}

.m-propic a:hover, .m-propic a.active {
    border-color: #CF0606;
}

.m-propic a:hover .pxjiao, .m-propic a.zoomThumbActive .pxjiao {
    display: block;
}

.m-propic2 {
    display: none;
}

@media screen and (max-width: 1219px) {
    .zoomPad {
        cursor: default !important;
    }

    .zoomPup {
        display: none !important;
    }

    .zoomWindow {
        display: none !important;
    }

    .zoomPreload {
        display: none !important;
    }

    .m-propic {
        max-width: 100%;
        float: none;
        margin: 0 auto;
    }

    .m-propic .pic-big {
        height: auto;
    }

    /*.m-propic .pic-small { width: 110px; } .m-propic .pic-list { height: 444px; } .m-propic .list-item { margin-bottom: 40px; } */
}

@media screen and (max-width: 767px) {
    .m-propic1 {
        display: none;
    }

    .m-propic2 {
        position: relative;
        display: block;
        overflow: hidden;
        width: auto;
        padding-left: 30px;
        padding-right: 30px;
    }

    .m-propic2 .box-btn {
        position: absolute;
        top: 50%;
        margin-top: -12px;
        display: block;
        width: 24px;
        height: 24px;
    }

    .m-propic2 .box-btn .iconfont {
        font-size: 24px;
        font-size: 2.4rem;
        color: #888;
    }

    .m-propic2 .box-btn .iconfont:hover {
        color: #CF0606;
    }

    .m-propic2 .box-btn.prev {
        left: 0;
    }

    .m-propic2 .box-btn.next {
        right: 0;
    }

    .m-propic2 .box-list {
        overflow: hidden;
    }

    .m-propic2 .box-list ul {
        width: 1000%;
    }

    .m-propic2 .list-item {
        float: left;
        margin-left: .1%;
        margin-right: .1%;
        margin-bottom: 0;
        width: 3.11%;
        border-radius: 0;
        border: 1px solid #d7d7d7;
        overflow: hidden;
    }

    .m-propic2 .list-item img {
        display: block;
        max-width: 100%;
    }
}

@media only screen and (max-width: 500px) {
    .m-propic2 .list-item {
        float: left;
        margin-left: .1%;
        margin-right: .1%;
        margin-bottom: 0;
        width: 4.8%;
    }
}

@media only screen and (max-width: 480px) {
    .m-propic2 .list-item {
        float: left;
        margin-left: .1%;
        margin-right: .1%;
        margin-bottom: 0;
        width: 9.8%;
    }
}

.item-btns {
    margin-top: 4px;
}

.pro2-info .item-title {
    line-height: 26px;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 14px;
    font-family: 'RobotoBold', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.pro2-info .pro-share {
    float: left;
    margin-top: 8px;
}

.pro2-info .item-btn {
    display: inline-block;
    width: 100%;
    height: 58px;
    line-height: 58px;
    background: #CF0606;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    color: #555555;
}

.pro2-info .item-btn:hover {
    background-color: #CF0606;
    color: #fff;
    border-color: #CF0606;
}

.pro2-info .item-btn span {
    color: #fff;
    display: inline-block;
    padding-right: 50px;
}

@media only screen and (max-width: 999px) {
    .pro2-info {
        text-align: center;
    }

    .pro2-info .item-title {
        padding-right: 0;
    }

    .pro2-info .pro-share {
        float: none;
    }

    .pro2-info .item-btns {
        float: none;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .pro2-info .item-title {
        line-height: 30px;
        font-size: 20px;
        font-size: 2rem;
        margin: 20px 0 10px;
    }

    .pro2-info .item-btn {
        height: 32px;
        line-height: 30px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media only screen and (max-width: 400px) {
    .pro2-info .item-btn {
        width: 45%;
    }

    .pro2-info .item-btn:first-child {
        margin-right: 5%;
    }
}

.pro2-title {
    font-size: 24px;
    font-size: 2.4rem;
    border-bottom: solid 1px #BFBFBF;
    position: relative;
    padding-bottom: 15px;
    text-transform: capitalize;
}

.pro2-title, .pro2-title a {
    color: #CF0606;
}

.pro2-title:after {
    position: absolute;
    content: '';
    width: 129px;
    height: 3px;
    background-color: #CF0606;
    left: 0;
    bottom: -2px;
}

@media screen and (max-width: 767px) {
    .pro2-title {
        font-size: 20px;
        font-size: 2rem;
        padding-bottom: 10px;
    }
}

.pro2-descbox {
    margin-top: 64px;
}

@media screen and (max-width: 999px) {
    .pro2-descbox {
        margin-top: 50px;
    }
}

@media screen and (max-width: 767px) {
    .pro2-descbox {
        margin-top: 30px;
    }
}

.pro2-spec {
    padding: 24px 0 52px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
}

.pro2-spec, .pro2-spec p, .pro2-spec li, .pro2-spec a, .pro2-spec span, .pro2-spec b, .pro2-spec strong, .pro2-spec dd, .pro2-spec em {
    color: #555;
}

.pro2-spec img, .pro2-spec iframe {
    max-width: 100%;
}

.pro2-spec table {
    border: 0;
}

.pro2-spec table tr:nth-child(odd) {
    background-color: #f3f3f3;
}

.pro2-spec table tr:first-child td {
    padding-top: 10px;
}

.pro2-spec table tr:last-child td {
    padding-bottom: 8px;
}

.pro2-spec table tr td {
    border: solid 2px #f3f3f3;
    line-height: 28px;
    padding: 0 24px;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: Verdana;
}

.pro2-spec table tr td:first-of-type {
    border-left: 0;
}

.pro2-spec table tr td:last-of-type {
    border-right: 0;
}

@media screen and (max-width: 767px) {
    .pro2-spec {
        padding: 24px 0 30px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
    }

    .pro2-spec table tr td {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

/* pro2-parabox start */
.pro2-parabox .pro2-spec {
    padding: 42px 0 70px;
}

@media screen and (max-width: 999px) {
    .pro2-parabox .pro2-spec {
        padding: 42px 0 50px;
    }
}

@media screen and (max-width: 767px) {
    .pro2-parabox .pro2-spec {
        padding: 30px 0;
    }
}

/* pro2-parabox end */
/* related-pro start */
.related-pro .pro1-list {
    padding-bottom: 0;
}

.related-pro .pro1-list .list-item {
    margin-top: 45px;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .related-pro .pro1-list .list-item {
        margin-top: 30px;
    }
}

.related-pro .pro1-list .item-btnbox {
    text-align: center;
    padding-left: 0;
}

/* related-pro end */
/*-------------products2 end---------------------------------------------------------------*/
.cpxx {
    line-height: 26px;
    color: #666666;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
}

.cpxx p, .cpxx li, .cpxx div, .cpxx span {
    color: #666666;
}

.cpxx a {
    color: #CF0606;
}

.pro2-info {
    padding-top: 18px;
    width: 380px;
}

.share {
    float: left;
}

.share img {
    vertical-align: middle;
}

.btn {
    margin-top: 41px;
}

.btn a {
    display: inline-block;
    min-width: 175px;
    padding: 0 10px;
    margin-bottom: 10px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 20px;
    background: #fff;
    color: #CF0606;
    border: 1px solid #CF0606;
    font-size: 14px;
    font-size: 1.4rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

p.down {
    float: right;
}

p.down a {
    color: #999;
    font-size: 18px;
    font-size: 1.8rem;
}

p.down:hover a {
    color: #CF0606;
}

p.down i {
    color: #999;
    font-size: 22px;
    font-size: 2.2rem;
    margin-right: 5px;
}

p.down:hover i {
    color: #CF0606;
}

.btn a:hover {
    background: #CF0606;
    color: #fff;
}

.btn1 {
    margin-right: 26px;
}

.des {
    margin-top: 36px;
    margin-bottom: 25px;
}

.des span, .des a {
    display: inline-block;
    padding: 0 14px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 46px;
    min-width: 300px;
    background: #CF0606;
    color: #fff;
    border-radius: 10px;
    font-size: 20px;
    font-size: 2rem;
    font-family: 'RobotoBold', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.des a:hover {
    background: #3466c5;
}

.chanpinx {
    line-height: 30px;
    color: #666666;
    font-size: 16px;
    font-size: 1.6rem;
}

.chanpinx li, .chanpinx span, .chanpinx b, .chanpinx p {
    color: #666666;
}

.chanpinx a {
    color: #CF0606;
}

.chanpinx img {
    max-width: 100%;
}

.chanpinx iframe {
    max-width: 100%;
}

.chanpinx table, .nex table, .cpxx table {
    width: 97%;
    border-collapse: collapse;
    line-height: 25px;
    text-align: center;
}

.chanpinx tr td, .nex tr td, .cpxx tr td {
    line-height: 30px;
}

.table {
    overflow: auto;
}

.table table {
    width: 100%;
    border-collapse: collapse;
    line-height: 22px;
    border: 1px solid #808080;
    margin-top: 24px;
}

.table table tr td {
    padding: 3px;
    border: 1px solid #dddddd;
}

.chanpinx table tr td, .chanpinx table tr td p {
    color: #666666;
}

@media screen and (max-width: 1000px) {
    .table {
        width: 100%;
        overflow: scroll;
    }

    .table table {
        width: 885px;
    }
}

.tags2 {
    margin-top: 52px;
}

.tags2 a {
    display: inline-block;
    color: #333333;
    line-height: 44px;
    padding: 0 43px;
    border-radius: 10px;
    border: 1px solid #dcdcdc;
    margin-right: 24px;
    margin-bottom: 10px;
}

.tags2 a:hover {
    color: #CF0606;
}

@media screen and (max-width: 1219px) {
    .btn1 {
        margin-right: 5px;
    }

    .pro2-info {
        width: 100%;
        padding-top: 5px;
    }

    .btn {
        margin-top: 22px;
    }
}

@media screen and (max-width: 999px) {
    .share {
        display: inline-block;
        float: none;
        vertical-align: middle;
        margin: 10px 10px;
    }

    p.down {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px;
    }

    .m-propic {
        float: none;
    }

    .pro2-info {
        width: 100%;
    }

    .des span, .des a {
        font-size: 18px;
        font-size: 1.8rem;
        min-width: 250px;
    }
}

@media screen and (max-width: 767px) {
    .btn {
        display: block;
        margin-bottom: 15px;
    }

    .btn a {
        min-width: 120px;
    }

    .tags2 a {
        padding: 0 15px;
    }

    .cpxx {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .chanpinx {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .des span, .des a {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .des {
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .tags2 a {
        margin-right: 10px;
        line-height: 38px;
    }

    .tags2 {
        margin-top: 30px;
    }
}

@media screen and (max-width: 500px) {
    .pro2-info .item-title {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .chanpinx {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .btn a {
        padding: 0 14px;
    }

    .des {
        margin-top: 20px;
    }

    .des span, .des a {
        min-width: 210px;
    }
}

.zjplist {
    margin-top: 91px;
}

.zjplist .img-scroll {
    position: relative;
    padding-top: 15px;
}

.lbbtn {
    position: absolute;
    top: -57px;
    text-align: center;
    background: #fff;
    right: 0;
    width: 58px;
}

.zjplist .prev, .zjplist .next {
    display: block;
    color: #fff;
    text-align: center;
}

.zjplist .prev i, .zjplist .next i {
    font-size: 18px;
    font-size: 1.8rem;
    color: #999999;
}

.zjplist .prev:hover i, .zjplist .next:hover i {
    color: #CF0606;
}

.zjplist .prev {
    cursor: pointer;
    float: left;
}

.zjplist .next {
    cursor: pointer;
    float: right;
}

.zjplist .img-list {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.zjplist .img-list ul {
    width: 10000%;
}

.zjplist .img-list li {
    float: left;
    display: inline;
    width: 260px;
    margin-right: 30px;
    position: relative;
    position: relative;
}

.zjplist .img-list li .sypbox {
    width: auto;
    display: block;
    margin: 0;
}

.zjplist .img-list li .sypp1 {
    font-size: 16px;
    font-size: 1.6rem;
}

.zjplist .img-list li .sypp2 {
    font-size: 12px;
    font-size: 1.2rem;
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.zjplist .img-list li .sypcon {
    padding-top: 18px;
}

@media screen and (max-width: 1219px) {
    .zjplist .img-list li {
        margin-right: 20px;
        width: 210px;
    }

    .bannerf {
        padding-top: 115px;
        padding-bottom: 135px;
    }
}

@media screen and (max-width: 999px) {
    .zjplist {
        margin-top: 50px;
    }

    .zjplist .img-list li {
        width: 0.23%;
        margin: 0 0.01%;
    }

    .bannerf {
        padding-top: 80px;
        padding-bottom: 90px;
    }
}

@media screen and (max-width: 767px) {
    .zjplist .img-list li {
        width: 0.31333%;
    }

    .zjplist .img-scroll {
        padding-top: 30px;
    }

    .lbbtn {
        top: -10px;
    }
}

@media screen and (max-width: 550px) {
    .zjplist .img-list li {
        width: 0.48%;
    }

    .zjplist {
        margin-top: 35px;
    }

    .bannerf {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

/**********  news1  **********/
.fynbox {
    width: 373px;
    float: left;
    margin-left: 40px;
    margin-bottom: 42px;
}

.fyncon {
    position: relative;
    overflow: hidden;
}

.fyncon img {
    display: block;
    width: 100%;
    max-width: 373px;
    max-height: 280px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.fyncover {
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: url(../images/sypcover.png);
}

.fyncover span {
    position: absolute;
    min-width: 144px;
    height: 38px;
    line-height: 36px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: center;
    border-radius: 18px;
    color: #fff;
    border: 1px solid #ffff;
    font-size: 14px;
    font-size: 1.4rem;
    left: 50%;
    margin-left: -72px;
    top: 50%;
    margin-top: -19px;
}

.fynp1 {
    line-height: 30px;
    height: 60px;
    display: block;
    font-size: 20px;
    font-size: 2rem;
    overflow: hidden;
}

.fynp2 {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    color: #666666;
    margin-top: 15px;
}

.fynp3 {
    display: block;
    color: #CF0606;
    margin-top: 30px;
    margin-bottom: 17px;
    font-size: 12px;
    font-size: 1.2rem;
}

.synp3 i {
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 3px;
}

.fynbox:hover .fyncover {
    top: 0;
}

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

.fynp1:hover, .fynp2:hover {
    color: #CF0606;
}

@media screen and (max-width: 1219px) {
    .fynbox {
        margin-left: 30px;
        width: 306px;
    }
}

@media screen and (max-width: 999px) {
    .fynbox {
        width: 31.333%;
        margin: 0 1%;
        margin-bottom: 30px;
    }

    .fynp1 {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .fyncover {
        display: none;
    }

    .fynp3 {
        margin-top: 20px;
    }

    .ms_ye {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .fynbox {
        width: 48%;
    }
}

@media screen and (max-width: 400px) {
    .fynbox {
        float: none;
        width: auto;
        max-width: 373px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .fynp2 {
        margin-top: 6px;
    }
}

/**********  news2  **********/
.xwxbt {
    text-align: center;
    font-size: 30px;
    font-size: 3rem;
    color: #333333;
    line-height: 32px;
    font-family: 'RobotoBold', Arial, Helvetica, sans-serif;
}

.xwsjsjj {
    text-align: center;
    line-height: 26px;
    padding-top: 31px;
}

.xwsjsjj .span {
    display: inline-block;
    color: #CF0606;
    padding-right: 50px;
    font-size: 16px;
    font-size: 1.6rem;
}

.xwsjsjj .span i {
    color: #CF0606;
    font-size: 18px;
    font-size: 1.8rem;
    margin-right: 5px;
}

.shijian {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    text-transform: uppercase;
    margin-top: 10px;
}

.shijian p {
    display: inline-block;
    margin: 0 50px;
}

.shijian p span {
    color: #4c7cd9;
    font-family: 'RobotoBold', Arial, Helvetica, sans-serif;
}

.nshare {
    display: inline-block;
}

.nshare1 {
    color: #999999;
    display: inline-block;
    position: relative;
    padding-right: 5px;
    font-size: 16px;
    font-size: 1.6rem;
}

.nshare2 {
    display: inline-block;
    vertical-align: middle;
}

.nex {
    color: #666;
    line-height: 26px;
    padding-top: 23px;
    margin-bottom: 62px;
    font-size: 16px;
    font-size: 1.6rem;
}

.nex p, .nex li, .nex div, .nex span, .nex b {
    color: #666;
}

.nex a {
    color: #CF0606;
}

.nex a:hover {
    color: #666;
}

.nex img {
    display: inline-block;
    max-width: 100%
}

.xwsx {
    font-size: 18px;
    font-size: 1.8rem;
    color: #999;
    line-height: 32px;
    margin-bottom: 22px;
}

.xwsx p {
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 1px solid #999999;
    min-width: 284px;
    color: #999;
}

.xwsx span {
    display: inline-block;
    margin-right: 5px;
}

.xwsx span i {
    color: #231915;
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 10px;
}

.xwsx a {
    color: #999;
}

.xwsx a:hover {
    color: #CF0606;
}

@media screen and (max-width: 999px) {
    .xwxbt {
        font-size: 24px;
        font-size: 2.4rem;
    }

    .xwsx {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .shijian p {
        margin: 0 20px;
    }
}

@media screen and (max-width: 767px) {
    .xwsx {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 15px;
    }

    .nex {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 40px;
    }

    .xwxbt {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 28px;
    }

    .xwsjsjj .span {
        font-size: 14px;
        font-size: 1.4rem;
        padding-right: 20px;
    }

    .xwsx p {
        padding-bottom: 4px;
    }

    .xwsjsjj {
        padding-top: 20px;
    }

    .shijian {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .shijian p {
        margin: 0 10px;
    }
}

/****************  contact  ******************/

.abjq {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    margin-bottom: 50px;
    color: #666;
}

.abjq p, .abjq a:hover {
    color: #666;
}

.abjq .abt, .abtxpan {
    text-align: center;
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 27px;
    color: #CF0606 !important;
    font-family: 'RobotoBold', Arial, Helvetica, sans-serif;
    line-height: 30px;
}

.abjq a {
    color: #CF0606;
}

.abjq img {
    max-width: 100%;
    display: inline-block
}

.lxlist {
    margin-bottom: 40px;
}

.lxlist div {
    font-size: 16px;
    font-size: 1.6rem;
    color: #333333;
    line-height: 30px;
    margin-bottom: 2px;
}

.lxlist div i {
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 5px;
    color: #CF0606;
}

.lxlist div a {
    color: #333333;
}

.lxlist div a:hover {
    color: #CF0606;
}

@media screen and (max-width: 999px) {
    .abt, .abtxpan {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .lxlist div {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .abjq {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.aform .coxin .int1, .aform .coxin .int2 {
    margin-top: 40px;
}

.aform .coxin .int4 {
    float: right;
    margin-top: 40px;
}

.aform .coxin .int3 {
    width: 400px;
    margin-top: 39px;
}

.aform .coyanzheng {
    margin-left: 0;
    margin-top: 39px;
}

.aform .coxin textarea {
    height: 123px;
}

.ditu {
    margin-top: 60px;
}

.ditu img {
    display: block;
    width: 100%;
    max-width: 1200px;
}

@media screen and (max-width: 1219px) {
    .aform .coxin .int3 {
        width: 350px;
    }

    .coxin .int4 {
        width: 400px;
    }
}

@media screen and (max-width: 999px) {
    .aform .coxin .int3 {
        width: -webkit-calc(100% - 200px);
        width: -moz-calc(100% - 200px);
        width: calc(100% - 200px);
    }

    .coxin .int4 {
        width: 100%;
    }

    .coyanzheng {
        float: right;
    }
}

@media screen and (max-width: 767px) {
    .aform .coxin .int1, .aform .coxin .int2 {
        margin-top: 14px;
    }

    .aform .coxin .int3 {
        margin-top: 14px;
    }

    .aform .coyanzheng {
        margin-top: 14px;
    }

    .aform .coxin .int4 {
        margin-top: 14px;
    }

    .ditu {
        margin-top: 40px;
    }
}

@media screen and (max-width: 420px) {
    .aform .coxin .int3 {
        width: -moz-calc(100% - 21px);
        width: -webkit-calc(100% - 21px);
        width: calc(100% - 21px);
        float: none
    }

    .coyanzheng {
        float: none
    }
}

/**************  download  *************/
.downbox {
    position: relative;
    padding-bottom: 41px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 34px;
}

.da1 {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    cursor: pointer
}

.da2 {
    display: block;
    line-height: 28px;
    margin-top: 13px;
    height: 56px;
    overflow: hidden;
    font-size: 16px;
    font-size: 1.6rem;
    color: #666666;
    cursor: pointer
}

.dbtn {
    display: inline-block;
    min-width: 190px;
    height: 46px;
    line-height: 44px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    border-radius: 23px;
    text-align: center;
    background: #fff;
    color: #2e7ec8;
    font-size: 16px;
    font-size: 1.6rem;
    border: 1px solid #2e7ec8;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 21px
}

.dbtn i {
    font-size: 20px;
    font-size: 2rem;
    vertical-align: middle;
    margin-right: 5px;
}

.da1:hover {
    color: #2e7ec8;
}

.da2:hover {
    color: #2e7ec8;
}

.dbtn:hover {
    background: #2e7ec8;
    color: #fff;
}

@media screen and (max-width: 999px) {
    .da1 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 767px) {
    .da2 {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .dbtn {
        font-size: 14px;
        font-size: 1.4rem;
        min-width: 160px;
        height: 42px;
        line-height: 40px;
    }

    .downbox {
        padding-bottom: 30px;
        margin-bottom: 25px;
    }

    .da1 {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

/**********  application1  **********/
.bhang {
    position: relative;
    margin-bottom: 38px;
    background: #f2f2f2;
}

.bhang .fyblog {
    width: 400px;
    margin-right: 40px;
    overflow: hidden;
}

.bhang .fyblog img {
    width: 100%;
    max-width: 400px;
    max-height: 300px;
    display: block;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

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

.fyblognr {
    padding-top: 44px;
    padding-right: 45px;
}

.fyblogp1 {
    display: block;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 11px;
    font-family: 'RobotoBold', Arial, Helvetica, sans-serif;
}

.fyblogp2 {
    display: block;
    line-height: 28px;
    height: 112px;
    overflow: hidden;
    margin-top: 13px;
    margin-bottom: 23px;
    color: #666666;
    font-size: 16px;
    font-size: 1.6rem;
}

.fyblogp1:hover {
    color: #2e7ec8;
}

.fyblogp2:hover {
    color: #2e7ec8;
}

.fyblogp3 {
    display: inline-block;
    height: 40px;
    line-height: 38px;
    min-width: 140px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #2e7ec8;
    color: #2e7ec8;
    font-size: 14px;
    font-size: 1.4rem;
}

.fyblogp3:hover {
    background: #2e7ec8;
    color: #fff;
}

.application1 .ms_ye {
    margin-top: 95px;
}

@media screen and (max-width: 1219px) {
    .fyblogp1 {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width: 999px) {
    .bhang .fyblog {
        width: 340px;
        margin-right: 30px;
    }

    .fyblognr {
        padding-top: 25px;
    }

    .fyblogp1 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 850px) {
    .fyblogp2 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 26px;
        height: 104px;
    }

    .fyblognr {
        padding-right: 25px;
    }
}

@media screen and (max-width: 767px) {
    .bhang .fyblog {
        float: none;
        width: auto;
        max-width: 400px;
        margin: 0 auto;
        display: block;
    }

    .fyblognr {
        padding: 20px;
    }

    .bhang {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 550px) {
    .fyblognr {
        padding: 12px;
    }

    .fyblogp1 {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

/***********  xiala  ***********/
.yiji {
    position: absolute;
    z-index: 9999;
    width: 196px;
    background: #fff;
    top: -999999px;
    left: 50%;
    margin-left: -98px;
}

.yiji li {
    position: relative;
}

.yiji li a {
    display: block;
    color: #333;
    line-height: 28px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 10px;
    font-size: 14px;
    font-size: 1.4rem;
}

.yiji li:hover > a {
    background: #CF0606;
    color: #fff;
}

.erji, .sanji {
    position: absolute;
    left: 100%;
    top: -999px;
    width: 196px;
    background: #fff;
}

.navlist > li:hover .yiji {
    top: 100%;
}

.yiji > li:hover .erji {
    top: 0px;
}

.erji > li:hover .sanji {
    top: 0px;
}

@media screen and (max-width: 999px) {
    .yiji {
        display: none;
    }
}

/*************  kefu  **************/
.hdtop {
    position: fixed;
    right: 20px;
    bottom: -150px;
    -webkit-transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    cursor: pointer;
    z-index: 99999;
}

.zjplist_4 .img-list li {
    width: 277px;
}

@media screen and (max-width: 1219px) {
    .zjplist_4 .img-list li {
        width: 230px;
    }
}

@media screen and (max-width: 999px) {
    .zjplist_4 .img-list li {
        width: 0.23%;
        margin: 0 0.01%;
    }
}

@media screen and (max-width: 767px) {
    .zjplist_4 .img-list li {
        width: 0.31333%;
    }
}

@media screen and (max-width: 500px) {
    .zjplist_4 .img-list li {
        width: 0.48%;
    }
}

.img {
    background: url(../images/img.png) no-repeat;
}

.no {
    height: 16px;
    width: 24px;
    background-position: 0 0;
}

.ny {
    height: 16px;
    width: 24px;
    background-position: 0 -16px;
}

.pa {
    height: 16px;
    width: 24px;
    background-position: 0 -32px;
}

.my {
    height: 16px;
    width: 24px;
    background-position: 0 -48px;
}

.ne {
    height: 16px;
    width: 24px;
    background-position: 0 -64px;
}

.nl {
    height: 16px;
    width: 24px;
    background-position: 0 -80px;
}

.pl {
    height: 16px;
    width: 24px;
    background-position: 0 -96px;
}

.ru {
    height: 16px;
    width: 24px;
    background-position: 0 -112px;
}

.sd {
    height: 16px;
    width: 24px;
    background-position: 0 -128px;
}

.si {
    height: 16px;
    width: 24px;
    background-position: 0 -144px;
}

.ps {
    height: 16px;
    width: 24px;
    background-position: 0 -160px;
}

.pt {
    height: 16px;
    width: 24px;
    background-position: 0 -176px;
}

.ro {
    height: 16px;
    width: 24px;
    background-position: 0 -192px;
}

.lt {
    height: 16px;
    width: 24px;
    background-position: 0 -208px;
}

.lv {
    height: 16px;
    width: 24px;
    background-position: 0 -224px;
}

.mg {
    height: 16px;
    width: 24px;
    background-position: 0 -240px;
}

.rm {
    height: 16px;
    width: 24px;
    background-position: 0 -256px;
}

.lb {
    height: 16px;
    width: 24px;
    background-position: 0 -272px;
}

.lo {
    height: 16px;
    width: 24px;
    background-position: 0 -288px;
}

.mi {
    height: 16px;
    width: 24px;
    background-position: 0 -304px;
}

.mr {
    height: 16px;
    width: 24px;
    background-position: 0 -320px;
}

.ms {
    height: 16px;
    width: 24px;
    background-position: 0 -336px;
}

.mt {
    height: 16px;
    width: 24px;
    background-position: 0 -352px;
}

.mk {
    height: 16px;
    width: 24px;
    background-position: 0 -368px;
}

.ml {
    height: 16px;
    width: 24px;
    background-position: 0 -384px;
}

.mn {
    height: 16px;
    width: 24px;
    background-position: 0 -400px;
}

.tr {
    height: 16px;
    width: 24px;
    background-position: 0 -416px;
}

.zh-tw {
    height: 16px;
    width: 24px;
    background-position: 0 -432px;
}

.uk {
    height: 16px;
    width: 24px;
    background-position: 0 -448px;
}

.tg {
    height: 16px;
    width: 24px;
    background-position: 0 -464px;
}

.th {
    height: 16px;
    width: 24px;
    background-position: 0 -480px;
}

.tl {
    height: 16px;
    width: 24px;
    background-position: 0 -496px;
}

.ur {
    height: 16px;
    width: 24px;
    background-position: 0 -512px;
}

.yi {
    height: 16px;
    width: 24px;
    background-position: 0 -528px;
}

.yo {
    height: 16px;
    width: 24px;
    background-position: 0 -544px;
}

.zu {
    height: 16px;
    width: 24px;
    background-position: 0 -560px;
}

.uz {
    height: 16px;
    width: 24px;
    background-position: 0 -576px;
}

.vi {
    height: 16px;
    width: 24px;
    background-position: 0 -592px;
}

.xh {
    height: 16px;
    width: 24px;
    background-position: 0 -608px;
}

.sn {
    height: 16px;
    width: 24px;
    background-position: 0 -624px;
}

.so {
    height: 16px;
    width: 24px;
    background-position: 0 -640px;
}

.sq {
    height: 16px;
    width: 24px;
    background-position: 0 -656px;
}

.sk {
    height: 16px;
    width: 24px;
    background-position: 0 -672px;
}

.sl {
    height: 16px;
    width: 24px;
    background-position: 0 -688px;
}

.sm {
    height: 16px;
    width: 24px;
    background-position: 0 -704px;
}

.sr {
    height: 16px;
    width: 24px;
    background-position: 0 -720px;
}

.sw {
    height: 16px;
    width: 24px;
    background-position: 0 -736px;
}

.ta {
    height: 16px;
    width: 24px;
    background-position: 0 -752px;
}

.te {
    height: 16px;
    width: 24px;
    background-position: 0 -768px;
}

.st {
    height: 16px;
    width: 24px;
    background-position: 0 -784px;
}

.su {
    height: 16px;
    width: 24px;
    background-position: 0 -800px;
}

.sv {
    height: 16px;
    width: 24px;
    background-position: 0 -816px;
}

.el {
    height: 16px;
    width: 24px;
    background-position: 0 -832px;
}

.en {
    height: 16px;
    width: 24px;
    background-position: 0 -848px;
}

.eo {
    height: 16px;
    width: 24px;
    background-position: 0 -864px;
}

.cy {
    height: 16px;
    width: 24px;
    background-position: 0 -880px;
}

.da {
    height: 16px;
    width: 24px;
    background-position: 0 -896px;
}

.de {
    height: 16px;
    width: 24px;
    background-position: 0 -912px;
}

.es {
    height: 16px;
    width: 24px;
    background-position: 0 -928px;
}

.fi {
    height: 16px;
    width: 24px;
    background-position: 0 -944px;
}

.fr {
    height: 16px;
    width: 24px;
    background-position: 0 -960px;
}

.fy {
    height: 16px;
    width: 24px;
    background-position: 0 -976px;
}

.et {
    height: 16px;
    width: 24px;
    background-position: 0 -992px;
}

.eu {
    height: 16px;
    width: 24px;
    background-position: 0 -1008px;
}

.img.fa {
    height: 16px;
    width: 24px;
    background-position: 0 -1024px;
}

.az {
    height: 16px;
    width: 24px;
    background-position: 0 -1040px;
}

.be {
    height: 16px;
    width: 24px;
    background-position: 0 -1056px;
}

.bg {
    height: 16px;
    width: 24px;
    background-position: 0 -1072px;
}

.af {
    height: 16px;
    width: 24px;
    background-position: 0 -1088px;
}

.am {
    height: 16px;
    width: 24px;
    background-position: 0 -1104px;
}

.ar {
    height: 16px;
    width: 24px;
    background-position: 0 -1120px;
}

.bn {
    height: 16px;
    width: 24px;
    background-position: 0 -1136px;
}

.cn {
    height: 16px;
    width: 24px;
    background-position: 0 -1152px;
}

.co {
    height: 16px;
    width: 24px;
    background-position: 0 -1168px;
}

.cs {
    height: 16px;
    width: 24px;
    background-position: 0 -1184px;
}

.bs {
    height: 16px;
    width: 24px;
    background-position: 0 -1200px;
}

.ca {
    height: 16px;
    width: 24px;
    background-position: 0 -1216px;
}

.ceb {
    height: 16px;
    width: 24px;
    background-position: 0 -1232px;
}

.it {
    height: 16px;
    width: 24px;
    background-position: 0 -1248px;
}

.ja {
    height: 16px;
    width: 24px;
    background-position: 0 -1264px;
}

.jv {
    height: 16px;
    width: 24px;
    background-position: 0 -1280px;
}

.in {
    height: 16px;
    width: 24px;
    background-position: 0 -1296px;
}

.ig {
    height: 16px;
    width: 24px;
    background-position: 0 -1312px;
}

.is {
    height: 16px;
    width: 24px;
    background-position: 0 -1328px;
}

.ka {
    height: 16px;
    width: 24px;
    background-position: 0 -1344px;
}

.ko {
    height: 16px;
    width: 24px;
    background-position: 0 -1360px;
}

.ku {
    height: 16px;
    width: 24px;
    background-position: 0 -1376px;
}

.ky {
    height: 16px;
    width: 24px;
    background-position: 0 -1392px;
}

.kk {
    height: 16px;
    width: 24px;
    background-position: 0 -1408px;
}

.km {
    height: 16px;
    width: 24px;
    background-position: 0 -1424px;
}

.kn {
    height: 16px;
    width: 24px;
    background-position: 0 -1440px;
}

.gu {
    height: 16px;
    width: 24px;
    background-position: 0 -1456px;
}

.ha {
    height: 16px;
    width: 24px;
    background-position: 0 -1472px;
}

.haw {
    height: 16px;
    width: 24px;
    background-position: 0 -1488px;
}

.ga {
    height: 16px;
    width: 24px;
    background-position: 0 -1504px;
}

.gd {
    height: 16px;
    width: 24px;
    background-position: 0 -1520px;
}

.gl {
    height: 16px;
    width: 24px;
    background-position: 0 -1536px;
}

.iw {
    height: 16px;
    width: 24px;
    background-position: 0 -1552px;
}

.ht {
    height: 16px;
    width: 24px;
    background-position: 0 -1568px;
}

.hu {
    height: 16px;
    width: 24px;
    background-position: 0 -1584px;
}

.hy {
    height: 16px;
    width: 24px;
    background-position: 0 -1600px;
}

.hi {
    height: 16px;
    width: 24px;
    background-position: 0 -1616px;
}

.hmn {
    height: 16px;
    width: 24px;
    background-position: 0 -1632px;
}

.hr {
    height: 16px;
    width: 24px;
    background-position: 0 -1648px;
}

/*********************fangdaxiaoguo**********************/
#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    transition: opacity .5s ease;
    z-index: 99999999999999999999999999999999999999;
}

#baguetteBox-overlay.visible {
    opacity: 1;
}

#baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

#baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height: 100%;
}

#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    color: #ccc;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    font-family: Verdana, Geneva, sans-serif;
}

#baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    -webkit-transition: left .4s ease, -webkit-transform .4s ease;
    transition: left .4s ease, -moz-transform .4s ease;
    transition: left .4s ease, -webkit-transform .4s ease;
    -o-transition: left .4s ease, -o-transform .4s ease;
    -moz-transition: left .4s ease, transform .4s ease, -moz-transform .4s ease;
    transition: left .4s ease, transform .4s ease;
    transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease;
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
    -moz-animation: bounceFromRight .4s ease-out;
    animation: bounceFromRight .4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
    -moz-animation: bounceFromLeft .4s ease-out;
    animation: bounceFromLeft .4s ease-out;
}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
    top: 50%;
    top: -webkit-calc(50% - 30px);
    top: -moz-calc(50% - 30px);
    top: calc(50% - 30px);
    width: 44px;
    height: 60px;
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, 0.5);
    color: #ddd;
    font: 1.6em sans-serif;
    -webkit-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    -moz-transition: background-color .4s ease;
    transition: background-color .4s ease;
}

.baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, 0.9);
}

.baguetteBox-button#next-button {
    right: 2%;
}

.baguetteBox-button#previous-button {
    left: 2%;
}

.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: -webkit-calc(2% + 6px);
    right: -moz-calc(2% + 6px);
    right: calc(2% + 6px);
    width: 30px;
    height: 30px;
}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0;
}

.spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    -moz-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    -moz-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes bounceFromRight {
    0% {
        margin-left: 0;
    }
    50% {
        margin-left: -30px;
    }
    100% {
        margin-left: 0;
    }
}

@-moz-keyframes bounceFromRight {
    0% {
        margin-left: 0;
    }
    50% {
        margin-left: -30px;
    }
    100% {
        margin-left: 0;
    }
}

@keyframes bounceFromRight {
    0% {
        margin-left: 0;
    }
    50% {
        margin-left: -30px;
    }
    100% {
        margin-left: 0;
    }
}

@-webkit-keyframes bounceFromLeft {
    0% {
        margin-left: 0;
    }
    50% {
        margin-left: 30px;
    }
    100% {
        margin-left: 0;
    }
}

@-moz-keyframes bounceFromLeft {
    0% {
        margin-left: 0;
    }
    50% {
        margin-left: 30px;
    }
    100% {
        margin-left: 0;
    }
}

@keyframes bounceFromLeft {
    0% {
        margin-left: 0;
    }
    50% {
        margin-left: 30px;
    }
    100% {
        margin-left: 0;
    }
}

@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@font-face {
    font-family: 'AvenirLTStdLight';
    src: url("../fonts/AvenirLTStdLight.eot");
    src: url("../fonts/AvenirLTStdLight.eot") format("embedded-opentype"), url("../fonts/AvenirLTStdLight.woff2") format("woff2"), url("../fonts/AvenirLTStdLight.woff") format("woff"), url("../fonts/AvenirLTStdLight.ttf") format("truetype"), url("../fonts/AvenirLTStdLight.svg#AvenirLTStdLight") format("svg");
    font-display: swap;
}

@font-face {
    font-family: 'RobotoBold';
    src: url("../fonts/RobotoBold.eot");
    src: url("../fonts/RobotoBold.eot") format("embedded-opentype"), url("../fonts/RobotoBold.woff2") format("woff2"), url("../fonts/RobotoBold.woff") format("woff"), url("../fonts/RobotoBold.ttf") format("truetype"), url("../fonts/RobotoBold.svg#RobotoBold") format("svg");
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url("../fonts/Roboto-Light.eot");
    src: url("../fonts/Roboto-Light.eot") format("embedded-opentype"), url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype"), url("../fonts/Roboto-Light.svg#Roboto-Light") format("svg");
    font-display: swap;
}

@font-face {
    font-family: 'RobotoRegular';
    src: url("../fonts/RobotoRegular.eot");
    src: url("../fonts/RobotoRegular.eot") format("embedded-opentype"), url("../fonts/RobotoRegular.woff2") format("woff2"), url("../fonts/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular.ttf") format("truetype"), url("../fonts/RobotoRegular.svg#RobotoRegular") format("svg");
    font-display: swap;
}

.zoomPad {
    position: relative;
    float: left;
    z-index: 99;
    cursor: crosshair;
}


.zoomPreload {
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #333;
    font-size: 12px;
    font-family: Tahoma;
    text-decoration: none;
    border: 1px solid #CCC;
    background-color: white;
    padding: 8px;
    text-align: center;
    background-image: url(../images/zoomloader.gif);
    background-repeat: no-repeat;
    background-position: 43px 30px;
    z-index: 110;
    width: 90px;
    height: 43px;
    position: absolute;
    top: 0px;
    left: 0px;
    *width: 100px;
    *height: 49px;
}


.zoomPup {
    overflow: hidden;
    background-color: #FFF;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 120;
    position: absolute;
    border: 1px solid #CCC;
    z-index: 101;
    cursor: crosshair;
}


.zoomOverlay {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #FFF;
    /*opacity:0.5;*/
    z-index: 5000;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 101;
}

.zoomWindow {
    position: absolute;
    left: 101% !important;
    top: 40px;
    background: #FFF;
    z-index: 6000;
    height: auto;
    z-index: 10000;
    z-index: 110;
}

.zoomWrapper {
    position: relative;
    border: 1px solid #999;
    z-index: 110;
}

.zoomWrapperTitle {
    display: block;
    background: #999;
    color: #FFF;
    height: 18px;
    line-height: 18px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 120;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.zoomWrapperImage {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 110;

}

.zoomWrapperImage img {
    border: 0px;
    display: block;
    position: absolute;
    z-index: 101;
}

.zoomIframe {
    z-index: -1;
    filter: alpha(opacity=0);
    -moz-opacity: 0.80;
    opacity: 0.80;
    position: absolute;
    display: block;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/
.zspart {
    font-size: 0;
    letter-spacing: 0;
}

.zsbox {
    width: 373px;
    display: inline-block;
    vertical-align: top;
    margin-left: 40px;
    margin-bottom: 35px;
    text-align: center;
}

.zscon {
    position: relative;
    overflow: hidden;
}

.zsbox img {
    display: block;
    width: 100%;
    max-width: 373px;
    max-height: 464px;
}

.zscover {
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: url(../images/zscover.png);
    text-align: center;
}

.zscover i {
    font-size: 50px;
    font-size: 5rem;
    color: #fff;
    margin-top: 51%;
    display: block;
}

.zsbox span {
    font-size: 20px;
    font-size: 2rem;
    color: #333333;
    display: block;
    margin-top: 21px;
    line-height: 30px;
}

.zsbox:hover .zscover {
    top: 0;
}

@media screen and (max-width: 1219px) {
    .zsbox {
        width: 300px;
    }

    .zsbox span {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 999px) {
    .zsbox {
        width: 31.333%;
        margin: 0 1%;
        margin-bottom: 30px;
    }

    .zsbox span {
        font-size: 16px;
        font-size: 1.6rem;
        margin-top: 15px;
    }

    .zscover {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .zsbox {
        width: 48%;
    }
}

@media screen and (max-width: 400px) {
    .zsbox span {
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 10px;
    }

    .zsbox {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 350px) {
    .zsbox {
        width: 98%;
    }
}

/**************  fbox  **************/
.fbox {
    padding-bottom: 16px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 30px;
}

.fbox div {
    margin-bottom: 16px;
}

.fbox div span {
    float: left;
    font-size: 20px;
    font-size: 2rem;
    color: #4c7cd9;
    font-family: 'RobotoBold', Arial, Helvetica, sans-serif;
    margin-right: 35px;
}

.fbox div p, .fbox div .hdnrd {
    overflow: hidden;
}

.fyfp1 p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    white-space: pre-wrap;
}

.fyfp2 p, .fyfp2 div.hdnrd {
    font-size: 16px;
    font-size: 1.6rem;
    color: #666666;
    line-height: 30px;
}

.fyfp2 div.hdnrd {
    white-space: pre-wrap
}

@media screen and (max-width: 999px) {
    .fyfp2 p, .fyfp2 div.hdnrd {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .fbox div span {
        font-size: 18px;
        font-size: 1.8rem;
        margin-right: 20px;
    }

    .fyfp1 p {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 767px) {
    .fyfp2 p, .fyfp2 div.hdnrd {
        line-height: 26px;
    }
}

.vlist {
    font-size: 0;
    letter-spacing: 0;
}

.vbox {
    width: 578px;
    display: inline-block;
    vertical-align: top;
    margin-left: 44px;
    margin-bottom: 42px;
}

.vbox img {
    display: block;
    width: 100%;
    max-width: 580px;
    max-height: 435px;
    cursor: pointer;
}

.vitu2 {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.vitu2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.vitu2 iframe body {
    margin: 0px !important;
}

.vcon {
    background: #f2f2f2;
    padding: 0 40px;
    padding-top: 52px;
    padding-bottom: 41px;
}

.vp1 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 38px;
    font-family: 'RobotoBold', Arial, Helvetica, sans-serif;
}

.vp2 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    margin-top: 10px;
}

@media screen and (max-width: 1219px) {
    .vbox {
        margin-left: 30px;
        width: 475px;
    }

    .vcon {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 35px;
        padding-bottom: 30px;
    }

    .vp1 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 999px) {
    .vbox {
        width: 48%;
        margin: 0 1%;
        margin-bottom: 30px;
    }

    .vp1 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 28px;
    }

    .vp2 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 26px;
    }

    .vcon {
        padding: 20px;
    }
}

@media screen and (max-width: 600px) {
    .vbox {
        width: 98%;
        margin-bottom: 20px;
    }
}


.aform .coxin .attachment {
}

.aform .coxin .attachment span {
    float: left;
}

.aform .coxin .attachment #file-name {
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aform .coxin .attachment .file-group {
    float: left;
    margin: 20px 0 0 0px;
    width: 207px;
    height: 46px;
    position: relative;
    overflow: hidden;
}

.aform .coxin .attachment .file-group .file-btn {
    border-radius: 28px;
    width: 100%;
    height: 100%;
    background-color: #CF0606;
    color: #FFFFFF;
}

.aform .coxin .attachment .file-group .file-single {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 111;
}

.aform .coxin .attachment .file-group .file {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 111;
}

.aform .coxin .attachment .file-name-p {
    height: 70px;
    display: flex;
    align-items: flex-end;
    line-height: 50px
}

.aform .coxin .attachment .file-name-p i {
    cursor: pointer;
}

.aform .coxin .attachment .file-name-p span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.pzuo .attribute {
    font-size: 16px;
}

.pzuo .attribute .name span {
    display: inline-block;
    width: 80%;
    overflow-y: hidden;
    color: #333;
}

.pzuo .attribute .name {
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #dcdcdc;
    padding: 0 30px 0 0px;
    box-sizing: border-box;
    cursor: pointer;
    color: #333;
    margin-bottom: 20px;
    position: relative;
}

.pzuo .attribute .name i {
    color: #999999;
    position: absolute;
    right: 5px;
    top: 0;
}

.pzuo .attribute .name.active {
    border-bottom: 1px solid #CF0606;
}

.pzuo .attribute .name.active span {
    color: #CF0606;
}

.pzuo .attribute .name.active i:before {
    content: "\e608";
    color: #CF0606;
}

.pzuo .attribute .item-box {
    background-color: #fff;
    padding: 10px 10px 10px 18px;
    box-sizing: border-box;
    max-height: 180px;
    overflow-y: auto;
    display: none;
    cursor: pointer;
    margin-top: -15px;
    margin-bottom: 20px;
}

.pzuo .attribute .item-box div {
    padding: 2px 0;
    color: #666f66;
}

.pzuo .attribute .item-box p input {
    display: inline-block;
    margin-right: 15px;
    position: relative;
    top: 1px
}

.pzuo .attribute .item-box div span {
    overflow-y: hidden;
    display: inline-block;
    vertical-align: middle;
    max-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #999;
}

.pzuo .attribute .check-box-div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.pzuo .attribute .check-box-div .icon {
    font-size: 18px
}

.pzuo .attribute .item-box.active {
    display: block
}


.sp_tankuang {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999999;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.sp_tankuang .spbox {
    width: 100%;
    max-width: 578px;
    margin: 0 auto;
    position: relative;
    top: 60px;
}

.vitu3 {
    position: relative;
    padding-bottom: 74.5674%;
    height: 0;
    overflow: hidden;
}

.vitu3 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.vitu3 iframe body {
    margin: 0px !important;
}

.guanbi {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.provideo {
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
    height: 0;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    overflow: hidden;
}

.provideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.provideo iframe body {
    margin: 0px !important;
}

@media screen and (max-width: 767px) {
    .provideo {
        border-radius: 0;
        border: none;
    }
}

.zanwu {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 15px
}

.disnone {
    display: none
}

/*xun pan tijiao*/

.xunpanlb .table {
    margin-top: 30px;
}

.xunpanlb .table .thead {
    font-size: 0;
    letter-spacing: 0;
    border: 1px solid #dcdcdc;
}

.xunpanlb .table .thead p {
    text-align: center;
    padding: 0 10px;
    font-size: 16px;
    line-height: 40px;
    width: 33.3333%;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box
}

.xunpanlb .table .thead p:nth-child(2) {
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
}

.xunpanlb .table .tbody {
    font-size: 0;
    letter-spacing: 0;
}

.xunpanlb .table .tbody .tread {
    border: 1px solid #dcdcdc;
    border-top: 0;
}

.xunpanlb .table .tbody .tread .td {
    height: 100%;
    text-align: center;
    padding: 10px 10px;
    font-size: 16px;
    line-height: 40px;
    width: 33.3333%;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box
}

.xunpanlb .table .tbody .tread .td:nth-child(2) {
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
}

.xunpanlb .table .tbody .td img {
    max-width: 110px;
}

.xunpanlb .table .tbody .td a {
    color: #666666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.xunpanlb .table .tbody .td a:hover {
    color: #CF0606;
}

@media screen and (max-width: 520px) {
    .xunpanlb .table {
        border-top: 1px solid #dcdcdc;
    }

    .xunpanlb .table .thead {
        display: none;
    }

    .xunpanlb .table .tbody .td {
        width: 100% !important;
    }

    .xunpanlb .table .tbody .tread .td:nth-child(2) {
        border: 0 !important;
    }
}

.listcart {
    margin-top: 30px;
    width: 100%;
    clear: both
}

.listcart a, .listcart button {
    display: inline-block;
    color: #fff;
    min-width: 160px;
    line-height: 40px;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 20px;
    background: #666;
    padding-left: 5px;
    padding-right: 5px;
    border: none;
    cursor: pointer
}

.listcart a:hover, .listcart button:hover {
    background: #CF0606;
    color: #fff;
}

@media screen and (max-width: 640px) {
    .listcart a, .listcart button {
        width: 100%;
        display: block
    }
}


.inquiry-success {
    text-align: center;
    margin-top: 5%;
    margin-bottom: 10%;
}

.inquiry-success * {
    text-align: center;
}

.inquiry-success p i {
    font-size: 60px;
    font-size: 6rem;
    color: #CF0606
}

.inquiry-success .text {
    font-size: 20px;
    color: #333333;
    margin: 20px 0;
}

.inquiry-success .but a {
    display: inline-block;
    width: 200px;
    height: 50px;
    background-color: #CF0606;
    color: #FFFFFF;
    line-height: 50px;
    padding: 0;
    border: 0;
    font-size: 16px;
    font-size: 1.6rem
}

.inquiry-success .but a:hover {
    background: #333;
    color: #fff
}

.syzhengshu {
    font-size: 0;
    letter-spacing: 0;
}

.syzsbox {
    width: 277px;
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
    margin-bottom: 46px;
    text-align: center;
}

.zscon {
    position: relative;
    overflow: hidden;
}

.syzsbox img {
    display: block;
    width: 100%;
    max-width: 373px;
    max-height: 464px;
}

.zscover {
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: url(../images/zscover.png);
    text-align: center;
}

.zscover i {
    font-size: 50px;
    font-size: 5rem;
    color: #fff;
    margin-top: 51%;
    display: block;
}

.syzsbox span {
    font-size: 20px;
    font-size: 2rem;
    color: #333333;
    display: block;
    margin-top: 21px;
    line-height: 30px;
}

.syzsbox:hover .zscover {
    top: 0;
}

@media screen and (max-width: 1219px) {
    .syzsbox {
        width: 280px;
    }

    .syzsbox span {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 999px) {
    .syzsbox {
        width: 23%;
        margin: 0 1%;
        margin-bottom: 30px;
    }

    .syzsbox span {
        font-size: 16px;
        font-size: 1.6rem;
        margin-top: 15px;
    }

    .zscover {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .syzsbox {
        width: 48%;
    }
}

@media screen and (max-width: 400px) {
    .syzsbox span {
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 10px;
    }

    .syzsbox {
        margin-bottom: 20px;
    }
}

.pro1-spec {
    overflow: hidden;
    margin-bottom: 30px;
}

.more-btn {
    float: left;
    text-transform: uppercase;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: underline;
}

.tankaunga {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 9999999999
}

.tankaunga:before {
    content: "X";
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    top: 10px;
    right: 10px;
    background: #fff;
    border-radius: 50%;
    font-size: 18px;
}

.tankaungn2 {
    position: fixed;
    left: 5%;
    top: 5%;
    right: 5%;
    bottom: 5%;
}

.tankaungn2 iframe, .tankaungn2 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.tankaungn2 iframe body {
    margin: 0px !important;
}

@media screen and (max-width: 767px) {
    .tankaungn2 {
        position: fixed;
        left: 5%;
        top: 10%;
        right: 5%;
        bottom: 10%;
    }
}
.slide iframe{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.slide video {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 101%;
  min-height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  display: none \9;
  display: block \9\0;
}
@media screen and (max-width: 999px) { .slide .carousel-control { display: none; }
  .slide .slideItem {
    position: relative;
  }
  .slide video {
    object-position: inherit;
    object-fit: inherit;
    width: 100%;
    height: 100%;
    transform: translate(0, 0);
    left: 0;
    top: 0;
  }
}