@charset "utf-8";
html, body { height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/**/
#loading { width: 100%; height: 100%; background-color: #be0100; position: fixed; left: 0; top: 0; z-index: 99999; text-align:center;vertical-align: middle; }
#loading img.svg{ width: 80%; max-width:500px; height:100%; display: inline-block; vertical-align:middle; -o-transition: .5s; -ms-transition: .8s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
#loading .gif { width: 200px; height: 200px; position: absolute; top: 50%; left: 50%; margin: -100px 0 0 -100px; background-image: url(../images/loader-sprite.png); animation: gif 1s steps(30) infinite; transform: scale(0.5); -webkit-transform: scale(0.5); background-size: cover; }
@keyframes gif {
	0% {background-position: 0 0;}
 100% {background-position: -6000px 0;}
}
img.imgload{ /*background:url(../icon/loading2.gif) no-repeat center;*/}
/**/
.header{ width:100%; height:70px;background: #000; position: fixed; left:0; top:0; z-index: 10000; transform: translate3d(0px, 0px, 0px);transition: transform 200ms ease-in-out;}
.header .slogan{ float:left; height:60px; padding:5px 15px; background: #be0100;}
.header .logo{ padding:14px; float:right; margin-right:5%;}
.header ul.navi{ float:left; padding-top:30px; padding-left: 40px; height:30px;}
.header ul.navi li{ float:left; margin-right: 40px; height:40px; line-height:40px;}
.header ul.navi li a:hover{ color:#FFF;}
.header .mobDot{ display:none; height:40px; line-height:40px; color:#FFF; float:left; padding-top:30px; margin-left:5%;}
/**/
.focuser{ width: 100%;  padding-top:70px; height: 75vh;background: #222;}
.focuser .swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;}
.focuser .arrow-left,
.focuser .arrow-right{ position: absolute; top: 50%; margin-top:-35px; width:70px; height:70px; line-height:70px; font-size:30px; text-align:center; color:#FFF; background-color:rgba(70,70,70,0.65); z-index:99999;}
.focuser .arrow-left { left: 0; }
.focuser .arrow-right { right: 0;}
.focuser .pagination{ position: absolute; z-index: 20; left:0; bottom:50px; text-align:center; width:100%; }
.focuser .pagination .swiper-pagination-bullet { display: inline-block; width:42px; height:12px; border-radius:0px; background-color:#d0d0d0; opacity:1; cursor: pointer; }
.focuser .pagination .swiper-pagination-bullet-active{ background-color:#be0100; }
.focuser .swiper-slide-active .anim{ -webkit-animation: fadeInDown .4s 0.4s ease-out both; -moz-animation: fadeInDown .4s 0.4s ease-out both; -o-animation: fadeInDown .4s 0.4s ease-out both; animation: fadeInDown .4s 0.4s ease-out both;text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.focuser .swiper-slide{}
.focuser .swiper-slide .tdvideo{ width:100%; height:auto; position: absolute; top: 50%; left: 50%;transform: translateX(-50%) translateY(-50%);}
.focuser .swiper-slide .words{ position:relative; width:50%; z-index:999;transform: translate3d(0, -50%, 0);top: 50%; padding:0 10%;}
.focuser .swiper-slide .words p,
.focuser .swiper-slide .words em{ font-size: calc(20px + (85 - 25) * ( (100vw - 320px) / (1680 - 320) ));line-height:1.1;text-transform: uppercase; color: white; margin:0;}
.focuser .swiper-slide .words em{ color: #be0100; font-style:normal;}
.focuser .swiper-slide .words cite{ font-size: calc(20px + (32 - 20) * ( (100vw - 320px) / (1680 - 320) ));line-height:1.1;text-transform: uppercase;color: white; margin-top: 20px;}
.focuser .swiper-slide .words a{ color: #be0100;}
.focuser .swiper-slide .words a:hover{ color: #ccc;}
/**/
.slogan2{ width: 90%; max-width:560px; margin: -30px auto 0;background: #be0100; padding:30px 20px; margin-bottom: 35px; text-align: center; text-transform: uppercase; color: #fff;position: relative; box-sizing:border-box; z-index:10;}
.slogan2 img{ width:100%; height:auto;}
.slogan2 .dock{ color:#FFF; font-size: 16px;}
.slogan2 .jor{ font-size:18px; letter-spacing:15px; padding-left: 15px;}
.slogan2 .nuo{ font-size:18px; letter-spacing:3px; border-top:#FFF 1px solid; border-bottom:#FFF 1px solid; padding:2px 0;}
/**/
.banner{ width:100%; height: 80vh; position:relative; padding-top: 70px;}
.banner .words{ position:relative; width:50%;padding:0 10%; transform: translate3d(0, -50%, 0);top: 50%; z-index:999; }
.banner .words em{ font-size: 25px; line-height: 30px; color: #be0100; font-style:normal; text-transform: uppercase; margin:0;margin-bottom: 8px;}
.banner .words cite{ font-size: calc(20px + (85 - 25) * ( (100vw - 320px) / (1680 - 320) )); line-height:1.1;text-transform: uppercase;color: white; }
.banner .words a{ color: #be0100;}
.banner .words a:hover{ color: #ccc;}
.banner .slogan2{ margin: 0 auto; position:relative; top: 50%;transform: translate3d(0, -50%, 0); z-index:999; }
/**/
.collection{ width: 90%; max-width: 1080px; margin: 0 auto;}
.coltitle span{ font-size: 24px; line-height:0.75;}
.coltitle h3{ font-size: 50px; line-height: 1; color: #424242}
.coltitle p{ font-size: 14px; margin: 5px 0 0 0; line-height: 1.45; color: #424242;}
/**/
.watchtiles{transition: transform 0.35s ease-in-out;transform: translate3d(0%, 0px, 0px);}
.watchtiles ul{ width: 100%; padding-top: 30px; min-height: 300px;}
.watchtiles ul li{ float: left; width: 25%; padding-bottom: 30px;}
.watchtiles ul li a{position: relative;display: block;width: 100%;}
.watchtiles ul li span{ display:block; width: 100%; text-align:center;text-transform: uppercase; font-size: 14px;vertical-align: baseline;}
.watchtiles ul li span.image{ padding-bottom:20px;}
.watchtiles ul li span.image img{max-width: 270px; width: 100%;height: auto; vertical-align: middle;}
.watchtiles ul li span.new{color: #be0100; line-height:1.2;}
.watchtiles ul li span.title{ color: #cbcbcb; transition: color 0.15s; line-height:1.2; }
.watchtiles ul li span.subtitle{ color: #cbcbcb; transition: color 0.15s; line-height:1.2; }
.watchtiles ul li a:hover span.title,
.watchtiles ul li a:hover span.subtitle{ color:#000;}
/**/
a.dock{ display:block; color:#000; padding-top:10px;}
a.dock i{ width:28px; height:28px; display:inline-block; border:#FFF 2px solid; text-align:center; font-size:14px; color:#FFF; line-height:28px; vertical-align:middle; margin-right:15px; border-radius:50%; overflow:hidden; background-position:-150px -150px; background:url(../images/shape_white.png) no-repeat; background-position:-150px -150px; -webkit-transition:background-position 250ms;-moz-transition:background-position 250ms;transition:background-position 250ms;}
a.dock:hover i{ background-position:-50px -50px; color:#424242;}
.header .slogan .dock{ display:inline-block;}
.header .slogan .dock i{ margin-right:5px;}
/**/
a.dock2{ display:block; color:#424242; padding-top:10px;}
a.dock2 i{ width:28px; height:28px; display:inline-block; border:#424242 2px solid; text-align:center; font-size:14px; color:#424242; line-height:28px; vertical-align:middle; margin-right:15px; border-radius:50%; overflow:hidden; background-position:-150px -150px; background:url(../images/shape_black.png) no-repeat; background-position:-150px -150px; -webkit-transition:background-position 250ms;-moz-transition:background-position 250ms;transition:background-position 250ms;}
a.dock2:hover i{ background-position:-50px -50px; color:#FFF;}
/**/
.readmore{ text-align:right;}
.readmore span{ display:block;font-size: 20px; line-height:1; color: #424242;text-transform: uppercase;margin-bottom: 4px;}
.readmore a i{ margin:0;}
/**/
.aboutrocos{ height:380px; margin-top:-30px; margin-bottom:60px; background:url(../images/about.jpg) no-repeat; background-size: cover; background-attachment: fixed; background-position: center;}
.aboutrocos .text{ text-align:center; padding-top:100px;}
.aboutrocos .text h3{font-size: 75px;color:#FFF;}
.aboutrocos .text hr{ width: 70px; height: 7px; border:none; background-color:#FFF; margin-top:20px;}
.aboutrocos .text a{color:#FFF; font-size: 30px; display:inline-block; padding-top:20px;}
/**/
.pushmap{ position: relative; width: 100%; max-width: 560px; height:380px; margin: 0 auto;}
.pushmap .text{ text-align:center; padding-top:100px;}
.pushmap .text h3{font-size: 75px;color:#000;}
.pushmap .text hr{ width: 70px; height: 7px; border:none; background-color:#000; margin-top:20px;}
.pushmap .text a{color:#000; font-size: 30px; display:inline-block; padding-top:20px;}
.pushmap img.map{ position:absolute; left:0; top:0; z-index:-1; transition: ease-in-out 0.2s;}
.pushmap.cur img.map{transform:scale(1.1,1.1);}
/**/
.Rebblock{ width: 90%; max-width:560px; margin:0 auto; padding:25px 0; background-color:#be0100; color:#FFF; margin-top:-30px; position:relative; z-index:99; text-align:center;font-size: 24px;}
.Rebblock a.dock{ color:#FFF;}
/**/
.ceramic{ position: relative; width: 90%; max-width: 1480px; margin: 0 auto 20px;overflow: hidden;}
.ceramic ul{ margin-right:-20px;}
.ceramic ul li{ width: calc(50% - 10px); height: calc(50% - 10px); margin-bottom:20px; float:left; background-color:#000; overflow:hidden; position:relative;}
.ceramic ul li p{ position:absolute; left:6%; bottom:6%; z-index:2; }
.ceramic ul li p u{ display:block; color:#be0100; font-size:24px; line-height:2; }
.ceramic ul li p b{ display:block; font-size:50px; color:#FFF; line-height:0.9; padding-bottom:15px;font-weight: normal;}
.ceramic ul li p em a.dock{ padding-top:0;}
.ceramic ul li p em a i{ height:55px; width:55px; line-height:55px; font-size:18px;}
.ceramic ul li.big{ margin-right:20px;}
.ceramic ul li a img{ width:100%; height:auto; transition: all 500ms; opacity: 0.15;}
.ceramic ul li a:hover img{transform: scale(1.1); -webkit-transform: scale(1.05); opacity: 0.3;}
/**/
.share{ text-align:center;    margin: 80px auto;}
.share .dock2 i{ padding:10px; font-size:24px;}
/**/
.footer{ background-color: #000; color: #848484; min-height:500px; padding-bottom:40px;}
.footer .flogo{ text-align:center; padding: 60px 0;}
.footer hr{ height:1px; border:0; background-color:#181818;}
.footer .sitemap{ padding: 60px 0;}
.footer .sitemap dl{ float:left; width:25%;}
.footer .sitemap dl dt{margin-bottom:30px;font-size: 16px; font-weight: normal; text-transform: uppercase; color: #424242; line-height:1.618;}
.footer .sitemap dl dt em{color: #848484; font-style:normal;}
.footer .sitemap dl dd{ margin-bottom: 15px;}
.footer .sitemap dl dd a{ font-size:12px; font-weight: normal; text-transform: uppercase; color: #848484; -webkit-transition:color 0.25s;-moz-transition:color 0.25s;transition:color 0.25s;}
.footer .sitemap dl dd a:hover{ color:#FFF;}
.footer .wechat{ width:135px; text-align:center;}
.footer .wechat b{ display:block; font-size:14px; padding-bottom:10px; font-weight:normal;}
.backtop{ padding:20px 0 20px; text-align:center;}
/**/
.m-navi{}
.m-navi ul{}
.m-navi ul li{padding: 25px 0; text-align:center; box-sizing: border-box;}
.m-navi ul li a{color: #424242; text-transform: uppercase;transition: color 0.25s;}
.m-navi ul li a:hover{ color:#FFF;}
/**/
ul.section{ width:90%; margin: 50px auto; vertical-align: middle;}
ul.section li{ height: 100%; display:inline-block; vertical-align: middle;margin-right: -3px;word-spacing: -6px;}
ul.section li img{ width:100%; height:auto;}
ul.section li article{ width: 80%;margin: 0 auto; height:100%; vertical-align: middle;}
ul.section li article h2{ font-size:50px;line-height: 1.2;  margin-bottom: 20px;text-transform: uppercase;}
ul.section li article h3{ font-size:40px; line-height: 1.2; margin-bottom: 20px;text-transform: uppercase;}
ul.section li article p{ line-height: 24px; margin: 20px 0; font-size:18px;}
/**/
ul.section01{ position:relative; z-index: 999;}
ul.section01 li{ width:50%;}
ul.section01 li.zt{ width:40%;}
ul.section02 li{ width:40%;}
ul.section02 li.end{ width:60%;}
/**/
.tdr-video .tdr-video_tag{ width:100%;}
.Bgfixed{ height:80vh; background:url(../images/xy04.jpg) no-repeat; background-size: cover; background-attachment: fixed; background-position: center;}
/**/
.editorial{margin: 80px auto; width: 80%; max-width: 560px;}
.editorial img{ max-width:100%; height:auto;}
.editorial h2{ font-size: 36px; margin-bottom: 20px;text-transform: uppercase;}
.editorial p{ line-height: 24px; margin: 20px 0; font-size: 18px;}
/**/
.carousel{ max-width:1280px; margin:0 auto 80px auto;}
.carousel h3{ color: #be0100; padding-bottom:20px;}
.carousel h3 b{ font-size: 50px; line-height:1.3;color: #424242; display:block;}
.carousel ul{}
.carousel ul li{ width:32%; float:left; margin-right:2%;}
.carousel ul li.end{ margin-right:0;}
.carousel ul li img{ width:100%; height:auto;}
.carousel ul li em{ display:block; font-size:20px; line-height:1; color: #424242;margin-top: 10px; font-style:normal;}
/**/
.jor_words{ width:90%; margin:0 auto 20px; padding-top:88px; padding-bottom:30px; text-align:center; background-color: #be0100; color:#FFFFFF}
.jor_words h3{ font-size:80px;}
.jor_words em{ font-size:34px;margin-top: 12px; font-style:normal;}
/**/
.jor_menu{ width:90%; margin:0 auto 20px; padding-top:90px; padding-bottom:30px; text-align:center; background-color: #be0100; color:#FFFFFF}
.jor_menu h3{ font-size:70px;}
.jor_menu h3::after{ content: "";display: block; background: #fff; margin-right: auto; margin-left: auto;width: 70px;height: 7px; margin-top: 8px;}
.jor_menu ul{ padding-top: 15px;}
.jor_menu ul li{ display:inline-block; padding: 0 10px;}
.jor_menu ul li a{font-size:16px;margin-top: 12px; font-style:normal; color: #FFF; padding-bottom: 5px;}
.jor_menu ul li a:hover,.jor_menu ul li a.on{ border-bottom: 1px #FFF solid;}
/**/
.productlist{ padding: 50px 0 0;}
.productlist .watchtiles{ padding-bottom: 50px;}
/**/
.presslist{position: relative;}
.presslist ul{ min-height: 500px;}
.presslist ul li{ float: left; width: 30%; margin-right: 5%; margin-bottom: 50px;}
.presslist ul li:nth-child(3n+0){ margin-right: 0;}
.presslist ul li a{ display:block;}
.presslist ul li span{}
.presslist ul li span img{ width: 100%; height: auto;}
.presslist ul li h2{ height: 60px; overflow: hidden;font-size: 30px;line-height: 30px;color: #424242; text-transform: uppercase; margin: 15px 0 10px;}
.presslist ul li p{ height: 140px; overflow: hidden; margin-bottom: 10px; font-weight: normal; line-height: 20px;color: #424242;}
.presslist ul li i{}
/**/
.pressbanner{ width:100%; height: 100vh; position:relative; padding-top: 70px;}
.pressbanner .words{ position:relative; width:50%;padding:0 10%; transform: translate3d(0, -50%, 0);top: 50%; z-index:999; }
.pressbanner .words em{ font-size: 25px; line-height: 30px; color: #be0100; font-style:normal; text-transform: uppercase; margin:0;margin-bottom: 8px;}
.pressbanner .words cite{ font-size: calc(20px + (85 - 25) * ( (100vw - 320px) / (1680 - 320) )); line-height:1.1;text-transform: uppercase;color: white; }
.pressbanner .words a{ color: #be0100;}
.pressbanner .words a:hover{ color: #ccc;}
.pressview{ margin-top: -86px;position: relative; z-index: 10;}
.pressview .box{ background-color:#FFF; /*width: 80%;*/ max-width: 560px;margin: 0 auto;  padding: 40px 80px;}
.pressview .box h1.title{ font-size: 50px; line-height: 1.1;}
.pressview .box .detail{ margin: 20px 0; line-height: 2;}
.pressview .box .detail img{ max-width: 100%;}
.pressview .box .detail table,.pressview .box .detail video{ max-width: 100%;}
/**/
.floatshare{ height:40px; position:fixed; left:0; bottom:0; width:100%; background-color:#FFF; z-index:999; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.floatshare ul{}
.floatshare ul li{ width:75px; height:40px; background-color:#FFF; float:right; line-height:40px; text-align:center;}
.floatshare ul li.c1{ background-color:#525252;}
.floatshare ul li.c2{ background-color:#3f3f3f;}
.floatshare ul li.c3{ background-color:#303030;}
.floatshare ul li.c4{ background-color:#202020;}
.floatshare ul li.c5{ width:200px; background-color:#000000; color:#FFF; text-transform:uppercase;}
.floatshare ul li.c5 img{ width:17px; height:17px; padding-bottom:3px; vertical-align:middle;}
.floatshare ul li.c6{ width:85px; background-color:#FFF;}
.floatshare ul li.c7{ width:85px; background-color:#FFF;}
.floatshare ul li.c8{ width:85px; background-color:#FFF;}
.floatshare ul li.c6 a:hover,.floatshare ul li.c7 a:hover,.floatshare ul li.c8 a:hover{ color:#000;}
.floatshare ul li img{ width:28px; height:28px; vertical-align:middle;}
/**/
.mobEwm{}
.mobEwm ul{ width:256px; min-height:256px; padding:40px; background-color:#FFF; margin:120px auto 0; position:relative; -webkit-animation: showSweetAlert .3s; animation: showSweetAlert .3s;}
.mobEwm ul li{ text-align:center;}
.mobEwm ul li.img{width:256px; height:256px;}
.mobEwm ul li.sub{ padding:8px 0; font-weight:bold;}
.mobEwm ul li.txt{ font-size:12px;}
.mobEwm ul li.txt a{ color:#FFF; background-color:#be0100; padding:0 3px 3px;}
.mobEwm ul li.close{ width:25px; height:25px; position:absolute; top:5px; right:5px;}
.mobEwm ul li.close a{ width:25px; height:25px; display:block; background:url(../images/dialog_box_close_btn.png) no-repeat center; cursor:pointer;}
.mobEwm ul li.close a:hover{transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
/**/
.contactbox{ height:640px; background:url(../images/contactus.jpg) no-repeat center top #060606; padding:105px 0 135px 0;}
.contactbox .wrap2{ max-width: 1000px; min-width: 310px;}
.contactbox .box{ background:url(../images/opacity75.png);}
.contactbox .box *{ color:#FFF;}
.contactbox .box .title{ padding-top:30px; padding-bottom:15px; text-align:center; background:url(../images/contact_line.png) no-repeat center bottom;}
.contactbox .box .title h1{ line-height:36px; line-height:36px; font-size:30px;}
.contactbox .box .title blockquote{ height:24px; line-height:24px; color:#b8b8b8; padding-top:10px;}
.contactbox .box p.title2{ line-height:24px; text-align:center; font-size:14px; color:#b8b8b8;}
.contactbox .box .box2{ padding:50px 0;}
.contactbox .box .box2 .formbox{ padding-left:50px; width:500px; float:left;}
.contactbox .box .box2 .formbox ul{}
.contactbox .box .box2 .formbox ul li{ padding:10px 0; min-height:22px; _height:22px;}
.contactbox .box .box2 .formbox ul li span{ float:left; width:75px; display:inline-block; height:22px; line-height:22px;}
.contactbox .box .box2 .formbox input.txt{ margin:0px; padding:0px; background:#FFF; height:22px; border:#cdcdcd 1px solid; line-height:22px; width:146px; color:#333;}
.contactbox .box .box2 .formbox textarea{margin:0px; padding:0px; background:#FFF; color:#333; border:#cdcdcd 1px solid; width:423px; height:75px;}
.contactbox .box .box2 .formbox input.btn{ width:125px; height:32px; background:#767676; border:none; text-align:center; color:#FFF; font-size:14px;}
.contactbox .box .box2 .textbox{ width:340px; float:right; padding-right:50px;}
.contactbox .box .box2 .textbox h2{ font-size:20px; height:20px; padding-bottom:10px; color:#e6e6e6;}
.contactbox .box .box2 .textbox p{ margin:0; height:30px; line-height:30px; color:#e6e6e6;}
.contactbox .box .box2 .textbox blockquote{ font-size:30px; height:36px; line-height:36px; font-family:Arial, Helvetica, sans-serif; color:#e6e6e6;}
.contactbox .box .box2 .textbox u{ font-size:14px; height:26px; line-height:26px; padding-top:10px; display:block; color:#e6e6e6;}
/*放大镜2*/
.piczoom{}
.piczoom .largepic{width:402px; height:402px; /*float:right;*/ position:relative; border:#f0f0f0 1px solid; box-sizing:border-box;}
.piczoom .largepic img{width:400px; height:400px;}
.piczoom .thumbs{ height:72px;overflow: hidden; margin-top:15px;}
.piczoom .thumbs .swiper-wrapper{ margin:0 25px;}
.piczoom .thumbs .swiper-wrapper .swiper-slide{ float: left; margin-right:10px;}
.piczoom .thumbs .swiper-wrapper .swiper-slide img{ width:70px; height:70px; border:#f0f0f0 1px solid;}
.piczoom .thumbs .swiper-wrapper .swiper-slide img.cloudzoom-gallery-active{ border-color:#000;}
.piczoom .thumbs a.Prevbtn,
.piczoom .thumbs a.Nextbtn { width: 13px; height: 26px; position: absolute; top: 50%; margin-top: -13px; background:url(../images/arrowb.png) no-repeat 0 0; z-index: 99999; cursor:pointer; }
.piczoom .thumbs a.Prevbtn { background-position:0 0; left:0; }
.piczoom .thumbs a.Nextbtn { background-position:-15px 0; right:0; }
.piczoom .thumbs a.Prevbtn:hover{ background-position:0 -26px;}
.piczoom .thumbs a.Nextbtn:hover{ background-position:-15px -26px;}
/*mobile*/
.picslide{ max-width:400px; max-height:400px; padding-bottom:20px;}
.picslide .swiper-wrapper{}
.picslide .swiper-slide{}
.picslide .swiper-slide img{ width:100%; height:auto; box-sizing:border-box;}
.picslide .pagination { position: absolute; z-index: 20; left:0px; bottom: 20px; text-align:center; width:100%; }
.picslide .pagination .swiper-pagination-switch { display: inline-block; width:8px; height:8px; border-radius:100%; background: #000; margin: 0 5px; opacity: 0.2; cursor: pointer; }
.picslide .pagination .swiper-visible-switch { opacity: 1; }
.picslide .pagination .swiper-active-switch { opacity: 1;}
/**/
.blk70{ height: 70px;}
.productshow{ padding:30px 0; background: url(../images/productbg.jpg) no-repeat center center; }
.productshow .wrap{ background: #FFF; padding:50px; max-width:1000px; width:1000px\9; min-width:320px; box-sizing:border-box;}
.productshow .picarea{ width:402px; float:left;}
.productshow .text{ width:450px; float:right;}
.productshow .text h1{ height:40px; line-height:40px; overflow:hidden; font-size:36px; color:#000; position:relative;}
.productshow .text h1 s{ width:30px; height:40px; display:inline-block; background:url(../images/lastest.jpg) no-repeat center center; position:absolute; right:0px;}
.productshow .text p{ margin:0px; padding:20px 0; font-size:18px; line-height:22px; color:#4e4e4e;}
.productshow .text ol.para{ width:410px; line-height:42px; background:url("data:image/gif;base64,R0lGODlhAQAqAPAAANfX1////ywAAAAAAQAqAAACBoyPqcsJBQA7");}
.productshow .text ol.para li{ height:42px; line-height:42px; font-size:14px;}
.productshow .text ol.para li span{ width:305px; float:right; color:#898989;}
.productshow .text .buy{ padding-top:50px;}
.productshow .text .buy a{ width:100%; background-color:#be0100; color:#FFF; display:block; height:38px; line-height:38px; font-size:18px; text-align:center;}
.productshow .text .buy a i{ font-size:24px;}
/**/
.grid{ padding:50px 0 20px;}
.grid ul{}
.grid ul li{ display:inline-block; width:40%; text-align:center; }
.grid ul li.end{ width:60%;}
.grid ul li b{ display:block; font-size:24px; font-weight:600; line-height:2;}
.grid ul li em{ display:block; padding-top:20px;}
.grid ul li em a{ padding:5px 20px; display:inline-block; border:#be0100 1px solid; font-size:16px; color:#be0100;}
.grid ul li em a:hover{ background-color:#be0100; color:#FFF;}
.grid ul li img{}
/**/
.policybanner{ height: 50vh;}
.policybox .box{ max-width:1000px;}
.policybox .text h1{ font-size:24px;font-family:microsoft yahei; height:30px; line-height:30px; padding-bottom:20px;}
.policybox .text h2{ font-size:12px; color:#575757; height:22px; line-height:22px; font-weight:bold;}
.policybox .text p{ margin:0px; line-height:22px; color:#a9a9a9;}
.policybox .text hr{border: 0;border-top: 1px dotted #000;border-bottom:none;}