@charset "utf-8";

body{margin:0px; padding:0px; font-size:14px; font-family:Microsoft Yahei,Arial, Helvetica, sans-serif; background:#fff; line-height:25px; color:#333;}

a{color:#333;text-decoration:none; font-size:14px;}
a:hover{color:#ff0000;text-decoration:none; font-size:14px;}

ul,li{list-style: none;margin: 0px; padding: 0px;}
li{float: left;}
p{line-height: 25px; margin: 0px; padding: 0px;}
p.indent{text-indent: 2em;}

.fl{float: left;}
.fr{float: right;}
.cls{clear:both;}

.w1200{margin: auto; width: 1200px;}


.header{width: 100%; background: #fff; }
.header_top{height: 110px; width: 1200px; margin: auto;}
.header_top .logo{padding-top: 20px;}
.header_top .tel{color: #086aac;font-size: 16px; margin-top: 25px; background: url(../images/tel.png)  no-repeat left center; padding-left: 60px;}
.header_top .tel .text{font-size: 14px;}

.header .menu{background:#0065b7; height: 45px; line-height: 45px; display: block;}
.header .menu ul{width: 1200px; margin:0 auto; height: 45px;}
.header .menu ul li{float:left;}
.header .menu ul a{color: #fff;font-size: 16px; display: block; padding: 0 36px;}
.header .menu ul a:hover{background: #065b94; display: block; padding: 0 36px;}


.title{display:block;text-align: center; margin: 40px 0;}
.title .bt{font-size: 18px; color: #065b94;font-weight: bold; display: inline-block;position: relative;}
.title .en{font-size: 14px;text-transform: uppercase; color: #999;}
.title .bt:before{content: ''; height: 1px; width: 50px; background: #086aac; position: absolute; top: 100%; left: -100px;}
.title .bt:after{content: ''; height: 1px; width: 50px; background: #086aac; position: absolute; top: 100%; right: -100px;}


.titles{display:block;text-align: center; margin: 40px 0; padding-top: 30px;}
.titles .bt{font-size: 18px; color: #fff;font-weight: bold; display: inline-block;position: relative;}
.titles .en{font-size: 14px;text-transform: uppercase; color: #fff;}
.titles .bt:before{content: ''; height: 1px; width: 50px; background: #fff; position: absolute; top: 100%; left: -100px;}
.titles .bt:after{content: ''; height: 1px; width: 50px; background: #fff; position: absolute; top: 100%; right: -100px;}


.cpzx{overflow: hidden; height: 350px;}
.cpzx ul{width: 105%; overflow: hidden;}
.cpzx_box{border:1px #eee solid; width: 283px; height: 335px; text-align: center; float: left; margin-right: 20px;}
.cpzx_box:hover .xx{background: #0065b7; border: 1px #0065b7 solid; color: #fff;}
.cpzx_box:hover{border: 1px #0065b7 solid;}
.cpzx_box img{width: 100%; height: 150px;}
.cpzx_text{display: block;padding: 5px 20px; box-sizing: border-box;}
.cpzx_text .text{font-size: 12px; line-height: 21px; color: #999; text-align: left; padding:10px 0;text-indent: 2em;text-align: justify;}
.cpzx_text .xx{font-size: 12px; border:1px #ccc solid; border-radius: 100px; padding: 4px 25px;}
.cpzx_text .xx:hover{background: #0065b7; color: #fff; border:1px #086aac solid;}


.jjfa{background:url(../images/jjfa_bg.png) no-repeat top center; height: 420px; margin: 20px 0;}
.jjfa_s{float: left; height: 283px; padding-top: 10px;}
.jjfa_s a{display: block; position: relative; margin-right: 20px; width: 283px;}
.jjfa_s img{width: 100%; height: 240px; overflow: hidden; }
.jjfa_s a span{position: absolute;left: 0px; right: 0px; bottom: 7px; height: 40px; line-height: 40px; background: rgba(0,0,0,.5); text-align: center; color: #fff;}
.jjfa_box ul{width: 105%; overflow: hidden;}

.news{width: 750px; float: left;}
.news_box{width: 200px; background: #0065b7; height: 315px; padding:30px 20px; box-sizing: border-box; color: #fff;position: relative;}
.news_box strong{font-size: 30px; display: block;}
.news_box span{font-size: 14px; line-height: 21px; padding: 10px 0; display: block;}
.news_box a{color: #fff;position: absolute;left:20px;bottom: 20px;}

.news_list{border: 1px #e8e8e8 solid; height: 315px; width: 540px; padding:10px 20px; box-sizing: border-box;}
.news_list li{border-bottom: 1px #eee dotted; height: 40px; line-height: 40px; padding-left: 10px; width: 100%;}
.news_list a{display: block; position: relative;}
.news_list li a:before{content: "";width: 5px;height: 5px; display: inline-block;background: #0065b7; border-radius: 5px; left:-10px; position: absolute; top: 47%;}


.about{width: 440px; border:1px #e8e8e8 solid; height: 315px;}
.about_title{ height: 45px; line-height: 45px;border-bottom: 1px #eee dotted;  display: block; padding: 0 20px; box-sizing: border-box; background: url(aico.png) no-repeat 10px center;}
.about_title span{font-size: 14px; font-weight: bold;color: #086aac; padding-left: 10px;}
.about_title a{float: right;font-size: 12px;}
.about_box{padding: 20px; box-sizing: border-box; line-height: 26px;}
.about_box img{float: left; margin-right: 10px; padding-top: 10px;}


.bottom{background: #086aac; margin: 10px 0 0 0; padding-top: 30px;}
.bottom a{font-size: 12px; color: #fff;}
.bot_nav span{font-size: 14px; color: #fff; display: block; padding-bottom: 10px;}
.bot_nav a{display: block; color: rgba(255,255,255,.5);}
.bot_nav a:hover{display: block; color: rgba(255,255,255,.8);}



#kinMaxShow{visibility:hidden;width:100%; height:399px; overflow:hidden; margin:0px; padding:0px; z-index:1; margin-bottom:10px;}


.bot_nav{float: left;}
.bot_nav ul{float: left; border-right: 1px rgba(255,255,255,.1) solid; padding-right: 50px; margin-right: 50px; height: 200px;}
.bot_tel .ewm{text-align: left;font-size: 12px; color: #fff; padding-top: 20px; padding-left: 60px;}
.bot_teo .ewm img{width: 90px; height: 90px;}
.bot_tel .tel{background: url(../images/tels.png) no-repeat left center; display: block; padding-left: 60px;font-size: 14px; color: #fff;}
.bot_tel .tel .text{font-size: 14px;}

.bottom .di{border-top: 1px  rgba(255,255,255,.1) solid; margin-top: 30px; padding:20px 10px; box-sizing: border-box; text-align: center; color: #fff;font-size: 12px;}



.left{width: 250px; float: left; margin: 20px 0;}
.left_title strong{background: #086aac; color: #fff; height: 40px; line-height: 40px; padding: 0 20px; box-sizing: border-box; display: block;}

.left_nav{border:1px #e8e8e8 solid; padding: 10px 15px; box-sizing: border-box;}
.left_nav a{border: 1px #086aac solid;  height: 30px; line-height: 30px; text-align: center; display: block; border-radius: 100px; margin: 8px 0;font-size: 12px; color: #086aac;}
.left_nav a:hover{border: 1px #086aac solid; background: #086aac;  height: 30px; line-height: 30px; text-align: center; display: block; border-radius: 100px; margin: 8px 0;font-size: 12px; color: #fff;}


.right{width: 930px;  margin: 20px 0;border:1px #e8e8e8 solid; min-height: 600px;}
.right .wz{padding: 10px 20px; border-bottom: 1px #e8e8e8 solid; background: url(../images/ico_arr.png) no-repeat 10px center; background-size: 18px auto;}
.right .wz span{padding-left: 10px;}
.right .content{padding: 20px 30px; box-sizing: border-box;text-align: justify;}
.right .content img{max-width: 100%; height: auto;}


.left_lx{border:1px #e8e8e8 solid; background:url(../images/lx.png) no-repeat left bottom;min-height: 200px; padding: 10px 20px; box-sizing: border-box; text-align: left;}


.xwlist{width: 100%; box-sizing: border-box;}
.xwlist li{border-bottom: 1px #eee dotted; height: 40px; line-height: 40px; padding-left: 10px; width: 100%;}
.xwlist a{display: block; position: relative; float: left;}
.xwlist li a:before{content: "";width: 5px;height: 5px; display: inline-block;background: #0065b7; border-radius: 5px; left:-10px; position: absolute; top: 47%;}
.xwlist span{float: right; font-size: 12px;}


.prolist{display: block; margin: 10px;}
.prolist li{width: 100%; border-bottom:1px #e8e8e8 dotted; padding: 10px 0;}
.prolist img{float: left; width: 200px;height: 150px; margin-right: 20px;}
.prolist .bt{font-size: 14px; color: #0065b7;font-weight: bold;}
.prolist .more{font-size: 12px; color: #0065b7}


.page{display: block; text-align: center; height: 50px; line-height: 50px;}