﻿@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;}

body{ color: #000;  font-size:14px; font-family: Arial, Helvetica, sans-serif; }
a{text-decoration:none; color:#000;}
a:hover{color:#0457CF;}

ul,li{list-style:none;}
.clear{clear:both;}
img{border:0;}
.blank10{height:10px;}
.blank15{height:15px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank50{height:50px;}
.fl{float: left;}
.fr{float: right;}



/*滚动条美化*/
body::-webkit-scrollbar {
  width: 10px !important;
}
body::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}
body::-webkit-scrollbar-track-piece {
  background-color: #f3f3f3;
  -webkit-border-radius: 4px;
}
body::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border: solid 1px #C0C0C0;
  border-radius: 4px;
}
body::-webkit-scrollbar-corner {
  background-color: #ddd;
}
body::-webkit-resizer {
  background-repeat: no-repeat;
  background-position: bottom right;
}
body::-webkit-scrollbar-thumb:hover {
  background-color: #F3F3E0;
}
::-webkit-scrollbar {
  width: 15px;
}

/*图片放大*/
.picShow img:hover,.picShow a:hover img{transition:all 500ms ease-out 0s; 
  -webkit-transform:scale(1.15);
  moz-transform:scale(1.15);
  -o-transform:scale(1.15);
  transform:scale(1.15);
}
.picShow img{transition:all 500ms ease-out 0s; }

/*页面宽度*/
.main{width:1140px; margin:auto;}
.main100 {width: 90%; margin: auto; max-width: 1680px; min-width: 1200px;}
.fix_width {width: 90%; margin: auto; max-width: 1440px; min-width: 1200px;}


/* 字体颜色 */
.mainTextColor {color: #0457CF;}
/* button背景 */
.mainBgColor {background-color: #0457CF;}
/* 背景 */
.bule_bg { 
  background: -webkit-linear-gradient(top,#0457cf 0%,#1568cf 100%);
  background: -moz-linear-gradient(top,#0457cf 0%,#1568cf 100%);
  background: -o-linear-gradient(top,#0457cf 0%,#1568cf 100%);
  background: -ms-linear-gradient(top,#0457cf 0%,#1568cf 100%);
}


/*顶部*/
.header {}
.header .logo {width: 145px;margin:25px auto 15px auto;}
.header .logo img{width:100%; display:block;}
.header .language{position:absolute;top:25px;left:0;width:100%;height:25px;}
.header .language ul{margin:0 auto;width:1140px;}
.header .language ul li{float:right;padding-left:20px;}
.header .language ul li i{float: left;margin-right: 10px;display:none;width: 22px;}
.header .language ul li .ico1{background: url('../images/usa.png')no-repeat center;background-size: 22px 20px;height:20px;}
.header .language ul li .ico2{background: url('../images/china.png')no-repeat center;background-size: 22px 14px;height:16px;}
.header .language ul li span{float:left;height: 15px;line-height:15px;padding-top:1px;}

.header .header_txt {line-height: 36px;color: #fff;font-size: 16px; text-align: center;}

.menu_nav{height:48px; padding-top:5px; margin-bottom:2px;}
.menu_nav li{float:left;width:20%;line-height:48px;font-size:16px; text-align:center;}
.menu_nav li a{ display:block; line-height:48px;}
.menu_nav li span{display:inline-block;height:48px;line-height:48px;}
.menu_nav li a:hover span,.menu_nav li.curr span{height:46px;line-height:48px;border-bottom:2px solid #0457CF;color:#0457cf;}




/*焦点图*/
	#banner {max-width:1920px; margin:auto; position:relative; z-index:9;min-width:1200px;}
	#banner .swiper-slide{ overflow:hidden;  position:relative; height:440px; text-align:center; background:#000;}
	#banner .swiper-slide a{display:block; height:100%;}
	#banner .swiper-slide img{height:100%;}
/*按钮切换*/	
	#banner .swiper-button-prev,#banner .swiper-button-next {display: none;width: 72px;height: 72px; background: url(../images/ico_sliding.png) no-repeat;}
	#banner .swiper-button-prev {background-position: 0 0;}
	#banner .swiper-button-prev:hover { background-position: 0 -144px;}
	#banner .swiper-button-next { background-position: 0 -72px;}
	#banner .swiper-button-next:hover {background-position: 0 -216px;}
/*分页器*/
	#banner .swiper-pagination-bullet{width: 10px;height: 10px; display: inline-block; border-radius: 50%; background:rgba(255,255,255,0.36); transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;}
	#banner .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);color: #fff;width: 30px;border-radius: 30px;opacity: 1.0;}
	#banner .swiper-pagination{bottom:10px;}

	#banner .swiper-slide h3{font-size:46px; font-weight:bold; color:#4BE9EC; padding-top:270px; margin-bottom:35px;}
	#banner .swiper-slide h4{font-size:25px; font-weight:normal; color:#fff; padding-top:0px; margin-bottom:35px;}

	#banner .swiper-slide p{ font-size:16px; color:#fff; width:520px; line-height:36px; }
	#banner .swiper-slide ul{width:560px;}
	#banner .swiper-slide ul li{width:33.3%; float:left; color:#fff; font-size:18px; line-height:30px; margin-bottom:10px;}
	#banner .swiper-slide ul li i{width:7px; height:7px; display:inline-block; margin-right:12px; border-radius:100%; background:#fff;} 
	#banner .swiper-slide a{width:160px; line-height:36px; overflow:hidden; background:rgba(255,255,255,0.1); display:inline-block; border:solid 1px rgba(255,255,255,0.6); border-radius:52px; text-align:center; color:#fff; margin-top:30px; transition:0.3s all; position:relative;}
	#banner .swiper-slide a:hover{border:solid 1px #ED1E79; background:#B71745; color:#fff;}





.passageway {width:100%;padding-top:45px;padding-bottom:20px;font-size: 26px;text-align: center;font-weight: bold;margin-bottom: 16px;letter-spacing:3px;}

/*表单*/
.cardb{width:924px;height:211px;margin:0 auto 55px;text-align:center;}
.cardb0{display:inline-block;width:430px;height:192px;padding-top:30px;}

/* 搜索 */
.search_ipt{position: relative;}
.search_ipt img{position: absolute; top:45px; left: 35px; vertical-align:top;}
.search_ipt input[name="key"] {width: 80%;height: 46px;line-height: 46px;border-radius: 5px;border: 1px solid #0457cf;color: #0457cf;padding-left: 50px;margin: 0 auto;font-size: 15px;outline: none;}
.search_ipt .wcode_ipt {background-position: 8px -34px;margin-bottom: 13.5px;}
.search_ipt .phone_ipt {background-position: 12px -67px;}
.search_btn {text-align: center;margin: 45px 0 37.5px;}
.btn {color: #fff;height: 48px; line-height: 48px; width: 160px;border-radius: 5px;font-size: 16px; border:none; cursor:pointer; outline:none;}
.mainBgColor {background-color: #0457CF;}

/*首页2*/
.view_wrap{height:400px;margin-bottom:50px;}
.view_wrap li{position: relative; width: 370px; height: 400px; float: left;color: #fff;}
.view_wrap li:nth-of-type(2){float:left;margin-left:15px;}
.view_wrap li:nth-of-type(3){float:right;}
.view_wrap li .pic img{ width: 100%; height: 100%; display: block;}
.view_wrap li .shdow{background: rgba(0, 0, 0, 0.5);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.view_wrap li .txt p:nth-of-type(1){position: absolute;font-size: 26px;font-weight: 800;top: 28px;left:32px;}
.view_wrap li .txt p:nth-of-type(2){position: absolute;font-size:20px;top: 70px;left:32px;line-height:26px;}
.view_wrap li .txt span{width:88px;height:28px;line-height:28px;border:1px solid #fff;display:block;position: absolute;top: 133px;left:32px;text-align:center;}
.view_wrap a{ display:block;color: #fff; transition:0.3s all;}
.view_wrap a:hover{background:rgba(255,255,255,1.0); color:#333;}


/*-------------*/
.official_wrap {margin: 23px 0 17.5px;}
.official_wrap>p:nth-of-type(1) {font-size: 26px;font-weight: bold;text-align: center;letter-spacing:3px;}
.official_wrap>p:nth-of-type(2) {font-size: 14px;font-weight: bold;text-align: center;margin-top: 8px;}
.official_wrap .clearfix {padding: 0 15px;margin-top: 15px;padding-top:15px;}
.official_wrap .clearfix .fl {width: 56%;padding-top: 12px;}
.official_wrap .clearfix .fl div{float:right;padding-right:56px;padding-top:40px;}
.official_wrap .clearfix .fl p {font-size: 16px;margin-bottom: 6px;padding-right: 5px;line-height:22px;}
.official_wrap .clearfix .fl img{width:142px;float:right;margin-top:34px;margin-right:22px;}
.official_wrap .clearfix .fr {width: 44%;}


/* footer */
.common_footer {background: #e1ebed;}
.common_footer .footer_t {color: #fff;line-height:34px; height:34px;}
.common_footer .footer_t i{display:inline-block;vertical-align:middle; background:url(../images/tel_ico.png) no-repeat; width:21px; height:20px; background-size:70% auto;}
.common_footer .footer_t p{text-align:center;}

.common_fmenu{width:100%;height:50px;border-bottom:1px solid #FFF;}
.common_fmenu ul{margin:0 auto;width:1000px;height:50px;text-align:center;font-size:16px;color:#000104;}
.common_fmenu ul li{float:left;width:20%;line-height:50px;}
.common_fmenu ul li a{color:#000;}

.common_footer .friendship_links {margin-top: 23px;}
.common_footer .friendship_links li{margin: 0 20px;}

.common_footer .copyright {text-align: center;padding: 24px 0 35px;font-size: 13px;}

/*flex box*/
.flex {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.row-center-center {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}


/*page_ban*/
.page_ban{width:100%;height:342px; color:#fff; position:relative;}
.page_ban p:nth-of-type(1) {font-size:36px;font-weight:800;padding-top:120px;padding-left:50px;}
.page_ban p:nth-of-type(2) {font-size:22px;padding-top:18px;padding-left:50px;}
.page_ban .txt{ position:relative; z-index:3; width:1000px; margin:auto;}
.comm_gray{ position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); height:100%; width:100%;}



/* Brand */
.video_t {font-size: 23px;font-weight: bold;text-align: center;margin: 35px 0 35px;}
.video_wrap {width: 717px;height: 398px; margin: 0 auto;position: relative;}
.video_wrap video {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.introduce_logo {width: 142px;margin: 34px auto 21px;}
.introduce_logo img{width:100%;}
.introduce_text {margin: 0 auto;width:910px;padding: 0 22px;}
.introduce_text p{line-height: 30px;font-size:17px; margin-bottom:25px;}



/* Product */
.image_block{width:100%;text-align:center;}
.image_block img{display:inline-block;}
.img_choose{background-color: #e7eff1; width: 1003px; height: 676px;}
.product{position: relative; text-align: center; margin: 0 auto; }
.product .first{font-size: 36px;font-weight: bold; color: #0457CF; padding-top: 35px;}
.product .second{color: #000103; font-size: 16px; padding-top: 18px;}
.product .third{color: #000103; font-size: 16px; padding-top: 8px;}
.product img{padding-top: 33px;}
.product_moiss{margin:0 auto;width:1003px;text-align: center; padding-top: 50px; height: 520px; position: relative;}
.product_moiss span{
  line-height: 40px; height: 40px;display: inline-block;padding: 0 20px; border-radius: 8px;bottom: 20px;font-size: 20px;
}
.product_moiss :nth-child(2){
  background-color: #555; color: #fdfdfd;position: absolute;left: 165px;
}
.product_moiss :nth-child(3){background-color: #0457CF;color: #f6f9ff;position: absolute;right: 120px;}
.ade{background-color: #e7eff1; width: 1003px; height: 451px; margin-top: 40px;}
.ade :nth-child(5){position: absolute;  left: 30px;bottom: 90px;}
.ade :nth-child(6){position: absolute;  right: 285px;bottom: 90px;}
.product_img{margin-left: 20px;}
.photo{background-color: #e7eff1; width: 100%;height: 474px;}
.bel_p{text-align: center;font-size: 28px;margin-top: 40px;}

.productQA{width: 1004px ; background: #e7eff1;font-size: 16px;color: #1b1b1b; margin: 0 auto; margin-top: 50px; margin-bottom: 50px;padding: 30px 43px;}
.productQA .product_title{color: #0457CF; font-size: 42px; font-weight: bold;text-align:center;margin-bottom: 23px;}
.productQA .product_problem{font-size: 18px;color:#e1ebed;background: #0457CF;line-height: 45px;border-radius: 8px;padding:0 20px;margin-bottom: 20px;}

.detail_a{width: 35px;color:#e1ebed;background: #0457CF; text-align: center;line-height: 35px; border-radius: 50%;}
.detail_msg{width: 920px; padding-right:25px; margin-bottom:30px;}
.detail_msg p{line-height:26px;}



/* Traceability */
.t1 {text-align: center;margin: 42px auto 18px;}
.t1 span {font-size: 22px;}
.t2 {font-size: 36px;font-weight: bold;text-align: center;}
.t3 {font-size: 22px;text-align: center;margin: 8px auto 0;}
.moissanite_wrap {text-align: center;padding-top: 32px;}
.moissanite_wrap img {width: 53.333%;}
.aut_wrap {width:900px;margin:0 auto;margin-top:32px;margin-bottom:18px;padding: 0 15px;}
.aut_wrap li {width: 16.66%;margin-bottom: 20px;}
.aut_wrap li p {text-align: center;font-size: 14px;line-height: 18px; height:54px;}
.aut_wrap li .top_ico {text-align: center;width: 100%;height: 51px;margin-bottom: 6px;}
.aut_wrap li .top_ico .bg_i{background-image: url('../images/title.jpg');background-size:300px 180px;}
.aut_wrap li .top_ico .aut1 {width:56px;height:41px;background-position:-15px -32px;}
.aut_wrap li .top_ico .aut2 {width: 50px;height: 50px; background-position:-73px -27px;}
.aut_wrap li .top_ico .aut3 {width: 32px;height: 40px; background-position: -139px -32px;}
.aut_wrap li .top_ico .aut4 {width: 51px;height: 51px; background-position: -185px -25px;}
.aut_wrap li .top_ico .aut5 {width: 51px;height: 51px; background-position: -235px -25px;}
.aut_wrap li .top_ico .aut6 {width: 43px;height: 41px; background-position: -8px -106px;}
.aut_wrap li .top_ico .aut7 {width: 43px;height: 43px; background-position: -60px -106px;}
.aut_wrap li .top_ico .aut8 {width: 33px;height: 40px; background-position: -112px -108px;}
.aut_wrap li .top_ico .aut9 {width: 51px;height: 51px; background-position: -152px -102px;}
.aut_wrap li .top_ico .aut10 {width: 42px;height: 41px; background-position: -206px -108px;}
.aut_wrap li .top_ico .aut11 {width: 42px;height: 46px; background-position: -257px -103px;}
.aut_wrap li .top_ico .aut12 {width: 47px;height: 41px; background-position: -20px -32px;}

.wcode_info {margin: 13px 0 28px;padding: 0 26px;}
.wcode_info li {width: 100%;margin-bottom: 7px;}
.wcode_info li:last-child {margin-bottom: 0;}
.wcode_info li p {height: 42px;line-height: 42px;}
.wcode_info li p:nth-child(1) {width: 25.5%;text-align: center;color: #fff;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-left: 1px solid #0457cf;border-top: 1px solid #0457cf;border-bottom: 1px solid #0457cf;}
.wcode_info li p:nth-child(2) {width: 74.5%;padding-left: 13px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-right: 1px solid #e1ebed;border-top: 1px solid #e1ebed;border-bottom: 1px solid #e1ebed;}
.t4 {padding: 0 26px 25px;line-height: 24px;font-size:16px;}
.t4 span{color:#0457cf;}

.validation {width:100%;height:342px;background:#fff url("../images/source_ico.jpg") top center no-repeat;}
.validation div{margin:0 auto;width:1000px;height:340px;color:#000;}
.validation p:nth-of-type(1) {font-size:36px;font-weight:800;padding-top:110px;padding-left:50px;}
.validation p:nth-of-type(2) {font-size:22px;padding-top:18px;padding-left:50px;}

.qresbt{width:100%;padding-bottom:20px;text-align:center;}
.qresbt span{display:inline-block;width:124px;height:41px;line-height:41px;border:1px solid #155060;font-size:17px;color:#155060;border-radius: 8px;cursor: pointer;}

.tan_box{width:770px;}


/* Contact */
.leave_mes {margin:0 auto;width:820px;padding: 35px 33px 35px;}
.leave_mes_msg{width: 100% ;height: 70px;margin-bottom: 26px;position: relative;}
.leave_mes_msg img{width: 50px; position: absolute;left: 10px; top: 10px;}
.leave_mes_img{width: 100%;height: 70px;background: #E1EBED;border-radius: 8px; word-wrap: break-word;word-break: break-all;line-height:70px; box-sizing: border-box;padding:0px 10px 0 70px;}
.leave_mes p {font-size: 20px;margin-bottom: 11px;}
.input_user input {width: 100%;height: 37px;line-height: 37px; border-radius: 5px;border: 1px solid #ccc;padding-left:40px;margin-bottom: 14px;color: #0457cf; outline:none;}
.leave_mes textarea {width: 100%;height: 161px;line-height: 18px; border-radius: 5px;border: 1px solid #ccc;color: #0457cf; padding: 8px 10px; outline:none; font-family:Arial, Helvetica, sans-serif;}
.submit_btn {text-align: center;margin-top: 25px;}

.email {text-align: center;font-size: 15px;}

.input_user{position:relative;}
.input_user img{position: absolute; top: 8px;left: 10px; width:23px;}
.input_user input{width: 380px;}

.arrow_down {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #E1EBED;
    position: absolute; left: 30px;bottom:-10px;
}

/*serch*/
.serch{}
.serch .txt_color{ color:#fff;}
.serch div{border:#E2F3DE 0px solid; width:90%; max-width:600px; padding:10px 0; margin:auto; background:#CB1220; color:#fff; text-align:center;}

.backprev {text-align:center; margin-top:35px;}
.backprev a{display:inline-block;
    width: 50px;
    height: 50px;
    background:url(../images/icon-back.png) no-repeat center center #0457cf;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
}


@media only screen and (max-width: 880px){
	.c_or_m{ display:none;}
	.m_or_c{ display:block;}
	}
@media only screen and (min-width: 881px){
	.m_or_c{ display:none;}
	.c_or_m{ display:block;}
	}