/* CSS Document */

@import url(global.css);


/*-----form--------------- */
.form ul{ height:100%; overflow:hidden; background:#fff; margin:3%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.form li{ width:100%; display:block;float:left; border-bottom:1px solid #eee; color:#666;font-size:12px;background: url(../images/icon_1.png) no-repeat right 16px;}
.form .not{ background:none;}
.form li b,.form li h6{ width:22%; line-height:50px;  display:block; font-size:14px; float:left; text-align: center; font-weight:lighter;}
.form li span{display:block; float:right; width:72%; padding-right:3%;line-height:50px; }
.form li span input{height: 50px;display: block;width: 90%;border: none;font-size: 14px;text-indent: 3px; color:#666;}
.form li span select{height: 50px;display: block;width:90%;font-size: 14px;-webkit-appearance: listbox;color:#666; background:fff;background:#fff;}
.form li span textarea{width: 90%; height: 68px; border: none; line-height: 20px; font-size: 14px; display: block; float: left; margin: 10px 0 10px 0;}
.form li span .time{ background:none; position:absolute; top:0; left:0;color:#666;}
.form li span .file{ background:none; position:absolute; top:0; left:0;color:#666; padding-left:10000px;}
.form .submit{ width:94%; height:42px; line-height:42px; text-align:center; background:#21d9d9; color:#fff; font-size:16px;margin:0 auto; display:block; border:1px solid #12cfcf; margin:3%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} 
.form .login{ width:94%; height:42px; line-height:42px; text-align:center; background:#21d9d9; color:#fff; font-size:16px;margin:0 auto; display:block; border:1px solid #12cfcf; margin:3%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} 

/*------------explain---------------*/
.explain{ margin:3%; padding:36% 5%; text-align:center; font-size:1em; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.explain p{ font-size:1em; }
.explain a{ width:60px; height:60px; line-height:66px; text-align:center; display:block; background:#21d9d9; color:#fff; font-size:14px;margin:0 auto; display:block; border:1px solid #12cfcf; margin-top:20px;border-radius: 50%;} 
/*------------list_news----------- */
.list_news{width:100%;height:auto;}

.list_news .news_title{width:100%; height:100%;}
.list_news .news_title ul li{width:29.3%; text-align:center; float:left; margin:3% 0 0 3%;}
.list_news .news_title ul li a{ display:block;font-size:0.8em;width:100%;text-align: center;padding:6% 0;color: #666;font-size: 1em; background:#fff;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.list_news .news_title ul .hover a{color:#fff;background:#21d9d9;}

.list_news .news_box{ height:100%; overflow:hidden; padding:3% 3% 0 3%;}
.list_news .news_box ul li{padding:4%;border:1px solid #eee; overflow:hidden; background:#fff; margin-bottom:3%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.list_news .news_box ul li .news_img{width:100%;}
.list_news .news_box ul li .news_img img{width:100%;height:auto; display:block;}
.list_news .news_box ul li .news_text{width:100%;}
.list_news .news_box ul li h3{color:#333; font-size:14px; margin:12px 0 6px 0;}
.list_news .news_box ul li p{ line-height:20px; color:#999; font-size:12px; }
.list_news .news_box ul li span{color:#999; font-size:12px; display:block;margin-top:3%;}

/*----------------customize-----------------*/
.customize{ width:100%; height:100%; overflow:hidden;}
.customize .title{ width:100%; height:100%; overflow:hidden;}
.customize .title a{ width:29.3%;height:50px; line-height:50px; margin-left:3%; text-align:center; font-size:1em; display:block; float:left; background:#fff;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.customize .title a:hover{ background:#21d9d9; color:#fff;}

.theme-popover6,.theme-popover7,.theme-popover8{z-index:9999;position:fixed;top:12%;left:39%;width:94%;margin:0 0 0 -36%;border-radius:2px;background:#fff;display:none;box-shadow: 0 0 2px #999;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.theme-poptit6,.theme-poptit7,.theme-poptit8{padding:10px;position: relative;}
.theme-poptit6 .close,.theme-poptit7 .close,.theme-poptit8 .close{float:right;color:#999;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;text-shadow:0 1px 0 #ddd;}	 
.theme-poptit6 .close:hover,.theme-poptit7 .close:hover,.theme-poptit8 .close:hover{color:#bd9267;}
.theme-popover-mask{background: #000 none repeat scroll 0 0;display: none;height: 100%;left: 0;opacity: 0.8;position: fixed;top: 0;width: 100%; z-index: 9998;}

.theme_con{padding:0 10px 10px 10px;}
.theme_con h3{ width:100%; display:block;text-align:center; margin-bottom:15px; font-family:"微软雅黑"; font-size:16px; color:#666; }
.theme_con li{ width:50%; height:26px;line-height:26px; margin-bottom:10px;color:#333; float:left; font-size:14px;}
.theme_con li b{width:30%; text-align:right;display:block; float:left; font-weight:lighter; font-size:11px;}
.theme_con li span{ width:68%;display:block; float:right; overflow:hidden;}
.theme_con li input{ width:98%; height:24px; display:block; border:1px solid #ccc;color:#666; text-indent:3px; float:left; font-size:12px;}
.theme_con li select{ width:99%; height:24px; display:block; border:1px solid #ccc;color:#666; font-size:12px;}
.theme_con li textarea{ width:99%; height:42px; line-height:20px;border:1px solid #ccc; font-size:12px;}
.theme_con li .imgbg{ width:38px; height:28px;border:1px solid #dedede; display:block; float:left;color:#666;}
.theme_con li .file{ position: absolute; top:0;left:0; padding-left:3000px; border:none;background: url(../images/imgadd.jpg) no-repeat 200px 2px;}
.theme_con li .file2{ position: absolute; top:0;left:0; padding-left:3000px; border:none;background: url(../images/voadd.jpg) no-repeat 200px 2px;}
.theme_con .submit{ width:100%; height:50px;float:left;}
.theme_con .submit a{ width:100%; height:36px; line-height:36px; font-size:14px;  text-align:center; display:block; background:#21d9d6; color:#fff; border:1px solid #21d6d6}
.theme_con .submit input{ width:100%; height:36px; line-height:36px; font-size:14px; display:block; background:#21d9d6; color:#fff;border:1px solid #21d6d6; margin:0 auto;}

.customize .diamond{ width:100%; height:100%; overflow:hidden;}
.customize .diamond .box{ width:100%; height:100%; overflow:hidden;padding-bottom:5px; }
.customize .diamond .box .tit{ width:94%; height:42px; font-size:18px; line-height:42px; background:#21d9d6;text-indent:20px; margin:3%; color:#fff;text-align:center;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.customize .diamond .box ul li{ width:93.6%; display:block; height: auto; line-height:20px; float:left; margin:3% 3% 0 3%; position:relative;}
.customize .diamond .box ul li dd{ width:30%; display:block; height:20px; float:left; overflow:hidden; color:#666; font-size:12px;}
.customize .diamond .box ul li .dd1{ width:110px;}
.customize .diamond .box ul li  dd font{margin-right:3px;}
.customize .diamond .box ul li  dd b{ color:#f80; margin:0 3px;}
.customize .diamond .box ul li .img{ width:10%; float:left; height:80px; overflow:hidden;}
.customize .diamond .box ul li .img img{width:86%; height: auto; padding:2%; margin-right:10%;}
.customize .diamond .box ul li .lb{ width:38px; height:38px; line-height:24px; text-indent:5px; position:absolute; left:10px;top:10px; color:#fff;background:url(../images/pi.png) no-repeat top left;}
.customize .diamond .box ul li .del{text-align:right; position:absolute; right:5px;top:0px;}
.customize .diamond .box ul li .del img{ width:20px;}

.customize .diamond .box .left{ width:100%; height:100%;}
.customize .diamond .box .left .diam{}

.customize .diamond .box .right{ width:100%; height:100%; float:right; }
.customize .diamond .box .right .sty{}
.customize .diamond .box .bot{ padding:30px;}
.customize .diamond .box .submit{ width:120px; height:38px; margin:0 auto; line-height:38px; background:#f80; color:#fff; text-align:center; border:1px solid #f70; display:block;}
.customize .diamond .box .chec { width:96%; overflow:hidden; float:left;border: 1px solid #fff; background:#fff;display: block; padding:2%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.customize .diamond .box .chec2 {width:96%;border: 1px solid #21d9d6;padding:2%;background:#fff url(../images/selected-icon.png) no-repeat right bottom;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.customize .diamond .box .chec2 dd{ color:#21d9d9;}
.customize .diamond .box input{ display:none;}
/*-------*/
.customize .diamond .address{ height:100%; overflow:hidden;}
.customize .diamond .address .left{width:100%; height:100%; overflow:hidden;}
.customize .diamond .address .left .add_tit { width:94%; overflow:hidden;height: 42px;margin:3%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.customize .diamond .address .left .add_tit input {display: none;}
.customize .diamond .address .left .add_tit label {width: 50%;height: 42px;text-align: center;line-height: 42px;float: left;background: #f7f7f7;color: #666;}
.customize .diamond .address .left .add_tit .hover {background: #21d9d9;color: #fff;}
.customize .diamond .address .left .addcon{ width:94%; margin:0 3%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; padding:10px 0;}
.customize .diamond .address .left p{height: 100%;overflow: hidden;padding: 0 10px;line-height: 20px;font-size: 12px;margin-bottom: 10px;}
.customize .diamond .address .left .chec{border: 1px solid #dedede;float: left;display: block;width: 95%;position: relative;overflow: hidden;font-size: 12px;color: #666;padding: 2%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.customize .diamond .address .left .chec2{border: 1px solid #21d9d9;float: left;display: block;width: 95%;overflow: hidden;background: url(../images/selected-icon.png) no-repeat right bottom;font-size: 12px;color: #21d9d9;padding: 2%;}
.customize .diamond .address .left .chec input,.customize .diamond .address .left .chec2 input{ position:absolute; left:-300px;}
/*-------*/
.customize .diamond .address .right { width:100%;}
.customize .diamond .address .right .nimg{float:left;width:29.2%; margin:0 0 3% 3%;}
.customize .diamond .address .right img{ width:88%; display:block; float:left;}
.customize .diamond .address .right .chec{ border:1px solid #dedede; float:left; display:block; width:100%; position:relative; overflow:hidden;padding:0;}
.customize .diamond .address .right .chec2{ border:1px solid #21d9d6; float:left; display:block; width:100%; overflow:hidden; background:url(../images/selected-icon.png) no-repeat right bottom; padding:0;}
.customize .diamond .address .right .chec input,.customize .diamond .address .right .chec2 input{ display:none;}



/*------------edition----------- */
#edition .edition_title{width:100%;overflow:hidden;}
#edition .edition_title ul{ width:100%; display:block; height:100%; padding:3% 0; overflow:hidden;}
#edition .edition_title ul li a{ display:block; width:21.3%; height:36px; line-height:36px; text-align:center; margin-left:3%; overflow:hidden; float:left; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#edition .edition_title ul li a:hover{background-color:#21d9d9;color:#fff;}
#edition .edition_title ul li .hover{background-color:#21d9d9;color:#fff;}

#edition .edition_search{width:100%; height:100%; overflow:hidden; padding-bottom:15px;}
#edition .edition_search ul { display:block; width:100%; height:100%; overflow:hidden; border-top:1px solid #333;margin-bottom:15px;}
#edition .edition_search ul li a{ display:block; width:21.3%; height:30px; line-height:30px; text-align:center; margin-top:10px; margin-left:3%; overflow:hidden; float:left; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#edition .edition_search ul .in a{background-color:#21d9d9;color:#fff;}
#edition .edition_search .search input{ width:68%; height:30px ; float:left; line-height:30px; border:1px solid #dedede; margin-left:3%;}
#edition .edition_search .search a{ display:block; float:left; width:26%; height:32px; line-height:32px; text-align:center; background:#21d9d9; color:#fff;}

#edition .list{ height:100%; overflow:hidden;}
#edition .list li{ width:45.5%; float:left; border-bottom:1px solid #eee; padding-bottom:15px; margin:0 0 3% 3%; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#edition .list li img{ width:90%; display:block; padding:5%;}
#edition .list li h6{ width:100%; color:#333; text-align:center; height:30px; line-height:30px; font-size:14px;display:block;}


/*------*/
#edition .look{ width:100%; height:100%; overflow:hidden;}

#edition .look_bn { width:100%;}
#edition .look_bn .etit{ width:100%; height:38px; margin:3% 0;}
#edition .look_bn .etit a{ height:38px; line-height:38px; text-decoration:none; color:#333;background:#eeffff; width:45.5%; margin-left:3%; float:left; display:block; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#edition .look_bn .etit .hover{ background:#21d9d9  url(../images/bg2.jpg) repeat-x bottom; color:#fff;}

#edition .look_bn .video{ width:82%; margin:3%; overflow:hidden;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; padding:6%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#edition .look_bn .video video{width:99.9%; height:100%; background: url(../images/video_bg.jpg) center center;}


#edition .look_bn .banner-img{width:100%;overflow:hidden;border:1px solid #eee;}
#edition .look_bn .banner-img li{display:block;}
#edition .look_bn .banner-img img{width:100%; padding:18px; background:#fff;}
#edition .look_bn .banner-nav{height:62px;left:96px;bottom:10px;position:absolute;}
#edition .look_bn .banner-nav li{float:left;overflow:hidden;width:62px;height:62px;padding-left:6px;cursor:pointer;}
#edition .look_bn .banner-nav span{float:left;width:60px;height:60px; border:1px solid #eee;}
#edition .look_bn .banner-nav .this span{display:block;border:1px solid #21d9d9;}
#edition .look_bn .banner-nav span img{ width:46px; height:46px; padding:7px;}

#edition .look_bn .banner-img2 {width:536px;height:536px; overflow:hidden;border:1px solid #eee;}
#edition .look_bn .banner-img2 li{display:block;}
#edition .look_bn .banner-img2 img {width:536px;height:536px; background:#fff;}
#edition .look_bn .banner-nav2{ width:560px;height:62px;left:0px;bottom:10px;position:absolute;}
#edition .look_bn .banner-nav2 li{float:left;overflow:hidden;width:62px;height:62px;padding-right:6px;cursor:pointer;}
#edition .look_bn .banner-nav2 span{float:left;width:60px;height:60px; border:1px solid #eee;}
#edition .look_bn .banner-nav2 .this span{display:block;border:1px solid #21d9d9;}
#edition .look_bn .banner-nav2 span img{ width:60px; height:60px;}

/*------*/
#edition .swiper-container {width:94%; height:auto; overflow: hidden; margin:3% 3% 0 3%; background:#fff;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#edition .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}
#edition .swiper-slide a{display:block;width:100%;}
#edition .swiper-slide img{ display:block;width:90%;height:auto; float:left; padding:5%;}
/*------*/
#edition .look_con{}
#edition .look_con li p { width:70%; float:right; padding-top:10px; line-height:26px; margin-right:5%;}
#edition .look_con li p a{ display:block; width:21%; height:26px; line-height:26px; background:#f7f7f7; border:1px solid #dedede; float:left; margin-right:2%; margin-bottom:10px; text-align:center;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#edition .look_con li p .hover{ background:#21d9d9; color:#fff; border:1px solid #12cfcf;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#edition .look_con li .inp{ width:21%; height:26px; line-height:26px; border:1px solid #dedede; text-align:center;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

#edition .look_con .material{ padding-top:10px; background:none;}     
#edition .look_con .material font input{ display:none;}
#edition .look_con .material label{ width:30%; height:26px; line-height:26px; border:1px solid #dedede; display:block; float:left; text-align:center; margin-right:2%; background: url(../images/ebg.jpg) no-repeat;-webkit-background-size: cover; margin-bottom:10px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#edition .look_con .material .h{ background: url(../images/ebg2.jpg) no-repeat; border:1px solid #e4d485;-webkit-background-size: cover;}
#edition .look_con .material .m{ background: url(../images/ebg3.jpg) no-repeat; border:1px solid #e4bd96;-webkit-background-size: cover;}
#edition .look_con .material .chec2{border: 1px solid #12cfcf; background:#12cfcf; color:#fff;}

#edition .look_con .material #testInput{ width:30%; height:26px; line-height:26px; border:1px solid #dedede; text-align:center;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

/*------联系我们start------------------- */

/*------contact------------------- */
.contact{width:100%;height:auto; overflow:hidden}
.contact .contact_box{width:100%;height:auto;}
.contact .contact_box img{width:94%;height:auto;  margin:3% 3% 0 3%; display:block;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.contact .contact_box p{ padding-left:4%; color:#3ccbc9;margin-top:2%; font-weight:bold;}
.contact .contact_box h3{width:96%;margin:2% auto; text-align:center;padding:2% 0; background:#21d9d9; color:#ffffff;}
.contact .contact_box ul{ margin:3%;padding:3%;background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.contact .contact_box ul h4{margin-bottom:20px;}
.contact .contact_box ul li{ line-height:32px; font-size:1em;color:#000000;}
.contact .contact_box ul li span{color:#000000; margin-right:20px;}

/*------pic-img------------------- */
.pic-img{width:100%;height:auto;}
.pic-img img{width:100%;vertical-align:bottom;display:block;}

/*--------------------------联系我们end------------------- */



/*--------------------------diamon 开始------------------- */

/*------------diamon_seach------------ */
.diamon_seach{width:100%;height:auto; overflow:hidden; }

.diamon_seach .title{width:100%; height:100%; overflow:hidden;padding:15px 0%;}
.diamon_seach .title a{ display:block; width:29.26%; padding:3% 0px; text-align:center; margin-left:3%; overflow:hidden; float:left; background:#c8ffff;border:1px solid #bdfafa;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#03caca;}
.diamon_seach .title .hov{background-color:#21d9d9;color:#fff;border:1px solid #15d0d0;}

.diamon_seach .con{width:94%; height:100%; overflow:hidden;padding:2% 0;background:#eeffff;  margin:0 3% 15px 3%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.diamon_seach .con h3{ display:inline-block; vertical-align:middle; float:left;width:100%;font-size:1.2em;font-weight:normal;color:#21d9d9; text-align:center;margin-bottom:2%;}
.diamon_seach .con ul{ float:left;width:100%; overflow:hidden;}
.diamon_seach .con ul li{width:17%; float:left; padding:2% 0px; display:block;border:1px solid #bdfafa; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center;margin:0 0 2% 2%; background:#c8ffff; color:#03caca;}

.diamon_seach .con .shape li{ text-align:center; line-height:16px; background:#c8ffff;}
.diamon_seach .con .shape li img{max-width:60%;height:auto;margin-top:8%;}
.diamon_seach .con .shape li span{ display:block; font-size:0.9em}
.diamon_seach .con .density li{ width:31%;}

.diamon_seach .con .polishing li,.diamon_seach .con .symmetric li{ width:21.8%;}

.diamon_seach .con .cream li,.diamon_seach .con .dreamy li,.diamon_seach .con .stock li,.diamon_seach .con .media li,.diamon_seach .con .certificate li{ width:30%;}

.diamon_seach .price input{ float:left; display:block;width:38%;padding:2% 0px; margin-bottom:10px; text-align:center;border:1px solid #bdfafa; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center;background:#ffffff;}
.diamon_seach .price font{ float:left; display:block;padding:2% 0px; width:8%; overflow:hidden; text-indent:5px;}

.diamon_seach .certificateid input{ float:left; display:block;width:94%;padding:2% 0; margin:0 0 2% 3%; border:1px solid #bdfafa; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center;background:#ffffff;}

/*----------------------*/
.hint{width:94%; height:100%; overflow:hidden;padding:0 3%;}
.hint .btn a{ display:block;width:100%;text-align:center;padding:2.2% 0; font-size:1.2em;color:#ffffff; background:#21d9d9;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center;}
.hint .btn input{display:block;width:100%; text-align:center;padding:2.5% 0; font-size:1.2em; border:0;color:#ffffff; background:#21d9d9;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center;}

.diamon_seach .con ul .hover,.diamon_seach .con .color .hover,.diamon_seach .con .sperm .hover{ background:#21d9d9; color:#fff; border:1px solid #13d1d1;}
/*------------diamon------------ */
.diamon{width:100%;padding:0;height:auto;padding-bottom:3px;}
.diamon ul{}
.diamon ul li{ display:block;width:94%;height:50px; line-height:50px;background:#eeffff; overflow:hidden; margin:0 3% 3% 3%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.diamon ul li dl{ display:block;width:100%;}
.diamon ul li dl dd{width:10%; display:block;float:left; color:#666; text-align:center; font-size:1em;}
.diamon ul li dl .img{width:9%;padding-left:2%;}
.diamon ul li dl .img img{width:28px;}
.diamon ul li dl .price{width:16%;}
.diamon ul li dl .detail{width:10%; float:right; margin-right:6px;}
.diamon ul li:first-child{ background:#21d9d9;}
.diamon ul li:first-child dl dd{color:#FFF;}
.diamon ul li dl dd img{max-width:75%;height:auto; display:inline-block; vertical-align:middle;}
.diamon ul li dl dd  a{ display:block;width:100%; color:#FFF; background:#21d9d9;height:30px;margin:10px 0px;line-height:30px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:0.9em;}


/*------------diamon_content------------ */
.diamon_content{width:100%; height:100%; overflow:hidden; padding-bottom:1%;}
.diamon_content .diamon_img{width:100%;height:auto; overflow:hidden;}
.diamon_content .diamon_img img{width:50%;height:auto; display:block; margin:0 auto;}

.diamon_content .diamon_detail{width:94%;height:100%; overflow:hidden;background:#eeffff; margin:3%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.diamon_content .diamon_detail .title{ padding:3%; text-align:center; font-size:1.5em;border-bottom:1px solid #bdfafa; margin:0 3%;}
.diamon_content .diamon_detail ul{ display:block; width:100%; height:auto; overflow:hidden; }
.diamon_content .diamon_detail ul li{ width:100%; display:block; float:left; line-height:38px;background:#eeffff;}
.diamon_content .diamon_detail ul li span{ width:45%; display:block; float:left; line-height:38px; text-align:right;border-right:1px solid #bdfafa; padding-right:5%; margin-right:5%;}

.diamon_content .diamon_btn{width:94%;margin:0 auto; height:100px;}
.diamon_content .diamon_btn .car{width:100%;padding:3% 0; text-align:center; background:#313131;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#FFF; font-size:1.2em; float:left;}
.diamon_content .diamon_btn .pay{width:100%;padding:3% 0; text-align:center; background:#21d9d9;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#FFF; font-size:1.2em; float:right; margin-bottom:15px;}

.diamon_content .certificate{ padding:5% 0; text-align:center; background:#eeffff;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.diamon_content .certificate p{ padding:20px 0 ; color:#666;}
.diamon_content .certificate a{ padding:2% 0; width:60%; background:#21d9d9; display:block; margin:0 auto; color:#fff; margin-bottom:20px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.diamon_content .dimg{ width:100%; height:100%; overflow:hidden; padding-top:15px; background:#ff6600;}

#d_con { height: auto; overflow:hidden;}
#d_con #menubox{ width:100%; height:38px; margin:3% 0;}
#d_con #menubox a{ height:38px; line-height:38px; text-decoration:none; color:#333;background:#eeffff; width:29.3%; margin-left:3%; float:left; display:block; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#d_con #menubox a:hover,#d_con #menubox .hover{ background:#21d9d9  url(../images/bg2.jpg) repeat-x bottom; color:#fff;}
#d_con .tat{ width:94%; height:auto; overflow:hidden; margin:0 3%; overflow:hidden;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#d_con .tat img{ width:100%;}


/*--------------------------diamon 结束------------------- */

/*------------pages----------- */
.pages{width:92%;padding:3% 4%;height:auto;}
.pages ul{}
.pages ul li{ float:left;padding:2% 3.5%;margin-right:1.5%; background:#f2f2f2;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.pages ul li a{color:#000000;}
.pages ul .hover{ background:#21d9d9;}
.pages ul .hover a{color:#FFF;}


/*------------article---------- */
.article{width:94%;height:auto; background:#fff; margin:3%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.article .title{ text-align:center;padding:5% 0;}
.article .title h4{ font-size:1.1em; font-weight:normal;color:#000000;margin-bottom:5px;}
.article .title span{ color:#808080; font-size:0.8em;}
.article  .content{padding:3%; font-size:1em;color:#333; border-top:1px dashed #eee; }
.article  .content p{margin-top:10px; text-indent:24px; line-height:2em; font-size:0.8em;}
.article  .content img{max-width:100%;height:auto; display:block; margin:0 auto;}

/*------------fenye---------- */
.fenye{width:96%;padding:4% 2%;border-top:1px dashed #eee;}
.fenye .pre{}
.fenye .next{margin-top:10px;}
.fenye a{color:#333;  font-size:1em; }

/*------------style_seach---------- */
.style_seach{width:100%; height:auto; overflow:hidden;}

.style_seach .style_sider{width:100%; overflow:hidden; padding:15px 0; border-bottom:1px solid #333; }
.style_seach .style_sider ul li a{ display:block; width:21.3%; height:30px; line-height:30px; text-align:center; margin-left:3%; overflow:hidden; float:left; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.style_seach .style_sider ul li .hover{background-color:#21d9d9;color:#fff;}

.style_seach .style_nature{width:100%; height:100%; overflow:hidden; padding:15px 0 5px 0;}
.style_seach .style_nature ul li a{display:block; margin-bottom:10px; width:21.3%; height:30px; line-height:30px; text-align:center; margin-left:3%; overflow:hidden; float:left; background:#fff;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.style_seach .style_nature ul .hover a{ background:#21d9d9; color:#FFF;}

/*------------style_show---------- */
.style_show{width:100%; height:100%; overflow:hidden;border-top:1px solid #333; padding-top:3%;}
.style_show ul{}
.style_show ul li{width:45.5%; float:left; text-align:center; padding-bottom:20px; margin:0 0 3% 3%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff;}
.style_show ul li a{ display:block;width:90%;margin:0 auto;}
.style_show ul li a img{ display:block;width:100%; height:auto;}
.style_show ul li a span{ display:block; text-align:center;}
/*------------style_detail---------- */
.setting{ width:94%; height:28px; line-height:28px; margin:3%; background:#fff; padding:3% 0;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.setting a{ display:block;width:100%;}
.setting .tit{ width:80%; float:left; text-align:center;}
.setting .left{ float:left; width:10%; background:url(../images/left.png) no-repeat center;}
.setting .right{ float:right; width:10%; background:url(../images/right.png) no-repeat center;}
.setting h1{ display:block; width:60%; float:left; text-align:center; font-size:16px;}
/*------------style_detail---------- */
.style_detail{width:92%;height:auto;padding:2% 4%}
.style_detail span{ color:#808080;}
.style_detail span font{ color:#21d9d9; font-weight:bold;}
.style_detail h4{ color:#000000;margin-top:20px;}
.style_detail p{ color:#808080;margin-top:30px; font-size:0.9em; line-height:2em;}
.style_detail a{color:#000000; float:right;}


/*------------store---------- */
.store{width:100%; height:auto; margin-top:3%;}
.store ul li{width:45.5%; height:auto; overflow:hidden; float:left; text-align:center;padding-bottom:20px; margin:0 0 3% 3%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff;}
.store ul li a{ display:block;width:100%;margin:0 auto;}
.store ul li a img{display:block;width:100%; height:auto;}
.store ul li a h4{color:#000000;font-size:0.8em; margin-top:10px;}
.store ul li a span{ display:block; text-align:center; text-decoration:line-through; color:#808080; font-size:0.8em;}
.store ul li a p{ font-size:0.8em; color:#29cccc;}


.pronav{width:100%; height:auto; overflow:hidden;}
.pronav ul{width:100%; height:100%; overflow:hidden; padding:15px 0 5px 0; border-bottom:1px solid #333;}
.pronav ul li a{display:block; margin-bottom:10px; width:21.3%; height:30px; line-height:30px; text-align:center; margin-left:3%; overflow:hidden; float:left; background:#fff;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.pronav ul .hover a{ background:#21d9d9; color:#FFF;}

.pronav .price{height:50px; line-height:50px;margin:10px 0; overflow:hidden;background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.pronav .price font{display:block;height:30px;line-height:30px; text-align:center; float:left; font-size:1em; margin-left:3%;}
.pronav .price span{display:block;width:20%; height:30px;line-height:30px; color:#808080;float:left; background:#ffffff;margin:0 3%;}
.pronav .price span input[type='text']{ display:block;width:100%;height:30px; outline:none; border:none; float:left; text-align:center;line-height:30px; font-size:0.9em; border:1px solid #eee;}
.pronav .price input[type='submit']{ display:block;width:20%;height:30px;margin:10px 10px; border:0px; background:#21d9d9; text-align:center; line-height:30px; color:#ffffff; font-size:0.9em;}



/*------banner-------------------- */
#wrapper { width:94%; overflow: hidden; background:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:3% 3% 0 3%;}
.swipe ul, .swipe li { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.swipe img { width:100%; height:auto; display: block; margin:0 auto;}
.swipe { overflow: hidden; position: relative; }
.swipe ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; }
.swipe #pagenavi { position: absolute; left: 0; bottom: 7px; text-align: center; width: 100%; }
.swipe #pagenavi a { width:10px; height:10px;  line-height: 99em; background:#ccc;  border-radius: 50%; margin:0 3px; overflow: hidden; cursor: pointer; display: inline-block; *display:inline;*zoom:1;}
.swipe #pagenavi a.active { background: #21d9d9; }

/*-----product_descript--------------- */
.maintain{}
.maintain .address{}
.maintain .add_tit{ width:94%; overflow:hidden; margin:3%; height:42px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.maintain .add_tit input{ display:none;} 
.maintain .add_tit label{ width:50%; height:42px; text-align:center; line-height:42px;float:left; background:#f7f7f7; color:#666;}
.maintain .add_tit .hover{ background:#21d9d9; color:#fff;}

.maintain .addcon{ background:#fff;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 3%; padding:3% 0;}
.maintain  p{ height:100%;  margin:0 3%; overflow:hidden; line-height:20px; font-size:12px; margin-bottom:10px;}
.maintain .chec {border: 1px solid #dedede;float: left; display: block; width: 95%; position: relative;overflow: hidden; font-size:12px; color:#666; padding:2%; background:#fff;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.maintain .chec2 {border: 1px solid #21d9d9;float: left;display: block;width: 95%;overflow: hidden; background:#fff url(../images/selected-icon.png) no-repeat right bottom;font-size:12px;color:#21d9d9;padding:2%;}
.maintain .chec input,.maintain .chec2 input{display:none;}

/*-----product_descript--------------- */	
.product_descript{width:94%;height:auto; overflow:hidden; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fff; margin:3%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.product_descript ul{}
.product_descript li{color:#666; line-height:30px; overflow:hidden; margin-left:5%;}
.product_descript li span{color:#666; width:22%; float:left; display:block; text-align:right; padding-right:5%;}
.product_descript li h1{padding-top:10px; font-size:16px; text-align:center;}
.product_descript li .inp{ width:68%;border:1px solid #dedede;height:20px; line-height:20px;}
.product_descript li input[type='text']{border-radius:3px;  -moz-border-radius: 3px; -webkit-border-radius:3px;}

.product_descript .num{ padding:5px 0 0 0; display:block;}
.product_descript .num a{width:15px;height:15px;line-height:15px;display:block;float:left;border:1px solid #dedede;padding:2px 0 5px 8px;background:#f7f7f7;color:#666;}
.product_descript .num a:hover{background:#21d9d9;color:#fff;border:1px solid #21d9d9;}
.product_descript .num input{width:50px;height:22px;display:block;float:left;margin:0 5px;text-align:center;color:#666;border:1px solid #dedede;}
.product_descript .num b{display:block;float:left;margin-left:20px;line-height:28px; font-weight:lighter; color:#999;}
.product_descript .cart {background-color: #21d9d9;color:#fff;float: left;border:none;font-size: 16px;height: 38px;line-height: 38px;margin:3%;overflow: hidden;position: relative;text-align: center;width:94%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}


/*------company------------------- */
.company{width:92%;height:auto;padding:5% 4%;}
.company h4{ font-size:1.5em; color:#000000; font-weight:normal;}
.company p{font-size:1em; color:#000000;margin-top:20px; line-height:1.5em}


/*-----product_detail---------------- */
.product_detail{width:88%;height:auto; overflow:hidden; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fff; padding:3%; margin:0 3%; line-height:24px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.product_detail .con img{ width:100%; height:auto; display:block; float:left;}

/*-----info---------------- */
.info{height:100%; overflow:hidden;  line-height:30px;}
.info img{width:100%; display:block; float:left;}
.info p{ margin-bottom:15px;}

/*-----info---------------- */
.cover{height:100%; overflow:hidden; line-height:24px; padding:3%; background:#fff; margin:3%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.cover p{ margin-bottom:15px;}
.cover img{width:100%; display:block; float:left;}

/*------------------sabrosus-----------------*/
#sabrosus { width:100%; overflow:hidden;height:30px; padding:1.5% 0 4% 0;text-align: center;color:#999; margin-top:20px;}
#sabrosus a {color:#666; margin-right: 5px; padding:6px 10px; border:#21d9d9 1px solid; text-decoration: none;border-radius: 2px; background:#fff;}
#sabrosus a:hover { border:#21d9d9 1px solid;border-radius: 2px; background-color: #21d9d9; color:#fff;}
#sabrosus a:active {border: #aaa 1px solid; color: #000;  background-color: lightyellow;border-radius: 2px;}
#sabrosus span.current {font-weight: bold;  color: #fff; margin-right: 5px; padding:6px 10px; border:#21d9d9 1px solid; background-color: #21d9d9;border-radius: 2px;}
#sabrosus span.disabled {border: #aaa 1px solid; margin-right: 5px; color: #21d9d9; padding:6px 10px; border-radius: 2px;}
#sabrosus .rows{border: #aaa 1px solid; color: #666; padding:6px 10px; border-radius: 2px; background:#fff;}

/*---------------------------------*/
.promp{ width:80%; text-align:center;  margin:0 auto; margin-top:160px;}
.promp span{ margin-top:100px; font-size:30px; color:#21d9d9;}
.promp .con{ font-size:16px;}

/*---------------------------------*/
#app{ padding-top:30px;}
#app .con{ background:#f7f7f7; margin-bottom:20px; padding:30px;}
#app .con h3{ display:block; width:100%; height:36px; line-height:36px; font-size:16px; text-align:center;}
#app .con img{ display:block; margin:0 auto; width:200px; height:200px;}
#app .con span{ display:block; padding:15px 0;}
#app .con a{ background:#21d9d9; height:36px; line-height:36px; width:110px; text-align:center; color:#fff; display:block; margin:0 auto; font-size:14px;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#app .con font{ display:block; width:100%; text-align:center; line-height:26px; color:#666; font-size:14px;  padding-top:10px;}

/*-------------------------------镶嵌工厂-------------------------------*/

.leader_remarks{width:94%;overflow:hidden;margin-bottom:5%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; margin:3%;}
.leader_remarks .lead_left{width:100%;}
.leader_remarks .lead_left img{width:100%; display:block;}
.leader_remarks .lead_right{width:94%; padding:3%; background:#313131; color:#fff; float:right; overflow:hidden;}
.leader_remarks .lead_right p{ font-size:16px;}
.leader_remarks .lead_right span{ font-size:16px; display:block; }

.business{width:94%;height:auto;overflow:hidden;margin-bottom:5%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; margin:3%;}
.business .title{text-align:center; overflow:hidden;padding:4%;}
.business .title span{ font-size:18px; display:block;margin-top:3%; color:#333; font-weight:bold;}
.business .title p{ font-size:16px; color:#666;margin-top:1%;}
.business .business_box{height:100%; overflow:hidden;}
.business .business_box ul{width:100%;}
.business .business_box ul li{width:50%;float:left;  position:relative;}
.business .business_box ul li img{ display:block;width:100%;}
.business .business_box ul li span{ display:block;width:100%;height:50px; text-align:center; line-height:50px; color:#ffffff; font-size:16px; position:absolute; left:0px; bottom:0px;background:#000000;  background:rgba(0,0,0, 0.5)!important;
filter:Alpha(opacity=50); overflow:hidden;}


.craftsman{width:94%; height:100%; overflow:hidden; background:#333;margin-top:10px; margin-bottom:5%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:3%;}
.craftsman .title{ text-align:center; color:#ffffff; overflow:hidden;}
.craftsman .title span{ font-size:18px; display:block;margin-top:5%; font-weight:bold;}
.craftsman .title p{ font-size:16px;margin-top:3%; color:#cccccc; padding:0 4%}
.craftsman ul{ padding:3%;}
.craftsman ul li{width:94%; float:left; overflow:hidden; margin-bottom:5%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; padding:3%;}
.craftsman ul li img{ display:block;width:100%;}
.craftsman ul li div{width:100%;height:100%; overflow:hidden;}
.craftsman ul li div span{ font-size:14px; color:#333; display:block;margin:10px 0px 0px 0px; font-weight:bold;}
.craftsman ul li div p{ font-size:14px;  line-height:20px; color:#666;}


.qc_standard{width:94%;height:auto; overflow:hidden;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; margin:3%;}
.qc_standard .title{text-align:center; overflow:hidden;}
.qc_standard .title span{ display:block; font-size:18px; color:#333333;margin-top:30px; font-weight:bold;}
.qc_standard .title p{ font-size:14px; text-align:left; color:#666666; line-height:18px; margin:3%; padding-bottom:1%;}
.qc_standard .qc_box{position:relative; overflow:hidden; padding:3%;}
.qc_standard .qc_box ul{display:block;position:relative;z-index:1;overflow: hidden; text-align: center;z-index:10;}
.qc_standard .qc_box ul li{width:100%;float:left;position:relative;margin-bottom:3%;  overflow:hidden;}
.qc_standard .qc_box ul li img{ display:block;width:100%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.qc_standard .qc_box ul li span{display:block;width:100%;height:36px; text-align:center; line-height:36px; color:#ffffff; font-size:16px; position:absolute; left:0px; bottom:100px;background:#000000;  background:rgba(0,0,0, 0.7)!important;
filter:Alpha(opacity=70); overflow:hidden;}
.qc_standard .qc_box ul li p{font-size:14px; color:#666666; line-height:20px;padding:3%; background:#ffffff;text-align:left; overflow:hidden; }


.gd{width:94%;background:url(../images/factory/gd.jpg) no-repeat center top;margin-top:20px; padding:8% 0%; margin:0 3%; text-align:center; color:#ffffff; overflow:hidden;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.gd p{ font-size:14px;}
.gd p span{ display:block; font-size:16px;margin-bottom:3%;}


.factory_show{width:94%;height:auto;margin:0 auto; overflow:hidden;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; margin:3%;}
.factory_show h5{ font-size:18px; color:#333333; line-height:60px; text-align:center; overflow:hidden;}
.factory_show .factory_box{overflow:hidden;}
.factory_show .factory_box img{ display:block;width:45.5%; margin:0 0 3% 3%; float:left;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.art_show{width:94%;height:auto;margin:0 auto; overflow:hidden;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; margin:3%;}
.art_show h5{ font-size:18px; color:#333; line-height:60px; text-align:center; overflow:hidden;}
.art_show .art_box video{width:58%; float:left; border:1px solid #dedede;}

.factory_pro{width:94%;height:auto;margin:0 auto; overflow:hidden;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; margin:3%;}
.factory_pro h5{ font-size:16px; color:#333;line-height:60px; text-align:center; overflow:hidden;}
.factory_pro .factory_box{height:100%; overflow:hidden;}
.factory_pro .factory_box img{ display:block;width:45.5%; margin:0 0 3% 3%; float:left;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.advantage{width:94%;background:url(../images/factory/advantage_bg.jpg) no-repeat center top; overflow:hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:3%;}
.advantage .advantage_box{width:100%; margin:0 auto; overflow:hidden;}
.advantage .advantage_box h5{ font-size:16px; color:#fff;line-height:60px; text-align:center; overflow:hidden;}
.advantage .advantage_box p{line-height:20px; background:#ffffff; font-size:12px; color:#666; text-align:center;margin-bottom:3%; padding:3%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:3%;}
.advantage .advantage_box .hover{ background:#3ccbc9; color:#ffffff;}
.advantage .advantage_box p:hover{ background:#3ccbc9; color:#ffffff;}

.gold_quote{width:94%; background:#fff; border-bottom:1px solid #eee; padding-bottom:2%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; margin:3%;}
.gold_quote .title{ text-align:center; color:#333;  overflow:hidden;}
.gold_quote .title h5{ font-size:18px;margin-top:20px;}
.gold_quote .title p{ font-size:14px;margin-top:10px; }
.gold_quote .title span{ font-size:14px; display:block;margin:0px 0 20px 0;}
.gold_quote .gold_box img{ width:100%;}


#video{}

#video{ height:100%; overflow:hidden; padding:3% 3% 0 3%;}
#video .box ul li{padding:4%;border:1px solid #111; overflow:hidden; background:#000; margin-bottom:3%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#video .box ul li .img{width:100%;}
#video .box ul li .img img{width:100%;height:auto; display:block;}
#video .box ul li .text{width:100%;}
#video .box ul li h3{color:#333; font-size:14px; margin:12px 0 6px 0;}
#video .box ul li p{ line-height:20px; color:#999; font-size:12px; }
#video .box ul li span{color:#999; font-size:12px; display:block;margin-top:3%;}


#video_con{ width:100%; height:100%; overflow:hidden; margin-top:10%;}
#video_con video{ width:100%;}
#video_con source{ width:100%;}