/* 轮播大图 */
.banner{width: 100%;background-color: #fff; }
.ban_c .swiper-slide_bj .swiper-slide_bjs{width: 100%;margin:0 auto;}
.ban_c .swiper-slide_bj .swiper-slide_bjs img{width:100%;height: 100%;}


/* 内容标题 */
.con{width: 1200px;margin: 0 auto;}
.cp_tit{margin-top: 30px;}
.cp_tit_a{text-align: center;margin-bottom: 20px;}
.cp_tit_s{display: inline-block;margin:0 auto;}
.cp_tit_p{text-align: center;font-size: 40px;color: #d2d1d2;margin-bottom: 10px;}
.cp_tit_s span{width: 180px;height: 19px;float:left;border-bottom: 3px solid #074c84;}
.cp_tit_s div{width: 130px;display: inline-block;float:left;font-size: 28px;text-align: center;font-weight: bold;color: #004d84;}
.cls{clear: both;}
/* 内容产品 */
.cp_con,.al_con{padding:20px;}
.cp_con_pic{width: 60%;display: inline-block;float: left;background: #dcdde0;height: 249px;overflow: hidden;}
.cp_con_pic img{width: 100%;}
.dis{display: none;}
.cp_con_con{width: 40%;display: inline-block;padding:3% 5%;background-color: #f6f6f6;float: left;box-sizing: border-box;margin-bottom: 30px;}
.cp_con_con ul{text-align: center;}
.cp_con_con ul li:nth-child(1){font-size: 20px;color: #e0e7ef;}
.cp_con_con ul li:nth-child(2){font-size: 18px;color: #323232;font-weight: bold;}
.cp_con_con ul li:nth-child(3){border-top: 1px solid #cbcbcd;text-align: left;margin-top: 15px;padding: 5px 0px;margin-bottom: 5px;height: 70px;line-height: 21px;}
.cp_con_con ul li:nth-last-child(1){width: 120px;background-color: #107db0;padding: 5px 10px; color: #fff;margin: 0 auto;}
.cp_con_con ul li:nth-last-child(1) a{color: #fff;}
.cp_con_con2{width: 40%;display: inline-block;padding:3% 5%;background-color: #413f40;float: left;box-sizing: border-box;margin-bottom: 30px;}
.cp_con_con2 ul{text-align: center;}
.cp_con_con2 ul li:nth-child(1){font-size: 20px;color: #504a50;}
.cp_con_con2 ul li:nth-child(2){font-size: 18px;color: #ffffff;font-weight: bold;}
.cp_con_con2 ul li:nth-child(3){border-top: 1px solid #d2d1d2;text-align: left;margin-top: 15px;padding: 5px 0px;margin-bottom: 5px;color: #fff;height: 70px;line-height: 21px;}
.cp_con_con2 ul li:nth-last-child(1){width: 120px;background-color: #107db0;padding: 5px 10px; margin: 0 auto;}
.cp_con_con2 ul li:nth-last-child(1) a{color: #fff;}
.cp_more{width: 120px;height: 30px;background-color: #3c3636;margin: 0 auto;line-height: 30px;text-align: center;padding: 5px 10px;margin-bottom: 20px;}
.cp_more a{color: #fff;}
.cp_more a img{width: 15px;height: 15px;}
.cp_more a span{position: relative;margin-left: 20px;top: 2px;}
/* 内容案例 */
.al{background-color: #f7f7f7;}
.al_con_c{width: 32%;float: left;background-color: #fff;box-sizing: border-box;margin-bottom: 20px;box-shadow: 0px 1px 5px 1px #cccccc87;}
li.al_con_c:not(:nth-child(3n)){margin-right: 2%;}
.al_con_p{padding:6%;}
.al_con_pt{margin-bottom: 15px;font-size: 16px;}
.al_con_pt>span:nth-child(1){font-size: 36px;color: #999999;}
.al_con_pt>span:nth-child(2){color: #666666;font-weight: bold;}
.al_con_pc{height: 100px;border-top: 1px solid #999999;padding-top: 20px;color: #666666;line-height: 25px;}
.al_con_pb{width: 100%}
.al_con_pb a{width: 130px;background-color: #fff;padding: 10px 15px;border: 1px solid #999999;text-align: center;margin: 0 auto;display: inherit;}
.al_con_pb a:hover{background-color: #117eb1;border: 1px solid #117eb1;color: #fff;}
.al_con_pic img{width: 100%;}

/* 资讯内容 */
.con_ul{padding:3%;}
.zx_con{border-bottom: 1px solid #dedede;height: 150px;    margin-bottom: 10px;padding: 20px 0px;}
.zx_con_con{width: 78%;float: left;}
.zx_con_pic{width: 240px;height: 150px;float: right;}
.zx_con_con p span{display: inline-block;}
.zx_con_con p.zx_con_con_p1{font-size: 18px;color: #999999;font-weight: 550;margin-bottom: 10px;}
/* .zx_con_con p.zx_con_con_p1:hover{color: #333333;} */
.zx_con_con p.zx_con_con_p1 span:nth-child(1){width: 60px;margin-right: 30px;color: #666666;}
.zx_con_con p.zx_con_con_p1 span:nth-child(2){width: 30px;position: relative;top: -6px;border-bottom: 1px solid #333333;margin-right: 30px;}
.zx_con_con p.zx_con_con_p1 span:nth-child(3){font-weight: bold;color: #333333;}
.zx_con_con p.zx_con_con_p2{font-size: 16px;color: #c6c5c5;}
.zx_con_con p.zx_con_con_p2 span:nth-child(1){width: 60px;height: 30px;margin-right: 30px;background-color: #c3c3c3;position: relative;top: 13px;}
/* .zx_con_con p.zx_con_con_p2 span:nth-child(1):hover{background-color: #02b2ee;} */
.zx_con_con p.zx_con_con_p2 span:nth-child(2){width: 30px;margin-right: 30px;}
.zx_con_con p.zx_con_con_p2 span:nth-child(3){width: 80%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; position: relative;top: -24px;left: 149px; color: #666666;}

/* 关于 */
.con_gy{padding:30px 0px;height: 460px;}
.gy_pic{width: 696px;height: 379px;float: left;background-color: #ccc;    position: relative;top: 10px;}
.gy_con{width: 500px;height: 400px;float: right;padding: 30px 60px;box-sizing: border-box;background-size: 100% 100%;}
.gy_con h1{font-size: 24px;display: inline-block;padding-bottom: 18px;border-bottom: 3px solid #b5b5b5;width:150px; color: #666666;}
.gy_lx p{margin-top: 15px;font-weight: bold;;}
.gy_lx p span{margin-right: 10px;}
.gy_lx_in{margin-top: 15px;margin-bottom: 15px;width: 100%;}
.gy_lx_in p{line-height: 23px;}
.gy_lx_te textarea{width: 99%;padding: 0px;height: 80px;}
.gy_lx_bt input{width: 100%; margin-top: 15px;height: 30px;border-radius: 3px;color: #fff;background-color: #117eb1;}
/* 首页新闻 */
.index_news_info{
  width: 1200px;margin:0 auto;
}

/* 首页新闻 */
#news_con_c { width: 60%; height: 311px; position: relative;top: 10px;left: 20px; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; overflow: hidden; }

#left-side { height: 100%; width: 25%;background-color:#2367a4; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
#left-side ul li {  display: -webkit-box;font-size: 24px;display: -webkit-flex; display: -ms-flexbox; display: flex;height: 50px;line-height: 50px; color: #fff; font-weight: 500; cursor: pointer;box-sizing: border-box; -webkit-transition: all .2s ease-out;width: 60px; transition: all .2s ease-out; }
#left-side ul li span{display: inline-block;margin: 0 auto;}
#left-side ul li:hover { color: #fff;  -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }

#left-side ul li.active { color: #fff;font-size: 36px;}
#news_con_asd { height: 310px; width: 1px; background-color: rgba(51, 51, 51, 0.2); }
#news_con_asd #line.one1 { width: 5px; height: 30px; background-color: #E74C3C; margin-left: -2px; margin-top: 35px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
#news_con_asd #line.one2 { width: 5px; height: 30px; background-color: #E74C3C; margin-left: -2px; margin-top: 22px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
#news_con_asd #line.one3 { width: 5px; height: 30px; background-color: #E74C3C; margin-left: -2px; margin-top: 25px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
#news_con_asd #line.one4 { width: 5px; height: 30px; background-color: #E74C3C; margin-left: -2px; margin-top: 25px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
#news_con_asd #line.one5 { width: 5px; height: 30px; background-color: #E74C3C; margin-left: -2px; margin-top: 25px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
#right-side { height: 300px; width: 75%; overflow: hidden; }
#right-side #first1, #right-side #first2, #right-side #first3, #right-side #first4,#right-side #first5 { position: absolute; height: 300px; width: 100%; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;  opacity: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
#right-side #first1 h1, #right-side #first2 h1, #right-side #first3 h1, #right-side #first4 h1,#right-side #first5 h1 { font-weight: 800; color: #333; }
#right-side #first1 p, #right-side #first2 p, #right-side #first3 p, #right-side #first4 p,#right-side #first5 p { color: #333; font-weight: 500; padding-left: 30px; padding-right: 30px; }
#right-side #first1.active, #right-side #first2.active, #right-side #first3.active, #right-side #first4.active, #right-side #first5.active{ margin-top: 0px; opacity: 1; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }