@charset "utf-8";
*{ margin:0; padding:0;}
table{ border-collapse:collapse;}
a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none;}
a:focus{ outline:none;}
ol,ul{ margin:0;}
p{ margin:0;}
.h1, .h2, .h3, h1, h2, h3,.h4,h4{ margin:0;}
.cor_red{ color:#da2600;}
.cor_blue{ color:#0f68a4;}
.clear{ clear:both;}
.shows{ display:block;}
.hides{ display:none;}
.inshow{ display:inline-block;}
.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bd_weixin_popup{ height:auto !important;}
html { -ms-touch-action:none; -webkit-text-size-adjust:100%; height:100%;}
body { font-family:"Microsoft YaHei"; position:relative; height:100%; color:#666666;}
@font-face {
    font-family:'CONTEXT';
	src:url(../fonts/CONTEXT.TTF);
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'qxxin';
	src:url(../fonts/qxxin.ttf);
    font-weight: normal;
    font-style: normal;
}

.imgFull{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.imgFull img{ display:none;}

header{ background:rgba(255,255,255,0.85); min-width:320px; transition:all 0.3s ease-in 0s;}
.logo{ height:auto; padding:22px 0; transition:all 0.3s ease-out 0s;}
.logo img{ transition:all 0.3s ease-out 0s;}
nav.navbar.bootsnav{ border:none; background:none;}
.navList{ padding:25px 0;}
nav.navbar.bootsnav ul.nav > li > a{ padding:0 15px; margin:0 10px; font-weight:normal; line-height:40px; height:40px; position:relative; color:#333333; font-size:15px; border-radius:5px; transition:all 0.3s ease-out 0s;}
nav.navbar.bootsnav ul.nav > li > a:hover,nav.navbar.bootsnav ul.nav > li.on > a,nav.navbar.bootsnav ul.nav > li.active > a{ background:#044d7f !important; color:#FFFFFF; font-weight:bold;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ content:""; margin:0;}
.navSub{ padding-top:25px; background:none; box-shadow:none; border:none; width:190px; left:50%; margin-left:-95px;}
.navSub:before{ display:block; content:""; position:absolute; left:50%; margin-left:-11px; top:13px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 11px 12px 11px;
border-color: transparent transparent #1075ba transparent;
}
.navSubList{ background:#1075ba; padding:15px; border-radius:5px;}
.navSubList li{ border-bottom:1px solid rgba(255,255,255,0.2);}
.navSubList li:last-child{ border:none;}
.navSubList li a{ display:block; color:#FFFFFF; text-align:center; line-height:38px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.navSubList li a:hover{ font-weight:bold;}

.navRig{ line-height:90px; height:90px; font-size:14px; color:#333333; right:15px !important;}
.navRig > ul > li:first-child{ padding-right:10px;}
.navRig > ul > li{ padding-left:8px;}
.navRig > ul > li > a{ font-size:14px; color:#333333; display:inline-block; padding:0; text-align:center;}
.navRig > ul > li > a.searchBtn{ color:#0b5386;}
.searchBg{ display:none;}
.searchBox{ position:relative; height:90px;}
.colseSear{ position:absolute; right:0; top:50%; width:18px; height:18px; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:url(../images/colse.png) center center no-repeat; background-size:cover; cursor:pointer;}
.searchCon{ float:right; width:60%; max-width:850px; height:100%; border-left:1px solid #dbdbdb; padding-left:35px;}
.search{ margin-right:50px; position:relative; height:42px; margin-top:24px;}
.searchInput{ border:none; background:#FFFFFF; background:none; width:100%; padding:5px 30px; line-height:32px;}
.searchLef{ position:absolute; left:0; line-height:40px; font-size:18px; color:#0b5386; text-align:left;}
.searchIco{ position:absolute; right:0; top:0; width:20px; height:100%; background:url(../images/searchIco.png) center center no-repeat; cursor:pointer;}
nav.navbar.bootsnav .navbar-toggle{ background:none !important; color:#044d7f;}

.banner .swiper-slide a{ display:block; height:100%;}
.banner .imgFull img{ display:block;}
.banTextBg{ position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%);}
.banText img{ margin:0 auto; max-width:80%;}
.ban1 .banTextBg{ top:15%; transform:translateY(0);}
.ban2 .banText img{ float:right; max-width:50%;}
.banner .swiper-pagination{ margin:0; bottom:7%;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:url(../images/banFocus.png) center bottom no-repeat; opacity:1; transition:all 0.4s ease 0s;}
.banner .swiper-pagination-bullet-active{ background-position:center top;}

.box1Bg{ padding:45px 0;}
.title{ font-size:14px; color:#888888; line-height:28px;}
.title h2{ font-size:38px; color:#333333; padding:30px 0;}
.box1{ margin:35px 0;}
.box1 .swiper-slide a{ display:block; height:100%; color:#FFFFFF; font-size:12px; position:relative;}
.box1Shadow{ position:absolute; left:0; bottom:0; width:100%; height:60%; transition:all 0.4s ease 0s;
  background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
  background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
  background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
}
.box1Tit{ position:absolute; left:0; bottom:0; width:100%; padding:30px 5%; line-height:28px; transition:all 0.4s ease 0s;}
.box1Tit h3{ font-size:22px; padding:5px 0;}
.box1Hov{ position:absolute; left:0; bottom:0; width:100%; height:100%; padding:15px; line-height:28px; opacity:0; display:flex; justify-content:center; align-items:center; transition:all 0.4s ease 0s;}
.box1Num{ font-size:50px; padding:5px 0; font-family:'CONTEXT';}
.box1Hov h5{ font-size:18px;}
.box1Brief{ height:28px; overflow:hidden;}
.box1 .swiper-slide a:hover .box1Shadow{ height:100%; background:rgba(0,0,0,0.7);}
.box1 .swiper-slide a:hover .box1Tit{ bottom:-100%;}
.box1 .swiper-slide a:hover .box1Hov{ opacity:1;}
.box1Btn{ margin:0;}
.box1Btn li{ padding:5px;}
.box1Btn li a{ display:block; width:36px; height:32px; background-image:url(../images/box1Btn.png); background-repeat:no-repeat; transition:all 0.4s ease 0s;}
.box1Btn li a.box1Href{ width:80px; background-position:center bottom;}
.box1Btn li a.box1Href.box1Href:hover{ background-position:center top;}
.box1Prev{ background-position:left bottom;}
.box1Next{ background-position:right bottom;}
.box1Prev:hover{ background-position:left top;}
.box1Next:hover{ background-position:right top;}

.box2Bg{ padding:45px 0 60px; background:#F2F2F2; overflow:hidden; position:relative;}
#box2Bgani{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.24;}
.box2{ margin:0 -23px; padding:20px 0;}
.box2 li{ padding:10px 23px;}
.box2 li a{ display:block; height:100%; background:rgba(255,255,255,0.68); padding:40px; font-size:13px; color:#8b8b8b; line-height:24px; transition:all 0.4s ease 0s;}
.box2Img{ padding-bottom:15px;}
.box2Img img{ margin:0 auto; max-width:40%;}
.box2Tit{ font-size:18px; font-weight:bold; color:#666666; line-height:28px; padding:5px 0;}
.box2Line{ background:url(../images/box2Line.png) center center no-repeat; height:20px;}
.box2Brief{ height:48px; overflow:hidden; margin:15px 0;}
.box2Btn{ width:44px; height:30px; color:#FFFFFF; margin:0 auto; font-size:18px; border-radius:15px; background:#0e6aab; transition:all 0.4s ease 0s;}
.box2 li a:hover{ box-shadow:0 0 20px rgba(0,0,0,0.1);}
.box2 li a:hover .box2Btn{ background:#b1b1b1;}

.box3Bg{ padding:60px 0 95px; overflow:hidden;}
.box3{ margin:0 0 0 -30px; padding:30px 0;}
.box3Lef,.box3Rig{ padding:0 30px;}
.box3Lef{ border-right:1px solid #e9e9e9;}
.box3Rig{ padding-right:0;}
.box3LefItem{ margin:0 -30px;}
.box3LefItem li{ padding:0 30px;}
.box3LefItem li a{ display:block; height:100%;}
.box3LefImg{ position:relative; overflow:hidden;}
.box3LefImg img{ width:100%; transition:all 0.4s ease-in 0s;}
.box3Time{ display:block; width:154px; height:42px; line-height:42px; font-weight:bold; color:#FFFFFF; font-size:16px; position:absolute; left:0; bottom:0; background:rgba(0,103,176,0.85); text-align:center;}
.box3LefText{ padding:15px 0 0;}
.box3LefText h3{ font-size:16px; color:#555555; font-weight:bold; margin:10px 0; transition:all 0.4s ease-in 0s;}
.box3LefBrief{ font-size:12px; color:#8a8a8a; line-height:22px; margin:10px 0; height:44px; overflow:hidden;}
.box3LefBot{ line-height:30px;}
.box3LefBot a{ display:inline-block !important; cursor:pointer; color:#9a9a9a;}
.box3LefBot .pull-left{ font-weight:bold; font-size:14px; color:#0067af;}
.box3LefBot .pull-left a{ color:#0067af;}
.box3LefBot .pull-right{ font-size:12px; color:#9a9a9a;}
.box3LefBot .pull-right i{ padding-left:10px; padding-right:5px;}
.box3LefItem li a:hover .box3LefImg img{ transform:scale(1.05);}
.box3LefItem li a:hover .box3LefText h3{ color:#00639d;}

.box3RigItem{ margin-top:-20px;}
.box3RigItem li{ padding:20px 0;}
.box3RigItem li a{ display:block; height:100%; font-size:12px; color:#888888; line-height:20px;}
.box3RigImg{ float:left; width:160px;}
.box3RigText{ margin-left:175px;}
.box3RigText h3{ font-size:15px; color:#555555; font-weight:bold; line-height:200%; padding-bottom:5px; transition:all 0.4s ease-in 0s;}
.box3RigBrief{ height:60px; overflow:hidden;}
.box3RigItem li a:hover .box3RigText h3{ color:#00639d;}
.box3More{ display:block; width:240px; height:45px; line-height:45px; background:#0e6aab; border-radius:5px; color:#FFFFFF; text-align:center; margin:0 auto;}
.box3More:hover,.box3More:focus{ color:#FFFFFF;}

.box4Bg{ height:480px; background:url(../images/box4Bg.jpg) center center no-repeat; color:#FFFFFF; overflow:hidden;}
.box4Bg .container{ height:100%; display:flex; justify-content:center; align-items:center;}
.box4Bg a{ display:block; color:#FFFFFF; text-align:center; width:100%; max-width:760px;}
.box4Tit{ font-size:30px; line-height:200%;}
.box4Line{ margin:15px 0;}
.box4Line span{ display:block; width:100%; height:11px;}
.box4Line1{ background:url(../images/box4Line1.png) left center no-repeat;}
.box4Line2{ background:url(../images/box4Line2.png) right center no-repeat; margin-top:-5px;}
.box4Ico{ width:66px; height:66px; margin:10px auto; background:url(../images/box4Ico.png) center center no-repeat; background-size:cover;}

.mvLayerBg{ position:fixed; left:0; top:0; z-index:1030; width:100%; height:100%; background:rgba(0,0,0,0.4); display:none;}
.mvLayer{ width:86%; max-width:800px; position:fixed; height:auto; top:50%; border:10px solid #FFFFFF; border-radius:0.4em; z-index:1030; left:50%; display:none; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.mvLayer iframe{ width:100%; height:auto;}
.mvPlayer{ background:#000000; display:block;}
.mvLayer i{ position:absolute; right:-36px; top:-10px; width:30px; height:30px; box-shadow:3px 0 3px rgba(0,0,0,0.2); background:url(../images/Close.png) center center #FFFFFF no-repeat; cursor:pointer;}

.box5Bg{ padding:40px 0;}
.box5{ margin:30px 0 60px; padding:0 80px; position:relative;}
.box5 .swiper-slide a{ display:block; height:100%; color:#FFFFFF; font-size:16px;}
.box5Img{ overflow:hidden; position:relative;}
.box5Img img{ margin:0 auto;}
.box5Hov{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; display:flex; justify-content:center; align-items:center; background:rgba(20,97,151,0.95); transform:translateY(100%);}
.box5Hov strong{ display:block; transform:translateX(-100%); opacity:0;}
.box5 .swiper-slide a:hover .box5Hov{ transform:translateY(0%); transition:all 0.4s ease 0s;}
.box5 .swiper-slide a:hover .box5Hov strong{ transform:translateX(0%); opacity:1; transition:all 0.4s ease 0.3s;}
.box5Prev,.box5Next{ position:absolute; top:50%; transform:translateY(-50%); width:34px; height:34px; border-radius:50%; border:1px solid #a6a6a6; background-image:url(../images/box5Btn.png); background-repeat:no-repeat; cursor:pointer; transition:all 0.4s ease 0s;}
.box5Prev{ left:0; background-position:-2px top;}
.box5Next{ right:0; background-position:-34px top;}
.box5Prev:hover,.box5Next:hover{ background-color:#146197; border-color:#146197;}
.box5Prev:hover{ background-position:-2px -35px;}
.box5Next:hover{ background-position:-34px -35px;}

.footBg{ background:#343434; font-size:13px; color:#777777; line-height:24px;}
.footBg a{ color:#777777;}
.footTop{ padding:60px 0 40px;}
.footTop a:hover{ text-decoration:underline;}
.footLef{ overflow:hidden; margin-right:260px;}
.footLef li{ float:left; line-height:28px; width:150px; padding-right:10px;}
.footLef li:nth-child(3){ width:210px;}
.footLef li h3 a{ font-size:16px; color:#dddddd; padding-bottom:5px;}
.footLi p a{ font-size:12px; color:#888888;}

.footRig{ float:right; width:250px;}
.footSearch{ width:100%; position:relative;}
.footSearch input{ width:100%; border:1px solid #626262; background:none; padding:5px 10px 5px 10px; line-height:30px; border-radius:0; appearance:none; -webkit-appearance:none;}
.footSeaIco{ position:absolute; right:0; top:0; height:100%; width:50px; text-align:center; font-size:16px; color:#858585; line-height:40px; cursor:pointer;}
.followus{ font-size:0; color:#dddddd; padding:25px 0;}
.followus li{ position:relative; vertical-align:middle; font-size:16px;}
.followus li a{ display:block; width:40px; height:40px; border-radius:50%; border:1px solid #666666; cursor:pointer; opacity:0.4; transition:all 0.4s ease 0s;}
.followus li a:hover{ opacity:1; border-color:#FFFFFF;}
.wchatImg{ position:absolute; left:50%; transform:translateX(-50%); bottom:55px; background:#FFFFFF; padding:10px; text-align:center; font-size:13px; color:#666666; border:1px solid #e2e2e2; z-index:1; display:none;}
.wchatImg img{ margin:0 auto; max-width:115px;}
.sina{ background:url(../images/footIco1.png) center center no-repeat;}
.wchat{ background:url(../images/footIco2.png) center center no-repeat;}
.QQ{ background:url(../images/footIco3.png) center center no-repeat;}
.followus li:hover .wchatImg{ display:block;}
.footBot{ border-top:1px solid rgba(255,255,255,0.1); padding:30px 0;}

.bannerN{ height:560px; position:relative; text-align:center; display:flex; justify-content:center; align-items:center;}
.bannerN .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banH2{ position:relative; color:#FFFFFF; font-size:40px;}

.fenleiBg{ background:#0f68a4;}
.fenlei{ margin:0; font-size:0;}
.fenlei li{ font-size:15px; color:#FFFFFF;}
.fenlei li a{ display:block; padding:10px; color:#FFFFFF; line-height:38px; min-width:140px;}
.fenlei li.active a,.fenlei li a:hover,.fenlei li a:focus{ background:#004e83; font-weight:bold;}

.fenleiSub{ border-bottom:1px solid #dbdbdb; margin:0;}
.fenleiSub li{ padding:0 25px;}
.fenleiSub li a{ display:block; padding:20px 0; line-height:36px; font-size:15px; color:#555555; margin-bottom:-1px;}
.fenleiSub li a:hover{ color:#0f68a4;}
.fenleiSub li.active a{ border-bottom:2px solid #0f68a4; color:#0f68a4; font-weight:bold;}

.mainBg{ position:relative; overflow:hidden; min-height:185px; font-size:14px; color:#777777; line-height:32px; padding:20px 0;}
.mainBgImg{ position:absolute; left:0; top:0; width:100%; height:185px; background:url(../images/mainBg.png) center top no-repeat; animation:mainBg 50s infinite; z-index:-1;}
@keyframes mainBg{
	0%{ transform:skewX(0deg); transform-origin:center top;}
	25%{ transform:skewX(45deg); transform-origin:center top;}
	50%{ transform:skewX(0deg); transform-origin:center top;}
	75%{ transform:skewX(-45deg); transform-origin:center top;}
	100%{ transform:skewX(0deg); transform-origin:center top;}
}

.onepage{ padding:40px 0;}
.oneTop{ padding-bottom:20px; text-align:center;}
.oneTop img{ margin:0 auto;}
.onepageH3{ font-size:32px; color:#333333; padding:30px 0;}
.oneNum{ margin:0; font-size:0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:30px 0; margin:30px 0 50px;}
.oneNum li{ width:20%; font-size:14px; color:#777777; line-height:28px; padding:10px 5px;}
.oneNumCon{ font-size:38px; color:#0f68a4; font-weight:bold; font-family:Arial, sans-serif; padding:10px 0;}
.oneText p{ text-indent:2em;}

.hisTit{ padding:60px 0; line-height:50px;}
.hisTitEn{ font-size:40px; color:#d5d5d5; font-family:Arial, sans-serif;}
.hisTitCn{ font-size:38px; color:#333333;}

.hisBg{ background:url(../images/hisBg.jpg) center center no-repeat; padding:105px 0; height:500px; background-size:cover;}
.hisBox{ background:url(../images/hisBg.png) center center repeat-x;}
.history{ position:relative;}
.hisList{ color:#FFFFFF; line-height:22px; font-size:12px; overflow:hidden;}
.hisList li{ float:left; width:25%; margin-left:-10%; height:290px; padding-bottom:155px;}
.hisList li:first-child{ margin:0;}
.hisList li:first-child .hisText{}
.hisList li:nth-child(2n){ padding-top:155px; padding-bottom:0;}
.hisText{ max-width:290px; height:100%; position:relative; padding-left:40px;}
.hisList li:nth-child(2n) .hisText{ padding-top:15px;}
.hisText:after,.hisText:before{ display:block; content:""; position:absolute;}
.hisText:before{ width:23px; height:23px; left:0; top:0; background:url(../images/hisTime.png) center center no-repeat; background-size:cover;}
.hisText:after{ width:1px; height:100%; left:12px; top:23px; background:#FFFFFF; opacity:0.5;}
.hisList li:nth-child(2n) .hisText:before{ top:auto; bottom:0;}
.hisList li:nth-child(2n) .hisText:after{ top:auto; bottom:23px;}
.hisYear{ font-size:22px; color:#ffffff; font-weight:bold; line-height:30px; padding-bottom:5px; display:block;}
.hisPrev,.hisNext{ display:block; position:absolute; top:50%; transform:translateY(-50%); width:27px; height:52px; cursor:pointer;}
.hisPrev{ left:-150px; background:url(../images/hisPrev.png) left center no-repeat;}
.hisNext{ right:-150px; background:url(../images/hisNext.png) right center no-repeat;}

.manager{ padding:80px 0;}

.managerImg{ float:left; width:35%; position:relative; z-index:1;}
.managerImg img{ margin:0 auto;}
.managerIco{ position:absolute; right:-20px; top:50%; margin-top:-20px; width:40px; height:40px; background:url(../images/managerIco.png) center center #006fb9 no-repeat;}
.managerText{ margin-left:35%;}
.managerTit{ font-size:32px; color:#333333; line-height:30px; padding:36px 40px;}
.managerTit span{ font-size:30px; color:#d0d0d0; font-family:Arial, sans-serif;}
.managerBrief{ background:#f6f6f6; padding:20px 50px 20px 70px; min-height:454px;}
.managerBrief p{ margin:15px 0;}
.managerName{ padding-bottom:20px;}
.managerName i{ display:inline-block; vertical-align:middle; width:64px; height:1px; background:#a0a0a0; margin-right:10px;}

.honour .swiper-slide a{ display:block; border:1px solid #c7c7c7; padding:10px; transition:all 0.3s ease 0s;}
.honourImg img{ margin:0 auto;}
.honourTit{ font-size:13px; color:#333333; line-height:26px; padding:10px 0 0; transition:all 0.3s ease 0s;}
.honBtn{ font-size:0; margin:0 -10px; padding:30px 0;}
.honBtn li{ vertical-align:middle; width:50%; font-size:20px; color:#666666; padding:0 10px; line-height:40px; cursor:pointer;}
.honBtn li a{ display:block; background:#dcdcdc; padding:0 30px; color:#666666; transition:all 0.3s ease 0s;}
.honBtn li a:hover{ background:#0f68a4; color:#FFFFFF;}
.honour .swiper-slide a:hover{ border-color:#0f68a4; color:#0f68a4;}
.honour .swiper-slide a:hover .honourTit{ color:#0f68a4;}

.honBotBg{ background:#f5f5f5; padding:40px 0 100px;}
.honBot{ padding-left:32.5%; position:relative;}
.honBotImg{ position:absolute; left:0; top:0; width:32.5%; height:100%;}
.honBotImg .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%;}
.honBot .swiper-container{ padding:35px 20px 35px 50px; background:#FFFFFF;}
.honBotItem{ margin:0 -10px; font-size:14px; color:#777777; line-height:32px;}
.honBotItem li{ padding:0 10px; position:relative;}
.honBotItem li:before{ position:absolute; left:0; top:50%; display:block; content:""; margin-top:-2px; width:4px; height:4px; border-radius:50%; background:#146197;}
.honBotItem li span{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%;}
.honBot .swiper-pagination{ padding:15px 0; position:static; display:block;}
.honBot .swiper-pagination-bullet{ background:#cccccc; opacity:1; transition:all 0.4s ease 0s;}
.honBot .swiper-pagination-bullet-active{ background:#0f68a4; width:34px; border-radius:4px;}

.culBoxBg{ padding:90px 0; background:#FFFFFF; font-size:14px; line-height:30px; overflow:hidden;}
.culBoxBg .container{ padding:0 100px;}
.culBoxBg2{ background:url(../images/culBoxBg2.jpg) center center no-repeat; background-size:cover; color:#FFFFFF;}

.culBox1Img{ float:right; width:50%; padding:0 0 20px 40px;}
.culBox1Text{ font-size:14px; color:#666666; line-height:32px; padding-top:50px;}
.culBox1Text h3{ font-size:28px; color:#555555; line-height:200%; padding:20px 0;}
.culBox1Text h4{ font-size:18px; color:#555555; line-height:200%; padding:10px 0;}
.culBox1Line{ height:74px; max-width:395px; background:url(../images/culBox1Line.png) right center no-repeat;}

.culBoxTit{ overflow:hidden; text-align:center; padding:15px 0;}
.culBoxTit span{ display:inline-block; vertical-align:middle; position:relative; font-size:30px; color:#FFFFFF;}
.culBoxTit span:before,.culBoxTit span:after{ display:block; content:""; position:absolute; top:50%; margin-top:-5px; width:80px; height:11px;}
.culBoxTit span:before{ left:-105px; background:url(../images/box4Line1.png) left center no-repeat;}
.culBoxTit span:after{ right:-105px; background:url(../images/box4Line2.png) right center no-repeat;}

.culBox2{ margin:40px -80px; position:relative; overflow:hidden;}
.culBox2:after{ position:absolute; left:50%; top:0; width:1px; height:100%; background:#FFFFFF; opacity:0.2; display:block; content:"";}
.culBox2Con{ padding:0 80px;}
.culBox2Con h3{ font-size:22px; padding:15px 0 30px;}

.culBoxBg3 .culBoxTit span{ color:#555555;}
.culBoxBg3 .culBoxTit span:before{ background:url(../images/culBoxTitBg1.png) left center no-repeat;}
.culBoxBg3 .culBoxTit span:after{ background:url(../images/culBoxTitBg2.png) right center no-repeat;}

.culBox3{ border:4px solid #e3e3e3; margin-top:50px;}
.culBox3Img{ float:right; margin-top:-35px; margin-right:-25px; width:400px;}
.culBox3Item{ padding:50px 70px; text-align:center; margin:0 -25px; font-size:0; padding-right:410px;}
.culBox3Item li{ vertical-align:top; width:50%; padding:0 25px; font-size:15px; color:#555555; line-height:36px;}
.culBox3Item li h3{ font-size:20px; color:#0f68a4; line-height:24px; font-weight:bold; padding-bottom:10px;}
.culBox3Item li h4{ font-size:13px; color:#999999; line-height:24px; text-transform:uppercase; padding-bottom:10px;}
.culBox3Line{ display:block; max-width:210px; height:1px; background:#d2d2d2; margin:10px auto;}
.culBox3Brief{ padding:10px 30px;}

.cul2Box{ font-size:14px; color:#7e7e7e; line-height:30px;}
.cul2Box h3{ font-size:16px; color:#0f68a4; font-weight:bold; margin:30px 0 0; line-height:200%;}
.cul2Box h3.cor_red{ color:#FF0004;}
.cul2Box p{ padding-left:15px; position:relative; margin-left:15px;}
.cul2Box p:before{ position:absolute; left:0; top:13px; display:block; content:""; border-radius:40%; width:4px; height:4px; background:#0f68a4;}

.proTopBg{ font-size:15px; color:#666666; line-height:32px; padding:65px 0;}/* text-align:center;*/
.proTop h3{ font-size:34px; color:#333333; line-height:200%; padding:10px 0;}

.proBotBg{ font-size:14px; color:#666666; line-height:30px; padding:100px 0;}
.proBotImg{ float:left; margin:0 100px 20px 0; max-width:430px; position:relative;}
.proBotImg:after{ position:absolute; left:0; top:0; width:100%; height:100%; border:5px solid #0f68a4; display:block; content:"";}
.proBotImg img{ position:relative; top:30px; left:30px; z-index:1;}
.proBotBg:nth-child(2n+1){ background:#f6f6f6;}
.proBotBg:nth-child(2n+1) .proBotImg{ float:right; margin:0 0 20px 100px;}
.proBotBg:nth-child(2n+1) .proBotImg img{ left:auto; right:30px;}

.proBotText h3{ font-size:32px; color:#333333; line-height:200%; padding:20px 0 0;}
.proBotText p{ margin:15px 0;}

.techTopBg{ background:url(../images/techTopBg.png) center center no-repeat; background-size:cover; padding:100px 0;}
.techTopBg .proTop strong{ color:#0f68a4;}
.techBotImg{ float:right; max-width:440px; margin:0 0 15px 40px;}
.techBotText h3{ font-size:28px; color:#005995; margin-bottom:20px;}
.techBotText h3 img{ max-width:74px; margin-right:10px;}
.techBotText p{ margin:15px 0;}

.arTopBg{ background:#f5f5f5; padding:80px 0;}
.arTop{ margin:0;}
.arTopLef{ padding:0;}
.arTopRig{ padding:0 0 0 50px;}

.arTopLef .swiper-slide a{ display:block; position:relative; height:100%; overflow:hidden;}
.arTopImg img{ width:100%;}
.arTopTit{ position:absolute; left:0; bottom:0; width:100%; padding:5px; line-height:46px; text-align:center; color:#FFFFFF; font-size:16px; font-weight:bold; background:rgba(0,0,0,0.7);}
.arTopLef .swiper-pagination{ position:absolute; left:0; bottom:65px; width:100%;}
.arTopLef .swiper-pagination-bullet{ width:12px; height:12px; background:url(../images/banFocus.png) center bottom no-repeat; opacity:1; margin:0 5px; transition:all 0.4s ease 0s;}
.arTopLef .swiper-pagination-bullet-active{ background-position:center top;}
.arTopPrev,.arTopNext{ display:block; position:absolute; top:50%; transform:translateY(-50%); color:#FFFFFF; font-size:24px; background:#007cd0; width:30px; height:50px; z-index:1; text-align:center; line-height:50px; cursor:pointer;}
.arTopPrev{ left:0; border-radius:0 5px 5px 0;}
.arTopNext{ right:0; border-radius:5px 0 0 5px;}

.arTopRigItem li{ padding:10px 0 30px;}
.arTopRigItem li:last-child{ padding-bottom:0;}
.arTopRigItem li a{ display:block; font-size:12px; color:#888888; line-height:24px;}
.arTopRigTime{ float:left; width:58px; border:1px solid #d8d8d8; text-align:center; font-size:12px; color:#999999; line-height:26px; transition:all 0.4s ease 0s;}
.arTopRigTime span{ display:block; transition:all 0.4s ease 0s;}
.date{ font-size:34px; line-height:48px; border-bottom:1px solid #d8d8d8;}
.arTopRigText{ margin-left:75px;}
.arTopRigText h3{ font-size:16px; color:#333333; line-height:22px; padding-bottom:5px; transition:all 0.4s ease 0s;}
.arTopRigBrief{ height:48px; overflow:hidden;}
.arTopRigItem li a:hover .arTopRigTime,.arTopRigItem li a:hover .date{ color:#007cd0; border-color:#007cd0;}
.arTopRigItem li a:hover .arTopRigText h3{ color:#007cd0;}

.arBotBg{ padding:80px 0 50px;}
.arBot .box3LefItem li{ padding:20px 30px;}
.page{ padding:20px 0;}
.page img{ margin:0 auto;}


.articleTop{}
.articleH1{ font-size:24px; color:#333333; line-height:160%; font-weight:bold;}
.articleTime{ padding:10px 0; background:#f6f6f6; line-height:28px; margin:15px 0;}
.articleTime span{ font-size:12px; color:#9a9a9a;; padding:0 10px; display:inline-block;}
.articleCen{ padding:30px 0 0;}
.articleCen p{ text-indent:2em;}
.articleCen img{ max-width:100% !important; height:auto !important;}

.articleShare{ font-size:0; padding:40px 0;}
.articleShare i,.articleShare strong,.articleShare a{ display:inline-block; vertical-align:middle; font-size:15px; color:#555555; margin:0 4px;}
.articleShare a{ width:29px; height:28px; background:url(../images/shareIco.png) no-repeat; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.articleShare a.shareIco1{ background-position:0 0;}
.articleShare a.shareIco2{ background-position:-29px 0;}
.articleShare a.shareIco3{ background-position:-58px 0;}
.articleShare a.shareIco4{ background-position:-87px 0;}
.articleShare a.shareIco5{ background-position:-116px 0;}
.articleShare a.shareIco1:hover{ background-position:0 -28px;}
.articleShare a.shareIco2:hover{ background-position:-29px -28px;}
.articleShare a.shareIco3:hover{ background-position:-58px -28px;}
.articleShare a.shareIco4:hover{ background-position:-87px -28px;}
.articleShare a.shareIco5:hover{ background-position:-116px -28px;}

.pagerBox{ font-size:0;}
.pagerBox a{ display:inline-block; vertical-align:middle; font-size:13px; color:#333333; line-height:20px; padding:20px 0;}
.returnList{ width:12%; margin:0 0.5%; background:#0f68a4; text-align:center; color:#FFFFFF !important; font-size:14px !important;}
.returnList i{ padding-right:5px;}
.pagerPrev,.pagerNext{ width:43.5%; background-color:#f1f1f1;}
.pagerPrev{ background-image:url(../images/pagerPrev.png); background-position:4% center; background-repeat:no-repeat; padding-left:5% !important;}
.pagerNext{ background-image:url(../images/pagerNext.png); background-position:96% center; background-repeat:no-repeat; padding-right:5% !important; text-align:right;}
.pagerBox a:hover{ color:#0f68a4;}

.noticeItem li{ padding-bottom:15px;}
.noticeItem li a{ display:block; padding:0 25px; background:#f6f6f6; font-size:14px; color:#777777; line-height:50px; transition:all 0.4s ease;}
.noticeItem li a i{ padding-right:10px;}
.noticeTime{ float:right; padding-left:10px;}
.noticeItem li a:hover{ background:#0f68a4; color:#FFFFFF;}

.serTop{ padding:60px 0 20px;}
.serTopImg{ float:left; width:584px; margin-top:-30px;}
.serTopImg img{ width:100%; margin:0 auto;}
.serTopTextBg{ margin-left:520px; background:url(../images/serTopText.jpg) repeat;}
.serTopText{ color:#FFFFFF; min-height:300px; padding-left:15%; display:flex; justify-content:center; align-items:center;}
.serTopText .media{ margin-top:30px;}
.serTopText .media:first-child{ margin-top:0;}
.serTopText .media-left{ padding-right:15px;}
.serTopText .media-left img{ width:58px;}
.serTopText .media-body{ font-size:20px;}
.serTopText .media-heading{ font-size:18px; font-weight:normal;}

.serBotBg{ background:#f6f6f6; padding-bottom:100px;}
.bookBrief{ font-size:15px; color:#666666; line-height:200%; padding-bottom:30px; margin-top:-30px;}

.gsInput{ appearance:none; -webkit-appearance:none;}
.messageBox{ padding:30px 0;}
.messageList{ margin:0 -10px;}
.messageList li{ padding:15px 10px}
.messageList li label{ font-size:15px; color:#444444; font-weight:normal;}
.messItem{ position:relative;}
.messIco{ position:absolute; left:0; width:30px; top:0; padding-left:5px; line-height:40px; text-align:center; font-size:18px; color:#c7c7c7;}
.messInput,.messText{ border:1px solid #d8d8d8; background:#FFFFFF; padding:5px 1px 5px 30px; width:100%; line-height:30px; border-radius:0;}
.messItem .caseTopSel{ margin:0; float:none; width:100%; height:42px; background:#FFFFFF;}
.messItem .caseTopTit{ border-color:#d8d8d8;}
.messItem .caseTopUl li{ padding:0 10px;}
.messBtn{ display:block; height:45px; line-height:45px; color:#FFFFFF; text-align:center;}
.messBtn1{ background:#0f68a4;}
.messBtn2{ background:#9b9b9b;}
.messBtn:hover,.messBtn:focus{ color:#FFFFFF;}
.perSel{ width:100%; height:42px; line-height:42px; font-size:14px; border:1px solid #d8d8d8; padding-left:25px; padding-right:15px; background:url(../images/selectBg.png) 99% center no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none; position:relative; cursor:pointer; border-radius:0; color:#aeaeae;}
.perSel option{ padding:5px;}
.yzmInput,.yzmImg,.yazRepeat{ display:inline-block; vertical-align:middle;}
.yzmInput{ width:158px; padding:5px 10px;}
.yzmImg{ max-width:60px; margin:0 10px;}
.yazRepeat,.yazRepeat:hover,.yazRepeat:focus{ font-size:12px; color:#999999;}

.investorBg{ background:url(../images/investorBg.jpg) center center no-repeat; background-size:cover;}
.investor{ padding:100px 0 125px;}
.investor .title h2{ color:#FFFFFF;}

.investorBox{ margin:0 -4px; padding:20px 0 0;}
.invLefBg,.invRigBg{ padding:4px;}
.invLef,.invRig{ background:#FFFFFF; position:relative;}
.invLefImg img{ width:100%;}
.invTit{ position:absolute; left:40px; top:40px; font-size:26px; color:#333333;}
.invBot{ padding:21px 50px;}
.invBotTab{ padding:15px 0;}
.invBotTabItem{ margin:0; font-size:0; margin:0 -5px; float:left;}
.invBotTabItem li{ padding:0 5px;}
.invBotTabItem li a{ display:block; width:100px; height:32px; border:1px solid #cdcdcd; color:#888888; text-align:center; line-height:30px; font-size:13px;}
.invBotTabItem li.active a{ background:#0f68a4; border-color:#0f68a4; color:#FFFFFF;}
.invBotMore{ float:right; font-size:12px; color:#888888; line-height:32px;}
.invBotMore:hover,.invBotMore:focus{ color:#0f68a4;}
.invBot .noticeItem li a{ background:none; padding:0; line-height:24px;}
.invBot .noticeItem li a:hover{ color:#0f68a4;}

.invRigItem{ overflow:hidden;}
.invRigItem li{ float:left; width:50%; position:relative;}
.invRigItem li a{ display:block; height:100%;}
.invRigImg{ overflow:hidden; max-height:250px;}
.invRigImg img{ width:100%; transition:all 0.4s ease;}
.invRig .invTit{ color:#FFFFFF;}
.invRigBox1,.invRigBox2{ height:250px;}
.invRigBox1{ background:url(../images/serTopText.jpg) repeat; color:#FFFFFF; padding:20px 40px; display:flex; justify-content:center; align-items:center; line-height:26px;}
.invRigBox1 strong{ font-size:16px;}
.invRigBox2{ font-size:12px; color:#888888; line-height:22px; padding:40px 30px;}
.invRigBox2 .invTit{ position:static; color:#333333;}
.invRigLine{ background:url(../images/box2Line.png) left center no-repeat; display:block; width:100%; height:40px;}
.invRigItem li a:hover .invRigImg img{ transform:scale(1.05);}


.contactItem{ margin:0 -30px 80px; font-size:14px; color:#555555; line-height:24px;}
.contactItem li{ padding:10px 30px; position:relative;}
.contactIco{ border:5px solid #FFFFFF; width:60px; height:60px; border-radius:50%; background:#0f68a4; font-size:22px; text-align:center; line-height:50px; color:#FFFFFF; position:absolute; left:50%; top:0; margin-left:-30px; margin-top:-20px;}
.contactCon{ background:#f3f3f3; padding:40px 17% 20px; min-height:120px; text-align:center; justify-content:center; display:flex; align-items:center;}

.contact_map{ height:450px;}

.contactBotBg{ background:url(../images/contactBotBg.jpg) repeat; padding:80px 0;}
.contactBot{ width:800px; margin:0 auto; position:relative;}
.mapImg{ max-width:800px;}

.mapDotLi{ position:absolute;}
.mapDotLi1{ top:230px; right:215px;}
.mapDotLi2{ top:250px; right:100px;}
.mapDotLi3{ top:385px; right:125px;}
.mapDotLi4{ bottom:115px; right:185px;}
.mapDotLi5{ top:425px; right:345px;}
.mapDotLi6{ top:550px; right:222px;}
.mapDotTit{ font-size:15px; color:#333333; position:relative; cursor:pointer;}
.mapDotTit:after,.mapDotTit:before{ display:block; content:""; position:absolute; border-radius:50%;}
.mapDotTit:before{ width:12px; height:12px; background:#2375ac; right:-20px; top:2px;}
.mapDotTit:after{ width:6px; height:6px; background:#FFFFFF; right:-17px; top:5px;}
.mapDotLi2 .mapDotTit:before{ right:auto; left:-20px;}
.mapDotLi2 .mapDotTit:after{ right:auto; left:-17px;}
.mapDotLi4 .mapDotTit:before{ right:auto; top:auto; left:50%; transform:translateX(-50%); bottom:-20px;}
.mapDotLi4 .mapDotTit:after{ right:auto; top:auto; left:50%; transform:translateX(-50%); bottom:-17px;}
.mapDotConBg{ position:absolute; display:none; width:420px; padding-right:13px; right:0; top:-100px; z-index:1; display:none;}
.mapDotLi2 .mapDotConBg{ right:95px;}
.mapDotLi4 .mapDotConBg{ right:80px;}
.mapDotConBg:after{ display:block; content:""; position:absolute; right:0; top:95px; width:13px; height:24px; background:url(../images/mapDotConBg.png) center right no-repeat;}
.mapDotCon{ padding:20px 10px 20px 55px; border-bottom:2px solid #0f68a4; background:#FFFFFF; box-shadow:0 0 5px rgba(0,0,0,0.1); max-height:400px; overflow-y:auto;}
.mapDotCon li{ font-size:13px; color:#666666; line-height:28px; margin:15px 0; position:relative;}
.mapDotCon li:after{ display:block; content:"\f041"; position:absolute; top:5px; left:-20px; font:normal normal normal 16px/1 FontAwesome; color:#0f68a4;}
.mapDotCon li h4{ font-size:14px; color:#0f68a4; font-weight:bold; padding-bottom:5px; line-height:24px;}

.title2{ text-transform:uppercase; padding:30px 0;}
.title2 h2{ font-size:30px; padding:15px 0;}
.title2 h3{ font-size:30px; color:#444444;}
.joinTopBg{ background:#f5f5f5; padding:45px 0 90px;}
.joinTopItem{ overflow:hidden; margin:0 -1px;}
.joinTopItem li{ float:left; padding:0 1px; height:280px; overflow:hidden;}
.joinTopTit{ float:left; width:60px; height:100%; font-size:16px; color:#FFFFFF; font-weight:bold; background:#035a95; padding:0 20px; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.joinTopConBg{ float:left; width:0; height:100%; background:#FFFFFF; display:flex; justify-content:center; align-items:center; overflow:hidden; transition:all 0.4s ease 0s;}
.joinTopCon{ font-size:0; opacity:0; transition:all 0.1s ease 0s;}
.joinTopText,.joinTopImg{ display:inline-block; vertical-align:middle; font-size:14px; color:#777777; line-height:30px;}
.joinTopText{ width:60%; padding:0 0 0 20px; overflow:hidden;}
.joinTopImg{ width:40%;}
.joinTopText h4{ font-size:14px; line-height:30px; font-weight:bold; color:#0f68a4;}
.joinTopItem li.active .joinTopConBg{ width:890px;}
.joinTopItem li.active .joinTopCon{ opacity:1; transition:all 0.4s ease 0.2s;}
.joinTopItem li:nth-child(2) .joinTopTit{ background:#0f68a4;}
.joinTopItem li:nth-child(3) .joinTopTit{ background:#207bb8;}
.joinTopItem li:nth-child(4) .joinTopTit{ background:#2f8ac7;}
.joinTopItem li:nth-child(5) .joinTopTit{ background:#3f9ad8;}

.joinBotBg{ padding:30px 0 60px;}
.join_list{ padding:30px 0;}
.join_list li{ padding-bottom:10px;}
.join_list li h2{ background:#0f68a4; height:50px; line-height:50px; overflow:hidden;}
.join_list li h2 span{ font-size:14px; color:#ffffff;}
.join_con2,.join_con3,.join_con4{ text-align:center;}
.join_con4 i{ font-size:24px;}
.join_con1{ padding-left:20px;}
.join_list li h3{ background:#F6F6F6; height:50px; line-height:50px; overflow:hidden; font-size:14px; color:#666666; cursor:pointer;}
.join_list li h3 span{ height:50px; line-height:50px; text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.join_list li.active h3,.join_list li h3:hover{ background:#d7eaf6; color:#0f68a4; font-weight:bold;}
.join_detail{ padding:25px 50px; font-size:14px; color:#777777; line-height:30px; display:none; background:#f6f6f6;}
.join_detail strong{ font-size:14px; color:#0f68a4;}
.join_top{ padding-bottom:15px;}
.join_top{ margin:0 -10px;}
.join_top span{ padding:0 10px;}
.join_top i{ font-style:normal; color:#009040;}
.join_bot{ padding-top:20px; font-size:14px; color:#0f68a4; font-weight:bold;}
.join_bot a{ display:inline-block; vertical-align:middle; color:#0f68a4; text-decoration:underline;}

@media (min-width:1230px){
	.container{ width:1230px;}
	.box3RigImg{ width:140px;}
	.box3RigText{ margin-left:155px;}
	.box3RigText h3{ font-size:14px; line-height:24px; padding:0;}
}
@media (min-width:1500px){
	.wrap1400{ width:1400px;}
}
@media (max-width:1600px){
	.navList{ padding:20px 0;}
	nav.navbar.bootsnav ul.nav > li > a{ font-size:14px; margin:0 5px;}
	.navSub{ padding-top:20px;}
	.navSub:before{ top:8px;}
	.logo{ padding:17px 0;}
	.navRig{ line-height:80px; height:80px;}
	.searchBox{ height:80px;}
	.search{ margin-top:19px;}
	.banText img{ max-width:70%;}
	.ban1 .banText img{ max-width:100%;}
	
	.title h2{ font-size:32px; padding:20px 0;}
	.box1Tit{ padding:15px 5%;}
	.box1Tit h3{ font-size:16px; padding:0;}
	.box1Num{ font-size:40px;}
	
	.box5{ margin:30px 0; padding:0 60px;}
	
	.footLef li{ width:120px;}
	.footLef li:nth-child(3){ width:160px;}
	
	.bannerN{ height:500px;}
	.banH2{ font-size:32px;}
	
	.onepageH3{ font-size:28px;}
	.oneNumCon{ font-size:30px;}
	.oneNum{ padding:20px 0; margin:20px 0 30px;}
	
	.hisPrev{ left:-50px;}
	.hisNext{ right:-50px;}
	
	.honBotBg{ padding:20px 0 60px;}
	
	.proTopBg{ font-size:14px;}
	.proTop h3{ font-size:28px;}
	.proBotBg{ padding:80px 0;}
	.proBotText h3{ font-size:28px;}
	
	.techTopBg{ padding:80px 0;}
	.techBotText h3{ font-size:24px;}
	.techBotText h3 img{ max-width:54px;}
	
	.bookBrief{ font-size:14px;}
	
	.investor{ padding:60px 0 70px;}
	
	.contactItem{ margin:0 -30px 60px;}
	.contact_map{ height:400px;}
	
	.title2 h2,.title2 h3{ font-size:26px;}
}
@media (max-width:1400px){
	.logo{ padding:15px 0;}
	.logo img{ height:40px;}
	.navList{ padding:18px 0;}
	nav.navbar.bootsnav ul.nav > li > a{ line-height:34px; height:34px; padding:0 10px;}
	.navSub{ padding-top:18px;}
	.navSub:before{ top:6px;}
	.navRig{ line-height:70px; height:70px;}
	.searchBox{ height:70px;}
	.search{ margin-top:14px;}
	.box3Bg{ padding:40px 0 60px;}
	
	.bannerN{ height:450px;}
	
	.hisTit{ padding:45px 0; line-height:38px;}
	.hisTitEn{ font-size:30px;}
	.hisTitCn{ font-size:28px;}
	.hisBg{ padding:85px 0;}
	.history{ padding:0 35px;}
	.hisList li{ height:330px; padding-bottom:175px; width:28%; margin-left:-14%;}
	.hisList li:nth-child(2n){ padding-top:175px;}
	.hisText{ padding-left:30px;}
	.hisYear{ font-size:18px;}
	.hisPrev{ left:0px;}
	.hisNext{ right:0px;}
}
@media (max-width:1230px){
	.joinTopItem li.active .joinTopConBg{ width:830px;}
}
@media (max-width:1200px){
	.logo{ padding:20px 0;}
	.logo img{ height:30px;}
	.navList{ position:relative; left:-40px;}
	nav.navbar.bootsnav ul.nav > li > a{ font-size:12px;}
	.navRig{ font-size:12px;}
	
	.title h2{ font-size:28px; padding:15px 0;}
	.box1Num{ font-size:34px;}
	
	.box2{ margin:0 -15px;}
	.box2 li{ padding:5px 15px;}
	.box2 li a{ padding:30px 20px;}
	.box2Tit{ font-size:16px;}
	.box2Line{ height:10px;}
	.box2Brief{ margin:8px 0;}
	
	.box3{ margin:0 0 0 -15px;}
	.box3Lef{ padding:0 15px;}
	.box3LefItem{ margin:0 -15px;}
	.box3LefItem li{ padding:0 15px;}
	.box3LefText{ padding:10px 0 0;}
	.box3LefText h3{ font-size:14px;}
	.box3Rig{ padding-left:15px;}
	.box3RigImg{ width:100px;}
	.box3RigText{ margin-left:110px;}
	.box3RigText h3{ font-size:14px; line-height:24px;}
	.box3RigBrief{ height:40px;}
	
	.box4Bg{ height:400px;}
	.box4Tit{ font-size:24px;}
	.box4Ico{ width:50px; height:50px;}
	
	.box5{ padding:0 40px;}
	
	.footTop{ padding:30px 0;}
	.footRig{ float:none; width:100%;}
	.footLef{ margin:0;}
	.footLef li{ width:13.2%;}
	.footLef li:nth-child(3){ width:20.2%;}
	.footBot{ padding:15px 0;}
	
	.bannerN{ height:400px;}
	
	.fenlei li{ font-size:14px; padding:0 1px;}
	.fenlei li a{ line-height:30px;}
	.fenleiSub li a{ font-size:14px; padding:10px 0;}
	
	.managerTit{ font-size:24px; padding:15px 30px;}
	.managerTit span{ font-size:20px;}
	.managerBrief{ padding:15px 30px;}
	.managerName{ padding:0;}
	
	.honour .swiper-slide a{ padding:5px;}
	.honourTit{ font-size:12px;}
	.honBtn li{ line-height:36px;}
	
	.culBoxBg .container{ padding:0 15px;}
	.culBox1Text h3{ font-size:26px; padding:15px 0;}
	.culBox1Line{ height:50px;}
	
	.culBox3Img{ width:300px;}
	.culBox3Item{ padding:30px; margin:0 -10px; padding-right:300px;}
	.culBox3Item li{ padding:0 10px;}
	.culBox3Line{ margin:2px auto;}
	
	.proBotBg{ padding:50px 0;}
	.proTopBg{ padding:40px 0;}
	.proBotImg{ max-width:350px;}
	.proTop h3{ font-size:24px;}
	.proBotText h3{ padding:0; font-size:24px;}
	
	.techBotImg{ max-width:350px;}
	
	.arTopBg{ padding:60px 0;}
	.arTopRig{ padding-left:25px;}
	.arTopRigItem li{ padding:0px 0 15px;}
	.arTopRigItem li:last-child{ padding-bottom:0;}
	
	.arBot .box3LefItem li{ padding:15px;}
	
	.articleH1{ font-size:20px;}
	
	.serTop{ padding:40px 0 0;}
	.serTopImg{ width:450px;}
	.serTopTextBg{ margin-left:400px;}
	.serTopText{ padding-left:10%; min-height:240px;}
	.serTopText .media-left img{ width:48px;}
	.serTopText .media-body{ font-size:18px;}
	.serBotBg{ padding-bottom:60px;}
	
	.invBot{ padding:15px 30px;}
	
	.contactItem{ margin:0 -15px 40px;}
	.contactItem li{ padding:15px;}
	.contactCon{ padding:40px 15px 15px;}
	.contact_map{ height:350px;}
	
	.title2 h2,.title2 h3{ font-size:24px;}
	
	.joinTopItem li{ height:340px;}
	.joinTopItem li.active .joinTopConBg{ width:630px;}
}
@media (max-width:1023px) and ( min-width:993px){
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ float:none; margin:0 auto; display:table; table-layout:fixed; left:0px;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:0 8px;}
	.navRig{ position:relative;}
}
@media (max-width:992px){
	nav.navbar.bootsnav .navbar-header{ padding:0;}
	.logo{ position:static; padding:10px 0; width:115px; margin-left:15px;}
	.logo img{ width:115px; height:32px;}
	nav.navbar.bootsnav .navbar-brand{ float:left !important;}
	nav.navbar.bootsnav ul.nav > li > a:after{  height:1px; bottom:-2px; display:none;}
	
	.navRig{ height:52px; line-height:52px; right:60px !important;}
	nav.navbar.bootsnav .navbar-toggle{ float:right; position:static; margin:0; margin-top:14px;}
	nav.navbar.bootsnav .navbar-nav{ margin:0; left:0; padding:10px 0;}
	nav.navbar.bootsnav ul.nav > li > a{ height:40px; line-height:40px; padding:0 15px; margin:0; border-bottom:none; font-size:14px; border-radius:0;}
	#navbar-menu{ padding:0; border-top:1px solid #044D7F;}
	
	nav.navbar.bootsnav li.dropdown .dropdown-menu{ width:100%; border:none; left:0; margin-left:0; margin-top:0; padding:0 !important;}
	nav.navbar.bootsnav li.dropdown .dropdown-menu:before{ display:none;}
	nav.navbar.bootsnav li.dropdown .dropdown-menu ul{ background:rgba(0,0,0,0); padding:0; border-radius:0; background:none;}
	nav.navbar.bootsnav li.dropdown .dropdown-menu ul li{ padding:0; border-bottom-color:rgba(0,0,0,0.1);}
	nav.navbar.bootsnav li.dropdown .dropdown-menu ul li a{ color:#333333; border-color:#e0e0e0; text-align:left; padding-left:15px;}
	
	
	.searchBg .logo{ margin-left:0;}
	.searchBox{ height:52px;}
	.search{ margin-top:6px; margin-right:35px;}
	.searchCon{ padding-left:15px;}
	.colseSear{ width:15px; height:15px;}
	
	.banner{ height:400px;}
	.banner .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%;}
	.banner .imgFull img{ display:none;}
	
	.box2{ margin:0 -5px;}
	.box2 li{ padding:5px;}
	
	.box3{ margin:0;}
	.box3Lef{ border-bottom:1px solid #e9e9e9; border-right:none; margin-bottom:30px;}
	.box3LefItem li{ padding:15px;}
	.box3Rig{ padding:0;}
	.box3RigItem{ margin-top:-15px;}
	.box3RigItem li{ padding:15px 0;}
	
	.footLef li{ width:100% !important; border-top:1px dashed rgba(255,255,255,0.1); padding:15px 0;}
	.footLef li h3{ position:relative;}
	.footLef li h3:after{ position:absolute; right:0; top:0; display:block; content:"\f105"; font:normal normal normal 14px/1 FontAwesome;}
	.footLef li.active h3:after{ content:"\f107";}
	.footLef li h3 a{ font-size:14px;}
	.footLi{ overflow:hidden; margin:0 -10px; display:none;}
	.footLi p{ display:inline-block; padding:0 10px; vertical-align:top;}
	.footBot{ text-align:center;}
	
	.fenlei li a{ min-width:0; line-height:28px;}
	.fenleiSub li{ padding:0 15px;}
	.fenleiSub li a{ line-height:30px;}
	
	.onepageH3{ font-size:24px; padding:20px 0;}
	.oneNum li{ width:33.33%;}
	
	.hisTit{ padding:30px 0;}
	.hisTitEn{ font-size:24px;}
	.hisTitCn{ font-size:20px;}
	.hisBg{ height:auto; padding:45px 0;}
	.hisBox{ background-position:center top;}
	.history{ padding:0;}
	.hisPrev,.hisNext{ top:12px; width:20px;}
	.hisList{ padding:50px 0 0;}
	.hisList li{ height:auto; padding:0 0 23px !important; width:100%; margin:0;}
	.hisText{ max-width:none;}
	.hisList li:nth-child(2n) .hisText{ padding-top:0;}
	.hisList li:nth-child(2n) .hisText:before{ top:0; bottom:auto;}
	.hisList li:nth-child(2n) .hisText:after{ top:23px; bottom:auto;}
	.hisList li:last-child{ padding-bottom:0 !important;}
	
	.manager{ padding:40px 0;}
	.managerImg{ float:none; width:100%;}
	.managerText{ margin:0;}
	
	.honBot{ padding:0;}
	.honBotImg{ position:relative; width:100%; padding-bottom:15px;}
	.honBotImg .imgFull{ background:none !important; position:static;}
	.honBotImg .imgFull img{ display:block; margin:0 auto;}
	.honBot .swiper-container{ padding:15px 15px 15px 30px;}
	
	.culBoxBg{ padding:45px 0;}
	.culBox1Img{ float:none; padding:0; width:100%;}
	.culBox1Img img{ margin:0 auto;}
	.culBox1Text h3{ font-size:20px; padding:10px 0;}
	.culBox1Line{ height:34px;}
	.culBox1Text h4{ font-size:16px;}
	
	.culBoxTit span{ font-size:22px;}
	
	.culBox2{ margin:0;}
	.culBox2:after{ display:none;}
	.culBox2Con{ padding:15px 0;}
	.culBox2Con h3{ padding:15px 0; font-size:18px;}
	
	.culBox3Img{ width:250px;}
	.culBox3Item{ padding-right:250px;}
	.culBox3Brief{ padding:10px;}
	
	.cul2Box .culBox1Img{ padding:15px 0 0;}
	
	.proTop h3,.proBotText h3{ font-size:20px;}
	.proBotBg{ padding:40px 0 20px;}
	.proBotImg{ float:none !important; margin:0 auto 30px !important;}
	.proBotImg img{ top:15px; left:15px;}
	.proBotBg:nth-child(2n+1) .proBotImg img{ right:15px;}
	
	.techBotImg{ float:none; margin:0; max-width:none; width:100%;}
	.techBotImg img{ margin:0 auto;}
	
	.arTopRig{ padding:15px 0 0;}
	.arBotBg{ padding:40px 0 30px;}
	
	.articleH1{ font-size:18px;}
	.articleShare{ padding:25px 0;}
	.pagerBox a{ padding:10px 0;}
	
	.noticeItem li a{ padding:0 15px; line-height:40px;}
	
	.serTopImg{ float:none; width:100%;}
	.serTopTextBg{ margin:0;}
	.serTopText{ min-height:0; padding:30px 15px;}
	
	.bookBrief{ margin:0;}
	.messageList li{ padding:5px 10px}
	.messIco{ font-size:15px;}
	.messBtn{ margin-top:10px;}
	
	.contactItem{ margin:0 -15px 20px;}
	.contactCon{ min-height:100px;}
	
	.contactBotBg{ padding:50px 0;}
	.contactBot{ width:100%;}
	.mapDotLi{ position:static;}
	.mapDotConBg{ display:block !important; position:static; width:100%; padding:0;}
	.mapDotConBg:after{ display:none;}
	.mapDotTit{ padding-left:10px; margin:15px 0;}
	.mapDotTit:after{ left:-7px !important; top:5px !important; transform:translateX(0%) !important;}
	.mapDotTit:before{ left:-10px !important; top:2px !important; transform:translateX(0%) !important;}
	.mapDotCon{ max-height:none; padding:20px 20px 20px 40px;}
	
	.title2{ padding:15px 0;}
	.joinTopBg{ padding:25px 0 45px;}
	.joinTopItem li,.joinTopTit,.joinTopConBg{ float:none; height:auto; display:block;}
	.joinTopItem li{ height:auto;}
	.joinTopTit{ width:100%; padding:10px 15px; display:block;}
	.joinTopConBg{ width:100%; height:0; display:block;}
	.joinTopCon{ opacity:1; padding:15px;}
	.joinTopText, .joinTopImg{ display:block; width:100%; padding:0;}
	.joinTopImg{ padding:10px 0 0;}
	.joinTopImg img{ margin:0 auto; max-width:100%;}
	.joinTopItem li.active .joinTopConBg{ width:100%; height:auto;}
}
@media (max-width:767px){	
	.bannerN{ height:320px;}
	.banH2{ font-size:28px;}
	.onepage{ padding:20px 0;}
	.oneTop{ padding-bottom:0;}
	.onepageH3{ font-size:20px;}
	.oneNum{ padding:15px 0; margin:15px 0;}
	
	.culBox3Img{ float:none; width:100%; margin:-30px 0 0;}
	.culBox3Img img{ margin:0 auto;}
	.culBox3Item{ padding:15px;}
	
	.box3LefBrief{ height:auto; max-height:44px;}
	
	.pagerBox a{ display:block; width:100%; background-image:none; text-align:center; padding:10px !important;}
	.returnList{ margin:0;}
	
	.joinBotBg{ padding:15px 0;}
	.join_list{ padding:10px 0;}
	.join_list li h2,.join_list li h3,.join_list li h3 span{ height:40px; line-height:40px;}
	.join_con4{ text-align:right;}
	.join_detail{ padding:25px;}
}
@media (max-width:640px){
	nav.navbar.bootsnav{ min-height:40px;}
	.logo img{ width:101px; height:28px;}
	.navRig{ height:48px; line-height:48px;}
	.navRig > ul > li:first-child{ padding-right:0;}
	nav.navbar.bootsnav .navbar-toggle{ margin-top:12px;}
	.searchBg .logo{ display:none;}
	.searchBox{ height:48px;}
	.searchCon{ width:100%; border:none; padding-left:0;}
	.search{ margin-top:4px;}
	
	.banner{ height:300px;}
	.banText img{ max-width:80%;}
	.ban1 .banText img{ max-width:100%;}
	.ban2 .banText img{ max-width:70%;}
	
	.box1Bg{ padding:25px 0;}
	.title h2{ font-size:22px; padding:10px 0;}
	
	.box2Bg{ padding:25px 0;}
	
	.box3Bg{ padding:25px 0 40px;}
	.box3{ padding:15px 0;}
	.box3More{ width:200px; height:38px; line-height:38px;}
	.box3More img{ width:20px;}
	
	.box4Bg{ height:auto;}
	.box4Bg a{ padding:60px 0;}
	.box4Tit{ font-size:20px;}
	.box4Line span{ width:80%;}
	.box4Ico{ width:40px; height:40px;}
	
	.box5Bg{ padding:25px 0;}
	
	.mvLayer{ border-width:5px;}
	.mvLayer i{ right:-30px; top:-5px;}
	
	.followus li{ font-size:14px;}
	.followus li a{ width:32px; height:32px; background-size:15px;}
	
	.bannerN{ height:280px;}
	
	.fenlei li a{ line-height:24px;}
	.fenleiSub li a{ line-height:28px;}
	
	.oneNum li{ width:50%; font-size:12px;}
	.oneNumCon{ font-size:24px; padding:0;}
	
	.hisTit{ padding:20px 0;}
	.hisTitEn{ font-size:20px;}
	.hisTitCn{ font-size:18px;}
	
	.managerTit{ font-size:20px; padding:10px 0px;}
	.managerTit span{ font-size:16px;}
	.managerBrief{ padding:15px;}
	.managerName img{ max-width:58px;}
	
	.honBtn{ margin:0 -5px; padding:15px 0;}
	.honBtn li{ padding:0 5px;}
	
	.proTopBg{ padding:20px 0;}
	.proTop h3,.proBotText h3{ font-size:18px;}
	
	.techBotText h3{ font-size:20px;}
	.techBotText h3 img{ max-width:40px; margin:0;}
	
	.arTopBg{ padding:30px 0 40px;}
	.arTopTit{ font-size:14px; line-height:36px;}
	.arTopLef .swiper-pagination{ bottom:50px;}
	.arTopRigTime{ width:50px;}
	.date{ font-size:28px; line-height:40px;}
	.arTopRigText{ margin-left:60px;}
	
	.articleH1{ font-size:16px;}
	.articleTime span{ padding:0 5px;}
	.articleCen{ padding:0;}
	
	.noticeItem li{ padding-bottom:10px;}
	.noticeItem li a{ padding:10px; line-height:28px;}
	.noticeTime{ float:none; padding:0;}
	.noticeItem li a i{ padding-right:5px;}
	
	.serTopText .media{ margin-top:15px;}
	.serTopText .media-body,.serTopText .media-heading{ font-size:16px;}
	.serTopText .media-left{ padding-right:10px;}
	.serTopText .media-left img{ width:34px;}
	
	.serBotBg{ padding-bottom:30px;}
	.bookBrief{ padding-bottom:15px;}
	
	.investor{ padding:30px 0 40px;}
	.invBot{ padding:15px;}
	.invBotTabItem li a{ width:90px;}
	.invTit{ left:20px; top:20px; font-size:20px;}
	.invRigItem li{ float:none; width:100%;}
	.invRigImg{ display:none;}
	.invRigBox1, .invRigBox2{ height:auto;}
	.invRigBox1{ display:block; padding:60px 20px 20px;}
	.invRigBox2{ padding:20px;}
	
	.contact_map{ height:300px;}
	.contactBotBg{ padding:30px 0;}
	
	.title2{ padding:15px 0;}	
	.title2 h2,.title2 h3{ font-size:18px;}
	
	.joinTopBg{ padding:0 0 30px;}
	.join_list li{ padding-bottom:5px;}
}
@media (max-width:460px){
	.bannerN{ height:220px;}
	.banH2{ font-size:22px;}
	.fenlei li a{ font-size:12px;}
	.fenleiSub li{ padding:0 5px;}
	.fenleiSub li a{ font-size:12px; line-height:24px;}
	.culBox3Item li{ width:100%; padding:15px 10px;}
	
	.articleTime span{ display:block; text-align:left;}
	.messBtn{ margin:0;}
	.yzmInput{ width:138px;}
	
	.contact_map{ height:250px;}
}
@media (max-width:360px){
	.navRig > ul > li:first-child{ display:none;}
	.banner{ height:240px;}
	.box4Tit{ font-size:16px;}
	.bannerN{ height:180px;}
	.banH2{ font-size:18px;}
	.contact_map{ height:200px;}
}	
@media (max-height:414px){	
}
@media all and (orientation : landscape){
}
@media all and (orientation : portrait){ 
}