@charset "utf-8";


@font-face {
  font-family: 'Defaults';
  src: url('../fonts/fontawesome-webfont.eot');
  src:
    url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/fontawesome-webfont.woff') format('woff'),
    url('../fonts/fontawesome-webfont.ttf') format('truetype'),
    url('../fonts/fontawesome-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
body,html{height:100%;font-family:'Defaults',"Microsoft Yahei";font-size:12px}
body{margin:0;font-size:12px;line-height:1.5;color:#333}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background:0 0;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#333}
a:link{color:#333}
a:visited{color:#333}
a:hover{color:#333}
a:active{color:#333}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0;vertical-align:middle}
svg:not(:root){overflow:hidden}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto;white-space:pre;white-space:pre-wrap;word-wrap:break-word}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto;resize:vertical}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
button,html,input,select,textarea{font-family:Arial,Helvetica,sans-serif;border:0}
input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
blockquote,figure,form,h1,h2,h3,h4,h5,h6,p{margin:0}
dd,dl,li,ol,ul{margin:0;padding:0}
ol,ul{list-style:none outside none}
.fl{float:left}
.fr{float:right}
.tr{text-align:right}
.tl{text-align:left}
.tc{text-align:center}
.clear:after{content: '';display: block;clear: both;}
.rel{position:relative}
.abs{position:absolute}
.ov{overflow:hidden}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mb10{margin-bottom:5px}
.mb30{margin-bottom:30px}
em,i{font-style:normal}

/*css.css*/
.clear-fix:after{display:table;content:"";width:0;clear:both}
.main_b{margin:0 auto;width:1110px;zoom:1}
.main_b:after{content:'';display:block;clear:both}
.main_c{margin:0 auto;width:1170px;zoom:1}
.main_c:after{content:'';display:block;clear:both}
.main_d{margin:0 auto;width:1220px;zoom:1}
.main_d:after{content:'';display:block;clear:both}
.main_e{margin:0 auto;width:1340px;zoom:1}
.main_e:after{content:'';display:block;clear:both}
footer{position:fixed;bottom:0;left:0;height:40px;line-height:40px;background:#fff;width:100%;z-index:120;text-align:right;line-height:40px}
.share_box{position:relative;display:block;float:right;margin-right:10px}
.share_box1{position:relative;display:block;float:right;margin-right:10px}
.share_box>a{text-align:center;display:inline-block;width:58px;text-align:center;font-weight:700;color:#333;background:url(../images/line02.jpg) no-repeat right center;height:40px;overflow:hidden;}
.share_box>a img{vertical-align:middle;margin-top:-2px}
.share_box>a img.ewmImg{position: absolute; width: 120px;height: 120px; top: -120px;margin-left: -70px;background-color: #fff;border-radius: 3px;visibility: hidden;opacity: 0;transition: all .5s ease;}
.share_box>a:hover img.ewmImg{visibility: visible;opacity: 1;}
.nav{cursor:pointer;padding-left:15px;padding-top:10px;position:absolute;width:50px;height:50px;top:20px;right:50px;text-align:center;background:#9f9f9f}

.nav span{display:block;margin:8px 0;width:20px;height:2px;background:#FFF;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.nav.active span:nth-child(1){background:#FFF;transform-origin:top left;-webkit-transform-origin:top left;transform:translate3d(5px,-1px,0) rotate(45deg);-webkit-transform:translate3d(5px,-1px,0) rotate(45deg);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.nav.active span:nth-child(2){background:#FFF;transform-origin:bottom left;-webkit-transform-origin:bottom left;transform:translate3d(5px,3px,0) rotate(45deg);-webkit-transform:translate3d(5px,3px,0) rotate(-45deg);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.nav.active{background:#9f9f9f}
.menu_div{position:fixed;top:0;z-index:121;right:-100%;background:#FFF;width:100%;transition:all .5s ease;overflow-x: hidden;overflow-y: auto;}
.menu_div.active{right:0;transition:all .5s ease}
.main_box{position:fixed;z-index:1;left:0;top:0;width:100%}
.main_box h1 {display:none;position: absolute;left: 12%;top: 23%;color: #FFF;font-size: 24px;text-align: left;width: 100%;font-weight: normal;}
.main_box h1 span{display:block;font-size:12px;}

.nav_t{cursor:pointer;padding-left:15px;padding-top:10px;position:absolute;z-index:16;width:50px;height:50px;top:20px;right:50px;text-align:center;background:#393939}
.nav_t span{display:block;margin:8px 0;width:20px;height:2px;background:#999;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.nav_t.active span:nth-child(1){background:#FFF;transform-origin:top left;-webkit-transform-origin:top left;transform:translate3d(5px,-1px,0) rotate(45deg);-webkit-transform:translate3d(5px,-1px,0) rotate(45deg);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.nav_t.active span:nth-child(2){background:#FFF;transform-origin:bottom left;-webkit-transform-origin:bottom left;transform:translate3d(5px,3px,0) rotate(45deg);-webkit-transform:translate3d(5px,3px,0) rotate(-45deg);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.nav_t.active{background:#333333}
.my_menu{width:100%;padding:0 20px;padding-top:95px;border-bottom:1px solid #F5F5F5}
.my_menu li{position:relative;border-top:1px solid #F5F5F5;text-align:center}
.my_menu li>a{font-size:18px;display:inline-block;line-height:45px;padding:10px 0;border-bottom:3px solid #FFF;transition: all .5s ease;}
.my_menu li:hover>a{border-bottom:3px solid #333333;color:#333333}
.my_menu li>a i{width:20px;height:12px;display:inline-block;vertical-align:middle;background:url(../images/icon_down02.png) no-repeat center center}
.my_menu li:hover .zi_menu{display:block}
.my_menu li:hover>a i{width:20px;height:12px;display:inline-block;vertical-align:middle;background:url(../images/icon_down03.png) no-repeat center center}
.my_menu li>a:hover{color:#333333}
.my_menu li>ul{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: center;}
.my_menu li>ul>li{position: relative;margin: 0px 10px;}
.my_menu li>ul>li>a{font-size:14px;display:inline-block;line-height:40px;padding:0px 5px;color: #999;transition: all .5s ease;}

.zi_menu{display:none;position:absolute;top:10px;left:50%;margin-left:100px;width:160px;z-index:10}
.zi_menu a{line-height:70px;font-size:14px;color:#666;display:block}
.zi_menu a:hover{color:#000;text-decoration:underline}
.layer_main{position:relative;width:100%}
.my_mask01{z-index:0;position:relative;height:720px;width:100%}
.my_mask02{z-index:0;position:relative;height:380px;width:100%}
.main_container_in{padding:95px 30px 0 30px;width:100%}
.c_head .head_ch{font-size:24px;color:#9f9f9f;}
.c_head .head_en{font-size:16px;color:#999}
.logo{position:absolute;top:20px;left:30px;display:block; z-index:12;}
.top_nav{position:fixed;z-index:12;width:100%;left:0;top:0}
.main_container{z-index:2;position:relative;min-height:900px;width:100%;background:#FFF;padding-bottom:40px}
.index_recomment_left{width:400px;height:500px;border:1px solid #adadad;position:relative}
.index_recomment_left .posi{position:absolute;left:-1px;bottom:-10px;width:403px;height:300px;background:#9f9f9f}
.index_recomment_left .picbox{position:absolute;top:25px;left:25px;height:auto;width:410px;overflow:hidden}
.index_recomment_left .picbox img{width:400px;transform:scale(1);transition:all .5s ease}
.index_recomment_right{position:relative;background:url(../images/bg01.png) no-repeat left 70px;width:600px}
.index_recomment:hover .index_recomment_left .picbox img{transform:scale(1.1);transition:all .5s ease}
.img-tc{width:100%;height:100%;transition:all .5s ease;transform:scale(1);overflow:hidden}
.index_recomment_left .picbox{transition:all ease-out .3s}
.ind_rec_info .head{transition:all 1s ease;font-size:20px;color:#565656;padding:60px 0 5px 0;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:HELVETICANEUELTPRO-THEX,"微软雅黑";transition:all .5s ease}
.ind_rec_info{position:relative;top:20px;padding-left:70px;transition:all .5s ease;padding-top:30px}
.line01{height:3px;width:22px;background:#333;position:relative;top:45px;transition:all 1s ease;opacity:0;filter:alpha(opacity=0)}
.index_recomment{height:550px;margin-top:30px}
.index_recomment a{display:block;width:100%;height:100%}
.index_recomment a:hover .line01{top:10px;transition:all .5s ease;opacity:1;filter:alpha(opacity=100)}
.index_recomment a:hover .ind_rec_info{position:relative;top:0;transition:all .5s ease}
.index_recomment a:hover .head{color:#333333;transition:all 1s ease}
.descri_tex{margin-top:55px;transition:all 1s ease;line-height:24px;color:#6a6a6a; font-size:14px;}
.index_recomment_left.posi_r .picbox{left:-30px}
.index_recomment_right.bg02{background:url(../images/bg04.png) no-repeat left 70px}
.more{text-align:center;font-size:16px;height:40px;line-height:40px;width:100%;margin:150px 0}
.more a{text-align:center;display:inline-block;width:65px;margin:0 auto;padding-right:5px;border-radius:10px;transition:all .5s ease}
.more a i{transition:all .5s ease;position:relative;margin-left:-20px;display:inline-block;background:url(../images/icon_next01.png) no-repeat center 7px;opacity:0;filter:alpha(opacity=0);width:10px;height:20px}
.more a:hover span{position:relative;left:10px;color:#3D3D3D;transition:all .5s ease}
.more a span{position:relative;left:0;color:#AEAEAE;transition:all .5s ease;font-family:"Arial",Times,serif}
.more a:hover i{opacity:1;filter:alpha(opacity=100);margin-left:18px;transition:all .5s ease}
.more a:hover{width:90px;transition:all .5s ease}
.yqlink_div .article{border:none}
.yqlink_div .owl-carousel{padding:0 40px}
.Designer_div .flexslider{margin-top:0;background:0 0}
.Designer_div .flexslider .slides>li{height:auto}
.yqlink_div{height:320px;overflow:hidden;padding-top:130px}
.contact_div{background:#FFF;padding-bottom:125px;padding-top:80px}
.contact_boxall{width:100%;background:#FFF;margin-top:120px}
.yqlink_div .article img{width:100%}
.yqlink_div .owl-theme .owl-controls .owl-nav div{position:absolute;width:35px;border-bottom:none}
.contact_div .head .head_ch{font-size:24px}
.contact_box{float:left;width:33.3%;text-align:left;color:#999;line-height:24px;background:url(../images/bg08.jpg) no-repeat left center;padding-left:50px; padding-right:50px;}
.contact_box .p01{color:#3D3D3D;font-size:20px}
.lx_div{height:400px;background:#46474e;padding-top:40px}
.lx_div input[type=button]{width:280px;height:56px;line-height:52px;border:2px solid #6D6D6D;background:0 0;color:#fff;font-size:16px;margin:40px auto;display:block}
.lx_div input[type=button]:hover{color:#E8E8E8;background-color:#6D6D6D}
.index_recomment a .index_recomment_right::before{content:"MORE";display:block;width:160px;height:42px;background:url(../images/bg03.jpg) no-repeat;text-align:center;line-height:42px;font-size:14px;color:#333;position:absolute;top:340px;left:80px;border:1px solid #9f9f9f;transition:all .5s ease;z-index:1;font-family:"Arial",Times,serif;background-size:0 100%}
.index_recomment a:hover .index_recomment_right::before{background:url(../images/bg03.jpg) no-repeat;color:#FFF;background-size:100% 100%;transition:all .5s ease}
.a_link li{padding-left:4px;float:left;border-right:1px solid #aaa}
.a_link a{color:#aaa;line-height:28px;display:block;padding:0 30px;font-size:14px;transition:all .5s ease}
.a_link a:hover{background:#3d3d3d;transition:all .5s ease;color:#FFF}
.Jewellery_div{background:#F6F6F6;padding:100px 30px 180px 30px}
.Designer_div{padding:140px 30px 180px 30px;background:#FFF;height:620px}
.article{border:0px solid #e5e5e5;overflow:hidden;transition:all .5s ease}
.pic_owl{width:100%;position:relative}
.pic_owl img{width:100%}
.tex_owl{position:relative;height:80px;background:#FFF url(../images/icon_p02.png) no-repeat 92% center;transition:all .5s ease;padding:18px 20px 0 20px}
.line03{width:100%;position:absolute;left:-100%;top:0;transition:all .5s ease;border-top:1px solid #ccc;height:1px}
.article:hover .line03{left:0;top:0;transition:all .5s ease}
.article:hover .tex_owl{background:#FFF url(../images/icon_p02.png) no-repeat 250px center;transition:all .5s ease;padding:18px 40px 0 40px}
.tex_owl .head_ch{color:#3d3d3d;font-size:14px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.tex_owl .subhead{font-size:12px;line-height:22px;color:#909090;height:24px;overflow:hidden;display:block;transition:all .6s ease 0s;overflow:hidden}
.Designer_in{width:1000px;margin:-20px auto 0 auto;border-top:1px solid #ccc;padding-top:50px}
.Designer_in .picbox{position:relative;width:200px;height:160px;overflow:hidden}
.line05{position:absolute;left:-25px;top:25px;border-bottom:1px solid #ccc;width:0;transition:all .5s ease;height:1px}
.Designer_in .descri_tex02{position:relative;width:800px;padding-left:40px;transition:all .5s ease}
.descri_tex_r{position:absolute;right:70px;top:50px;display:block;width:140px;height:40px;line-height:42px;border-radius:0;text-indent:55px;font-size:13px;color:#000;border:1px solid #DFDFDF;transition:all 1s ease}
.descri_tex_r i{display:block;opacity:0;filter:alpha(opacity=0);width:10px;height:42px;position:absolute;left:90px;top:0;transition:all .5s ease;background:url(../images/icon_next01.png) no-repeat center center}
.descri_tex_l .head_ch{transition:all 1s ease;font-size:20px;font-family:HELVETICANEUELTPRO-THEX,"微软雅黑";color:#474747}
.picbox img{width:100%}
.descri_tex_l .description{margin-top:30px;width:390px}
.descri_tex_l{color:#a5a5a5}
.line04{border-bottom:2px solid #3d3d3d;width:200px}
.Designer_in:hover .descri_tex02{width:800px;padding-left:60px;transition:all .5s ease}
.Designer_in:hover .head_ch{color:#333333;transition:all .5s ease}
.Designer_in:hover .line05{width:50px;transition:all .5s ease}
.Designer_in:hover .descri_tex_r i{left:100px;opacity:1;filter:alpha(opacity=100);background:url(../images/icon_next01.png) no-repeat center center;transition:all .5s ease;text-indent:45px}
.Designer_in:hover .descri_tex_r{text-indent:45px}
.brand_div{height:750px;width:100%;background:url(../images/bg05.jpg) no-repeat;background-size:cover;padding-top:70px}
.left_tex{vertical-align:middle;line-height:40px;color:#8e8e8e;margin-right:50px}
.left_tex1{vertical-align:middle;line-height:40px;color:#8e8e8e;margin-right:20px}
.brand_center{position:relative;width:980px;margin:0 auto;background:#FFF;padding:20px}
.brand_in{width:100%;height:100%;border:1px solid #333333;text-align:center;padding-top:50px}
.head_brand{font-size:26px;color:#9f9f9f}
.head_en{color:#a5a5a5;font-size:16px}
.head{text-align:center}
.line06{height:40px;width:1px;border-left:1px solid #c5c5c5;margin:22px auto}
.brand_in p{display:inline-block;text-align:left;color:#848484;font-size:14px;line-height:30px;padding:0 15%;}
.inp_my{background:0 0;border-bottom:1px solid #6a696f;height:40px;line-height:40px;color:#D6D6D6;font-size:14px;padding-left:20px;width:344px;margin-right:34px}
.mytexa{background:0 0;height:75px;color:#D6D6D6;width:100%;padding:20px;margin-top:25px;border-bottom:1px solid #6a696f}
.brand_in a.more{position:relative;display:block;border:1px solid #c1c1c1;width:180px;height:40px;line-height:40px;font-size:14px;margin:40px auto;background:#FFF;transition:all .5s ease}
.brand_in a.more i{transition:all .5s ease;position:absolute;top:0;left:90px;width:10px;height:40px;background:url(../images/icon_next04.png) no-repeat center center;display:block;opacity:0;filter:alpha(opacity=0)}
.brand_in a.more:hover{border:1px solid #333333;color:#FFF;padding-right:10px;background:#333333;transition:all .5s ease}
.brand_in a.more:hover i{opacity:1;filter:alpha(opacity=100);transition:all .5s ease;background:url(../images/icon_next04.png) no-repeat center center;left:120px}
.ani-up{visibility:hidden;-webkit-opacity:0;opacity:0}
.ani-up-delay{visibility:hidden;-webkit-opacity:0;opacity:0}
.fadeInUp_delay{visibility:visible;animation:fadeInUp_delay ease-out 1.5s forwards;-webkit-animation:fadeInUp_delay ease-out 1.5s forwards;-moz-animation:fadeInUp_delay ease-out 1.5s forwards}
.fadeInUp{visibility:visible;animation:fadeInUp ease-out .8s forwards;-webkit-animation:fadeInUp ease-out .8s forwards;-moz-animation:fadeInUp ease-out .8s forwards}
.ani-rig{visibility:hidden;-webkit-opacity:0;opacity:0}
.ani-left{visibility:hidden;-webkit-opacity:0;opacity:0}
.faderight{visibility:visible;animation:faderight ease-out .8s forwards;-webkit-animation:faderight ease-out .8s forwards;-moz-animation:faderight ease-out .8s forwards}
.faderleft{visibility:visible;animation:faderleft ease-out .8s forwards;-webkit-animation:faderleft ease-out .8s forwards;-moz-animation:faderleft ease-out .8s forwards}
.my_container{padding-top:150px;padding-bottom:40px}
.my_container .head_brand{font-size:24px}
.head_link{margin-top:50px;text-align:center}
.head_link a{font-size:12px;margin:0 2px;display:inline-block;padding:10px 30px;color:#aaa;border-bottom:1px solid #AAA;transition:all .5s ease}
.head_link a.on{background:#333333;border-bottom:1px solid #333333;color:#FFF}
.head_link a:hover{background:#333333;border-bottom:1px solid #333333;color:#FFF;transition:all .5s ease}
.recomment_posi{width:90%;position:absolute;bottom:-100%;left:5%;padding:10px;background:#FFF;transition:all .5s ease}
.recomment_posi_in{padding:30px 0;border:1px solid #333333;transition:all .5s ease;font-family:HELVETICANEUELTPRO-THEX,"微软雅黑"}
.recomment_posi_in .head{color:#565656;font-size:16px;font-family:HELVETICANEUELTPRO-THEX,"微软雅黑"}
.recomment_posi_in .sub_head{color:#929292;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
.recomment_posi_in .description{padding:0 30px;text-align:center;color:#8C8C8C;line-height:20px;height:40px;overflow:hidden}
.recomment_ul{width:100%;padding:0 2%;margin-top:80px}
.recomment_ul li{position:relative;width:23%;margin:0 1% 20px 1%;overflow:hidden;float:left}
.recomment_ul li img{width:100%;transition:all .5s ease;transform:scale(1)}
.recomment_ul li:hover img{transition:all .5s ease;transform:scale(1.2)}
.line07{width:60px;height:1px;border-bottom:1px solid #333333;margin:10px auto;display:block}
.recomment_ul li:hover .recomment_posi{bottom:10px;transition:all .5s ease}
.pageNum{display:inline-block;margin:80px 0 140px 0}
.pageNum li{margin-left:10px;float:left}
.pageNum li a{color:#666;display:block;text-align:center;height:32px;line-height:32px;padding:0 12px}
.align_C{text-align:center}
.pageNum li a.active{background:#5a5a5a;color:#FFF}
.main_pic{height:380px;width:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}
.show_ul{width:100%;padding:0 2%;margin-top:80px}
.show_ul li{width:23%;margin:0 1% 20px 1%;float:left;position:relative;overflow:hidden;transition:all .5s ease}
.show_ul li:hover .line03{left:0;top:0;transition:all .5s ease}
.show_ul li:hover .tex_owl{background:#FFF url(../images/icon_p02.png) no-repeat 250px center;transition:all .5s ease;padding:18px 40px 0 40px}
.show_ul li:hover{box-shadow:0 0 20px #e1e1e1;transition:all .5s ease}
.story_pic{width:40%}
.story_pic img{width:100%}
.story_div{padding:50px 0;border-top:1px dotted #CCC;border-bottom:1px dotted #CCC;margin-top:80px}
.story_tex{width:55%}
.head_b{font-size:16px;color:#595959;font-weight:700;text-align:left;margin-bottom:30px}
.cont{width:100%;color:#838383;line-height:24px;font-size:13px}
.story_div02{width:100%;padding:20px 0 240px 0}
.mar{margin:90px 0 60px 0}
.next_head{text-align:center}
.next_head .p01{font-size:18px;color:#3D3D3D}
.next_head .p02{color:#838383;line-height:24px;font-size:13px}
.contact_ul{border-top:1px dotted #CCC;border-bottom:1px dotted #CCC;padding:40px 0;margin-top:20px;margin-bottom:300px}
.contact_ul li{width:33.3%;float:left;min-height:115px;border-right:1px solid #ccc;text-align:center}
.head_c{font-size:18px;color:#3D3D3D;margin-bottom:8px}
.link_p{margin-top:25px}
.link_p a{display:inline-block;width:30px;height:30px;border-radius:50%;transition:all .5s ease}
.link_p a:hover{border-radius:0;transition:all .5s ease}
.link_p a.t01{background:#FFF url(../images/t01.png) no-repeat center center}
.link_p a.t01 img{position: absolute;width: 120px;height: 120px;margin-top: 30px;margin-left: -45px;visibility: hidden;opacity: 0;transition: all .5s ease;}
.link_p a.t02{background:#FFF url(../images/t02.png) no-repeat center center}
.link_p a.t03{background:#FFF url(../images/t03.png) no-repeat center center}
.link_p a.t03 img{position: absolute;width: 120px;height: 120px;margin-top: 30px;margin-left: -45px;visibility: hidden;opacity: 0;transition: all .5s ease;}

.link_p a.t01:hover{background:#333333 url(../images/tt01.png) no-repeat center center}
.link_p a.t02:hover{background:#333333 url(../images/tt02.png) no-repeat center center}
.link_p a.t03:hover{background:#333333 url(../images/tt03.png) no-repeat center center}
.link_p a.t01:hover img{visibility: visible;opacity: 1;}
.link_p a.t03:hover img{visibility: visible;opacity: 1;}
.espmake_ul{margin-top:80px;padding-bottom:260px}
.espmake_ul li{position:relative;width:100%;background:#F0F0F0;padding:20px;height:385px;padding-left:340px;margin-bottom:20px}
.espmake_ul .picbox{width:280px;height:345px;overflow:hidden;position:absolute;left:20px;top:20px}
.espmake_ul .picbox img{width:100%;transition:all .5s ease;transform:scale(1)}
.espmake_ul li:hover .picbox img{transition:all .5s ease;transform:scale(1.2)}
.espmake_ul li:hover .head01{top:25px;transition:all .5s ease}
.espmake_ul li:hover .sub_head{top:20px;transition:all .5s ease}
.espmake_ul li:hover .more{color:#fff;background:#9f9f9f;border:1px solid #9f9f9f;transition:all .5s ease; line-height:35px;}
.espmake_ul li .more i{transition:all .5s ease;position:absolute;top:0;left:80px;width:10px;height:40px;background:url(../images/icon_next04.png) no-repeat center center;display:block;opacity:0;filter:alpha(opacity=0); line-height:35px;}
.espmake_ul li .more:hover{border:1px solid #333333;color:#FFF;padding-right:10px;background:#9f9f9f;transition:all .5s ease}
.espmake_ul li .more:hover i{opacity:1;filter:alpha(opacity=100);transition:all .5s ease;background:url(../images/icon_next04.png) no-repeat center center;left:100px}
.espmake_tex{position:relative;padding-top:50px;width:100%;padding-top:30px;transition:all .5s ease;text-align:left;padding-right:100px}
.espmake_tex .head01{position:relative;top:0;color:#333;font-size:18px;transition:all .5s ease}
.espmake_tex .sub_head{position:relative;top:0;color:#848484;font-size:13px;line-height:24px;margin-top:16px;transition:all .5s ease}
.espmake_tex .more{position:relative;height:40px;line-height:40px;text-align:center;width:140px;border:1px solid #CCC;color:#444;transition:all .5s ease;margin:39px 0; line-height:35px;}
.pad-top85{padding-top:85px}
.Designer_div{display:none}
.ph_contact{display:none;width:100%;padding:10px 0;color:#999;line-height:24px;margin-top:20px}
.ph_contact a{color:#999}
.ph_contact .head{text-align:left;font-size:16px;color:#333;margin-bottom:10px}
.hide_tex{display:none;padding:0 3%;height:35px;line-height:35px;width:100%;background:#333333 url(../images/icon_down.png) 97% center no-repeat;color:#FFF}
.hide_tex.on{background:#333333 url(../images/icon_down04.png) 97% center no-repeat}
.head_link_div{position:relative}
.je_more a{text-align:center;display:block;height:40px;width:100%;background:#F7F7F7;line-height:40px;font-size:14px}
.je_more{display:none}
.cp_left{float:left;width:70%;padding-right:105px;border-right:1px solid #ececec;padding-bottom:80px;margin-bottom:200px}
.cp_left img{width:100%;margin-bottom:10px}
.cp_left p{width:84%;margin:0 auto;font-size:13px;color:#838383;line-height:24px;margin-top:30px}
.cp_left .hr{width:84%;margin:0 auto;height:1px;border-top:1px dotted #CCC;margin-top:40px}
.cp_right{position:relative;float:right;width:30%;padding-left:20px}
.cp_right>i{display:block;width:4px;height:55px;background:#333333;position:absolute;left:0;top:0}
.cp_right .head_x{font-size:24px;color:#3D3D3D;}
.cp_right .sub_head{color:#a5a5a5;font-size:16px}
.cp_right .cont_x{color:#939393;font-size:13px;line-height:24px;margin:30px 20px 50px 0;}
.top_box{border-bottom:1px dotted #CCC}
.a_link_xxy{padding-top:42px}
.a_link_xxy a{display:inline-block;padding:5px 10px;background:#f3f3f3;color:#999;margin-right:5px;font-size:13px}
.a_link_xxy a:hover{background:#333333;color:#FFF}
.pic_xxy_ul{width:100%}
.pic_xxy_ul li{width:46%;margin:20px 4% 0 0;float:left}
.pic_xxy_ul li img{width:100%}
.head_xxy{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px;color:#333}
.pic_xxy_ul li .description{color:#8a8a8a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sli_box{text-align:left;width:195px;height:auto;position:absolute;bottom:62px;right:-210px;background:#FFF;transition:all .5s ease}
.sli_box.ani{right:-15px;transition:all .3s ease}
.sli_box img{vertical-align:middle}
.share_box>a.wechat_btn{position:relative;left:0;transition:all .3s ease}
.share_box>a.wechat_btn.ani{left:55px;transition:all .3s ease}
.lx_head{padding:20px;line-height:16px;background:#3d3d3d;color:#fff;font-size:14px}
.float_item01_ul li a{display:block;transition:all .5s ease;padding:5px 20px}
.float_item01_ul li a.qqbox{background:#f5f5f5 url(../images/ttt02.png) no-repeat 20px center;transition:all .5s ease;padding-left:50px}
.qqbox:hover{padding:15px 20px 15px 50px;background:#333333 url(../images/tt02.png) no-repeat 20px center;transition:all .5s ease}
.lx_head{position:relative}
.lx_head span{display:block;position:absolute;top:15px;right:15px;width:14px;height:14px;background:url(../images/close.png) no-repeat center center;transition:all 1s ease;transform:rotate(0);cursor:pointer}
.lx_head span:hover{transition:all 1s ease;transform:rotate(180deg)}
.news_div{padding:0 4%}
.news_tit{text-align:center;color:#444;font-size:24px;margin: 10px 0;}
.news_src{text-align:center;color:#999;font-size:14px;line-height:24px}
.news_xxy{color:#838383;font-size:13px;line-height:24px;margin-top:60px;padding-bottom:240px}
.news_xxy .hr{width:100%;margin:0 auto;height:1px;border-top:1px dotted #CCC;margin-top:40px}
.news_xxy img{max-width:100%}
.news_xxy p{margin-top:30px}
.bg_div{display:none;width:100%;position:fixed;top:0;left:0;background:url(../images/tm75.png);z-index:100}
.ewm_div{display:none;width:260px;height:280px;text-align:center;position:fixed;top:50%;margin-top:-140px;left:50%;margin-left:-120px;background:#FFF;z-index:101;padding:20px;line-height:30px;font-size:13px}
@keyframes fadeInUp{0%{opacity:0;-webkit-opacity:0;transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-opacity:1;transform:none;-webkit-transform:none;-moz-transform:none}
}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-opacity:0;transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-opacity:1;transform:none;-webkit-transform:none;-moz-transform:none}
}
@-moz-keyframes fadeInUp{0%{opacity:0;-webkit-opacity:0;transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-opacity:1;transform:none;-webkit-transform:none;-moz-transform:none}
}
@keyframes fadeInUp_delay{0%{opacity:0;-webkit-opacity:0;transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-opacity:1;transform:none;-webkit-transform:none;-moz-transform:none}
}
@-webkit-keyframes fadeInUp_delay{0%{opacity:0;-webkit-opacity:0;transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-opacity:1;transform:none;-webkit-transform:none;-moz-transform:none}
}
@-moz-keyframes fadeInUp_delay{0%{opacity:0;-webkit-opacity:0;transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-opacity:1;transform:none;-webkit-transform:none;-moz-transform:none}
}
@keyframes faderight{0%{opacity:0;-webkit-opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-opacity:1;-webkit-transform:none;transform:none;-moz-transform:none}
}
@-webkit-keyframes faderight{0%{opacity:0;-webkit-opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-opacity:1;-webkit-transform:none;transform:none;-moz-transform:none}
}
@-moz-keyframes faderight{0%{opacity:0;-webkit-opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-opacity:1;-webkit-transform:none;transform:none;-moz-transform:none}
}
@keyframes faderleft{0%{opacity:0;-webkit-opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-opacity:1;-webkit-transform:none;transform:none;-moz-transform:none}
}
@-webkit-keyframes faderleft{0%{opacity:0;-webkit-opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-opacity:1;-webkit-transform:none;transform:none;-moz-transform:none}
}
@-moz-keyframes faderleft{0%{opacity:0;-webkit-opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-opacity:1;-webkit-transform:none;transform:none;-moz-transform:none}
}

/*hj xg*/
.prevNext{position: relative;text-align: center;line-height: 50px;color: #666;}
.prevNext a{margin: 0px 10px;color: #666;font-size: 14px;}
.prevNext a:hover{color: #000;}


@media (max-width:1024px){.main_b{width:100%}
.main_c{width:100%}
.main_d{width:100%}
.flexslider .slides>li{height:auto}
.main_box{position:relative}
.main_box h1 {display:block;}
.main_box img{width:100%;max-width:100%;height:auto;}

.my_mask01{display:none}
.my_mask02{display:none}
.index_recomment{height:auto}
.main_container_in{padding:30px 10px;height:auto}
.index_recomment_left{width:40%;height:auto;border:none}
.index_recomment_right{width:54%}
.index_recomment_left .posi{display:none}
.index_recomment_left .picbox{position:relative;top:0;left:0;width:100%;height:auto}
.index_recomment_left .picbox img{width:100%}
.brand_center{width:100%}
.brand_div{background:0 0;height:auto;padding:30px 2% 0 2%}
.c_head .head_ch{font-size:18px}
.head_brand{font-size:18px}
.c_head .head_en,.head_en{font-size:12px}
.index_recomment a:hover .ind_rec_info{top:20px}
.line01{display:none}
.brand_in{border:none;padding-top:0}
.brand_in p {padding:0;font-size:14px;}
.yqlink_div{padding:0 0 30px 0;height:auto}
.cont{padding:0 2%;margin:30px 0 50px 0}
.story_div{margin-top:0;padding:20px 0;border:none;width:96%;margin-left:2%}
.story_pic{width:100%;margin-bottom:10px}
.story_tex{width:100%}
.story_tex .cont{padding:0}
.main_container{min-height:auto}
.head_b{padding:0 2%}
.story_div02{padding:30px 0 50px 0}
.main_e{width:100%;padding:0 2%}
.cp_left{padding-right:30px;width:60%}
.cp_right{padding-left:20px;width:40%}
.news_xxy{padding-bottom:60px}
}
@media (max-width:768px){.main_container{padding-bottom:0}
.je_more{display:block}
.left_tex1{vertical-align:middle;line-height:20px;color:#8e8e8e; display:block; width:100%; font-size:14px;}
.a_link{display:none}
.c_head{text-align:center;width:100%;margin-bottom:10px}
.c_head .fl{float:none}
.c_head .head_ch,.c_head .head_en{text-align:center;width:100%;margin:0 auto;display:block}
.index_recomment_left .posi{display:none}
.index_recomment{width:48%;float:left;margin:10px 1%}
.index_recomment_left{width:100%;height:auto;border:none}
.index_recomment_right{width:100%;background:0 0}
.index_recomment_right.bg02{background:0 0}
.index_recomment_left .picbox{position:static}
.ind_rec_info{padding-left:0;padding-top:10px;top:0;}
.ind_rec_info .head{padding:0;font-size:14px;}
.ind_rec_info .descri_tex{display:none}
.more{margin:40px 0;background:#f7f7f7}
.more a span{color:#666}
.index_recomment a .index_recomment_right::before{display:none}
.Jewellery_div{padding:40px 2%;background:#faf9f7}
.Jewellery_div .article{margin:10px 0;border:none;background:0 0}
/*.Jewellery_div .article{margin: 10px 1%;border: none;background: 0 0;width: 48%;float: left;}*/
.tex_owl{background:#faf9f7;padding:15px 2%}
.article:hover .tex_owl,.show_ul li:hover .tex_owl{background:#faf9f7;padding:15px 2%}
.tex_owl .subhead{max-height:44px;overflow:hidden}
.line06{height:1px;width:60px;border-bottom:1px solid #c5c5c5}
.line03{display:none}
.brand_in a.more{margin:20px 0 0 0;width:100%;background:#F7F7F7;border:none}
.brand_in a.more:hover{background:#f7f7f7}
/*.lx_div{display:none}*/
.contact_boxall{display:none}
.ph_contact{display:block}
footer{text-align:center;padding:0;position:relative;overflow: hidden;height:auto;}
/*.share_box{display:none}*/
.left_tex{margin-right:0;text-align: center;font-size: 14px;}
.contact_div{padding:40px 4%;background:#F7F7F7}
.nav{top:20px;right:20px;}
/*.top_nav{position:relative;height:50px}*/
/*.nav,.nav_t{background:#FFF}*/
/*.nav{top:0;right:0}
.nav span {background:#000}*/
.logo{left: 10px;top:6px}
.logo img{width:80px;}

.my_menu{padding:60px 0 0 0}
.my_menu li{text-align:left}
.my_menu li>a{height:52px;line-height:52px;padding:0}
.zi_menu{position:relative;top:0;left:0;margin-left:0;width:100%;padding:0 3%}
.zi_menu a{line-height:35px;font-size:14px;color:#666;display:block}
.my_menu li:hover .zi_menu{display:none}
.my_menu li>a{border-bottom:none;display:block;width:100%;height:100%;padding:0 3%;font-size:14px}
.my_menu li:hover>a{border-bottom:none;color:#333333}
.my_menu li>a i{width:20px;height:35px;display:inline-block;vertical-align:middle;background:url(../images/line00.png) no-repeat center center;position:absolute;right:10px;top:0}
.my_menu li:hover>a i{width:20px;height:35px;display:inline-block;vertical-align:middle;background:url(../images/line00.png) no-repeat center center}
.my_menu li.active{background:#333333;color:#FFF}
.my_menu li.active>a{color:#FFF}
.my_menu li>ul>li>a{font-size:12px;display:inline-block;line-height:32px;text-align: center;}

.nav_t{top:10px;right:10px;width: 40px;height: 40px;padding-left: 9px;padding-top: 5px;}
.hide_tex{display:block}
.head_link{display:none;width:100%;margin-top:0;position:absolute;top:35px;left:0;z-index:10;background:#FFF}
.head_link a{display:block;height:35px;line-height:35px;width:100%;padding:0;margin:0}
.head_link a.on{color:#333333;background:#FFF}
.recomment_ul li{width:48%}
.recomment_ul li:hover img{transition:all .5s ease;transform:scale(1)}
.recomment_ul li:hover .recomment_posi{bottom:0;transition:all .5s ease}
.recomment_posi{width:100%;position:relative;bottom:0;left:0;padding:10px;background:#FFF;padding:10px 2%}
.recomment_posi_in{padding:0;border:none;text-align:left}
.recomment_ul{margin-top:20px}
.my_container{padding-top:0}
.my_container .head{display:none}
.my_container .head.show{display:block}
.my_container .head_brand{font-size:18px}
.hide_tex{margin-top:0}
.pageNum{margin:40px 0}
.show_ul li{width:48%}
.main_pic{display:none}
.show_ul{margin-top:20px}
.espmake_ul{margin-top:20px;padding-bottom:50px;padding:0 3%}
.espmake_ul li:hover .picbox img{transition:all .5s ease;transform:scale(1)}
.espmake_ul li:hover .head01{top:0}
.espmake_ul li:hover .sub_head{top:0}
.contact_ul li{width:100%;padding:0}
.contact_ul li .cont{margin-top:10px}
.contact_ul{width:96%;margin-left:2%;padding:20px 0;margin-bottom:60px}
.brand_center{height:auto}
.cp_right{display:none}
.cp_left{width:100%;margin-top:20px;padding:0;border-right:none}
}
@media (max-width:600px){.espmake_ul li .more{display:none}
.espmake_ul .picbox{position:relative;width:100%;height:auto;left:auto;top:auto}
.espmake_ul li{padding:10px 2%;background:0 0;height:auto}
.espmake_tex {padding-right: 0;}
.espmake_tex .head01{padding-left:0}
}
@media (max-width:468px){.show_ul li{width:98%}
}

.order{}
.order-top{padding:0 0 5px 0;}
.order-sec{float: left;width: 50%;}
.order-dl{overflow: hidden;margin:20px 0;font-size: 12px;clear:both;}
.order-dt{float: left;width: 98px;min-height: 1px;color: #333;text-align: left;padding-left: 10px;line-height: 42px; white-space:nowrap;}
.order-dt span{color: #fc0505;}
.order-dd{width:50%;padding-left:10px;float: left;box-sizing: border-box;}
.order-dd-inp{float: left;width: 100%;height: 42px;line-height: 42px;text-indent:10px;background-color: #fff;border: 1px solid #dfdfdf !important;}
.order-dd-text{padding: 10px;width: 100%;background-color: #fff;border: 1px solid #DBDBDB;resize: none;}
.order-dd-inp.wid-120{width: 120px;}
.order-dd-img{margin-left: 10px;float: left;width: 88px;height: 36px;border: 0px solid #EBEBEB;}
.order-dd-img img{display: block;max-width: 100%;max-height: 100%;}
.order-dd-btn{height:50px;width: 280px;background-color: #9f9f9f;color: #fff;font-weight: bold;font-size:14px;}

.order-table{width:100%;margin:0 auto;text-align: center;color: #666;line-height: 35px;}
.order-table tr th{border: 1px solid #dfdfdf;background-color: #ededed;}
.order-table tr td{border: 1px solid #dfdfdf;background-color: #FFF;}

@media screen and (max-width: 1200px) {
    .order-dl{margin-bottom:10px}
    .order-dt{width:auto;padding-left:0;font-size:14px}
    .order-dd{width:100%;padding-left:0;margin-bottom:10px;}
    .order-dd-inp{width:100%}
    .order-dd-text{width:100%;box-sizing:border-box}
    .order-dd-btn{margin-top:20px;margin-left:0;width:100%;font-size:14px}

    .order-sec{width: 100%;}
    /*.order-dd-text{width: 460px;}*/
}



.contact{font-size:14px;color:#666;padding-top:45px;}
.contact-lf{float:left;background-color: #eee;}
.contact-tit{font-size:18px;font-weight:bold;}
.contact-desc{padding:45px;float: left;width: 304px;box-sizing:border-box;font-size: 16px;line-height: 36px;color: #333;}
.contact-desc i{margin-bottom:10px;display: block;width: 76px;height: 81px;background: url("../images/icon57.png") no-repeat center;background-size: contain;}
.contact-img{float: left;width: 600px;}
.contact-img img{display: block;width: 100%;}
.contact-cont{overflow:hidden;background: #FFF;padding:20px;float: left;width:32%;height:420px;box-sizing: border-box;line-height: 28px;color: #333;}
.contact-map{overflow:hidden;background: #FFF;padding:20px;float: right;width:67%;height:420px;box-sizing:border-box;color: #333;}
.contact-rg{padding-top:73px;float: right;width: 278px;height:290px;background-color: #ef6910;box-sizing: border-box;}
.contact-rg i{margin:0 auto 20px auto;display: block;width: 86px;height: 77px;background: url("../images/icon58.png") no-repeat center center;}
.contact-btn{margin: 0 auto;display:block;width: 110px;height: 32px;line-height: 32px;text-align:center;color: #fff;border: 1px solid #fff;}
@media screen and (max-width: 1200px) {
    .contact-desc{width: 100%;}
	.contact-img{width: 100%;}
	.contact-rg{width: 100%;}
    .contact-cont,.contact-map,.order{float: inherit;width:100%;height: inherit;padding: 10px;}
	
}

@media screen and (max-width: 767px) {
.hide_tex{margin-top:85px;}
.logo img{margin-top: 8px;}
}