.mt20{margin-top: 20px;}
.head{width: 1200px;margin:20px auto 10px;}
.logo{width: 200px;}
.phone_img{width: 20px;}
.phone{font-size: 14px;color: #fbac05;font-weight: bold;margin: 5px 0 0 5px;}
.head_nav_list{margin: 5px 0 0 25px;}
.head_nav_list ul li{float: left;width: 100px;font-size: 10px;border-left: 1px solid #333;text-align: center;font-weight: bold;}
.head_banner{position: relative;}
.head_banner_con{position: absolute;top: 0;left: 50%;width: 1200px;margin-left: -600px;z-index: 999;}
.head_banner_top{border-bottom: 1px solid #000;}
.head_banner_top ul li{float: left;width: 9%;text-align: center;line-height: 55px;height: 55px;}
.head_title_bg{margin: 30px 0 160px;width: 100%;height: 100px;background: rgba(0,0,0,0.4);padding-top: 55px; z-index: 999;position: absolute;top: 85px;left: 0;text-align: center;}
.head_title{font-size: 36px;color: #fff;font-weight: bold;}
.line{width:350px;height: 1px;background: #fff;margin:30px auto}
.slide2{width: 260px;height: 120px;background: rgba(0,0,0,0.4);padding:30px 10px 10px}
.slide2.active{background: #0061b0;}
.slide_list_img{width: 90px;margin-top: 10px;}
.slide_list_title{font-size: 14px;color: #fff;margin-bottom: 10px;}
.slide_list_text{font-size: 10px;color: #fff;}
.banner_whole{position: absolute;width:1200px;left: 50%;top:415px;margin-left: -647.5px;}

.con{width: 1200px;margin: 50px auto;}
.con_title{font-size: 18px;margin-left: 20px;}
.con_xie{font-size: 10px;}
.con_top{border-bottom:1px solid #dedede;padding:20px 0;width: 1200px;margin:0 auto}
.con_nav{width: 300px;border-right: 1px solid #dedede;}
.con_nav ul li {height: 55px;line-height: 55px;border-bottom:1px dashed #c7c7c7;padding:0 20px}
.con_nav ul li div{color: #4e647c;font-weight: bold;}
.con_right{width: 860px;}
.con_right_img{width: 360px;height: 320px;overflow: hidden;}
.con_right_con_title{font-size: 14px;background:url(../images/dian.png) no-repeat;background-position: 0 5px; padding-left: 20px;color: #fff;border-bottom:1px solid #567dc2;padding-bottom:20px;margin-bottom: 20px;}
.con_right_con{width: 460px;background: #1a408b;padding:10px 10px 2px 30px}
.con_right_con p{color: #fff;font-size: 12px;line-height: 35px;}
.company_title1{height: 45px;line-height: 45px;background: #90a2ae;}
.company_title1 div{font-size: 14px;background:url(../images/dian.png) no-repeat;background-position: 0 17px; padding-left: 30px;color: #fff;margin-left: 20px;}
.company_text{font-size:14px;line-height: 30px;margin-top: 20px;border-bottom:1px dashed #c7c7c7;padding-bottom: 20px;}
.company_text p{font-size:14px;line-height: 30px;letter-spacing:4px}
.con_right_top{margin-bottom: 50px;}

.foot_whole{background: #262626;width: 100%;padding:45px 0 30px}
.foot{width: 1200px;margin:0 auto;border-bottom:1px solid #434343;padding-bottom:65px}
.foot_adyu{font-size: 10px;color: #9a9e9d;width: 325px;margin-top: 5px;}
.foot_adyu p{font-size: 10px;color: #9a9e9d;line-height: 25px;}
.foot_list ul li{float: left;margin-left: 80px;}
.foot_list_title{font-size: 14px;color: #fff;margin-bottom: 30px;}
.foot_list_link a{color:#9a9e9d;font-size: 10px;display: block;margin-bottom: 20px;}
.bottom{font-size: 10px;color: #9a9e9d;text-align: center;border-top:1px solid #434343;padding-top:30px;width: 1200px;margin:30px auto 0;}

.plan_list{margin-top: 5px;}
.plan_list ul li{float: left;width: 207px;text-align: center;margin:0 10px 40px 0}
.plan_list ul li:nth-child(4n){margin:0 0 40px 0}
.plan_list_img{width: 207px;height: 190px;overflow: hidden;}
.plan_list_img img{transition: 1s}
.plan_list_title{font-size: 14px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 207px;margin-top: 5px;}
.plan_list ul li:hover .plan_list_img img{transition: 1s;transform: scale(1.2);}
.m_plan_list ul li{width: 48%;margin:0 10px 30px 0;float: left;}
.m_plan_list ul li:nth-child(2n){margin:0 0 30px 0}
.m_plan_list_img{width: 175px;height: 150px;overflow: hidden;}
.m_plan_list_title{font-size: 14px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 190px;margin-top: 5px;}

.news_list{margin-top: 20px;}
.news_list ul li{background: #f7f7f7;box-shadow: 0 0 5px #ccc;padding:20px;margin-bottom: 20px;}
.news_list_img{width: 185px;height: 110px;overflow: hidden;margin-right: 10px;}
.time{margin-right: 5px;}
.news_list_title{font-size: 16px;width: 440px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.time_date{color:#838383;font-size: 12px;}
.news_list_text{color: #838383;width: 620px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin:20px 0}
.news_list_more{width: 85px;height: 30px;line-height:30px; background: #c6c4c5;text-align: center;color: #fff;border-radius: 5px;}
.pages{margin:20px 0}
.pages ul li{padding:0 20px;background: #dddcda;color: #b6b6b4;height: 30px;line-height: 30px;float: left;margin:0 5px}
.pages ul li a{color: #b6b6b4;}
.pages ul li.active{background: #c2303a;color: #fff;}
.m_news_list ul li{background: #f7f7f7;box-shadow: 0 0 5px #ccc;padding:20px;margin-bottom: 20px;}
.m_news_list_img img{width: 100%;height: 200px;}
.m_news_list_title{font-size: 16px;width: 200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.m_news_list_text{color: #838383;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin:20px 0}
.detail_con_title{font-size: 18px;text-align: center;margin-bottom: 20px;}
.detail_con_img{text-align: center;}
.detail_con{margin-top: 20px;}
.detail_con p{font-size: 16px;line-height: 30px;color: #333;}
/* mobile */
.nav_alert_whole{width: 100%;height: 100%;background: rgb(0, 0, 0,0.5);position: fixed;top: 0;left: 0;z-index: 9;display: none;}
.nav_alert{width: 96%;background: #fff;height:90%;padding:2%}
.nav_alert_top{display: flex;align-items: center;justify-content: space-between;height: 50px;}
.m_logo{width: 40%;}
.m_close{width: 30px;height: 30px;}
.nav_alert ul li{height: 40px;line-height: 40px;border-bottom: 1px solid #f0f0f0;font-size: 16px;width:100%;display:inline-block;position:relative;zoom:1;z-index:10;}
.nav_alert_item1{display: flex;justify-content: space-between;background:url(../images/more.png) no-repeat;background-size: 25px 50px;background-position: 320px -25px;}
.list-item{position:relative;zoom:1;display: none;}
.list-item div{height: 40px;line-height: 40px;margin-left: 10px;}
.nav_alert li.selected .nav_alert_item1{background-position:320px 15px;}
.m_head{width: 96%;background: #fff;position: fixed;top: 0;left: 0;z-index: 9;padding:2%;display: flex;align-items: center;justify-content: space-between;}
.m_phone_whole{display: flex;align-items: center;}
.m_logo{width: 45%;}
.m_phone{width: 20px;margin-right: 5px;}
.m_menu{width: 25px;height: 25px;}
.m_second_nav{display: flex;align-items: center;border-bottom: 1px solid #f0f0f0;padding: 0 10px;height: 40px;}
.m_second_nav_list{width: 95%;margin:10px auto}
.m_second_nav_list ul{display: flex;align-items: center;flex-flow: wrap;}
.m_second_nav_list ul li{width: 21%;height: 30px;line-height: 30px;text-align: center;margin-right: 10px;margin-bottom: 10px; border: 1px solid #ccc;}
.m_second_nav_list ul li.active{background: #058c92;}
.m_second_nav_list ul li.active a{color: #fff;}
.second_nav_index{padding:0 15px;border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;margin-right: 15px;}
.second_nav_bread span{color: #888888;margin-right: 5px;}
.m_bottom{width: 100%;font-size: 12px;text-align: center;color: #fff;background: #262626;padding:20px 0}

.mobile_con{width: 96%;margin:0 auto}
.m_con_right_con{background: #1a408b;padding:10px 3%;margin:0 auto 20px}
.m_con_right_con p{color: #fff;font-size: 12px;line-height: 35px;}
.m_about_img{margin:10px auto 0}

/* contact */
.nav_whole1{width: 1200px;margin:20px auto;}
.contact_list_whole{width: 100%;background: #f3f3f3;padding:50px 0}
.contact_list{width: 1160px;background: #fff;padding:50px 20px 0;height: 260px;margin:0 auto}
.contact_list ul li{float: left;text-align: center;width: 25%;}
.contact_list ul li:hover .contact_list_img{transition: 1s;transform: translateY(10px);}
.contact_list ul li:hover .contact_list_title{transition: 1s;transform: translateY(10px);}
.contact_list ul li:hover .contact_list_text{transition: 1s;transform: translateY(10px);}
.contact_list_img{width: 72px;height: 72px;margin:0 auto;transition: 1s;}
.contact_list_title{margin:20px 0;transition: 1s;}
.contact_list_text{line-height: 20px;transition: 1s;}
.contact_con{width: 1200px;margin:80px auto;}
.contact_text{text-align: center;font-size: 14px;margin: 25px 0 40px;}
.contact_input input{width: 575px;height: 50px;border:1px solid #e3e3e3;padding-left: 10px;margin-bottom: 20px;}
.contact_input1 input{width: 1200px;border:1px solid #e3e3e3;padding-left: 10px;height: 50px;margin-bottom: 20px;}
.contact_input2 textarea{width: 1200px;border:1px solid #e3e3e3;padding: 10px 0 0 10px;height: 200px;outline: none;resize: none;}
.contact_input3 input{width: 240px;height: 50px;border:1px solid #e3e3e3;padding: 10px 0 0 10px;}
.true{width: 240px;height: 50px;border:1px solid #424242;text-align: center;line-height: 50px;}
.yan{margin-top: 20px;}
.ma{margin:10px 0 0 10px}
.about_title{font-size: 38px;font-weight: bold;text-align: center;}
.line{width: 45px;height: 5px;background: #858585;margin:15px auto 0}
.about_title1{width: 180px;height: 50px;border:1px solid #000;text-align: center;line-height: 50px;margin:45px auto 40px}

.m_con{width: 95%;margin:0 auto;}
.m_con_nav{font-size: 11px;margin:10px 0 10px 0}
.m_con_nav span a{color: #014127;}
.m_con_text{margin: 20px 0;}
.m_con_text p{font-size: 14px;line-height: 30px;}
.m_logo{width: 20%;}
.m_foot{background: #161616;padding:20px 0;color: #fff;width: 100%;}
.m_foot div{color: #fff;font-size: 14px;}
.m_foot p{color: #fff;font-size: 14px;}
.m_foot_left{width: 60%;margin-left: 10px;}
.m_foot_left div{font-size: 14px;color: #fff;margin-bottom: 5px;}
.m_foot_right{width: 30%;text-align: center;}
.m_erweima{width:75px;height: 75px;margin:0 auto}
.m_ma_text{color: #fff;text-align: center;width: 98%;margin:10px auto 0}
.m_contact_list{width: 355px;background: #fff;margin:20px auto;}
.m_contact_list ul li{float: left;text-align: center;width: 43%;margin:0 10px 10px;min-height:200px;}
.m_contact_con{width: 95%;margin:30px auto ;}
.m_contact_input input{width: 340px;height: 50px;border:1px solid #e3e3e3;padding-left: 10px;margin-bottom: 20px;}
.m_contact_input1 input{width: 340px;border:1px solid #e3e3e3;padding-left: 10px;height: 50px;margin-bottom: 20px;}
.m_contact_input2 textarea{width: 340px;border:1px solid #e3e3e3;padding: 10px 0 0 10px;height: 200px;outline: none;resize: none;}
.m_contact_input3 input{width: 150px;height: 40px;border:1px solid #e3e3e3;padding: 10px 0 0 10px;}
.m_true{width: 240px;height: 50px;border:1px solid #424242;text-align: center;line-height: 50px;margin:30px auto 0;}



@media (min-width:1300px){
    .nav_alert_whole{display:none}
    .m_head{display: none;}
    .mobile_con{display: none;}
    .m_bottom{display: none;}
}
@media (max-width:1300px) {
    .head{display: none;}
    .con{display: none;}
    .foot_whole{display: none;}
    .head_banner_con{display: none;}
.banner{margin-top: 80px;}
.bottom{display: none;}
.pc_contact_whole{display: none;}
.con_top{display: none}
}