* { margin:0; padding:0;}
html { height:100%; }
body  { max-width:1920px; margin:0 auto; font:14px "Microsoft Yahei", Arial; color:#333; background:#FFFFFF;}
img { border:0px; }
ul,ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input,textarea,select { font:14px "Microsoft Yahei", Arial; color:#3f4461; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6{font-weight: normal;padding: 0;margin: 0;}
h5{font-size: 18px;}
p{padding: 0;margin: 0;}
i,em{font-style: normal;}
a {color:#000000;text-decoration:none; cursor:pointer; }
a:hover,a:active { text-decoration:none; }
.fl{float: left;}
.fr{float: right;}
.wrap{width: 1200px;margin: 0 auto;}
iframe{height: -webkit-fill-available;border: none;}
::-webkit-scrollbar{width: 5px;height: 5px;background-color: #F5F5F5;}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
/* ********************************************** */
.top{height: 72px;width: 100%;position: fixed;top: 0;left: 0;z-index: 100;}
.top .logo{display: block;width: 327px;height: 46px;position: ;}
.top .nav{display: flex;justify-content: space-around;}
.top .nav li{margin: 0 5px;}
.top .nav li a{transition: .2s ease-in; display: block;line-height: 70px;border-bottom: solid 2px transparent;color: #fff;font-size: 14px;padding: 0 20px;}
.top .nav li.this a,.top .nav li:hover a{border-bottom: solid 2px #FFFFFF;}

.top2{background: #11457d;}

.banner {position: relative;}
.bannerList li{height: 500px;}
.banner .wrap{position: absolute;bottom: 20px;left: 60%;margin-left: -600px;}
.banner .wrap .logo{float: right;}

.mainBox{padding: 45px 0;}
.mainList,.tradeList{display: flex;justify-content: space-between;}
.mainList li,.tradeList li{transition: .3s ease-in; width: 285px;height: 400px;padding: 42px 40px;border-radius: 4px; box-sizing: border-box; border: solid 1px #f0f0f0;text-align: center;}

.mainList li .mainImg,.tradeList li .mainImg{width: 100px;height: 100px;margin-bottom:35px; display: inline-block;border-radius: 50%;overflow: hidden; background: #11457d url(../image/icon.png);}
.mainList li h5,.tradeList li h5{line-height: 36px;}
.mainList li .mainTxt,.tradeList li .mainTxt{color: #666;text-align: left;margin: 15px 0 57px;height: 72px;line-height: 24px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.mainList li:hover,.tradeList li:hover{box-shadow: 0px 0px 10px #f0f0f0;}

.mainList li:nth-child(1) .mainImg{background-position: 0px 0px;}
.mainList li:nth-child(2) .mainImg{background-position: -100px 0px;}
.mainList li:nth-child(3) .mainImg{background-position: -200px 0px;}
.mainList li:nth-child(4) .mainImg{background-position: -300px 0px;}

.tradeList li:nth-child(1) .mainImg{background-position: 0px -100px;}
.tradeList li:nth-child(2) .mainImg{background-position: -100px -100px;}
.tradeList li:nth-child(3) .mainImg{background-position: -200px -100px;}
.tradeList li:nth-child(4) .mainImg{background-position: -300px -100px;}


.footTop{background: #3b3b3b;color: #FFFFFF;padding: 55px 0 38px;}
.footTop .wrap{display: flex;justify-content: space-between;}
.footTop .myLink{width: 980px;}
.footTop .myLink h5{line-height: 40px;margin-bottom: 15px;}
.footTop .myLinkList{display: flex;flex-wrap: wrap;}
.footTop .myLinkList li{width: 245px;}
.footTop .myLinkList li a{display: inline-block;line-height: 40px;color: #FFFFFF;transition: .2s ease-in;}
.footTop .myLinkList li a:hover{color: #248FFF;}
.footTop .saoMa{width: 137px;text-align: center;}
.footTop .saoMa img{width: 100%;}
.footTop .saoMa span{line-height: 38px;}
.footBot{height: 78px;background: #2e2e2e;}
.footBot .wrap{display: flex;justify-content: space-between;color: #FFFFFF;}
.footBot .copy{line-height: 78px;font-size: 16px;}
.footBot .copy span{display: inline-block;margin-right: 40px;}
.footBot .contactList{display: flex;margin-top: 20px;}
.footBot .contactList li{position: relative;margin-left: 10px;}
.footBot .contactList li a{transition: .3s ease;display: block;width: 38px;height: 38px;border-radius: 50%;overflow: hidden; background: #292929 url(../image/contact.png) no-repeat;}
.footBot .contactList li .erweima{display: none;background: #000; width: 120px;height: 120px;position: absolute;bottom: 58px;left: -38px;z-index: 100;}
.footBot .contactList li .erweima img{width: 100%;height: 100%;}
.footBot .contactList li:nth-child(2) a{background-position: -38px 0;}
.footBot .contactList li:hover a{background-color: #248fff;}
.footBot .contactList li:hover:nth-child(1) a{background-position: 0 -38px;}
.footBot .contactList li:hover:nth-child(2) a{background-position: -38px -38px;}
.footBot .contactList li:hover:nth-child(2) .erweima{display: block;}

.shipCont{padding: 70px 0;}
.shipCont .wrap{display: flex;justify-content: space-between;}
.shipCont .shipImg{width: 688px;height: 427px;overflow: hidden;}
.shipCont .shipInfo{width: 405px;}
.shipCont .shipInfo .engShipTit{padding-top: 50px;line-height: 45px;font-size: 20px;color: #8b8b99;margin-bottom: 15px;}
.shipCont .shipInfo h3{line-height: 52px;font-size: 36px;color: #4f4f6f;font-weight: bold;margin-bottom: 16px;}
.shipCont .shipInfo .shipDesc{line-height: 30px;font-size: 16px;color: #999;height: 90px;margin-bottom:96px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.shipCont .shipInfo a{transition: .2s ease-in; display: block;width: 188px;height: 48px;border: solid 1px #464662;text-align: center;line-height: 48px;color:#575775;font-size: 16px;border-radius: 30px;}

.contactCont{background: #FFFFFF;height: 623px;margin: 40px auto; display: flex;justify-content: space-between;box-shadow: 0px 0px 20px #e8e8e8;}
.contactCont .map{width: 600px;height: 100%;margin-right: 48px;}
.contactCont .contactInfo{width: 552px;}
.contactName{line-height: 50px;padding: 60px 0 30px;font-size: 26px;}
.contactItems li{display: flex;font-size: 16px;}
.contactItems li .contactTit{padding-left: 35px;line-height: 50px;}
.contactItems li .contactTxt{line-height: 50px;}
.contactItems li .contactEmail{line-height: 26px;margin-top: 10px;}
.contactItems li:nth-child(1) .contactTit{background: url(../image/contact1.png) no-repeat left center;}
.contactItems li:nth-child(2) .contactTit{background: url(../image/contact2.png) no-repeat left center;}
.contactItems li:nth-child(3) .contactTit{background: url(../image/contact4.png) no-repeat left center;}

.contactItems li:nth-child(4) .contactTit{background: url(../image/contact5.png) no-repeat left center;}
.contactItems li:nth-child(5) .contactTit{background: url(../image/contact6.png) no-repeat left 18px;}

.aboutHead{text-align: center;}
.aboutHead .aboutNum{display: inline-block;width: 32px;height: 32px;background: #11457d;color: #FFFFFF;line-height: 32px;font-size: 27px;font-family: arial;}
.aboutHead h3{font-size: 24px;line-height: 38px;margin: 15px 0 10px;}
.aboutHead .aboutEng{display: flex;justify-content: center;line-height: 20px;text-transform: uppercase;}
.aboutHead .aboutEng i{display: inline-block;width: 118px;height: 1px;background: #9c9c9c;margin: 9px 10px;}

.aboutPart1{padding: 80px 0;}
.aboutCont{margin-top: 110px;display: flex;justify-content: space-between;}
.aboutCont .aboutImg{width: 566px;height: 356px;overflow: hidden;}
.aboutCont .aboutInfo{width: 580px;}
.aboutCont .aboutInfo h3{font-size: 26px;color: #11457d;font-weight: bold;line-height: 79px;border-bottom: solid 1px #11457d;}
.aboutTxt{font-size: 18px;color: #555555;line-height: 30px;padding-top: 15px;}
.aboutTxt p{margin-top: 15px;}

.aboutPart2{padding: 76px 0;height: 728px;box-sizing: border-box;background: url(../image/about05.jpg);}
.aboutPart2 .aboutHead{color: #FFFFFF;}
.aboutPart2 .aboutHead .aboutNum{background: none;border: solid 1px #FFFFFF;}
.aboutPart2 .aboutEng i{background: #FFFFFF;}

.proserList{display: flex;justify-content: space-between;color: #FFFFFF;margin-top: 115px;text-align: center;}
.proserList li .proSerIcon{width: 120px;height: 120px;display: inline-block;margin-bottom: 35px;border-radius: 50%;}
.proserTit{font-size: 19px;line-height: 36px;}
.proserLine{width: 34px;height: 2px;background: #FFFFFF;display: inline-block;margin: 20px 0 25px;}
.proserTxt{line-height: 24px;font-size: 14px;}
.proserList li:nth-child(1) .proSerIcon{background: #FFFFFF url(../image/about02.png) no-repeat center;}
.proserList li:nth-child(2) .proSerIcon{background: #FFFFFF url(../image/about03.png) no-repeat center;}
.proserList li:nth-child(3) .proSerIcon{background: #FFFFFF url(../image/about04.png) no-repeat center;}

.aboutPart3{padding: 80px 0;}
.archiImg{text-align: center;}
#changeLan{cursor: pointer;border: solid 1px #FFFFFF;border-radius: 30px;height: 40px;padding: 0 20px;line-height: 40px;color: black ;margin-top: 16px;}
#changeLan span.this{color: #FFFFFF;}