.banner{width: 100%; position: relative; overflow: hidden}

.banner_con{width: 100%; height: 100%; position: fixed; z-index: 1}
.banner_con .swiper-slide{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover}
.banner_con .swiper-slide .txt{
    /*border: solid 1px red;*/
    width: 960px; position: absolute; top: 40%; left: 50%; margin-left: -480px; text-align: center}
.banner_con .txt h1{font-size: 36px; color: #fff; font-weight: normal; text-shadow: 5px 0 2px #000; font-family: 'novecentowide_normal'; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; filter:Alpha(opacity=50)}
.banner_con .txt h3{
    padding: 20px;
    font-size: 26px; color: #f0f0f0; font-weight: normal; text-shadow: 5px 0 5px #000; font-family: 'dincond-bold'; transform: translateY(50px);  -webkit-transform: translateY(50px); opacity: 0; filter:Alpha(opacity=50)}
.banner_con .txt h3 img{width: 588px; float: none; display: block; margin: 15px auto}
.banner_con .txt p{font-size: 22px; color: #fff; text-shadow: 5px 0 2px #000; transform: translateY(50px);  -webkit-transform: translateY(50px); opacity: 0; filter:Alpha(opacity=50)}

.banner_con .txt .link{width: 110px; padding: 10px 20px; background: #1360a6; color: #fff; margin: 60px auto; transform: translateY(50px);  -webkit-transform: translateY(50px); opacity: 0; filter:Alpha(opacity=50)}
.banner_con .txt .link:hover{background: #333; transition-duration: 1s}

.banner_con .swiper-slide-active .txt h1{animation: t3 1s forwards; -webkit-animation: t3 1s forwards}
.banner_con .swiper-slide-active .txt h3{animation: t1 1s forwards; -webkit-animation: t1 1s forwards}
.banner_con .swiper-slide-active .txt p{animation: t2 1s forwards; -webkit-animation: t2 1s forwards}
.banner_con .swiper-slide-active .txt .link{animation: t4 1s forwards; -webkit-animation: t2 1s forwards}
@keyframes t1 {
    0%{transform: translateY(50px); opacity: 0}
    100%{transform: translateY(0); opacity: 1}
}

@keyframes t2 {
    0%{transform: translateY(50px); opacity: 0}
    100%{transform: translateY(0); opacity: 1}
}

@keyframes t3 {
    0%{transform: translateY(50px); opacity: 0}
    100%{transform: translateY(0); opacity: 1}
}
@keyframes t4 {
    0%{transform: translateY(50px); opacity: 0}
    100%{transform: translateY(0); opacity: 1}
}

/*----------------------------index-----------------------------*/
.title{width: 100%; text-align: center; margin-bottom: 60px}
.title h3{font-size: 38px; color: #333; letter-spacing: 2px; margin-bottom: 6px; font-family: 'dincond-bold'}
.title p{font-size: 13px; color: #666; margin-bottom: 30px;}
.title .btn{width: 120px; display: block; font-size: 12px; color: #fff; background: #1360a6; border-radius: 6px; padding: 4px 40px; margin: 0 auto; transition: all .4s; -webkit-transition: all .4s}
.title .btn:hover{background: #3c3c3c; padding: 4px 60px}


/*----content----*/
.content{width: 100%; position: relative; background: #fff; z-index: 5}

/*----ms-server----*/
.ms-server{width: 100%; background: #1360a6; overflow: hidden; margin-bottom: 40px; position: relative}
.ms-server ul{list-style: none; margin: 0 2%; padding: 40px 0}
.ms-server li{float: left; width: 18%; margin: 0 1%; padding: 0 1%; text-align: center; border-radius: 20px; box-sizing: border-box; transition: all .4s; -webkit-transition: all .4s}
.ms-server .img{width: 100%; height: 120px; margin: 20px auto}
.ms-server .img img{width: 100%; float: none}
.ms-server h3{color: #fff; margin-bottom: 40px; font-size: 15px; font-weight: normal}
.ms-server li:hover{background: #0d579b; box-shadow: 0 8px 16px rgba(0,0,0,.3)}


/*----ms-product----*/
.ms-product{width: 100%; position: relative; overflow: hidden; margin-bottom: 40px}

.ms-product ul{list-style: none; width: 90%; margin: 0 auto}
.ms-product li{width: 24%; margin:0.5%; float: left; overflow: hidden; position: relative;}
.ms-product .img{display: block; overflow: hidden;width:100%;object-fit:contain;  display: flex;
    justify-content: center;
    align-items: center;}
.ms-product .img img{
    object-fit:contain;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: 200px;
    transition: all .5s; -webkit-transition: all .5s;
}
.ms-product .img:hover img{transform: scale(1.1); -webkit-transform: scale(1.1)}

.ms-product .product-info{width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all .6s; -webkit-transition: all .6s}
.ms-product .product-info:hover{background: rgba(0,0,0,.2)}
.ms-product .product-info .product-info-text{width: 100%; height: 60px;  position: absolute; bottom: -90px; left: 0;  padding-left: 20px; background: #3c3c3c; color: #fff; opacity: .7; transition: all .5s; -webkit-transition: all .5s}
.ms-product .product-info:hover .product-info-text{bottom: 0}
.ms-product .product-info .product-info-text h3{padding-top: 16px; font-size: 15px; font-weight: normal;}
.ms-product .product-info .product-info-text p{font-size: 12px; padding-top: 4px}



/*----ms-products----*/
.ms-products{
    width: 100%; position: relative;
    /*background: url("../image/products-bg.jpg") no-repeat;*/
    padding-bottom: 60px}
.ms-products .w1200{width: 1180px; margin: 0 auto; position: relative}

.ms-products .products-title{padding-top: 40px;}
.ms-products .products-title h3{font-size: 36px; color: #666;}
.ms-products .products-title h4{font-size: 24px; color: #1360a6}

.ms-products .img_bg{
    width: 100%; height: 600px; position: relative;
    background: url("../image/pro-dh.png") no-repeat;
    background-size: cover}
.ms-products .img_bg .d{display: block; width: 50px; height: 50px; position: absolute; background: url("../image/icon-1.png") no-repeat; cursor: pointer; z-index: 3; animation: zoom_1 1.4s infinite}
.ms-products .img_bg .d_1{top: 230px; left: 250px}
.ms-products .img_bg .d_2{top: 190px; left: 340px}
.ms-products .img_bg .d_3{top: 280px; left: 370px}
.ms-products .img_bg .d_4{top: 190px; left: 380px}
.ms-products .img_bg .d_5{top: 190px; left: 430px}
.ms-products .img_bg .d_6{top: 170px; right: 640px}
.ms-products .img_bg .d_7{top: 270px; right: 700px}
.ms-products .img_bg .d_8{top: 150px; right: 580px}
.ms-products .img_bg .d_9{top: 240px; right: 680px}
.ms-products .img_bg .d_10{top: 310px; right: 610px}
.ms-products .img_bg .d_11{bottom: 190px; right: 590px}
.ms-products .img_bg .d_12{bottom: 150px; right: 520px}
.ms-products .img_bg .d_13{top: 230px; right: 500px}
.ms-products .img_bg .d_14{top: 250px; right: 340px}

@keyframes zoom_1 {
    0%{transform: scale(1)}
    50%{transform: scale(0.9)}
    100%{transform: scale(1)}
}

.ms-products .list_4_con_con{width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin-top: 40px}
.ms-products .list_4_con_con .img{width: 260px; overflow: hidden; position: absolute; border-radius: 6px; box-shadow: 1px 1px 1px #000; display: none}
.ms-products .list_4_con_con .img img{width: 100%}

.ms-products .list_4_con_con .img_1{top: 100px; left: 0}
.ms-products .list_4_con_con .img_2{left: 0; top: 200px}
.ms-products .list_4_con_con .img_3{top: 360px; left: 0}
.ms-products .list_4_con_con .img_4{top: 70px; left: 180px}
.ms-products .list_4_con_con .img_5{bottom: 480px; left: 260px}
.ms-products .list_4_con_con .img_6{top: 0; left: 420px}
.ms-products .list_4_con_con .img_7{bottom: 0; left: 0}
.ms-products .list_4_con_con .img_8{top: 0; right: 120px}
.ms-products .list_4_con_con .img_9{bottom: 60px; left: 200px}
.ms-products .list_4_con_con .img_10{bottom: 40px; left: 350px}
.ms-products .list_4_con_con .img_11{bottom: 0; right: 280px}
.ms-products .list_4_con_con .img_12{bottom: 20px; right: 0}
.ms-products .list_4_con_con .img_13{bottom: 240px; right: 0}
.ms-products .list_4_con_con .img_14{top: 60px; right: 0}




/*----banner-one----*/
.banner-one{position: relative; max-height: 650px; margin-bottom: 40px; background: #3c3c3c; overflow: hidden}
.banner-one .slick-slide img{width: 65%}

.banner-one .list1{width: 35%; float: right; margin-top: 60px; text-align: center; color: #f0f0f0}
.banner-one .list1 h3{padding-top: 120px; font-size: 24px; color: #fff; padding-bottom: 10px; letter-spacing: 4px;}
.banner-one .list1 p{font-size: 13px; padding-bottom: 40px}
.banner-one .list1 .txt{margin: 0 100px; padding-bottom: 80px}


/*----ms-about----*/
.ms-about{width: 100%; position: relative; overflow: hidden; margin-bottom: 40px}
.ms-about .img{width: 100%; overflow: hidden; position: relative}
.ms-about .img .about_mob{display: none}
.ms-about .img img{width: 100%; height: auto}
.ms-about .img_con{width: 100%; position: absolute; top: 31%; left: 0;}
.ms-about .img_con .video{width: 50%; height: auto; float: left; overflow: hidden}
.ms-about .img_con .video video{width: 100%; height: auto; object-fit:cover}
.ms-about .con{width: 50%; height: auto; float: left}
.ms-about .con p{padding: 15% 15%; font-size: 13px; color: #fff; line-height: 26px}

l
/*----ms-news----*/
.ms-news{width: 100%; position: relative; overflow: hidden;}
.ms-news .title{background: #fff; margin-bottom: 0; padding-bottom: 60px}

.ms-news ul{width: 100%; list-style: none; margin: 0 auto; position: relative; background: #f0f0f0}
.ms-news li{padding-top: 30px; border-bottom: 1px solid #e0e0e0; transition: all .5s; -webkit-transition: all .5s; position: relative}
.ms-news li i{display: block; width: 12px; height: 22px; position: absolute; right: -20px; top: 50%; margin-top: -18px;
    background: url("../image/right-3.png") no-repeat;
    background-size: cover; opacity: 0; transition: all .4s; -webkit-transition: all .4s}
.ms-news li:hover i{right: -80px; opacity: 1}
.ms-news ul a{width: 800px; height: 100px; margin: 0 auto; display: block; padding-left: 80px; padding-bottom: 30px; position: relative; transition: all .4s; -webkit-transition: all .4s}
.ms-news .date{float: left; width: 160px; height: 100px; margin-right: 40px}
.ms-news .date h1{font-size: 46px; color: #888; font-weight: 100; font-family: 'novecentowide_normal'}
.ms-news .date p{font-size: 14px; color: #c0c0c0; text-align: right; padding-right: 10px;}
.ms-news .news-content{float: right; width: 600px; height: 90px; overflow: hidden}
.ms-news .news-content h3{font-size: 16px; color: #333; font-weight: 100; padding-bottom: 16px; padding-top: 6px}
.ms-news .news-content p{font-size: 14px; color: #666}
.ms-news li:hover{background: #3c3c3c}
.ms-news li:hover a{padding-left: 0;}
.ms-news li:hover h3{color: #fff}
.ms-news li:hover p{color: #fff}


/*----contact----*/
.ms-contact{width: 100%; height: 600px; position: relative;
    /*height: 200px;*/
    /*background: url("../image/contact.jpg") no-repeat center;*/
    background: url("https://jingtaowei.oss-cn-shenzhen.aliyuncs.com/upload/image/20230704/contact.png") no-repeat center;
    
    background-size: cover}
.ms-contact .contact-w{width: 1180px; margin: 0 auto}

.ms-contact .contact-box{width: 100%; padding-top: 360px}

.ms-contact .contact-box .contact_con{width: 100%; padding-top: 60px }
.ms-contact .contact-box .contact_con .li{width: 25%; float: left; position: relative; padding-top: 60px; font-size: 15px; text-align: center; color: #999}
.ms-contact .contact-box .contact_con .li i{position: absolute; top: 0; left: 50%; margin-left: -16px; font-size: 34px}
.ms-contact .contact-box .contact_con .li:hover i{color: #fff}




#bottle{position: relative; width: 100%; height: 500px; overflow: hidden}

#bottle .bg_scr{width: 100%; height: 1200px;
/*background: url(../image/new-bg.jpg) 50% 0 no-repeat fixed*/
    /*background: url(https://jingtaowei.oss-cn-shenzhen.aliyuncs.com/upload/image/20230704/news.jpg) 50% 0 no-repeat fixed*/
    background: url(https://jingtaowei.oss-cn-shenzhen.aliyuncs.com/news2.jpg) 50% 0 no-repeat fixed
    
}



/*-----------------------------------------------page--------------------------------------*/

.page_banner{width: 100%; height: 488px; position: relative; overflow: hidden}
.page_banner .page_banner_bg{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover}

.page_banner .bg_scale{transform: scale(1.2); -webkit-transform: scale(1.2); animation: page_banner_bg 16s 1s forwards; -webkit-animation: page_banner_bg 16s 1s forwards}

@keyframes page_banner_bg {
    0%{transform: scale(1.2)}
    100%{transform: scale(1)}
}

.page_title{width: 100%; height: 120px; position: absolute; bottom: 0; left: 0;}
.page_title h3{font-size: 86px; color: #fff; font-family: 'dincond-bold'}


/*----page_about----*/
.page_about{width: 100%; position: relative;}
.page_about .page_about_title{width: 100%; margin: 40px 0 60px 0; border-bottom: 1px solid #f0f0f0}
.page_about .page_about_title ul{list-style: none; float: right}
.page_about .page_about_title li{float: left; padding: 10px 40px; margin-right: 4px; cursor: pointer; background: #f0f0f0; transition: all .4s; -webkit-transition: all .4s}
.page_about .page_about_title li:hover{background: #164190; color: #fff;}
.page_about .page_about_title .on{background: #164190; color: #fff}

.page_about .page_about_list{width: 100%; position: relative; margin-bottom: 80px; display: none}
.page_about .page_about_list .con_left{padding-top: 20px;}
.page_about .page_about_list .con_left h3{font-size: 22px; font-weight: bold; color: #164190; margin-bottom: 40px}
.page_about .page_about_list .con_left h4{font-size: 16px; font-weight: normal; color: #666; line-height: 46px; padding-left: 60px}
.page_about .page_about_list .con_left p{font-size: 14px; color: #555; line-height: 26px;}
.page_about .page_about_list .con_left .img{width: 100%; float: none; margin: 10px 0}
.page_about .page_about_list .con_left img{width: 100%; float: none}
.page_about .active{display: block}

.page_about .about_bg{height: 400px; position: absolute; top: 60px; left: -400px; right: -400px; background: url("../image/about-2.jpg") no-repeat; background-size: cover}

.page_about .page_about_list .con_left .ti{float: left; padding-top: 100px; position: relative; z-index: 1}
.page_about .page_about_list .con_left .ti h3{font-size: 18px; margin-bottom: 6px}
.page_about .page_about_list .con_left .ti p{font-size: 30px; color: #999; font-family: 'novecentowide_normal'; letter-spacing: -3px}
.page_about .page_about_list .con_left .wx{width: 760px; float: right; padding: 50px 40px; background: #164190}
.page_about .page_about_list .con_left .wx p{font-size: 12px; color: #fff; line-height: 36px}

.page_about .page_about_list .con_left .ry{list-style: none; margin-right: -2.3333%}
.page_about .page_about_list .con_left .ry li{width: 31%; float: left; margin-right: 2.3333%;}
.page_about .page_about_list .con_left .ry li .img{overflow: hidden}
.page_about .page_about_list .con_left .ry li .img img{width: 100%}


/*----page_product----*/
.page_product{width: 100%; position: relative}
.page_product .w{width: 80%; margin: 0 auto; position: relative}
.page_product .page_product_title{width: 100%; margin: 40px 0 60px 0; border-bottom: 1px solid #f0f0f0}
.page_product .page_product_title ul{list-style: none; float: right}
.page_product .page_product_title li{float: left; margin-right: 4px; background: #f0f0f0}
.page_product .page_product_title li a{padding: 10px 30px; color: #333; transition: all .4s; -webkit-transition: all .4s}
.page_product .page_product_title li:hover a{background: #164190; color: #fff;}

.page_product .product_list{width: 100%; position: relative}
.page_product .product_list ul{list-style: none; padding-bottom: 80px; margin-right: -1%}
.page_product .product_list li{width: 24%; float: left; margin-right: 1%; margin-bottom: 20px}
.page_product .product_list li .product_img{width: 100%; height: auto; overflow: hidden}
.page_product .product_list li .product_img img{width: 100%; display: block; transition-duration: .3s; -webkit-transition-duration: .3s}
.page_product .product_list li .product_title{width: 100%; height: 60px; background: #f0f0f0; position: relative}
.page_product .product_list li .product_title h3{font-size: 14px; color: #333; font-weight: normal; padding: 16px 0 8px 20px}
.page_product .product_list li .product_title p{font-size: 12px; color: #666; padding-left: 20px}
.page_product .product_list li:hover .product_img img{transform: scale(1.2); -webkit-transform: scale(1.2)}


/*----page_product_show----*/
.page_product_show{width: 100%; position: relative}
.page_product_show .products_show_con{margin: 60px 0}
.page_product_show .products_show_con .show_title{margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0}
.page_product_show .products_show_con .show_title h3{font-size: 20px; font-weight: normal; color: #555; margin-bottom: 4px}
.page_product_show .products_show_con .show_title span{display: block; color: #999; margin-bottom: 16px}
.page_product_show .products_show_con .show_title p{font-size: 13px; color: #666}

.page_product_show .products_show_con .show_con{width: 100%; position: relative;}
.page_product_show .products_show_con .show_con {overflow: hidden}
.page_product_show .products_show_con .show_con img{display: block; float: none; margin: 0 auto}
.page_product_show .products_show_con .show_con p{font-size: 14px; color: #666; line-height: 26px}

.preNext{margin-top: 60px}
.preNext .text{list-style: none}
.preNext .text li{color: #333; margin: 0 20px}
.preNext .text li:nth-child(1){float:left}
.preNext .text li:nth-child(2){float:right}
.preNext .text li a{color: #333333}
.preNext .text li:hover a{color: #164190}

/*----page-strength---*/
.page_strength{width: 100%; position: relative}
.page_strength .strength_title{width: 100%; margin: 40px 0 60px 0; border-bottom: 1px solid #f0f0f0}
.page_strength .strength_title ul{list-style: none; float: right}
.page_strength .strength_title li{float: left; margin-right: 4px; background: #f0f0f0; cursor: pointer; transition: all .4s; -webkit-transition: all .4s}
.page_strength .strength_title li a{padding: 10px 40px; color: #333}
.page_strength .strength_title li:hover a{background: #164190; color: #fff;}

.page_strength .strength_con{width: 100%; position: relative}
.page_strength .strength_con .strength_img{padding-bottom: 60px}
.page_strength .strength_con .strength_img ul{list-style: none; margin-right: -2.3333%}
.page_strength .strength_con .strength_img li{width: 31%; float: left; position: relative; margin-right: 2.3333%; margin-bottom: 20px; border: 1px solid #f0f0f0; box-sizing: border-box; overflow: hidden}
.page_strength .strength_con .strength_img .img{width: 100%; height: 100%; cursor: pointer; overflow: hidden}
.page_strength .strength_con .strength_img li .img img{width: 100%; display: block; float: none; transition: all .2s; -webkit-transition: all .2s}
.page_strength .strength_con .strength_img li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}

.page_strength .strength_con .strength_img li .name{position: absolute; bottom: -100px; left: 0; margin: 0 0 20px 20px; color: #fff; font-size: 15px; font-weight: normal; transition: all .4s; -webkit-transition: all .4s}
.page_strength .strength_con .strength_img li:hover .name{bottom: 0}

/*----page-network----*/
.network{width: 100%; position: relative}
.network .network_map{padding: 40px 0}
.network .network_map img{width: 100%; display: block; float: none}


/*----page-join----*/
.join_con{width: 100%; position: relative}
.join_con .join_list{list-style: none; float: left; width: 760px;}
.join_con .join_list li{width: 100%; margin-bottom: 30px; padding-bottom: 14px; border-bottom: 1px dotted #e0e0e0}
.join_con .join_list li a{font-size: 15px; color: #333; float: left}
.join_con .join_list li i{font-size: 18px; color: #666; margin-right: 8px}
.join_con .join_list li p{float: right; font-size: 14px; color: #999}
.join_con .join_list li:hover a{color: #164190}

.join_con .join_contact{float: right; margin-bottom: 40px}
.join_con .join_contact img{float: none}

.strength_title li.on{background: #164190}
.strength_title li.on a{color: #fff}
.page_strength .strength{display: none}
.page_strength .strength.active{display: block}

/*----page-joinshow----*/
.join_con .join_content{float: left; width: 760px; padding-bottom: 40px}
.join_con .join_content h3{font-size: 16px; color: #333; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px dotted rgba(0,0,0,.3)}
.join_con .join_content span{display: block; font-size: 13px; color: #333; line-height: 26px}
.join_con .join_content .join_jobdesc{margin-top: 10px; margin-bottom: 20px; font-size: 13px; color: #333; line-height: 24px}


/*----page-news----*/
.page_news{width: 100%; position: relative}
.page_news .news_one{width: 1200px; margin: 0 auto; padding-top: 60px}
.page_news .news_one .news_one_list{list-style: none; padding-bottom: 10px; margin-right: -3.3333%}
.page_news .news_one .news_one_list li{width: 30%; float: left; margin-right: 3.3333%}
.page_news .news_one .news_one_list li .news_img{width: 100%; height: 230px; overflow: hidden}
.page_news .news_one .news_one_list li .news_img img{width: 100%}
.page_news .news_one .news_one_list li .news_con{padding-top: 10px}
.page_news .news_one .news_one_list li .news_con h2{font-size: 14px; color: #888; margin-bottom: 8px; font-family:'novecentowide_normal' }
.page_news .news_one .news_one_list li .news_con h3{font-size: 16px; color: #444; font-weight: normal}


.page_news .news_list{width: 100%; list-style: none; margin-top: 80px; margin-bottom: 80px; position: relative; background: #f0f0f0}
.page_news .news_list li{padding-top: 30px; border-bottom: 1px solid #e0e0e0; transition: all .5s; -webkit-transition: all .5s; position: relative}
.page_news .news_list li i{display: block; width: 12px; height: 22px; position: absolute; right: -20px; top: 50%; margin-top: -18px; background: url("../image/right-3.png") no-repeat; background-size: cover; opacity: 0; transition: all .4s; -webkit-transition: all .4s}
.page_news .news_list li:hover i{right: -80px; opacity: 1}
.page_news .news_list li a{width: 800px; height: 100px; margin: 0 auto; display: block; padding-left: 80px; padding-bottom: 30px; position: relative; transition: all .4s; -webkit-transition: all .4s}
.page_news .date{float: left; width: 160px; height: 100px; margin-right: 40px}
.page_news .date h1{font-size: 46px; color: #888; font-weight: 100; font-family: 'novecentowide_normal'}
.page_news .date p{font-size: 14px; color: #c0c0c0; text-align: right; padding-right: 6px;}
.page_news .news-content{float: right; width: 600px; height: 90px; overflow: hidden}
.page_news .news-content h3{font-size: 16px; color: #333; font-weight: 100; padding-bottom: 16px; padding-top: 6px}
.page_news .news-content p{font-size: 14px; color: #666}
.page_news .news_list li:hover{background: #3c3c3c}
.page_news .news_list li:hover a{padding-left: 0;}
.page_news .news_list li:hover h3{color: #fff}
.page_news .news_list li:hover p{color: #fff}


.page_news .page_list{text-align: center}


/*----page-newsshow----*/
.page_news_show{width: 100%; position: relative}
.page_news_show .news_show_con{margin: 60px 0}
.page_news_show .news_show_con .show_title{text-align: center}
.page_news_show .news_show_con .show_title h3{font-size: 20px; font-weight: normal; color: #555; margin-bottom: 10px}
.page_news_show .news_show_con .show_title .show_data{border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; margin-bottom: 10px}
.page_news_show .news_show_con .show_title .show_data span{color: #888; margin-right: 20px}

.page_news_show .news_show_con .show_con{margin: 40px 0}
.page_news_show .news_show_con .show_con p{font-size: 14px; color: #666; line-height: 30px}
.page_news_show .news_show_con .show_con img{display: block; margin: 0 auto; float: none}


/*----page-contact----*/
.page_contact{width: 100%; position: relative}
.page_contact .contact_us{list-style: none; padding-top: 100px; margin-right: -2%}
.page_contact .contact_us li{width: 48%; float: left; padding: 40px; margin-right: 2%; margin-bottom: 30px; border: 1px solid #f0f0f0; box-sizing: border-box; cursor: pointer; transition: all .4s; -webkit-transition: all .4s}
.page_contact .contact_us li:hover{border: 1px solid #666}
.page_contact .contact_us li h3{font-size: 15px; color: #333; font-weight: bold; padding-bottom: 12px;}
.page_contact .contact_us li span{display: block; width: 48%; float: left; margin-right: 2%; margin-bottom: 8px; color: #666}
.page_contact .contact_us li .add{width: 100%}
.page_contact .contact_us .list_3{width: 31.3333%}
.page_contact .contact_us .list_3 span{width: 100%}

.page_contact .contact_map{position: relative; width: 100%; height: 460px;; margin-bottom: 60px;}
.page_contact .contact_map .map{width: 100%; height: 460px; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden}
.page_contact .contact_map .map.active{opacity: 1; visibility: visible}

/*----message----*/
.page_message{padding: 40px 0 50px 0}
.page_message .message_title{padding: 10px 0 60px 0; text-align: center}
.page_message .message_title h3{font-size: 22px; color: #444;padding-bottom: 6px}
.page_message .message_title h4{font-size: 13px; color: #888}

.page_message .form{width: 900px; margin: 0 auto}
.page_message .msgtitle{font-size: 14px; color: #555; font-weight: bold; margin-right: 10px;}
.page_message .msg_input{width: 400px; margin-bottom: 20px; border: 1px solid #e0e0e0; padding: 8px 9px; background: #fff; font-size: 13px; color: #888; box-shadow: 0 2px 0 0 rgba(0,0,0,.03); border-radius: 2px; outline: none}
.page_message .msg_input_on{width: 400px; margin-bottom: 20px; border: 1px solid #e0e0e0; padding: 8px 9px; background: #fff; font-size: 13px; color: #888; box-shadow: 0 2px 0 0 rgba(0,0,0,.03); border-radius: 2px; outline: none}

.page_message .con{}
.page_message .con span{float: left}
.page_message .con .msg_input{width:700px; height:180px; overflow:auto}
.page_message .con .msg_input_on{width:700px; height:180px; overflow:auto}

.page_message .con1{}
.page_message .con1 span{float: left; margin-right: 16px}
.page_message .con1 .msgtitle{margin-top: 7px}
.page_message .con1 .msg_input{float: left}
.page_message .con1 .msg_input_on{float: left}
.page_message .con1 span img{display: block; margin-top: 7px}
.page_message .con1 span a{float: left; margin: 9px 0 0 4px}

.page_message .msg_btn_area{margin-top: 30px}
.page_message .msg_btn_area a{float: right; width: 100px; margin-right: 100px; padding: 8px 2px; background: #164190; text-align: center; color: #fff}
.page_message .msg_btn_area a:hover{background: #163266}


/*----page_branch----*/
.page_branch{padding: 0 0 40px 0}

.page_branch .page_branch_title{width: 100%; margin: 40px 0 60px 0; border-bottom: 1px solid #f0f0f0}
.page_branch .page_branch_title ul{list-style: none; float: right}
.page_branch .page_branch_title li{float: left; margin-right: 4px}
.page_branch .page_branch_title li a{padding: 10px 30px; background: #164190; color: #fff; transition: all .4s; -webkit-transition: all .4s}

.page_branch .list{list-style: none; margin-right: -1.3333%}
.page_branch .list li{width: 32%; margin-right: 1.3333%; float: left; margin-bottom: 20px;}
.page_branch .list li .img{width: 100%; height: 240px; overflow: hidden}
.page_branch .list li .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s}
.page_branch .list li .t{padding: 10px 0 0 0; text-align: center}
.page_branch .list li .t h3{font-size: 14px; color: #333;}

.page_branch .list li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}


.page_branch .branchshow{margin-bottom: 40px}
.page_branch .branchshow .show_title{text-align: center; padding-bottom: 20px; margin-bottom: 20px}
.page_branch .branchshow .show_title h3{font-size: 20px; color: #164190;}

.page_branch .branchshow .show_con{}
.page_branch .branchshow .show_con p{font-size: 14px; color: #333; line-height: 26px;}
.page_branch .branchshow .show_con img{width: 100%; float: none; height: auto; display: block; margin: 10px auto}