*{margin: 0;padding: 0;list-style: none;font-size: 14px;}
a{color: inherit;text-decoration: none;}
table{border-collapse:collapse;}
.main-width{width: 1360px;margin: 0 auto;}
.bg-w{background-color: #fff;}
.clearfix::after{display: block;clear: both;content: "";}
input[type="submit"],input[type="button"],input[type="reset"],button{cursor: pointer;}

.bgc{background: #f8e8e9;}
.enlarge{perspective: 600px;overflow: hidden;}
.enlarge img{transition: transform 1s;}
.enlarge:hover img{transform: translateZ(100px);}

.head{padding: 20px 0;background: #285767;}
.head h1{float: left;}
.head ul{float: left;margin-top: 30px;}
.head li{float: left;margin-left: 7px;}
.head li a{padding: 10px 20px;font-size: 18px;color: #fff;}
.head li a:hover{background: #13b5b1;}

.index-news{height: 350px;margin-top: 20px;}
.index-news .left{position: relative;float: left;width: 380px;height: 100%;}
.index-news .left img{width: 100%;height: 100%;}
.index-news .right{float: right;width: 800px;height: 100%;padding: 30px 20px;box-sizing: border-box;background: #f8e3e2;}
.index-news .right>div{float: left;width: 350px;}
.index-news .right>div img{width: 100%;}
.index-news .right p{margin: 10px 0;}
.index-news .right a{font-size: 16px;color: #707070;}
.index-news .right a:hover{color: #60a9d7;}
.index-news .right span{font-size: 13px;color: #969696;}
i.list1{display: inline-block;width: 10px;height: 10px;margin-right: 4px;background: url('/template/klsn1/images/list1.png')no-repeat center;}
.index-news .right ul{float: right;width: 380px;}
.index-news .right li{padding-bottom: 10px;border-top: 1px solid #fff;}
.index-news .right li:nth-child(1){border: none;}

.tag-tit{position: absolute;left: 20px;bottom: 20px;}
.tag-tit i{display: block;width: 50px;height: 2px;background: #0c9ce2;}
.tag-tit p{margin: 6px 0;font-size: 20px;color: #000;font-weight: bold;}
.tag-tit span{font-size: 16px;color: #8a8a8a;text-transform: uppercase;}

.index-about{margin-top: 40px;}
.index-about li{float: left;width: 386px;height: 210px;margin-left: 20px;}
.index-about li:nth-child(1){margin-left: 0;}
.index-about li img{width: 100%;}

.foot1{margin-top: 80px;background: #efefef;}
.foot1 ul{}
.foot1 li{float: left;width: 300px;padding: 50px 0;text-align: center;}
.foot1 li a{padding: 10px 0 10px 50px;font-size: 16px;font-weight: bold;background: no-repeat 0% 50%;transition: background .4s;}
.foot1 li:nth-child(1) a{background-image: url('/template/klsn1/images/ico1-a.jpg');}
.foot1 li:nth-child(2) a{background-image: url('/template/klsn1/images/ico2-a.jpg');}
.foot1 li:nth-child(3) a{background-image: url('/template/klsn1/images/ico3-a.jpg');}
.foot1 li:nth-child(4) a{background-image: url('/template/klsn1/images/ico4-a.jpg');}
.foot1 li:nth-child(1) a:hover{background-image: url('/template/klsn1/images/ico1-b.jpg');}
.foot1 li:nth-child(2) a:hover{background-image: url('/template/klsn1/images/ico2-b.jpg');}
.foot1 li:nth-child(3) a:hover{background-image: url('/template/klsn1/images/ico3-b.jpg');}
.foot1 li:nth-child(4) a:hover{background-image: url('/template/klsn1/images/ico4-b.jpg');}

.foot2{margin-top: 50px;}
.foot2>ul>li{float: left;margin: 0 50px;}
.foot2>ul>li>a{font-size: 18px;color: #707070;font-weight: bold;}
.foot2>ul>li>a:hover{color: #60a9d7;}
.foot2 li ul{margin-top: 20px;}
.foot2 li li{margin: 6px 0;}
.foot2 li li a{font-size: 16px;color: #9c9c9c;}
.foot2 li li a:hover{color: #285767;}
.foot2>ul>li:nth-last-child(1)>a{color: #285767;}
.foot2 .ewm{width: 120px;}

.foot3{margin-top: 30px;padding: 40px 0;background: #285767;}
.foot3-wrap{font-size: 16px;color: #fff;text-align: center;}
.foot3-wrap a{font-size: 16px;}

.son-banner img{width: 100%;vertical-align: middle;}

.son-nav{background: #f1f1f1;}
.son-nav .left{float: left;}
.son-nav .left>p{margin: 20px 0 10px;font-size: 34px;color: #285767;}
.son-nav .navigation{padding-left: 20px;background: url('/template/klsn1/images/home.png')no-repeat 0 50%;}
.son-nav .navigation a{color: #666;}
.son-nav .right{float: right;}
.son-nav li{float: left;}
.son-nav li a{display: block;padding: 50px 60px;font-size: 16px;color: #333;}
.son-nav li a:hover{color: #fff;background: #285767;}
.son-nav li a.cur{color: #fff;background: #285767;}

.prolist{margin-top: 40px;}
.prolist ul{}
.prolist li{position: relative;float: left;width: 380px;margin: 10px;border: 1px solid #ccc;box-sizing: border-box;}
.prolist li img{width: 100%;vertical-align: middle;}
.prolist li a{display: none;position: absolute;top: 0;width: 100%;height: 100%;padding: 20px;box-sizing: border-box;background: #285767;}
.prolist li div{height: 100%;border: 2px solid #fff;box-sizing: border-box;}
.prolist li p{color: #fff;text-align: center;}
.prolist li p:nth-child(1){margin: 120px 0 10px;font-size: 24px;}
.prolist li p:nth-child(2){font-size: 20px;}
.prolist li p:nth-child(3){margin-top: 10px;font-size: 12px;}

.pro-img{margin-top: 40px;}
.pro-img .left{float: left;width: 600px;}
.pro-img .left img{width: 100%;}
.pro-img .right{float: right;width: 540px;}
.pro-img .right h2{margin: 20px 0;padding: 10px 0;font-size: 24px;color: #333;font-weight: bold;border-bottom: 2px solid #eee;}
.pro-img .right p{font-size: 16px;margin: 10px 0;}
.pro-img .right a{display: block;width: 110px;margin-top: 20px;padding: 8px 0;color: #fff;text-align: center;background: #285767;}

.pro-article{margin-top: 20px;}
.pro-article li{float: left;padding: 8px 20px;color: #fff;background: #285767;}
.remark{padding: 30px;border: 1px solid #ccc;}
.pronext{margin-top: 20px;padding: 0 30px;}
.pronext p{margin: 6px 0;}

.newslist{margin-top: 40px;}
.newslist li{height: 340px;margin: 10px 0;}
.newslist li .img{float: left;width: 600px;height: 100%;}
.newslist li .img img{width: 100%;height: 100%;}
.newslist li .text{position: relative;float: right;width: 600px;height: 100%;padding: 40px;box-sizing: border-box;color: #fff;background: #f46a62;}
.newslist li h2 a{font-size: 24px;}
.newslist li i{display: block;width: 20px;height: 2px;margin: 20px 0;background: #fff;}
.newslist li span{font-size: 18px;}
.newslist li p{margin-top: 20px;}
.newslist li p+a{position: absolute;right: 40px;bottom: 40px;padding: 8px 20px;font-size: 16px;border: 1px solid #fff;transition: color .6s,background .6s;}
.newslist li p+a:hover{color: #f46a62;background: #fff;}
.newslist li:nth-child(even) .img{float: right;}
.newslist li:nth-child(even) .text{float: left;}

.new-tit{margin-top: 40px;padding-bottom: 20px;text-align: center;border-bottom: 1px solid #ccc;}
.new-tit h2{font-size: 24px;font-weight: normal;}
.new-tit p{margin: 10px 0;color: #888;}

.info{padding: 20px;box-sizing: border-box;}

.newsnext{padding: 20px;border-top: 1px solid #ccc;box-sizing: border-box;}
.newsnext p{margin: 6px 0;}

.contact{padding: 30px;box-sizing: border-box;}
.contact .left{float: left;width: 420px;}
.contact .right{float: right;width: 700px;}

.msg{margin-top: 20px;}
.msg form{width: 800px;margin: 0 auto;padding: 30px;border: 2px solid #ccc;border-radius: 10px;box-sizing: border-box;background: #eee;}
.msg-tit{margin-bottom: 20px;font-size: 24px;text-align: center;}
.msg .input-wrap{margin: 10px 0;}
.msg .input-wrap p{display: inline-block;vertical-align: top;}
.msg .input-wrap p:nth-child(1){position: relative;top: 6px;width: 180px;text-align: right;}
.msg .input-wrap input,.msg .input-wrap textarea{width: 420px;padding: 4px 8px;border: 1px solid #ccc;box-sizing: border-box;}
.msg .input-wrap input{height: 32px;}
.msg .input-wrap textarea{height: 100px;resize: none;font-family: inherit;}
.msg .btn-wrap{margin-top: 20px;text-align: center;}
.msg .btn-wrap input{width: 100px;height: 36px;margin: 0 6px;border: none;}
.msg .btn-wrap input:nth-child(1){color: #fff;background: #285767;}
.msg .btn-wrap input:nth-child(2){background: #ddd;}

.pages{margin-top: 30px;text-align: center;}
.pages li{display: inline-block;width: 30px;height: 30px;margin: 0 4px;line-height: 30px;color: #333;border: 1px solid #ccc;}
.pages li.previous_s,.pages li.next{width: 60px;}
.pages li:hover{color: #fff;background: #285767;border: 1px solid #285767;}
.pages li a{display: block;color: #333;}
.pages li:hover a{color: #fff;text-decoration: none;}
.pages li.pages_solid{color: #fff;background: #285767;border: 1px solid #285767;}