@charset"utf-8";
h1,h2,h3,h4,ul,dl,li,dt,dd,p,label{
	margin: 0;
}
.img_none{
	display: none;
}
img{
	max-width: 100%;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	border-bottom: 0;
}
/*
============================================= 首页
*/
.header{
	position: relative;
	z-index: 9;
}
.headerbox{
	height: 90px;
	background-color: #fff;
	box-shadow: 0px 0px 15px 1px rgba(0,0,0,.1);
	position: relative;
	z-index: 2;
}
.hdcontainer{
	width: 84%;
	margin: auto;
	position: relative;
}
.logo{
	height: 90px;
	line-height: 90px;
	position: absolute;
	top: 0;
	left: 0;
}
.logo a{
	display: block;
	font-size: 0;
}
.logo img{
	display: inline-block;
	vertical-align: middle;
}
.nav{
	width: 1200px;
	margin: auto;
	text-align: center;
	display: table;
}
.nav .nav_li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 35px;
}
.nav .nav_li:after{
	content: "";
	display: block;
	clear: both;
}
.nav .nav_li .nav_a{
	float: left;
	height: 90px;
	line-height: 90px;
	font-size: 16px;
	color: #333333;
	font-family: 'opensans_sbold';
	transition: all 0.3s ease 0s;
}
.nav .nav_li .nav_a:after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	background-color: #2470cc;
	height: 3px;
	transition: all 0.3s ease 0s;
	opacity: 0;
}
.nav .nav_li.active .nav_a{
	color: #2470cc;
}
.nav .nav_li.active .nav_a:after{
	bottom: 30px;
	opacity: 1;
}
.navsearch{
	display: none;
}
.sear_lang{
	position: absolute;
	right: 0;
	top: 0;
	height: 90px;
}
.search{
	width: 110px;
	position: relative;
	margin-right: 20px;
}
.search:after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 12px;
	background-color: #cccccc;
	width: 1px;
}
.searchdiv{
	font-size: 14px;
	color: #868686;
	font-size: 14px;
	color: #868686;
	font-family: 'opensans';
	text-transform: uppercase;
	height: 90px;
	line-height: 90px;
	transition: all 0.3s ease 0s;
}
.search .span{
	margin-right: 10px;
}
.searchdiv{
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.searchdiv:after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	background-color: #2470cc;
	height: 3px;
	transition: all 0.3s ease 0s;
	opacity: 0;
}
.search img{
	filter: grayscale(1);
	opacity: 0.7;
	transition: all 0.3s ease 0s;
}
.searchdiv:hover:after{
	bottom: 30px;
	opacity: 1;
}
.search .searchdiv:hover .span{
	color: #2470cc;
}
.search .searchdiv:hover img{
	filter: grayscale(0);
	opacity: 1;
}
.search .fm{
	position: relative;
	width: 38px;
	height: 90px;
}
.search .fm .input{
	height: 38px;
	border: solid 1px #eee;
	border-radius: 3px;
	width: 200px;
	padding: 0 15px;
}
.search .fm .but{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 38px;
	height: 38px;
	font-size: 0;
	background: url(../images/search.png) no-repeat center center;
}
.searchinp{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 48px;
	margin: auto;
	height: 38px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease 0s;
}
.searchinp.vis{
	visibility: visible;
	opacity: 1;
	right: 38px;
}
.languages li{
	float: left;
	margin: 0 10px;
}
.languages li a{
	float: left;
	height: 90px;
	line-height: 90px;
	color: #999999;
	position: relative;
}
.languages li a:after{
	content: "";
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #2470cc;
	opacity: 0;
}
.languages li.active a{
	color: #333;
}
.languages li.active a:after{
	opacity: 1;
}
/*
----------- index - banner
*/
.banner{
	position: relative;
}
.ban_owl .owl-dots{
	position: absolute;
	z-index: 3;
	bottom: 60px;
	left: 0;
	right: 0;
	width: 1200px;
	margin: auto;
	text-align: left;
}
.ban_owl .owl-dots .owl-dot{
	display: inline-block;
	vertical-align: top;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background-color: #fff !important;
	margin-right: 10px;
}
.ban_owl .owl-dots .owl-dot.active{
	width: 30px;
}
.ban_pg{
	position: absolute;
	z-index: 2;
	bottom: 45px;
	left: 0;
	right: 0;
	width: 1200px;
	margin: auto;
	text-align: right;
}
.ban_ind,.ban_g,.ban_count{
	color: #fff;
}
.ban_ind,.ban_g{
	font-size: 36px;
}
.ban_ind{
	position: relative;
	top: -10px;
}
.ban_g{
	margin-right: 6px;
	margin-left: 10px;
}
.ban_count{
	font-size: 18px;
}
.ban_box{
	position: relative;
}
.ban_div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ban_smldiv{
	padding-bottom: 100px;
}
.ban_h2{
	font-size: 60px;
	color: #fff;
	line-height: 72px;
	font-family: 'opensans_bold';
	position: relative;
	padding-bottom: 45px;
	margin-bottom: 45px;
	text-shadow: rgba(0,0,0,.1) 0px 5px 10px; 
}
.ban_h2:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 3px;
	background-color: #fff;
	box-shadow: 0px 3px 10px 1px rgba(0,0,0,.1);
}
.ban_mp{
	font-size: 24px;
	color: #ffffff;
	line-height: 36px;
	text-shadow: rgba(0,0,0,.1) 0px 5px 10px; 
}
/*
------------------- index - home1
*/
.hm1_box{
	padding: 75px 0;
}
.hms_tit{
	font-size: 36px;
	color: #333333;
	font-family: 'opensans_bold';
	text-transform: uppercase;
	margin-bottom: 35px;
}
.hm1pro_dl{
	background-color: #fff;
	padding: 25px 34px;
	text-align: center;
	transition: all 0.5s ease 0s;
}
.hm1pro_dl .hm1pro_dt{
	font-size: 0;
}
.hm1pro_dl .hm1pro_dd{
	padding: 25px 0;
}
.hm1pro_dl .hm1pro_dd .tit{
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;
}
.hm1pro_dl .hm1pro_dd .but{
	font-size: 14px;
	color: #2470cc;
	font-family: 'opensans_sbold';
}
.hmpro_owl .owl-nav{
	display: block !important;
}
.hmpro_owl .owl-nav .owl-prev,.owl-nav .owl-next{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
	margin: auto;
	font-size: 0 !important;
	opacity: 0;
	transition: all 0.5s ease 0s;
}
.hmpro_owl .owl-nav .owl-prev{
	background: url(../images/prev.png) no-repeat center center !important;
	left: 0px;
}
.hmpro_owl .owl-nav .owl-next{
	background: url(../images/next.png) no-repeat center center !important;
	right: 0px;
}
/*
------------------ index - home2
*/
.hm2_box{
	height: 420px;
}
.hm2_tit{
	font-size: 60px;
	color: #ffffff;
	font-family: 'opensans_bold';
	text-align: center;
	padding-bottom: 30px;
	position: relative;
	margin-bottom: 20px;
}
.hm2_tit:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 60px;
	height: 3px;
	background-color: #2470cc;
}
.hm2_p{
	font-size: 24px;
	color: #ffffff;
	text-align: center;
}
.hm2_but{
	text-align: center;
	font-size: 0;
	margin-top: 40px;
}
.hm2_but li{
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
}
.hm2_but li a{
	display: block;
	width: 160px;
	height: 50px;
	border: solid 1px #fff;
	border-radius: 5px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	transition: all 0.3s ease 0s;
}
/*
------------- index - home3
*/
.hm3_lt{
	width: 38.5%;
	background-color: #2470cc;
	height: 410px;
	float: left;
}
.hm3_lcont{
	float: right;
	width: 380px;
	padding-right: 75px;
}
.hm_tit{
	font-size: 36px;
	line-height: 48px;
	font-family: 'opensans_bold';
	text-transform: uppercase;
	padding-bottom: 20px;
	margin-bottom: 25px;
	position: relative;
}
.hm_tit:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 3px;	
}
.hm3_tit{
	color: #ffffff;
}
.hm3_tit:after{
	background-color: #fff;
}
.hm_p{
	font-size: 16px;
	line-height: 24px;
}
.hm3_p{
	color: #ffffff;
}
.hm3_rt{
	width: 61.5%;
	float: left;
	background-color: #f0f0f0;
	height: 410px;
}
.hm3_rcont{
	width: 820px;
}
/*
--------------- index - home4
*/
.hm4_lt{
	width: 38.5%;
	height: 660px;
	float: left;
}
.hm4_rt{
	width: 61.5%;
	float: left;
	height: 660px;
}
.hm4_cont{
	width: 820px;
	padding-top: 80px;
	padding-left: 60px;
}
.hm4_cont .title{
	padding-right: 185px;
	margin-bottom: 50px;
}
.hm4txt_nav li{
	float: left;
}
.hm4_tit:after{
	background-color: #2470cc;
}
.hm4_p{
	color: #999;
}
.hm4txt_nav{
	margin-bottom: 10px;
}
.hm4txt_nav li{
	width: 260px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-color: #f0f0f0;
	font-size: 24px;
	color: #b2b2b2;
	cursor: pointer;
}
.hm4txt_nav li.active{
	background: #0b213d url(../images/hm4_jiao.png) no-repeat center bottom;
	color: #fff;
}
.hm4_div{
	display: none;
}
.hm4_div.vis{
	display: block;
}
.hm4div_ul{
	border-bottom: solid 1px #dbdbdb;
}
.hm4div_ul li{
	float: left;
	font-size: 18px;
	color: #b2b2b2;
	margin-right: 30px;
	height: 55px;
	line-height: 55px;
	cursor: pointer;
	position: relative;
}
.hm4div_ul li:after{
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #2470cc;
	opacity: 0;
}
.hm4div_ul li.active{
	color: #2470cc;
}
.hm4div_ul li.active:after{
	opacity: 1;
}
.hm4div_div{
	display: none;
}
.hm4div_div.vis{
	display: block;
}
.hm4div_div .m_p{
	font-size: 16px;
	color: #4e4e4e;
	line-height: 30px;
	padding: 25px 0;
}
.hm4div_div .m_p a{
	color: #4e4e4e;
	transition: all 0.3s ease 0s;
}
.hm4div_div .m_a{
	font-size: 16px;
	color: #2470cc;
	text-decoration: underline;
}
/*
---------------------- index - home5
*/
.hm5_box{
	padding: 75px 0;
}
.hm5_list li{
	float: left;
	width: 20%;
	text-align: center;
	padding: 40px 0;
	transition: all 0.5s ease 0s;
}

.hm5_list li .icon{
	display: block;
	width: 150px;
	height: 174px;
	text-align: center;
	line-height: 174px;
	margin: auto;
	margin-bottom: 25px;
	font-size: 0;
	transition: all 0.5s ease 0s;
	position: relative;
	z-index: 1;
}
.hm5_list li .icon:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/hm5_smlbg.png) no-repeat center center;
	z-index: -1;
	opacity: 0;
	transition: all 0.5s ease 0s;
}
.hm5_list li .icon img{
	display: inline-block;
	vertical-align: middle;
}
.hm5_list li .tit{
	font-size: 16px;
	color: #4e4e4e;
	transition: all 0.5s ease 0s;
}
/*
--------------------------- index - home6
*/
.hm6_box{
	background-color: #f0f0f0;
	padding: 75px 0;
}
.hm6_box .title{
	text-align: center;
	margin-bottom: 40px;
}
.hm6_tit:after{
	background-color: #2470cc;
	margin: auto;
	left: 0;
	right: 0;
}
.hm6_p span{
	display: block;
	font-size: 16px;
	color: #999999;
	line-height: 24px;
}
.hmew_list{
	margin: 0 -30px;
}
.hmew_li{
	padding: 0 30px;
}
.hmew_dl{
	width: 100%;
	margin: 20px 0;
	position: relative;
	padding-left: 60px;
	float: left;
}
.hmew_time{
	position: absolute;
	top: 5px;
	left: 0;
	width: 40px;
	text-align: right;
}
.hmew_time .span,.hmew_time .small{
	display: block;
}
.hmew_time .span{
	font-size: 30px;
	color: #333333;
	margin-right: -5px;
}
.hmew_time .small{
	font-size: 18px;
	color: #b2b2b2;
	border-top: solid 1px #808080;
	padding-top: 3px;
	margin-top: 5px;
}
.hmew_dl dt,.hmew_dl dd{
	float: left;
}
.hmew_dl dt{
	font-size: 0;
	width: 220px;
	overflow: hidden;
}
.hmew_dl dt img{
	transition: all 0.5s ease 0s;
}
.hmew_dl dd{
	width: 290px;
	padding-left: 20px;
}
.hmew_dl dd .m_txt{
	height: 115px;
}
.hmew_dl dd .m_txt .m_p{
	font-size: 14px;
	color: #333333;
	line-height: 24px;
}
.hmew_dl dd .more{
	font-size: 14px;
	color: #2470cc;
}
.div_more{
	margin-top: 50px;
}
.div_more .but{
	display: block;
	margin: auto;
	width: 160px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color: #0b213d;
	border-radius: 5px;
	border: solid 1px #0b213d;
	transition: all 0.3s ease 0s;
}
/*
------------------------------- index - home7
*/
.hm7_box{
	padding-bottom: 100px;
}
.hm7_box .title{
	text-align: center;
	padding: 75px 0;
}
.hm7_list{
	margin: 0 -23px;
}
.hm7_li{
	padding: 0 23px;
}
.hm7_dl{
	position: relative;
	float: left;
	overflow: hidden;
}
.hm7_dl .hm7_dt{
	font-size: 0;
}
.hm7_dl .hm7_dd{
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 30px;
}
.hm7_dl .hm7_dd:after{
	content: "";
	position: absolute;
	z-index: -1;
	top: 100px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0b213d;
	opacity: 0;
	transition: all 0.5s ease 0s;
}
.hm7_dd .tit{
	font-size: 26px;
	color: #fff;
	line-height: 36px;
	min-height: 108px;
	margin-bottom: 20px;
}
.hm7_dd .m_txt{
	min-height: 72px;
	padding-bottom: 20px;
	border-bottom: solid 1px rgba(255,255,255,.3);
	margin-bottom: 25px;
}
.hm7_dd .m_txt .m_p{
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
}
.hm7_dd .but .span{
	font-size: 14px;
	color: #ffffff;
	float: left;
}
.hm7_dd .but .icon{
	width: 24px;
	height: 22px;
	float: right;
	background: url(../images/hm7_mr.png) no-repeat center center;
	transition: all 0.3s ease 0s;
}
/*
------------------------ index - home8
*/
.hm8_lt,.hm8_rt{
	width: 50%;
	float: left;
	height: 537px;
}
.hm8_lt .hm8_cont{
	float: right;
	padding-top: 65px;
}
.hm8_cont{
	width: 600px;
	padding-right: 50px;
}
.hm8_h2{
	font-size: 44px;
	color: #2470cc;
	text-decoration: underline;
	margin-bottom: 35px;
}
.hm8_h2 span{
	color: #333;
	line-height: 56px;
	font-family: 'opensans_bold';
}
.hm8_cont .m_p{
	font-size: 18px;
	color: #333333;
	line-height: 30px;
}
.hm8_cont .div_more .but{
	margin-left: 0;
}
/*
----------------------------- footer
*/
.footer{
	background-color: #0b213d;
}
.foot_bot{
	background-color: #03142a;
	height: 50px;
}
.foot_bot .m_p span,.foot_bot .m_p a{
	color: #ffffff;
	opacity: .4;
	transition: all 0.3s ease 0s;
}
.foot_bot .m_p a{
	margin-left: 25px;
}
.foot_top{
	padding: 50px 0;
}
.foot_lg{
	width: 340px;
}
.flogo{
	margin-bottom: 105px;
}
.ffenx{
	margin: 0 -13px;
}
.ffenx li{
	float: left;
	margin: 0 13px;
}
.ffenx li a{
	opacity: .4;
	transition: all 0.3s ease 0s;
}
.foot_div{
	float: left;
}
.foot_smldiv{
	float: left;
	width: 220px;
}
.foot_fm{
	float: right;
	width: 420px;
}
.foot_div .tit{
	font-size: 18px;
	color: #ffffff;
	margin-top: 20px;
	margin-bottom: 30px;
}
.foot_div .ft_nav a{
	color: #ffffff;
	line-height: 26px;
	opacity: .4;
	transition: all 0.3s ease 0s;
}
.ftfm{
	margin: 0 -10px 20px;
}
.ftfm .inp{
	float: left;
	width: 200px;
	margin: 0 10px;
}
.ftfm .inp label{
	color: #fff;
	opacity: .3;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
}
.ftfm .ftfm_ar{
	width: 420px;
	font-size: 0;
}
.ftfm input,.ftfm textarea{
	background-color: rgba(0,0,0,0);
	border-bottom: solid 1px #fff;
	height: 30px;
	font-size: 14px;
	color: #fff;
}
.ftfm textarea{
	width: 100%;
	padding-top: 5px;
}
.ftfm_but .but{
	width: 100px;
	height: 30px;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	color: #262626;
}
/*
------------------ index - 悬浮
*/
.zx_xflist{
	position: fixed;
	z-index: 9;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	height: 200px;
}
.zx_xflist .zx_xfli{
	margin: 20px 0;
}
.zx_xflist .zx_xfli{
	position: relative;
}
.zx_xflist .zx_xfli .span{
	cursor: pointer;
}
.zx_xfsmdiv{
	position: absolute;
	z-index: 9;
	top: 0;
	right: 40px;
	width: 167px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease 0s;
}
.zx_xfsmdiv.vis{
	visibility: visible;
	opacity: 1;
}
.zx_xful{
	width: 150px;
	background-color: #2470cc;
	padding-bottom: 1px;
	position: relative;
}
.zx_xful:after{
	content: "";
	position: absolute;
	right: -8px;
	background: url(../images/xf_jian.png) no-repeat center center;
	width: 9px;
	height: 14px;
	top: 30px;
}
.zx_xful li{
	padding: 0 10px;
	height: 40px;
}
.zx_xful li a{
	display: block;
	border-bottom: solid 1px #508dd6;
	height: 41px;
	line-height: 41px;
	padding-left: 40px;
	font-size: 16px;
	color: #fefefe;
	background: url(../images/qq.png) no-repeat center left 10px;
}
/*
================================================================ 02 - Our Company
*/
.company{
	padding: 80px 0 50px;
}
.nban_box .img_load{
	width: 100%;
}
.nban_box .ban_h2{
	font-size: 30px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	line-height: 52px;
}
.nban_box .ban_mp{
	font-size: 16px;
}
.nban_box .ban_smldiv{
	padding-bottom: 0;
}
.smlnav{
	border-bottom: solid 1px #ccc;
}
.smlnav .icon,.smlnav .span,.smlnav .a{
	float: left;
	height: 45px;
	line-height: 45px;
	font-family: "微软雅黑";
}
.smlnav .span,.smlnav .a{
	font-size: 12px;
	color: #666;
}
.smlnav .icon{
	width: 30px;
	text-align: center;
	margin-right: 5px;
}
.smlnav .icon img{
	display: inline-block;
	vertical-align: middle;
}
.smlnav .span.jian{
	margin: 0 5px;
}
.pany_dl{
	position: relative;
	margin-bottom: 30px;
	top: 0;
}
.pany_dd{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 45px 40px;
}
.pany_dd .tit{
	font-size: 30px;
	color: #333333;
	margin-bottom: 20px;
}
.pany_dd .m_txt{
	color: #666666;
	line-height: 24px;
	margin-bottom: 30px;
}
.pany_dd .r_more .span{
	color: #2470cc;
	margin-right: 10px;
}

.pany_dl,.pany_dd,.pany_dd .tit,.pany_dd .m_txt,.pany_dd .r_more .span,.pany_dd .r_more img{
	transition: all 0.3s ease 0s;
}
/*
==================================================== 03 - about
*/
.cpyabout{
	padding: 80px 0;
}
.cpyabout .nbox_tit{
	margin-bottom: 35px;
}
.nbox_tit .tit{
	font-size: 36px;
	color: #333333;
	font-family: 'opensans_bold';
	padding-bottom: 30px;
	position: relative;
	text-transform: uppercase;
}
.nbox_tit .tit:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 3px;
	background-color: #2470cc;
}
.nbox_tit .txt{
	font-size: 30px;
	color: #333333;
	font-family: 'opensans_bold';
	margin-top: 25px;
}
.cpyabout .h2_tit{
	font-size: 24px;
	color: #333333;
	font-family: 'opensans_bold';
	margin-bottom: 30px;
}
.about_row{
	margin-top: 50px;
}
.about_dl dd{
	margin-top: 20px;
}
.about_dl dd .h3s{
	font-size: 18px;
	color: #333333;
	line-height: 30px;
}
.cpy_about .m_txt{
	color: #333333;
	line-height: 24px;
}
/*
========================================== 04 - history
*/
.cpy_history{
	padding: 70px 0;
}
.history_div{
	margin-top: 50px;
}
.history_li .time{
	float: left;
	font-size: 36px;
	color: #0b213d;
	font-family: 'opensans_bold';
	position: absolute;
	top: 30px;
	left: -125px;
	width: 125px;
}
.history_li .time:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -4px;
	margin: auto;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #2470cc;
}
.history_dl{
	width: 1075px;
	float: right;
	border-left: solid 2px #e6e6e6;
	border-bottom: solid 2px #e6e6e6;
	position: relative;
	padding: 40px 0 40px 65px;
}
.history_dl dd .m_p{
	font-size: 18px;
	color: #333333;
	line-height: 28px;
	margin-bottom: 15px;
}
.history_li:last-child .history_dl:after{
	content: "";
	position: absolute;
	left: -2px;
	bottom: -50px;
	width: 2px;
	height: 50px;
	background-color: #e6e6e6;
}
/*
================================================= 05 -product
*/
.cpy_product{
	padding: 70px 0;
}
.product_div{
	margin-top: 50px;
}
.product_lt,.product_rt{
	float: left;
	width: 50%;
}
.product_rt img{
	float: right;
}
.product_ul li a{
	display: inline-block;
	color: #333333;
	line-height: 48px;
	font-size: 18px;
	padding: 0;
	transition: all 0.3s ease 0s;
}
/*
=============================== 06 - standar
*/
.cpy_standar{
	padding: 80px 0;
}
.stan_list{
	margin: 0 -6px;
}
.stan_li{
	padding: 0 6px 20px;
	position: relative;
}
.stan_li.active{
	z-index: 5;
}
.stan_li:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 10px;
	background: url(../images/tand_jian.png) no-repeat center center;
	opacity: 0;
}
.stan_li.active:after{
	opacity: 1;
}
.stan_li .icon{
	background-color: #f0f0f0;
	border: solid 1px #f0f0f0;
	cursor: pointer;
}
.stan_li.active .icon{
	background-color: #fff;
	border: solid 1px #cccccc;
}
.stan_li .h3s{
	font-size: 16px;
	color: #333333;
	text-align: center;
	height: 50px;
	line-height: 50px;
}
.tand_but{
	background-color: #f0f0f0;
	padding: 50px 0;
	position: absolute;
	top: 100%;
	display: none;
}
.tand_but.vis{
	display: block;
}
.tand_but .but{
	margin: 0 -10px;
}
.tand_but .but a{
	font-size: 14px;
	color: #333333;
	padding: 0 30px;
	background-color: #d6d6d6;
	height: 40px;
	line-height: 40px;
	float: left;
	margin: 5px 10px;
}
/*
*/
.cpy_quick{
	background-color: #f0f0f0;
	padding: 80px 0;
}
.cpy_tit{
	font-size: 24px;
	color: #333333;
	font-family: 'opensans_bold';
	margin-bottom: 30px;
}
.quick_dl{
	margin-bottom: 30px;
}
.quick_dd{
	position: relative;
	margin-top: 5px;
}
.quick_dd:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0px;
	height: 1px;
	background-color: #2470cc;
	transition: all 0.3s ease 0s;
}
.quick_dd .tit{
	font-size: 18px;
	color: #333333;
	height: 62px;
	line-height: 62px;
	padding-left: 10px;
	padding-right: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	transition: all 0.3s ease 0s;
}
.quick_dd .icon{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30px;
	margin: auto;
	width: 20px;
	height: 5px;
	line-height: 0;
	opacity: 0;
	transition: all 0.3s ease 0s;
}
/*
============================== 08 - automotive
*/
.cpy_clip{
	padding: 80px 0;
}
.car_box{
	margin-bottom: 60px;
}
.car_ul{
	position: relative;
}
.car_li .dian,
.car_li .xian,
.car_li .icon{
	position: absolute;
}
.car_li .dian{
	width: 10px;
	height: 10px;
	cursor: pointer;
}
.car_li .dian:before{
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #2470cc;
	border-radius: 100%;
}
.car_li .dian:after{
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 100%;
}
.car_li:nth-child(2n) .dian:after{
	animation: dian 2s ease 0s infinite;
}
.car_li:nth-child(2n+1) .dian:after{
	animation: dian 2s ease 0.3s infinite;
}
.car_li:nth-child(3n) .dian:after{
	animation: dian 2s ease 0.5s infinite;
}
.car_li:nth-child(3n+1) .dian:after{
	animation: dian 2s ease 0.2s infinite;
}
@keyframes dian{
	0%{
		transform: scale(1);
		opacity: 1;
	}
	100%{
		transform: scale(3);
		opacity: 0;
	}
}
.car_li .xian,.car_li .icon{
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease 0s
}
.car_li.vis .xian,.car_li.vis .icon{
	visibility: visible;
	opacity: 1;
}
/*
car_li1
*/
.car_li1 .dian{
	bottom: 26.5%;
	left: 28%;
}
.car_li1 .xian{
	top: 72.767%;
    right: 71.5%;
}
.car_li1 .icon{
	bottom: 0%;
    right: 78.333%;
}
/*
car_li2
*/
.car_li2 .dian{
	bottom: 40.9%;
	left: 26.92%;
}
.car_li2 .xian{
    bottom: 40.355%;
    right: 72.333%;
}
.car_li2 .icon{
	bottom: 33%;
    left: 1.9%;
}
/*
car_li3
*/
.car_li3 .dian{
	top: 39.193%;
	left: 41.5%;
}
.car_li3 .xian{
	bottom: 59.94%;
    right: 58.083%;
}
.car_li3 .icon{
	top: 19.193%;
    left: 14.5%;
}
/*
car_li4
*/
.car_li4 .dian{
	top: 25.937%;
	right: 41.667%;
}
.car_li4 .xian{
	bottom: 72.767%;
    right: 42%;
}
.car_li4 .icon{
	top: 0%;
    right: 54.667%;
}
/*
car_li5
*/
.car_li5 .dian{
	top: 28.242%;
	right: 31.667%;
}
.car_li5 .xian{
	bottom: 70.794%;
    left: 67.75%;
}
.car_li5 .icon{
	top: 0%;
    right: 14.667%;
}
/*
car_li6
*/
.car_li6 .dian{
	top: 33.429%;
	right: 26.917%;
}
.car_li6 .xian{
	bottom: 64.6%;
    left: 72.666%;
}
.car_li6 .icon{
	top: 27.429%;
    right: 0%;
}
/*
car_li7
*/
.car_li7 .dian{
	bottom: 44.524%;
	right: 33.333%;
}
.car_li7 .xian{
	top: 54.524%;
    left: 66.2%;
}
.car_li7 .icon{
	bottom: 11.524%;
    right: 8.333%;
}
/*
car_li8
*/
.car_li8 .dian{
	bottom: 52.593%;
	right: 48.166%;
}
.car_li8 .xian{
	top: 46.54%;
	left: 51.333%;
}
.car_li8 .icon{
	bottom: 0%;
    right: 30.166%;
}
/*
================================== 09 - solutions
*/
.solution_box{
	padding: 60px 0 80px;
}
.solution_box1{
	background-color: #f0f0f0;
}
.solution_box1 .nbox_tit{
	margin-bottom: 50px;
}
.solu1_dl{
	text-align: center;
	padding: 25px 0;
}
.solu1_dl .h3s{
	font-size: 18px;
	color: #333333;
	margin-top: 30px;
	font-family: 'opensans_bold';
}
.cpy_smltit{
	font-size: 18px;
	color: #333333;
	font-family: 'opensans_bold';
}
.solution_box2 .solu1_dl{
	padding-top: 30px;
}
.solution2_div{
	margin-bottom: 50px;
}
.solution2_div:last-child{
	margin-bottom: 0;
}
.solu2_div{
	display: table;
	width: 100%;
}
.solu2_div .img,.solu2_div .m_txt{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}
.solu2_div .img{
	text-align: center;
}
.solu2_div .m_txt{
	padding-left: 25px;
	font-size: 18px;
	color: #333333;
	line-height: 30px;
}
.solution_box3{
	background-color: #f0f0f0;
}
.solu1_dl .m_p{
	font-size: 16px;
	color: #333333;
	line-height: 26px;
}
.solu3_dl{
	text-align: left;
}
.solu3_dl .h3s{
	margin-bottom: 10px;
}
.solu4_list{
	margin-top: 50px;
}
.solu_list{
	margin: 0 -20px;
}
.solu_li{
	padding: 0 20px;
}
.solu_txt .m_p{
	font-size: 18px;
	color: #333333;
	line-height: 30px;
}
.solu5_txt{
	padding-top: 55px;
}
.solution5_div{
	margin-bottom: 50px;
}
.solution5_div:last-child{
	margin-bottom: 0;
}
.solu5_txts{
	padding-top: 10px;
}
.solution_box6{
	background-color: #f0f0f0;
	padding-bottom: 20px;
}
.solu6_dl .m_p{
	margin-top: 20px;
	text-align: left;
	height: 100px;
}
.solu7_list{
	margin-top: 30px;
}
.solution_box8{
	background-color: #f0f0f0;
}
.solu8_list{
	margin: 0 -5px;
}
.solu8_li{
	padding: 5px;
	float: left;
	width: 20%;
}
.solution9_div{
	margin-bottom: 70px;
}
.solution9_div:last-child{
	margin-bottom: 0;
}
/*
====================================== 10 - toolgun
*/
.cpy_toolgun{
	margin-bottom: 50px;
}
.cpy_toolgun .tishi{
	content: #333333;
}
.cpy_toolgun .tishi .cols{
	color: #f31e1e;
}
.but_dt .img{
	width: 399px;
	max-width: 100%;
	margin: auto;
}
.but_dd{
	padding-top: 10px;
}
.but_dd .h3s{
	font-size: 36px;
	color: #333333;
	font-family: 'opensans_bold';
	margin-bottom: 30px;
}
.but_dd .m_txt{
	font-size: 16px;
	color: #333333;
	line-height: 26px;
}
/*
========================================= 11 - brand
*/
.cpy_brand{
	background-color: #f0f0f0;
	padding: 80px 0;
}
.brand_dl{
	position: relative;
	margin: 15px 0;
}
.brand_dl .brand_dt{
	overflow: hidden;
}
.brand_dl .brand_dt img{
	transition: all 0.5s ease 0s;
}
.brand_dd{
	position: absolute;
	bottom: -40px;
	right: 0;
	height: 50px;
	width: 100%;
	padding-left: 30px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease 0s;
}
.brand_dd .tit{
	height: 50px;
	background-color: #2470cc;
	padding: 0 40px;
}
.brand_dd .tit span{
	font-size: 14px;
	color: #ffffff;
}
.brand_dd .icon{
	position: absolute;
	z-index: 1;
	right: 60px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 5px;
	filter: brightness(10);
	line-height: 0;
	transition: all 0.3s ease 0s;
}
/*
======================================= 12 - araymond
*/
.quick_box{
	padding: 80px 0;
}
.quick_box1{
	background-color: #f0f0f0;
}
.quick_div{
	margin-top: 35px;
}
.quick_but .but{
	display: block;
	width: 270px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	color: #666666;
	border: solid 1px #b3b3b3;
	transition: all 0.3s ease 0s;
}
.quick_box2 .quick_div .tit{
	font-size: 24px;
	color: #333;
	font-family: 'opensans_bold';
}
.quick_dt{
	overflow: hidden;
}
.quick_dt img{
	transition: all 0.5s ease 0s;
}
/*
=================================== 15- industry
*/
.cpy_industry{
	padding: 80px 0;
}
/*
=================================== 16 - automotive
*/
.auto_tit{
	margin-bottom: 35px;
}
.auto_tit .cpy_tit{
	margin-bottom: 20px;
}
.auto_list{
	margin: 0 -12px;
}
.auto_li{
	padding: 0 12px;
}
.auto_li .quick_dd{
	margin-top: 0;
}
.auto_li .quick_dd .tit{
	font-size: 16px;
	height: 54px;
	line-height: 54px;
}
/*
=================================== 16 - automotive
*/
.eds_box{
	padding: 70px 0;
}
.eds_box1{
	background-color: #f0f0f0;
}
.eds_tit .cpy_tit{
	margin-top: 20px;
}
.eds_list{
	margin: 0 -12px;
}
.eds_li{
	padding: 0 12px;
}
.eds_dl dt{
	position: relative;
	overflow: hidden;
}
.eds_dl dt>img{
	transition: all 0.5s ease 0s;
} 
.eds_dl dt .mdiv{
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(36,112,204,.9);
	transition: all 0.5s ease 0s;
	opacity: 0;
}
.eds_dl dt .mdiv span{
	transition: all 0.5s ease 0s;
}
.eds_dl dd{
	height: 60px;
}
.eds_dl dd .h3s{
	font-size: 16px;
	color: #333333;
	text-align: center;
}
.focus_txt{
	margin-top: 25px;
}
/*
================================ 18 - joinus
*/
.joinus_box{
	padding: 80px 0;
}
.joinus_div{
	margin-top: 80px;
}
.joinus_box2{
	background-color: #f0f0f0;
}
.joinus2_dl{
	height: 250px;
	position: relative;
	top: 0;
	transition: all 0.5s ease 0s;
}
.joinus2_dlo{
	background: url(../images/joinus_bg.png) no-repeat center center;
	box-shadow: 0px 5px 20px -5px rgba(36,112,204,.2);
}
.joinus2_dlt{
	background: url(../images/joinus_bg2.png) no-repeat center center;
	box-shadow: 0px 5px 20px -5px rgba(13,36,66,.2);
}
.joinus2_dl .img{
	position: absolute;
	right: 0;
	bottom: 0;
}
.joinus2_dd{
	padding: 45px 40px;
}
.joinus2_dlo .joinus2_dd{
	max-width: 45%;
}
.joinus2_dlt .joinus2_dd{
	max-width: 60%;
}
.joinus2_dd .tit{
	font-size: 30px;
	color: #ffffff;
	margin-bottom: 20px;
}
.joinus2_dd .m_txt{
	color: #fff;
}
/*
======================================== 19 - recruit
*/
.cpy_recruit{
	padding: 70px 0;
}
.recruit_list{
	margin-top: 40px;
}
.recruit_li{
	transition: all 0.5s ease 0s;
}
.recruit_li:nth-child(1) a.cl{
	border-top: solid 1px #dbdbdb;
}
.recruit_li a.cl{
	display: block;
	border-bottom: solid 1px #dbdbdb;
}
.recruit_li .tit,.recruit_li .cont,.recruit_li .rights{
	height: 75px;
	line-height: 75px;
}
.recruit_li .tit,.recruit_li .cont{
	float: left;
}
.recruit_li .tit{
	font-size: 18px;
	color: #333333;
	font-family: 'opensans_bold';
	width: 36.666%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 20px;
	transition: all 0.5s ease 0s;
}
.recruit_li .cont{
	width: 38.333%;
}
.recruit_li .cont p{
	float: left;
	color: #999999;
	width: 50%;
}
.dizhi{
	padding-left: 20px;
	background: url(../images/icons1.png) no-repeat center left;
}
.xueshi{
	padding-left: 30px;
	background: url(../images/icons2.png) no-repeat center left;
}
.recruit_li .rights{
	float: right;
	color: #999999;
	padding-right: 20px;
	transition: all 0.5s ease 0s;
}
.recruit_li .rights .icon{
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 24px;
	background: url(../images/icons3.png) no-repeat center center;
	background-size: 100%;
	margin-left: 20px;
	opacity: 0.5;
	transition: all 0.5s ease 0s;
}
.morebut .but{
	display: block;
	margin: auto;
	width: 160px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	color: #0b213d;
	border: solid 1px #0b213d;
	border-radius: 5px;
	margin-top: 50px;
}
.morebut .but img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	position: relative;
	top: -2px;
}
/*
=================================== 20 - details
*/
.cpy_details{
	padding: 80px 0;
}
.cpy_details .title{
	border-bottom: dashed 1px #cccccc;
	padding-bottom: 50px;
}
.cpy_details .title .tit{
	font-size: 30px;
	color: #0b213d;
	font-family: 'opensans_bold';
	margin-bottom: 25px;
}
.cpy_details .title .cont p{
	float: left;
	color: #666666;
	margin-right: 25px;
}
.details_text{
	padding: 45px 0;
	border-bottom: dashed 1px #cccccc;
}
.details_text .m_txt{
	font-size: 16px;
	color: #333333;
	line-height: 30px;
}
.details_text .m_txt .tit{
	font-size: 18px;
	color: #0b213d;
	font-family: 'opensans_bold';
	margin-bottom: 15px;
}
.details_more .but{
	margin-left: 0;
}
/*
*/
.tan_bg{
	position: fixed;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease 0s;
}
.tan_bg.vis{
	visibility: visible;
	opacity: 1;
}
.fasong_box{
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 640px;
	height: 315px;
	background-color: #fff;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease 0s;
}
.fasong_box.vis{
	visibility: visible;
	opacity: 1;
}
.shangc_fm{
	text-align: center;
}
.shangc_fm .tit{
	font-size: 30px;
	color: #0b213d;
	font-family: 'opensans_bold';
	margin-bottom: 45px;
}
.shangc_div{
	display: inline-block;
	margin-bottom: 50px;
}
.shangc,.file_txt{
	float: left;
}
.shangc{
	width: 160px;
	height: 40px;
	position: relative;
	overflow: hidden;
	margin-right: 20px;
}
.shangc .lab{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #f0f0f0;
	font-size: 16px;
	color: #2470cc;
	font-family: 'opensans_bold';
	border-radius: 5px;
}
.shangc .file{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
.file_txt{
	height: 40px;
	line-height: 40px;
}
.shangc_fm .but{
	width: 200px;
	height: 50px;
	text-align: center;
	font-size: 18px;
	font-family: 'opensans_bold';
	display: block;
	margin: auto;
	background-color: #2470cc;
	border-radius: 5px;
	color: #fff;
}
.fasong_box .xxx{
	position: absolute;
	top: 24px;
	right: 24px;
	cursor: pointer;
}
/*
========================================== 22 - contact
*/
.cpy_tact{
	background-color: #f0f0f0;
	padding: 135px 0;
}
.cpy_tactbox{
	position: relative;
}
.tact_box2{
	position: absolute;
	top: -70px;
	left: 0;
	width: 100%;
}
.tact_fm{
	width: 74.166%;
	background-color: #fff;
	margin-top: 50px;
	padding: 55px 50px;
	box-shadow: 0px 15px 30px 0px rgba(0,0,0,.1);
}
.tact_fm .cpy_tit{
	line-height: 36px;
	max-width: 550px;
}
.tactfm{
	margin-bottom: 25px;
}
.tact_fm .labels{
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	display: block;
	text-align: left;
	margin-bottom: 5px;
}
.tact_inp .inputs{
	height: 50px;
	padding: 0 15px;
	background-color: #f0f0f0;
	border-radius: 5px;
	border: solid 1px #dbdbdb;
	width: 100%;
}
.tact_area .area{
	width: 100%;
	height: 150px;
	background-color: #f0f0f0;
	border-radius: 5px;
	border: solid 1px #dbdbdb;	
	padding: 10px 15px;
}
.tactfm_but{
	margin-top: 40px;
}
.tactfm_but .but{
	width: 160px;
	height: 50px;
	text-align: center;
	background-color: #2470cc;
	border-radius: 5px;
	font-size: 18px;
	color: #fff;
	font-family: 'opensans_bold';
	text-transform: uppercase;
}
.tact_box1 .tact_divs{
	float: right;
	width: 53.6458%;
	height: 687px;
}
/*
=================================== 23 - download
*/
.cpy_download{
	padding: 80px 0;
}
/*
================================== 24 - certificate
*/
.cpy_certif{
	padding: 80px 0;
	background-color: #f0f0f0;
}
.certif_dl{
	position: relative;
	margin: 15px 0;
}
.certif_dl dt{
	overflow: hidden;
}
.certif_dl dt img{
	transition: all 0.5s ease 0s;
}
.certif_dl dd{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(11,33,61,.9);
	text-align: center;
	opacity: 0;
	transition: all 0.5s ease 0s;
}
.certif_dl dd .m_txt{
	padding: 0 35px;
}
.certif_dl dd .tit{
	font-size: 18px;
	color: #fdfdfd;
	line-height: 30px;
}
.certif_dl dd .but{
	width: 240px;
	height: 60px;
	line-height: 60px;
	display: block;
	margin: auto;
	background-color: #fff;
	font-size: 16px;
	color: #0b213d;
	border-radius: 5px;
	margin-top: 50px;
	font-family: 'opensans_bold';
	transition: all 0.5s ease 0s;
}
.certif_dl dd .but img{
	position: relative;
	top: -2px;
	margin-right: 5px;
}
/*
================================ 26 - new
*/
.cpy_news{
	background-color: #f0f0f0;
	padding: 80px 0;
}
.news_li{
	padding: 30px 0;
	transition: all 0.5s ease 0s;
}
.new_dl{
	padding-left: 90px;
	position: relative;
}
.new_dl .times{
	position: absolute;
	top: 15px;
	left: 0;
	width: 60px;
	text-align: right;
}
.new_dl .times .ri,
.new_dl .times .yue{
	display: block;
}
.new_dl .times .ri{
	font-size: 36px;
	color: #333333;
}
.new_dl .times .yue{
	font-size: 24px;
	color: #b2b2b2;
	border-top: solid 1px #808080;
	padding-top: 7px;
	margin-top: 10px;
}
.new_dl dt,.new_dl dd{
	float: left;
}
.new_dl dt{
	width: 290px;
	overflow: hidden;
}
.new_dl dt img{
	transition: all 0.5s ease 0s;
}
.new_dl dd{
	width: 820px;
	padding-left: 30px;
	padding-top: 15px;
}
.new_dl dd .tit{
	font-size: 24px;
	color: #333333;
	font-family: 'opensans_bold';
	line-height: 36px;
	height: 72px;
	margin-bottom: 25px;
	transition: all 0.5s ease 0s;
}
.new_dl dd .m_txt{
	color: #666666;
}
.pagination{
	text-align: center;
	font-size: 0;
	display: block;
}
.pagination li{
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}
.pagination li a{
	display: block;
	min-width: 45px;
	padding: 0 10px;
	height: 41px;
	line-height: 39px;
	font-size: 16px;
	color: #363636;
	border: solid 1px #cccccc;
	border-radius: 2px !important;
	background-color: #f0f0f0 !important;
}
.pagination li.pg_prev a,
.pagination li.pg_next a{
	font-size: 14px;
}
.pagination li.disabled a{
	font-size: 14px;
	color: #d2d2d2;
}
.pagination li.active a{
	border: solid 1px #cccccc;
	background-color: #0b213d !important;
}
/*
====================================== 27 - newtxt
*/
.cpy_newtxt{
	padding: 80px 0;
}
.cpy_newtxt .title{
	border-bottom: dashed 1px #cccccc;
	padding-bottom: 25px;
	margin-bottom: 45px;
}
.cpy_newtxt .title .tit{
	font-size: 30px;
	color: #0b213d;
	font-family: 'opensans_bold';
	margin-bottom: 20px;
}
.cpy_newtxt .title .cont{
	color: #999999;
}
.cpy_newtxt .title .gang{
	margin: 0 20px;
}
.newtxt_text img{
	display: block;
	margin: auto;
}
/*
============================== 13 - nuts
*/
.nuts_box{
	padding: 80px 0;
}
.nuts_chapin .nuts_img{
	float: left;
	width: 500px;
}
.nuts_chapin .txtbox{
	float: left;
	width: 700px;
	padding-left: 50px;
}
.nuts_chapin .txtbox .nbox_tit{
	margin-bottom: 20px;
}
.nuts_div{
	margin-top: 60px;
}
.nuts_box2{
	background-color: #f0f0f0;
}
.nutslg_owl{
	width: 1110px;
	margin: auto;
}
.nutslg_owl .owl-nav{
	display: block !important;
	font-size: 0 !important;
}
.nutslg_owl .owl-prev,.nutslg_owl .owl-next{
	width: 45px;
	height: 150px;
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 1 !important;
}
.nutslg_owl .owl-prev{
	left: -45px;
	background: #d6d6d6 url(../images/nuts_lt.png) no-repeat center center !important;
}
.nutslg_owl .owl-next{
	right: -45px;
	background: #d6d6d6 url(../images/nuts_rt.png) no-repeat center center !important;
}
.nutslogo{
	transition: all 0.5s ease 0s;
	cursor: pointer;
}
.nutslogo.active{
	background-color: #fff;
}
.nutslg_owl{
	margin-bottom: 50px;
}
.nuts_li{
	display: none;
}
.nuts_li.vis{
	display: block;
}
.nuts_ul{
	margin: 0 -10px;
}
.nuts_ul li{
	float: left;
	margin: 10px;
}
.nuts_ul li a{
	float: left;
	padding: 0 18px;
	background-color: #d6d6d6;
	color: #333333;
	height: 40px;
	line-height: 40px;
	transition: all 0.3s ease 0s;
}
thead{
	border-bottom: none !important;
}
/*
====================================== 14 - details
*/
.details_box{
	padding: 80px 0;
}
.details_tit{
	font-size: 36px;
	color: #333;
	font-family: 'opensans_bold';
	margin-bottom: 30px;
}
.details_tab{
	margin-top: 40px;
}
.table{
	min-width: 1000px;
}

/*
------------------------------2018.12.12 First modification
*/
.nutslg_owl.owl-carousel .owl-item img{
	width: auto;
	margin: auto;
}

.hdcontainer{
	position: relative;
	z-index: 2;
}
.navseclist{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(255,255,255,.95);
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease 0s;
	/*visibility: visible;
	opacity: 1;
	top: 100%;*/
}
.navseclist.vis{
	visibility: visible;
	opacity: 1;
	top: 100%;
}
.navsec_lt,.navsec_rt{
	height: 100%;
}
.navsec_lt{
	width: 43.75%;
	float: left;
}
.navsec_ltdiv{
	width: 480px;
	max-width: 100%;
	float: right;
}
.navsec_ltdiv{
	padding: 60px 0;
}
.navsec_ltdiv .tit{
	font-size: 36px;
}
.navsec_ltdiv .txt{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	margin-top: 25px;
}
.navsec_rt{
	width: 56.25%;
	padding: 0 60px;
	float: left;
	background-color: #fff;
	box-shadow: 0px 0px 15px 1px rgba(0,0,0,.1);
}
.navsec_rtdiv{
	padding: 40px 0;
	width: 720px;
	max-width: 100%;
}
.navsec_rtdiv li{
	width: 50%;
	float: left;
}
.navsec_rtdiv li a{
	font-size: 16px;
	color: #333333;
	line-height: 44px;
	float: left;
	width: 100%;
	padding: 0 40px;
}
.navsec_rtdiv li a:hover{
	color: #2470cc;
}
.search img{
	display: inline-block;
	vertical-align: middle;
}
.searchs{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: rgba(255,255,255,.95);
	visibility: hidden;
	opacity: 0;
	top: 0;
	transition: all 0.5s ease 0s;
	/*top: 100%;
	visibility: visible;
	opacity: 1;*/
}
.searchs.vis{
	top: 100%;
	visibility: visible;
	opacity: 1;
}
.searchs_rt{
	width: 56.25%;
	float: left;
	background-color: #fff;
	box-shadow: 0px 0px 15px 1px rgba(0,0,0,.1);
}
.searchs_rtdiv{
	width: 720px;
	max-width: 100%;
	padding: 70px 0 70px 100px;
}
.searchs_rtdiv .search_inp{
	width: 510px;
	height: 50px;
	border: solid 1px #dbdbdb;
	background-color: #f0f0f0;
	border-radius: 5px 0px 0px 5px;
	border-right: 0;
	float: left;
	padding: 0 15px;
}
.search_but{
	float: left;
	width: 110px;
	height: 50px;
	background-color: #2470cc;
	text-align: center;
	border-radius: 0px 5px 5px 0px;
	color: #fff;
	font-size: 16px;
	color: #fffefe;
}
.search_ci{
	margin-top: 30px;
}
.search_ci .h3s{
	width: 120px;
	float: left;
	font-size: 16px;
	color: #666666;
	font-family: 'opensans_sbold';
	line-height: 30px;
}
.search_ci .ci_div{
	float: left;
	width: 500px;
}
.search_ci .ci_ul{
	margin: 0 -19px;
}
.search_ci .ci_ul li{
	float: left;
}
.search_ci .ci_ul li a{
	float: left;
	padding: 0 19px;
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}
.wenda_ul{
	border-top: solid 1px #dbdbdb;
	margin-top: 50px;
}
.cpy_wenda{
	padding: 75px 0;
}
.wenda_li{
	border-bottom: dashed 1px #dbdbdb;
}
.wenda_li .top,
.wenda_li .bot{
	padding: 0 20px;
}
.wenda_li .top{
	height: 75px;
	background: url(../images/wenda1.png) no-repeat center right 20px;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}
.wenda_li .top.active{
	background: url(../images/wenda2.png) no-repeat center right 20px;
}
.wenda_li .span,.wenda_li .m_p{
	float: left;
}
.wenda_li .span{
	width: 30px;
}
.wenda_li .m_p{
	max-width: 95%;
	width: 1024px;
	font-size: 16px;
	line-height: 24px;
}
.wenda_li .top .span,.wenda_li .top .m_p{
	font-family: 'opensans_sbold';
	font-size: 18px;
	color: #333333;
}
.wenda_li .bot{
	padding-bottom: 25px;
	display: none;
}




/*
	修改
 */
.edsds_list{
	margin: 0 -6px 80px;
}
.edsds_list .eds_li{
	padding: 0 6px;
}
.hm4div_ul li{
	text-transform: uppercase;
}
.details_box1{
	padding-bottom: 40px;
}
.hm7_box .title{
	padding-bottom: 50px;
}
.search_ci .ci_ul li:hover a{
	color: #2470cc;
}
.navsec_lt, .navsec_rt, .searchs_rt{
	min-height: 260px;
}
.stan_li .h3s{
	padding-top: 15px;
	line-height: 22px;
}
.hm7_dd .tit{
	min-height: 66px;
}

/*
		2019.02.25修改
*/
.searchCl{
	position: relative;
}
.searchSle{
	position: absolute;
	top: 0;
	left: 0;
	width: 135px;
	height: 100%;
	background: rgba(0,0,0,0) url(../images/seljian.png) no-repeat right 10px center;
	padding: 0 25px 0 15px;
}
.searchs_rtdiv .search_inp{
	padding-left: 135px;
}

.cpy_nuts .nuts_box.nuts_box2{
	background-color: #fff;
}
/*
		2019.03.11
*/
.ffenx{
	/*display: none;*/
}
.fenyes{
	margin-bottom: 80px;
}
.tableDiv{
	max-width: 100%;
	overflow-y: hidden;
}
.brand_dd .tit span{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*
		2019.07.05
*/
.footSearch{
	display: block;
	width: 100px;
	height: 30px;
	text-align: center;
	line-height: 28px;
	border: solid 1px #fff;
	border-radius: 5px;
	color: #fff;
	margin-top: 30px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.footSearch:hover{
	background-color: #fff;
	color: #262626;
}
.serCont{
	min-height: 500px;
}
.searchs.relat{
	position: relative;
	visibility: visible;
	opacity: 1;
	margin-top: 100px;
	display: block !important;
}
.searchs.relat .searchs_rt{
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	border-left: solid 1px #eee;
}

.serCont .navsec_ltdiv .txt{
	margin-top: 35px;
}
.serCont .searchs_rtdiv{
	padding-top: 55px;
}