﻿y{font-family: 'Microsoft Yahei';}
.w1200{width: 1200px;margin: 0 auto;position: relative;}
.clear{clear: both;}
.logo{float: left;}
.index_nav{float: right;}
.egnlish{margin-top: 15px;text-align: right;margin-right: 20px;}

.layui-nav .layui-nav-more{display: none;}
/*.layui-nav{margin-top: 10px;}*/
.layui-nav .layui-nav-item>a{font-size: 16px;}
.layui-nav .layui-nav-item a:hover{color: #145cb0;}
.layui-nav-bar{display: none;}
.layui-nav-child a{font-size: 14px;text-align: center;display: block;padding: 0 10px;}
.my-this{color: #145cb0;}

.swiper-container {width: 100%;}
.swiper-slide img{width: 100%;}
.swiper-slide {text-align: center;font-size: 14px;background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-pagination .swiper-pagination-bullet-active{background: white !important;}
.swiper-pagination .swiper-pagination-bullet{background: #bfbfbf;opacity: 1;}

.pic_title{width: 1200px;margin: 0 auto;position: relative;text-align: center;padding: 30px 0;}
.pic_title i{display: inline-block;width: 430px;height: 1px;background: #bfbfbf;position: absolute;top: 50%;}
.i1{left: 0;}
.i2{right: 0;}
.pic_center{display: inline-block;}
.pic_center span{display: block;}
.pic_center span:first-child{color: #073e88;font-size: 24px;}
.pic_center span:last-child{font-size: 18px;color: #3a3a3a;text-transform: uppercase;margin-top: 10px;}


.picScroll-left{ width:1100px;position:relative;margin: 0 auto;}
.picScroll-left .bd{margin-left: -23px;}
.prev,.next{ display:block; width:39px; height:39px;cursor:pointer;position: absolute;top: 50%;margin-top: -19.5px;}
.next{background:url("/statics/ks/img/jt_03.png") no-repeat;left: 0;margin-left: -50px;}
.prev{background:url("/statics/ks/img/jt_05.png") no-repeat;right: 0;margin-right: -50px;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden;text-indent:-999px; cursor:pointer;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;margin:0 23px;}
.picScroll-left .bd ul li .pic{ text-align:center;width: 264px;}
.picScroll-left .bd ul li .pic img{ width:100%; height:220px; display:block;}
.picScroll-left .picList .pic span{display: block;padding: 40px 0;}
/*.picScroll-left .bd ul li:hover{box-shadow: 0 2px 10px #bfbfbf;}*/

.picList li{float: left;text-align: center;}
.picList p{font-size: 18px;color: #353535;padding: 35px 0;}
.picList .more{display: inline-block;width: 150px;height: 45px;line-height: 45px;border: 1px solid #bfbfbf;}
.picList li:hover .more{background: #004986;color: white;border: 1px solid #004986;}
/*.picList li:first-child{margin-left: 0;}*/
.picList li div a{display: block;}
.picList li div a img{
    width: 240px;
    /*height: 200px;*/
    -webkit-transition: all 0.5s ease-in-out; 
    -moz-transition: all 0.5s ease-in-out; 
    -o-transition: all 0.5s ease-in-out;    
    -ms-transition: all 0.5s ease-in-out;   
    transition: all 0.5s ease-in-out;
}
.picList li div a img:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);    
    -o-transform: scale(1.05);  
    -ms-transform: scale(1.05); 
    transform: scale(1.05);
}
.index_bk{background: url(/statics/ks/img/bk_02.png) no-repeat;background-size: 100% 100%;margin-top: 40px;padding: 70px 0;}
.about_left{float: left;padding-top: 150px;}
.about_right{float: right;background: white;border-right: 8px solid #145cb0;padding: 10px;width: 540px;}
.ab_d1{float: left;overflow: hidden;}
.abo_top .ab_d1 img{width: 165px;height: 255px;}
.ab_d1 img{
    width: 165px;
    height: 100px;
    -webkit-transition: all 0.5s ease-in-out; 
    -moz-transition: all 0.5s ease-in-out; 
    -o-transition: all 0.5s ease-in-out;    
    -ms-transition: all 0.5s ease-in-out;   
    transition: all 0.5s ease-in-out;}
.ab_d2{float: right;width: 335px;}
.ab_d1 img:hover{
 -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);    
    -o-transform: scale(1.07);  
    -ms-transform: scale(1.07); 
    transform: scale(1.07);
}
.ab_d2 h4{font-size: 18px;color: #004986;font-weight: bold;padding: 20px 0;}
.ab_d2 p{font-size: 16px;color: #313131;line-height: 1.8;}
.ab_d2 a{display: inline-block;text-align: center;line-height: 35px;height: 35px;width: 95px;color: white;background: #004986;margin-top: 25px;}
.s_d2 h4{padding: 10px 0;}
.about_right ul li{margin-top: 10px;}

.about_left h2{color: white;font-size: 36px;text-transform: uppercase;font-weight: bold;}
.about_left p{text-align: center;color: white;font-size: 24px;font-weight: bold;padding: 30px 0;position: relative;}
.about_left p i{display: inline-block;width: 16px;height: 16px;background: white;position: absolute;top: 50%;margin-top: -8px;left: 0;}
.about_left ul li{text-align: center;}
.about_left ul li a{color: white;font-size: 18px;line-height: 2;}
.about_left ul li a:hover{color: #f1bb31;}

.news_ul a{display: block;}
.time{display: inline-block;background: #e1e1e1;padding: 5px 20px 10px 15px;transition: all .6s;}
.time span{font-size: 36px;color: #145cb0;font-weight: bold;display: inline-block;padding: 5px 0;line-height: 50px;}
.time p{font-size: 16px;color: #323232;}
.size{float: right;width: 440px;}
.size h3{font-size: 18px;font-weight: bold;padding: 10px 0;}
.size p{font-size: 14px;line-height: 1.8;color: #323232;}
.news_ul{font-size: 0;margin-left: -80px;}
.news_ul li{display: inline-block;width: 560px;margin-left: 80px;margin-bottom: 45px;}
.news_ul li:hover .size h3{color: #145cb0;}
.news_ul li:hover .time{background: #145cb0;}
.news_ul li:hover .time span{color: white;}
.news_ul li:hover .time p{color: white;}

.footer{border-top: 6px solid #004986;background: #222222;}
.fo_left{float: left;}
.fo_right{float: right;padding: 40px 0;width: 415px;}
.fo_size{padding: 40px;float: left;}
.fo_size h5{color: white;font-size: 16px;line-height: 1.8;}
.fo_size ul li a{color: white;font-size: 14px;line-height: 1.8;}
.fo_right p{color: white;}
.fo_right p:first-child{font-size: 18px;background: url(/statics/ks/img/index_21.png) no-repeat;
padding-left: 60px;line-height: 35px;background-position: 0;margin-bottom: 45px;}
.fo_right p:last-child{font-size: 16px;background: url(/statics/ks/img/index_25.png) no-repeat;
padding-left: 60px;width: 240px;background-position: 0;}
.foo2{background: #191919;color: white;}
.fo2_left{float: left;line-height: 2;font-size: 14px;}
.fo2_right{float: right;line-height: 2;font-size: 14px;}

.banner img{width: 100%;}

.topAddress{border-bottom: 1px solid #bfbfbf;height: 75px;line-height: 75px;}
.add_w1200{width: 1200px;margin: 0 auto;}
.addLeft{float: left;padding-left: 30px;background: url(/statics/ks/img/home.png) no-repeat;background-position: 0;}
.addRight{float: right;}
.addRight ul li{display: inline-block;margin-left: 20px;}
.addRight a{display:block;position:relative;padding: 0 5px;}
.addRight a i{width: 0px;height:3px;position: absolute;background:#145cb0;bottom: -1px;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;left: 50%;}
.addRight a:hover i{width: 100%;margin-left: -50%;}
.addRight a:hover{color:#145cb0;}
.mok i{width: 100% !important;margin-left: -50%;}
.mok{color:#145cb0;}

.content{padding: 30px 0;line-height: 1.8;}

.uo{width: 1200px;margin: 0 auto;padding: 20px 0 20px 0;}
.lb{float: left;}
.b1{transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.b1 img{width: 200px;height: 140px;margin: 15px;}
.b2{width: 680px;margin: 30px 35px;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.b3{margin-left: 60px;margin-top: 30px;}
.lists{background: #f7f7f7;overflow: hidden;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;margin-bottom: 20px;}
.b2 span{font-size: 16px;color: #717171;display: block;height: 24px;overflow: hidden;margin-bottom: 15px;}
.b2 p{color: #a2a2a2;font-size: 15px;line-height: 1.8;margin: 0;height: 75px;}
.b3 span{font-size: 19px;color: #bfbfbf;display: block;margin-bottom: 50px;}
.b3 a{display: inline-block;color: #145cb0;font-size: 15px;width: 100px;height: 30px;border-radius: 15px;border:1px solid #dedfe1;text-align: center;line-height: 30px;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.b3 i{height: 30px;line-height: 30px;font-style: normal;margin-top: -1px;display: block;}
.lists:hover .b1{background: #ccc;}
.lists:hover .b2{margin-left: 55px;}
.lists:hover .b2 span{color: #333;}
.lists:hover{box-shadow: 0 6px 10px 5px rgba(0,0,0,.08);}
.lists:hover .b3 a{color: white;background: #145cb0;margin-left: 20px;border: none;}

/*分页*/
.paging{text-align: center;width: 100%;}
.paging span{font-size: 14px;margin-right: 6px;background: #eeeeee;display: inline-block;min-width: 28px;height: 28px;line-height: 28px;padding: 5px;}
.paging a{color: #333333;display: block;}
.p_n1{background: #0091db !important;color: #ffffff;}

.picuo li{float: left;width: 355px;margin-right: 67px;margin-bottom: 20px;}
.piclist div{width: 355px;overflow: hidden;}
.picuo img{width: 100%;height: 240px;
-webkit-transition: all 0.5s ease-in-out; 
    -moz-transition: all 0.5s ease-in-out; 
    -o-transition: all 0.5s ease-in-out;    
    -ms-transition: all 0.5s ease-in-out;   
    transition: all 0.5s ease-in-out;
}
.picuo li:hover img{
-webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);    
    -o-transform: scale(1.07);  
    -ms-transform: scale(1.07); 
    transform: scale(1.07);
}
.picuo li:hover p{background: #145cb0;color: white;}
.picuo li:nth-child(3n){margin-right: 0;}
.picuo p{font-size: 18px;font-weight: bold;text-align: center;line-height: 3;}

.Contact{padding: 0;}
.Contact li{float: left;width:270px;margin-left: 39px;text-align: center;background-color: #fafafa;height: 280px;}
.Contact li:first-child{margin-left: 0px;}
.Contact div{padding: 0 10px;}
.Contact p{font-size:15px;color: #555555;}
.relation-img{margin-top: 30px;}
.Contact li:hover{box-shadow: 0 1px 10px 0px #d4d2d2;}
.Contact li:hover .relation-img{animation: shakeI 1.2s ease-in-out both;}

.ContactTitle{text-align:center;}
.ContactTitle h4{font-size:22px;font-weight: bold;padding: 20px 0;}
.Contact h4{font-weight: bold;font-size: 16px;padding: 20px 0;}


/*抖动*/
@keyframes shakeI {
0% {
        transform: scale(1);
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-4deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.15) rotate(4deg);
    }
    40%,
    60%,
    80% {
        transform: scale(1.15) rotate(-4deg);
    }
    100% {
         transform: scale(1) rotate(0); 
    }

}


/*地图*/

#container2{width: 100%;height: 500px;margin-top: 30px;}
.left,.right {width: 100%;height: 700px;padding: 40px 20px;box-sizing: border-box;}
.left {height: 500px;}
.container {width: 50%;height: 100%;}
.des {float: right;width: 48%;height: 100%;border: 1px dashed #000;box-sizing: border-box;}
.info {margin-top: 20px;padding-left: 20px;color: #cc5522;font-size: 20px;margin-bottom: 40px;text-align: center;}
pre {font-family: "微软雅黑";font-size: 15px;}
.title {font-size: 15px;font-weight: bold;color: #cc5522;}
.contents {font-size: 13px;color: #333;/*margin-top: 6px;*/}


.list_job li{border:1px solid #bfbfbf;border-left: 3px solid #008cd6;padding:15px 25px;margin-bottom: 20px;}
.list_job span{color: #4d4d4d;}
.t1{float: left;font-size: 18px;}
.t2{float: right;font-size: 14px;}
.s1{float: left;font-size: 14px;margin-right:30px;}
.s2{float: right;font-size: 16px;}
.job_bottom{margin-top:15px;}
.list_content{width: 1200px;margin:0 auto;padding-top: 40px;}
.jobPro{text-align: center;font-size: 26px;color: #018cd6;padding: 20px 0;}
.process{font-size: 0;width: 100%;height: 5px;background: #018cd6;position: relative;margin: 50px 0 100px 0;}
.process span{position: relative;display: inline-block;font-size: 24px;color: white;width: 73px;height: 73px;background: url(/statics/ks/img/pro.png) no-repeat;background-size: 100% 100%;top: -36.5px;margin-left: 30%;text-align: center;line-height: 73px;}
.process span:first-child{margin-left: 10%;}
.process span:last-child{margin-left: 30%;}
.process span i{font-style: normal;display: inline-block;position: absolute;width: 280px;
font-size: 15px;color: black;margin-left: -130px;text-align: center;top: 80px;line-height: 1.6;
}


.jobJl{text-align: center;border-left: 1px solid #bfbfbf;padding-left: 20px;}
.jobJl h4{font-size: 22px;text-align: center;color:#018cd6;font-weight: bold;padding-bottom: 10px;}
.jobJl p{font-size: 16px;line-height: 1.8;margin-bottom: 5px;text-align: justify;}
.jobJl span{display: block;text-align: center;padding-top: 5px;}
.jobJl a{display: inline-block;width: 100px;height: 40px;line-height: 40px;background: #984545;color: white;margin-top: 15px;}

.contents1{width: 1200px;margin: 0 auto;line-height: 2;font-size: 15px;}
.conLeft{float: left;width: 840px;padding-top:30px;border-right: 1px solid #bfbfbf;padding-right: 40px;margin-bottom: 40px;}
.conRight{float: right;width: 300px;}
.conRight div{background: #f5f5f5;padding: 15px;margin-top: 10px;}
.conRight a{display: block;font-size: 15px;}
.conRight p{background: url(/statics/ks/img/xiug_03.png) no-repeat;background-position: 0;    padding-left: 30px;border-bottom: 1px solid #707070;line-height: 3;margin-bottom: 15px;font-size: 18px;color: #00668d;}
.conRight img{display: block;margin-top: 10px;}
#artinfo2{padding-bottom: 40px;}
.infotitle{text-align: center;font-size: 22px;}
.infotime{text-align: center;}
.info_zlmcon{min-height: 100px;}

.page_ts{text-align: center;background: #eeeeee;color: #676767;padding: 25px 320px;}
.ts_con{margin-top: 20px;}
.ts_con:after{display: block;clear: both;content: "";}
.ts_left{float: left;}
.ts_right{float: right;width: 600px;}
.input1,.input2{outline:none;border: none;background: #eeefef;width: 270px;height: 50px;padding-left: 20px;font-size: 16px;}
.input2{margin-left: 20px;}
.input3{outline:none;width: 580px;padding-left: 20px;line-height: 50px;border: none;background: #eeefef;margin-top: 15px;font-size: 16px;}
.texta{outline:none;padding-top: 15px;resize: none;padding-left: 20px;width: 580px;margin: 15px 0px 0px;border: none;background: rgb(238, 239, 239);height: 123px;font-family: "Arial";font-size: 16px;}
.input4{width: 600px;height: 50px;border: none;color: white;background: #145cb0;font-size: 18px;margin-top: 15px;cursor:pointer;}
.ts_right form{font-size: 0;}