/*
KISSY CSS Reset
*/

body, h1, h2, h3, h4, h5, h6, hr, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
   font-size: 14px;
}

p{margin:0;padding:0px;}

body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 14px/1 "微软雅黑", Helvetica, Arial, sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var, i { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
img{ max-width: 100%;}
/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #000000; }
a:active,a:visited,a:focus{text-decoration: none;}
/* 重置表单元素 */
input,select,textarea,button{outline:medium;}
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
input {vertical-align:middle;border: none; background: none;outline:none;}

/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    border: none;
    height: 1px;
}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.txthid{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
html{ overflow-y: scroll; min-width: 320px;}
.opa0{opacity: 0;}
.con_detail{overflow: hidden;margin-bottom: 30px;}
/*设置左右浮动*/
.fl{float: left;}
.fr{float: right;}
/*清楚浮动*/
.clearfix:after{visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;}
.clearfix{*zoom:1;}
.mt20{ margin-top: 20px;}

/*加载字体*/
@font-face {
    font-family: 'BigJohn';
    src: url("font/bigjohn.eot")/*tpa=http://www.chinaokey.cn/css/font/bigjohn.eot*/;
    src: url("font/bigjohn.eot-#iefix")/*tpa=http://www.chinaokey.cn/css/font/bigjohn.eot?#iefix*/ format('embedded-opentype'),
         url("font/bigjohn.woff")/*tpa=http://www.chinaokey.cn/css/font/bigjohn.woff*/ format('woff'),
         url("font/bigjohn.ttf")/*tpa=http://www.chinaokey.cn/css/font/bigjohn.ttf*/ format('truetype'),
         url("font/bigjohn.svg#webfont34M5alKg")/*tpa=http://www.chinaokey.cn/css/font/bigjohn.svg#webfont34M5alKg*/ format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SlimJoe';
    src: url("font/SlimJoe.eot")/*tpa=http://www.chinaokey.cn/css/font/SlimJoe.eot*/;
    src: url("font/SlimJoe.eot-#iefix")/*tpa=http://www.chinaokey.cn/css/font/SlimJoe.eot?#iefix*/ format('embedded-opentype'),
         url("font/SlimJoe.woff")/*tpa=http://www.chinaokey.cn/css/font/SlimJoe.woff*/ format('woff'),
         url("font/SlimJoe.ttf")/*tpa=http://www.chinaokey.cn/css/font/SlimJoe.ttf*/ format('truetype'),
         url("font/SlimJoe.svg#webfont34M5alKg")/*tpa=http://www.chinaokey.cn/css/font/SlimJoe.svg#webfont34M5alKg*/ format('svg');
    font-weight: normal;
    font-style: normal;
}

.header{width: 100%;height: 103px;background: #fff; font-size: 15px;min-width: 320px;z-index: 999;top: 0;position:fixed;top:0px;left:0px; }
.header .content{padding: 0px 20px;height: 103px; }
.header .content .logo{float: left;margin-left: 270px;}
.header .content .logo img{width: auto;height:100%; display: block; } 

.header .content .lang_box{float: right;width: 50px;height: 20px;margin-right: 50px;margin-top:37px;position:relative;}
.header .content .lang_box .lang_list { width: 100%; position: absolute; top: 30px; left: 0px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); transition: all 220ms linear; }
.header .content .lang_box:hover .lang_list { top: 25px; visibility: visible; opacity: 1; filter: alpha(opacity=100); }

.header .content .search_box{margin-top: 27px; margin-right: 120px; float: right;width: 235px;height: 38px;line-height: 38px;border-bottom: 1px solid #dcdcdc;position: relative;}
.header .content .search_box .keys{width: 100%;height: 100%;padding-right: 50px;box-sizing: border-box;}
.header .content .search_box .search_btn{border: none; position: absolute;top: 0px;right: 0px;background: none;}
.header .content .search_box .search_btn img{height: 38px;display: block;}
.header .content .m_lang_box{height: 38px;margin-top: 27px;float: right;display: none;}
.header .content .m_lang_box img{height: 100%;display: block;}
.header .content .d_nav{float: left;margin-left: 110px;position: relative;}
.header .content .d_nav>ul>li{width: 133px; text-align: center; line-height: 103px;float: left;padding: 0 5px;position: relative;}
.header .content .d_nav>ul>li>a{width: 100%;height:103px; display: block;padding: 0px 15px;color: #535353;position: relative;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: relative;overflow: hidden;}
.header .content .d_nav>ul>li>a span{
	width: 100%;
	height: 100%;
	display: block;z-index: 999;
}
.header .content .d_nav>ul>li>a .cn{width: 100%;height: 100%;display: block;}

/* .header .content .d_nav>ul>li.active>a .cn{top: 0px; color: #016038;}
.header .content .d_nav>ul>li.active>a .en{top: 80px;}

.header .content .d_nav>ul>li:hover>a .cn{top: 0px;color: #016038;}
.header .content .d_nav>ul>li:hover>a .en{top: -80px;}
.header .content .d_nav>ul>li.active:hover>a .en{top: 80px;} */

/*.header .content .d_nav>ul>li>a::before{position: absolute;content: "";width: 0%;height: 0px;background-color: #e90500;left: 50%;bottom: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header .content .d_nav>ul>li.active>a::before,.header .content .d_nav>ul>li:hover>a::before{position: absolute;content: "";height: 3px;background-color: #e90500;left: 0%;width: 100%;}*/

.header .content .d_nav>ul>li>a:hover{font-weight: bold;}
.header .content .d_nav>ul>li.on>a{font-weight: bold;}

/*大导航滑块样式*/
.d_nav .nav_cur{width: 64px;height: 2px;background: #1b5696;position: absolute;left: 39px;bottom: 0px;display: none;}
.header .content .d_nav>ul>li:hover ul.subnav{visibility: visible;opacity: 1;fill: alpha(opacity=100);top: 103px;}
.header .content .d_nav>ul>li ul.subnav{transition: all 220ms linear; visibility: hidden;opacity: 0;fill: alpha(opacity=0); padding: 10px 0px; width: 100%;position: absolute;top: 120px;left: 0px;z-index: 99999;background: #FFFFFF;}
.header .content .d_nav>ul>li ul.subnav li{text-align:center;box-sizing:border-box;}
.header .content .d_nav>ul>li ul.subnav li>a{
    line-height: 28px;
    display: block;
    color: #666666;
    font-size: 12px;
    transition: all 220ms ease-in;
}
.header .content .d_nav>ul>li ul.subnav li>a:hover{
	color: #121212;
}

.header.black{
	background: rgba(23, 28, 32, 1);
	border-bottom: 1px solid rgba(255,255,255,.2);
}


.nav_btn{width: 80px;height: 80px;float: right;cursor: pointer;display: none;transition: all linear .3s;}
.nav_btn.open{background:url("../images/btn_open.png")/*tpa=http://www.chinaokey.cn/images/btn_open.png*/ center center no-repeat #1a4e85;background-size: 100%; } 
.nav_btn.close{background:url("../images/btn_close.png")/*tpa=http://www.chinaokey.cn/images/btn_close.png*/ center center no-repeat #1a4e85;background-size: 100%;opacity: 1!important;} 

.xs_nav {width: 100%;overflow: hidden; display: none;border-top: 1px solid #eee;text-align: left;position:fixed;top:0px;left:0px;background:#fff;z-index:-1;}
.xs_nav  .nav-item{color: #212121;border-bottom: 1px solid #eee;background: #FFFFFF;}
.xs_nav  .nav-item a{color: #212121;font-size: 14px;}
.xs_nav  .nav-item .title{width:100%;line-height: 50px;position: relative;padding-left: 15px;color: #666666;font-size: 14px;}
.xs_nav  .nav-item .title .drop-btn{font-family: simhei; width: 50px;height: 50px;display: none; cursor: pointer; font-size:22px;line-height: 45px;text-align: center;position: absolute;right: 0px;top: 0px;transition: all 220ms linear;}
.xs_nav  .nav-item.open .title .drop-btn{transform: rotate(-45deg);}
.xs_nav  .nav-item .title a{display: block;}	
.xs_nav  .nav-item ul{padding-top: 5px;padding-bottom: 10px;display: none;}
.xs_nav  .nav-item ul li{padding-left: 30px;line-height: 30px;}
.xs_nav  .nav-item ul li a{line-height: 30px;color: #333333;}

/*搜索*/
.sh_bkg{ position:fixed; left:0; top:0; z-index:2000; width:100%; height:100%; background-color:rgba(0,0,0,0.8); display:none;}
.sh_box{ position:fixed; width:780px;left:50%; top:50%;z-index:2001;transform: translate(-50%,-50%);  display:none;text-align: center;}
.sh_box .stxt{ float:left; display:block; width:675px; height:88px; line-height:88px; padding:0px 20px; border:0;background: #FFFFFF;box-sizing: border-box;}
.sh_box .sbtn{ float:left; display:block; width:105px; height:88px; line-height:88px; text-align:center; color:#FFF; background:#005bac url("../images/icon_search_big.png")/*tpa=http://www.chinaokey.cn/images/icon_search_big.png*/ center center no-repeat; border:0; cursor:pointer;}
.sh_box form{width: 100%; overflow: hidden;}
.sh_box .box{text-align:center;overflow:hidden;}
.sh_box .close{ position:relative; width:80px; height:80px;float:none;margin:0px auto; cursor:pointer;margin-bottom:20px;}
.sh_box .close:before,.sh_box .close:after{ content:""; display:block; width:80px; height:1px; background-color:#FFF; position:absolute; left:0px; top:40px;}
.sh_box .close:before{ transform:rotate(45deg);}
.sh_box .close:after{ transform:rotate(-45deg);}

/*焦点图*/
.in_ban{width: 100%; max-width: 1920px;min-width: 320px;margin-top:103px;}
.in_ban img{display: block;margin: 0px auto;}
.in_ban .swiper-pagination{bottom: 23px;}

.in_ban .swiper-pagination span{width: 11px;height: 11px;background: #FFFFFF;margin: 0px 7px; border-radius: 50%;opacity: 1;}
.in_ban .swiper-pagination span.swiper-pagination-bullet-active{background: #1f1f1f;}
.in_ban .swiper-button-prev,.in_ban .swiper-button-next{width:38px;height:38px;background:url("../images/ban_arr.png")/*tpa=http://www.chinaokey.cn/images/ban_arr.png*/ center center no-repeat;background-size:100% 100%;opacity:1;transition:all 220ms linear;}
.in_ban .swiper-button-prev{left:135px;}
.in_ban .swiper-button-next{right:135px;transform:rotateY(180deg);}
.in_ban .swiper-button-prev:hover, .in_ban .swiper-button-next:hover { background: url("../images/ban_arr_on.png")/*tpa=http://www.chinaokey.cn/images/ban_arr_on.png*/ center center no-repeat; background-size: 100% 100%; }

.in_ban .swiper-button-disabled{opacity:0;}
/*首页模块1*/
.in_box_1 { width: 100%; }
.in_box_1 .content{width: 1218px;margin: 0px auto;}
.in_box_1 .top_box{padding:50px 0px;}
.in_box_1 .top_box .title{font-size: 28px;color: #1e1e1e;float: left;}
.in_box_1 .top_box .more{font-size: 16px;line-height: 1.5em; color: #999999; border-bottom: 1px solid #a0a0a0; float: right;}
.in_box_1 ul{overflow: hidden;}
.in_box_1 ul li{width: 25%;float: left;padding: 0px 13px;box-sizing: border-box;text-align: center;margin-bottom: 70px;}
.in_box_1 ul li .img_box{overflow: hidden;border:1px solid #e8e8e8;}
.in_box_1 ul li img{width: 100%;display: block;transition: all 220ms linear;}
.in_box_1 ul li:hover img{transform: scale(1.05,1.05);}
.in_box_1 ul li .title{line-height: 1.5em; margin-top: 24px;font-size: 16px;color: #484848;padding: 0px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.in_box_2{width: 100%;padding-bottom: 80px;}
.in_box_2 .content{width: 1218px;margin: 0px auto;}
.in_box_2 .content .item1{width: 375px;height: 275px;float: left;position: relative;background: url("../images/pro_file.jpg")/*tpa=http://www.chinaokey.cn/images/pro_file.jpg*/ center center no-repeat;background-size: cover;}
.in_box_2 .content .item1 .box{display: table;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;}
.in_box_2 .content .item1 .box .mid{display: table-cell;vertical-align: middle;text-align: center;}
.in_box_2 .content .item1 .box .mid .title{font-size: 20px;color: #FFFFFF;line-height: 36px;border-bottom: 1px solid #FFFFFF;display: inline-block;}

.in_box_2 .content .item2{width: calc(100% - 421px);height: 275px;float: right;position: relative;background: url("../images/cert.jpg")/*tpa=http://www.chinaokey.cn/images/cert.jpg*/ center center no-repeat;background-size: auto 100%;}
.in_box_2 .content .item2 .box{display: table;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background: rgba(0,0,0,0.3);}
.in_box_2 .content .item2 .box .mid{display: table-cell;vertical-align: middle;text-align: center;}
.in_box_2 .content .item2 .box .mid .title { font-size: 20px; color: #FFFFFF; line-height: 36px; border-bottom: 1px solid #FFFFFF; display: inline-block; }
/*.in_box_2 .content .item2 .box .mid .title{font-size: 24px;color: #ffffff;line-height: 1.2em;margin-bottom: 5px; padding: 0px 10px;}
.in_box_2 .content .item2 .box .mid .desc{font-size: 14px;color: #ffffff;line-height: 20px;margin-bottom: 10px;padding: 0px 10px;}
.in_box_2 .content .item2 .box .mid .more{display: inline-block; height: 30px;line-height: 28px;padding: 0px 10px;color: #FFFFFF;font-size: 14px;border: 1px solid #FFFFFF; }*/

/*首页模块3*/
.in_box_3{width: 100%;padding-bottom: 60px;}
.in_box_3 .content{width: 1218px;margin: 0px auto;}
.in_box_3 .top_box{padding: 30px 0px;}
.in_box_3 .top_box .title{font-size: 28px;color: #1e1e1e;float: left;}
.in_box_3 .top_box .more{font-size: 16px;line-height: 1.5em; color: #383737; border-bottom: 1px solid #383737; float: right;}
.post-list-item { background-color:#f7f7f7; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.post-img { overflow:hidden; position:relative; }
.post-img img { 
	width:100%; display:block; 
	-webkit-transform:scale(1);	-moz-transform:scale(1); -o-transform:scale(1);	-ms-transform:scale(1);	transform:scale(1);
	-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;
}
.post-img span { 
	display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-color:#000; opacity:0; filter:alpha(opacity=0); 
	-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;
}
.post-img i { 
	display:block; width:57px; height:57px; position:absolute; top:50%; left:50%; margin-left:-28px; margin-top:-28px; background:url("../images/icon-link.png")/*tpa=http://www.chinaokey.cn/images/icon-link.png*/ no-repeat center; opacity:0; filter:alpha(opacity=0);
	-webkit-transition:-webkit-transform 0.5s ease-out;	-moz-transition:-moz-transform 0.5s ease-out; transition:transform 0.5s ease-out; 
} 
.post-text-box { position:relative; }
.post-text { padding:20px; }
.post-text h2 { line-height:normal; font-size:16px; margin-bottom:10px;font-weight:bold;     white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.post-text-summary { font-size:13px; color:#808080; overflow:hidden; }
.post-text-summary .qhd-content p { line-height:24px;max-height:96px;overflow:hidden;}
.post-arrow { position:absolute; z-index:10; display:block; overflow:hidden; background-image:url("../images/post-arrow.gif")/*tpa=http://www.chinaokey.cn/images/post-arrow.gif*/; background-repeat:no-repeat; }
.post-list-item:hover { position:relative; z-index:5; box-shadow:0 0 10px rgba(0,0,0,0.45); 
	/*-webkit-transform:scale(1.01, 1.01); -moz-transform:scale(1.01, 1.01); -o-transform:scale(1.01, 1.01); -ms-transform:scale(1.01, 1.01); transform:scale(1.01, 1.01);*/
}
.post-list-item:hover .post-img img {
	-webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);
	-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;
}
.post-list-item:hover .post-img span { opacity:0.6; filter:alpha(opacity=60); }
.post-list-item:hover .post-img i { opacity:1; filter:alpha(opacity=100); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); }

.post-text-center { text-align:center; }
.post-text-detail { padding-top:10px; line-height:normal; }
.post-text-detail a { display:inline-block; *display:inline; *zoom:1; color:#999; font-size:12px; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.post-text-detail a:hover {  color:#1a1a1a !important; }
.light-box .post-text-detail a { color:#999 !important; }

.post-list-2col .post-img, .post-list-2col .post-text-box { float:left; width:50%; }
.post-list-2col .post-text { padding:30px; }
.post-list-2col .post-text h2 { margin-bottom:15px; }
.post-list-2col .post-list-item .post-arrow { width:10px; height:19px; top:50%; left:-10px; margin-top:-10px; background-position:0 -42px; }
.post-list-2col .post-list-item-spec .post-img { float:right; }
.post-list-2col .post-list-item-spec .post-arrow { top:50%; left:auto; right:-10px; margin-top:-10px; background-position:0 -11px; }

.post-list-3col .post-list-item { float:left; width:33.33333%; }
.post-list-3col .post-list-item .post-text { padding:30px; }
.post-list-3col .post-list-item .post-arrow { width:19px; height:10px; top:-10px; left:50%; margin-left:-10px; background-position:0 0; }
.post-list-3col .post-list-item-spec .post-img { top:280px; }
.post-list-3col .post-list-item-spec .post-text-box { top:-280px; }
.post-list-3col .post-list-item-spec .post-arrow { top:auto; bottom:-10px; background-position:0 -31px; }

.post-list-4col .post-list-item { width:50%; float:left; }
.post-list-4col .post-img, .post-list-4col .post-text-box { width:50%; float:left; }
.post-list-4col .post-list-item .post-arrow { width:10px; height:19px; top:50%; left:-10px; margin-top:-10px; background-position:0 -42px; }
.post-list-4col .post-list-item-spec .post-img { float:right; }
.post-list-4col .post-list-item-spec .post-arrow { top:50%; left:auto; right:-10px; margin-top:-10px; background-position:0 -11px; }
.post-list-4col .post-text h2 { font-size:15px; }

.yama{width:100%;overflow:hidden;position:absolute;bottom:10%;left:0px;}
.time{float:right;overflow:hidden;margin-right:6%;color:#666666;font-family:arial;background:url("../images/news.png")/*tpa=http://www.chinaokey.cn/images/news.png*/ no-repeat left 0px;padding-left:20px;margin-top:15px;}
.mores{width:42px;height:42px;display:block;background:url("../images/a1.png")/*tpa=http://www.chinaokey.cn/images/a1.png*/ no-repeat center;background-size:100% 100%;margin-left:6%;}
.mores:hover{background:url("../images/a2.png")/*tpa=http://www.chinaokey.cn/images/a2.png*/ no-repeat center;}
.in_boxAbox{ background-color: #f0f0f0;}
.in_boxA{ clear:both; width:1200px; margin:0 auto; padding:95px 0 65px 0; overflow:hidden;}
.in_boxA .lt{ float:left; width:760px;}
.in_boxA .lt .tit_en{ font-size:26px; color:#cfcfcf; text-transform:uppercase;}
.in_boxA .lt .tit{ font-size:26px; line-height:2.5; font-weight:bold; color:#1a1a1a;}
.in_boxA .lt .hx{ width:47px; height:0px; background-color:#1a1a1a;}
.in_boxA .lt .info{ margin-top:15px; line-height:26px;}
.in_boxA .lt .year{ overflow:hidden; margin-top:60px;}
.in_boxA .lt .year li{ float:left; padding:0 50px; color: #666; position:relative;}
.in_boxA .lt .year li:after{ content:""; display:block; position:absolute; right:0; top:10%; width:1px; height:80%; background-color:#CCCCCC;}
.in_boxA .lt .year li:first-child{ padding-left:0;}
.in_boxA .lt .year li:last-child{ padding-right:0;}
.in_boxA .lt .year li:last-child:after{ display:none;}
.in_boxA .lt .year li img{ display: block;margin:0 auto; margin-bottom: 15px;}
.in_boxA .lt .year li a{ display:block; margin-top: 30px; color: #666; width:135px; height:42px; border-radius:42px; line-height:42px; text-align:center; border:1px solid #999999; transition:all 0.3s ease-out;}
.in_boxA .lt .year li a:hover{ background-color:#999999; color:#FFF;}
.in_boxA .rt{ float:right; width:367px;}
.in_boxD_bkg{ clear:both; width:100%; background:#F5F5F5 url("../images/index_15.jpg")/*tpa=http://www.chinaokey.cn/images/index_15.jpg*/ right bottom no-repeat;}
.in_boxD{ clear:both; width:1200px; height: 490px; margin:0 auto;}
.in_boxD .lt{ float: left; width: 590px;}
.in_boxD .lt .tit{ font-size: 26px; font-weight: bold; color: #1a1a1a; margin-top: 95px;}
.in_boxD .lt .tit_en{ color: #aaa; font-family: arial; text-transform: uppercase; margin-top: 7px;display:none;}
.in_boxD .lt .info{ line-height: 28px; padding-top: 35px;}
.in_boxD .lt .more{ display:block; margin-top: 60px; color: #666; width:135px; height:42px; border-radius:42px; line-height:42px; text-align:center; border:1px solid #999999; transition:all 0.3s ease-out;}
.in_boxD .lt .more:hover{ background-color:#999999; color:#FFF;}
.in_boxD .rt{ float: right; width: 520px; padding-top: 87px;}
.in_boxD .rt ul{ overflow: auto;}
.in_boxD .rt li{width: 242px; float: left; margin-right: 33px;}
.in_boxD .rt li:last-child{ margin-right: 0;}


/*脚*/

.footer{width: 100%;padding:50px 0px;background: #333333;}
.footer .content{width: 1218px;margin: 0px auto;color: #FFFFFF;padding-top:30px;}
.footer .qrcode_box{width: 25%;text-align: left;float: left;}
.footer .qrcode_box .tit{font-size: 16px;margin-bottom: 15px;}
.footer .qrcode_box img{display: block;}

.footer .qrcode_box ul{overflow:hidden;margin-top:30px;}
.footer .qrcode_box ul li{width:122px;height:122px;float:left;margin-right:20px; }
.footer .qrcode_box ul li a{width:100%;height:100%;display:block;}
.footer .qrcode_box ul li img{width:100%;height:100%;}


.footer .qrcode_box .desc { margin-top: 20px; font-size: 14px; }
.footer .office a{color:#b2b2b2;}
.footer .foot_nav{width: 20%;float: left;}

.footer .foot_nav ul li{line-height: 26px;}
.footer .foot_nav ul li a{font-size: 14px; color: #d2d2d2;}
.footer .foot_nav ul li:hover a{color: #FFFFFF;}
.footer .office{ width: 37%;padding-right:75px;float: left;font-size: 14px;color: #b2b2b2;line-height: 24px;box-sizing: border-box;}
.footer .office .desc{margin-bottom:20px;}
.footer .factory { width: 18%; float: left; font-size: 14px; color: #b2b2b2; line-height: 24px; }


/*底部*/
.bottom{width: 100%;background: #2a2b2b;padding: 20px 0px;box-sizing: border-box;}
.bottom .content{width: 1218px;margin: 0px auto;color: #dfdfdf;line-height: 26px;}
.bottom .content p{float:right;}
.bottom .content a{color: #dfdfdf;}


/*内页*/
.ny_ban{width: 100%;_height:500px;background-size: auto 100%;background-position: center center;background-repeat: no-repeat;margin-top:103px;}

.ny_ctg{width: 100%;background: #e8e8e8;}
.ny_ctg .content{width: 1218px;margin: 0px auto;}
.ny_ctg ul li{line-height: 60px;padding: 0px 40px;float: left;box-sizing: border-box;}
.ny_ctg ul li a{width: 100%;height: 100%;display: block;font-size: 14px;color: #808080;}
.ny_ctg ul li.on,.ny_ctg ul li:hover{background: #FFFFFF;} 
.ny_ctg ul li.on a,.ny_ctg ul li:hover a{color: #333333;} 




.ny_main{width: 100%;padding: 45px 0 50px;}
.ny_main .content{width: 1218px;margin: 0px auto;}
.ny_main .content .con_detail{font-size: 16px;color: #333333;line-height: 2em;}


.picture_list{width: 100%;}
.picture_list ul li{width: 25%;float:left;padding: 0px 10px;margin-bottom: 20px;box-sizing: border-box;}
.picture_list ul li .img_box{overflow: hidden;}
.picture_list ul li .img_box img{width: 100%;display: block;transition: all .3s linear;}
.picture_list ul li:hover .img_box img{transform: scale(1.05,1.05);}
.picture_list ul li .title{padding: 0px 10px;text-align:center;line-height: 40px;color: #333333;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.ny_main .pro_ctg{width: 260px;float: left;background: #f7f7f7;}
.ny_main .pro_ctg .top_box{line-height: 60px;background: #333;font-size: 18px;color: #FFFFFF;box-sizing: border-box;padding-left: 20px;}
.ny_main .pro_ctg  ul li{line-height: 50px;_border-bottom: 1px solid #ececec;padding-left: 20px;padding-right: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ny_main .pro_ctg  ul li  a{color: #808080;font-size: 16px;}
.ny_main .pro_ctg  ul li.on a,.ny_main .pro_ctg  ul li:hover a{color: #1a1a1a;font-weight: bold;}


.ny_main .pro_ctg > ul > li .sub { background: #f6f6f6; padding: 10px 0px; display: none; }
.ny_main .pro_ctg > ul > li.on .sub { display: block; }
.ny_main .pro_ctg > ul > li .sub li { padding-left: 40px; padding-right: 20px; }
.ny_main .pro_ctg > ul > li .sub li a { display: block; line-height: 30px; font-size: 14px; color: #666666; box-sizing: border-box; position: relative; overflow: hidden; transition: all .3s linear; }
.ny_main .pro_ctg > ul > li .sub li:hover a { color: #333333; padding-left: 10px; font-weight: bold; }
.ny_main .pro_ctg > ul > li .sub li.on a { color: #333333; padding-left: 10px; font-weight: bold; }

.ny_main .pro_ctg > ul > li .sub li a::after { content: "-"; position: absolute; left: -10px; top: 0px; transition: all .3s linear; }
.ny_main .pro_ctg > ul > li .sub li:hover a::after { left: 0px; font-weight: bold; }
.ny_main .pro_ctg > ul > li .sub li.on a::after { left: 0px; font-weight: bold; }

.ny_main .pro_main{width:calc(100% - 260px);float: right;box-sizing: border-box;padding-left: 30px;}

/*.ny_main .pro_ctg > ul > li:hover .sub{display:block;}*/


.product_list ul li { width: 33.333333%; float: left; padding: 0px 10px; margin-bottom: 20px; box-sizing: border-box; }
.product_list ul li .img_box{overflow: hidden;border: 1px solid #e8e8e8;}
.product_list ul li .img_box img{width: 100%;display: block;transition: all .3s linear;}
.product_list ul li:hover .img_box img{transform: scale(1.05,1.05);}
.product_list ul li .title{padding: 0px 10px;text-align:center;line-height: 40px;color: #333333;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.news_list{width: 100%;}
.news_list ul li{width: 100%;margin-bottom: 25px;overflow: hidden;padding-bottom: 25px;border-bottom: 1px dotted #e5e5e5;}
.news_list ul li .img_box{width: 220px;float: left;}
.news_list ul li .con_box{width: calc(100% - 220px);box-sizing: border-box;padding-left: 20px;float: left;}

.news_list ul li .con_box .title{margin-bottom: 15px;font-size: 16px;line-height: 1.5;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list ul li .con_box .desc{color: #808080;line-height: 1.5em; font-size: 13px;}



.pro_show{margin-bottom: 50px;}
.pro_show .pro_img{margin-bottom: 30px;position:relative;z-index:1;}
.pro_show .pro_img img {max-width: 100%;display: block;margin: 0px auto;}

.pro_show .pro_small_img { overflow: hidden; padding-bottom: 20px; border-bottom: 2px solid #ececec;margin-bottom:30px; }
.pro_show .pro_small_img ul{overflow:hidden;text-align:center;}
.pro_show .pro_small_img ul li {display:inline-block; width: 120px; height: auto; margin:0px 10px; }
.pro_show .pro_small_img ul li img { width: 100%; display: block; border: 1px solid #ececec; box-sizing: border-box; }
.pro_show .pro_small_img ul li.on img{border:2px solid #005bac;}

div.zoomDiv { z-index: 999; position: absolute; top: 0px; left: 0px; width: 200px; height: 200px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }

div.zoomMask { position: absolute; background: url("../images/mask.png")/*tpa=http://www.chinaokey.cn/images/mask.png*/ repeat scroll 0 0 transparent; cursor: move; z-index: 1; }




.pro_show .pro_title{ font-size: 20px; line-height: 1.5; font-weight: bold; color: #121212; text-align: center; margin-bottom: 25px; }
.pro_show .con_detail{font-size: 14px;color: #666666;}



.about_box{min-height: 250px;}
.article-detail{min-height: 250px;}
.article-detail .article-title { text-align:center; margin-bottom:15px; }
.article-detail .article-title h1 { font-size:22px; line-height:1.5; font-weight:normal; }
.article-detail .entry-meta { text-align:center; margin-bottom:20px; padding-bottom:10px; font-size:12px; /*border-bottom:1px dotted #ccc;*/ }
.article-detail .entry-meta span { margin:0 10px; }
.article-detail .entry-meta .share-toolbar { display:inline-block; height:22px; line-height:22px; overflow:hidden; position:relative; top:4px; margin-left:8px; }
.article-detail .entry-meta .share-toolbar span { margin:0; float:left; height:16px; line-height:16px; margin:6px 0 6px 0; }
.article-detail .article-content { margin-top:25px; }
.article-detail .video-player-content { margin-top:20px; text-align:center; }
.article-detail video.video-play-wrapper { width:100%; height:auto !important; text-align:center; }
.article-detail span.video-play-wrapper { width:100%; *height:auto !important; text-align:center; }


/*分页*/
.page_box .flickr{text-align:center;}
div.flickr {
	padding:30px 0px 30px 0px;   font-size:14px;text-align:center;
}
div.flickr a{width:40px;height: 40px;line-height:40px;transition: all  0.3s linear;font-family:"SimSun";text-align: center;}
div.flickr a {
	border: 1px solid #cbcbcb ; border-radius: 5px; color: #666666; margin-right: 5px; text-decoration: none;display:inline-block;
}
div.flickr a:hover {
	border: #005bac 1px solid;  background: #005bac; color: #fff; 
}
div.meneame a:active {
	border: #005bac 1px solid; background: #005bac; color: #fff; 
}
div.flickr span{width:40px;height: 40px;line-height:40px;transition: all  0.3s linear;font-family:"SimSun";text-align: center;display:inline-block;}

div.flickr span.current {
	border-radius: 5px; background: #005bac;border: 1px solid #dedfde ; color: #fff;  margin-right: 5px;
}
div.flickr span.disabled {
	cursor:not-allowed; border: 1px solid #cbcbcb ;background:#f3f3f3; border-radius: 5px; color: #666666; margin-right: 5px; 
}



.pro_main{max-width:1200px;overflow:hidden;margin:0 auto;margin-top:60px;padding-left:20px;padding-right:20px;}
.fhlb{max-width:146px;height:46px;line-height:46px;border:2px solid #e60113;margin-top:29px;text-align:center;border-radius:5px;font-size:18px;margin-bottom:56px;}
.fhlb a{color:#e50011;}

.pro_all{overflow:hidden;max-width:1200px;margin:0 auto;padding-bottom:20px;}
.pro_all h3 {
    font-weight: bold;
    white-space: normal;
    color: #333;
    font-size: 16px;
    line-height: 1.1em;
    padding: 10px;
    text-align: center;
}
.hleft{width:50%;float:left;overflow:hidden;}
.lpro{width:71%;margin:0 auto;}
.hrigh{width:40%;float:right;overflow:hidden;margin-right:4%;}
.dtus{margin-bottom:28px;}
.dtus img {display: block; margin:0 auto;}
.dwhn{width:100%;overflow:hidden;}
.dwhn li{width:17.3%;float:left;border:1px solid #e2e2e2;overflow:hidden;margin-right:11px;margin-bottom:10px;}
.dwhn li.cur{border:1px solid #f5d537;}
.toli{color:#212121;font-size:32px;line-height:40px;}
.xhao{color:#212121;font-size:32px;margin-top:19px;}
.smin{color:#212121;font-size:16px;line-height:36px;margin-top:40px;}
.a1{width:100%;padding-top:84px;overflow:hidden;}
.a1 li{width:24%;float:left;text-align:left;}
.a1 li p{padding-left:14px;margin-top:14px;}

.wechat{position:relative;}
.wechat div{position:absolute;top:-84px;left:-15px;max-width:80px; opacity:0; transform-origin:bottom; transform:scale(0); transition:all 0.3s ease;}
.wechat:hover div{opacity:1;transform:scale(1);}
.zxlx{font-size:20px;color:#212121;font-weight:bold;margin-top:42px;background:url("../images/product_22.jpg")/*tpa=http://www.chinaokey.cn/images/product_22.jpg*/ no-repeat left center;padding-left:38px;}
.ljzx{width:185px;height:40px;line-height:40px;background:#f4d228;text-align:center;line-height:40px;border-radius:5px;margin-top:35px;font-weight:bold;font-size:16px;}

.cpsm{border-top:1px solid #e5e5e5;padding-top:38px;padding-left:10px;padding-right:10px;color:#212121;font-size:24px;font-weight:bold;padding-bottom:26px;}
.cp_content{color:#666666;font-size:16px;line-height:36px;padding-left:10px;padding-right:10px;padding-bottom:20px;}
.cp_content table {
    width: 100%;
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 99%;
    background-color: white;
    table-layout: fixed;
}
.cp_content table td{
    line-height: 32px;
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left;
    text-overflow: ellipsis;
    word-wrap:break-word;
  　overflow: hidden;
  　white-space: nowrap;
  }
  .cp_content table tr:nth-child(2n) {
    background-color: #eee;
  }
.tuij{font-size:20px;color:#333333;border-top:1px solid #e5e5e5;padding-top:46px;}
.zguo{padding-top:45px;padding-bottom:120px;overflow:hidden;}
.zguo li{width:25%;float:left;text-align:center;}
.zguo li div{border:1px solid #e8e8e8;margin-left:10px;margin-right:10px;overflow:hidden;}
.zguo li img{transform:scale(1);transition:all 0.3s ease;}
.zguo li:hover img{transform:scale(1.05);}
.zguo li p{color:#484848;padding-top:20px;padding-bottom:20px;font-size:14px;}

.l400{max-width:800px;padding-left:20px;padding-right:20px;margin:20px auto;overflow:hidden;}
.fd_pro_tb{ width:95%; margin:0 auto; border-left:1px solid #E8E8E8; border-top:1px solid #E8E8E8; margin-bottom:20px;}
.fd_pro_tb th, .fd_pro_tb td{ border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}
.fd_pro_tb th{ background:#F5F5F5; height:40px; line-height:40px; font-weight:normal;text-align:center;}
.fd_pro_tb td{ text-align:center; padding:10px 0;}
.fd_pro_tb td input{ border:1px solid #E8E8E8; width:22px; /*padding:0 10px;*/ height:22px; line-height:22px; text-align:center;}
.fd_pro_tb .del{ color:#F00; cursor:pointer;}
.jn_box{ clear:both; padding-bottom:20px; overflow:hidden; width:100%;}
.jn_lt{float:left;width: 25%;line-height:30px;text-align:right;/* font-weight:bold; */white-space: nowrap;}
.jn_rt{float:left;width: 70%;}
.jn_box .txt{ width:calc(100% - 40px); height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 10px; font-size:13px; border-radius:3px; outline:none;}
/*.jn_box input:focus{ border:1px solid #106acf;}
.jn_box textarea:focus{ border:1px solid #106acf;}*/
.jn_box .cod{ width:70px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 15px; font-size:13px; border-radius:3px; outline:none;}
.jn_box .txtarea{width:calc(100% - 40px); height:120px; padding:10px; font-size:13px; border:1px solid #DBDBDB; border-radius:3px; outline:none;}
.jn_box .btns{ width:95px; height:32px; text-align:center; line-height:30px; border:0px;  background:#666; color:#FFF; font-size:15px; font-weight:bold; border-radius:3px; cursor:pointer; outline:none;}
.jn_box .btns:hover{background: #f66306;}