@charset "utf-8";
/* CSS Document */
/** 初始化 **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form,pre{margin: 0; padding: 0; -webkit-tap-highlight-color:rgba(0,0,0,0)}
a:active,a:hover{outline:0;text-decoration: none;}
img{display: inline-block; border: none; vertical-align: middle;}
li{list-style:none;}
table{border-collapse: collapse; border-spacing: 0;}
h1,h2,h3{font-size: 14px; font-weight: 400;}
h4, h5, h6{font-size: 100%; font-weight: 400;}
button,input,select,textarea{font-size: 100%; }
input,button,textarea,select,optgroup,option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
/** 初始化 **/
body{
	scroll-behavior:smooth;
}
body::-webkit-scrollbar{  
	width:8px;
	}  /*定义滚动条样式，如长宽*/
body::-webkit-scrollbar-thumb{ 
	width:8px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background-color:#5a6069;
	}   /*定义滚动条上下滑块的样式*/
body::-webkit-scrollbar-track{ 
	background-color:#f5f5f5;
	}  /*定义滚动条主干部分（背景）的样式*/
.margin_0{margin:0 !important;}
.margin_top_10{
	margin-top:10px !important;
	}
.margin_top_20{ margin-top:20px !important;}
.margin_top_50{ margin-top:50px !important;}
.margin_top_60{ margin-top:60px !important;}
.padding_left_20{ padding-left:20px !important;}
.margin_top_130{margin-top:130px !important;}
.container-fluid{
	padding:0;
	}
.row {
   margin:0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding: 0;
	}
.header_box {
    width: 100%;
	height:100px;
    position: fixed;
    z-index: 10;
    top: 0;
	left: 0px;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
	opacity: 0.7;
}
.header_content{
	width:84%;
	height:100px;
	margin:0 auto;
	position:fixed;
	z-index:11;
	top:0;
	left:8%;
}
.logo_box {
    height: 56px;
    background: url(../images/logo_oscrystn.png) no-repeat;
    background-size: contain;
    margin: 22px 0;
}
.top_nav{
	float:left;
	font-size:1.125em;
    line-height: 100px;
    margin-bottom: 0;
    margin-top: 0;
	}
.top_nav a {
    line-height: 76px;
    color: #333;
    text-decoration: none;
	cursor:pointer;
}
.top_nav a:first-child{
	margin-left:0px;
}
.top_nav .current,.top_nav a:hover{
	color: #10218b;
    padding-bottom: 6px;
    border-bottom: 2px solid #10218b;
}
.top_nav_div {
    display: inline-block;
    padding: 0 40px;
}
.top_nav_div a{
    display: inline-block;
}
.search_box {
	float:right;
	position:relative;
}
.search_link,.Language_Switch{
	font-size:1.125em;
	color:#10218b;
	line-height:100px;
	margin-left:20px;
}
.search_link i{
	display:inline-block;
	width:20px;
	height:20px;
	background: url(../images/search_blue.png) no-repeat;
	margin-right:4px;
	margin-bottom: -5px;
}
.Language_Switch i{
	display:inline-block;
	width:20px;
	height:20px;
	background: url(../images/Language_Switch.png) no-repeat;
	margin-right:4px;
	margin-bottom: -5px;
}

.nav_classify_box {
	width: 100%;
    background-color: #343b40;
    position: fixed;
    top: 100px;
    left: 0;
    z-index: 13;
	display:none;
}
.nav_classify{
	width:84%;
	margin-left:8%;
	padding-bottom:30px;
	overflow:hidden;
}
.nav_classify h1{
	font-size: 2.25em;
    color: #fff;
    padding: 0 0 18px 20px;
    border-bottom: 1px solid #707070;
    margin: 50px 0 0 0;
}
.nav_classify h1 i{
	display:inline-block;
	height:14px;
	width:10px;
	background: url(../images/arrow_right2_icon.png) no-repeat;
	margin-right: 20px;
    margin-bottom: 5px;
}
.fir_classify{
	float: left;
    overflow: hidden;
	}
.classify_title{
	font-size: 1.25em;
    padding-bottom: 10px;
    color: #fff;
    line-height: 36px;
    padding-top: 38px;
	}
.classify_title i{
	display: inline-block;
    height: 14px;
    width: 10px;
    background: url(../images/arrow_right2_icon.png) no-repeat;
	margin:0 10px -1px 20px;
}
.fir_classify ul{
	float: left;
    padding-left: 30px;
    margin-right: 10px;
    height: 180px;
	}
.fir_classify ul li{
	display:block;
	line-height:36px;
} 
.fir_classify ul li a{
	font-size:0.875em;
	line-height: 36px;
    color: #fff;
	}
.fir_classify ul li a:hover{
	color:#0086ca;
}
.sec_classify{margin-top:38px;} 
.sec_classify .classify_title{
	float:left;
	cursor: pointer;
}
.sec_classify .classify_title:hover{
	color:#0086ca;
}


.top_nav_icon{
	display:none;
	position: absolute;
    right: 2em;
    top: 38px;
	}
.hidenav_box{
	position: fixed;
    top: 70px;
    right: 35px;
    z-index: 12;
	}
.hidenav_box .nav {
    width: 150px;
    background-color: #fff;
    text-align: center;
	border-radius: 4px;
}
.hidenav_box .nav > li > a{
	color:#333;
}
.language_box {
    position: absolute;
    top: 70px;
    right: -35px;
    z-index: 12;
}
.language_select {
    display: inline-block;
    width: 100px;
    background-color: #10218b;
    text-align: center;
    border: 1px solid #10218b;
   border-radius: 4px;
}
.language_select li a{
	color:#fff;
	line-height:32px;
}



.banner_box {
	position:relative;
}
.banner_img{
	width: 100%;
    height: 800px;
	}
.banner_box .swiper-slide img{
	width: 100%;	
}
.banner1{
	background: url(../images/banner1.png) no-repeat;
    background-size: cover;
	}
.banner2{
	background: url(../images/banner2.png) no-repeat;
    background-size: cover;
	}
.banner3{
	background: url(../images/banner3.png) no-repeat;
    background-size: cover;
	}

.Live_preview{
	position:fixed;
	right:0;
	top:22%;
	z-index:20;
	background-color:#e6e6e6;
	border-radius:5px 0 0 5px;
	box-shadow:rgb( 0, 0, 0 ,0.3) 2px 2px 3px 1px;
	-webkit-box-shadow:rgb( 0, 0, 0 ,0.3) 2px 2px 3px 1px;
	-moz-box-shadow:rgb( 0, 0, 0 ,0.3) 2px 2px 3px 1px;
}
.Live_preview .Live_img{
	margin:5px;
	position:relative;
	width:156px;
	height:156px;
	background: url(../images/live_img.png) no-repeat;
}
.Live_preview .Live_img i{
	display:inline-block;
	width:20px;
	height:20px;
	background: url(../images/live_btn.png) no-repeat;
	position:absolute;
	right:0;
	bottom:0;
}
.Live_preview .Live_time{
	color:#10218b;
	font-size:14px;
	line-height:30px;
	text-align:center;
}
.Live_preview .Live_time i{
	display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 6px -2px 0px;
    background: url(../images/clock_icon.png) no-repeat;
}
.Live_Contact{
	width:50px;
	position:fixed;
	right:0;
	top:54%;
	z-index:20;
	background-color:#e6e6e6;
	border-radius:5px 0 0 5px;
	box-shadow:rgb( 0, 0, 0 ,0.3) 2px 2px 3px 1px;
	-webkit-box-shadow:rgb( 0, 0, 0 ,0.3) 2px 2px 3px 1px;
	-moz-box-shadow:rgb( 0, 0, 0 ,0.3) 2px 2px 3px 1px;
}
.Live_Icon, .Live_Phone, .Live_WeChat, .Live_qq{
	width:50px;
	height:22px;
}
.Live_Icon{
	padding: 24px 0;
	background: url(../images/Online_icon.png) no-repeat center;
}
.Live_Phone{
    padding: 24px 0;
	background: url(../images/phone_icon.png) no-repeat center;
}
.Live_WeChat{
    padding: 24px 0;
	background: url(../images/WeChat_icon.png) no-repeat center;
}
.Live_qq{
    padding: 24px 0;
	background: url(../images/qq_icon.png) no-repeat center;
}
.Live_font{
	color: #fff;
    line-height: 16px;
    width: 50px;
    height: 50px;
    background-color: #10218b;
    border-radius: 0 0 0 5px;
    padding: 10px 11px;
}


.content_box{
	width: 100%;
    padding-top: 90px;
    background-color: #e9eeef;
}
.content_box h2{
	font-size:3.375em;
	font-weight:bold;
	text-align:center;
	margin-bottom: 70px;
}
.content_box .row{
	width:84%;
	margin:auto;
	}
.content_box .product_bg{
	background-color:#fff;
	margin-right: 20px;
}
.product_link{
	display:inline-block;
	width:100%;
	height:280px;
	}
.content_box h3{
	color: #333;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 20px 0 60px 0;
	}

.white_bg{background-color:#fff;}	
.T_Tips_box{
	position: relative;
    height: 478px;
    margin-bottom: 80px;
}	
.T_Tips_bg{
	position:absolute;
	width:430px;
	height:478px;
	background-color:#fff;
	box-shadow:rgb( 0, 0, 0 ,0.2) 0px 2px 6px 2px;
	-webkit-box-shadow:rgb( 0, 0, 0 ,0.2) 0px 2px 6px 2px;
	-moz-box-shadow:rgb( 0, 0, 0 ,0.2) 0px 2px 6px 2px;
}
.T_Tips_bg a{
	display:inline-block;
	width:100%;
	height:100%;
	background-color:#fff;
	opacity:1;
}
.T_Tips_img{
	width:100%;
	height:258px;
}
.T_Tips_title{
	padding:20px;
} 
.T_Tips_title h4{
	font-size: 0.875em;
    color: #333;
    margin-bottom:30px;
}
.T_Tips_title span{
	display:inline-block;
	font-size:20px;
	color:#333;
	line-height:32px;
	width:calc(100% - 108px);
}
.T_Tips_title i{
	float:right;
	display:inline-block;
	width:88px;
	height:100px;
	background:url(../images/question_icon.png) no-repeat;
}
.T_Tips_sl,.T_Tips_sr{
     transform: scale(0.75);  /*缩小0.79倍*/
    -ms-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -o-transform: scale(0.75);
    -moz-transform: scale(0.75);
	z-index:8;
}
.T_Tips_ml,.T_Tips_mr{
	transform: scale(0.86); 
    -ms-transform: scale(0.86);
    -webkit-transform: scale(0.86);
    -o-transform: scale(0.86);
    -moz-transform: scale(0.86);
	z-index:9;
}
.T_Tips_bg.T_Tips_sl a,.T_Tips_bg.T_Tips_sr a{
	opacity:0.5;
}
.T_Tips_bg.T_Tips_ml a,.T_Tips_bg.T_Tips_mr a{
	opacity:0.5;
}
.T_Tips_center{left:calc(50% - 215px);z-index:10;}
.T_Tips_sl{left:-50px;}
.T_Tips_ml{left:calc(20% - 80px);}
.T_Tips_sr{right:-55px;}
.T_Tips_mr{right:calc(20% - 80px);}

.video_box{margin-right:20px;margin-bottom: 80px;} 
.video_box div{
	width:100%;
	height:314px;
	margin-right:20px;
	box-shadow:rgb( 0, 0, 0 ,0.3) 0px 2px 6px 1px;
	-webkit-box-shadow:rgb( 0, 0, 0 ,0.3) 0px 2px 6px 1px;
	-moz-box-shadow:rgb( 0, 0, 0 ,0.3) 0px 2px 6px 1px;
}
.video_box div img{
	width:100%;
	height:260px;
}
.video_box div p{
	display:inline-block;
	font-size:20px;
	color:#333;
	line-height:54px;
	text-align:center;
	height:54px;
	width:100%;
	background-color:#fff;
}
.Application_Box{
	
}
.Application_Box h2{
	text-align:left;
}
.Application_Box p{
	font-size:14px;
	color:#333;
	line-height:28px;
	margin-top:-30px;
	text-indent:28px;
	display:inline-block;
	width:80%;
}
.Application_Box ul{
	overflow:hidden;
	width:100%;
	margin-bottom:80px;
	margin-top: 30px;
}
.Application_Box ul li{
	float:left;
	width:16.6%;
}
.Application_Box ul li img{width:100%;}
.Application_Box ul li span{
	font-size:1em;
	color:#10218b;
	display:block;
	text-align:center;
	margin-top:20px;
}
.Sample_Box{margin-bottom:80px;} 
.Sample_Box h2{
	text-align:left;
	margin-bottom:60px;
}
.S_Input_box{margin-right:20px;margin-bottom:20px;}
.S_Input_label{
    font-size: 16px;
    line-height: 46px;
    text-align: center;
    float: left;
    width: 130px;
    height: 46px;
    border: 1px solid #d8e4e7;
    border-radius: 5px 0 0 5px;
    background-color: #fff;
}
.S_Input_label i{
	display:inline-block;
	width:10px;
	height:14px;
	background:url(../images/Required_icon.png) no-repeat;
}
.S_Input{
	font-size:16px;
	height:46px;
	width:calc(100% - 130px);
	line-height:46px;
	border: 1px solid #d8e4e7;
    border-radius: 0 5px 5px 0;
	padding-left:10px;
	margin-left:-1px;
	}
.S_Input::placeholder{
	font-size:14px;
	color:#a9a9a9;
}
.S_textarea .S_Input_label{
	height:80px;
	} 
.S_textarea .S_Input{
	height:80px;
}
.submit_btn{
	font-size:16px;
	line-height:45px;
	color:#fff;
	width:124px;
	height:45px;
	border:0;
	background-color:#10218b;
	border-radius:5px;	
}
.submit_btn[disabled] {
    cursor: no-drop;
    background-color: #4c58a9;
}
.submit_Box{
	text-align:center;
	margin-bottom: 80px;
}
.Contact_Box{
	margin-bottom:80px !important;
}
.Contact_Box h2{
	text-align:left;
}
.QR_code_img{
	float:left;
	width:156px;
	height:156px;
	background:url(../images/QR_code_img.png) no-repeat;
}
.contact_infor{
	float:left;
	margin-left: 30px;
	}
.contact_infor li {
    font-size: 1.125em;
    margin-bottom: 10px;
    line-height: 37px;
}
.contact_infor li img {
    margin-right: 10px;
    margin-top: 8px;
    float: left;
}
.contact_infor li p{
	display: inline-block;
    float: left;
    width: calc(100% - 30px);
}
.Company_Pro{
	
}
.Company_Pro h2{
	font-size: 3.375em;
    font-weight: bold;
	text-align: left;
	line-height:150px;
    color: #fff;
    margin-bottom: 0;
    background-color: #10218b;
	padding-left: 8%;
}
.Company_img{
	display: block;
    height: 360px;
    width: 100%;
    text-decoration: none !important;
    position: relative;
    cursor: pointer;
	background: url(../images/Company_img1.png) no-repeat;
    background-size: cover;
}
.Company_img .Company_icon{
	width:120px;
	height:120px;
	background: url(../images/Company_icon.png) no-repeat;
    position: absolute;
    top: 70px;
    left: calc(50% - 60px);
}
.Company_img h3{
	font-size: 1.75em;
    color: #fff;
    text-align: center;
    padding-top: 208px;
}
.Company_img h4{
	font-size: 0.875em;
    color: #fff;
    text-align: center;
    width: 76px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #fff;
    position: absolute;
    left: calc(50% - 38px);
	margin-top: 20px;
}
.Company_img2{background: url(../images/Company_img2.png) no-repeat;background-size: cover;}
.Company_img3{background: url(../images/Company_img3.png) no-repeat;background-size: cover;}
.Company_img .Company_icon2{background: url(../images/team_icon.png) no-repeat;}
.Company_img .Company_icon3{background: url(../images/value_icon.png) no-repeat;}


.footer_box{
	width: 100%;
    background-color: #343b40;
	position: relative;
	z-index:12;
}

.foot_content{
	width: 84% !important;
    max-width: 84% !important;
    margin: auto;
}
.china_social_net{
	
}
.china_social_net p{
	font-size:14px;
	color:#a1a4a6;
	margin:40px 0 20px 0;
}
.china_social_net img{
	width: 50px;
    height: 50px;
    margin-right: 6px;
	margin-bottom: 10px;
	cursor:pointer;
}
.Inter_media img{
	width: auto;
    margin-right: 0;
    margin-left: -4px;
	}
	

.foot_content h4 {
    font-size: 18px;
    color: #fff;
    margin-top: 46px;
    margin-bottom: 16px;
}
.foot_content dl {
    padding-top: 6px;
}
.foot_content dl dd{
	cursor:pointer;
	color: #a1a4a6;
    line-height: 34px;
	}
.foot_content dl dd i{
	display: inline-block;
    width: 8px;
    height: 12px;
    margin-right: 10px;
    margin-bottom: -1px;
    background: url(../images/arrow_right_icon.png) no-repeat;
}
.foot_content dl dd a{
    font-size: 14px;
	color: inherit;
	}
.copyright {
    font-size: 14px;
    color: #888;
    text-align: right;
    margin: 20px 0;
}	

/* 产品中心 */
.otherbanner_box{
	width: 100%;
    height: 486px;
	position:relative;
}
.otherbanner_box img{
	width: 100%;
    height: 486px;
	}
.crumbs_box{
	width: 84%;
    margin: auto;
    margin-top: 30px;
}
.crumbs_box a{
	font-size:1.125em;
	color:#203093;
}
.crumbs_box i{
	display:inline-block;
	width:7px;
	height:12px;
	margin:0 10px;
	background: url(../images/arrow_right3_icon.png) no-repeat;
}
.content_box .product_bg1 {
    background-color: #e9eeef;
}
.search_bar h3{
	text-align: left;
    color: #10218b;
    margin: -40px 0 20px 0;
}
.search_bar_box input{
	font-size: 16px;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
    color: #333;
    width: calc(100% - 120px);
    border: 1px solid #d8dee0;
	border-radius:5px 0 0 5px;
}
.search_bar_box input::placeholder{
	color:#c6cccf;
}
.search_btn{
	color: #fff;
    font-size: 16px;
    width: 100px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #10218b;
    background-color: #10218b;
    border-radius: 0 5px 5px 0;
    margin-left: -4px;
} 
.search_btn i{
	display:inline-block;
	width:20px;
	height:20px;
	margin-right: 10px;
    margin-bottom: -5px;
	background: url(../images/search_white.png) no-repeat;
}
.search_btn[disabled]{
    cursor: no-drop;
    background-color: #4c58a9;
}
.search_bar .search_history {
    margin: 20px 0 120px 0;
}
.search_bar .search_history li{
	display: inline-block;
    font-size: 16px;
    color: #10218b;
    line-height: 34px;
    border: 1px solid #10218b;
    padding: 0 12px;
    border-radius: 17px;
    margin-right: 22px;
}
.search_bar .search_history li i{
	display: inline-block;
    width: 7px;
    height: 14px;
    margin-bottom: -2px;
    margin-left: 4px;
    background: url(../images/arrow_right3_icon.png) no-repeat;
}
.search_list_box {
    overflow: hidden;
    margin-bottom: 20px;
}
.search_list_box h1 {
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    margin: 10px 0 5px 0;
}
.search_list_box h1 input {
    height: 24px;
    width: calc(100% - 90px);
    border: 1px solid #bbb;
    border-radius: 3px;
    padding-left: 10px;
}
.search_list{
	height: 290px;
    margin-right: 10px;
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    overflow: auto;
}
.search_list::-webkit-scrollbar{  
	width:4px;
	}  /*定义滚动条样式，如长宽*/
.search_list::-webkit-scrollbar-thumb{ 
	width:4px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background-color:#a1a9b5;
	}   /*定义滚动条上下滑块的样式*/
.search_list::-webkit-scrollbar-track{ 
	background-color:#f5f5f5;
	}  /*定义滚动条主干部分（背景）的样式*/


.search_list label {
    font-size:14px;
    color:#333;
    margin-top: 20px;
    margin-left: 18px;
    display:block;
    background: url(../images/checkbox.png) no-repeat;
    cursor: pointer;
}
.search_list label input[type="checkbox"]{
    display:none;
}
.search_list label p{
    margin-left: 20px;
    line-height: 14px;
}
.search_list label.checked{
    background: url(../images/checkedbox.png) no-repeat;
}
.search_list label.Disable{
    background: url(../images/checkboxD.png) no-repeat;
    cursor:no-drop;
}

.search_list_btn{
	margin-bottom:100px;
}
.list_btn1{
	font-size:20px;
	color:#fff;
	height:45px;
	line-height:45px;
	background-color:#10218b;
	border:1px solid #10218b;
	border-radius:5px;
	margin-right:15px;
	padding:0 25px;
}
.list_btn2{
	font-size:20px;
	color:#fff;
	height:45px;
	line-height:45px;
	background-color:#0287ca;
	border:1px solid #0287ca;
	border-radius:5px;
	padding:0 25px;
}
.list_btn1 i{
	display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    margin-bottom: -3px;
    background: url(../images/search_white.png) no-repeat;
}
.list_btn2 i{
	display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    margin-bottom: -2px;
    background: url(../images/dingzhi_icon.png) no-repeat;
}

.content_box .product_details{
    margin-top:-30px;
}
.product_details h2{
	font-size:48px;
	color:#10218b;
	text-align:left;
	margin-bottom:20px;
}
.product_details .desc{
	font-size:18px;
	color:#333;
	line-height:40px;
	text-indent:36px;
	margin-bottom: 12px;
}
.search_bar_box{
	width:95%;
	margin:20px 0 20px 0;
}

.table_box{
	margin-bottom:100px;
}
.product_table{
	width:100%;
	border-left:1px solid #d8dee0;
} 
.product_table th{
	font-size:18px;
	color:#fff;
	font-weight:normal;
	line-height:75px;
	text-align:center;
	height:75px;
	background-color:#10218b;
	border-right:1px solid #d8dee0;
	padding:0 10px;
}
.product_table td{
	font-size:14px;
	color:#333;
	line-height:32px;
	text-align:center;
	border-bottom:1px solid #d8dee0;
	border-right:1px solid #d8dee0;
	padding:0 10px;
}
.product_table td img{
	width:64px;
	height:44px;
}
.product_table td .model_color{
	font-size:18px;
	color:#10218b;
}
.product_table td .icon_pdf{
	display:inline-block;
	width:22px;
	height:22px;
	background: url(../images/icon_pdf.png) no-repeat;
	cursor:pointer;
}
.product_table td .icon_details{
    display:inline-block;
    width:22px;
    height:22px;
    background: url(../images/icon_details.png) no-repeat;
    cursor:pointer;
}

.product_img_box{
	overflow:hidden;
	margin-bottom:40px;
}
.product_img{
	float:left;
	width: 152px;
    height: 102px;
    border: 1px solid #e0e7ea;
}
.product_img img{
	width:150px;
	height:100px;
}
.product_img_right{
	float: left;
    width: calc(100% - 152px);
}
.product_img_right h3{
	text-align: left;
    font-size: 30px;
    font-weight: normal;
    margin: 20px 0 20px 20px;
}
.product_img_right h4{
	font-size: 16px;
	color:#666;
	margin-left: 20px;
	line-height: 26px;
}
.p_tabs_box{
	margin-bottom:100px;
}
.p_tabs_title{
	overflow:hidden;
	margin-left:30px;
}
.p_tabs_title li {
    font-size: 16px;
    color: #333;
    line-height: 56px;
    text-align: center;
    float: left;
    width: 200px;
    height: 56px;
    background-color: #dee8ed;
    border-radius: 5px 5px 0 0;
    margin-right: 10px;
    cursor: pointer;
}
.p_tabs_title li.current{
	color:#fff;
	background-color:#3a4cb9;
}
.p_tabs_content{
	width:100%;
	border:1px solid #10218b;
	border-radius:5px; 
}
.p_tabs_content p{
	font-size:18px;
	color:#333;
	line-height:45px;
	padding-left:30px;
	padding-right:30px;
}
.p_tabs_content p:first-child{
	padding-top:26px;
}
.p_tabs_content p:last-child{
	padding-bottom:60px;
}
.p_tabs_content table{
	width:100%;
}
.p_tabs_content table th{
	line-height:40px;
	font-size:16px;
	color:#333;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #e0e7ea;
	border-right:1px solid #e0e7ea;
}
.p_tabs_content table td{
	line-height:40px;
	font-size:16px;
	color:#333;
	text-align:center;
	border-bottom:1px solid #e0e7ea;
	border-right:1px solid #e0e7ea;
}
.tabs_img_box{
	text-align:center;
	padding: 20px;
} 
.tabs_img_box img{
	width:70%;
	margin-bottom:50px;
}



.content_box .CNAS_box{
	margin-bottom:100px;
}
.CNAS_box img,.TEST_box img{
	width:100%;
	height:270px;
}
.A_C_box img {
    width: 400px;
    margin: auto;
    display: block;
}
.content_box .A_C_box h3{
	font-size:18px;
	font-weight:normal;
}
.product_table td i{
	display:inline-block;
	width:20px;
	height:20px;
	background: url(../images/icon_download.png) no-repeat;
	cursor:pointer;
}
.Tech_S_table td{
	height:60px;
	line-height:60px;
}
.agent_table{
	width:100%;
	border-top:1px solid #e0e7ea;
	margin-bottom:100px;
}
.agent_table tr td{
	font-size:18px;
	color:#10218b;
	line-height:100px;
	height:100px;
	border-bottom:1px solid #e0e7ea;
}
.agent_map_box{
	overflow: hidden;
    margin-left: 8%;
	margin-bottom:100px;
}
.agent_map_left{
	width: 25%;
    float: left;
    padding-right:20px;
}
.agent_map_left p{
	font-size:18px;
	color:#333;
}
.agent_map_search{
	margin-bottom: 10px;
    margin-top: 2px;
}
.agent_map_search input{
	font-size:16px;
	line-height:34px;
	height:34px;
	width:calc(100% - 100px);
	border:1px solid #e0e7ea;
	padding-left:10px;
}
.agent_map_search input::placeholder{
	color:#ccc;
	font-size:16px;
	line-height:34px;
}
.agent_map_search .search_btn {
    height: 35px;
    line-height: 34px;
    color: #10218b;
    border-radius: 0;
    background-color: #fff;
	border:1px solid #e0e7ea;
}
.agent_map_search .search_btn i{
	width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-bottom: -2px;
	background: url(../images/search_blue.png) no-repeat;
	background-size: contain;
}
.agent_map_right{
	width:67%;
	float:left;
	border:1px solid #e0e7ea;
}
.agent_map_right img{
	width:100%;
}
.agent_select_box{
	width:100%;
	border:1px solid #e0e7ea;
}
.agent_select_box li{
	border-bottom:1px solid #e0e7ea;
}
.agent_select_box li h4{
	font-size: 18px;
    margin: 20px 0 10px 10px;
}
.agent_select_box li h4 i{
	display:inline-block;
	width:21px;
	height:21px;
	margin-bottom: -4px;
	background: url(../images/icon_pin.png) no-repeat;
}
.agent_select_box li p{
	font-size: 12px;
    color: #888;
    text-indent: 30px;
    margin-bottom: 20px;
}
.table_link{
	color:#364cd6;
}
.point_of_sale{margin-bottom:100px;} 
.point_of_sale .product_table th,.point_of_sale .product_table td{text-align:left;}
.point_of_sale .Tech_S_table td{
	line-height: 32px;
    height: auto;
}
.point_of_sale .Tech_S_table td p{
	color:#888;
}
.point_of_sale .Tech_S_table td h5{
	line-height:32px;
}
.QR_code_box{
	float:left;
	width:135px;
	height:135px;
	position:relative;
	background: url(../images/QR_code_img.png) no-repeat;
	background-size: cover;
	margin-top: 10px;
    margin-left: 60px;
}
.QR_code_box span{
	display: inline-block;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -25px;
}
.T_Tips_left {
    position: fixed;
    width: 20%;
    left: 8%;
    top: 226px;
    min-height: 322px;
    z-index: 6;
    border: 1px solid #e4e5e7;
    border-radius: 5px;
	background-color: #fff;
}
.T_Tips_left dt{
	font-size: 16px;
    line-height: 42px;
    padding-left: 20px;
    border-bottom: 1px solid #e4e5e7;
}
.T_Tips_left dd{
    font-size:14px;
    margin-left:30px;
    margin-top:20px;
    cursor:pointer;
}
.T_Tips_left dd a{color:#666;}
.T_Tips_left dd a:hover,.T_Tips_left dd.current a{
    color:#277dc6;
}
.T_Tips_left dd i{
	display:inline-block;
	width:5px;
	height:5px;
	background: url(../images/dot.png) no-repeat;
	margin-bottom: 2px;
    margin-right: 6px;
}
.T_Tips_right{
	margin-bottom: 100px;
    padding-left: 40px;
}
.T_Tips_right h4 {
    font-size: 30px;
    margin-bottom: 50px;
}
.T_Tips_right h4 span {
    display: block;
    font-size: 16px;
    color: #666;
    margin-top: 18px;
}
.T_Tips_right p {
    font-size: 16px;
    line-height: 32px;
	text-indent: 32px;
}
.T_Tips_right h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 38px;
    text-indent: 20px;
    background-color: #e9eef5;
    margin: 22px 0;
}
.T_Tips_right h6{
	font-size:16px;
	line-height:32px;
	color:#333;
} 
.L_Zone_top{
	background-color:#f0f2f6;
    text-align: center;
}
.L_Zone_top h3,.L_Zone_bottom h3{
	font-size:30px;
	font-weight:normal;
	text-align: left;
	padding:30px 0 30px 30px;
	margin:0;
}
.L_Zone_top ul,.L_Zone_bottom ul{
	display: inline-block;
    overflow: hidden;
    padding-bottom: 60px;
}
.L_Zone_top ul li,.L_Zone_bottom ul li{
	float: left;
    margin-right: 20px;	
}
.L_Zone_top ul li img,.L_Zone_bottom ul li img{
	height:84px;
}
.L_Zone_top ul li span,.L_Zone_bottom ul li span{
	font-size: 12px;
    display: block;
    text-align: center;
    margin-top: 10px;
}
.L_Zone_bottom{
	background-color:#e7eeff;
    text-align: center;
}
.content_box .row.L_New_box{
	margin-bottom:80px;
} 
.L_New_box table{
	width:100%;
	border-top:1px solid #d8dee0;
} 
.L_New_box table td{
	font-size:14px;
	color:#888;
	line-height:32px;
	padding:20px;
	border-bottom:1px solid #d8dee0;
}
.L_New_box table td:last-child a{
	font-size:18px;
	color:#10218b;
}
.L_New_box table td i{
	display:inline-block;
	width:10px;
	height:10px;
	background: url(../images/arrow_right4_icon.png) no-repeat;
	margin: 0px 0 1px 15px;
}
.Customized_box {
    overflow: hidden;
    padding-bottom: 70px;
}
.Customized_icon {
    width: 33%;
    float: left;
}
.Customized_icon h4{
	float: left;
	text-align: center;
}
.Customized_icon h4 img{
	width: 54px;
}
.Customized_icon h4 b{
	font-size:22px;
	color:#bbc8f2;
	display:block;
	margin: 12px 0;
}
.Customized_icon h4 a{
	font-size:16px;
	color:#666;
	display:block;
	margin-bottom:12px;
}
.Customized_icon h4 i{
	font-size:14px;
	color:#888;
	display:block;
	margin-bottom:8px;
}
.Customized_icon span{
	float: left;
    display: block;
    width: calc(100% - 65px);
    border-bottom: 2px solid #5676de;
    margin-top: 30px;
}
.Customized_icon:first-child span{
	width: calc(100% - 130px);
} 
.Company_P_box {
    margin-bottom: 50px !important;
}
.Company_P_box img{
	width: 100%;
    height: 260px;
}
.Company_P_box h2{
	text-align:left;
	margin-bottom:50px;
}
.Company_P_box p{
	font-size:16px;
	color:#666;
	line-height:40px;
	text-indent:32px;
	margin-bottom:20px;
}
.Company_H h2{
	text-align:left;
}
.Company_H table{
	width:100%;
	margin-bottom:80px;
	border-top:1px solid #d8dee0;
} 
.Company_H table td{
	font-size: 16px;
	font-weight:bold;
    color: #333;
    line-height: 40px;
    padding: 25px;
    border-bottom: 1px solid #d8dee0;
}
.Company_H table td p{
	font-size: 18px;
    padding-right: 30px;
}
.Company_H img{
	width:100%;
	height:318px;
	margin-bottom:80px;
}
.Company_S h2{
	text-align:left;
}
.Company_S .Staff_Box{
	position: relative;
    margin-bottom: 80px;
    height: 400px;
}
.Staff_Box .Staff_S_C,.Staff_Box .Staff_S_L,.Staff_Box .Staff_S_R{
	position:absolute;
	box-shadow: rgb( 0, 0, 0 ,0.2) 0px 2px 6px 2px;
    -webkit-box-shadow: rgb( 0, 0, 0 ,0.2) 0px 2px 6px 2px;
    -moz-box-shadow: rgb( 0, 0, 0 ,0.2) 0px 2px 6px 2px;
}
.Staff_Box img{
	width:678px;
	height:400px;
}
.Staff_Box .Staff_S_C{
	left:calc(50% - 339px);
	z-index:3;
}
.Staff_Box .Staff_S_L{
	transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -moz-transform: scale(0.8);
	left: -65px;
    z-index: 2;
}
.Staff_Box .Staff_S_R{
	transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -moz-transform: scale(0.8);
	right: -65px;
    z-index: 2;
}
.Staff_To_l{
	display:inline-block;
	height:50px;
	width:50px;
	background: url(../images/Staff_Style_L.png) no-repeat;
	position: absolute;
    left: 30px;
    top: 50%;
    z-index: 5;
}
.Staff_To_r{
	display:inline-block;
	height:50px;
	width:50px;
	background: url(../images/Staff_Style_R.png) no-repeat;
	position:absolute;
	right: 30px;
    top: 50%;
    z-index: 5;
}
.Carousel_Indicator_Box{
	width:100%;
	text-align:center;
	position: absolute;
    bottom: -30px;
}
.Carousel_Indicator_Box li{
	display: inline-block;
    width: 60px;
    height: 4px;
    border-radius: 2px;
    background-color: #dedede;
	margin-right:10px;
}
.Carousel_Indicator_Box li:hover,.Carousel_Indicator_Box li.current{
	background-color: #9d9d9d;
}
.tips_message {
    position: fixed;
    top: 50%;
    left: calc(50% - 150px);
    background: #edf2fc;
    min-width: 300px;
    text-align: center;
    padding: 12px 0;
    border-radius: 5px;
    border: 1px solid #cbd3e4;
    box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 0.3);
    -webkit-box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 0.3);
    -moz-box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 0.3);
}
.tips_message p {
    line-height: 30px;
}
.empty_box{
    height: 360px;
    width: 300px;
    margin: auto;
    padding-top: 280px;
    font-size: 24px;
    color: #dedede;
    font-weight: bold;
    margin-top: 10px;
    background: url(../images/nocontent.png) no-repeat;
}


/***************************************/

.to_top_ball{
	display:block;
	width:50px;
	height:50px;
	position:fixed;
	bottom:30px;
	right:5%;
	background: url(../images/to_top.png) no-repeat;
	transition:all .6s;
	z-index:20;
}




/* 小屏幕（平板，大于等于 768px）xs */
@media (max-width: 768px) {
.logo_box{
	height: 40px;
	margin-left:10px;
}
.top_nav{display:none}	
.search_box {
    margin-right: 65px;
}
.detail_banner_box{margin-top:58px;}
.banner3{height: 520px;}
.banner2{height: 520px;}
.banner1{height: 520px;}
.top_nav_icon{display:block;}
.foot_content dl{display:none;}

.hidenav_box{ display:block;}
.nav_classify{ display:none;}
.joinusDetail_imgbox{width:100%;margin-bottom:0px;}
.joinusDetail_font{width:100%;margin-left:0;}


}
/* 小屏幕（平板，大于等于 768px,小于等于 992px）sm */
@media (min-width: 768px) and (max-width: 992px) {
.logo_box{
	height: 40px;
	margin-left:10px
}
.top_nav{display:none}	
.search_box {
    margin-right: 65px;
}
.detail_banner_box{margin-top:58px;}
.banner3{height: 520px;}
.banner2{height: 520px;}
.banner1{height: 520px;}
.top_nav_icon{display:block;}
.hidenav_box{ display:block;}
.nav_classify{ display:none;}
.joinusDetail_imgbox{width:100%;margin-bottom:0px;}
.joinusDetail_font{width:100%;margin-left:0;}


}
/* 中等屏幕（桌面显示器，大于等于992px，小于1200px）md */
@media (min-width: 992px) and (max-width: 1200px) {
.logo_box{
	height: 50px;
	margin-left:10px
}
.top_nav a{margin: 0 24px;}
.top_nav a:first-child {
    margin-left: 40px;
}
.search_box .search_link{display:none}
.search_link, .Language_Switch{margin-left: 10px;}
.banner3{height: 520px;}
.banner2{height: 520px;}
.banner1{height: 520px;}
.joinusDetail_imgbox{width:100%;margin-bottom:0px;}
.joinusDetail_font{width:100%;margin-left:0;}

}
/* 大屏幕（桌面显示器，大于等于1200px）lg */
@media (min-width: 1200px) {
		
	
}

#technicalTips {
    position: relative;
    margin: 0 auto;
}

#technicalTips .swiper-container {
    padding-bottom: 60px;
}

#technicalTips .swiper-slide {
    width: 430px;
    height: 478px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 6px 2px;
    -webkit-box-shadow: rgb(0 0 0 / 20%) 0px 2px 6px 2px;
    -moz-box-shadow: rgb( 0, 0, 0 ,0.2) 0px 2px 6px 2px;
    opacity: 0.5;
}
#technicalTips .swiper-slide a{
    opacity: 0.5;
} 
#technicalTips .swiper-slide img {
    display: block;
}

#technicalTips .swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0;
}

#technicalTips .swiper-slide-active a {
    opacity:1;
}

body .swiper-pagination {
    width: 100%;
    bottom: -30px;
}
body .swiper-pagination-bullets .swiper-pagination-bullet {
    border: 2px solid #c7c7c7;
    width: 60px;
    height: 4px;
    border-radius: 8px;
    background-color: #fff;
    margin-right: 10px;
    opacity: 1;
}
body .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 2px solid #4285F4;
    background-color: #fff;
}
body .swiper-button-prev {
    left: -30px;
    width: 45px;
    height: 45px;
    background: url(/content/images/wm_button_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;

}
body .swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%;
}
body .swiper-button-next {
    right: -30px;
    width: 45px;
    height: 45px;
    background: url(/content/images/wm_button_icon.png) no-repeat;
    background-position: 0 -93px;
    background-size: 100%;
}

body .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%;
}


#ygfc {
    position: relative;
    margin: 0 auto;
}

#ygfc .swiper-container {
    padding-bottom: 60px;
}

#ygfc .swiper-slide {
    width: 678px;
    height: 400px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 6px 2px;
    -webkit-box-shadow: rgb(0 0 0 / 20%) 0px 2px 6px 2px;
    -moz-box-shadow: rgb( 0, 0, 0 ,0.2) 0px 2px 6px 2px;
    opacity: 0.5;
}
#ygfc .swiper-slide a{
    opacity: 0.5;
} 
#ygfc .swiper-slide img {
    display: block;
}

#ygfc .swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0;
}

#ygfc .swiper-slide-active a {
    opacity:1;
}

/* ========= 飞入元素核心样式 ========= */
/* 所有带有 fly-up-item 类的元素默认隐藏 (透明 + 下移) */
.fly-up-item {
    opacity: 0;
    transform: translateY(80px);
    transition: opacity 1s cubic-bezier(0.2, 0.9, 0.4, 1.2), 
                transform 1s cubic-bezier(0.2, 0.9, 0.4, 1.2);
    will-change: transform, opacity;
    backface-visibility: hidden;
}

/* 可见状态: 完全显示 + 归位 → 产生“飞入”效果 */
.fly-up-item.visible {
    opacity: 1;
    transform: translateY(0);
}



.Application_Box_bg{
    width: 1382px;
    height: 632px;
    background: url(http://file.oscrystn.com/image/17a68e206d4c4f8d9ac39313e0d60d34.png) no-repeat;
    position:relative;
}
.Application_word1,.Application_word2,.Application_word3,.Application_word4,.Application_word5,.Application_word6,.Application_word7{
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 30px;
    background-color: #ffffff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 1px 1px 4px 2px #ddd;
    -webkit-box-shadow:1px 1px 4px 2px #ddd;
    -moz-box-shadow:1px 1px 4px 2px #ddd;
    opacity: 0.8;
}
.Application_word1{
    position: absolute;
    left: 188px;
    top: 140px;
}
.Application_word2{
    position: absolute;
    left: 702px;
    top: 156px;
}
.Application_word3{
    position: absolute;
    left: 1040px;
    top: -4px;
}
.Application_word4{
    position: absolute;
    left: 556px;
    top: 260px;
}
.Application_word5{
    position: absolute;
    left: 1140px;
    top: 240px;
}
.Application_word6{
    position: absolute;
    left: 306px;
    top: 366px;
}
.Application_word7{
    position: absolute;
    left: 1140px;
    top: 410px;
}