a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var,th,td{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block}
body{color:#444;padding:0px 0;
font:400 14px/1.6 'Helvetica Neue',Helvetica, "Microsoft YaHei",sans-serif,Arial,'宋体';-webkit-text-size-adjust:none;
background:#fff; }
a:hover img,img{border:none; vertical-align: top;}
ol,ul{list-style: none}
input,button,select,textarea{outline:none;font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; font-size:14px; color: #231815;}
table input,table button,table select,table textarea{ vertical-align:middle;}
button,html input[type=button],input[type=submit]{-webkit-apperance: button; cursor: pointer}
button[disabled],html input[disabled]{cursor: default}
textarea{resize:none}
table{ border-collapse:collapse;}
a{text-decoration:none; color:#231815;}
h1,h2,h3,h4,h5,h6{font-weight:400; font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;}
th{font-weight: normal; }



.al{text-align: left;}
.ac{text-align: center;}
.ar{text-align: right;}
.hide{display: none;}

.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearfix2:before,.clearfix2:after{content:""; display: table;}
.clearfix2:after{clear: both;}
.clearfix2{*zoom:1;}


::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-button{height:0;width:0;}::-webkit-scrollbar-track{background-color:#f1f1f1;}::-webkit-scrollbar-thumb{background:#ccc;}



.clearfix:after{content: ""; display: block;height: 0;clear: both;}
.clearfix{zoom:1;}
.clearit{clear:both;height:0;font-size:0;overflow:hidden;}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}


a:hover/*,a:active,a:focus*/{color:#231815;text-decoration:none;}
.hidden{visibility:hidden;}


/*设置选中文字时的背景色*/
::selection{ background:#f6c755; color:#231815; }
::-moz-selection    { background:#f6c755; color:#231815; }
::-webkit-selection { background:#f6c755; color:#231815;}
/*可改变元素被点击时背景框的颜色*/
html{-webkit-tap-highlight-color: rgba(240,240,240,0.7);}/*如果需要背景框不显示，则可以将rgba中的alpha值设为0即可，例如rgba(0,0,0,0)*/

/*--------------------------end公用样式*/

body{ background-color:#fff;}
.w_1200{ width:1200px; margin:0 auto;}


.min_1200{margin: 0 auto; min-width: 1200px; _width:expression((documentElement.clientWidth < 1200) ? "1200px" : "auto" );}
.max_1200{margin: 0 auto; max-width: 1200px; _width:expression((documentElement.clientWidth > 1200) ? "1200px" : "auto" );}



.phcolor{color: #bbb!important;}
input::-webkit-input-placeholder{color: #bbb;}
input:focus::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #bbb;}
input:-ms-input-placeholder{color: #bbb;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none!important; margin: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="number"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

a{transition: .2s; -moz-transition: .2s; -webkit-transition: .2s;}

/*------------------------star首页的样式*/
.header{ height:100px; background-color: #fff; box-shadow: 0 0 8px rgba(0,0,0,.2); border-bottom:1px solid #eee\9;*border-bottom:1px solid #eee;position:relative; width: 100%; padding:0 0; z-index: 10;}

/*浮动*/
@-webkit-keyframes hdnav2-show{0%{top:-42px}100%{top:0}}
@keyframes hdnav2-show{0%{top:-42px}100%{top:0}}
.top_header{position: absolute; top: 0; left: 0;}
.header_fixed{position: fixed; top: 0; left: 0; height: 70px; _position: absolute; animation: hdnav2-show .3s; -moz-animation: hdnav2-show .3s; -webkit-animation: hdnav2-show .3s; box-shadow: 0 0 10px rgba(0,0,0,.2); border-bottom: 1px solid #ccc\9;*border-bottom: 1px solid #ccc;}
* html{background-image: url(about:blank); background-attachment: fixed;}
.header_fixed .logo{ padding:8px 0 0 0; }
.header_fixed .logo img{ height:54px; }
.header_fixed .nav{ padding:14px 0 0 0;}
/*end浮动*/

/*标志*/
.logo{ padding:16px 0 0 0; text-align: center;}
/*导航*/
.nav{ line-height: 38px; padding:33px 0 0 0; text-align: right;}
.nav a{ display:inline-block; vertical-align: top; padding: 0 2.4em; margin:0 0 0 .5em; position: relative; background-color: transparent\9; border:none\9;
-webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;}
.nav .on{ background-color:#f6c755\9;*background-color:#f6c755; color:#fff;}
.nav a:hover{ background-color:#eee\9;*background-color:#eee; color:#fff; color:#231815\9;*color:#231815;}
.nav a::before{ display:block; position: absolute; content: ''; left: 0; bottom: 0;  width: 0; height:100%;  -moz-transition: .3s;-webkit-transition: .3s;transition: .3s; background-color: #f6c755; display: none\9; z-index: -1;}
.nav a:hover::before,.nav .on::before{ width:100%;}
/*------------star动画效果*/
.ibn{position: relative; height: 560px; overflow: hidden;}
.ibn .bd{height: 560px;}
.ibnitem{position: relative; height:560px; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; overflow: hidden;}
/*数字*/
.ibn .hd{ z-index: 3; position:absolute; bottom:30px; left: 0; width: 100%; text-align: center;}
.ibn .hd li{cursor:pointer;display:inline-block;*display:inline;zoom:1;margin:0 5px;overflow:hidden; vertical-align: bottom;font-size: 0 ; background-color:#e4e4e4;width:60px; height:10px;}
.ibn .hd .on{background-color:#f6c755;}

/*按钮*/
.ibn .prev, .ibn .next{position: absolute; top: 50%; margin-top: -40px; display: block; text-align: center; width:70px; height: 80px; line-height: 80px;background-image: url(../images/banner/btn.png); background-repeat: no-repeat; }
.ibn .prev:hover, .ibn .next:hover{ text-decoration: none;}
.ibn .prev{right: 50%; margin-right: 600px;}
.ibn .next{left: 50%; margin-left: 600px;background-position: -70px top;}
#ibn a.btn{display: none;}
.i-banner img{width:100%;min-width:1200px;}
/*中间区域*/
.h_pro{ padding:20px 10px; }
.h_pro .box{ text-align: center;display:block; height: 440px; overflow: hidden;position: relative; margin-right:10px;margin-left:10px; }
.h_pro .text{background-color: #f6c755; color:#fff;}
.h_pro .li_o2 .text{background-color: #a6d6e7;}
.h_pro .li_o3 .text{background-color: #f5b8b9;}
.h_pro .li_o4 .text{background-color: #bad6d2;}
.h_pro .li_o5 .text{background-color: #b298b7;}
.img_w{ width:100%; overflow: hidden;}

.h_pro .box:hover .text{ bottom:0;}
.h_pro .box:hover{ box-shadow:0 0 20px rgba(0,0,0,.1); -moz-transform: translateY(-.5em); -webkit-transform: translateY(-.5em); transform: translateY(-.5em);}
.h_pro .box .text{ position:absolute; bottom: -150px; width: 100%; left: 0; z-index: 2;}
.h_pro .box h4{ font-size:24px; line-height: 1.1; margin:20px 0 10px 0;}
.h_pro .box .eng{ font-size:14px; text-transform: uppercase; margin:.2em 0 15px 0;}
.h_pro .box .d{margin:0 25px; text-align: left;}
.h_pro .box .btn{ margin:30px 0; text-align: center;}

.h_pro .box:hover .pic img,.i_pro .box:hover .pic img{-webkit-filter: blur(2px);filter: blur(2px); opacity: .8;}

.d_arrow{ display:inline-block; vertical-align: top; width: 30px; height: 20px; overflow: hidden; font-size: 0; background-image: url(../images/icon/d_arrow.png); background-repeat: no-repeat;}
.white_btn{ display:inline-block; vertical-align:top; width: 100px; line-height: 36px; text-align: center; background-color: #fff; color:#f6c755;}
.white_btn:hover{ box-shadow:0 0 8px rgba(0,0,0,.2); -moz-transform: translateY(-.3em);-webkit-transform: translateY(-.3em);transform: translateY(-.3em);}

/*返回顶部*/
.top_div{ text-align:center; font-size:18px; text-transform: uppercase; line-height: 1.1;}
.top_div a{ color:#999;}
.top_arrow{ width:60px; height: 60px; overflow: hidden; display: inline-block; vertical-align: top; background-color: #eee; background-image: url(../images/icon/top.png); background-repeat: no-repeat; background-position: center center; margin-bottom: 4px;}
a:hover .top_arrow{background-color: #f6c755; }

/*文件底*/
.footer{ background-color: #eee; text-align: center; padding: 34px 0 0 0; margin:10px 0 0 0;}
.footer h4{ font-size:18px; line-height: 1.1; margin-bottom: 34px;}
.footer .eng{ font-size:24px; color:#999; margin:5px 0 0 0; text-transform:uppercase;}
.footer .box{ display:inline-block; vertical-align: top; width: 240px; text-align: center;}
.wechat_110{ width:110px; height: 110px; margin-bottom: 10px;}
.f_arrow{ display:inline-block; vertical-align: top; margin:20px 0 30px 0; width: 60px; height: 60px; overflow: hidden; font-size: 0; background-color: #f6c755; background-image: url(../images/icon/f_arrow.png); background-repeat: no-repeat; }
.f_arrow2{ background-position: 0 -60px;}
.footer .d{ margin:30px 0 0 0; padding: 20px 0; border-top:1px solid #ddd;}

/*------------------star内页的样式*/
/*大图片*/
.i_banner{ height:360px; overflow: hidden; position: relative;}
.i_banner_img{ position:absolute; top:0; left: 0; width: 1920px; left: 50%; margin-left: -960px;}
.i_center{ margin:30px auto;}
/*标签导航*/
.i_tab_nav{ text-align:center; margin-bottom: 50px;}
.i_tab_nav dt{ margin:0; line-height: 1.1;}
.i_tab_nav h4{ line-height: 1.1; font-size:30px;}
.i_tab_nav h4 p{ margin:10px 0 0 0;}
.th_line_d{ width:40px; height: 4px; overflow: hidden; font-size: 0; background-color: #f6c755; display: inline-block; vertical-align: top;}
.i_tab_nav dd{ margin:0 0 0 0; font-size: 18px; line-height: 40px;}
.i_tab_nav dd a{ display:inline-block; vertical-align: top; margin:0 8px; padding: 0 1.2em;}
.i_tab_nav dd .tab_light{background-color: #f6c755;  }

/*空*/
.null_box{ display:block; text-align: center; font-size: 13px; color: #999; padding: 10em 0;}
/*关于我们*/
.about_text{ line-height: 2; font-size:16px;}
.about_text p{ margin:2em 0; text-indent: 2em;}
.about_text .pic_c{text-indent: 0; text-align: center; margin:3em 0;}
.about_text .about_pic{ margin:3em 0; width:1215px;}
.about_text .about_pic .box{ margin-right:15px;}

/*产品列表 */
.i_pro{ width:1240px; padding: .5em 0; }
.i_pro .pic{overflow: hidden; background-color: #fff;}
.i_pro .pic img{height:380px;}
.i_pro li{ margin:0 0 60px 0;}
.i_pro h5{ font-size:18px; margin:10px 0 5px 0;}
.i_pro .box{ position: relative;display:block; margin-right: 40px; border-bottom: 4px solid #f6c755; padding-bottom: 15px;}
.i_pro .fr{ margin-left:20px;}
.i_pro .graw_text .hide1{ width:230px; }
.i_pro .box::before{ position:absolute; bottom:-4px; height: 4px; width: 0; content: ''; display: block; background-color: #634d26;  -moz-transition: .3s;-webkit-transition: .3s;transition: .3s; display: none\9;}
.i_pro .box:hover::before{width:100%;}
.i_pro .box .fr{ display:inline-block; padding:0 5px;}
.i_pro .box:hover .fr{background-color: #f6c755;  color:#fff; }

/*资讯*/
.i_news .li_o{ font-size: 16px; margin:0 0 40px 0;}
.i_news .pic{ background-color: #fff; float:left; width:200px; overflow: hidden; height: 130px; margin-right: 30px;}
.i_news .box{ position: relative; background-color: #fef7e6;display:block; padding: 0 25px 0 0; height: 130px; overflow: hidden;
-webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;}
.i_news .box h5{padding:16px 0 10px 0; font-size: 20px; font-weight: bold;}
.i_news .box .fr{ font-size:14px; color:#999; font-weight: normal;margin-right: 20px;}
.i_news .box::before{ display:block; position: absolute; content: ''; left: 0; bottom: 0;  width: 0; height:100%;  -moz-transition: .3s;-webkit-transition: .3s;transition: .3s; background-color: #f6c755; display: none\9; z-index: -1;}
.i_news .box:hover::before{ width:100%;}
.i_news .box:hover{background-color: #f6c755\9;*background-color: #f6c755;}

/*--------star门店*/
.map_box { width:860px; margin:0 auto;}
.map_box .map_box_l_i{ position:relative; padding: 35px;}
.map_box .map_box_r{ width:440px; margin:0 0 0 70px;}
.map_box_l{margin:160px 0 0 0; border:3px solid #f6c755; background-color: #fff;}
.map_box_l h4{ border-bottom:1px solid #ddd; font-size: 18px; padding:0 0 8px 0; margin-bottom: 30px;}
.map_box_l .t{ margin:20px 0 0 0;}
.map_box_l dd{margin:35px 0 0 0;}
.map_arrow{ top:50%;margin-top: -18px; right: -22px;  position:absolute; width: 22px; height: 36px; font-size: 0; overflow: hidden; background-image: url(../images/icon/map_arrow.png); background-repeat: no-repeat;}

/*按钮*/
.fill_btn{ font-size:18px; cursor: pointer; border:none; text-align: center; height: 40px; line-height: 40px; width: 100%; background-color: #f6c755;}
.fill_btn:hover{ box-shadow:0 0 10px #f6c755;}
/*下拉框select*/
.select_box{  width:100%; margin:0 0em 0 0; padding: 0 20px; height:40px; line-height:40px; border:1px solid #ddd;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden; filter: none !important;
appearance:none;-moz-appearance:none;-webkit-appearance: none; background:none; background:#fff url(../images/icon/option.png) no-repeat 94% center;}
.select_box::-ms-expand { display: none; }
.select_box_270{ width:270px;}
.select_box_460{ width:460px;}


.map_th{ border-top:4px solid #f6c755; padding: 20px 20px; background-color: #eee; line-height: 40px;}
.map_th .box{ display:inline-block; font-size: 18px; padding: 0 1.4em; background-color: #f6c755; }
.map_th .box,.map_th .select_box{vertical-align: top; margin:0 8px;}

.map-container{ width:100%; height: 540px;}

/*新闻详情*/
.about-h1{text-align: center;padding:.5em .5em 1em;color:#000;}
.about-mes{text-align: center;color:#999;padding:.4rem .5rem .7rem;}
.about-mes span{display:inline-block;padding:.3rem;}
.about-mes span a{color:#999;}
/*-------star文字的样式*/
/*标题文字*/
.th{ font-family:"Microsoft YaHei";}
/*日期*/
.date{ float:right; color:#999; font-family:Arial;font-weight:normal;}
/*宋体*/
.china{ font-family:"宋体";}
.eng,.prit_r{font-family:Arial;}
/*距离*/
.mt30{margin-top: 30px!important;}
.red_text,.red_link a,.gray_link_l a:hover{ color:#c9293e;}
.yellow_text{ color:#edb974;}
.link_line a{ text-decoration:underline;}
.link_line a:hover{text-decoration:none; }
.gray_text{ color:#999;}
.white_text{ color:#fff;}

.m_l{ margin-left:10px;}
.m_r{ margin-right:10px;}
.m_l_b{ margin-left:2em;}
.mr_40{ margin-right:40px;}
.m_t{ margin:0 2em;}
.gray_link_l a{ color:#888;}
.blue_link a,.blue_text,.order_table h5 a{ color:#094f8d;}
.blue_link a:hover,.order_table h5 a:hover{ color:#c9293e;}
.graw_link a,.graw_text{ color:#722c19;}




.font_13{ font-size:13px;}
.font_14{ font-size:14px;}
.font_16{ font-size:16px;}
.font_18{ font-size:18px;}
.font_20{ font-size:20px;}
.font_22{ font-size:22px;}
.font_24{ font-size:24px;}
.font_28{ font-size:28px;}
.font_30{ font-size:30px;}
.font_38{ font-size:38px;}
.font_40{ font-size:40px;}
.font_48{ font-size:48px;}


.d-htit{height:29px;}
.d-htxt{height:23px;}
/*隐藏*/
.hide_box{ height:auto; overflow: hidden;}
/*列表*/
.list_2 li{ float:left; width:49.99%;}

.list_4 li{float:left; width: 24.99%;}
.list_5 li{float:left; width: 19.99%;}
.list_6 li{float:left; width: 16.66%;}
.list_7 li{float:left; width: 14.28%;}

.list_3 li{ float:left; width:33.33%;*width:33.2%;}
/*---------------------------省略符号*/
/*省略号*/
.hide1{overflow:hidden; word-break:keep-all; white-space:nowrap;text-overflow:ellipsis;}
.hide2,.hide6,.hide4,.hide3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hide2{height:3.2em;height:3.2em\9; height:3.2em\0;}
.hide3{-webkit-line-clamp: 3;height:4.8em; }
.hide6{-webkit-line-clamp: 6; height:9.6em;}
.hide4{-webkit-line-clamp: 4;height:6.4em;}
/*自适应*/
.r_cell{ display:table-cell; width:9999px; *width:auto; *zoom:1;}

.pic_cell{ vertical-align:middle; text-align:center; display:table-cell; overflow:hidden;}
.pic_cell img{ max-width:100%; max-height:100%; width:100%\9;width:100%\0;*width:100%;vertical-align:middle; overflow:hidden;}
/*自定义动画*/
.transition_a,tbody tr{ -moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;}

/*---------------------------------------------图片缩小后摇动（不错）*/
/*左右摇摆*/
a:hover .d_arrow, a:hover .top_arrow,.box:hover .f_arrow{animation: landr 0.8s ease-in-out;
-ms-animation: landr 0.8s ease-in-out;
-moz-animation: landr 0.8s ease-in-out;
-webkit-animation: landr 0.8s ease-in-out;
-o-animation: landr 0.8s ease-in-out;}
/*定义动画效果_css3*/
@keyframes landr {
0% {transform: rotate(0deg);transform-origin: right bottom 0;}
39% {transform: rotate(5deg);transform-origin: right bottom 0;}
40% {transform: rotate(5deg); transform-origin: left bottom 0;}
75% {transform: rotate(-10deg);transform-origin: left bottom 0;}
100% {transform: rotate(0deg);transform-origin: left bottom 0;}
}
@-webkit-keyframes landr {
0% { -webkit-transform: rotate(0deg);-webkit-transform-origin: right bottom 0;}
39% {-webkit-transform: rotate(5deg);webkit-transform-origin: right bottom 0;}
40% {-webkit-transform: rotate(5deg);-webkit-transform-origin: left bottom 0;}
75% {-webkit-transform: rotate(-10deg); -webkit-transform-origin: left bottom 0;}
100% {-webkit-transform: rotate(0deg);-webkit-transform-origin: left bottom 0;}
}

/*---------------------------star滤镜的样式*/
/*圆角*/
.round_s_s{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.round_s{ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.round_m,.round_m_a a,.nav a::before{ -moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em;}
.round_s_img img,.round_s_b{ -moz-border-radius:1.2em; -webkit-border-radius:1.2em; border-radius:1.2em;}
.round_m_s{ -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}
.round_r,.round_img img{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
/*链接文件*/
.round_s,.round_r,.round_m,.round_img img,.round_m_s,.round_m_a a,.round_s_img img,.round_s_s{position:relative\9;behavior: url(js/pie.htc);}
.nav a::before{behavior: url(js/pie.htc);}
