@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
dl,ul,ol,menu,li {list-style:none}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor: pointer}
body {background:#fff;color:#333;min-width:1200px;padding:0;margin:0;font-size:14px;}
body,th,td,input,select,textarea,button {font-size:14px;font-family: "Microsoft YaHei","SimSun",Helvetica,Arial;color: #333;}
a {	text-decoration: none;color:#122e67;outline: none;}
a:visited {color:#52687e;text-decoration:none;}
a:active,a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style: normal;font-weight: normal}
caption {display: none;}
table {width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
img {vertical-align: top;border: 0 none;}
input {outline: none;}
h1,h2,h3,h4,h5,h6 {font-family: "Microsoft YaHei","SimSun";font-weight: normal;}

.clearfloat:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfloat{display:block;clear:both;}

.container {width:1200px;margin:0 auto;}

.header {height:80px;display: flex;padding:12px 0;}
.header .logo {background:url('../images/logo.png') no-repeat center center;width:80px;height:80px;}
.header .slogan {padding-left:20px;padding-top:15px;width:calc(1200px - 220px - 80px);}
.header .slogan .cn{color: #164B97;font-weight:bold;font-size:26px;text-shadow: 2px 2px 4px #999, -2px -2px 4px #ffffff;line-height:34px;}
.header .slogan .en{line-height:22px;font-size:12px;text-shadow: 2px 2px 4px #999, -2px -2px 4px #ffffff;color:#666}
.header .header_r {width:220px;color:gray;}
.header .header_r span{cursor:pointer;}
.header .header_r span i{width:10px;height:10px;display:inline-block;background:url('../images/arrow.png') center center no-repeat;transform: rotate(90deg);margin-left:5px;}
.header .header_r span:hover i{transform: rotate(270deg);}
.header .header_r span:hover > div {display: block;}

.header .header_r div{padding:8px;border:1px solid #eee;width:110px;display: none;}
.header .header_r div a{padding:4px 8px;text-decoration:underline;line-height:24px;}
.header .header_r div a:hover {font-style: italic;font-weight: bold;}

.nav {background-color:#184c98;height:56px;font-size:16px;}
.navwarp{display:-webkit-flex;-webkit-justify-content:flex-start;display:flex;justify-content:flex-start}
.navwarp a{display:block;width:100%;color:#FFF;line-height:56px;cursor:pointer;}
.navwarp > li{position:relative;display:inline-block;padding:0 30px;}
.navwarp > li > a:after{content:'';position:absolute;bottom:0;width:50%;height:2px;background:#fff;transform:scaleX(0);-webkit-transform:scaleX(0);left:25%;transition:all 0.3s ease}
.navwarp > li.active,.navwarp > li:hover {background-color: #e93527}
.navwarp > li.active > a:after,.navwarp > li:hover > a:after{transform:scaleX(1);-webkit-transform:scaleX(1)}
/*.navwarp > li:hover ul{display:block;}*/
.navwarp > li > ul {position:absolute;width:100%;left:0;top:56px;background-color:#184c98;z-index:99999;display:none;}
.navwarp > li > ul > li{position:relative;text-align:center;}
.navwarp > li > ul > li:hover {background-color: #e93527}
.navwarp > li > ul > li a{line-height:26px;padding:15px 0;}

.localwrap {background-color:#f2f5fa;height:50px;line-height:50px;text-indent:8px;font-size:14px;margin-bottom:8px;width:100%;}
.localwrap i{width:10px;height:10px;display:inline-block;background:url('../images/arrow.png') center center no-repeat;margin:0 8px 0 8px;}
.localwrap a:hover{text-decoration: underline;cursor:pointer;}

.footer {background-color:#303036;}
.footer .container:first-child {display:flex;justify-content:flex-start;padding:50px 0;}
.footer .mainl {width:calc(1200px - 500px);color:#FFF;line-height:30px;}
.footer .mainr {width:500px;}
.footer .footerdesc {line-height:40px;}
.lang-en-us .footer .footerdesc{line-height:24px;padding:8px 8px 8px 0;}
.lang-en-us .footer span.addr{font-size:12px;}
.footer .warp-title {font-size:21px;color:#FFF}
.footer .mainr form {display:flex;flex-direction:column}
.footer .mainr form div {margin-top:20px;}
.footer .mainr form input{width:225px;background-color:#404046;padding-left: 10px;height: 38px;border:none;color: #999;font-size: 14px;}
.footer .mainr form textarea{background-color:#404046;color: #999;font-size: 14px;padding: 10px;border:none;width:454px;outline: none;}
.footer .mainr form button{width:150px;height:40px;line-height:40px;background-color:#ea3627;color:#FFF}
.footer .footer-qrcode{padding-left:40px;}
.footer .footer-qrcode div:first-child {width:100px;height:100px;
    background-image: url('../images/qrcode.jpg');
    background-position: center center;
    background-size: 100px 100px;
    background-repeat: no-repeat;
}
.footer-copyright {line-height:45px;color:#FFF;background-color: #2a2a31;font-size: 12px;}

/*index*/
.index-title{line-height:100px;font-size:48px;color:#184c98;text-align:center;margin:20px 0 0 0;font-weight:bold;}
.index-title em{padding:0 15px;}
.index-title span{color:#e83428;}
.index-goods {width:280px;height:500px;background-color:#184c98;margin-bottom:100px;position: relative;}
.index-goods-box {background-color: #f2f5fa;margin-top:180px;height: calc(500px - 180px - 4px);}
.index-goods-img {position:absolute;z-index:1;margin-top:58px;margin-left:27px;border:6px solid #f2f5fa;border-radius:50%;overflow: hidden;}
.index-goods-tit {text-align:center;font-size:22px;line-height:50px;font-weight: bold;padding-top:120px;}
.index-goods-desc{line-height:25px;margin: 20px;display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient: vertical}
.index-goods-more {text-align: center;}
.index-goods-more a{color:#ea3627;font-size: 25px;font-weight: bold;cursor: pointer;}
.index-goods-more a:hover{text-decoration: underline;}

.bodymain {margin-top:30px;display:flex;margin-bottom:30px;}
.bodymain .mainl {width:280px;}
.bodymain .mainr {width:calc(1200px - 280px);min-height:800px;background-color:#f2f5fa;overflow: hidden;}

/*team*/
.mainl .ExpertTeam {color:#FFF;background-color: #184c98;padding:30px 0 30px 20px;margin-bottom:10px;}
.mainl .ExpertTeam .Teamtitle {font-size: 30px;line-height: 40px;}
.mainl .ExpertTeam .TeamtitleEn{font-size: 14px;line-height:30px}
.mainl a{width:270px;display:inline-block;font-size: 16px;line-height: 45px;border-bottom: 1px solid #E2E2E2;margin:auto;cursor: pointer;background:url('../images/arrow.png') 8px center no-repeat;text-indent:35px;}
.mainl a:hover{color:#e93527;font-weight: bold;}
.mainl a.active {color:#e93527;font-weight: bold;}

.team-items {display:flex;justify-content:space-between;padding:30px;background-color:#f2f5fa;margin-bottom:30px;}
.team-items .img {width:180px;height:220px;background-color:#FFF;}
.team-items .team-box {width:calc(730px - 80px);height:220px;}
.team-items div.img {text-align:center;width:180x;height:220px;overflow: hidden;border-radius: 4px;}
.team-items div.img img{width:180x;height:220px;overflow: hidden;}
.team-items .team-name{font-size: 18px;font-weight: bold;border-bottom: 1px solid #E2E2E2;padding-bottom:10px;text-indent:5px;}
.team-items .team-name span{color:#e93527;margin-left:20px;}
.team-items .team-desc{color: #484848;font-size: 14px;line-height: 30px;padding:10px 0 10px 5px}
/*clients*/
.clients-span {font-size:50px;font-weight:bold;background-color:#ee3924;line-height:90px;color:#FFF;display: inline-block;padding:0 40px;margin:20px 20px;}
.clients-goods {display: flex;justify-content: space-between;margin-top:50px;}
.clients-goods > div {background-color: #165fd0;width:280px;height: 320px;display: inline-block;border-radius:14px;text-align: center;color:#FFF}
.clients-goods > div .img {width:250px;height:220px;background-color:#FFF;margin: auto;margin-top:15px;border-radius:8px;overflow:hidden;}
.clients-goods > div .img img {width:100%;height:100%;}
.clients-goods > div span {font-size:30px;text-align: center;line-height:40px;margin-top:20px;display:inline-block;}
.partner-tit {font-size:18px;line-height:40px;}
.lang-en-us .clients-goods span {font-size:20px;line-height:20px;}
.lang-en-us .clients-span{font-size:22px;line-height:24px;padding:10px 8px;}
.lang-en-us .partner-tit{font-size:18px;line-height:24px;}

/*about*/
.banner-about {background:url('../images/banner/about.jpg') no-repeat center center #2A64DF;height:500px;}
.about .mainl {width:300px;}
.about .mainr {width:calc(1200px - 300px);background-color:#f2f5fa;}
.about-left {display:flex;flex-direction:column}
.about-left .about-left-col {height:140px;border-top-left-radius: 30px;border-bottom-left-radius: 30px;margin-bottom:15px;color:#FFF;text-align:center;}
.about-left .about-left-col:first-child {background-color:#184c98;}
.about-left .about-left-col:nth-child(2) {background-color:#e83428;}
.about-left .about-left-col:last-child {background-color:#1e65d2;}
.about-left .about-left-col div:first-child{font-size: 24px;font-weight: bold;line-height:30px;margin-top:30px;}
.about-left .about-left-col div:last-child{font-size:18px;line-height:50px;}
.about .mainr > div {font-size:18px;line-height:35px;padding:30px;}
.about-title{line-height:100px;font-size:48px;color:#184c98;text-align:center;margin:20px 0;font-weight:bold;}
.about-title em{padding:0 15px;}
.about-title span{color:#e83428;}
div.about-items3-col {width:380px;max-width:380px;;overflow:hidden;background-color:#f2f5fa;text-align:center;}
div.about-items3-col .about-items3-col-box {overflow:hidden;padding:40px 40px 40px 40px;}
div.about-items3-col .about-items3-col-tit {line-height:45px;font-size:18px;font-weight:bold;}
div.about-items3-col img{width:100px;height:100px;}