@charset "utf-8";
/* reset.css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,i{margin:0;padding:0;font-size: 12px;font-family:arial,"微软雅黑","\5B8B\4F53";font-style: normal;text-align:left;}
fieldset,img{border:0;}
/* remember to define focus styles! */
:focus{outline:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym{border:0;font-variant:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
code,kbd,samp,tt{font-size:100%;}
/* @purpose To enable resizing for IE */
/* @branch For IE6-Win,IE7-Win */
input,button,textarea,select{*font-size:100%;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;table-layout: fixed}
caption,th{text-align:left;}
sup, sub {font-size: 16px;line-height: initial;}
/* remember to highlight anchors and inserts somehow! */
a{color:#333333;*cursor:pointer}
a:hover,a:focus{color:#f3982c;text-decoration:none;outline:none;}
:link,:visited,ins{text-decoration:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
texearea{resize:none;}

::-webkit-input-placeholder{/* WebKit browsers */
color:#999;}
:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
color:#999;opacity:1;}
::-moz-placeholder{/* Mozilla Firefox 19+ */
color:#999;opacity:1;}
:-ms-input-placeholder{/* Internet Explorer 10+ */
color:#999;}
/* 去除ie（1e9+） text文本后面的 × */
::-ms-clear{display:none;}
/* reset end */


.fl{float: left;}
.fr{float: right;}
.clearfix:after{content:".";display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;visibility: hidden;clear:both;}
.clearfix{*display: table;*zoom:1;}


.w1100c{width: 1100px;margin: auto;}
.w960{width: 960px;}
.w900{width: 900px;}
.w780{width: 780px;}
.w300{width: 300px;}
.w180{width: 180px;}

.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.fz26{font-size: 26px;}
.fz28{font-size: 28px;}

.redbg{background:#fe563c;}
.redbg:hover{background:#f82a0a;}
.main{ margin:0 auto; width:1200px;}
.b{font-weight: bold;}
.dn{display: none;}
.tc{text-align: center;}
.tr{text-align: right}
.por{position: relative;}

.plr5{padding: 0 5px;}
.pr{padding-right: 10px;}
.pr15{padding-right: 15px;}

.ml{margin-left: 10px;}
.ml15{margin-left: 15px;}

.mr3{margin-right:3px;}
.mr5{margin-right:5px;}
.mr{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr35{margin-right:35px;}
.mr50{margin-right:50px;}

.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px;}
.mb{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}

.mt5{margin-top:5px;}
.mt{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt60{margin-top:60px;}

.c_red{color: #c50000}
.c_green{color: #74c468}
.c_gray6{color: #666}
.c_gray3{color: #333}
.c_gray9{color: #999}
.c_blue{color: #2870b8}
.c_orange{color: #f3982d!important;}

/*删除线*/
.text-linethrough{text-decoration:line-through}

/*构造三角*/
.triangle{border-style:solid;border-color:transparent transparent transparent transparent;_border-color:red red red red;_filter:chroma(color=red);height: 0;line-height: 0;font-size: 0;overflow: hidden;}

/*广告*/
.ad{display: block;overflow: hidden;margin-bottom:20px;}
.ad img{display: block;}

/*头部*/
.topBox{width:100%;color:#666666;font-size:12px;height:35px;line-height:35px;background:#f3f3f3;border-bottom:1px solid #dedede;}
.topBox .topbar{overflow:hidden;width:1100px;margin:0 auto;}
.topbar .fl{float:left;}
.topbar .fr{float:right;}
.topbar .fr span{color:#d7d7d7;}
.topbar_nav a{color: #666;}
.topbar_nav span{margin: 0 6px;}
.topbar_nav a:hover,
.topbar_nav a:focus{color:#F3982C;text-decoration: underline;}
/*头部 end*/

/*logo栏*/
.logoBox{width:1200px;height:90px;margin:0 auto;}
.logoBox .logo{display:inline-block; padding-top:30px}
.logoBox .logo,.logoBox .search{float:left;}
.logoBox .tab{float:right;margin-top:26px;}

/*主导航*/
.nav{width:100%;border-top:1px solid #e5e5e5;border-bottom:2px solid #007aff;height:50px;line-height:50px;}
.nav ul{width:1200px;margin:0 auto;overflow:hidden;}
.nav ul li{float:left;}
.nav ul li a{display:block;width:100px;border-right:1px solid #e5e5e5;color:#323232;font-family:"微软雅黑";text-align:center;font-size: 16px;}
.nav ul li a:hover,
.nav ul li a:focus{color:#f3982c}
.nav .current{background:#007aff;color:#ffffff;border:none;}
.nav .current:hover,
.nav .current:focus{color: #fff}
/*主导航 end*/
.piclist{ overflow:hidden; width:1200px; margin:25px auto 0 auto}
.piclist li{overflow:hidden; margin-bottom:30px}
.pixbox{ width:600px; float:left; display:block; margin-right:20px}
.pixbox img{width:600px; height:300px;}
.pixtxt{ width:579px; float:left;display:block; }
.pixtxt h2{ font-size:20px; margin-bottom:10px; font-weight:bold}
.pixtxt p{ font-size:14px; line-height:36px; display:block}
.pixtxt p span{ display:block; float:left; width:79px;}
.pixtxt p strong{ display:block; float:left;width:500px; font-weight:normal}
.pixtxt p a{ display:block; background:#0ad487; color:#fff; margin-right:10px; margin-bottom:10px; padding:0 5px; float:left}

.imglist{ overflow:hidden; width:1200px; margin:25px auto 0 auto}
.imglist li{ float:left; display:inline-block; width:290px; margin-right:13px; margin-bottom:20px}
.imglist li img{ width:290px; height:270px;}
.imglist li p{ font-size:14px; color:#333; line-height:30px; text-align:center}
.imglist li:nth-child(4n){ margin-right:0}

/*行业资讯*/
.picList{ overflow:hidden; width:1200px; margin:25px auto 0 auto}
.picList li{overflow:hidden; margin-bottom:30px}
.pixBox{ width:289px; float:left; display:block; margin-right:20px}
.pixBox img{width:289px; height:170px;}
.pixTxt{ width:890px; float:left;display:block; }
.pixTxt h2{ font-size:20px; margin-bottom:10px; font-weight:bold}
.pixTxt p{ font-size:14px; line-height:28px; display:block}
.pixTxt p a{ display:block; background:#0ad487; color:#fff; margin-right:10px; margin-bottom:10px; padding:0 5px; float:left}
/*滑动切换*/
.hotCent{width: 1200px;margin-left: 33px;margin-top:15px}
.titPrice{height: 37px;line-height: 35px;overflow: hidden;}
.titPrice ul li{cursor: pointer;width: 102px;border-bottom: 4px solid #f3982c;float: left;text-align: center;height: 33px;line-height: 30px;}
.titPrice ul li.on{float: left; display:inline-block;background: url("https://www.stylestomakeyousmile.com/assets/jiajuindex/images/ico.png") no-repeat;background-position: 1px -123px;width: 102px;border-bottom: 0px;height: 37px;line-height: 30px;}
.hdInfo{display: none; }

/*footer*/
.footer{background:#007bff;color:#fff;padding:10px 0;font-size:12px;}
.footer a{color:#fff;padding:0 5px;}
.footer a:hover{color:#fff;text-decoration:underline;}
.footpublink{background:#f6f6f6;border-top:#e6e6e6 solid 1px;margin-top:35px;}/*原：margin-top:70px  2015/9/8*/
.footpublink .wbig{width:1100px;margin:0 auto;}
.footpublink .flogo{padding:38px 32px 0 0;float:left;}
.footpublink .flink{height:175px;float:left;border-right:#e6e6e6 solid 1px;}
.footpublink .flink ul{border-left:#e6e6e6 solid 1px;height:145px;padding:30px 22px 0 25px;line-height:24px;float:left;}
.footpublink .flink ul li a{color:#666;font-size:12px;}
.footpublink .flink ul li a:hover,
.footpublink .flink ul li a:focus{color: #F3982C}
.footpublink .column2{width:135px;!important;}
.footpublink .column2 li{float:left;width:50%;}
.footpublink .column2 .fnone{width:120px;}
.footpublink .column2 {padding:38px 10px 0 30px;}

.footer_introbox{padding-top: 25px;padding-bottom: 15px;border-bottom: 1px solid #e6e6e6}
.footer_intro{line-height: 24px;text-indent: 2em;margin-bottom: 10px;}
.footer_contact h6{font-weight: bold;margin-bottom: 5px;}
.footer_contact p{line-height: 24px;}
.footer_qq{display: inline-block;background: #f3982d;color: #fff;border-radius: 3px;margin: 0 5px;padding: 0 10px 0 25px;position: relative;}
.footer_qq:hover,
.footer_qq:focus{color: #fff;opacity: .9}
.footer_qq i{display: block;position: absolute;top:50%;margin-top: -9px;left: 5px;width: 18px;height: 18px;background-position: -140px -151px;}

.snsbtn{float:right;margin-top:50px;position:relative;}
.snsbtn a{display:block;width:50px;height:50px;float:left;margin:0 5px;background:url("https://www.stylestomakeyousmile.com/assets/jiajuindex/images/sns_btn.png") no-repeat;text-indent: -10000px;outline: none}
.snsbtn a:hover{background:url("https://www.stylestomakeyousmile.com/assets/jiajuindex/images/sns_btn.png") no-repeat;}
.snsbtn .weixin{background-position:left top;position: relative;}
.snsbtn .weixin:hover{background-position:left -50px;}
.snsbtn .weibo{background-position:-50px top;}
.snsbtn .weibo:hover{background-position:-50px -50px;}
.snsbtn .qq1{background-position:-100px top;}
.snsbtn .qq1:hover{background-position:-100px -50px;}

#weixin{display: none;position:absolute;top:-25px;left:-115px;width:100px;height:100px;background:url("https://www.stylestomakeyousmile.com/assets/jiajuindex/images/housewx.png") no-repeat;border:#fff solid 1px;}

.snsbtn .weixin:hover #weixin,
.snsbtn .weixin:focus #weixin{display: block;}
/*footer end*/

/*页码*/
.page_div {margin-top:24px;text-align:center;}
.page_div  li{float:left;}
.page_div  li a{display:block;color:#969696;padding:5px 10px;margin-right:6px;border:1px solid #dcdcdc;}
.page_div  li a:hover{border:1px solid #f3982c;color:#f3982c;}
.page_div  li a.active{background:#f3982c;color:#ffffff;border-color:#f3982c;}
.page_div  .ellipsis{padding:5px 5px 0 0;}


/*免责声明*/
.disclaimer{padding:22px 15px;background: #f7f7f7;color: #666;;line-height: 24px;}
/*基本信息表格*/
.table_infor td{padding:10px;border:1px solid #dcdcdc;}

.tit_b{ overflow:hidden; margin-top:15px; margin-left:10px}
.tit_b strong{display:block; width:52px; padding:5px 10px; background:#f0f0f0;color:#000; margin-right:10px;float:left; text-align:center; line-height:22px; font-weight:normal; font-size:16px;}
.tit_b strong.on{color:#fff; background:#f3982d;line-height:22px;}

.q-ewm strong{background-position:0-80px}
.q-ewm strong img{position:absolute;top:-140px;left:-38px;right:0;z-index:2;display:none}
.q-ewm strong:hover img{display:block}

.hl-ewm img{position:absolute; top:-130px; left:-20px; display:none}
.hl-ewm:hover img {display:block}


.fixed{ overflow:hidden; background:#1987ff; position:fixed; bottom:0px; width:100%; opacity:0.8; z-index:9999}
.fixedBox{overflow:hidden; width:1200px; margin:0 auto; padding:20px}
.fixedBox h2{ font-size:24px; text-align:center; color:#fff; font-weight:bold; margin-bottom:30px}
.fixedBox span{ color:#fff; font-size:18px; margin-right:10px; margin-left:10px;}
.tb{margin-right:5px;width:100px;height:35px; line-height:35px}
.tb2{margin-right:5px; position:absolute; left:10px; top:10px;}
.input input[type="text"]{width:120px;height:33px;font-size: 16px;color:#333; padding:0 10px 0 0px; text-align:left;margin-right:35px; display:inline-block;border-radius:5px}
.input select{width:120px;padding: 0 10px;height:35px;font-size: 16px;margin-bottom: 10px;border-radius:5px}
.input input[type="submit"]{border: none;width: 100%;height:36px; display:inline-block;font-size:18px;color: #fff;background:#117FBB;border-radius: 5px}
.input input[type="button"]{border: none;width:300px;height:57px; display:inline-block;font-size:24px;color: #fff;background:#f5791f; text-align:center; margin:20px 450px 0 450px;border-radius:25px}

.topBanner{width:100%;height: 410px;position: relative;;overflow: hidden;}

#topbanner{width:100%;height:100%}
#topbanner .swiper-container{position: relative;}
#topbanner .swiper-wrapper{width:100%;height:100%}
#topbanner .swiper-slide{overflow: hidden;position: relative;height:100%;display:block}
#topbanner .swiper-slide a{display:block;width:100%;height:100%}
#topbanner .swiper-slide img{display:block;width:auto;height:auto;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
#topbanner .swiper-pagination{left:0;right:0;margin:0 auto;bottom:20px !important;display: flex;align-items: center;justify-content: center}
#topbanner .swiper-pagination-bullet{width:8px;height:8px;margin:0 5px;background:#D8D8D8;border-radius: 100%}
#topbanner .swiper-pagination-bullet-active{width:30px;height: 8px;background: #00BA74;position: relative;border-radius: 4px}