﻿*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0;}
body,textarea,input,button,select,keygen,legend{font-size: 14px;color:#333;outline:0;font-family:Arial, Helvetica, sans-serif;}
body{overflow-x:hidden;background: #f2f2f2;padding-top: 10px;padding-bottom: 10px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}

/** 重置超链接元素 **/
a{text-decoration:none;color:#333;}
a:hover{color:#00385b;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.w1200{width:1200px;max-width: 95%;margin:auto;}

.body_box{background: #fff;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);overflow: hidden;padding: 0 20px;}
.top_bg{border-bottom: 1px solid #eee;}
.top_h{display: flex;align-items: center;justify-content: space-between;}
.logo img{ display:block; height:70px;padding: 15px 0;}
.dh_bg{display: flex;align-items: center;}
.dh_tx{position: absolute;top:10px;}
.dh_tx i{position: absolute;top: 0; height:70px;-webkit-transition:0.5s;transition:0.5s;}
.dh_tx i:after{content: "";position: absolute;left: 20px;bottom: 0px;right: 20px; -webkit-transition:0.5s;transition:0.5s;height: 2px;background: #2079a3;}
.dh{}
.dh ul{display: flex;}
.dh ul li{z-index: 2;position:relative;}
.dh ul li p a{display:block;padding:0 20px;font-size:16px;line-height:70px;color:#333;-webkit-transition:0.5s;transition:0.5s;}
.dh ul li.on p a{color:#2079a3;}
.top_linkedin{display: flex;align-items: center;margin-left: 20px;}
.top_linkedin a{font-size: 20px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;background: #3c6aff;color: #fff;border-radius: 5px;margin-left: 5px;}
.top_linkedin a.linkedin{background: #0867c3;}
.top_linkedin a.tuite{background: #00aee5;}
.top_linkedin a.instagram{background: url('../img/instagram.jpg') center no-repeat;background-size: cover;}

.banner_bg{display: flex;justify-content: space-between;margin-top: 10px;}
.banner{overflow:hidden;width: 70%;height: 420px;}
.banner img{display:block;width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}
.banner_bg .lb{width: 30%;background: #2079a3;padding: 20px 20px 10px;}
.banner_bg .lb ul{}
.banner_bg .lb ul li{border-bottom: 1px solid rgba(255, 255, 255, 0.2);padding-bottom: 10px;margin-bottom: 10px;}
.banner_bg .lb ul li a{display: block;font-size: 14px;line-height: 20px;color: #fff;-webkit-transition:0.5s;transition:0.5s;}
.banner_bg .lb ul li a .ml1{display: flex;}
.banner_bg .lb ul li a .ml1 i{color: #00f1ff;font-size: 12px;width: 18px;}
.banner_bg .lb ul li a .ml1 span{flex: 1;width: 100%;overflow: hidden;-webkit-transition:0.5s;transition:0.5s;}
.banner_bg .lb ul li a .ml2{display: flex;padding-left: 18px;margin-top: 5px;}
.banner_bg .lb ul li a .ml2 span{display: flex;align-items: center;font-size: 12px;color: #fff;background: #333;line-height: 24px;border-radius: 5px;padding: 0 3px 0 10px;-webkit-transition:0.5s;transition:0.5s;}
.banner_bg .lb ul li a .ml2 span i{font-size: 20px;}
.banner_bg .lb ul li a .ml1 span:hover{color: #00f1ff;}
.banner_bg .lb ul li a .ml2 span:hover{color: #333;background: #00f1ff;}

.sy_bt{font-size: 16px;line-height: 24px;color: #333;text-transform: uppercase;font-weight: bold;padding: 10px 20px;background: #eee;border-radius: 5px;}

.sy_gy_bg{display: flex;justify-content: space-between;padding: 30px 0;}
.sy_gy{width: 100%;display: flex;}
.sy_gy .img{width: 50%;}
.sy_gy .img img{display: block;width: 100%;}
.sy_gy .txt{width: 50%;padding-left: 30px;}
.sy_gy .txt .ml1{font-size:14px; color:#333;line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;overflow: hidden;margin-top: 20px;}
.sy_gy .txt .ml2{font-size:14px; color:#333;line-height:30px;}
.sy_gy .txt .ml2{display: flex;margin-top: 20px;}
.sy_gy .txt .ml2 a{font-size: 14px;line-height: 36px;color: #2079a3;padding: 0 20px;background: #fff;border: 1px solid #2079a3; border-radius: 5px;display: flex;align-items: center;justify-content: center;-webkit-transition:0.5s;transition:0.5s;}
.sy_gy .txt .ml2 a i{font-size: 18px;line-height: 20px;width: 20px;color: #fff;background: #2079a3;border-radius: 50%;text-align: center;margin-left: 10px;-webkit-transition:0.5s;transition:0.5s;}
.sy_gy .txt .ml2 a:hover{color: #fff;background: #2079a3;}
.sy_gy .txt .ml2 a:hover i{background: #fff;color: #2079a3;}

.sy_ys{padding-bottom: 30px;}
.sy_ys .lb{font-size: 14px;line-height: 24px;color: #333;}
.sy_ys .lb ul li{margin-top: 20px;}
.sy_ys .lb ul li .ml1{font-weight: bold;color: #2079a3;}
.sy_ys .lb ul li .ml2{}

.sy_sb{padding-bottom: 30px;}
.sy_sb ul li{width:100px;float:left; margin-right:10px; overflow:hidden;border: 1px solid #eee;}
.sy_sb li img{display:block;width:100%;height: 70px;}

.foot_bg{padding: 15px 0;font-size: 14px;line-height: 24px;color: #666;border-top: 2px solid #2079a3;text-align: center;}

.bat{overflow: hidden;margin-top: 10px;}
.bat img{display: block;width: 100%;}

.ny_bg{padding-top: 20px;padding-bottom: 40px;}
.ny_bt{font-size: 18px;line-height: 24px;color: #333;padding: 12px 15px;display: flex;margin-bottom: 30px;background: #eee;}
.ny_bt i{padding-right: 8px;color: #2079a3;font-size: 18px;}
.ny_gy{font-size:14px; color:#333;line-height:30px;}
.ny_gy img{display: block;max-width: 100%;}

.tuwen{display: flex;align-items: center;justify-content: space-between;border: 5px solid #eee;padding: 30px;margin: 10px 0 20px;}
.tuwen.row-reverse{flex-direction: row-reverse;}
.tuwen .tu{width: 49%;}
.tuwen .tu img{display: block;width: 100%;}
.tuwen .wen{width: 49%;font-size:14px; color:#333;line-height:30px;}

.ny_rz{max-width: 540px;margin: auto;padding: 30px 0;}
.ny_rz form{display: flex;flex-wrap: wrap;justify-content: center;}
.ny_rz form input.txt{display: block;width: 100%;font-size: 14px;line-height: 40px;color: #333;height: 42px;border: 1px solid #eee;padding: 0 15px;margin-bottom: 10px;border-radius: 5px;}
.ny_rz form input.txt:focus{border: 1px solid #2079a3!important;}
.ny_rz form input.btn,.ny_rz form input.btn2{display: block;width: 120px;font-size: 14px;line-height: 42px;height: 42px;color: #fff;margin:0 5px;background: #2079a3;border-radius: 5px;cursor: pointer;-webkit-transition:0.5s;transition:0.5s;}
.ny_rz form input.btn2{}
.ny_rz form input.btn:hover,.ny_rz form input.btn2:hover{background: #00adff;}
.ny_rz .ms{font-size: 12px;line-height: 20px;color: #999;padding-top: 20px;}
.ny_rz table{border: 1px solid #eee!important;border-width: 1px 1px 0 0!important;width: 100%!important;}
.ny_rz table th{border: 1px solid #eee!important;border-width:0 0 1px 1px!important;padding: 10px 20px!important;background: #f1f3f5!important;color: #333!important;line-height: 24px!important;text-align: left!important;}
.ny_rz table td{border: 1px solid #eee!important;border-width:0 0 1px 1px!important;padding: 10px 20px!important;}

.ny_lx{}
.ny_lx ul li{display: flex;justify-content: space-between;padding: 30px 0;}
.ny_lx ul li .txt{width: 48%;}
.ny_lx ul li .txt .ml1{font-size: 18px;font-weight: bold;line-height: 24px;color: #333;}
.ny_lx ul li .txt .ml2{font-size: 14px;line-height: 24px;color: #333;margin-top: 10px;}
.ny_lx ul li .txt .ml2 p{padding: 5px 0;}
.ny_lx ul li .dt{width: 48%;}
.ny_lx ul li .dt img{display: block;width: 100%;}

.ny_ry{padding-top: 30px;}
.ny_ry ul{display: flex;flex-wrap: wrap;}
.ny_ry ul li{width:32%;position: relative;margin: 0 2% 2% 0;}
.ny_ry ul li:nth-child(3n){margin-right: 0;}
.ny_ry ul li .img{overflow: hidden;border: 1px solid #eee;}
.ny_ry ul li .img img{display: block;width: 100%;-webkit-transition:0.5s;transition:0.5s;}
.ny_ry ul li:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.ny_ry ul li .txt{font-size: 14px;line-height: 24px;padding: 5px 0px; color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition:0.5s;transition:0.5s;text-align: center;}
.ny_ry ul li:hover .txt{color: #04BBFB;}