@charset "utf-8";
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
*{
	margin:0px;
	padding:0px;
	font-family:"微软雅黑", Arial, Helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	
	
}

input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea {  -webkit-appearance: none;}     

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
body{ 
	margin:0px auto;
	font-size:14px;
	color:#333;	
	background: #EDEEF0;
}

img{border:none;}
button,submit{cursor:pointer;}

li{list-style-type:none;}
ul{list-style:none;}
i{ font-style:normal;}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover{color:#164884; text-decoration:none;}
.cl{ clear:both;}
.fr{float:right}
.fl{float:left}

.mar{margin: 0px auto;}
input{outline:none;}
.trans{

    -webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}
a.mask {
	text-decoration: none;
	overflow: hidden;
	display: block;
}
img.zoom-img:hover {
	-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
img.zoom-img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 550ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 550ms;
}
.cent{display: table-cell;vertical-align: middle;}
.box {width:1200px;margin:0 auto}
.header{width:100%;background: #fff;padding-bottom:10px;}
.header-top{width:100%;float:left;position: relative;}
.header-top .logo{float:left;margin-top:13px;}
.header-top .logo img{}

.header-top .header-r{float:right;margin-top:11px;}
.header-top .header-r .ewm{float:right;}
.header-top .header-r .ewm img{width:102px;height: 102px;}
.header-top .header-r .sear{float:right;margin-top:19px;margin-right:32px;}
.header-top .header-r .sear .text{width:187px;height: 34px;border:1px solid #B8B8B8;border-right:0;padding:0 10px;float:left;}
.header-top .header-r .sear .input{width:34px;height: 34px;background: url(../images/sear-ico.png) center no-repeat #173E6D;border:none;cursor: pointer;}
.header-top .header-r .sear p{width:100%;display: block;color: #173E6D;font-size:18px;}

.menu{float:left;position: relative;width:100%;background:#173E6D;height: 49px;}
.menu ul{width:1200px;margin:0 auto;}
.menu li{float:left;margin-right:42px;position: relative;}
.menu li:last-child{margin-right:0;}
.menu li a{font-size:16px;color: #fff;display:inline-block;padding:0 8px;position: relative;padding-bottom:14px;line-height: 49px;}

.menu li:hover a,.menu li.active a{color: #fff;opacity: .8;}


.home-banner{ width:100%; height:418px; overflow:hidden; position:relative;float:left;}
.home-banner .hd{width:100%;position: absolute;bottom:25px;left:0;text-align: center;z-index: 999;}
.home-banner .hd ul{ overflow:hidden; zoom:1;}
.home-banner .hd li{display: inline-block;width:50px;height: 5px;background: #fff;margin:0 3px;opacity: .7;}
.home-banner .hd li.on{opacity: 1;}
.home-banner .bd{  width:100%; height:418px; z-index:0;}
.home-banner .bd li{ zoom:1; vertical-align:middle;width:100%; height:418px;position:relative;}
.home-banner .bd img{ width:100%; height:418px; display:block;vertical-align: bottom;}

.home-banner .prev,
.home-banner .next{ position:absolute;top:50%; margin-top:-21px; width:43px; height:43px;}
.home-banner .next{ right:80px;background:url(../images/right4.png);}
.home-banner .prev{ left:80px;background:url(../images/left4.png);}
.home-banner .prev:hover,
.home-banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.home-title{width:100%;float:left;border:1px solid #e2e4e8;background: #F9F9F9;height: 57px;}
.home-title span{float:left;font-size:18px;line-height: 57px;padding-left:22px;color: #173e6d;}
.home-title a{float:right;width:82px;height: 32px;border:1px solid #E4E4E4;line-height: 30px;border-radius:32px;text-align: center;margin:13px 16px 0 0;font-size:12px;}

.home-about{width:389px;float:left;margin-top:21px;height: 313px;background: #fff;overflow: hidden;}
.about-con{width:100%;float:left;padding:25px;line-height: 27px;font-size:15px;}
.about-con img{float:left;margin:0 12px 5px 0;width:141px;height: 95px;}

.home-ktyt{width:795px;float:left;margin-top:21px;height: 313px;background: #fff;overflow: hidden;margin-left:16px;}
.ktyt-1{width:353px;float:left;margin:25px;}
.ktyt-1 .topnews{float:left;width:100%;}
.ktyt-1 .topnews img{float:left;width:141px;height: 95px;}
.ktyt-1 .topnews .con{float:left;padding-left:15px;width:212px;font-size:15px;padding-top:15px;}
.ktyt-1 .topnews .con p{margin-top:5px;}
.ktyt-1 .topnews .con a{color: #083787;font-size:13px;text-decoration: underline;}
.ktyt-1 ul{width:100%;float:left;margin-top:4px;}
.ktyt-1 li{width:100%;float:left;position: relative;line-height: 30px;padding-right:80px;}
.ktyt-1 li a{font-size:15px;display: block;line-height: 30px;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ktyt-1 li span{position: absolute;right:0;top:0;font-size:13px;}
.ktyt-2{width:350px;float:right;margin-right:25px;margin-top:25px;}
.ktyt-2 ul{width:100%;float:left;margin-top:10px;}
.ktyt-2 li{width:100%;float:left;position: relative;line-height: 30px;padding-right:80px;}
.ktyt-2 li a{font-size:15px;display: block;line-height: 30px;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ktyt-2 li span{position: absolute;right:0;top:0;font-size:13px;}


.home-newsbox{width:389px;float:left;margin-top:21px;height: 313px;background: #fff;overflow: hidden;}
.ml16{margin-left:16px;}
.home-newsbox .topnews{float:left;width:100%;padding:25px 25px 0 25px;}
.home-newsbox .topnews img{float:left;width:141px;height: 95px;}
.home-newsbox .topnews .con{float:left;padding-left:15px;width:194px;font-size:15px;padding-top:15px;}
.home-newsbox .topnews .con p{margin-top:5px;}
.home-newsbox .topnews .con a{color: #083787;font-size:13px;text-decoration: underline;}
.home-newsbox ul{width:100%;float:left;margin-top:6px;padding:0 25px;}
.home-newsbox li{width:100%;float:left;position: relative;padding-right:80px;}
.home-newsbox li a{font-size:15px;display: block;line-height: 30px;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-newsbox li span{position: absolute;right:0;top:0;font-size:13px;line-height: 30px;}

.footer{width:100%;background: #3A3F46;color: #9C9EA0;line-height: 26px;font-size:13px;padding:25px 0;margin-top:60px;text-align: center;}
.footer a{font-size:13px;color:#9C9EA0;}


.slideBox{ width:100%; height:255px; overflow:hidden; position:relative;float:left;}
.slideBox .hd{ height:15px;overflow:hidden; position:absolute;right:5px;bottom:5px;z-index:1;}
.slideBox .hd ul{overflow:hidden; zoom:1;}
.slideBox .hd ul li{float:left; margin-right:10px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius:50%; text-align:center;opacity: .5;}
.slideBox .hd ul li.on{ background:#fff; color:#fff;opacity: 1;}
.slideBox .bd{width:100%; height:255px; z-index:0;}
.slideBox .bd li{vertical-align:middle;width:100%; height:255px;position:relative;background: url(/public/img/loading-1.gif) center no-repeat}
.slideBox .bd li i{position: absolute;width:56px;height:56px;background: url(../images/play.png) center no-repeat;top:50%;left:50%;margin:-28px 0 0 -28px;}
.slideBox .bd img{width:100%; height:255px; display:block;  }



/*box*/
.box {width:1200px;margin:0 auto}

.top-area{width:100%;float:left;height: 52px;line-height: 52px;}
.top-area a.home{background: url(../images/ico5.png) left center no-repeat;padding-left:25px;}
.top-area a{color: #878787;}
.top-area span{color: #173e6d;}

.left-box{width:249px;float:left;}
.right-box{width:925px;float:left;margin-left:26px;background: #fff;overflow: hidden;}

.left-box .left-title{width:100%;float:left;background: #173E6D;color: #fff;font-size:25px;padding:0 30px;height: 74px;display: table;}
.left-box .left-title p{font-size:14px;text-transform: uppercase;}
.navMenubox { width: 100%; background: #FFF;overflow: hidden;float: left;margin-top:14px;}
.navMenu> li{ display: block; margin: 0; padding: 0; border: 0px; }
.navMenu>li>a { display: block; overflow: hidden; padding-left: 24px; line-height: 58px; color: #333; transition: all .3s; position: relative; text-decoration: none; font-size: 16px;border-bottom: 1px solid #eee;border-left:5px solid #fff; }
.navMenu > li:last-child > a { border-bottom: 1px solid transparent; }
.navMenu>li>a>i { font-size: 20px; float: left; font-style: normal; margin: 0 5px; }
.navMenu li a .arrow:before { display: block; float: right; margin-top: 1px; margin-right: 15px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f105"; font-weight: 300; text-shadow: none; }
.navMenu li a .arrow.open:before { float: right; margin-top: 1px; margin-right: 15px; display: inline; font-family: FontAwesome; height: auto; font-size: 16px; content: "\f107"; font-weight: 300; text-shadow: none; }
.navMenu>li>a.active, .navMenu>li>a:hover { color: #FFF; background:#164884;border-left:5px solid #173E6D;}
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { display: none; list-style: none; clear: both; margin: 8px 0px 0px 0; padding-bottom: 5px;border-bottom: 1px solid #eee;}

.navMenu>li>ul.sub-menu li { background: none; margin: 0px; padding: 0px; }
.navMenu>li>ul.sub-menu li>a { display: block; font-size: 14px; line-height: 35px; padding-left: 20px; color: #333; clear: both; }
.navMenu>li>ul.sub-menu li>a.active,.navMenu>li>ul.sub-menu li>a.on, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a { color: #173e6d;}


.left-contact{width:100%;float:left;background: #fff;margin-top:21px;padding:26px 33px;}
.left-contact .con{line-height: 23px;}
.left-contact .con,.left-contact .ewm{width:100%;float:left;}
.left-contact .ewm{text-align: center;margin-top:20px;}
.left-contact .ewm img{max-width: 100%;}
.left-contact .con strong{font-size:16px;}

.about-rpic{width:100%;float:left;}
.about-rpic img{max-width: 100%;vertical-align: bottom;}
.about-content{width:100%;float:left;padding:65px 48px;line-height: 30px;}
.about-content img{max-width: 100%;}


.right-title{width:100%;float:left;padding:0 40px;margin-top:53px;}
.right-title > div{width:100%;float:left;position: relative;}
.right-title span{float:left;background: #fff;padding-right:56px;font-size:30px;color: #484848;font-weight: bold;z-index: 2;position: relative;}
.right-title i{position: absolute;width:100%;height: 1px;background: #E5E5E5;top:50%;left:0;z-index: 1;margin-top:4px;}
.right-title .more{position: relative;float:right;background: #fff;padding-left:12px;z-index: 2;}
.right-title .more a{width:82px;height: 32px;line-height: 30px;border-radius:32px;border:1px solid #E4E4E4;background:#F5F5F5;font-size:12px;text-align: center;display: inline-block;margin-top:8px;}
