@charset "utf-8";
a{-webkit-transition:ease opacity .8s;transition:ease opacity .8s;}
a:hover{opacity:.8;}
*, *:before, *:after{box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}
body{font-size: 12px;font-family: "Helvetica Neue", "Helvetica", "Arial", "Microsoft YaHei";color: #666;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);overflow-x: hidden;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #999;text-decoration: none;outline: none;}
a, img {-webkit-touch-callout: none;}
img{border: none;vertical-align: middle;}
ul, ol{list-style: none;}
i, em{font-style: normal;}
table{border-collapse: collapse;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], input[type="search"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="reset"], input[type="submit"], button{border: none;-webkit-appearance:button;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{resize: none;}
legend{padding:0;border:0}
textarea{resize: none;}
table{border-collapse: collapse;}
td,th{padding:0}
.f_left{float: left;}
.f_right{float: right;}
.layout{width:1200px;overflow:hidden;margin:0 auto	0;position:relative;}
.layout:after, .wrapper:after, .box:after, .clearfix:after{content: "";display: block;clear: both;}
.ms{display: none !important;}

/*标题*/
.ui-title{text-align:center;max-width:600px;margin:0 auto 0;padding:30px 0;}
.ui-title .en{color:#c7c6c6;font-size:26px;}
.ui-title .cn{color:#333;font-size:26px;font-weight:normal;margin:10px 0;position:relative;}
.ui-title .label{}
.ui-title .label:after,.ui-title .label:before{position:absolute;bottom:50%;height:1px;background-color:#c0c0c0;content:"";}
.ui-title .label:after{left:10%;right:65%;}
.ui-title .label:before{left:65%;right:10%;}
.ui-title .desc{color:#8f8d8d;line-height:22px;}
/*标题-end*/


/*头部*/
.ui-header{border-top:5px solid #1b4fad;}
.ui-header .logo{float:left;padding:20px 0;}
.ui-header .top{float:right;overflow:hidden;}
.ui-header .top .item{float:left;margin:40px 20px 0 0;}
.ui-nav{position:absolute;bottom:0;right:0;}
.ui-nav li{float:left;}
.ui-nav .item{color:#333;font-size:14px;padding:20px;display:block;}
.ui-nav .item.on,.ui-nav .item:hover{background:url("?images/i3.png") bottom no-repeat;}
/*头部-end*/

/*搜索*/
.ui-search{height:100px;background-color:#163e73;}
.ui-search .item{float:left;border-left:1px solid #0e2f5b;height:100px;padding-left:25px;padding-right:25px;}
.ui-search .menu{padding-top:27px;padding-bottom:27px;overflow:hidden;}
.ui-search .menu:hover{background-color:#193f72;}
.ui-search .menu .label{color:#fff;font-size:14px;margin-left:10px;}
.ui-search .search{color:#fff;padding-top:37px;padding-bottom:37px;}
.search .label{height:25px;line-height:25px;}
.search .input-text{width:255px;height:25px;background-color:#fff;border:2px solid #25508e;color:#000;text-indent:10px;}
.search .input-button{height:25px;background-color:#25508e;padding:0 10px;}
/*搜索-end*/

/*觊发k8旗舰厅公司简介*/
.home-about{padding:30px 0;}
.home-about-content{display:-webkit-box;}
.home-about .media{margin-right:20px;max-width:32%;}
.home-about .media img{max-width:100%;}
.home-about .desc{-webkit-box-flex:1;line-height:29px;font-size:14px;}
.home-about .desc p{margin-bottom:10px;}
.home-about .desc b{color:#333;}
/*觊发k8旗舰厅公司简介-end*/

/*产品展示*/
.home-pro{background:url("?images/162.jpg") #efefef center no-repeat;padding:0 0 30px 0;}
.home-pro .menu{text-align:center;font-size:0;}
.home-pro .menu .item{display:inline-block;font-size:14px;background-color:#0a4d84;padding:10px 30px;color:#fff;margin:0 5px;}
.home-pro .menu .item:hover{background-color:#eb3d00;}
.home-pro .list{overflow:hidden;margin-right:-20px;margin-top:30px;}
.home-pro .list li{float:left;width:220px;margin-right:20px;}
.home-pro .list .item{width:220px;display:block;}
.home-pro .list .media{border:1px solid #c3c3c3;border-bottom:none;}
.home-pro .list .media img{width:100%;display:block;}
.home-pro .list .title{height:45px;line-height:45px;color:#fff;text-align:center;background-color:#686e73;font-size:14px;}
/*产品展示-end*/

/*觊发k8旗舰厅新闻*/
.home-news{padding:50px 0;}
.home-news .hot{width:554px;float:left;}
.home-news .list{width:610px;float:right;}
.home-news .list li{border-bottom:1px dashed #cacaca;padding:0 0 10px 0;}
.home-news .item{display:block;}
.home-news .item .title{color:#000;font-weight:bold;padding:10px 0;}
/*觊发k8旗舰厅新闻-end*/

/*底部*/
.ui-footer{padding:50px;background-color:#002b4e;color:#fff;}
.ui-footer .blk{height:30px;line-height:30px;background:url("?images/176.png") left no-repeat;padding-left:20px;}
.ui-footer .menu{font-size:14px;margin-left:60px;}
.ui-footer .menu ul{padding-left:20px;}
.ui-footer .menu a{color:#fff;display:block;text-decoration:underline;height:30px;line-height:30px;}
.ui-footer .contact{padding-left:20px;line-height:30px;}
.copyright{background:url("?images/192.png") repeat-x;color:#fff;text-align:center;padding:10px 0;line-height:25px;}
/*底部-end*/

/*内页*/
.banner{position:relative;z-index:-1;}
.mainLeft{width:230px;float:left;position:relative;z-index:10;margin-top:-50px;}
.mainLeft .colum{height:177px;background:url("?images/19.jpg") no-repeat;padding:90px 0 0 24px;}
.mainLeft .colum .item{color:#fff;border-left:3px solid #fff;padding-left:10px;position:relative;}
.mainLeft .colum .cn{font-size:28px;}
.mainLeft .colum .en{font-size:14px;}
.mainLeft .colum .btn{display:none;width:78px;height:35px;line-height:35px;color:#fff;font-size:14px;text-align:center;border:1px solid #fff;border-radius:5px;position:absolute;right:10px;top:50%;margin-top:-17px;}
.mainLeft .menu{background-color:#fff;border-left:1px solid #c6c6c6;-webkit-box-shadow:-1px 4px 20px 0px rgba(0,0,0,0.2);}
.mainLeft .menu .item{cursor:pointer;display:block;height:43px;line-height:43px;border-bottom:1px solid #c6c6c6;font-size:14px;text-align:center;color:#474646;}
.mainLeft .menu .item:hover,.mainLeft .menu .item.on{background-color:#eb3d00;color:#fff;}

.mainLeft+.mainContent{float:right;width:915px;}
.mainContent{}
.mainContent .blk{height:30px;line-height:30px;border-bottom:1px solid #c2c2c2;margin:20px 0;}
.mainContent .blk .position{color:#4f4e4e;}
.mainContent .content{color:#4d4c4b;font-size:14px;line-height:1.5;}
.mainContent .content img{max-width:100%;}

.news-box{position:relative;}
.news-box .item{display:block;}
.news-box .item .title{font-size:14px;color:#1b1b1b;font-weight:bold;}
.news-box .item .inner{color:#ababab;}
.news-box .item .desc{font-size:14px;margin-top:5px;}
.news-box .item .time{color:#fff;float:left;margin-right:20px;font-weight:bold;background-color:#aeaead;width:71px;height:67px;text-align:center;}
.news-box .item .time .d{font-size:30px;font-weight:bold;font-style:normal;}
.news-box .item .time .ym{font-size:14px;}
.news-box .item:hover .time{background-color:#0182ca;}
.news-box .list li{overflow:hidden;padding-bottom:10px;border-bottom:1px dotted #ababab;}
.news-box .list li+li{margin-top:10px;}

.pro-box{overflow:hidden;}
.pro-box .list{margin-right:-20px;}
.pro-box .list li{float:left;margin-right:16px;margin-bottom:35px;}
.pro-box .item{display:block;width:215px;border:1px solid #163e73;cursor:pointer;}
.pro-box .item .media img{width:100%;}
.pro-box .item .title{height:44px;color:#fff;background-color:#163e73;line-height:44px;text-align:center;font-size:14px;}

.down-list{}
.down-list .list{}
.down-list .list li{margin-bottom:20px;}
.down-list .item{background-color:#f7f7f7;border:1px solid #dbdada;padding:30px;display:block;overflow:hidden;}
.down-list .media{float:left;}
.down-list .inner{color:#666;float:left;margin-left:20px;font-size:14px;}
.down-list .inner p{margin-bottom:10px;}
.down-list .inner span{color:#000;}
.down-list .after{float: right;}

.content{}
.content .info{border-bottom:2px solid #0182ca;margin-bottom:20px;}
.content .info .title{color:#333;font-size:24px;}
.content .info .desc{font-size:14px;padding:10px 0;}
/*分页*/
.page_list{text-align:center;margin:20px 0 10px 0;clear:both}.page_list>a{padding:5px 10px;margin:0 3px;background-color:#DDE5E8;color:#667384}.page_list>a.on,.page_list>a:hover{background-color:#9ACA40;color:#fff}.page_info{text-align:center;padding:10px 0}
/*内页-end*/

@media only screen and (max-width:1200px){
	.layout{width:auto;}
	.mainLeft .colum{height:auto;padding:10px;background-size:cover;}
	.mainLeft .colum .cn{font-size:18px;}
	.mainLeft .menu{border-left:none;}
	.mainLeft+.mainContent,.mainLeft{width:auto;float:none;}
}
@media only screen and (min-width: 480px) and (max-width: 769px){
}
@media only screen and (max-width:500px){
	.ui-header{}
	.ui-header .logo{float:none;display:block;padding:10px 5px;font-size:0;text-align:center;}
	.ui-header .logo img{max-width:100%;}
	.ui-header .top{display:none;}
	.ui-header .ui-nav{position:relative;margin-bottom:10px;}
	.ui-header .ui-nav ul{overflow:hidden;}
	.ui-nav .item{float:left;width:25%;padding:10px 0;text-align:center;}
	.ui-search,.home-about-content,.home-pro .menu,.ui-footer,.home-news .hot{display:none;}
	.home-pro .list{margin:0;display:-webkit-box;overflow-x:scroll;}
	.home-pro .list li{float:none;}
	.ui-title{padding:10px 0;}
	.home-news{padding:10px 5px;}
	.home-news .list{width:auto;float:none;}
	.copyright{background:url(?images/192.png);}
	.mainLeft .colum .btn{display:block;}
	.banner {height:auto;}
	.mainLeft{margin:0;}
	.banner .join{margin-top:0;padding:20px;}
	.mainContent .content{padding:0 10px;font-size:12px;}
	.pro-box .list{margin:0;}
	.pro-box .list li{width:50%;margin:0;}
	.pro-box .item{width:auto;margin:5px;}
	.mainLeft .colum{position:relative;}
	.mainLeft .colum:after{position:absolute;right:10px;top:50%;margin-top:-10px;width:20px;height:20px;content:"";background:url("?images/fl.png") no-repeat;background-size:100% 100%;}
	.mainLeft .menu{display:none;}
}
