@charset "utf-8";/*初始化样式*/

@font-face{

     font-family: 'My_font';

     src: url('font/My_font.eot');

     src:url('font/My_font.woff') format('woff'),

         url('font/My_font.ttf') format('truetype'),

         url('font/My_font.svg') format('svg');

}

html{width:100%;/*height: 100%;*/font-size:100px; }

body{

}

ul,li,form, dl,dt,dd, div{ padding: 0; margin: 0; }

.ul,.ul li{ list-style:none; }

.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0; margin:0;}

p{ margin:0; }

b,strong{ font-weight: bold; }

select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446; -webkit-appearance:default; }

input:focus { outline: none;}

body.hide{ overflow: hidden; }

select{-webkit-appearance:menulist; appearance:menulist;}



/*强制去除表单自带的样式*/

input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/ }



/*强制去除textarea自带的样式*/

textarea{resize:none;/*-webkit-appearance:none;*/}



textarea,input,select { background:none; border:none; margin:0; padding:0;}



/*html5设置*/

article,aside,footer,hgroup,nav,section,figure,figcaption{ display: block;}

figure,figcaption{ margin:0; padding:0;}

audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}

/*百度分享弹框*/

.bd_weixin_popup{ box-sizing: content-box; }

img{ border:none; border:0; vertical-align:top; max-width: 100%; }

span{ outline: none; }

a{ color:#333333; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); outline: none; }

a:link,a:visited,a:focus{outline:none;text-decoration: none; -moz-outline:none;}

a:hover{ text-decoration:none; color:#e22646;}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

*:before,

*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;overflow-x: hidden;}

.animate5s{ transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; }

.animate3s{ transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; }

.textover{overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap}

.textovers{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.t-center{ text-align: center; }

.t-left{ text-align: left; }

.t-right{ text-align: right; }

.x-half{ transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.y-half{ transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.xy-half{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }

.bg0{ background-color: #ffffff; }

.bg1{ background-color: #f8f8f8; }

.bg2{ background-color: #f6f6f6; }

.colr_main{ color:#009097; }

.colr_main2{ color:#009097; }

.colr0{ color:#fff; }

.colr1{ color:#000; }

.colr2{ color:#333; }

.colr3{ color:#666; }

.colr4{ color:#999; }

.o-hide{ overflow: hidden; }

.imgBox{ overflow: hidden; }

.imgBox img{ display: block; transform: scale(1); }

.imgh:hover img{ transform: scale(1.08); }

.pad70{ padding-bottom: 5.833%; }

.pad40{ padding-bottom: 3.333%; }

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

/*清楚浮动*/

.clear{ clear:both; height:0; overflow:hidden;}

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;

    font-size: 0;}

.clearfix { zoom: 1; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    color:#777777;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color:#777777;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

   color:#777777;

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */

   color:#777777;

}

/*初始化样式*/

.f_l{ float: left; display: inline-block; }

.f_r{ float: right; display: inline-block; }

.container{ margin:0 auto; max-width: 100%; padding-left: 0.15rem; padding-right: 0.15rem; }



.em{ font-style:normal; }



/**动画**/

*[data-animation]{ opacity: 0; }

.animated{ opacity: 1; }



/**导航**/

body{  }

.IndexBody{ padding-top: 0; }

.NoFixed #header{ position: absolute; }

#header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 999999999999; padding:0; z-index: 999; font-family: "微软雅黑"; background-color: #161617; }

.IndexBody #header{ background-color: transparent; }

.IndexBody #header:hover{ background-color: #161617; }

#header .t-cell{ height: 0.8rem; display: table-cell; vertical-align: middle; }

#header .logo{}

#header .logo img{ display: block; height: 0.52rem; }

#header .logo .phone{ display:none; }

#header .r_con{ line-height: 0.3rem; }

#header .r_con .PBox{ display:inline-block; }

#header .r_con .Menu{ display: inline-block; vertical-align:middle; }

#header .r_con .Menu>li{ display: inline-block; vertical-align:top; }

#header .r_con .Menu .title{ font-size: 0.15rem; position: relative; z-index: 2; }

#header .r_con .Menu .title:after{ content: ""; position: absolute; display: block; width: 0; left: 50%; top:100%; margin-top: 0.23rem; transition: all 0.2s ease-in-out; background: #009097; height: 0.02rem; z-index: 2; }

#header .r_con .Menu>li:hover .title:after,

#header .r_con .Menu .on .title:after{ left: 0; width: 100%; }

#header .r_con .Menu>li:hover .Lib{ display: block; opacity: 1; margin-top: 0; transform: scale(1); }

#header .r_con .Menu .Lib{ position: absolute; left: 0; width: 100%; padding:0.25rem 0; opacity: 0; transform: scale(0); margin: -0.5rem 0 0; transition: margin 0.3s ease-in-out,opacity 0.3s ease-in-out; }

#header .r_con .Menu .Lib .ul{ padding:0.3rem 0; text-align:right; }

#header .r_con .Menu .Lib .Box{ background: rgba(0,0,0,0.5); }

#header .r_con .Menu .Lib .imgBox{ display: block; margin-bottom: 0.18rem; }

#header .r_con .Menu .Lib .Type{ font-size: 0.16rem; color:#fff; line-height: 1.4em; }

#header .r_con .Menu .Lib .aBox{ padding:0.5em 0; font-size: 0.16rem; line-height: 1.4em; }

#header .r_con .Menu .Lib .div{ padding:0.2em 0; font-size: 0.16rem; line-height: 1.4em; }

#header .r_con .Menu .Lib .div a{ color:#ccc; display: inline-block; }

#header .r_con .Menu .Lib .div a:hover{ transform: translateX(0.3em); color:#009097; }

#header .r_con .Menu .title a{ color:#fff; }

#header .r_con .Menu>li:hover .title a{ color:#009097; }

#header .r_con .Menu>li.on .title a{ color:#009097; }

#header .r_con .SBtn{ height: 0.3rem; width:0.3rem; display:inline-block; vertical-align: middle; background:transparent url(../images/icon_search.png) no-repeat center; cursor: pointer; border-radius: 50%; }

#header .r_con .SBtn:hover{ background-image:url(../images/icon_search_h.png); }

#header .r_con .MBtn{ height: 0.3rem; width:0.3rem; margin:0 .06rem; display:inline-block; vertical-align: middle; background:transparent url(../images/icon_member.png) no-repeat center; cursor: pointer; border-radius: 50%; }

#header .r_con .MBtn:hover{ background-image:url(../images/icon_member_h.png); }

#header .r_con .LBtn{ font-size:.15rem; color:rgba(255,255,255,.6); display: inline-block; vertical-align:middle; }

#header .r_con .LBtn:hover{ color:#009097; }

#header .r_con .login{ display:inline-block; vertical-align:middle; padding:0 .05rem; }

#header .r_con .login a{ font-size:.14rem; line-height:1.4em; color:#fff; margin:0 .03rem; }

#header .r_con .login a:hover{ color:#009097; }

#header .r_con .SearchBox{ display: none; position: absolute; top:50%; left:0; width: 100%; z-index: 3; }

#header .r_con .SearchBox .container{ position: relative; }

#header .r_con .SearchBox .Form{ display: block; position: absolute; height: 0.42rem; width: 70%; top: -0.26rem; right: 0.15rem; background: #fff; padding-right: 0.4rem; }

#header .r_con .SearchBox .TipsBlock{font-size:0.14rem; line-height:1.4em; display: block; position: absolute; padding:0.03rem 0; width: 70%; top: 0.16rem; right: 0.15rem;}

#header .r_con .SearchBox .TipsBlock a{ color:#aaa; }

#header .r_con .SearchBox .TipsBlock a+a{ margin-left:1.2em; }

#header .r_con .SearchBox .TipsBlock a:hover{ color:#009097; }

#header .r_con .SearchBox .Key{ width: 100%; display: block; height: 0.42rem; line-height: 0.42rem; font-size:0.14rem; padding:0; color:#999999; background: #fff; padding:0 0.15rem; }

#header .r_con .SearchBox .submit{ position: absolute; right:0; top:0; width: 0.4rem; height: 100%; display: block; cursor: pointer; background: url(../images/icon_search2.png) no-repeat center; }

#header .r_con .SearchBox .submit:hover{ background-image: url(../images/icon_search2_h.png); }

.SmallHeader #header{ background:#1d1d1d; }



/***会员登录***/

#MemberTank{ position:fixed; left:0; top:0; height:100%; width:100%; background-color:rgba(0,0,0,.5); z-index:999; display:none; }

#MemberTank .Block{ position: absolute; left:50%; top:50%; background-color:#fff; border-radius:10px; width:4.5rem; text-align:center; overflow:hidden; max-width:90vw;/ }

#MemberTank .Block .logo{ height:.32rem; }

#MemberTank .Block .exit{ display:block; position: absolute; right:.15rem; top:.1rem; font-size:.22rem; color:#999; line-height:1em; }

#MemberTank .Block .exit:hover{ color:#e32646; }

#MemberTank .pad{ padding:.35rem .38rem; }

#MemberTank .form{ display:block; width:100%; color:#999999; }

#MemberTank .form .word{ font-size:.26rem; line-height:1.4em; color:#222222; margin:.35rem 0 .3rem; }

#MemberTank .form .label{ position: relative; padding:0; margin:0; font-weight:normal; display:block; width:100%; padding-left:.44rem; font-size:0; line-height:0; color:#999; }

#MemberTank .form .label+.label{ margin-top:.15rem; }

#MemberTank .form .icon{ width:.44rem; height:.44rem; position: absolute; left:0; top:0; background:#fafafa no-repeat center; border:1px solid #d5d5d5; border-right:0 none; border-top-left-radius:5px; border-bottom-left-radius:5px; }

#MemberTank .form .input{ height:.44rem; line-height:.44rem; border:1px solid #d5d5d5; border-top-right-radius:5px; border-bottom-right-radius:5px; width: 100%; font-size:.15rem; color:#777777; padding:0 .15rem; }

#MemberTank .form .name{ background-image:url(../images/memer/login1_1.png); }

#MemberTank .form .password{ background-image:url(../images/memer/login1_2.png); }

#MemberTank .form .code{ background-image:url(../images/memer/login1_3.png); }

#MemberTank .form .codeBox{ padding-right:1.63rem; }

#MemberTank .form .codeBox .codeImg{ position: absolute; right:0; top:0; height:.44rem; width:1.45rem; cursor:pointer; }

#MemberTank .form label.checkBox{ padding-left:0; cursor:pointer; }

#MemberTank .form .checkBox .check{ position: absolute; left:0; top:0; opacity:0; }

#MemberTank .form .checkBox .word1{ position: relative; display:block; text-align:left; padding-left:.25rem; }

#MemberTank .form .checkBox .word1::before{ content:""; position: absolute; left:0; top:.02rem; height:.16rem; width:.16rem; border:1px solid #e32646; }

#MemberTank .form .checkBox .check:checked+.word1::before{ background:#e32646 url(../images/icon_check.png) no-repeat center; }

#MemberTank .form .word1{ font-size:.14rem; line-height:.2rem; }

#MemberTank .form .word2{ font-size:.12rem; }

#MemberTank .form .word3{ font-size:.12rem; margin:.11rem 0 .15rem; }

#MemberTank .form .Btns{ padding-left:0; }

#MemberTank .form .Btns .Btn{ display:block; width:100%; line-height:.44rem; height:.44rem; text-align:center; color:#fff; font-size:.16rem; border-radius:.22rem; background-color:#e32646; }

#MemberTank .form .Btns .Btn:hover{ background:#f34562; }

#MemberTank .form .Btns+*{ margin-top:.1rem; }

#MemberTank .Tabtit{ font-size:0; line-height:0; text-align:center; }

#MemberTank .Tabtit .a{ font-size:.16rem; line-height:.6rem; color:#999999; display:inline-block; width:50%; vertical-align:top; background-color:#efefef; }

#MemberTank .Tabtit .a:hover{ background-color:#f1f1f1; }

#MemberTank .Tabtit .a.on{ background-color:#fff; }

#MemberTank a:hover{ color:#e32646; }



/**底部**/

#footer{ background-color:#161617; }

#footer .Top{ background:#27272a; }

#footer .Box{ padding:5.5% 0 5%; }

#footer .cont1{ float: left; width:22%; display:inline-block; padding-right: 2%; }

#footer .cont2{ float: left; width:20%; display:inline-block; padding-right: 2%; }

#footer .cont3{ float: left; width:14%; display:inline-block; padding-right: 2%; }

#footer .cont4{ float: left; width:16%; display:inline-block; }

#footer .cont5{ float: right; width:28%; }

#footer .title{ font-size: 0.16rem; line-height: 1.2em; color:#ffffff; margin-bottom: 0.2rem; text-transform:uppercase; }

#footer .title::after{ content:""; display:block; height:.02rem; width:1em; background: #009097; margin-top:.1rem; }

#footer .aBox{ font-size: 0.14rem; line-height: 1.5em; color:#999999; }

#footer .aBox .div{ padding:0.03rem 0; }

#footer .aBox a{ display: inline-block; color:#999999; transition: all 0.3s ease-in-out; }

#footer .aBox.a .div a:hover{ color:#009097; transform: translateX(0.2em); }

#footer .form{ display:block; position: relative; border-radius:.05rem; overflow:hidden; background-color:#fff; padding-right:.7rem; margin-bottom:.15rem; }

#footer .form .Key{ width:100%; display:block; font-size:.14rem; height:.4rem; line-height:.4rem; padding:0 .13rem; color:#999999; }

#footer .form .submit{ display:block; position: absolute; right:0; top:0; height:.4rem; line-height:.4rem; text-align:center; width:.7rem; font-size:.16rem; color:#ffffff; background-color:#009097; cursor:pointer; }

#footer .form .submit:hover{ background-color:#db512c; }

#footer .Bot{ background:#000; font-size: 0.14rem; line-height: 1.4em; padding:0.18rem 0; color:#626262; }

#footer .Bot .logo{ margin-right:.15rem; }

#footer .Bot .logo img{ height:.3rem; }

#footer .Bot a{ color:#626262; }

#footer .Bot a:hover{ color:#fff; }



/**公用**/

/**标题**/

.AutoTitle1{}

.AutoTitle1 .Atit{ font-weight: bold; font-size: 0.3rem; line-height: 1.2em; color:#333333; }

.AutoTitle1 .Aword{ font-size: 0.17rem; color:#555555; line-height: 1.8em; }

.AutoTitle2{}

.AutoTitle2 .h2{ font-size:.3rem; line-height:1.2em; color:#333333; }

/**分页**/

.PageBox{ padding:0.25rem 1%; text-align: center; font-size: 0.16rem;; }

.PageBox a{ color:#333333; display: inline-block; vertical-align: middle; margin:0.03rem 0.04rem; border: 0.01rem solid #aaaaaa; transition:all 0.3s; padding:0 15px; line-height: 0.4rem; padding:0 1em; }

.PageBox a.on{ color:#009097; border-color: #009097; }

.PageBox a:hover{ color:#009097; border-color: #009097; }

.PageBox .prev,

.PageBox .next{ text-indent: 9999em; overflow: hidden; width: 2.7em; background-position: center; background-repeat: no-repeat; background-image: url(../images/icon_jt3.png); }

.PageBox .prev{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); }

.PageBox .prev:hover,

.PageBox .next:hover{ background-image: url(../images/icon_jt3_h.png); }

/**返回顶部**/

.return #ReturnTop{ display: block; }

#ReturnTop{ height: 0.52rem; width: 0.6rem; background:#009097 url(../images/icon_jt7.png) no-repeat center; display: block; position: fixed; right: 0.3rem; bottom:10%; cursor: pointer; display: none; z-index:9; }

#ReturnTop:hover{ background-color: #fb506d; }

/**图片弹框**/

#TankImg .modal-lg{ position: relative; margin:0.5rem auto; max-width: 90%; }

#TankImg .modal-lg .exit{ position: absolute; right: -0.3rem; top: -0.3rem; display: block; width: 0.3rem; height: 0.3rem; background-position:-2.55rem -0.63rem; cursor: pointer; border-radius: 0.05rem; }

#TankImg .modal-lg .exit:hover{ background-color: #0288e1; }

#TankImg .modal-content{ border-radius: 0; padding:0.3rem; }

#TankImg .title{ font-size: 0.16rem; color:#555555; line-height: 1.6em; padding:0.25rem 0 0; }

/**视频弹框**/

.TankVideoBox{ position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 9999; background-color: rgba(0,0,0,0.2); display: none; cursor: pointer; }

.TankVideoBox .VideoBox{ position: absolute; }

.TankVideoBox .VideoBox video{ display: block; width: 100%; }

/**弹框图片**/

#galpop-wrapper{ z-index: 999; }

.lock-scroll{ overflow: visible!important; }

/**微信弹框**/

#bsBox,#bsBox *{ box-sizing: content-box; }

/***分享***/

.bshare-custom{}

.bshare-custom a{ border-radius: 50%; display: inline-block; vertical-align: middle; width:0.18rem; height:0.18rem; transition: all 0.3s ease-in-out; position: relative; background:no-repeat center; }

.bshare-custom a+a{ margin-left:.21rem; }

.bshare-custom a:hover{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none;}

.bshare-custom .pinterest{ background-image: url(../images/icon_f_icons1.png); }

.bshare-custom .facebook{ background-image: url(../images/icon_f_icons2.png); }

.bshare-custom .instagram{ background-image: url(../images/icon_f_icons3.png); }

.bshare-custom .youtube{ background-image: url(../images/icon_f_icons4.png); }

.bshare-custom .twitter{ background-image: url(../images/icon_f_icons5.png); }

.bshare-custom .pinterest:hover{ background-image: url(../images/icon_f_icons1_h.png); }

.bshare-custom .facebook:hover{ background-image: url(../images/icon_f_icons2_h.png); }

.bshare-custom .instagram:hover{ background-image: url(../images/icon_f_icons3_h.png); }

.bshare-custom .youtube:hover{ background-image: url(../images/icon_f_icons4_h.png); }

.bshare-custom .twitter:hover{ background-image: url(../images/icon_f_icons5_h.png); }

/**Banner图片**/

#IndexBan{ position: relative; }

#IndexBan .BanPoints{ position: absolute; bottom:0.25rem; z-index: 2; text-align: center; }

#IndexBan .BanPoints .swiper-pagination-bullet{ transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; background:#999999; background-color: transparent; border:0.01rem solid #fff; width: 0.15rem; height: 0.05rem; border-radius: 0; opacity: 1; vertical-align: middle; }

#IndexBan .BanPoints .swiper-pagination-bullet-active{ background:#fff; }

#IndexBan .PNBtn span{ position:absolute; top:50%; margin-top:-0.25rem; z-index:33333; display:block; height:0.5rem; width:0.5rem; border-radius:50%; opacity:0; }

#IndexBan:hover .PNBtn span{ opacity:0.7; }

#IndexBan .PNBtn .Banprev{ background:url(../images/icon_jt6_1_h2.png) no-repeat 45% center; left:0.15rem; }

#IndexBan .PNBtn .Bannext{ background:url(../images/icon_jt6_2_h2.png) no-repeat 55% center; right:0.15rem; }

#IndexBan .icon{ display:block; position: absolute; left:50%; margin-left:-.25rem; bottom:.4rem; background:url(../images/run.gif) no-repeat center; height:.5rem; width:.5rem; z-index:2; }

#AutoBan{ position: relative; overflow: hidden; }

#AutoBan img{ display: block; max-width: 100%; animation: scaleAnim 5s ease forwards; }

#AutoBan .pc{ display: block; }

#AutoBan .phone{ display: none; }

#AutoBan .word{ display: block; position: absolute; width:90%; left: 50%; top: 50%; color:#fff; text-align: center; font-size: 0.56rem; line-height: 1.2em; letter-spacing: 0.1em; }

@keyframes scaleAnim{

    0%{

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    100%{

        -webkit-transform: scale(1.1);

        transform: scale(1.1);

    }

}



/**首页**/

#IndexBlock1{}

#IndexBlock1 li{ padding:40px 0;  }

#IndexBlock1 li:nth-child(odd){ /*background-color: #1e1e1e; */}

#IndexBlock1 li:nth-child(even){ background-color: #fff; }
#IndexBlock1 li .container { border-bottom:2px solid  rgba(255,255,255,.05); padding-bottom:50px;}

#IndexBlock1 li .Box{ display:block; position: relative; }

#IndexBlock1 li .Box img{ max-height:4.2rem; }

#IndexBlock1 li .Box .imgBox{ overflow:visible; }

#IndexBlock1 li:nth-child(odd) .imgBox{ text-align:left; margin-left:52%; }

#IndexBlock1 li:nth-child(even) .imgBox{ text-align:right; margin-right:52%; }

#IndexBlock1 li .word{ position: absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); }

#IndexBlock1 li:nth-child(odd) .word{ text-align:left; width:48%; left:0; }

#IndexBlock1 li:nth-child(even) .word{ text-align:right; width:48%; right:0; }

#IndexBlock1 li .h3{ font-weight:normal; margin:0; font-size:.36rem; color:#009097; line-height:1.1em; }


#IndexBlock1 li .txt{ font-size:.16rem; color:; line-height:35px; margin-bottom:.25rem; }

#IndexBlock1 li .more{ display:inline-block; font-size:.14rem; line-height:.34rem; color:#009097; border:1px solid #009097; border-radius:.17rem; padding:0 .15rem;  }

#IndexBlock1 li .more .em{ display:block; text-transform:uppercase; background:url(../images/icon_jt1_2.png) no-repeat right center/0; }

#IndexBlock1 .Box:hover .h3{ color:#009097; }

#IndexBlock1 .Box:hover .more{ color:#fff; background-color:#009097; }

#IndexBlock1 .Box:hover .more .em{ padding-right:.35rem; background-size:.22rem auto; }

#IndexBlock1 li .h3{}

#IndexBlock2{}

#IndexBlock2 .h2{ font-size:34px; letter-spacing:10px; line-height:1.4em; color:#333; text-transform:uppercase; margin:7% 0 4%; }

#IndexBlock2 .ul{ margin:-.08rem; font-size:0; line-height:0; height:500px; }

#IndexBlock2 .ul li{ display: inline-block; vertical-align:top; width:33.3333333333%; padding:10px; text-align:center; }


#IndexBlock2 .ul li .cpk { position:relative; width:100%; height:300px; overflow:hidden; transition: all 0.4s;}
#IndexBlock2 .ul li .cpk img { position:absolute; top:0px; left:0px;}
#IndexBlock2 .ul li .cpk h4 { position:absolute; z-index:2; top:120px; margin:0px auto; width:100%;}
#IndexBlock2 .ul li .cpk h4 p { font-size:18px; line-height:30px; color:#fff;}
#IndexBlock2 .ul li .cpk h4 b { width:50px; height:2px; background:#fff; margin:20px auto; display:block; transition: all 0.4s;}
#IndexBlock2 .ul li .cpk:before { content:" "; width:0px; height:0px; background:rgba(199,0,11,.8); position:absolute; top:0px; left:0px; z-index:1; display:block;} 




#IndexBlock2 .ul a:hover li .cpk { margin-top:0px;} 
#IndexBlock2 .ul a:hover li .cpk img { }
#IndexBlock2 .ul a:hover li .cpk h4 b { width:0px;}
#IndexBlock2 .ul a:hover li .cpk:before { width:100%; height:100%;} 


#IndexBlock2 .s-title{ font-size:.2rem; line-height:1.4em; color:#fff; text-transform:uppercase; margin:5% 0 4%; }

#IndexBlock2 .swiperBox{ position: relative; margin-bottom:8.3%; }

#IndexBlock2 .swiperBox .swiper-container{ width:8.5rem; max-width:100%; }

#IndexBlock2 .word{ font-size:.15rem; line-height:.22rem; color:#fff; margin-bottom:.2rem; }

#IndexBlock2 .name{ font-size:.16rem; line-height:1.4em; color:#009097; }

#IndexBlock2 .PNBtn{}

#IndexBlock2 .PNBtn span{ display:block; height:.4rem; width:.4rem; position: absolute; top:50%; margin-top:-.2rem; border-radius:50%; background:#dddddd no-repeat center; z-index:2 }

#IndexBlock2 .PNBtn span:hover{ background-color: #009097; }

#IndexBlock2 .PNBtn .prev{ background-image:url(../images/icon_jt1_1.png); left:0; }

#IndexBlock2 .PNBtn .next{ background-image:url(../images/icon_jt1_2.png); right:0; }


.jiaru { width:100%; background:url(../images/jiarubg1.jpg) no-repeat top center; height:200px; text-align:center; clear:both; overflow:visible;}
.jiaru h4 { font-size:28px; line-height:70px; color:#fff;}
.jiaru p { line-height:25px; font-size:15px; color:#666;}
.jiaru .more { width:160px; line-height:45px; height:45px; border:1px solid #009097; margin:20px auto 0px; color:#fff; background:#009097;  font-size:16px; border-radius:25px;}







#IndexBlock3{ position: relative; color:#fff; }

#IndexBlock3 img{ display:block; }

#IndexBlock3 .pad{  width:50%; padding-right:5%; float:left; }
#IndexBlock3 .pad .zy { width:100%; float:left;}
#IndexBlock3 .pad  dl { width:20.333333%; text-align:center; color:#fff; font-size:15px; float:left; margin:40px auto; }
#IndexBlock3 .pad  dl dt { width:80px; height:80px;  border-radius:50%; border:1px solid #FFF; text-align:center;transition:all 0.4s;}
#IndexBlock3 .pad  dl dt img { width:55%; margin:20px auto; }
#IndexBlock3 .pad  dl dd { line-height:50px; text-align:left; padding-left:22%;}
#IndexBlock3 .pad  dl:hover dt { transform:rotate(360deg); background:#009097; border:1px solid #009097;}




.sjsz {width:100%; margin:0px auto; height:883px;}
#IndexBlock3 .sjs { float:right; width:48%;}
#IndexBlock3 .sjs dl { width:170px; height:170px; float:left; margin:15px; position:relative; overflow:hidden; transition:all 0.4s;}
#IndexBlock3 .sjs dl dt { width:170px; height:170px; position:absolute;}
#IndexBlock3 .sjs dl dt img { width:100%; height:100%;}
#IndexBlock3 .sjs dl dd { position:absolute; z-index:1; background:rgba(0,0,0,0); text-align:center; line-height:35px; color:#fff; bottom:0px; left:0px; width:100%;}


#IndexBlock3 .sjs dl:before { content:" "; width:0px; height:0px; background:rgba(199,0,11,.8); position:absolute; top:0px; left:0px; z-index:1; display:block;} 
#IndexBlock3 .sjs a:hover dl { transform:translate(0px,-10px)}
#IndexBlock3 .sjs a:hover dl:before { width:100%; height:100%;} 


#IndexBlock3 .word{ position: absolute; left:0; width:100%; top:50%; }

#IndexBlock3 .h3{ text-transform:uppercase; font-size:38px; line-height:1.2em; color:#fff; letter-spacing:10px; }

#IndexBlock3 .txt{ font-size:16px; line-height:25px; margin:.05rem 0 5.8%; }

#IndexBlock3 .more{ display: inline-block; height:.38rem; width:1.08rem; border-radius:.19rem; background:#009097 url(../images/icon_jt2.png) no-repeat center; }

#IndexBlock3 .more:hover{ background-color:#db512c; }

#IndexBlock4{}

#IndexBlock4 .h2{ width:100%; margin:60px auto;}

#IndexBlock4 .h2 b { font-size:34px; line-height:70px; font-weight:400; letter-spacing:10px; color:#333; text-transform:uppercase; margin:6% 0 2.2%; }

#IndexBlock4 .h2 p { font-size:15px; line-height:25px; color:#666;  width:70%; margin:10px auto; }

#IndexBlock4 .ul{ font-size:0; line-height:0; padding-bottom:50px; }

#IndexBlock4 li{ display: inline-block; float: left; }
#IndexBlock4 .jiameng li { width:46%!important; margin:0px 2%; }
#IndexBlock4 .jiameng li .word{ background: rgba(229,89,38,.0);} 
#IndexBlock4 .jiameng li img { height:250px;}
#IndexBlock4 .jiameng li .word {  margin-top:0px;}
#IndexBlock4 .jiameng li .word { text-align:center;}
#IndexBlock4 .jiameng li .textover { text-align:center;  line-height:20px; font-size:18px; font-weight:400;}

#IndexBlock4 li:nth-child(1){ width:66.25%; margin-right:1.25%; }

#IndexBlock4 li:nth-child(2){ width:32.5%; margin-bottom:.75%; }

#IndexBlock4 li:nth-child(3){ width:32.5%; }

#IndexBlock4 .Box{ display: block; position: relative; }

#IndexBlock4 .Box img{ display:block; }

#IndexBlock4 .Box .word{ position: absolute; left:0; bottom:0; width:100%; color:#fff; padding:.15rem .3rem; }

#IndexBlock4 .Box .time{ display:block; font-size:.14rem; line-height:1.4em; }

#IndexBlock4 .Box p{ font-size:.24rem; line-height:1.4em; }

#IndexBlock4 .Box p::after{ content:""; display: block; width:2em; height:0; background-color:#009097; transition:all .3s; }

#IndexBlock4 .Box:hover p::after{ height:.02rem; }

/**邮箱弹框**/

#EmailTank{ position: fixed; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,.45); z-index:2; }

#EmailTank .Box{ background-color:#fff; border-radius:.08rem; position:absolute; left:50%; top:50%; width:7.5rem; max-width:92vw; text-align:center; }

#EmailTank .Box .exit{ position: absolute; right:.2rem; top:.2rem; display:block; height:.15rem; width:.15rem; cursor: pointer; transform:rotate(0deg); transition:all .3s; background:url(../images/exit.png) no-repeat center; }

#EmailTank .Box .exit:hover{ transform:rotate(45deg); }

#EmailTank .Box .pad{ padding:.6rem 8%; }

#EmailTank .Box .h4{ font-size:.5rem; line-height:1.2em; font-weight:normal; }

#EmailTank .Box .word{ font-size:.2rem; color:#333333; line-height:1.4em; margin-bottom:.4rem; }

#EmailTank .Box .form{ display:block; width:5.3rem; max-width:100%; margin:0 auto; }

#EmailTank .Box .form .Key{ display:block; width:100%; border:1px solid #d5d5d5; line-height:.52rem; height:.54rem; padding:0 .15rem; font-size:.14rem; color:#777777; border-radius:.05rem; text-align:center; }

#EmailTank .Box .form .submit{ font-size:.18rem; line-height:.46rem; height:.46rem; text-align:center; color:#fff; background-color:#e32646; display:block; width:100%; margin-top:.14rem; border-radius:.05rem; }

#EmailTank .Box .form .submit:hover{ background-color:#f74e6a; }



/***招聘**/

#JobBlock1{}

#JobBlock1 .pad{ font-size:0; line-height:0; padding:6.25% 0 8.33%; }

#JobBlock1 .pad .imgBox{ width:50%; }

#JobBlock1 .pad .content{ width:50%; padding-left:3.75%; }

#JobBlock1 .pad .content .h2{ margin-bottom:.35rem; }

#JobBlock1 .pad .content .word{ font-size:.16rem; line-height:.26rem; color:#555555; }

#JobBlock1 .pad .content .word p{ margin-top:.5em; }

#JobBlock2 .AutoTitle2{ padding:5.83% 0; }

#JobBlock2 .ul{ font-size:0; line-height:0; padding-bottom:8.33%; }

#JobBlock2 .ul li{ display:inline-block; vertical-align:top; width:33.3%; padding:.17rem 3%; text-align:center; }

#JobBlock2 .ul .img img{ margin:0 auto; display:block; border-radius:50%; background-color:#009097; transform:scaleX(1); }

#JobBlock2 .ul .img img:hover{ transform:scaleX(.9); }

#JobBlock2 .ul .word{ font-size:.16rem; line-height:1.8em; color:#555555; margin-top:.2rem; }

#JobBlock3 .AutoTitle2{ padding:5.83% 0 3.2%; }

#JobBlock3 .ul{}

#JobBlock3 .ul li{ float:left; width:47%; display:inline-block; padding-bottom:.35rem; }

#JobBlock3 .ul li:nth-child(odd){ clear:both; }

#JobBlock3 .ul li:nth-child(even){ float: right; }

#JobBlock3 .ul .Box{ display:block; }

#JobBlock3 .ul .Box .imgBox{ transition:all .3s; transform:translateY(0); }

#JobBlock3 .ul .Box:hover .imgBox{ box-shadow:0 0 .1rem rgba(0,0,0,.1); transform:translateY(-.03rem); }

#JobBlock3 .ul .Box .imgBox img{ display:block; }

#JobBlock3 .ul .Box .h4{ display:block; font-size:.16rem; line-height:1.4em; color:#555555; margin:0; padding-top:.2rem; word-break: break-all; }

#JobBlock3 .ul .Box:hover .h4{ color:#009097; }

#JobBlock3 .word{ border-top:1px solid #eaeaea; margin-top:2.5%; font-size:.16rem; line-height:1.6em; color:#999999; padding:3.33% 1% 8.33%; }

#JobBlock4 .AutoTitle2{ padding:8.4% 0 1%; }

#JobBlock4 .word{ font-size:.16rem; line-height:1.6em; color:#555555; }

#JobBlock4 .form{ display:block; width:100%; padding:5% 0 10.8%; }

#JobBlock4 .form .label{ font-weight:normal; margin:0; font-size:0; line-height:0; display:block; }

#JobBlock4 .form .label+.label{ margin-top:.1rem; }

#JobBlock4 .form .label .tit{ font-size:.16rem; color:#555555; line-height:.5rem; text-align:right; width:3.4rem; margin-right:.1rem; }

#JobBlock4 .form .label .tit .colr_main{ margin-right:.05rem;  }

#JobBlock4 .form .label .input{ line-height:.48rem; height:.5rem; border:1px solid #eeeeee; padding:0 .15rem; font-size:.16rem; color:#666; display:block; width:100%; }

#JobBlock4 .form .label textarea.input{ height:1.56rem; padding:.1rem .15rem; line-height:1.6em }

#JobBlock4 .form .label .Btn{ display:inline-block; width:46%; font-size:.16rem; color:#ffffff; text-transform:uppercase; text-align:center; line-height:.5rem; height:.5rem; }

#JobBlock4 .form .label .submit{ float: left; background-color:#009097; }

#JobBlock4 .form .label .reset{ float: right; background-color:#777777; }

#JobBlock4 .form .label .Btn:hover{ background-color:#f53152; }



/**warranty担保**/

#WarranBlock{}

#WarranBlock .AutoTitle2{ padding:6.66% 0 3.75%; }

#WarranBlock .ul{ font-size:0; line-height:0; margin:-.1rem; padding-bottom:8.33%; }

#WarranBlock .ul li{ display:inline-block; vertical-align:top; text-align:center; padding:.1rem; width:33.33%; }

#WarranBlock .ul .Box{ background-color:#f8f8f8; transition:all .3s; }

#WarranBlock .ul .hBox{ padding:.4rem 15% .5rem; }

#WarranBlock .ul .img img{ display:block; margin:0 auto; border-radius:50%; background-color:#009097; }

#WarranBlock .ul .h3{ font-weight:bold; font-size:.2rem; line-height:1.4em; color:#333333; margin:.4rem 0 .3rem; }

#WarranBlock .ul .word{ font-size:.16rem; line-height:.26rem; color:#555555; }

#WarranBlock2{}

#WarranBlock2 .pad{ padding:6.66% 0 8.33%; font-size:0; line-height:0; }

#WarranBlock2 .imgBox{ width:50%; }

#WarranBlock2 .cont{ padding-left:3.75%; width:50%; }

#WarranBlock2 .cont .word{ font-size:.16rem; color:#555555; line-height:1.8em; margin:.3rem 0; }

#WarranBlock2 .cont ul{ margin-left:.15rem; }

#WarranBlock2 .cont ul li{ margin-top:.1rem; }

#WarranBlock2 .more{ display:inline-block; font-size:.16rem; color:#ffffff; line-height:.46rem; border-radius:.23rem; background:#009097; padding:0 .3rem; text-transform:uppercase; }

#WarranBlock2 .more:hover{ background-color:#f53152; }



/**博客**/

.BlogTitle{ padding:0.25rem 0; }

.BlogTitle .tit{ font-size: 0.2rem; color:#333333; line-height: 0.28rem; }

.BlogTitle .tit+.tit{ margin-left: 2.5em; }

.BlogTitle .on{ color:#009097; }

.BlogTitle a.tit:hover{ color:#009097; }

.BlogTitle .hr{ border-color:#ddd; margin:0.1rem 0 0.08rem; }

.BlogTitle .c_none{ border-color:transparent; }

#BlogTypes{}

#BlogTypes .top{ padding-top: 0.35rem; }

#BlogTypes .more{ line-height: 0.26rem; font-size: 0.14rem; color:#999999; border:0.01rem solid #d9d9d9; border-radius:0.14rem; padding:0 0.1rem 0 0.15rem; }

#BlogTypes .more .i{ height: 0.26rem; width: 0.09rem; margin-left: 0.05rem; background: url(../images/icon_jt1.png) no-repeat center; }

#BlogTypes .more:hover{ color:#009097; border-color: #009097; }

#BlogTypes .more:hover .i{ background-image: url(../images/icon_jt1_h.png); }

#BlogTypes .ul{}

#BlogTypes .ul li{ float: left; display: inline-block; }

#BlogTypes .ul li:nth-child(1){ width: 65.834%; }

#BlogTypes .ul li:nth-child(2){ margin-bottom:0.834%; }

#BlogTypes .ul li:nth-child(2),

#BlogTypes .ul li:nth-child(3){ width: 33.334%; margin-left: 0.834%; }

#BlogTypes .ul .Box{ display: block; position: relative; }

#BlogTypes .ul li:nth-child(1) .Box .imgBox{ padding-top:67.54%; }
#BlogTypes .ul .imgBox{ position:relative; padding-top:65.5%; }
#BlogTypes .ul .imgBox img{ display: block; position:absolute; left:0; top:0; height:100%; width:100%; }

#BlogTypes .ul .mark{ position: absolute; left: 0; width: 100%; bottom: 0; background-color: rgba(0,0,0,0.5); padding:0.15rem 3.16%; color:#fff; }

#BlogTypes .ul .title{ font-size: 0.16rem; line-height: 1.2em; }

#BlogTypes .ul .time{ font-size: 0.14rem; line-height: 1.6em; }

#BlogTypes .ul .Box:hover .title{ color:#009097; }

.Blog_list{ width: 78.75%; }

.Blog_list .ul{ margin:0 -0.07rem; padding-bottom: 0.06rem; }

.Blog_list .ul li{ padding:0 00.07rem 0.14rem; }

.Blog_list .ul .Box{ display: block; background-color: #fff; }
.Blog_list .ul .Box .imgBox{ position:relative; padding-top:65.765%; }
.Blog_list .ul .Box .imgBox img{ position:absolute; left:0; top:0; height:100%; width:100%; }

.Blog_list .ul .contBox{ padding:0.18rem 0.1rem; }

.Blog_list .ul .title{ font-size: 0.18rem; color:#333333; line-height: 1.2em; margin-bottom: 0.1rem; }

.Blog_list .ul .time{ font-size: 0.14rem; color:#777777; line-height: 1.4em; }

.Blog_list .ul .Box:hover{ box-shadow: 0 0 0.1rem rgba(0,0,0,0.1); }

.Blog_list .ul .Box:hover .title{ color:#009097; }

.Blog_put{ width: 18.33%; }

.Blog_put .ul{}

.Blog_put .ul li{}

.Blog_put .ul li+li{ margin-top: 0.14rem; }

.Blog_put .ul .Box{ display: block; background-color: #fff; }

.Blog_put .ul .contBox{ padding:0.05rem 0.1rem 0.15rem; }

.Blog_put .ul .title{ font-size: 0.18rem; color:#333333; line-height: 1.2em; -webkit-line-clamp: 3; margin-bottom: 0.1rem; }

.Blog_put .ul .time{ font-size: 0.14rem; color:#777777; line-height: 1.4em; }

.Blog_put .ul .Box:hover{ box-shadow: 0 0 0.1rem rgba(0,0,0,0.1); }

.Blog_put .ul .Box:hover .title{ color:#009097; }

#Blog_info{}

#Blog_info .Blog_info{ width: 78.75%; }

.Blog_info .Info_block{ padding:3.17%; }

.Blog_info .Info_block .title{ font-size: 0.3rem; color:#333333; font-weight: normal; margin-top:1.5%; }

.Blog_info .Info_block .time{ font-size: 0.14rem; color:#777777; line-height: 1.4em; }

.Blog_info .Info_block .bshare-custom{ padding:0.22rem 0 0.3rem; }

.Blog_info .Info_block .bshare-custom a+a{ margin-left: 0.11rem; }

.Blog_info .Info_block .content{ font-size: 0.18rem; color:#555555; line-height: 1.4em; }

.Blog_info .Info_block .Tags{ margin-bottom: 2%; margin-top: 3.5%; padding-top: 3.5%; border-top:0.01rem solid #dddddd; padding-left: 0.45rem; position: relative; }

.Blog_info .Info_block .Tags .tag_t{ position: absolute; left: 0; font-size: 0.18rem; color:#555555; line-height: 1.2em; }

.Blog_info .Info_block .Tags a{ display: inline-block; float: left; border:0.01rem dashed #bcbcbc; font-size: 0.16rem; color:#555555; padding:0 0.1rem; margin:0.03rem; }

.Blog_info .Info_block .Tags a:hover{ color:#009097; border-color:#009097; }

.Blog_info .Blog_list{ width: 100%; }

.Blog_info .Blog_list .BlogTitle{ padding:0.45rem 0 0.1rem; }



/**查询验证**/

#SearchTop{}

#SearchTop .img{ padding:6.25% 0; }

#SearchTop .img img{ display: block; }

#SearchBlock{}

#SearchBlock .top{ border-bottom:0.01rem solid #dddddd; padding:1.8% 0 10%; }

#SearchBlock .title{ font-size: 0.3rem; color:#333333; line-height: 1.2em; padding:3% 0 1.6%; }

#SearchBlock .form{ display: block; width: 8.6rem; margin:0 auto; max-width: 100%; border:0.01rem solid #dddddd; position: relative; background-color: #fff; }

#SearchBlock .Key{ display: block; width: 100%; line-height: 0.56rem; height: 0.56rem; padding:0 2%; font-size: 0.18rem; color:#999; background-color: #fff; }

#SearchBlock .submit{ display: block; position: absolute; right:0; top:0; width: 9.51%; height: 100%; background:#0cb5b0 url(../images/product/search_icon.png) no-repeat center; cursor: pointer; border: 0 none; outline: none; }

#SearchBlock .submit:hover{ background-color: #19d8d2; }

#SearchBlock .word{ font-size: 0.18rem; color:#0cb5b0; line-height: 1.2em; margin-top: 2%; }

#SearchBlock .ul{ padding-bottom: 8.33%; }

#SearchBlock .ul li{ position: relative; padding:0.27rem 0 0.27rem 1.38rem; }

#SearchBlock .ul li+li{ margin-top: 0.1rem; }

#SearchBlock .ul li:after{ display: block; content: ""; position: absolute; left: 0.37rem; top:0.84rem; width: 0.1rem; height: calc(100% - 0.84rem + 0.1rem); }

#SearchBlock .ul li:before{ display: block; vertical-align: middle; content:""; position: absolute; left: 0.84rem; width: 0.54rem; height: 0.01rem; top:0.41rem; }

#SearchBlock .ul .icons{ position: absolute; left: 0; top:0; display: block; width: 0.84rem; height: 0.84rem; border-radius: 50%; }

#SearchBlock .ul .p{ position: relative; padding-left: 0.4rem; font-size: 0.18rem; line-height: 0.3rem; color:#333333; }

#SearchBlock .ul .num{ position: absolute; left: 0; top:0; border-radius: 50%; border:0.05rem solid transparent; display: block; line-height: 0.2rem; width: 0.3rem; text-align: center; color:#fff; }

#SearchBlock .ul .step1 .icons{ background:#89ece9 url(../images/product/search1.png) no-repeat center; }

#SearchBlock .ul .step1:before{ background-color: #89ece9; }

#SearchBlock .ul .step1:after{ background-color: #bceeec; }

#SearchBlock .ul .step1 .num{ background-color: #89ece9; border-color:#d6f4f3; }

#SearchBlock .ul .step2 .icons{ background:#0cb5b0 url(../images/product/search2.png) no-repeat center; }

#SearchBlock .ul .step2:before{ background-color: #0cb5b0; }

#SearchBlock .ul .step2:after{ background-color: #89c3c1; }

#SearchBlock .ul .step2 .num{ background-color: #0cb5b0; border-color:#b1e4e2; }

#SearchBlock .ul .step3 .icons{ background:#007874 url(../images/product/search3.png) no-repeat center; }

#SearchBlock .ul .step3:before{ background-color: #007874; }

#SearchBlock .ul .step3 .num{ background-color: #007874; border-color:#add1d0; }



/**产品**/

#ProductList{}

#ProductList .Checks{ margin-top:3.75%; padding:2.4% 2.91%; }

#ProductList .dl{ position: relative; line-height: 0.34rem; margin: 0.12rem 0; padding:0 0.2rem 0 0.65rem; overflow: hidden; }

#ProductList .dl+.dl{ margin-top: 0.24rem; }

#ProductList .dl dt{ position: absolute; left: 0; font-size: 0.16rem; font-weight: bold; color:#333333; line-height: 0.22rem; }

#ProductList .dl dd{ float: left; display: inline-block; line-height: 0.22rem; }

#ProductList .dl dd a{ font-size: 0.14rem; color:#555555; display: block; margin:0 1.2em; }

#ProductList .dl dd a:hover{ color:#009097; }

#ProductList .dl .click{ position: absolute; right: 0; height: 0.22rem; width: 0.2rem; display: block; background:url(../images/icon_jt4.png) no-repeat center; cursor: pointer; }

#ProductList .dl .click:hover{ background-image:url(../images/icon_jt4_h.png); }

#ProductList .on .click{ background-image:url(../images/icon_jt5.png); }

#ProductList .on .click:hover{ background-image:url(../images/icon_jt5_h.png); }

.product_list{}

.product_list .ul{ margin:0 -0.12rem; padding: 0.14rem 0; }

.product_list .ul li{ padding:0.12rem; }

.product_list .ul .Box{ display: block; background-color: #fff; text-align: center; padding:0.2rem; }

.product_list .ul .Points{ line-height: 0; padding:0.2rem 0; margin-top: 6%; margin-bottom: 0.15rem; border-bottom: 0.01rem dashed #e7e7e7; }

.product_list .ul .Points span{ width: 0.18rem; height: 0.18rem; border-radius: 50%; opacity: 1; border:0.02rem solid #cccccc; background-color: transparent; }

.product_list .ul .Points .swiper-pagination-bullet-active{ border-color:#009097; }

.product_list .ul .title{ font-size: 0.16rem; line-height: 1.6em; color:#333333; }

.product_list .ul .Box:hover{ box-shadow: 0 0 0.1rem rgba(0,0,0,0.1); }

.product_list .ul .Box:hover .title{ color:#009097; }

#ProductInfo1{}

#ProductInfo1 .Box{ padding:4.58% 0 5.41%; }

#ProductInfo1 .imgBoxs{ width: 47.5%; }

#ProductInfo1 .swiper-slide img{ display: block; }

#ProductInfo1 .gallery-thumbs{ margin:0 0.55rem; position: relative; }

#ProductInfo1 .Big{ position: relative; }

#ProductInfo1 .Big .btnBox{}

#ProductInfo1 .Big .btnBox span{ display: block; position: absolute; height: 0.4rem; width: 0.4rem; top:50%; cursor: pointer; border-radius: 50%; background-color: #e1e1e1; background-repeat: no-repeat; background-position: center; z-index: 2; background-image:url(../images/icon_jt3.png); }

#ProductInfo1 .Big .swiper-prev1{ left:0; transform:rotate(180deg) translateY(50%); -webkit-transform:rotate(180deg) translateY(50%); -ms-transform:rotate(180deg) translateY(50%); -moz-transform:rotate(180deg) translateY(50%); }

#ProductInfo1 .Big .swiper-next1{ right:0; left:auto; }

#ProductInfo1 .Big .btnBox span:hover{ background-image:url(../images/icon_jt3_h.png); }

#ProductInfo1 .Big .probox { }

#ProductInfo1 .Big .probox img { display: block; margin:0 auto; }

#ProductInfo1 .Big .showbox { display:none; position:absolute; left:102%; top:0; width:90%; height:90%; overflow:hidden; border:1px solid #ccc; z-index: 5; }

#ProductInfo1 .Big .showbox img { position:absolute; height:333.33%; width:333.33%; max-width: 99999999px; }

#ProductInfo1 .Big .hoverbox{ display:none; position:absolute; top:0; background:#009097; height:30%; width:30%; cursor:move; z-index:10; }

#ProductInfo1 .gallery-top{ margin:0.12rem 0.25rem 0; }

#ProductInfo1 .tips{ position: relative; }

#ProductInfo1 .tips img{ cursor: pointer; }

#ProductInfo1 .tips .btnBox{}

#ProductInfo1 .tips .btnBox span{ display: block; position: absolute; height: 100%; width: 0.20rem; top:0; cursor: pointer; background-repeat: no-repeat; background-position: center; z-index: 2; }

#ProductInfo1 .tips .swiper-slide-thumb-active{ position: relative; }

#ProductInfo1 .tips .swiper-slide-thumb-active:after{ display:block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: #009097; opacity: 0.2; }

#ProductInfo1 .tips .swiper-prev{ left:0; background:url(../images/icon_jt6_1.png); }

#ProductInfo1 .tips .swiper-next{ right:0; background:url(../images/icon_jt6_2.png); }

#ProductInfo1 .tips .swiper-prev:hover{ background-image:url(../images/icon_jt6_1_h.png); }

#ProductInfo1 .tips .swiper-next:hover{ background-image:url(../images/icon_jt6_2_h.png); }

#ProductInfo1 .r_con{ width: 45.41%; }

#ProductInfo1 .title{ font-size: 0.26rem; color:#333333; line-height: 1.2em; margin:0; }

#ProductInfo1 .sku{ font-size: 0.14rem; color:#777777; line-height: 1.4em; padding:0.13rem 0 0.2rem; }

#ProductInfo1 .content{ border-top:0.01rem solid #ddd; border-bottom:0.01rem solid #ddd; padding:0.3rem 0; margin-bottom: 0.3rem; }

#ProductInfo1 .content ul{ margin-left: 0.15rem; }

#ProductInfo1 .content li{ font-size: 0.14rem; line-height: 1.4em; color:#777777; }

#ProductInfo1 .content li+li{ margin-top: 0.08rem; }

#ProductInfo1 .content strong{ display: block; font-size: 0.16rem; line-height: 1.4em; color:#555555; margin-bottom: 0.08rem; }

#ProductInfo1 .color_check{ display: block; position: relative; padding-left: 0.55rem; font-size: 0.14rem; line-height: 0.2rem; color:#777777; }

#ProductInfo1 .color_check .color{ display: block; position: absolute; left: 0; top:0.01rem; }

#ProductInfo1 .color_check a{ float: left; display: inline-block; height: 0.18rem; width: 0.18rem; border-radius: 50%; border:0.02rem solid #cccccc; margin:0.025rem; }

#ProductInfo1 .color_check a.on{ border-color:#009097; }

.P_info_block .scrollBox{ height: 0.6rem; }

.P_info_block .Tabs{ background:#333333; }

.P_info_block .showFixed .Tabs{ position: fixed; top:0; left: 0; width: 100%; z-index: 4; }

.P_info_block .Tabs a{ float: left; display: inline-block; font-size: 0.16rem; line-height: 3.8em; color:#ffffff; position: relative; }

.P_info_block .Tabs a+a{ margin-left: 2.5em; }

.P_info_block .Tabs a:after{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 0.02rem; background-color:#009097; }

.P_info_block .Tabs a:hover{ color:#009097; }

.P_info_block .Tabs a.on{ color:#009097; }

.P_info_block .Tabs a.on:after{ width: 100%; }

.P_info_block .TabCont .Block2,

.P_info_block .TabCont .Block3,

.P_info_block .TabCont .Block4{ background:#333333; color:#fff; }

.P_info_block .TabCont .Block4 .Mtitle{ position: relative; line-height: 1.4em; color:#fff; font-size: 0.28rem; font-weight: bold; letter-spacing: 0.03rem; padding:2.5% 0; }

.P_info_block .TabCont .Block4 .Mtitle span{ padding:0 0.1rem; display: inline-block; background:#333; position: relative; z-index: 2; }

.P_info_block .TabCont .Block4 .Mtitle:before{ content: ""; display: block; position: absolute; left: 0; top:50%; margin-top: -0.01rem; width: 100%; height: 0.02rem; background-color: #fff; }

.P_info_block .TabCont .Block4 .cont{ color:#fff; font-size: 0.16rem; padding-bottom: 3.75%; }

.P_info_block .TabCont img{ display: block; }

.P_info_block .TabCont .Block4 .cont table{ width: 100%; }

.P_info_block .TabCont .Block4 .cont tr{}

.P_info_block .TabCont .Block4 .cont th{ font-size: 0.2rem; font-weight: bold; background-color: #111111; text-align: center; vertical-align: middle; width: 50%; padding:0.11rem 2%; }

.P_info_block .TabCont .Block4 .cont td{ border-bottom: 0.01rem solid #535353; border-right: 0.01rem solid #535353; text-align: center; vertical-align: middle; width: 50%; padding:0.11rem 2%; }

.P_info_block .TabCont .Block4 .cont td:first-child{ border-left: 0.01rem solid #535353; background-color: #222; }



/**产品详情**/

#PinfoWordBox{ height:.7rem; background-color:#3a3a3b; }

#PinfoWordBox .wordBox{ position: fixed; width:100%; left:0; padding:.14rem 0; background-color:#3a3a3b; z-index:2; }

#PinfoWordBox .wordBox .name{ line-height:.42rem; font-size:.2rem; color:#ffffff; }

#PinfoWordBox .wordBox .store{ display:inline-block; vertical-align:top; line-height:.4rem; border:1px solid #5b5b5b; padding:0 .2rem; font-size:.14rem; color:#999999; border-radius:.05rem; }

#PinfoWordBox .wordBox .store+.store{ margin-left:.15rem; }

#PinfoWordBox .wordBox .store:hover{ color:#fff; background-color:#009097; border-color:#009097; }

#PinfoImgs2{ font-size:0; line-height:0; }

#PinfoImgs2 img{ display:block; margin:0 auto; width:100%; }

#PinfoImgs2 .pc{ display:block; }

#PinfoImgs2 .phone{ display:none; }

#PinfoImgword2{}

#PinfoImgword2 .ul{ color:#ffffff; font-size:0; line-height:0; background-color:#1f1f22; }

#PinfoImgword2 .ul li:nth-child(odd) .cont{ text-align:left; }

#PinfoImgword2 .ul li:nth-child(even) .cont{ text-align:right; }

#PinfoImgword2 .ul li:nth-child(odd) .cont::before{ border-right:.13rem solid #1f1f22; border-top:.1rem solid transparent; border-bottom:.1rem solid transparent; left:-.13rem; }

#PinfoImgword2 .ul li:nth-child(even) .cont::before{ border-left:.13rem solid #1f1f22; border-top:.1rem solid transparent; border-bottom:.1rem solid transparent; right:-.13rem; }

#PinfoImgword2 .ul li img{ width:50%; }

#PinfoImgword2 .ul li .cont{ width:50%; padding:.15rem 5.72%; position: relative; }

#PinfoImgword2 .ul li .cont::before{ content: ""; position: absolute; top:50%; margin-top:-.1rem; }

#PinfoImgword2 .ul li .h3{ font-size:.3rem; line-height:1.6em; margin-bottom:.1rem; }

#PinfoImgword2 .ul li .word{ font-size:.16rem; line-height:1.6em }

#PinfoTable{ background-color:#161617; }

#PinfoTable .h2{ color:#fff; font-size:.4rem; line-height:1.4em; padding-top:6.66%; }

#PinfoTable .ltitle{ font-size:.18rem; line-height:1.4em; color:#fff; padding-bottom:3.33%; }

#PinfoTable .tables{}

#PinfoTable .tables table{ width:100%; font-size:.14rem; line-height:1.4em; color:#757575; }

#PinfoTable .tables table+table{ margin-top:4.6%; }

#PinfoTable .tables table th{ color:#fff; background-color:#0b0b0b; font-size:.2rem; font-weight:normal; }

#PinfoTable .tables table th:nth-child(1),

#PinfoTable .tables table th:nth-child(3){ width:20.5%; }

#PinfoTable .tables table th:nth-child(2),

#PinfoTable .tables table th:nth-child(4){ width:29.5%; }

#PinfoTable .tables table th,

#PinfoTable .tables table td{ border:1px solid #2a2a2b; padding:.1rem .2rem; height:.77rem }

#PinfoTable .tips{ font-size:.16rem; line-height:1.4em; color:#444444; padding:5% 0 10%; }



/**售后服务政策**/

#supportBlock1{}

#supportBlock1 .Box{ padding:7.83% 0 5.33%; }

#supportBlock1 .Atit{ margin-bottom: 0.12rem; }

#supportBlock2 .Box{ padding:5.33% 0; }

#supportBlock2 .ul{ margin:2.7% -0.07rem 0; }

#supportBlock2 .ul li{ padding:0.07rem; }

#supportBlock2 .ul li img{ display: block; margin: 0 auto; }

#supportBlock2 .bg{ background-color: #e4e4e4; padding:0.3rem 0.15rem 0.25rem; transition: all 0.3s ease-in-out; }

#supportBlock2 .word{ font-size: 0.15rem; color:#555555; line-height: 1.4em; margin-top:0.2rem; }

#supportBlock2 .bg:hover{ box-shadow: 0 0 0.15rem rgba(0,0,0,0.1); transform: translate(0,0.02rem); }

#supportBlock3 .Box{ padding:5.1% 0; }

#supportBlock3 .ul{ margin-top: 2.9%; }

#supportBlock3 .ul li{ width: 12.5%; float: left; display: inline-block; }

#supportBlock3 .ul li+li{ margin-left: 1.5%; }

#supportBlock3 .ul .bg{ /*background-color: #ececec;*/ position: relative; padding-left: 20%; }

#supportBlock3 .ul .bg:before{ display: block; content: ""; position: absolute; top:0; left: 0; width: 100%; height: 50%; background-color: #ececec; transform: skewX(22deg) translateX(11%); transition: all 0.3s linear; }

#supportBlock3 .ul .bg:after{ display: block; content: ""; position: absolute; top:50%; left: 0; width: 100%; height: 50%; background-color: #ececec; transform: skewX(-22deg) translateX(11%); transition: all 0.3s linear; }

#supportBlock3 .ul .table{ display: table; width: 100%; margin:0; padding:0; }

#supportBlock3 .ul .t-cell{ display: table-cell; vertical-align: middle; }

#supportBlock3 .ul .word{ font-size: 0.17rem; color:#333333; line-height: 1.4em; padding:0.15rem 0 0.15rem 0.15rem; position: relative; z-index: 2; }

#supportBlock3 .ul li:hover .bg:before,

#supportBlock3 .ul li:hover .bg:after{ background-color: #009097; }

#supportBlock3 .ul li:hover .word{ color:#fff; }

#supportBlock4 .Box{ padding:3.33% 0; }

#supportBlock4 .col-sm-5{ padding: 0; }

#supportBlock4 .col-sm-7{ padding-left: 5.8%; padding-right: 0; }

#supportBlock4 .AutoTitle1{ padding:0.5rem 0 0.7rem; }

#supportBlock4 .word{ font-size: 0.17rem; color:#777777; line-height: 1.6em; }

#supportBlock4 .word a{ color:#0cb5b0; margin-top: 0.1rem; display: inline-block; }

#supportBlock4 .download{ border-radius: 0.09rem; background: #0cb5b0; color:#fff; font-size: 0.17rem; padding:0 0.2rem; line-height: 0.48rem; display: inline-block; margin-top:0.6rem; }



/**关于我们**/

.AboutBg{ background:url(../images/About/back.jpg) no-repeat top center/cover; }

.AboutBg #AutoBan{}

.AboutBg #AutoBan .word{ position: static; width: 100%; padding:13.33% 0 6.66%; }

#AboutBlock{}

#AboutBlock .cont{ font-size: 0.17rem; color:#fff; line-height: 1.6em; padding-bottom: 23.33%; }

/**人才招聘**/

#JobBlock{}

#JobBlock .Types{ padding:3.33% 0; }

#JobBlock .Types a{ float: left; display: inline-block; font-size: 0.17rem; line-height: 0.31rem; }

#JobBlock .Types a+a{ margin-left: 8%; }

#JobBlock .Types .icons{ position: relative; margin-right: 0.5em; }

#JobBlock .Types .icons img{ display: block; }

#JobBlock .Types .icons .imgh{ position: absolute; left: 0; top: 0; opacity: 0; }

#JobBlock .Types a:hover .img{ opacity: 0; }

#JobBlock .Types a:hover .imgh{ opacity: 1; }

#JobBlock .Types a.on{ color:#009097; }

#JobBlock .Types a.on .img{ opacity: 0; }

#JobBlock .Types a.on .imgh{ opacity: 1; }

#JobBlock .cont{ padding:2.5%; border-bottom: 0.02rem solid #009097; margin-bottom: 9.1%; }

#JobBlock .cont .pad{ border-bottom: 0.01rem solid #ddd; padding:1.5% 0 6%; }

#JobBlock .cont .t_tit{ font-size: 0.18rem; line-height: 1.8em; color:#333333; margin-bottom: 0.1em; }

#JobBlock .cont .word{ font-size: 0.16rem; color:#777777; line-height: 1.8em; }

#JobBlock .cont .tips{ font-size: 0.18rem; color:#000000; line-height: 1.6em; margin-top: 2%; margin-bottom: 2%; }

/**FAQ常见问题**/

#FaqTop{ padding-top: 2.5%; padding-bottom: 4.16%; }

#FaqBlock .topt{ padding-top: 4.58%; padding-bottom: 3.33%; }

#FaqBlock .topt .title{ background:url(../images/About/faq.png) no-repeat center/100% 100%; font-size: 0.22rem; color:#333333; line-height: 1.6em; padding:4%; }

#FaqBlock .ul{ padding-bottom: 5.41%; }

#FaqBlock .ul li{ background-color: #fff; position: relative; padding:2.88% 4% 2.88% 2.08%; cursor: pointer; }

#FaqBlock .ul li+li{ margin-top:1.25%; }

#FaqBlock .ul li:after{ content: ""; display: block; position: absolute; bottom:0; left: 0; height: 0.02rem; width: 0; background-color: #009097; transition: all 0.3s ease-in-out; }

#FaqBlock .ul .top{ position: relative; padding-left: 0.52rem; padding-right: 0.2rem; font-size: 0.18rem; line-height: 1.4em; color:#333333; }

#FaqBlock .ul .top .num{ position: absolute; left: 0; display: block; color:#009097; font-weight: bold; }

#FaqBlock .ul .icon{ position: absolute; top:0; right: 0; width: 0.15rem; height: 1.4em; display: block; background:url(../images/icon_jt8_1.png) no-repeat center; cursor: pointer; }

#FaqBlock .ul .on .icon{ background-image: url(../images/icon_jt8_2.png); }

#FaqBlock .ul .bot{ margin-top: 3%; padding-top: 1.66%; border-top:0.01rem solid #dddddd; font-size: 0.16rem; color:#555555; line-height: 1.8em; display: none; }

#FaqBlock .ul li:hover{ box-shadow: 0 0 0.15rem rgba(0,0,0,0.1); }

#FaqBlock .ul li:hover .icon{ background-image: url(../images/icon_jt8_1_h.png); }

#FaqBlock .ul li.on:hover .icon{ background-image: url(../images/icon_jt8_2_h.png); }

#FaqBlock .ul li.on:after,

#FaqBlock .ul li:hover:after{ width: 100%; }

/**网站地图**/

#SiteMapBlock{ background:url(../images/About/map.jpg) no-repeat center/cover; }

#SiteMapBlock .title{ font-size: 0.26rem; color:#333333; line-height: 1.2em; margin:0; padding:4.58% 0 0.17rem; border-bottom: 0.01rem solid #ccc; margin-bottom: 3.33%; }

#SiteMapBlock .ul{ padding-bottom: 2.41%; }

#SiteMapBlock .ul li{ margin-bottom: 3% }

#SiteMapBlock .ul .li_type{ font-size: 0.2rem; line-height: 1.4em; margin-bottom:0.3rem; }

#SiteMapBlock .ul .li_type a{ color:#333; }

#SiteMapBlock .ul a{ color:#555; display: inline-block; }

#SiteMapBlock .ul a:hover{ color:#009097; }

#SiteMapBlock .ul .aBox{}

#SiteMapBlock .ul .div{ padding-top: 0.02rem; padding-bottom: 0.02rem; }

#SiteMapBlock .ul .div a{ padding-left: 0.13rem; font-size: 0.15rem; line-height: 1.2em; position: relative; }

#SiteMapBlock .ul .div a:before{ content: ""; display: block; height: 0.06rem; width: 0.06rem; border-radius: 50%; background:#555555; position: absolute; left: 0; top:0.06rem; }

#SiteMapBlock .ul .div a:hover:before{ background-color:#009097; }

#SiteMapBlock .ul .list_Box2{ margin-left: 0.13rem; display: none; }

#SiteMapBlock .ul .list_tit1{ font-size: 0.16rem; font-weight: bold; line-height: 1.2em; margin-bottom: 0.03rem; padding-top:0.02rem; }

#SiteMapBlock .ul .list_Box+.list_tit1{ margin-top:0.23rem; }

#SiteMapBlock .ul .list_tit2{ font-size: 0.16rem; line-height: 1.2em; padding:0.09rem 0; }

#SiteMapBlock .ul .list_tit2 a{ position: relative; padding-left: 0.15rem; }

#SiteMapBlock .ul .list_tit2 a:before{ content: ""; display: block; position: absolute; left: 0; height: 1.2em; width: 0.11rem; background:url(../images/icon_jt9_1.png) no-repeat left center; }

#SiteMapBlock .ul .list_tit2.on a:before{ background:url(../images/icon_jt9_2.png) no-repeat left center; }

#SiteMapBlock .ul .list_tit2 a:hover:before{ background-image:url(../images/icon_jt9_1_h.png); }

#SiteMapBlock .ul .list_tit2.on a:hover:before{ background-image:url(../images/icon_jt9_2_h.png); }



/**代理合作**/

.CooperaBlcok .Mtitle{ font-size: 0.3rem; font-weight: bold; line-height: 1.2em; padding:4.16% 0 2.5%; }

#CooperaBlcok1{ background-color: #404040; color:#fff; }

#CooperaBlcok1 .ul{ padding-bottom: 5%; margin:0 -0.05rem; }

#CooperaBlcok1 .ul li{ padding:0.05rem; }

#CooperaBlcok1 .ul .bg{ padding:0.35rem 0.25rem; background-color: #000000; }

#CooperaBlcok1 .ul .title{ font-size: 0.2rem; font-weight: bold; line-height: 1.2em; margin-bottom: 0.3rem; }

#CooperaBlcok1 .ul .word{ opacity: 0.7; font-size: 0.15rem; line-height: 1.5em; }

#CooperaBlcok2{ background:url(../images/Cooperation/img1.jpg) no-repeat center/cover; color:#fff; }

#CooperaBlcok2 .ul{ padding-bottom: 5%; }

#CooperaBlcok2 .ul li{ float: left; display: inline-block; margin-left: 8.7%; }

#CooperaBlcok2 .ul li:nth-child(5n+4){ float: right; margin-left: 0; }

#CooperaBlcok2 .ul li:nth-child(5n+1){ margin-left: 0; }

#CooperaBlcok2 .ul .bg{ padding:0.24rem 0; }

#CooperaBlcok2 .ul .img{}

#CooperaBlcok2 .ul .img img{ display: block; margin:0 auto; }

#CooperaBlcok2 .ul .title{ font-size: 0.16rem; line-height: 1.2em; padding:0.1rem 0; }

#CooperaBlcok3 .form{ display: block; margin:4% 0 6.25%; border: 0.06rem solid #eaeaea; padding:0 4.16% 4.16%; }

#CooperaBlcok3 .word{ font-size: 0.18rem; line-height: 1.6em; color:#777777; margin-bottom: 4%; }

#CooperaBlcok3 .Box{ width: 9.2rem; margin:0 auto; max-width: 100%; }

#CooperaBlcok3 .label{ color:#999999; font-size: 0.14rem; line-height: 0.46rem; font-weight: normal; display: block; padding:0; margin:0; }

#CooperaBlcok3 .label+.label{ margin-top: 0.15rem; }

#CooperaBlcok3 .label .l_tit{ width: 40%; text-align: right; width: 17.4%; float: left; display: inline-block; }

#CooperaBlcok3 .label .i{ color:#ff0000; line-height: 1.2em; vertical-align: middle; font-style: normal; position: relative; top:-0.03rem; }

#CooperaBlcok3 .label .inputBox{ width: 66%; float: left; display: inline-block; padding-left: 0.15rem; }

#CooperaBlcok3 .label .input{ line-height: 0.46rem; height: 0.46rem; border-bottom: 0.01rem solid #ddd; width: 100%; padding:0 3%; font-size: 0.14rem; color:#555555; display: block; }

#CooperaBlcok3 .label .selectBox .select{ font-size: 0.17rem; cursor: pointer; }

#CooperaBlcok3 .label textarea.input{ border:0.01rem solid #ddd; height: 1.88rem; line-height: 1.4em; padding:0.1rem 3%; }

#CooperaBlcok3 .label .submit{ display: inline-block; line-height: 0.5rem; height: 0.5rem; width: 1.36rem; text-align: center; font-size: 0.17rem; color:#fff; background-color: #009097; }

#CooperaBlcok3 .label .submit:hover{ background-color:#0b8684; }



/**联系我们**/

#ContactBlock{ background:url(../images/Contact/back.jpg) no-repeat center/cover; }

#ContactBlock .Box{ margin:4.58% 0 5.41%; position: relative; }

#ContactBlock .l_cont{ width: 52.08%; border:0.04rem solid #dddddd; padding:2.5%; }

#ContactBlock .l_cont .tab{}

#ContactBlock .l_cont .tab+.tab{ margin-top: 0.25rem; padding-top:0.25rem; border-top: 0.01rem solid #ddd; }

#ContactBlock .l_cont .title{ font-size: 0.2rem; line-height: 1.4em; color:#009097; padding-left: 0.3rem; position: relative; }

#ContactBlock .l_cont .icon{ position: absolute; left:0; display: block; height: 1.4em; width: 0.23rem; background-position: left center; background-repeat: no-repeat; }

#ContactBlock .l_cont .icon1{ background-image: url(../images/Contact/icon1.png); }

#ContactBlock .l_cont .icon2{ background-image: url(../images/Contact/icon2.png); }

#ContactBlock .l_cont .icon3{ background-image: url(../images/Contact/icon3.png); }

#ContactBlock .l_cont .icon4{ background-image: url(../images/Contact/icon4.png); }

#ContactBlock .l_cont .div{ font-size: 0.15rem; color:#333333; line-height: 1.4em; }

#ContactBlock .l_cont .div>div{ padding:0.06rem 0; }

#ContactBlock .l_cont .div .wid1{ width: 32%; padding-right: 0.15rem; display: inline-block; vertical-align: top; }

#ContactBlock .l_cont .div .wid2{ width: 65%; display: inline-block; vertical-align: top; }

#ContactBlock .r_img{ width: 46.66%; position: absolute; display: block; height: 100%; top:0; right: 0; border:0.01rem solid #dddddd; }

/**下载中心**/

/*#Download{ padding:3.16% 0 4%; }

#Download .ul{ padding:0.1rem 0; }

#Download .ul li{padding:0.1rem 0;}

#Download .ul .Box{ background-color: #fff; display: block; position: relative; padding:0.15rem 0.25rem; font-size: 0.18rem; line-height: 1.8em;color:#666666; border-radius: 0.02rem; }

#Download .ul .title{ display: block; padding-right: 0.65rem; }

#Download .ul .down{ position: absolute; right: 0.25rem; top:0.15rem; display: block; height: 1.8em; width: 0.6rem; background:#f5f5f5 url(../images/icon_down_h.png) no-repeat center; border-radius: 0.05rem; }

#Download .ul .Box:hover{ color:#009097; box-shadow: 0 0 0.1rem rgba(0,0,0,0.1); }

#Download .ul .Box:hover .down{ background-color: #f1f1f1; }*/

.TitleType{ padding:0.35rem 0 0.15rem; }

.TitleType .tit{ font-size: 0.18rem; color:#333333; line-height: 0.28rem; }

.TitleType .tit+.tit{ margin-left: 2.5em; }

.TitleType .on{ color:#009097; }

.TitleType a.tit:hover{ color:#009097; }

.TitleType .hr{ border-color:#ddd; margin:0.18rem 0 0.08rem; }

.TitleType .c_none{ border-color:transparent; }

#DownloadList{}

#DownloadList .ul{ margin:-0.07rem -0.03rem 0.18rem; text-align: center; }

#DownloadList .ul li{ padding:0.1rem 0.03rem; }

#DownloadList .ul li img{ width: 100%; }

#DownloadList .ul .Box{ background: #fff; display: block; }
#DownloadList .ul .Box .imgBox{ position:relative; padding-top:56.18%; }
#DownloadList .ul .Box .imgBox img{ position:absolute; left:0; top:0; height:100%; width:100%; }

#DownloadList .ul .title{ font-size: 0.18rem; line-height: 1.4em; color:#333333; padding:0.25rem; }

#DownloadList .ul .Box:hover .title{ color:#009097; }

#DownloadList .PageBox{ margin-bottom: 4.16%; }

#DownLoadTank{ position: fixed; display: none; left:0; top:0; height: 100%; width: 100%; background:rgba(0,0,0,0.56); z-index: 999; }

#DownLoadTank .Box{ position: absolute; left: 50%; top:50%; display: block; background: #fff; }

#DownLoadTank .Box .title{ font-size: 0.18rem; color:#fff; background: #009097; line-height: 1.8em; padding:0.05rem 0.3rem; }

#DownLoadTank .Box .exit{ display: block; width: 0.25rem; height: 0.25rem; position: absolute; top: 0.05rem; right: 0; cursor: pointer; }

#DownLoadTank .Box .exit:before{ content: ""; display: block; position: absolute; height: 0.01rem; width: 80%; top:50%; left: 10%; background: #666; transform: rotate(45deg) translateY(-50%); }

#DownLoadTank .Box .exit:after{ content: ""; display: block; position: absolute; height: 0.01rem; width: 80%; top:50%; left: 10%; background: #666; transform: rotate(-45deg) translateY(-50%); }

#DownLoadTank .Box .exit:hover:before,

#DownLoadTank .Box .exit:hover:after{ background-color: #fff; }

#DownLoadTank .Box .cont{ padding:0.2rem 0.15rem; }

#DownLoadTank .Box .cont .input{ display: block; width: 100%; height: 2.2em; line-height: 2.2em; border:0.01rem solid #ccc; color:#6666; padding:0 0.15rem; }

#DownLoadTank .Box .BtnBox{ padding:0 0 0.15rem; }

#DownLoadTank .Box .BtnBox span{ width: 40%; display: inline-block; vertical-align: middle; font-size: 0.14rem; line-height: 2.2em; color:#666; padding:0 0.05rem; margin:0 2%; background-color: #ccc; cursor: pointer; }

#DownLoadTank .Box .BtnBox span:hover{ background-color: #009097; color:#fff; }



/**质量控制**/

#QualityBlock{}

#QualityBlock .Box{ /*padding:3% 0;*/ }

#QualityBlock .tab{ padding:2% 0; }

#QualityBlock .title{ font-size: 0.3rem; font-weight: bold; color:#333333; margin-bottom: 1em; margin-top:5%; }

#QualityBlock .word{ font-size: 0.18rem; color:#555555; line-height: 1.6em; }

#QualityBlock .imgBox img{ /*display: block; width: 100%;*/ }



/**新闻**/

#NewsList{ background-color: #f8f8f8; padding:4% 0 7%; }

#NewsList .nul{}

#NewsList .nul li{ margin-bottom:0.15rem; }

#NewsList .Box{ display: block; padding:0.12rem; position: relative; background-color: #fff; }

#NewsList .imgBox{ display: block; position: absolute; overflow: hidden; }

#NewsList .imgBox img{ display: block; width: 3.9rem; height: 1.95rem; transform: scale(1); }

#NewsList .cont{ margin-left: 4.2rem; padding-top: 0.13rem; padding-right: 0.13rem; height: 1.95rem; }

#NewsList .title{ font-size: 0.2rem; line-height: 0.3rem; color:#333333; }

#NewsList .des{ font-size: 0.14rem; line-height: 0.3rem; color:#777777; }

#NewsList .other{ border-top:0.01rem dashed #dddddd; font-size: 0.14rem; line-height: 0.2rem; color:#777777; margin-top: 0.35rem; padding-top:0.35rem; }

#NewsList .other span{ display: inline-block; }

#NewsList .other .icons{ display: inline-block; float: left; height: 0.2rem; width: 0.2rem; vertical-align: middle; margin-right: 0.08rem; margin-bottom:0.02rem; }

#NewsList .other .time{ margin-right: 0.15rem; }

#NewsList .other .time .icons{ background:url(../images/icon_news1_1.png) no-repeat center; }

#NewsList .other .num{}

#NewsList .other .num .icons{ background:url(../images/icon_news2_1.png) no-repeat center; }

#NewsList .Box:hover{ box-shadow: 0 0 0.2rem rgba(0,0,0,0.1); }

#NewsList .Box:hover .imgBox img{ transform: scale(1.08); }

#NewsList .Box:hover .title{ color:#009097; }

/**新闻详情页**/

#NewsInfo{ background-color: #f8f8f8; padding:4% 0; }

#NewsInfo .title{ font-size: 0.24rem; line-height: 1.2em; color:#333333; margin:0; }

#NewsInfo .other{ font-size: 0.14rem; line-height: 0.2rem; color:#4a4a4a; padding-top:0.2rem; padding-bottom:0.35rem; }

#NewsInfo .other span{ display: inline-block; }

#NewsInfo .other .icons{ display: inline-block; float: left; height: 0.2rem; width: 0.2rem; vertical-align: middle; margin-right: 0.08rem; margin-bottom:0.02rem; }

#NewsInfo .other .time{ margin-right: 0.15rem; }

#NewsInfo .other .time .icons{ background:url(../images/icon_news1_1.png) no-repeat center; }

#NewsInfo .other .num{}

#NewsInfo .other .num .icons{ background:url(../images/icon_news2.png) no-repeat center; }

#NewsInfo .Icont{ padding:0.34rem; }

#NewsInfo .Icont .Box{ font-size: 0.16rem; color:#555555; line-height: 1.6em; word-break: break-all; }

#NewsInfo .Icont .links{ border-top:0.01rem dashed #ddd; padding:0.5rem 0 0.3rem; margin-top: 0.5rem; line-height: 0.64rem; font-size: 0.14rem; }

#NewsInfo .Icont .links .PnBox{}

#NewsInfo .Icont .links a{ color:#555555; background-color: #ebebeb; display: inline-block; padding:0 0.25rem; }

#NewsInfo .Icont .links .icons{ display: inline-block; width: 0.15rem; height: 0.2rem; vertical-align: middle; margin-right: 0.1rem; }

#NewsInfo .Icont .links .p{ margin-right: 0.1rem; }

#NewsInfo .Icont .links .p .icons{ background:url(../images/icon_jt2.png) no-repeat center; }

#NewsInfo .Icont .links .n{}

#NewsInfo .Icont .links .n .icons{ margin-left: 0.1rem; margin-right: 0; background:url(../images/icon_jt3.png) no-repeat center; }

#NewsInfo .Icont .links .Returnlist{}

#NewsInfo .Icont .links .Returnlist .icons{ background:url(../images/icon_return2.png) no-repeat center; }

#NewsInfo .Icont .links a:hover{ background-color: #009097; color:#fff; }

#NewsInfo .Icont .links .p:hover .icons{}

#NewsInfo .Icont .links .n:hover .icons{ margin-left: 0.1rem; margin-right: 0; }

#NewsInfo .Icont .links .Returnlist:hover .icons{}



/**会员**/

#MemberBan{ height:2.6rem; background:url(../images/memer/Banner.jpg) no-repeat center; color:#ffffff; }

#MemberBan .h1{ margin:1.5rem 0 .05rem; font-size:.3rem; line-height:1.4em; font-weight:normal; }

#MemberBan .word{ font-size:.14rem; line-height:1.4em; }

#MemberBan .mial{ margin-left:.3rem; }

#MemeberBlock{}

#MemeberBlock .Block{ position: relative; margin:3.75% 0 6.25%; }

#MemeberBlock .Block::before{ content:""; position: absolute; left:0; top:0; display:block; width:2.4rem; height:100%; background-color:#fff; }

#MemeberBlock .Menu{ position: relative; width:2.4rem; margin-right:2.5%; }

#MemeberBlock .Menu .ul{}

#MemeberBlock .Menu .ul li{}

#MemeberBlock .Menu .ul li+li a{ border-top:1px solid #eeeeee; }

#MemeberBlock .Menu .ul a{ position: relative; display:block; padding:.25rem .24rem; line-height:.22rem; color:#333333; font-size:.15rem; }

#MemeberBlock .Menu .ul a::before{ content:""; display:block; height:0; width:.02rem; background:#e32646; position: absolute; left:0; top:0; }

#MemeberBlock .Menu .ul .tit{ display:block; padding-left:.34rem; position: relative; background: no-repeat left .03rem; }

#MemeberBlock .Menu .ul .info{ background-image:url(../images/memer/icon1_1.png); }

#MemeberBlock .Menu .ul .password{ background-image:url(../images/memer/icon1_2.png); }

#MemeberBlock .Menu .ul .product{ background-image:url(../images/memer/icon1_3.png); }

#MemeberBlock .Menu .ul .exit{ background-image:url(../images/memer/icon1_4.png); }

#MemeberBlock .Menu .ul .on a::before{ height:100%; }

#MemeberBlock .Menu .ul .on a,

#MemeberBlock .Menu .ul a:hover{ color:#e32646; }

#MemeberBlock .Menu .ul .on .info,

#MemeberBlock .Menu .ul .info:hover{ background-image:url(../images/memer/icon1_1_h.png); }

#MemeberBlock .Menu .ul .on .password,

#MemeberBlock .Menu .ul .password:hover{ background-image:url(../images/memer/icon1_2_h.png); }

#MemeberBlock .Menu .ul .on .product,

#MemeberBlock .Menu .ul .product:hover{ background-image:url(../images/memer/icon1_3_h.png); }

#MemeberBlock .Menu .ul .on .exit,

#MemeberBlock .Menu .ul .exit:hover{ background-image:url(../images/memer/icon1_4_h.png); }

#MemeberBlock .cont{}

#MemeberBlock .cont .pad{ padding:.25rem; }

#MemeberBlock .cont .form{ display:block; padding:3% 0 5%; }

#MemeberBlock .cont .form .label{ display:block; margin:0; width:100%; padding:0; font-weight:normal; font-size:.15rem; color:#333333; line-height:.5rem; text-align:left; }

#MemeberBlock .cont .form .label+.label{ margin-top:.15rem; }

#MemeberBlock .cont .form .tit{ text-align:right; width:2.6rem; margin-right:3%; }

#MemeberBlock .cont .form .input{ display:block; max-width:100%; line-height:.5rem; height:.5rem; padding:0 .1rem; background:#f8f8f8; border-radius:3px; font-size:.15rem; }

#MemeberBlock .cont .form textarea.input{ padding:.15rem .1rem; height:10em; line-height:1.6em; }

#MemeberBlock .cont .form .wid1{ width:3.2rem; }

#MemeberBlock .cont .form .wid2{ width:4.45rem; }

#MemeberBlock .cont .form .wid3{ width:100%; }

#MemeberBlock .cont .form .word{ color:#999; line-height:.3rem; }

#MemeberBlock .cont .form .submit{ text-align:left; }

#MemeberBlock .cont .form .submit .Btn{ font-size:.15rem; line-height:.38rem; height:.4rem; border-radius:5px; border:1px solid transparent; width:1.25rem; text-align:center; }

#MemeberBlock .cont .form .submit .submit{ color:#fff; background-color:#e32646; }

#MemeberBlock .cont .form .submit .reset{ border-color:#e32646; color:#e32646; background-color:#fff; margin-left:.1rem; }

#MemeberBlock .cont .form .submit .Btn:hover{ color:#fff; background-color:#f13353; border-color:#f13353; }



@media (min-width: 900px) and (max-height: 900px) {

}

@media (min-height: 900px) {

}

@media (min-width: 769px) {

	/**图片弹框**/

    #TankImg .modal-lg{ width: 6.65rem; }



}

@media only screen and (min-width: 992px){



}

@media only screen and (min-width: 1100px){



}

@media only screen and (min-width: 1200px){

    .container{ width: 1300px; }

    /**头部导航**/

    #header .r_con .Menu li+li{ margin-left: 0.4rem; }

    #header .r_con .Menu{ margin-right: 0.4rem; }

	#header .r_con .Menu .Lib li{ display: inline-block; }

    .SmallHeader #header .r_con .Menu .title:after{ margin-top: 0.23rem; }

    .SmallHeader #header .r_con .Menu .Lib{ padding:0.25rem 0 .15rem; }

    .SmallHeader #header .r_con .Menu .Lib .ul{ padding:0.2rem 0; }

}



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

    body{ padding-top: 0.6rem; }

    /**头部导航**/

    #header .logo img{ height:.4rem; }

    #header .t-cell{ height:.6rem; }

    #header .PBox{ position: fixed; display:block; left:0; top:0.6rem; width:100%; height:calc(100% - .6rem); background:#fff; z-index: 999; padding:0.15rem; opacity: 0; transform: scaleX(0); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); transition: all 0.3s ease-in-out; overflow-y:auto; }

    #header .PBox .Menu{ float: none; width:100%; border-top: 0.02rem solid #ddd; order:2; }

    #header .PBox .Menu>li{ display:block; float: none; text-align: center; border-bottom: 0.02rem solid #ddd; }

    #header .PBox .Menu .title{ padding:0.1rem 0; }

    #header .PBox .Menu .title:after{ display: none; }

    #header .PBox .Menu .title a{ color:#333; display:block; }

    #header .PBox .Menu>li:hover .Lib,

    #header .PBox .Menu .on .Lib{ display: none; }

    #header .PBox .Menu .Lib{ position: static; text-align: left; padding:0; margin:0; opacity: 1; transform: scale(1); display: none; }

    #header .PBox .Menu .Lib .Box{ background:#f1f1f1; }

    #header .PBox .Menu .Lib .ul{ margin:0; padding:0.1rem 0.1rem; text-align:left; }

    #header .PBox .Menu .Lib .container{ padding:0.06em 0; width: 100%; }

    #header .PBox .Menu .Lib .imgBox{ display: none; }

    #header .PBox .Menu .Lib li{ float: none; display: block; width: 100%; }

    #header .PBox .Menu .Lib li+li{ margin:0; }

    #header .PBox .Menu .Lib .Type{ padding:0.05rem 0; color:#666; font-size: 0.14rem; }

    #header .PBox .Menu .Lib .aBox{ padding:0; }

    #header .PBox .Menu .Lib .aBox a{ color:#777; font-size: 0.12rem; display:block; }

    #header .PBox .Menu .Lib .div a{ color:#777; font-size: 0.14rem; display:block; }

    #header .r_con .SBtn{ display: none; }

    #header .r_con .LBtn{ margin-left:.1rem; }

	#header .PBox .SearchBox .TipsBlock{ display:none;}

    #header .PBox .SearchBox{ display: block; float: none; width: 100%; margin-bottom: 0.15rem; background: #f5f5f5; position: static; height:.42rem; }

    #header .PBox .SearchBox .container{ width: 100%; padding:0; }

    #header .PBox .SearchBox .Form{ position: static; width: 100%; height:.42rem; }

    #header .PBox .SearchBox .Key{ line-height:.42rem; height:.42rem; width: 100%; padding:0 0.15rem; position: static; background-color: #f5f5f5; }

    #header .PBox .SearchBox:hover .Key{ width: 100%; padding:0 0.15rem; }

    #header .PBox .SearchBox .submit{ width:0.4rem; position: absolute; right: 0; top:0; background-image: url(../images/icon_search2_h.png); }

    #header .PBox .SearchBox:hover .submit{ background-color: transparent; }

    #header .PhoneBtn{ display: inline-block; vertical-align:middle; height: 0.3rem; width: 0.34rem; position: relative; cursor: pointer; margin-left:.25rem; }

    #header .PhoneBtn i{ position: absolute; width: 100%; left:0%; height: 0.02rem; display:block;background:#fff; top:50%; margin-top: -0.01rem; transition: all 0.2s ease-in-out; }

    #header .PhoneBtn .i1{ margin-top: -0.09rem; }

    #header .PhoneBtn .i2{}

    #header .PhoneBtn .i3{ margin-top: 0.07rem; }

    .PhoneShow #header{ background-color: #161617; }

    .PhoneShow #header .PBox{ opacity: 1; transform: scaleX(1); -webkit-transform: scaleX(1); -ms-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); }

    .PhoneShow #header .PhoneBtn{}

    .PhoneShow #header .PhoneBtn .i1{ margin-top: -0.01rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); }

    .PhoneShow #header .PhoneBtn .i2{ opacity: 0; }

    .PhoneShow #header .PhoneBtn .i3{ margin-top: -0.01rem; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }



    /***会员登录***/

    #MemberTank .Block .logo img{ height:.24rem; }

    #MemberTank .pad{ padding:.25rem; }

    #MemberTank .form .word{ font-size:.2rem; margin:.15rem 0 .1rem; }

    #MemberTank .form .label{ padding-left:.4rem; }

    #MemberTank .form .label+.label{ margin-top:.1rem; }

    #MemberTank .form .icon{ width:.4rem; height:.4rem; background-size:.14rem .14rem; }

    #MemberTank .form .input{ height:.4rem; line-height:.4rem; }

    #MemberTank .form .codeBox{ padding-right:1.63rem; }

    #MemberTank .form .codeBox .codeImg{ height:.4rem; }

    #MemberTank .form .Btns{ padding-left:0; }

    #MemberTank .form .Btns .Btn{ line-height:.4rem; height:.4rem; font-size:.15rem; border-radius:.2rem; }

    #MemberTank .form .Btns+*{ margin-top:.09rem; }

    #MemberTank .form .word3{ margin-top:.1rem; }

    #MemberTank .Tabtit .a{ font-size:.15rem; line-height:.5rem; }



    /**底部**/

    #footer .Box{ text-align:center; padding:.3rem 0 .25rem; }

    #footer .title{ margin-bottom:.15rem; }

    #footer .title::after{ margin-left:auto; margin-right:auto; }

    #footer .cont1{ display:none; }

    #footer .cont2{ display:none; }

    #footer .cont3{ display:none; }

    #footer .cont4{ display:none; }

    #footer .cont5{ display:inline-block; float:none; width:3.5rem; max-width:100%; }

    #footer .Bot{ padding:0.15rem 0; }

    #footer .Bot .logo{ display:none; }

    /**标题**/

    .AutoTitle1{}

    .AutoTitle1 .Atit{ font-size: 0.26rem; }

    .AutoTitle1 .Aword{ font-size: 0.16rem; line-height: 1.6em; }

    /**Banner图片**/

    #AutoBan .word{ font-size: 0.5rem; }



    /**首页**/

    #IndexBan .icon{ bottom:.1rem; height:.3rem; width:.3rem; margin-left:-.15rem; background-size:contain; }

   
   
    #IndexBlock1 li .h3{ font-size:.3rem; }

    #IndexBlock1 li .txt{ margin-bottom:.2rem; }

    #IndexBlock1 li .Box:hover img{ transform: scale(1); }

    #IndexBlock2 .h2{ font-size:.26rem; }

    #IndexBlock2 .s-title{ margin-bottom:3%; }

    #IndexBlock3 .h3{ font-size:.46rem; }

    #IndexBlock3 .txt{ margin-bottom:.3rem; }

    #IndexBlock4 .h2{ font-size:.26rem; }

    #IndexBlock4 .Box p{ font-size:.22rem; }

	/**邮箱弹框**/

	#EmailTank{}

	#EmailTank .Box{ width:6.5rem; }

	#EmailTank .Box .exit{ right:.15rem; top:.15rem; }

	#EmailTank .Box .pad{ padding:.4rem 8%; }

	#EmailTank .Box .h4{ font-size:.3rem; }

	#EmailTank .Box .word{ font-size:.16rem; margin-bottom:.25rem; }

	#EmailTank .Box .form .Key{ line-height:.42rem; height:.44rem; }

	#EmailTank .Box .form .submit{ font-size:.16rem; line-height:.4rem; height:.4rem; }



    /***招聘**/

    #JobBlock1{}

    #JobBlock1 .pad .content .h2{ margin-bottom:.15rem; }

    #JobBlock1 .pad .content .word{ line-height:.22rem; }

    #JobBlock1 .pad .content .word p{ margin-top:.2em; }

    #JobBlock2 .ul{ padding-bottom:6% ; }

    #JobBlock2 .ul li{ padding:.07rem 3%; }

    #JobBlock2 .ul .word{ margin-top:.1rem; line-height:1.4em; }

    #JobBlock4 .form .label .tit{ width:3rem; }



    /**warranty担保**/

    #WarranBlock .ul .hBox{ padding-top:.3rem; padding-bottom:.35rem; }

    #WarranBlock .ul .h3{ margin:.3rem 0 .2rem; font-size:.18rem; }

    #WarranBlock .ul .word{ line-height:.22rem; }

    #WarranBlock2 .cont .word{ margin:.2rem 0; }

    #WarranBlock2 .cont ul li{ margin-top:.05rem; }



    /**分页**/

    .PageBox a{ margin:0.02rem; line-height: 0.3rem; padding:0 0.7em; }

    .PageBox .prev,

    .PageBox .next{ width: 2em; }

    /**博客**/

    .Blog_info .Info_block .title{ font-size: 0.24rem; }

    /**产品**/

    #ProductList{}

    #ProductList .dl{ margin: 0.05rem 0; padding-left: 0.55rem; }

    #ProductList .dl+.dl{ margin-top: 0.1rem; }

    #ProductList .dl dd a{ margin:0 0.6em; }

    .product_list .ul{ margin:0 -0.06rem; padding: 0.1rem 0; }

    .product_list .ul li{ padding:0.06rem; }

    .product_list .ul .Box{ padding:0.1rem; }

    .product_list .ul .Points{ padding:0.1rem 0; margin-bottom: 0.07rem; }

    .product_list .ul .Points span{ height: 0.14rem; width: 0.14rem; margin:0 0.02rem; }

    #ProductInfo1 .gallery-thumbs{ margin:0 0.4rem; }

    #ProductInfo1 .Big .btnBox span{ width: 0.32rem; height: 0.32rem; }

    #ProductInfo1 .title{ font-size: 0.22rem; }

    #ProductInfo1 .content{ padding:0.25rem 0; margin-bottom: 0.25rem; }

    #ProductInfo1 .content ul{ margin-left:0; }

    .P_info_block .TabCont .Block4 .Mtitle{ font-size: 0.22rem; }

    .P_info_block .TabCont .Block4 .cont th{ font-size: 0.18rem; }

    /**产品详情**/

    #PinfoWordBox{ height:.62rem; }

    #PinfoWordBox .wordBox .name{ font-size:.18rem; line-height:.34rem; }

    #PinfoWordBox .wordBox .store{ line-height:.32rem; }

    #PinfoTable .h2{ font-size:.26rem; margin-bottom:.02rem; }

    #PinfoTable .ltitle{ font-size:.16rem; }

    #PinfoImgword2 .ul li .cont{ padding:.15rem .25rem; }

    #PinfoTable .tables table th{ font-size:.18rem; }

    #PinfoTable .tables table th,

    #PinfoTable .tables table td{ padding:.05rem .15rem; height:.6rem; }

    /**代理合作**/

    .CooperaBlcok .Mtitle{ font-size: 0.24rem; }

    #CooperaBlcok1{ background-color: #404040; color:#fff; }

    #CooperaBlcok1 .ul .bg{ padding:0.25rem 0.15rem 0.1rem; }

    #CooperaBlcok1 .ul .title{ font-size: 0.18rem; margin-bottom: 0.2rem; }

    #CooperaBlcok2 .ul li{ margin-left: 4%; }

    #CooperaBlcok2 .ul .bg{ padding:0.14rem 0; }

    #CooperaBlcok3 .label .submit{ line-height: 0.4rem; height: 0.4rem; font-size: 0.15rem; }

    /**质量控制**/

    #QualityBlock{}

    #QualityBlock .title{ font-size: 0.24rem; margin-top:7%; }

    #QualityBlock .word{ line-height: 1.4em; }

    /**新闻**/

    #NewsList{}

    #NewsList .Box{ padding:0.1rem; }

    #NewsList .nul li{ margin-bottom:0.1rem; }



    /**新闻详情页**/

    #NewsInfo{}

}

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

}

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



    /**底部**/

    #footer .title{ font-size: 0.14rem; }



    /**首页**/

    #IndexBlock2 .swiperBox{ padding-left:.4rem; padding-right:.4rem; }

    #IndexBlock2 .PNBtn span{ height:.3rem; width:.3rem; background-size:65% auto; }

    #IndexBlock3 .h3{ font-size:.38rem; }

    #IndexBlock3 .txt{ margin-bottom:.25rem; }

    #IndexBlock3 .more{ height:.32rem; }

	/**邮箱弹框**/

	#EmailTank{}

	#EmailTank .Box .pad{ padding:.3rem 4%; }

	#EmailTank .Box .h4{ font-size:.26rem; }

	#EmailTank .Box .word{ font-size:.14rem; margin-bottom:.15rem; }

	#EmailTank .Box .form .Key{ line-height:.34rem; height:.36rem; }

	#EmailTank .Box .form .submit{ font-size:.14rem; line-height:.32rem; height:.32rem; }



    /**公用**/

    /**标题**/

    .AutoTitle1{}

    .AutoTitle1 .Atit{ font-size: 0.22rem; }

    .BlogTitle .tit{ font-size:0.18rem; }

    .AutoTitle2 .h2{ font-size:.26rem; }

    /**Banner图片**/

    #AutoBan .word{ font-size: 0.4rem; }

    /**博客**/

    .Blog_list{ width: 100%; }

    .Blog_put{ display:none; }

    #Blog_info .Blog_info{ width: 100%; }

    .Blog_info .Blog_list .BlogTitle{ padding:0.3rem 0 0.1rem; }

    /**查询验证**/

    #SearchTop{}

    #SearchBlock .title{ font-size: 0.24rem; }

    #SearchBlock .Key{ line-height: 0.46rem; height: 0.46rem; font-size: 0.16rem; }

    #SearchBlock .ul li{ position: relative; padding:0.2rem 0 0.2rem 1.1rem; }

    #SearchBlock .ul li:after{ height: calc(100% - 0.6rem); left: 0.3rem; top:0.7rem; }

    #SearchBlock .ul li:before{ left: 0.7rem; width: 0.4rem; top:0.34rem; }

    #SearchBlock .ul .icons{ width: 0.7rem; height: 0.7rem; }

    /**产品**/

    #ProductList{}

    #ProductList .Checks{ padding:0.15rem 0.1rem; }

    #ProductList .dl{ margin:0; padding-left: 0.42rem; }

    #ProductList .dl+.dl{ margin-top: 0.02rem; }

    #ProductList .dl dt{ font-size: 0.14rem; }

    .product_list .ul{ margin:0 -0.03rem; padding:0.07rem 0; }

    .product_list .ul li{ padding:0.03rem; }

    .product_list .ul .Points span{ height: 0.1rem; width: 0.1rem; }

    .product_list .ul .title{ font-size: 0.14rem; }

    #ProductInfo1 .imgBoxs{ width: 100%; margin-bottom: 0.25rem; }

    #ProductInfo1 .r_con{ width: 100%; }

    .P_info_block .TabCont .Block4 .Mtitle{ font-size: 0.18rem; }

    .P_info_block .TabCont .Block4 .cont{ font-size: 0.14rem; }

    .P_info_block .TabCont .Block4 .cont th{ font-size: 0.16rem; }

    /**产品详情**/

    #PinfoImgword2 .ul li img{ display:block; margin:0 auto; width:100%; }

    #PinfoImgword2 .ul li .cont{ width:100%; padding:.15rem .15rem .25rem; }

    #PinfoImgword2 .ul li .cont::before{ display:none; }

    #PinfoImgword2 .ul li .h3{ font-size:.2rem; margin-bottom:0; text-align:center; }

    #PinfoImgword2 .ul li .word{ font-size:.14rem; text-align:center; }

    #PinfoTable .h2{ font-size:.2rem; }

    #PinfoTable .ltitle{ font-size:.14rem; }

    /**售后服务政策**/

    #supportBlock2 .ul{ margin-left:-0.04rem; margin-right:-0.04rem; }

    #supportBlock2 .ul li{ padding:0.04rem; }

    #supportBlock2 .word{ font-size: 0.14rem; }

    #supportBlock3 .ul{ margin-left: -0.03rem; margin-right: -0.03rem; }

    #supportBlock3 .ul li{ width: 25%; margin:0!important; padding:0.03rem; }

    #supportBlock3 .ul .bg{ padding:0; }

    #supportBlock3 .ul .bg:before,

    #supportBlock3 .ul .bg:after{ transform: none; }

    #supportBlock4 .AutoTitle1{ padding-bottom: 0.4rem; }

    #supportBlock4 .download{ margin-top: 0.2rem; }

    /**人才招聘**/

    #JobBlock .Types a{ font-size: 0.16rem; line-height: 0.28rem; }

    #JobBlock .Types a+a{ margin-left: 5%; }

    #JobBlock .Types .icons img{ height: 0.28rem; }

    #JobBlock1 .pad{ padding:.35rem 0 .25rem; }

    #JobBlock1 .pad .imgBox{ display:block; width:100%; }

    #JobBlock1 .pad .imgBox img{ display:block; margin:0 auto; }

    #JobBlock1 .pad .content{ display:block; width:100%; padding:.2rem 0 0; }

    #JobBlock1 .pad .content .h2{ margin-bottom:.1rem; }

    #JobBlock3 .ul li{ padding-bottom:.2rem; }

    #JobBlock3 .ul .Box .h4{ padding-top:.15rem; }

    #JobBlock4 .form .label .tit{ float:none; width:100%; text-align:left; }

    #JobBlock4 .form .label.submit .tit{ display:none; }

    /**warranty担保**/

    #WarranBlock .ul li{ width:50%; }

    #WarranBlock2 .pad{ padding:.35rem 0 .3rem; }

    #WarranBlock2 .imgBox{ width:100%; }

    #WarranBlock2 .imgBox img{ margin:0 auto; }

    #WarranBlock2 .cont{ width:100%; padding:0; padding:.25rem 0 0; }

    #WarranBlock2 .cont .word{ line-height:1.4em; }

    #WarranBlock2 .more{ font-size:.14rem; line-height:.36rem; }

    /**FAQ常见问题**/

    #FaqBlock .topt .title{ font-size: 0.2rem; line-height: 1.4em; }

    #FaqBlock .ul .top{ padding-left: 0.45rem; }

    /**网站地图**/

    #SiteMapBlock .ul li:nth-child(3n+1){ clear: both; }

    #SiteMapBlock .ul .li_type{ margin-bottom: 0.15rem; }

    /**代理合作**/

    .CooperaBlcok .Mtitle{ font-size: 0.2rem; }

    #CooperaBlcok1 .ul{ margin:0 -0.03rem; }

    #CooperaBlcok1 .ul li{ padding:0.03rem; }

    #CooperaBlcok1 .ul .title{ margin-bottom: 0.15rem; }

    /**代理合作**/

    #CooperaBlcok2 .ul{ margin:0 -0.05rem; }

    #CooperaBlcok2 .ul li{ width: 25%; margin:0!important; padding:0.05rem; float: left!important; }

    #CooperaBlcok2 .ul .bg{ padding:0; }

    /**联系我们**/

    #ContactBlock{}

    #ContactBlock .l_cont{ width: 100%; margin-bottom: 3%; }

    #ContactBlock .l_cont .tab+.tab{ margin-top: 0.15rem; padding-top:0.15rem; }

    #ContactBlock .r_img{ width: 100%; position: relative; height: 2.6rem; }

    /**下载中心**/

/*    #Download .ul li{ padding:0.05rem 0; }

    #Download .ul .Box{ font-size: 0.16rem; line-height: 1.4em; }

    #Download .ul .title{ display: block; padding-right: 0.55rem; }

    #Download .ul .down{ height: 1.4em; width: 0.5rem; background-size: auto 60%; }*/

    #DownloadList .ul{ margin-bottom: 0.1rem; }

    #DownloadList .ul li{ padding:0.03rem 0.03rem; }

    #DownloadList .ul .title{ padding:0.15rem; font-size: 0.16rem; }

    /**质量控制**/

    #QualityBlock{}

    #QualityBlock .title{ font-size: 0.22rem; margin-top:5%; }

    /**新闻**/

    #NewsList{}

    #NewsList .nul{}

    #NewsList .imgBox img{ width: 0.31rem; height: 1.55rem; }

    #NewsList .cont{ margin-left: 3.25rem; padding-top: 0.05rem; padding-right: 0.1rem; height: 1.55rem; }

    #NewsList .other{ margin-top: 0.25rem; padding-top:0.25rem; }



    /**新闻详情页**/

    #NewsInfo{ }

    #NewsInfo .Icont .links .icons{ position: relative; top: -0.01rem; }

    #NewsInfo .title{ font-size: 0.2rem; }

    #NewsInfo .other{ font-size: 0.14rem; padding-top:0.1rem; padding-bottom:0.15rem; }

    #NewsInfo .Icont{ padding:0.25rem; }

    #NewsInfo .Icont .links{ padding:0.25rem 0; margin-top: 0.25rem; line-height: 0.44rem; }



    /**会员**/

    #MemberBan{ height:2rem; }

    #MemberBan .h1{ margin-top:1rem; font-size:.24rem; }

    #MemeberBlock .Block::before{ display:none; }

    #MemeberBlock .Menu{ float:none; width:100%; background-color:#fff; margin:0 0 .15rem; }

    #MemeberBlock .Menu .ul{ font-size:0; line-height:0; display:flex; }

    #MemeberBlock .Menu .ul li{ width:25%; text-align:center;}

    #MemeberBlock .Menu .ul li+li a{ border-left:1px solid #eeeeee; border-top:0 none;}

    #MemeberBlock .Menu .ul a{ padding:.1rem .05rem; }

    #MemeberBlock .Menu .ul .tit{ padding:0; background-size:0; }

    #MemeberBlock .Menu .ul a::before{ display:none; }

    #MemeberBlock .cont .pad{ padding:.15rem; }

    #MemeberBlock .cont .form{ padding:0; }

    #MemeberBlock .cont .form .label{ line-height:.32rem; font-size:.14rem; }

    #MemeberBlock .cont .form .label+.label{ margin-top:.08rem; }

    #MemeberBlock .cont .form .tit{ float:none; text-align:left; display:block; width:100%; }

    #MemeberBlock .cont .form .input{ font-size:.14rem; line-height:.3rem; }

    #MemeberBlock .cont .form .submit .tit{ display:none; }

    #MemeberBlock .cont .form .input{ width:100%; }

    #MemeberBlock .cont .form .submit .Btn{ font-size:.14rem; line-height:.3rem; height:.3rem; }

}

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

    body{ padding-top: 0.56rem; }

    /**头部导航**/

    #header{ padding:0.08rem 0; }

    #header .t-cell{ height: 0.4rem; }

    .PhoneShow #header .PBox{ top:.56rem; height:calc(100% - .56rem); }

    #header .logo img{ height: 0.21rem; }

    #header .logo .pc{ display:none; }

    #header .logo .phone{ display:block; }

    #header .PhoneBtn{ height: 0.26rem; width: 0.26rem; }

    #header .PhoneBtn .i1{ margin-top: -0.08rem; }

    #header .PhoneBtn .i3{ margin-top: 0.06rem; }

    #header .r_con{ top: 0.42rem; }



    /***会员登录***/

    #MemberTank .pad{ padding:.2rem .15rem; }

    #MemberTank .Block .logo img{ height:.18rem; }

    #MemberTank .form .word{ font-size:.15rem; margin:.05rem 0 .1rem; }

    #MemberTank .form .checkBox .word1{ font-size:.12rem; word-break:break-word; }

    #MemberTank .form .icon{ height:.36rem; }

    #MemberTank .form .input{ height:.36rem; line-height:.36rem; font-size:.12rem; padding:0 .1rem; }

    #MemberTank .form .codeBox{ padding-right:1rem; }

    #MemberTank .form .codeBox .codeImg{ width:.8rem; height:.36rem; }

    #MemberTank .form .Btns .Btn{ height:.36rem; line-height:.36rem; font-size:.14rem; }

    #MemberTank .Tabtit .a{ font-size:.12rem; line-height:.36rem; }



    /**底部**/

    #footer .Bot{ font-size:0.12rem; padding:0.8em 0; }



    /**分享**/

    .bshare-custom{ text-align: center; }

    .bshare-custom span{ display:none; }

    .bshare-custom a{ margin:0 0.3em;}

    /**Banner图片**/

    #IndexBan .BanPoints{ bottom:0.05rem; }

    #AutoBan .pc{ display: none; }

    #AutoBan .phone{ display: block; }

    #AutoBan .word{ font-size: 0.24rem; }



    /**视频弹框*/

    .TankVideoBox .VideoBox{ transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }

    /**图片弹框*/

    #galpop-close{ display: none; }



    /**公用**/

    .PageBox{ padding:0.15rem 1%; }

    /**标题**/

    .AutoTitle1{}

    .AutoTitle1 .Atit{ font-size: 0.18rem; }

    .BlogTitle .tit{ font-size:0.16rem; }

    .AutoTitle2 .h2{ font-size:.18rem; }

    /**返回顶部**/

    #ReturnTop{ height: 0.4rem; bottom:3%; width: 0.4rem; right: 0.15rem; background-size: 0.18rem auto; border-radius: 50%; background-position: center 45%; }



    /**首页**/

    #IndexBan .icon{ bottom:.05rem; height:.2rem; width:.2rem; margin-left:-.1rem; }

    #IndexBlock1 li .h3{ font-size:.22rem; }

    #IndexBlock1 li .txt{ margin-bottom:.1rem; }

    #IndexBlock1 li .more{ line-height:.28rem; font-size:.12rem; }

    #IndexBlock2 .h2{ font-size:.22rem; margin:.35rem 0 .2rem; }

    #IndexBlock2 .ul{ margin:-.05rem; }

    #IndexBlock2 .ul li{ width:50%; padding:.05rem; }

    #IndexBlock2 .ul li img{ width:100%; }

    #IndexBlock2 .swiperBox{ margin-bottom:.25rem; }

    #IndexBlock2 .s-title{ font-size:.18rem; margin:.3rem 0 .15rem; }

    #IndexBlock2 .word{ margin-bottom:.15rem; }

    #IndexBlock3 .h3{ font-size:.32rem; }

    #IndexBlock3 .txt{ margin-bottom:.2rem; margin-top:0; }

    #IndexBlock3 .more{ height:.3rem; }

    #IndexBlock4 .h2{ font-size:.22rem; margin:.35rem 0 .2rem; }

    #IndexBlock4 .ul{ padding-bottom:.35rem; }

    #IndexBlock4 .Box .word{ padding:.1rem .15rem; }

    #IndexBlock4 .Box p{ font-size:.18rem; }

	/**邮箱弹框**/

	#EmailTank .Box .h4{ font-size:.18rem; }

	#EmailTank .Box .word{ font-size:.14rem; margin-bottom:.1rem; }

	#EmailTank .Box .form .Key{ line-height:.34rem; height:.36rem; }

	#EmailTank .Box .form .submit{ font-size:.14rem; line-height:.32rem; height:.32rem; }



    /**博客**/

    .BlogTitle{ padding:0.15rem 0 0.05rem; }

    .BlogTitle .tit{ font-size: 0.16rem; /*width: 50%; display: inline-block; border-top: 0.01rem solid #eee; border-right: 0.01rem solid #eee; margin:0; text-align: center; padding:0 0.03rem;*/ }

    /*.BlogTitle .tit:nth-child(1),

    .BlogTitle .tit:nth-child(2){ border-top:0 none; }*/

    .BlogTitle .tit+.tit{ margin-left: 1.15em; }

    .TitleType{ padding:0.15rem 0 0.05rem; }

    .TitleType .tit{ font-size:0.16rem; display: inline-block; margin-right: 1em; }

    .TitleType .tit+.tit{ margin-left: 0; }

    .TitleType .hr{ margin-top: 0.1rem; }

    #BlogTypes .top{ padding-top: 0.15rem; }

    #BlogTypes .ul li{ width: 100%!important; margin:0!important; }

    #BlogTypes .ul li+li{ margin-top: 1%!important; }

    #BlogTypes .ul li img{ display: block; width: 100%; }

    .Blog_list .ul{ margin:0 -0.04rem; }

    .Blog_list .ul li{ padding:0.04rem; }

    .Blog_list .ul li img{ width: 100%; }

    .Blog_list .ul .contBox{ padding:0.08rem 0.06rem; }

    .Blog_list .ul .title{ font-size: 0.14rem; margin-bottom: 0.02rem; }

    .Blog_list .ul .time{ font-size: 0.12rem; }

    .Blog_info .Info_block .title{ font-size: 0.2rem; }

    .Blog_info .Info_block .bshare-custom{ padding:0.1rem 0 0.15rem; }

    .Blog_info .Info_block .bshare-custom a,

    .Blog_info .Info_block .bshare-custom a+a{ margin:0 0.05rem; }

    .Blog_info .Info_block .content{ font-size: 0.16rem; }

    .Blog_info .Info_block .Tags .tag_t{ font-size: 0.16rem; }

    .Blog_info .Info_block .Tags a{ font-size: 0.14rem; padding:0 0.06rem; }

    .Blog_info .Blog_list .BlogTitle{ padding:0.2rem 0 0.05rem; }

    /**查询验证**/

    #SearchTop{}

    #SearchBlock .title{ font-size: 0.2rem; }

    #SearchBlock .form{ padding-right: 0.4rem; }

    #SearchBlock .Key{ line-height: 0.4rem; height: 0.4rem; font-size: 0.14rem; }

    #SearchBlock .submit{ width: 0.4rem; background-size: 0.22rem auto; }

    #SearchBlock .ul li{ position: relative; padding:0.15rem 0 0; text-align: center; }

    #SearchBlock .ul li:after{ display: none; }

    #SearchBlock .ul li:before{ display: none; }

    #SearchBlock .ul .icons{position: static; margin:0 auto; }

    #SearchBlock .ul .p{ padding:0.1rem 0 0; line-height: 1.2em; font-size: 0.16rem; }

    #SearchBlock .ul .num{ line-height: 0.2rem; font-size: 0.16rem; display: none; }

    /**产品**/

    #ProductInfo1 .gallery-thumbs{ margin:0; }

    #ProductInfo1 .Big .btnBox{ display: none; }

    #ProductInfo1 .gallery-top{ margin-left: 0.15rem; margin-right: 0.15rem; }

    #ProductInfo1 .tips .btnBox span{ width: 0.1rem; background-size: contain; }

    #ProductInfo1 .title{ font-size: 0.18rem; }

    #ProductInfo1 .content{ padding:0.2rem 0; margin-bottom: 0.2rem; }

    #ProductInfo1 .color_check{ padding-left: 0.4rem; }

    .P_info_block .scrollBox{ height: 0.54rem; }

    .P_info_block .Tabs a{ line-height: 3.4em; }

    .P_info_block .Tabs a+a{ margin-left: 1em; font-size: 0.15rem; }

    /**产品详情**/

    #PinfoWordBox{ height:.52rem; }

    #PinfoWordBox .wordBox{ padding:.1rem 0; }

    #PinfoWordBox .wordBox .name{ font-size:.14rem; line-height:.3rem; }

    #PinfoWordBox .wordBox .store{ font-size:.12rem; line-height:.3rem; }

    #PinfoImgs2 .pc{ display:none; }

    #PinfoImgs2 .phone{ display:block; }

    #PinfoImgword2 .ul li .h3{ font-size:.16rem; }

    #PinfoImgword2 .ul li .word{ font-size:.12rem; }

    #PinfoTable .h2{ font-size:.18rem; }

    #PinfoTable .tables{ overflow-x:auto; }

    #PinfoTable .tables table{ width:7.68rem; max-width:7.68rem; }

    #PinfoTable .tables table th{ font-size:.16rem; height:.5rem; }



    /**售后服务政策**/

    #supportBlock1 .r_img{ margin-top:0.2rem; }

    #supportBlock2 .ul{ margin:; }

    #supportBlock2 .ul li img{ width: 0.9rem; }

    #supportBlock3 .ul li{ width: 33.33%; }

    #supportBlock3 .ul .word{ font-size: 0.16rem; line-height: 1.2em; padding:0.15rem; }

    #supportBlock4 .AutoTitle1{ padding:0.15rem 0; }

    #supportBlock4 .word{ font-size: 0.17rem; line-height: 1.4em; }

    #supportBlock4 .download{ line-height: 0.32rem; font-size: 0.16rem; }

    /**关于我们**/

    .AboutBg #AutoBan .word{ padding-top: 22%; }

    #AboutBlock .cont{ font-size: 0.16rem; line-height: 1.4em; padding-bottom: 15%; }

    /**人才招聘**/

    #JobBlock .Types a{ font-size: 0.16rem; line-height: 0.24rem; }

    #JobBlock .Types a+a{ margin-left: 0.9em; }

    #JobBlock .Types .icons{ float: none; vertical-align: middle; }

    #JobBlock .Types .icons img{ height: 0.18rem; }

    #JobBlock1 .pad .content .word{ font-size:.14rem; line-height:1.4em; }

    #JobBlock2 .ul li{ width:50%; }

    #JobBlock2 .ul .img img{ width:.6rem; }

    #JobBlock2 .ul .word{ font-size:.14rem; line-height:1.4em; }

    #JobBlock3 .ul li{ padding-bottom:.15rem; width:48%; }

    #JobBlock3 .ul .Box .h4{ font-size:.14rem; line-height:1.4em; padding-top:.1rem; }

    #JobBlock3 .word{ font-size:.14rem; line-height:1.4em; }

    #JobBlock4 .word{ font-size:.14rem; line-height:1.4em; padding-top:.1rem; }

    #JobBlock4 .form .label .tit{ font-size:.14rem; line-height:.32rem; }

    #JobBlock4 .form .label .input{ line-height:.34rem; height:.36rem; font-size:.14rem; }

    #JobBlock4 .form .label .Btn{ line-height:.36rem; height:.36rem; font-size:.14rem; }

    /**warranty担保**/

    #WarranBlock .ul{ margin:0; padding-bottom:.2rem; }

    #WarranBlock .ul li{ width:100%; padding:0.08rem 0; }

    #WarranBlock .ul .Box{ height:auto!important; }

    #WarranBlock .ul .hBox{ padding-left:.15rem; padding-right:.15rem; }

    #WarranBlock .ul .img img{ width:.6rem; }

    #WarranBlock .ul .h3{ font-size:.16rem; margin:.15rem 0; }

    #WarranBlock .ul .word{ font-size:.14rem; }

    #WarranBlock2 .cont .word{ font-size:.14rem; margin:.1rem 0 .15rem; }

    #WarranBlock2 .more{ font-size:.12rem; line-height:.3rem; padding:0 .15rem; }

    /**FAQ常见问题**/

    #FaqBlock .topt .title{ font-size: 0.18rem; line-height: 1.2em; }

    #FaqBlock .ul li{ padding:0.15rem; }

    #FaqBlock .ul .top{ font-size: 0.16rem; padding-left: 0.3rem; line-height: 1.2em; }

    #FaqBlock .ul .icon{ height: 1.2em; }

    #FaqBlock .ul .bot{ font-size: 0.14rem; line-height: 1.6em; }

    /**网站地图**/

    #SiteMapBlock .title{ font-size: 0.2rem; padding-bottom: 0.1rem; }

    #SiteMapBlock .ul li{ border-bottom: 0.01rem solid #ccc; margin:0.15rem; padding:0 0 0.15rem; }

    #SiteMapBlock .ul .div{ display: inline-block; }

    #SiteMapBlock .ul .li_type{ margin-bottom: 0.05rem; }

    #SiteMapBlock .ul .aBox{ margin:0 -0.07rem; }

    #SiteMapBlock .ul .div{ margin:0 0.07rem; }

    #SiteMapBlock .ul .list_Box+.list_tit1{ margin-top: 0.1rem; }

    #SiteMapBlock .ul .list_Box2{ margin:0; }

    #SiteMapBlock .ul .list_tit2{ padding:0.05rem 0; }

    #SiteMapBlock .ul .list_tit2 a{ display: block; }

    /**代理合作**/

    #CooperaBlcok1 .ul .Box{ height: auto!important; }

    #CooperaBlcok1 .ul .bg{ padding:0.2rem 0.1rem; }

    #CooperaBlcok1 .ul .title{ margin-bottom: 0.05rem; }

    #CooperaBlcok2 .ul li{ width: 33.33%; }

    #CooperaBlcok2 .ul .title{ font-size: 0.14rem; }

    #CooperaBlcok3 .label{ line-height: 0.36rem; }

    #CooperaBlcok3 .label .l_tit{ width: 100%; text-align: left; float: none; display: block; }

    #CooperaBlcok3 .label .input{ line-height: 0.36rem; height: 0.36rem; }

    #CooperaBlcok3 .label .inputBox{ float: none; display: block; width: 100%; padding:0; }

    #CooperaBlcok3 .label textarea.input{ height: 1.5rem; }

    #CooperaBlcok3 .label .submit{ display: block; width: 100%; }

    /**联系我们**/

    #ContactBlock .l_cont{ padding:0.15rem; }

    #ContactBlock .l_cont .icon{ background-size: 0.2rem; }

    #ContactBlock .l_cont .title{ font-size: 0.18rem; padding-left: 0.25rem; }

    #ContactBlock .l_cont .div .wid1{ display: block; width: 100%; }

    #ContactBlock .l_cont .div .wid2{ display: block; width: 100%; }

    /**质量控制**/

    #QualityBlock{}

    #QualityBlock .title{ font-size: 0.18rem; margin-top:0.15rem; margin-bottom: 0.1rem; }

    #QualityBlock .word{ font-size:0.14rem; line-height: 1.4em; }

    /**新闻**/

    #NewsList .imgBox img{ width: 1.8rem; height: 0.9rem; }

    #NewsList .cont{ margin-left: 1.9rem; padding-top: 0; padding-right: 0; height: 0.94rem; }

    #NewsList .title{ font-size: 0.18rem; line-height: 0.22rem; }

    #NewsList .des{ line-height: 0.24rem; }

    #NewsList .other{ margin-top: 0.08rem; padding-top:0.1rem; }

    /**新闻详情页**/

    #NewsInfo .title{ font-size: 0.16rem; }

    #NewsInfo .other{ font-size: 0.12rem; padding-bottom: 0.05rem; }

    #NewsInfo .other .icons{ transform: scale(0.7); }

    #NewsInfo .Icont{ padding:0.1rem 0.15rem; }

    #NewsInfo .Icont .Box{ font-size: 0.14rem; }

    #NewsInfo .Icont .links{ line-height: 0.34rem; padding-bottom: 0.05rem; }

    #NewsInfo .Icont .links .f_l{ display: block; float: none; }

    #NewsInfo .Icont .links a{ padding:0; width: 48%; margin:0; text-align: center; }

    #NewsInfo .Icont .links .n{ float: right; }

    #NewsInfo .Icont .links .icons{ transform: scale(0.7); margin-right: 0.05rem; }

    #NewsInfo .Icont .links .n .icons{ margin-left:0.05rem; margin-right: 0; }

    #NewsInfo .Icont .links .f_r{ float: none; display: block; }

    #NewsInfo .Icont .links .Returnlist{ width: 100%; margin-top:4%; background-color: #009097; color:#fff; }

    #NewsInfo .Icont .links .Returnlist .icons{ background: url(../images/icon_return1.png) no-repeat center;}

    /**下载中心**/

    #DownloadList .ul .title{ padding:0.1rem 0.02rem; font-size: 0.14rem; }

    #DownLoadTank .Box{ width: 96%; }



    /**会员**/

    #MemberBan{ height:1.2rem; }

    #MemberBan .h1{ margin-top:.5rem; font-size:.18rem; }

    #MemberBan .word .f_r{ display:none; }

    #MemeberBlock .Menu .ul{ flex-wrap:wrap; }

    #MemeberBlock .Menu .ul li{ width:50%; }

    #MemeberBlock .Menu .ul li:nth-child(1),

    #MemeberBlock .Menu .ul li:nth-child(2){ border-bottom:1px solid #eeeeee; }

    #MemeberBlock .Menu .ul li:nth-child(3) a{ border-left:0 none; }

    #MemeberBlock .Menu .ul li .tit{ font-size:.14rem; }

}



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

    /**底部**/

    #footer .Bot{}

    #footer .Bot .f_l,

    #footer .Bot .f_r{ display:block; width:100%; float:none; }



    /**代理合作**/

    #CooperaBlcok2 .ul li{ width: 50%; }

    #CooperaBlcok3 .word{ font-size: 0.16rem; line-height: 1.4em; }

    /**新闻**/

    #NewsList{}

    #NewsList .imgBox{ display: block; position: static; margin-bottom: 0.1rem; }

    #NewsList .imgBox img{ width: 100%; height: auto; }

    #NewsList .cont{ margin-left: 0; height: auto; }

    #NewsList .title{ font-size: 0.16rem; line-height: 0.2rem; }

    #NewsList .des{ font-size: 0.12rem; line-height: 0.2rem; }

    #NewsList .other{ margin-top: 0.05rem; padding-top:0.07rem; font-size: 0.12rem; }

    #NewsList .other .icons{ transform: scale(0.7); }

}

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

    /**首页**/

    #IndexBlock1 li .h3{ font-size:.16rem; }

    #IndexBlock1 li .txt{ margin-bottom:.07rem; font-size:.14rem; }

    #IndexBlock1 li .more{ line-height:.22rem; font-size:.12rem; }

    #IndexBlock2 .h2{ font-size:.16rem; margin:.2rem 0 .1rem; }

    #IndexBlock2 .ul{ margin:-.05rem; }

    #IndexBlock2 .ul li{ width:50%; padding:.05rem; }

    #IndexBlock2 .ul li img{ width:100%; }

    #IndexBlock2 .swiperBox{ margin-bottom:.2rem; }

    #IndexBlock2 .s-title{ font-size:.14rem; margin:.25rem 0 .1rem; }

    #IndexBlock2 .word{ margin-bottom:.05rem; line-height:.18rem; font-size:.14rem; }

    #IndexBlock2 .name{ font-size:.14rem; }

    #IndexBlock3 .pad{ padding-left:0; }

    #IndexBlock3 .h3{ font-size:.22rem; }

    #IndexBlock3 .txt{ font-size:.12rem; margin-bottom:.15rem; }

    #IndexBlock3 .more{ height:.24rem; }

    #IndexBlock4 .h2{ font-size:.16rem; margin:.2rem 0 .1rem; }

    #IndexBlock4 .ul li{ width:100%; }

    #IndexBlock4 li:nth-child(2){ margin:1.5% 0; }

    #IndexBlock4 .ul{ padding-bottom:.2rem; }



}



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

    .P_info_block .Tabs a+a{ margin-left: 0.5em; }

}












#IndexBlock2 {background: url(../images/cpbg1.jpg) no-repeat center top;  width:100%;  margin:0px auto;}




.index_about { background: url(../images/cpbg.jpg) no-repeat center top; color:#fff; width:100%;  margin:0px auto; padding:150px 0px; clear:both; overflow:visible; }
.index_about .con { width:1300px; margin:0px auto; text-align:center;}

.index_about h3 {  line-height:50px;  }
.index_about h3 b {
	font-weight: 400;
	font-family: "宋体", Arial!important;font-size:34px; letter-spacing:10px; 
}
.index_about h3 p { padding:15px 10%; margin:0px auto; line-height:27px; font-size:16px;}
.index_about .more { width:160px; line-height:45px; height:45px; border:1px solid #009097; margin:20px auto 0px; color:#fff; background:#009097;  font-size:16px;  border-radius:25px;}




.cssimg,.cssimgp img{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
.cssimg:hover,.cssimgp:hover img{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}



.casez {width:100%; margin:0px auto; height:580px;}
.case { width:100%; margin:0px auto; clear:both; overflow: hidden; height:580px;}
.case .zb { width:50%; float:left; overflow:hidden; height:580px; position:relative; text-align:center;}
.case .zb img { width:100%;  }

.case .yb { width:50%; float:left; overflow:hidden; height:580px; position:relative; text-align:center;}
.case .yb img { width:100%;  }





.case .zb img { position:absolute; top:0px; left:0px;}
.case .zb h4 { position:absolute; z-index:2; top:280px; margin:0px auto; width:100%;}
.case .zb h4 p { font-size:28px; line-height:30px; color:#fff;}
.case .zb h4 b { width:80px; height:2px; background:#fff; margin:20px auto; display:block; transition: all 0.4s;}
.case .zb:before { content:" "; width:0px; height:0px; background:rgba(0,0,0,.4); position:absolute; top:0px; left:0px; z-index:1; display:block;} 




.case a:hover .zb { margin-top:0px;} 
.case a:hover .zb img { }
.case a:hover .zb h4 b { width:50px;}
.case a:hover .zb:before { width:100%; height:100%;} 




.case .yb img { position:absolute; top:0px; left:0px;}
.case .yb h4 { position:absolute; z-index:2; top:280px; margin:0px auto; width:100%;}
.case .yb h4 p { font-size:28px; line-height:30px; color:#fff;}
.case .yb h4 b { width:80px; height:2px; background:#fff; margin:20px auto; display:block; transition: all 0.4s;}
.case .yb:before { content:" "; width:0px; height:0px; background:rgba(0,0,0,.4); position:absolute; top:0px; left:0px; z-index:1; display:block;} 




.case a:hover .yb { margin-top:0px;} 
.case a:hover .yb img { }
.case a:hover .yb h4 b { width:50px;}
.case a:hover .yb:before { width:100%; height:100%;} 






.shangyi { transition:all 0.4s;}
.shangyi:hover { transform:translateY(-10px);}



.rexian { color:#fff; font-weight:700;}
.rexian:before { content:" "; width:16px; height:17px; background:url(../images/dh.png) no-repeat center top; background-size:100% 100%; position:absolute; left:-20px; top:8px;}