@charset "UTF-8";

*{padding: 0;margin: 0;box-sizing: border-box;}
/*初始化样式*/
body{min-width: 320px; margin:0; padding:0; zoom:1;
    /*设置字体*/
    font-size:12px;
    line-height: 1.42857143;
    font-family:"思源黑体 CN";
    color:#666;height: 100%;}

ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;list-style: none;}
.ul,.ul li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}

/*强制去除表单自带的样式*/
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, header, hgroup, nav, section, figure, figcaption, address {display: block;}
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
em,i{font-style: normal;}
img{ border:none; border:0; vertical-align:bottom; font-size: 0;}
a{ color:#414446; text-decoration:none;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;}
*{transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;}

/*页面框架结构*/
.Contain{width:100%;max-width: 1185px;min-width: 300px;margin: 0 auto;}
/*.Container{width: 100%;max-width: 1450px;min-width: 300px;margin: 0 auto;}*/
.SinglePage{ /*单片*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}
.SinglePage img{ max-width:1450px;width: 100%;}
.fl{float: left;}
.fr{float: right;}
.clear{ clear:both;}
.clearfix{*zoom: 1}
.clearfix:after,.clearfix after{content:".";height:0;clear: both;visibility:hidden;display: block;}
.por{position: relative;}
.p50{padding: 50px 0px;}
.SubPage{ padding:0px 0px 40px;height:auto !important; height:280px; min-height:280px; background:#fff;}
/*当宽度为1200px的时候的样式*/
@media only screen and (max-width:1450px) {
    /*.Container{padding: 0 10px;}*/
    .SubPage{padding:0px 0px 40px;}
}
@media only screen and (max-width:1185px) {
    .Contain{padding: 0 10px;}
    .SubPage{padding:0px 0px 40px;}
}

.Scale-img {overflow: hidden;text-align: center;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}

.imgbox{ overflow:hidden; position:relative;}
.imgbox span,.img-box img{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}




/*header*/

@keyframes run{

    from{  bottom: 30px; }
    to{  bottom: 20px; opacity: 0; }
}  
 

.img02{ display: none; }
.head.active .logo_name_w:before{ background: #dcdcdc;height: 23px; } 
.more{ text-align: center; margin-top: 20px;}
.more a{ display: inline-block; color: #991e27; border-radius: 3px; padding: 10px 20px; margin-right: 10px; }
.more_name,.more_name:hover{ color: #b61a29; }
.more a:hover{background: #991e27; color: #fff;}  
.head{ background: #fff;    padding-top: 34px;position: relative; z-index: 10;  border-bottom: 1px solid #eee; }
.logo_w{ margin-left: 50px;}
.logo_name_w{ position: relative; display: inline-block; padding-left: 20px; margin-left: 20px;}
.logo_name_w:before{ position: absolute; top: 0px; left: 0px;  content: ""; display: inline-block; width: 1px; height: 35px; background: #fff;   }
 .Logo2{display: block;width: 160px;margin:0 auto 20px;}
.Head_Top{border-bottom: 1px solid #cccccc;}




 /*.head_ul{margin:30px 0; }*/
.head_ul{text-align: center;}
.head_ul li{ display: inline-block;  position: relative;margin: 0 40px;}
.head_ul li a{ font-size: 16px; color: #22252e;  display: block;}   
.head_ul > li > a{color: #333;font-size: 16px;line-height: 39px;}
.head_ul li:nth-child(1) >  a{ cursor:pointer; }
.head_ul li.active>a,.head_ul li:hover>a{ color: #101c80; }
.head_ul li.active,.head_ul li:hover{  border-bottom: 2px solid #101c80; }
.logo_w_foot{ margin-top: 0px; } 

.head_phone,.h3_p,.tse02,.swiper-button-next01,.swiper-button-prev01,.menu_p{ display: none; }  
.menu_p{  position: fixed; top: 60px;  width: 100%; right: -100%;transition: all .2s ease-in-out; background: #f7f6f4; bottom: 0px; z-index: 100; padding: 0px 10px; }
.menu_ul_p li{ float: none; border-bottom: 1px solid #cecdc9; padding: 10px 0px; position: relative;}
.menu_ul_p li a{ color: #484a51; }
.menu_ul_p li span{ float: right; background: #dfdeda; width: 50px; text-align: center; line-height: 37px; top: 0px; right: 0px;  height: 37px; display: inline-block; position: absolute;}
.menu_ul_p li span i{ color: #181817; }
.head .menu_ul_p li.active span{ background: #005bea; }
.menu_ul_p li.active span i{ color: #fff; }
.menu_p.active{ right: 0px; }   
.JJFA-Box{display: none;position: absolute;width: 150px;top: 40px;left: 50%;margin-left: -75px;padding: 10px 0;background: rgba(57,127,148,.8);z-index: 1000;transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;}
.head_ul li .JJFA-Box a{display: block;padding: 10px 0;color: #fff;font-size: 14px;text-align: center;}
.sec_ul_p{display: none;transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;}
.head_ul li .JJFA-Box a:hover{background-color: #35abe0;}

.head.active{ background: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 10; }
 
@keyframes run{
   
   from{ bottom: 10px;}
   to{ bottom:  25px;}
}



.ban_arr{animation: run 1s infinite linear;  }

.top_right{  font-size: 16px; color: #22252e;width: 410px;}
.Fenx{margin-left: 15px;display: inline-block;width: 30px;height: 30px;background-color: #294f6f;background-image: url("../images/fenx.png");background-repeat: no-repeat;background-position: center;}

.searchBox{display: inline-block;}
.GWC_a{display: inline-block;margin-right: 10px;vertical-align: top;}
.Sea_box{width: 124px;height: 17px;border:1px solid #cccccc;}
.searchBox input{vertical-align: middle; width: 90px;display: inline-block;line-height: 15px;vertical-align: top;}
.searchBox span{vertical-align: middle; display: inline-block;cursor: pointer; width: 24px;height: 15px;vertical-align: top;background: url(../images/search1.png)center no-repeat;}
.searchBox p{line-height: 24px;font-size: 13px;color: #7a7a7a;}
.menu_p .searchBox{display: block;position: static;}
.menu_p .searchBox span{position: static;vertical-align: top; display: inline-block;cursor: pointer;float: none; width: 24px;height: 15px;background: url(../images/search1.png)center no-repeat;}




.phone_foot span img{ max-width: 100%; }



/*banner*/
/*.Index-Banner .owl-dots{position: absolute;bottom: 20px;width: 100%;text-align: center;}
.Index-Banner  button.owl-dot{display: inline-block;width: 23px;height: 23px;margin: 0 7px;background-image: url('../images/ind1_06.png');background-repeat: no-repeat;background-position: center;}
.Index-Banner  button.owl-dot.active{background-image: url('../images/ind1_03.png');}
*/
.Index-Banner .owl-nav button.owl-next, .Index-Banner .owl-nav button.owl-prev{display: none;width: 30px;height: 40px;background: rgba(0,0,0,.4);color: #fff;font-size: 20px;position: absolute;top: 50%;margin-top: -20px;}
.Index-Banner .owl-nav button.owl-prev{left: 10%;}
.Index-Banner .owl-nav button.owl-next{right: 10%;}
.Index-Banner:hover .owl-nav button.owl-next, .Index-Banner:hover .owl-nav button.owl-prev{display: block;}



.Section1{padding: 135px 0;background-color: #fafafa;background-repeat: no-repeat;background-position: top center;}

.js_p1{font-family: '思源黑体 CN','Light';font-size:38px;line-height: 46px;text-transform:Uppercase;color: #616161;}
.js_p2{font-family: '思源黑体 CN';font-size: 136px;line-height: 163px;text-transform:Uppercase;color: #101c80;}
.js_p3{font-family: '思源黑体 CN','Light';font-size: 36px;line-height: 46px;color: #000;}
.Lin1{height: 40px;width: 125px;border-bottom: 1px solid #c8c8c8;}
.JS_Con{margin-top: 40px;font-size: 18px;line-height: 32px;color: #616161;}


.Section2{background-color: #fff;overflow: hidden;padding: 60px 100px;}
.Section2 video{display: block;width: 100%;}
.In_Video1 .img{ background-position:center center; background-repeat:no-repeat; background-size:cover; width:100%; height:100%; left:0px; top:0px; position:absolute; z-index:1;}
.In_Video1{position: relative;}
.Section2 .play{ width:100%; left:0px; top:0px; height:100%;}
.Section2 .play i{ position:absolute; left:0px; top:0px; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.35) url(../images/play.png) center center no-repeat;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Section2:hover .play i{background-color:rgba(0,0,0,0.1);}




.Index_CP{background-color: #fff;padding-bottom: 50px;}
.Index_CP dt img{width: 100%;}
.Index_CP dd{position: relative;min-height: 550px;}
.Ind_CpImg{width: 50%;}
.Ind_CpImg img{width: 100%;}
.Ind_CpTxt{width: 50%;text-align: center;line-height: 1;position: absolute;bottom: 15%;right: 0;}
.Txt_p1{font-size: 24px;color: #7a7a7a;}
.Txt_p2{font-size: 48px;color: #5187c5;margin-top: 20px;line-height: 1.2;}
.Txt_p3{font-size: 18px;color: #333333;text-transform:Uppercase;font-family: 'BOKR35W';margin-top: 40px;}
.Txt_p4{font-size: 14px;color: #666;text-transform:Uppercase;font-family: 'BOKR35W';margin-top: 10px;}
.Txt_p5{font-family: '思源黑体 CN','Light';font-size: 18px;color: #535353;margin-top: 20px;}
.Txt_p5 span{color: #333;}

.Ind_CpGd{display: inline-block;margin-top: 90px;font-size: 24px;color: #333;font-family: '思源黑体 CN','Light';padding-bottom: 10px;border-bottom: 1px solid #7a7a7a;}
.Index_CP dd.odd .Ind_CpImg{float: right;}
.Index_CP dd.odd .Ind_CpTxt{left: 0;right: auto;}



/*Foot*/
.Footer{margin-top: 100px;padding-bottom: 60px;}
.Foot_Top{border-bottom: 1px solid #7a7a7a;vertical-align: bottom;}
.Foot_logo{float: right;margin-right: 10px;}
.Foot_Navs{vertical-align: bottom;line-height: 35px;}
.Foot_Navs a{display: inline-block;padding: 0 15px;margin-right: 30px;font-size: 16px;}
.Foot_B{padding-top: 30px;}
.Foot_Left{float: left;width:-webkit-calc(100% - 150px);width:-moz-calc(100% - 150px); width:calc(100% - 150px); }
.Foot_Left h4{font-size: 18px;color: #333;font-weight: normal;}
.Foot_js{margin-top: 10px;font-size: 16px;color: #7a7a7a;line-height: 24px;}

.Lin2{margin-top: 50px;height: 1px ;border-top: 1px solid #999999;width: 100px;}
.Foot_xx{margin-top: 10px;font-size: 12px;color: #999999;}
.Foot_Right{float: right;margin-right: 10px;width: 105px;text-align: center;font-size: 16px;color: #7a7a7a;}



/*产品列表*/
.Main_Banner{width: 100%;text-align: center;}
.Main_Banner img{width: 100%;}

.Main_Navs{text-align: center;padding: 25px 0;}
.Main_Navs a{display: inline-block;font-size: 16px;line-height: 30px;padding: 0 35px;margin: 0 15px;}
.Main_Navs a.on,.Main_Navs a:hover{background-color: #4d81ba;color: #fff;}

.Title_Top{margin-top: 60px;text-align: center;}
.Title_Top h2{font-size: 26px;line-height: 30px;color: #333;font-weight: normal;}
.Title_Top p{font-size: 14px;color: #c1c1c1;margin-top: 5px;}

.CP_UL li{width: 33.3333%;height: 490px;float: left;padding: 10px;border-bottom: 1px solid #e2e2e2;}
.CP_Img{display: block;height: 380px;line-height: 377px;text-align: center;vertical-align: middle;}
.CP_Img img{display: inline-block;max-width: 100%;max-height: 100%;vertical-align: middle;}

.CP_UL li .tit{padding-bottom: 25px;margin-top: 10px;}
.CP_P1{font-size: 18px;line-height: 32px;color: #333;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.CP_P2{font-size: 16px;color: #666;line-height: 32px;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.CP_UL li:hover{border: 10px solid #e2e2e2;padding: 0;}



/*产品详情*/

.CP_Left{width: 600px;float: left;margin-top: 30px;}





.maxBox{width:600px; position:relative;}
.maxBox .img_ul{height:585px; overflow:hidden;}
.maxBox .img_ul li a{display: block;height: 585px;line-height: 582px;vertical-align: middle;}
.maxBox .img_ul li img{max-width: 100%;max-height: 100%;vertical-align: middle;}
#play {width:500px;float: right;text-align:center;position:relative;overflow:hidden;}
#play .change_a {width:37px;height:100%;position:absolute;top:0;z-index:1;cursor:pointer;display:block;overflow:hidden;background:url(about:blank);}
#play .prev_a {left:0;}
#play .next_a {right:0}
#play .change_a{display: none;width:37px;height:73px;position:absolute; top:50%;margin-top: -36px; background-color:#ebebeb; }
#play:hover .change_a{display: block;}
#play .prev_a {background-image:url(../images/zoom_left1.png);background-repeat: no-repeat;background-position: center;left:10px;}
#play .next_a {background-image:url(../images/zoom_right1.png);background-repeat: no-repeat;background-position: center;right:10px;}
#play .img_ul {position:relative;z-index:1;}
.maxBox .img_hd{margin:16px 0px 0px; width:100%;height: 350px; overflow:hidden;}
.maxBox .img_hd li{ padding:2px; border:1px solid #988c85;margin: 6px 0;}
.maxBox .img_hd li img{display:block; width:100%; height:100%;}
.maxBox .img_hd li.on{border:1px solid #533f34;}
.maxBox .img_hd li.on a{border:1px dashed #533f34;}
.maxBox .img_hd ul{text-align: center;}
.img_kj{width: 80px;padding: 115px 0 0;}
.maxBox .img_hd li a{display: block;}

.CP_Right{width: 540px;float: right;font-family: 'BOKR35W';margin-top: 30px;}
.CPXQ_H1{font-size: 20px;line-height: 32px;color: #333333;}
.CPXQ_H2{font-size: 20px;line-height: 32px;color: #333333;}
.CPXQ_P1{font-size: 16px;line-height: 24px;color: #666;margin: 5px 0 15px;}
.CPXQ_UL{border-top: 1px solid #e2e2e2;}
.CPXQ_UL li{border-bottom:1px solid #e2e2e2; padding: 13px 0;}
.CPXQ_Top{font-size: 20px;line-height: 24px;color: #333;}
.CPXQ_Top span{float: right;display: inline-block;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center;background-image: url(../images/cp_06.png);}
.CPXQ_But{font-size: 16px;line-height: 24px;color: #666;margin-top: 10px;display: none;transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;}

.CPXQ_UL li.on .CPXQ_Top span{background-image: url(../images/cp_03.png);}




.CP_XqTxt{margin-top: 45px;text-align: center;}
.CP_XqTxt h4{font-size: 18px;line-height: 32px;color: #333;font-weight: normal;}
.CP_XqCont{font-size: 16px;line-height: 24px;color: #666;margin-top: 20px;}


.KNXH_Box{margin-top: 50px;padding-top: 50px;border-top: 1px solid #e2e2e2;}

.KN_Title{font-size: 20px;line-height: 32px;color: #333;text-align: center;font-weight: normal;}

.KN_UL{margin-top: 45px;margin-bottom: 50px;}
.KN_UL li{border-bottom: none;border-right: 1px solid #e2e2e2;}
.KN_UL li:nth-child(3n){border-right: none;}


.XQ_CP{display: none;}
.CPXQ_Img{display: none!important;}
.CPXQ_Img .item{text-align: center;}
.CPXQ_Img .item img{width: auto;max-width: 100%;display: inline-block;}

.CPXQ_Img .owl-nav button.owl-prev,.CPXQ_Img .owl-nav button.owl-next{width: 40px;height: 80px;position: absolute;top: 50%;margin-top: -40px;background: #ebebeb;color: #333;font-size: 30px;line-height: 80px;text-align: center;}
.CPXQ_Img .owl-nav button.owl-prev{left: 0;}
.CPXQ_Img .owl-nav button.owl-next{right: 0;}
.CPXQ_Img .owl-nav button.owl-prev:hover,.CPXQ_Img .owl-nav button.owl-next:hover{background: #4d81ba;}
.CPXQ_Img .owl-nav button.owl-prev:hover span,.CPXQ_Img .owl-nav button.owl-next:hover span{color: #fff;}


/*pages*/
.Pages{ zoom:1; text-align:center; overflow:hidden; color:#666666; line-height:24px;clear:both;}
.Pages span{ padding:0px 3px; display:inline-block; padding:4px 0;}
.Pages a{ display:inline-block; margin:0px 2px;}
.Pages .p_cur b{ color:#e0b43e; font-weight:normal;}
.Pages .p_count b{ color:#e0b43e; font-weight:normal;}
.Pages .p_total b{ color:#e0b43e; font-weight:normal;}
.Pages .p_jump em{ font-style:normal; font-family:Arial;}
.Pages .p_jump em a{ border:0px; width:22px; height:22px; line-height:22px; text-align:center;}
.Pages .p_jump em a.a_cur{ background:#D4D4D4;}
.Pages .p_jump b{ font-weight:normal;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}
.Pages .i_button { position:relative; top:0px; width:35px; height:19px; cursor:pointer; border:none; background:#A6854F; border-radius:2px; -moz-border-right:2px; -webkit-border-radius:2px; color:#fff; font-size:13px;}
.Pages .input{ width:48px; height:23px; border:1px solid #d2d2d2; background:#fff;}
.Pages .p_jump .f1{ padding-right:3px; display:none;}
.Pages .p_jump .f2{ padding:0 3px; display:none;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_first,.Pages .p_page .a_end,.Pages .p_page .a_prev,.Pages .p_page .a_next{ background:#e8e8e8; color:#666; padding:3px 8px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover{ color:#000;}
.Pages .p_page .num a{ background:#e8e8e8; display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; color:#666; vertical-align:middle;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ background:#005bd8; color:#fff;}
/*pages end*/








.Title_Top2{text-align: center;margin-top: 50px;margin-bottom: 50px;}
.Title_Top2 img{width: 200px;}
.Title_Top2 p{font-size: 20px;line-height: 30px;color: #333;margin-top: 15px;letter-spacing:5px;}

.GS_TImg{width: 100%;}

.GSJS_UL li{padding: 60px 0;}
.GS_Box{width: 100%;max-width: 1060px;margin: 0 auto;}

.GS_Img{width: 35.85%;float: right;}

.GS_Txt{width: 50%;float: left;padding-top: 20px;}
.GS_Txt h3{font-weight: normal;font-size: 26px;line-height: 28px;color: #333;}
.GS_Txt > p{font-size: 20px;line-height: 28px;color: #cccccc;margin-top: 5px;}
.JS_Cont{font-size: 16px;line-height: 30px;color: #666;margin-top: 25px;}

.GSJS_UL li.odd{background-color: #f2f4f1;}
.GSJS_UL li.odd .GS_Img{float: left;}
.GSJS_UL li.odd .GS_Txt{float: right;}


/*护肤指南*/
.Sec1{overflow: hidden;padding-bottom: 60px;background: #f7f7f7;}
.Tit_p2{font-size: 16px;line-height: 30px;color: #666;margin-top: 20px;}
.HF_Title2{font-size: 18px;line-height: 40px;color: #fff;text-align: center;background-image: url(../images/hf_05.png);background-repeat: no-repeat;background-position: center;margin-top: 30px;}

.HFYJS{margin-top: 30px;padding: 0 40px;}
.HF_Img{display: block;margin: 0 auto;max-width: 170px;height: 250px;line-height: 247px;vertical-align: middle;text-align: center;overflow: hidden;position: relative;}
.HF_Img img{max-width: 100%;max-height: 100%;vertical-align: middle;display: inline-block;}
.HF_ImgAlert{position: absolute;width: 100%;height: 100%;bottom: -150%;background: #4d81ba;color: #fff;font-size: 14px;text-align: center;vertical-align: middle;}
.HF_Alert2{display: inline-block;vertical-align: middle;line-height: 32px;}
.HF_Tit{margin-top: 15px;padding-top: 30px;text-align: center;background-image: url(../images/hf_22.png);background-repeat: no-repeat;background-position: top center;}
.HF_Tit h4{font-size: 18px;line-height: 54px;color: #373c42;font-weight: normal;}
.HF_Tit p{font-size: 14px;line-height: 22px;color: #a0a5ab;}

.owl-carousel.HFYJS .owl-item img{width: auto;display: inline-block;}
.HFYJS .owl-nav button.owl-prev,.HFYJS .owl-nav button.owl-next{width: 40px;height: 80px;position: absolute;top: 50%;margin-top: -40px;background: #ebebeb;color: #333;font-size: 30px;line-height: 80px;text-align: center;}
.HFYJS .owl-nav button.owl-prev{left: 0;}
.HFYJS .owl-nav button.owl-next{right: 0;}
.HFYJS .owl-nav button.owl-prev:hover,.HFYJS .owl-nav button.owl-next:hover{background: #4d81ba;}
.HFYJS .owl-nav button.owl-prev:hover span,.HFYJS .owl-nav button.owl-next:hover span{color: #fff;}

.HFYJS .item:hover .HF_ImgAlert{bottom: 0;}
.HFYJS .item:hover .HF_Tit{background-image: url(../images/hf_25.png);}
.HFYJS .item:hover .HF_Tit h4{color: #4d81ba;font-weight: bold;}
.HFYJS .item:hover .HF_Tit p{color: #4d81ba;}





.Sec2{overflow: hidden;padding-bottom: 60px;}


.PFCS{padding: 0 40px;margin-top: 40px;}
.PFCS .item .imgbox{max-width: 280px;margin: 0 auto;display: block;padding-top: 37px;}
.PFCS .item .imgbox span{padding-top: 100%;display: block;overflow: hidden;}

.CS_Tit{text-align: center;max-width: 210px;margin: 15px auto 0;padding-top: 55px;background-repeat: no-repeat;background-position: top center;background-image: url(../images/hf_38.png); background-size:100%; min-height: 170px;}
.CS_Tit h4{font-size: 18px;color: #373c42;line-height: 54px;}
.CS_Tit p{font-size: 14px;line-height: 22px;color: #222;}


.PFCS .item:hover .imgbox span{border:4px solid #4d81ba;padding-top: 68%;}
.PFCS .item:hover .CS_Tit{background-image: url(../images/hf_41.png);}
.PFCS .item:hover .CS_Tit h4{color: #fff;}
.PFCS .item:hover .CS_Tit p{color: #fff;}

.PFCS .owl-nav button.owl-prev,.PFCS .owl-nav button.owl-next{width: 40px;height: 80px;position: absolute;top: 50%;margin-top: -40px;background: #ebebeb;color: #333;font-size: 30px;line-height: 80px;text-align: center;}
.PFCS .owl-nav button.owl-prev{left: 0;}
.PFCS .owl-nav button.owl-next{right: 0;}
.PFCS .owl-nav button.owl-prev:hover,.PFCS .owl-nav button.owl-next:hover{background: #4d81ba;}
.PFCS .owl-nav button.owl-prev:hover span,.PFCS .owl-nav button.owl-next:hover span{color: #fff;}



.ZN_Bor{border:1px solid #4d81ba;margin-top: 50px;}

.ZN_ul{text-align: center;margin-top: -25px;}
.ZN_ul li{display: inline-block;margin: 0 30px;width: 179px;height: 40px;line-height: 40px;text-align: center;vertical-align: middle;background-image: url(../images/hf_05.png);background-repeat: no-repeat;background-position: top center;cursor:pointer; }
.ZN_ul li img{vertical-align: middle;} 
.ZN_ul li span{vertical-align: middle;color: #fff;font-size: 18px;display: inline-block;margin-left: 5px;}

.ZN_List{display: none;max-width: 770px;margin: 50px auto;font-size: 14px;line-height: 30px;color: #333;}
.ZN_List h3{font-weight: normal;font-size: 18px;}

.ZN_ul li.on,.ZN_ul li:hover{background-image: url(../images/hf_03.png);}




.SYXD{margin-top: 30px;padding: 0 40px;}
.SYXD .item{padding: 0 40px 60px;min-height: 341px;background-image: url(../images/hf_56.png);background-repeat: no-repeat;background-size: 100% 100%;}
.PFCS_Span{display: block;max-width: 250px;line-height: 50px;text-align: center;margin: 0 auto;font-size: 18px;color: #373c42;}
.XD_Box{margin-top: 40px;font-size: 14px;line-height: 30px;color: #333;}

.SYXD .item:hover{background-image: url(../images/hf_54.png);}
.SYXD .item:hover .PFCS_Span{color: #fff;}

.SYXD .owl-nav button.owl-prev,.SYXD .owl-nav button.owl-next{width: 40px;height: 80px;position: absolute;top: 50%;margin-top: -40px;background: #ebebeb;color: #333;font-size: 30px;line-height: 80px;text-align: center;}
.SYXD .owl-nav button.owl-prev{left: 0;}
.SYXD .owl-nav button.owl-next{right: 0;}
.SYXD .owl-nav button.owl-prev:hover,.SYXD .owl-nav button.owl-next:hover{background: #4d81ba;}
.SYXD .owl-nav button.owl-prev:hover span,.SYXD .owl-nav button.owl-next:hover span{color: #fff;}



/*加盟合作*/
.BG_HZ{overflow: hidden;min-height: 1200px;background-color: #f7f7f7;background-image: url(../uploadfiles/images/hz2_02.jpg);background-repeat: no-repeat;background-position: top center;padding-bottom: 50px;}

.XXDJB li{margin-top: 30px;text-align: center;}
.DJB_Sp{display: inline-block;width: 150px;line-height: 40px;vertical-align: top;text-align: right;font-size: 16px;color: #333;}
.DJB_Inp{display: inline-block;width: 580px;margin-left: 20px;text-align: left;line-height: 40px;vertical-align: middle;font-size: 16px;}
.Input{width: 100%;height: 40px;line-height: 38px;border:1px solid #e3e3e3;background: #fff;padding-left: 10px;}
.DJB_Inp label{display: inline-block;vertical-align: middle;margin-right: 100px;font-size: 16px;color: #333;}
.lin3{height: 1px;border-top: 1px dashed #e3e3e3;width: 700px;margin: 40px auto;}

.Inp1{width: 120px;height: 40px;line-height: 38px;border:1px solid #e3e3e3;padding-left: 10px;font-size: 16px;background-color: #fff;}
.Inp2{width: 120px;height: 40px;line-height: 38px;border:1px solid #e3e3e3;padding-left: 10px;margin-left: 10px;font-size: 16px;background-color: #fff;}
.Inp3{width: 310px;height: 40px;line-height: 38px;border:1px solid #e3e3e3;padding-left: 10px;margin-left: 10px;font-size: 16px;background-color: #fff;}

.DJB_Sp i{color: #ff0000;}


.tj{display: inline-block;width: 140px;height: 40px;line-height: 40px;text-align: center;background: #4d81ba;color: #fff;font-size: 16px;}
.cz{display: inline-block;width: 140px;height: 40px;line-height: 40px;text-align: center;background: #cccccc;color: #fff;font-size: 16px;margin-left: 15px;}



/*视频新闻*/
.SP_News li{margin-bottom: 50px;position: relative;}
.SP_News li video{width: 100%;}

/*.In_Video2 .img{ background-position:center center; background-repeat:no-repeat; background-size:cover; width:100%; height:100%; left:0px; top:0px; position:absolute; z-index:1;}
.In_Video2{position: relative;}
.In_Video2 .play{ width:100%; left:0px; top:0px; height:100%;}
.In_Video2 .play i{ position:absolute; left:0px; top:0px; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.35) url(../images/play.png) center center no-repeat;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.In_Video2:hover .play i{background-color:rgba(0,0,0,0.1);}
*/


.SP_Txt{position: absolute;bottom: 80px;padding-left: 20px;color: #fff;}
.SP_Txt p{font-size: 26px;line-height: 32px;}
.SP_Txt span{font-size: 18px;line-height: 32px;display: block;}



/*展会信息*/
.News_UL{margin-top: 40px;}
.News_UL li{padding: 50px;background: #f7f7f7;margin-bottom: 30px;}
.New_Img{width: 40%;float: left;}
.New_Img .imgbox{width: 100%;padding-top: 55%;}
.New_Txt{width: 55%;float: right;padding-top: 30px;}
.News_Time{font-size: 12px;color: #999;}
.New_Name{font-size: 20px;line-height: 48px;color: #333;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.New_Cont{margin-top: 10px;font-size: 14px;line-height: 22px;height: 44px;color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.New_ck{display: block;margin-top: 25px;width: 95px;height: 30px;line-height: 30px;text-align: center;border:1px solid #dadada;border-radius: 15px;color: #888888;}

.News_UL li:hover{-moz-box-shadow:0px 0px 15px #F6F5F4; -webkit-box-shadow:0px 0px 15px #F6F5F4; box-shadow:0px 0px 15px #F6F5F4;background: #fff;}
.News_UL li:hover .New_Name{color: #4d81ba;}
.News_UL li:hover .New_ck{background-color: #4d81ba;color: #fff;}



/*新闻详情*/
.New_XQ{margin-top: 40px;margin-bottom: 40px;}
.New_Top{text-align: center;padding-bottom: 30px;border-bottom: 1px dashed #dbdbdb;}
.New_Top h2{font-size: 28px;line-height: 28px;color: #333;}

.XWXQ_XX{margin-top: 15px;line-height: 30px;vertical-align: middle;}
.XWXQ_XX > span{display: inline-block;vertical-align: middle;margin-right: 15px;}
.bdsharebuttonbox{display: inline-block;vertical-align: middle;}
.XWXQ_XX span{font-size: 14px;color: #999;}

.NEW_Cont{font-size: 16px;line-height: 28px;color: #666;padding: 20px 0 40px;border-bottom: 1px solid #e7e7e7;}

.NEW_Cont img{display: block;margin: 20px auto;max-width: 100%;}

.XQ_FY{padding-top: 35px;font-size: 16px;line-height: 30px;color: #000;}
.XQ_FY a{font-size: 16px;color: #666;}




/*品牌故事*/
.Sect1{padding: 80px 0;}
.GS_Top1{width: 36%;float: left;padding: 13% 0;}
.GS_Top1 h3{font-size: 52px;line-height: 66px;color: #444;font-weight: normal;}
.GS_Top1 p{font-size: 16px;line-height: 26px;color: #666;margin-top: 50px;}

.GS_Top2{width: 32%;float: left;}
.GS_Top2 img{width: 100%;}
.GS_Top3{width: 23%;float: right;font-size: 16px;line-height: 30px;color: #666;padding: 7% 0;}



.Sect2{padding: 80px 0;background: #f4f4f4;text-align: center;}
.Sect2 img{max-width:100%;}

.Sect3 img{width: 100%;}
.Sect4{text-align: center;padding: 80px 0; }

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

.PP_P1{font-size:38px;line-height:54px;color:#444;}
.PP_P2{font-size:52px;line-height:66px;color:#4d81ba;}
.PP_P3{font-size:52px;line-height:66px;color:#444;}
.PP_P4{font-size:38px;line-height:66px;color:#a7a7a7;}































































@media ( max-width:1450px){
    
.top_right{width: auto;}
.logo_w{margin-left: 0;}







}


@media ( max-width:1200px){
.logo_w{margin-top: 35px;}
.logo_img{width: 300px;}



.CP_Right{width: 38%;}






}


@media ( max-width:998px){
    body {padding-top: 60px;padding-bottom: 0px;}
   .head{ display: none; }
   .menu_p,.h3_p{ display: block; } 
   .head_phone{ display: block; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; padding: 10px; background: #fff; height: 60px;}
   .logo_p{ position: absolute; left: 10px; right: 0;  text-align: center;    top: 15px; }
   .logo_p img{ display: inline-block; width: 150px;}
   .menu_span{ float: right; position: absolute; top: 9px; right: 10px;z-index: 20; line-height: 1.42857143;}
   .menu_span i{ color: #666; font-size: 30px; } 
    

    .DJB_Inp{width: 430px;}
    .Inp1{width: 100px;}
    .Inp2{width: 100px;}
    .Inp3{width: 200px;}

.CPXQ_Img{display: block!important;}
.maxBox{display: none;}

.CP_Left{width: 100%;}
.CP_Right{width: 100%;}

}


@media ( max-width:640px){
.logo_p{text-align: left;}


.Ind_CpImg{width: 100%;}
.Ind_CpTxt{width: 100%;position: static;}

.Foot_logo{float: none;}


.CP_UL li{width: 50%;height: auto;}

.XQ_CP{display: block;}
.preview{display: none;}
.pre_js{display: none;}






.GS_Img{float: none;width: 100%;}
.GS_Txt{float: none;width: 100%;}


.DJB_Sp{display: block;width: auto;text-align: left;}
.DJB_Inp{display: block;width: 100%;margin-left: 0;}

.Inp1{width: 25%;}
.Inp2{width: 25%;margin-left: 1%;}
.Inp3{width: 44%;margin-left: 1%;}



.SP_Txt{bottom: 55px;}
.SP_Txt p{font-size: 16px;line-height: 24px;}
.SP_Txt span{font-size: 12px;line-height: 24px;}

.New_Img{width: 100%;}
.New_Txt{width: 100%;}
.News_UL li{padding: 5%;}



.GS_Top1{width: 100%;text-align: center;padding-top: 0;}
.GS_Top2{width: 100%;}
.GS_Top3{width: 100%;text-align: center;}

.Sect2 h2{font-size: 150px!important;}
.Sect2 h2 span{font-size: 60px!important;}


.Main_Navs a{padding: 0 5px;margin: 0 5px;font-size: 14px;}

.CP_Img{height: 300px;line-height: 297px;}

.GS_Top1 h3{font-size: 36px;line-height: 55px;}


.PP_P1{font-size: 26px;line-height: 40px;}
.PP_P2{font-size: 40px;line-height: 50px;}
.PP_P3{font-size: 36px;line-height: 50px;}
.PP_P4{font-size: 30px;line-height: 45px;}




}
@media ( max-width:550px){
.GS_Top1 h3{font-size: 26px;line-height: 45px;}
.PP_P1{font-size: 24px;}
.PP_P2{font-size: 30px;}
.PP_P3{font-size: 30px;}
.PP_P4{font-size: 20px;}



}

@media ( max-width:460px){
.js_p1{font-size: 24px;}
.js_p2{font-size: 80px;line-height: 100px;}
.js_p3{font-size: 22px;}
.Section2{padding: 20px 30px;}

.Txt_p1{font-size: 20px;}
.Txt_p2{font-size: 30px;}
.Txt_p3{font-size: 14px;}
.Txt_p4{font-size: 12px;}
.Txt_p5{font-size: 14px;}

.CP_Img{height: 260px;line-height: 257px;}


}


@media ( max-width:380px){
.CP_UL li{width: 100%;}

}