@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, .h4, .h5, h1, h2, h3, h4, h5{ margin:0; font-family:"Microsoft YaHei";}.cor_red{ color:#ff0066;}.f22{ font-size:22px;}.clear{ clear:both;}.shows{ display:block;}.showsIn{ display:inline-block;}.hides{ display:none;}.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}.bd_weixin_popup{ height:auto !important;}html { -ms-touch-action: none;/* height:100%;*/}body { font-family:"Microsoft YaHei"; position: relative; /*height:100%;*/ *cursor: default; color:#333333; overflow-x:hidden;}
.imgFull{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.imgFull img{ display:none;}
.flexBox{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-pack:center; -webkit-flex-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; align-items:center;}
/*header*/
.wrap{ padding:0 3.6%;}
.headerBg{ position:absolute; left:0; top:0; width:100%; z-index:2; background:rgba(255,255,255,0.92);}
.hdTopBg{ background:#333333; color:#FFFFFF; line-height:48px; overflow:hidden;}
.hdTopBg a{ color:#FFFFFF;}
.hdTopLef{ float:left; margin:0; font-size:0; margin-left:-20px;}
.hdTopLef li{ position:relative; padding:0; font-size:14px; vertical-align:middle;}
.hdTopLef li:after{ display:block; content:""; background:#555959; width:1px; height:14px; position:absolute; right:0; top:50%; margin-top:-5px;}
.hdTopLef li:last-child:after{ display:none;}
.hdTopLef li a{ display:block; padding:0 20px; transition:all 0.5s ease;}
.hdTopRig{ float:right; margin:0; font-size:0; margin-right:-20px;}
.hdTopRig li{ position:relative; padding:0; font-size:14px; vertical-align:middle;}
.hdTopRig li:after{ display:block; content:""; background:#555959; width:1px; height:14px; position:absolute; right:0; top:50%; margin-top:-5px;}
.hdTopRig li:last-child:after{ display:none;}
.hdTopRig li:not(:first-child) a{ display:block; padding:0 20px; transition:all 0.5s ease;}
.hdTopRig li:first-child{ padding:0 20px; text-transform:uppercase;}
/*nav*/
.logo{ max-width:317px; height:90px; padding:0; margin-left:0 !important; transition:all 0.3s ease-out 0s;}
.logo img{ max-height:100%; transition:all 0.3s ease-out 0s;}
nav.navbar.bootsnav{ border:none; background:none; min-height:0px;}
nav.bootsnav .container{ position:static;}
nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ position:relative; left:15px;}
.navList{ padding:0;}
nav.navbar.bootsnav ul.nav > li{ padding:0; margin:0 33px;}
nav.navbar.bootsnav ul.nav > li > a{ display:block; margin:0; padding:0; font-size:15px; font-weight:normal; color:#333333; line-height:90px; text-align:center; position:relative; transition:all 0.3s ease-out 0s;}
nav.navbar.bootsnav ul.nav > li > a:after{ display:none;}
nav.navbar.bootsnav ul.nav > li.on > a,nav.navbar.bootsnav ul.nav > li.active > a{ font-weight:bold; color:#0066b3;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ content:""; margin:0;}
.navRig{ line-height:90px; height:90px; font-size:14px; color:#333333; margin-right:0; margin-left:0; right:3.6% !important;}
.navRig > ul{ margin:0; vertical-align:middle;}
.hdSearch{ width:284px; background:rgba(0,0,0,0.1); line-height:36px; border-radius:18px; position:relative; overflow:hidden; padding-right:46px;}
.hdSeaIco{ position:absolute; right:0; top:0; width:46px; line-height:36px; text-align:center; color:#FFFFFF; background:#f9ad1b; font-size:16px; transition:all 0.5s ease;}
.hdSeaIco:hover{ color:#FFFFFF; background:#0066b3;}
.hdSeaInput{ display:block; width:100%; height:36px; padding:5px 10px; line-height:26px; border:none; background:none;}
nav.navbar.bootsnav .navbar-toggle{ background:none !important; color:#0066b3; margin-right:0;}

/*banner*/
.banner{ position:relative; height:auto;}
.banBg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}
.banBox{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.banBox .wrap{ width:100%;}
.banText{ width:100%; font-size:12px; color:#444444; line-height:18px;}
.banTit{ font-size:135px; font-weight:bold; color:#FFFFFF; line-height:100%; letter-spacing:20px;}
.ban4 .banTit{ font-size:110px; letter-spacing:5px;}
.banner .swiper-pagination{ display:block; bottom:12%;}
.banner .swiper-pagination-bullet{ width:14px; height:14px; margin:0 10px !important; border:2px solid #FFFFFF; background:#FFFFFF; opacity:1; vertical-align:middle; transition:all 0.4s ease 0s; position:relative;}
.banner .swiper-pagination-bullet:after{ position:absolute; left:50%; top:50%; height:2px; width:0; background:#FFFFFF; margin-top:-1px; display:block; content:""; transition:all 0.4s ease 0.2s;}
.banner .swiper-pagination-bullet-active{ background:none; width:16px; height:16px;}
.banner .swiper-pagination-bullet-active:after{ width:23px; transform:translateX(-50%);}
.banBtn{ position:absolute; top:50%; transform:translateY(-50%); color:#FFFFFF; font-size:24px; width:35px; height:35px; text-align:center; line-height:30px; border-radius:4px; background:#ff0066; cursor:pointer; z-index:1;}
.banPrev{ left:4%;}
.banNext{ right:4%;}

.box1Bg{ overflow:hidden; margin-top:-62px; position:relative; z-index:1;}
.box1{ padding-bottom:31px;}
.box1List{ margin:0 -17px;}
.box1List li{ padding:0 17px 34px;}
.box1Box{ background:#FFFFFF; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.box1Tit{ line-height:62px; padding:0 32px; background:#FFFFFF; box-shadow:0 0 15px rgba(0,0,0,0.1); position:relative;}
.box1H2{ float:left; font-weight:bold; font-size:18px; color:#333333; line-height:62px;}
.box1H2 img{ max-width:36px; vertical-align:middle; margin-right:8px; margin-top:-2px;}
.box1More{ float:right; font-size:14px; color:#0066b3; font-weight:bold; transition:all 0.5s ease;}
.box1TitIco{ font-size:0; display:inline-block; vertical-align:middle; margin:-2px 0 0  6px;}
.box1TitIco span,.box1TitIco i{ display:inline-block; vertical-align:middle;}
.box1TitIco span{ width:0; height:2px; background:#f9ad1b; transition:all 0.5s ease;}
.box1TitIco i{ border-width:5px; border-style:solid; border-color:transparent transparent transparent #0066b3; transition:all 0.5s ease;}
.box1Bot{ padding:34px 32px 38px;}
.box1Img{ overflow:hidden; position:relative;}
.box1Img img{ width:100%; transition:all 0.5s ease;}
.box1Item{ overflow:hidden; margin:12px 0 0; height:160px;}
.box1Item li{ padding:0; border-bottom:1px dashed #dddddd;}
.box1Item li a{ font-size:14px; color:#666666; line-height:39px; position:relative; padding-left:10px; transition:all 0.5s ease;}
.box1Item li a:before{ display:block; content:""; position:absolute; left:0; top:50%; width:4px; height:4px; border-radius:50%; background:#0066b3; margin-top:-2px; transition:all 0.5s ease;}

.box2Bg{ background:url(../images/box2Bg.jpg) repeat; overflow:hidden;}
.box2{ padding:70px 0;}
.box2List{ height:440px; margin:0;}
.box2List > li{ height:100%; padding:0;}
.box2List > li > a{ height:50%; border-bottom:1px solid rgba(255,255,255,0.25); transition:all 0.5s ease;}
.box2List > li > a:last-child{ border-bottom:none;}
.box2Ico{ position:relative; overflow:hidden; max-width:66px; margin:0 auto;}
.box2Ico img{ transition:all 0.5s ease; margin:0 auto;}
.box2IcoHov{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; transform:scale(2); transition:all 0.5s ease;}
.box2Cen{ height:100%; color:#FFFFFF; border-left:1px solid rgba(255,255,255,0.25); border-right:1px solid rgba(255,255,255,0.25);}
.box2Tit{ font-size:36px; color:#FFFFFF;}
.box2CenBrief{ font-size:16px; color:#FFFFFF; line-height:175%; padding:0 30px; margin-top:10px;}
.box2Name{ font-size:24px; color:#ffffff; line-height:160%; margin-top:10px; transition:all 0.5s ease;}

.box3Bg{ overflow:hidden;}
.box3{ padding:30px 0 0;}
.box3Box{ overflow:hidden;}
.box3List{ margin:0 -18px;}
.box3List li{ padding:15px 18px 0;}
.box3List li a{ padding:15px; display:block; height:100%; position:relative; overflow:hidden; transition:all 0.5s ease;}
.box3Img{ position:relative; margin-bottom:15px; overflow:hidden;}
.box3Img > img{ transition:all 0.5s ease; width:100%;}
.box3Hov{ position:absolute; left:0; top:0; right:0; bottom:0; background:url(../images/magnifier.png) center center rgba(0,102,179,0.75) no-repeat; background-size:7.5% auto; opacity:0; transition:all 0.5s ease; transform:scale(1.2);}
.box3Name{ font-size:16px; color:#666666; line-height:24px; padding:10px 0; text-align:center; transition:all 0.5s ease;}
.box3Tit{ padding-top:12%;}
.box3Tit .box2Tit{ color:#333333;}
.box3Tit .box2Tit strong{ color:#0066b3;}
.box3Brief{ font-size:14px; color:#666666; line-height:24px; margin-top:10px; max-height:96px; overflow:hidden;}
.box3Btn{ text-align:center; padding:10px 0 35px; font-size:16px; color:#999999; line-height:36px; background:#FFFFFF; position:relative; margin-top:-1px;}
.box3BtnCur{ display:inline-block; vertical-align:middle;}
.box3BtnCur span{ cursor:pointer;}
.box3BtnCur img{ margin-left:5px; margin-top:-2px; transform:scaleY(-1); transition:all 0.5s ease;}
.box3BtnCur.active img{ transform:scaleY(1);}

.box4Bg{ overflow:hidden; background:url(../images/box4Bg.jpg) center center no-repeat; background-size:cover;}
.box4{ padding:75px 0;}
.box4Tit{ padding:0; text-align:center;}
.box4List{ padding:40px 0 0; margin:0 -35px;}
.box4List li{ padding:0 35px;}
.box4Link{ display:block; overflow:hidden; padding-left:55px; position:relative; line-height:52px; font-size:18px; color:#666666; border-radius:5px; transition:all 0.5s ease;}
.box4Name{ display:block; position:relative; padding-right:40px; border-bottom:1px dashed #d0d0d0; transition:all 0.5s ease;}
.box4Ico{ position:absolute; left:10px; top:50%; margin-top:-17px; width:34px; height:34px; border:1px solid #0066b3; border-radius:50%; transition:all 0.5s ease;}
.box4IcoHov{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; transition:all 0.5s ease;}
.box4Ico img{ margin:0 auto; max-width:60%;}
.box4List .box1TitIco{ position:absolute; right:0; top:50%; transform:translateY(-45%); opacity:0; transition:all 0.5s ease;}
.box4List .box1TitIco span{ width:11px; background:#0066b3;}

.box5Bg{ background:#FFFFFF;}
.box5{ padding:65px 0 5px;}
.box5Tit{ padding:0; text-align:center;}
.box5Tit .box3Brief{ max-height:none;}
.box5List{ padding:40px 0 0;}
.box5List .swiper-container{ padding:10px;}
.box5Link{ display:block; box-shadow:0 0 10px rgba(0,0,0,0.1); position:relative; padding-left:280px;}
.box5Img{ width:280px; position:absolute; left:0; top:0; height:100%;}
.box5Rig{ padding:25px 20px 50px; position:relative;}
.box5Name{ font-size:16px; color:#333333; line-height:24px; height:48px; overflow:hidden; margin-bottom:10px; font-weight:bold;}
.box5Brief{ font-size:14px; color:#666666; line-height:24px; height:72px; overflow:hidden;}
.box5Ico{ position:absolute; right:0; bottom:0; width:50px; height:50px; border:1px solid #e5e5e5; border-right:none; border-bottom:none; transition:all 0.5s ease;}
.box5Ico .box1TitIco span{ width:11px; background:#0066b3;}
.box5List .swiper-pagination{ position:static; display:block; width:100%; padding:44px 0 54px;}
.box5List .swiper-pagination-bullet{ width:8px; height:8px; margin:0 5px; background:#666666; opacity:1; transition:all 0.5s ease; vertical-align:middle;}
.box5List .swiper-pagination-bullet-active{ width:12px; height:12px; background:#0066b3;}

.box5Prev,.box5Next{ position:absolute; top:50%; transform:translateY(-50%); width:30px; height:60px; background:rgba(0,0,0,0.4); z-index:1; text-align:center; line-height:58px; font-size:26px; color:#FFFFFF; cursor:pointer; transition:all 0.5s ease;}
.box5Prev{ left:-5px;}
.box5Next{ right:-5px;}

.footBg{ background:#333333; overflow:hidden;}
.ftTop{ padding:35px 0; font-size:14px; color:#93999c; line-height:32px;}
.ftTopRig{ float:right; width:170px; margin-left:10px; text-align:center;}
.ftTopRig img{ margin:0 auto; max-width:100%;}
.ftTopLeft{ overflow:hidden;}
.ftTopItem{ float:left; width:12%;}
.ftTopLeft .ftTopItem:last-child{ width:52%;}
.ftTopTit{ font-size:16px; color:#FFFFFF; line-height:28px;}
.ftTopTit a{ color:#FFFFFF;}
.ftTopList{ overflow:hidden;}
.ftTopList li a{ color:#93999c; transition:all 0.5s ease;}
.ftTopList p{ position:relative; padding-left:25px;}
.ftTopList p:before{ display:block; position:absolute; left:0; top:0; line-height:32px; font-family:FontAwesome;}
.ftTopList p.ftAdd:before{ content:"\e062"; font-family:'Glyphicons Halflings'; font-size:15px;}
.ftTopList p.ftNum:before{ content:"\f2bb";}
.ftTopList p.ftTel:before{ content:"\e183"; font-family:'Glyphicons Halflings';}
.ftTopList p.ftFax:before{ content:"\f02f"; font-size:18px;}
.ftTopList p.ftEmail:before{ content:"\f003"; font-size:16px;}
.ftBot{ border-top:1px solid #3a3d3d; font-size:14px; line-height:22px; color:#93999c; padding:19px 0;}
.ftBotLef{ float:left; width:60%;}
.ftBotRig{ float:right; width:40%; text-align:right;}
.ftBotRig a,.ftBotRig span{ display:inline-block; vertical-align:middle; color:#93999c; transition:all 0.5s ease;}
.ftBotRig span{ padding:0 10px;}
.ftBotRig span:last-child{ display:none;}

.banPic{ background:url(../images/banBg.jpg) center center no-repeat; background-size:cover; height:380px; overflow:hidden; position:relative;}
.banWrap{ max-width:1340px; width:100%; margin:0 auto; position:relative; height:100%; align-items:flex-end;}
.banPicImg{ position:absolute; left:0%; bottom:0;}
.banCon{ float:right; font-size:42px; font-weight:bold; line-height:140%; letter-spacing:15px; color:#FFFFFF; position:relative; z-index:1;}
.banCon p{ text-indent:1.4em;}
.banCon p:first-child{ text-indent:0;}

.mainBg{ background:#f5f6fa; overflow:hidden;}
.breadcrumb{ background:none; border-radius:0; color:#999999; line-height:24px; padding:33px 0; margin:0;}
.breadcrumb li a{ color:#333333; transition:all 0.5s ease;}
.breadcrumb > li + li:before{ color:#333333; content:">";}
.page{ padding:50px 0; text-align:center;}
.page img{ margin:0 auto;}

.branchList{ margin:-20px;}
.branchList li{ padding:20px;}
.branchLink{ display:block; height:100%; position:relative; overflow:hidden; transition:all 0.5s ease;}
.branchImg{ position:relative; overflow:hidden;}
.branchImg img{ width:100%; transition:all 0.8s ease;}
.branchText{ background:#FFFFFF; padding:15px 25px 25px;}
.branchTit{ font-size:18px; color:#333333; font-weight:bold; line-height:130%; margin:10px 0;}
.branchBrief{ font-size:14px; color:#666666; line-height:24px; height:48px; overflow:hidden; margin:10px 0;}
.branchIco{ width:38px; height:38px; border-radius:50%; background:#f5f6fa; text-align:center; margin-top:20px; transition:all 0.5s ease;}
.branchIco .box1TitIco{ display:block;}
.branchIco .box1TitIco span{ width:11px; background:#0066b3; transition:all 0.5s ease;}
.branchLine{ position:absolute; right:0; bottom:0; width:0; height:4px; background:#f9ad1b; transition:all 0.8s ease;}

.main{ overflow:hidden;}
.left,.right{ margin-bottom:50px;}
.left{ float:left; width:23.6%; background:#eaecf1; padding:0 1.8%;}
.right{ float:right; width:74.16%; background:#FFFFFF; padding:0 3%;}
.rightWrap{}
.branchName{ padding:40px 0 25px; overflow:hidden;}
.goList{ float:right; width:125px; height:34px; line-height:32px; border:1px solid #dddddd; text-align:center; border-radius:17px; font-size:14px; color:#999999; transition:all 0.5s ease;}
.goList:hover,.goList:focus{ color:#999999;}
.goList i{ margin-left:5px;}
.branchH1{ margin-right:135px; font-size:30px; color:#0066b3; line-height:34px;}
.branchTop{ font-size:16px; font-size:15.5px; color:#333333; line-height:30px; background:#f5f6fa; padding:15px 25px;}
.branchCon{ font-size:15px; color:#666666; line-height:28px; padding:15px 0 0;}
.branchCon p{ margin:15px 0;}
.branchCon p:first-child{ margin-top:0;}
.branchCon img{ max-width:100%; height:auto !important; margin:15px auto;}
.branchCon h3{ font-size:16px; color:#0066b3;}
.arBot{ padding:28px 0; border-top:1px dashed #e6e6e6; overflow:hidden; margin-top:25px;}
.arBotL{ float:left; font-size:0;}
.arBotL span,.arBotL a{ display:inline-block; vertical-align:middle; line-height:34px;}
.arBotL span{ font-size:16px; color:#0066b3; font-weight:bold; text-transform:uppercase;}
.arBotL a{ font-size:14px; color:#979797; width:34px; height:34px; border-radius:50%; position:relative;}
.arBotL a:after{ position:absolute; left:0; top:0; right:0; bottom:0; display:block; font:18px/34px FontAwesome; text-align:center; transition:all 0.5s ease;}
.shareIco1:after{ content:"\f1d7";}
.shareIco2:after{ content:"\f18a";}
.shareIco3:after{ content:"\f18b";}
.shareIco4:after{ content:"\f1d5";}
.arBotR{ float:right; font-size:0;}
.arBotR a{ display:inline-block; vertical-align:middle; font-size:14px; color:#999999; border:1px solid #e5e5e5; border-radius:17px; height:34px; line-height:32px; border:1px solid #e6e6e6; text-align:center; margin-left:10px; transition:all 0.3s ease-out 0s;}
.arBotR a img{ vertical-align:middle; padding:0 5px; margin-top:-1px;}
.arBotR a img.shows{ display:inline-block;}
.pagerPrev,.pagerNext{ width:77px; text-align:center; text-transform:uppercase; font-weight:bold;}
.pagerList{ width:34px;}

.leftTop{ padding:20px 0 15px;}
.leftH2{ font-size:24px; color:#333333; line-height:40px; padding-left:22px; position:relative;}
.leftH2:before{ display:block; content:""; position:absolute; left:0; top:13px; width:14px; height:14px; border:3px solid #0066b3; border-radius:50%;}
.leftCon{ padding:10px 0 50px; border-top:1px solid #bbbdc1;}
.branchLef{ overflow:hidden;}
.branchLef li a{ display:block; height:100%; padding:15px 0; border-bottom:1px dashed #cbccd1;}
.branchLefTit{ font-size:16px; color:#333333; line-height:150%; margin:5px 0; font-weight:bold; transition:all 0.5s ease;}
.branchLefBrief{ font-size:14px; color:#666666; line-height:24px; max-height:48px; overflow:hidden; margin:5px 0;}

.branchList .box5Link{ padding-left:37%; box-shadow:none; transition:all 0.5s ease;}
.branchList .box5Img{ width:37%;}
.branchList .box5Rig{ background:#FFFFFF; padding:30px 50px 50px 30px;}
.researchTit{ height:auto !important; margin:0; transition:all 0.5s ease;}
.researchTime{ font-size:16px; color:#999999; font-family:Arial; font-weight:bold; line-height:200%;}

.leftList{ overflow:hidden;}
.leftList li a{ display:block; line-height:24px; padding:12px 0; border-bottom:1px dashed #cbccd1; font-size:15px; color:#333333; font-weight:bold; padding-right:30px; position:relative; overflow:hidden; transition:all 0.5s ease;}
.leftList li a:after{ display:block; content:""; position:absolute; right:0; top:12px; width:16px; height:24px; background:url(../images/leftBg.png) -16px center no-repeat; transition:all 0.5s ease;}
.leftList li.active a{ color:#0066b3;}
.leftList li.active a:after{ background-position:right center;}

.right2{ background:none; padding:0;}
.comTop{ background:#0066b3; padding:0 3%; margin-bottom:40px;}
.comTopList{ margin:0 -5px; text-align:center; font-size:0; padding:55px 0;}
.comTopList li{ padding:5px; width:20%; font-size:16px; color:#FFFFFF; line-height:24px; vertical-align:top; position:relative;}
.comTopList li:after{ display:block; content:""; position:absolute; right:0; top:5px; width:1px; height:160px; background:rgba(255,255,255,0.2);}
.comTopList li:last-child:after{ display:none;}
.comTopIco{ width:93px; height:93px; margin:0 auto 15px; position:relative;}
.comTopIco img{ max-width:50%; margin:0 auto;}
.comTopIco:after{ display:block; content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:url(../images/comTopIcoBg.png) center center no-repeat; background-size:cover;}
.comTopCon{ max-width:150px; margin:0 auto;}
.comBot{ /*background:url(../images/comBotBg.jpg) center bottom no-repeat;*/ background:#FFFFFF; background-size:cover; padding:25px 3%; min-height:605px; font-size:14px; color:#666666; line-height:24px;}
.comBotH3{ font-size:30px; color:#0066b3; line-height:160%; margin:10px 0;}
.comBot p{ margin:15px 0;}

.oneH3{ font-size:30px; color:#0066b3; line-height:200%; padding:10px 0; margin-top:20px; border-bottom:1px dashed #e6e6e6;}
.onepage{ padding:20px 0; font-size:14px; color:#666666; line-height:24px;}
.onepage p{ margin:15px 0;}
.onepage p:first-child{ margin-top:0;}
.oneImg{ margin:15px 20px 15px 0; max-width:48%; float:left;}

/*contact*/
.conLef{ overflow:hidden;}
.conLef li{ border-bottom:1px dashed #cbccd1; padding:10px 0; font-size:14px; color:#666666;}
.conLef li i{ font-size:16px; color:#cbcbcd;}
.conLefWx{ font-size:0; margin:0 -15px; padding:15px 0 0; text-align:center;}
.conLefWx li{ vertical-align:top; font-size:14px; color:#93999c; line-height:24px; width:50%; padding:15px;}
.conLefWx li img{ margin:0 auto 10px;}
.conRig{ padding:40px 0;}
.conMap{ height:450px; margin-bottom:20px;}
.mesTit{ font-size:24px; color:#333333; border-bottom:1px dashed #e6e6e6; line-height:30px; padding:14px 0;}
.mesList{ margin:0 -14px; padding:16px 0;}
.mesList li{ padding:14px;}
.mesInput{ display:block; width:100%; border:none; background:#f5f6fa; border-radius:20px; line-height:24px; padding:9px 15px;}
textarea.mesInput{ resize:none;}
.mesBtn{ display:block; width:100%; max-width:300px; height:42px; line-height:42px; background:#0066b3; font-size:18px; font-weight:bold; color:#FFFFFF; text-align:center; border-radius:20px; margin:0 auto;}
.mesBtn:hover,.mesBtn:focus{ color:#FFFFFF;}
/*artlist*/
.arList{ overflow:hidden; padding:5px 0 0;}
.arList li{ padding:28px 0; border-bottom:1px dashed #e6e6e6;}
.arLink{ display:block; height:100%; position:relative; overflow:hidden;}
.arImg{ float:left; width:22%; height:176px; overflow:hidden;}
.arImg .imgFull{ display:block; width:100%; height:100%; transition:all 0.5s ease;}
.arRig{ margin-left:25%;}
.arTit{ font-size:22px; line-height:160%; margin:5px 0; color:#000000; transition:all 0.5s ease;}
.arBrief{ font-size:13px; color:#888888; line-height:26px; height:78px; overflow:hidden; margin:10px 0;}
.arInfor{ overflow:hidden; font-size:13px; color:#999999; line-height:38px;}
.arInfor > span{ float:left; padding-right:20px;}
.arInfor > span i{ padding-right:5px;}
.arInfor .branchIco{ margin:0; float:right;}
/*article*/
.arName{ border-bottom:1px dashed #e6e6e6;}
.arTop{ margin-right:135px;}
.arH1{ font-size:28px; color:#333333; line-height:130%; margin-bottom:15px;}
.arTime{ font-size:13px; color:#999999; line-height:22px; margin-right:-15px;}
.arTime i{ padding-right:5px;}
.arTime span{ display:inline-block; vertical-align:top; padding-right:15px;}
.arCon h3{ margin:25px 0 10px;}
.arCon h3:first-child{ margin-top:15px;}
.arCon p{ text-indent:2em; margin:10px 0;}
/*notice*/
.notice{ overflow:hidden; padding-top:30px;}
.notice li{ font-size:14px; line-height:50px; padding:0 20px;}
.notice li:nth-child(2n+1){ background:#f7f7f7;}
.notice li span{ float:right; color:#888888;}
.notice li a{ color:#555555;}
.notice li a i{ color:#0066b3; padding-right:10px;}
/*honour*/
.honPd{ padding:0 3%; background:#FFFFFF; padding-top:1px; margin-bottom:20px;}
.honBox1Con{ line-height:27px;}
.honBox1Con .oneImg{ margin-right:35px;}
.honBox1Con p{ text-indent:2em;}
.honBox1More{ display:inline-block; font-size:16px; color:#0066b3; line-height:32px; font-weight:bold;}
.honBox1More i{ display:inline-block; vertical-align:middle; margin-left:5px; width:32px; height:32px; border-radius:50%; margin-top:-2px; background:url(../images/honBox1More.png) center center #0066b3 no-repeat; transition:all 0.5s ease;}
.honBox1More:hover,.honBox1More:focus{ color:#0066b3;}

.honTit{ border-bottom:1px dashed #e6e6e6; padding:30px 0 15px; line-height:44px;}
.honH3{ font-size:30px; color:#0066b3; line-height:44px;}
.honBtn{ float:right; font-size:16px; color:#0066b3; cursor:pointer;}
.honBtn i{ display:inline-block; vertical-align:middle; margin-top:-4px; width:32px; height:32px; border-radius:50%; position:relative; margin-left:9px; background:#0066b3;}
.honBtn i:after,.honBtn i:before{ display:block; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#FFFFFF; transition:all 0.5s ease;}
.honBtn i:after{ width:2px; height:14px;}
.honBtn i:before{ width:14px; height:2px;}
.honBtn.active i:after{ height:0;}

.honBox2{ padding-bottom:30px;}
.honBox2Con{ margin-top:10px; overflow:hidden;}
.honBox2List{ font-size:0; margin:0 -10px;}
.honBox2List li{ width:33.33%; vertical-align:top; font-size:14px; padding:10px;}
.honYear{ font-size:18px; color:#0066b3; line-height:160%; background:url(../images/honIco.png) left center no-repeat; font-weight:bold; padding:5px 0; padding-left:30px;}
.honItem{}
.honItem p{ font-size:15px; color:#777777; line-height:28px;}
.honItem p a{ color:#777777; padding-left:15px; display:block; position:relative; transition:all 0.5s ease;}
.honItem p a:before{ display:block; line-height:30px; content:"\f0da"; font-family:FontAwesome; position:absolute; left:0; top:0;}

.honBox3{ margin:0 -10px; font-size:0;}
.honBox3ItemBg{ display:inline-block; vertical-align:top; padding:0 10px 20px; width:100%;}
.honBox3Item{ background:#FFFFFF; padding:0 6% 25px;}
.honBox3Tit{ border-bottom:1px dashed #e6e6e6; padding:20px 0 15px; line-height:44px;}
.honBox3Tit .box1H2{ font-weight:normal; font-size:28px; color:#333333; line-height:44px;}
.honBox3Tit .box1H2 img{ max-width:30px;}
.honBox3Item .notice{ padding:0; margin-top:10px; height:180px; overflow:hidden;}
.honBox3Item .notice li{ background:none; padding:0; line-height:36px;}

.honBox4{ padding-top:1px;}
.honBox4Con{ font-size:0; margin:0 -15px; padding:20px 0 25px;}
.honBox4Con li{ vertical-align:top; width:33.33%; font-size:14px; color:#666666; line-height:24px; padding:15px;}
.honBox4Ico{ float:left; width:46px; height:46px; border-radius:50%; background:#0066b3; text-align:center; font-size:16px; color:#FFFFFF;}
.honBox4Rig{ margin-left:60px;}
/*login*/
.loginBg{ background:url(../images/loginBg.jpg) center center no-repeat; background-size:cover; padding:25px 0;}
.login{ position:relative; overflow:hidden; box-shadow:0 0 15px rgba(0,0,0,0.15); padding-left:50%;}
.loginImg{ position:absolute; left:0; top:0; width:50%; height:100%;}
.loginImg .imgFull{ width:100%; height:100%;}
.loginRigBg{ background:url(../images/loginRigBg.png) center center #FFFFFF no-repeat; background-size:65.63% auto; min-height:600px;}
.loginRig{ max-width:460px; margin:0 auto; width:100%; padding:15px;}
.loginTit{ font-size:30px; color:#333333; line-height:120%; text-align:center;}
.loginList{ overflow:hidden;}
.loginList li{ padding-top:40px;}
.loginLab{ float:left; font-size:14px; color:#445566; line-height:44px; width:70px; text-align:right;}
.loginItem{ margin-left:75px; position:relative;}
.loginIco{ width:40px; text-align:center; position:absolute; left:0; top:0; height:100%;}
.loginIco img{ margin:0 auto;}
.loginInput{ display:block; width:100%; border:1px solid #cad1d7; border-radius:5px; line-height:22px; background:none; padding:10px; padding-left:40px; box-shadow:none; appearance:none; -webkit-appearance:none;}
.remember{ font-weight:normal; font-size:14px; color:#445566; margin:0;}
.remember input{ margin-right:5px;}
.loginBtn{ display:block; text-align:center; background:#0066b3; max-width:360px; height:50px; line-height:50px; color:#FFFFFF; font-size:24px; border-radius:5px;}
.loginBtn:hover,.loginBtn:focus{ color:#FFFFFF;}
/*user*/
.navRig .goIndex{ padding:0; border:2px solid #0066b3; color:#0066b3; line-height:40px; border-radius:20px; padding:0 30px;}
.banUser{ background:url(../images/banUser.jpg) center bottom no-repeat; height:390px; background-size:cover;}
.banUserImg{ position:absolute; right:16%; bottom:-10px; max-width:392px;}
.userTopBg{ padding-left:3%; background:#f5f6fa;}
.userTop{ background:#333333; position:relative; padding-left:190px;}
.userAvatar{ position:absolute; left:0; bottom:0; width:148px; height:148px; cursor:pointer;}
.userAvatar .imgFull{ width:100%; height:100%;}
.userAvatar img{ width:100%;}
.userTopLink{ margin:0 -35px; font-size:0;}
.userTopLink li{ padding:0; font-size:14px; position:relative;}
.userTopLink li:after{ display:block; content:""; height:60%; top:20%; width:1px; background:rgba(255,255,255,0.2); position:absolute; right:-1px;}
.userTopLink li:last-child:after{ display:none;}
.userTopLink li a{ display:block; color:#ffffff; line-height:40px; padding:10px 35px;}
.userTopLink li a img{ margin-top:-3px; margin-right:5px;}
.userTopLink li.active a{ background:#0066b3;}
.userInfo{ position:absolute; bottom:70px; left:190px; color:#FFFFFF; line-height:36px;}
.userName{ font-size:24px;}
.userName span{ font-size:14px; padding-left:10px;}
.userRank img{ max-width:16px; margin-right:5px;}
.userBg{ background:url(../images/userBg.png) center center #f5f6fa no-repeat; background-size:cover;}
.userWrap{ padding:0 3%;}
.userTit{ border-bottom:1px solid #cfcfcf; padding:30px 0 10px; line-height:42px; overflow:hidden; margin-bottom:20px;}
.userH2{ font-size:24px; line-height:42px; color:#333333; float:left;}
.userH2 img{ vertical-align:middle; margin-right:10px;}
.userTit a{ float:right; color:#999999; transition:all 0.5s ease;}
.userTit a:hover,.userTit a:focus{ color:#0066b3;}
.userText{ margin:0 -10px; font-size:0; padding-bottom:30px;}
.userText li{ padding:5px 10px; font-size:14px; color:#666666; line-height:36px; min-width:16%;}
.userNews{ overflow:hidden; margin:0 -30px; padding-bottom:80px; animation-fill-mode:backwards;}
.userNews li{ line-height:40px; padding:0 30px;}
.userNewsCon{ overflow:hidden; border-bottom:1px dashed #cfcfcf;}
.userNews li span{ float:right; color:#666666;}
.userNews li a{ color:#666666; padding-left:10px; position:relative;}
.userNews li a:before{ display:block; content:""; width:4px; height:4px; background:#666666; border-radius:50%; left:0; top:50%; margin-top:-2px; position:absolute;}
/*layBg*/
.layBg{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.75); z-index:10; display:none;}
.layBox{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:11; background:#FFFFFF; border-radius:3px; width:90%; max-width:440px; padding:20px 28px 50px; overflow:hidden; display:none;}
.layClose{ display:block; width:46px; height:36px; background:url(../images/close.png) center center no-repeat; position:absolute; right:0; top:0; cursor:pointer;}
.layTit{ border-bottom:1px solid #dddddd; font-size:16px; color:#4c4c4c; line-height:44px; font-weight:bold;}
.layCon{ padding:25px 42px 0;}
.layTip{ font-weight:bold; font-size:16px; color:#4c4c4c; font-weight:bold;}
.layFile{ position:relative; margin:10px auto;}
.layFileInput{ position:absolute; left:0; top:0; right:0; bottom:0; display:block; width:100%; line-height:44px; opacity:0; cursor:pointer;}
.layFileBtn{ text-align:center; background:#0066b3; line-height:44px; color:#FFFFFF; font-size:20px; border-radius:4px;}
.layTip2{ color:#666666; line-height:44px; text-align:center;}
.layDel{ display:block; width:120px; height:42px; border:1px solid #dddddd; border-radius:4px; text-align:center; font-size:20px; color:#999999; line-height:40px; text-align:center; margin:0 auto; transition:all 0.3s ease;}
.layDel:hover{ color:#0066b3; border-color:#0066b3;}
.layDel:focus{ color:#999999;}
/*personal*/
.perList{ overflow:hidden; margin:0 -60px; padding:15px 0 100px; color:#4c4c4c;}
.perItem{ float:left; width:33.33%; padding:25px 60px;}
.perLab{ float:left; width:100px; padding-right:5px; text-align:right; line-height:44px;}
.perLab i{ font-style:normal;}
.perRig{ margin-left:100px; line-height:44px; max-width:390px;}
.perInput{ display:block; width:100%; line-height:24px; padding:9px 10px; border:1px solid #cfcfcf; border-radius:4px; background:none;}
.sexBox{ line-height:42px;}
.sexBox .radio-inline:before{ display:block; content:""; position:absolute; left:0; top:0; width:15px; height:100%; background:url(../images/radioBg1.png) center center no-repeat;}
.sexBox .radio-inline.active:before{ background-image:url(../images/radioBg2.png);}
.sexInput{ display:none;}
.perSel{ font-size:0;}
.perSel select{ display:inline-block; vertical-align:top; font-size:14px; width:32%; margin-right:1.33%; line-height:44px; height:44px; border:1px solid #cfcfcf; background:none;}
.perBtn{ background:#0066b3; text-align:center; color:#FFFFFF; font-size:20px; display:block; border-radius:4px;}
.perBtn:hover,.perBtn:focus{ color:#FFFFFF;}
/*password*/
.password .perItem{ width:100%;}
 
@media (min-width:993px){
	.banImg{ background:none !important;}
	.banImg img{ display:block;}
	.hdTopLef li a:hover,.hdTopRig li:not(:first-child) a:hover{ background:rgba(0,0,0,0.15);}
	nav.navbar.bootsnav ul.nav > li > a:hover{ font-weight:bold; color:#0066b3;}
	
	.box1More:hover{ color:#f9ad1b;}
	.box1More:hover span{ width:11px;}
	.box1More:hover i{ border-left-color:#f9ad1b;}
	.box1List li:hover .box1Img img{ transform:scale(1.05);}
	.box1Item li a:hover{ color:#f9ad1b;}
	.box1Item li a:hover:before{ background:#f9ad1b;}
	
	.box2List > li > a:hover{ background:#FFFFFF;}
	.box2List > li > a:hover .box2IcoHov{ opacity:1; transform:scale(1);}
	.box2List > li > a:hover .box2Name{ color:#0066b3;}
	
	.box3List li a:hover{ box-shadow:0 0 15px rgba(0,0,0,0.1);}
	.box3List li a:hover .box3Img > img{ transform:scale(1.1);}
	.box3List li a:hover .box3Hov{ opacity:1; transform:scale(1);}
	.box3List li a:hover .box3Name{ color:#0066b3;}
	
	.box4List li a:hover{ color:#0066b3; background:#FFFFFF; box-shadow:0 0 10px rgba(0,0,0,0.1); padding-left:65px; transform:translateY(-1px);}
	.box4List li a:hover .box4Ico{ left:20px; background:#0066b3;}
	.box4List li a:hover .box4IcoHov{ opacity:1;}
	.box4List li a:hover .box4Name{ border-bottom-color:#FFFFFF;}
	.box4List li a:hover .box1TitIco{ right:10px; opacity:1;}
	
	.box5Link:hover .box5Ico{ background:#0066b3;}
	.box5Link:hover .box5Ico .box1TitIco span{ background:#FFFFFF;}
	.box5Link:hover .box5Ico .box1TitIco i{ border-left-color:#FFFFFF;}
	.box5Prev,.box5Next{ opacity:0;}
	.box5List:hover .box5Prev,.box5List:hover .box5Next{ opacity:1;}
	.box5Prev:hover,.box5Next:hover{ background:#0066b3;}
	
	.ftTopList li a:hover,.ftBotRig a:hover{ color:#FFFFFF;}
	
	.breadcrumb li a:hover{ text-decoration:underline;}
	.branchLink:hover{ box-shadow:0 0 15px rgba(0,0,0,0.1);}
	.branchLink:hover .branchImg img{ transform:scale(1.05);}
	.branchLink:hover .branchLine{ left:0; right:auto; width:100%;}
	.branchLink:hover .branchIco{ background:#0066b3;}
	.branchLink:hover .branchIco .box1TitIco span{ background:#FFFFFF;}
	.branchLink:hover .branchIco .box1TitIco i{ border-left-color:#FFFFFF;}
	
	.goList:hover{ background:#0066b3; border-color:#0066b3; color:#FFFFFF;}
	
	.arBotL a:hover:after{ color:#0066b3;}
	.arBotR a:hover{ background:#0066b3; border-color:#0066b3; color:#FFFFFF; width:102px;}
	.arBotR a.pagerList:hover{ width:34px;}
	.arBotR a:hover img.shows{ display:none;}
	.arBotR a:hover img.hides{ display:inline-block !important;}
	
	.branchLef li a:hover .branchLefTit{ color:#0066b3;}
	.branchList .box5Link:hover{ box-shadow:0 0 15px rgba(0,0,0,0.1);}
	.branchList .box5Link:hover .researchTit{ color:#0066b3;}
	
	.leftList li a:hover{ color:#0066b3;}
	.leftList li a:hover:after{ background-position:right center;}
	
	.comTopList li:hover .comTopIco img{ animation:swing 2s ease 1;}
	
	.arLink:hover .arImg .imgFull{ transform:scale(1.05);}
	.arLink:hover .arTit{ color:#0066b3;}
	.arLink:hover .arInfor .branchIco{ background:#f9ad1b;}
	.arLink:hover .arInfor .branchIco span{ background:#FFFFFF;}
	.arLink:hover .arInfor .branchIco i{ border-left-color:#FFFFFF;}
	
	.notice li a:hover{ color:#0066b3;}
	.honItem p a:hover{ color:#0066b3;}
	.honItem p a:hover:before{ color:#0066b3;}
	
	.userNews li a:hover{ color:#0066b3;}
	.userNews li a:hover:before{ background:#0066b3;}
		
}
@media (min-width:1400px){	
	.container{ width:1310px;}
}
@media (max-width:1600px){
	.wrap{ padding:0 50px;}
	.logo{ max-width:260px; height:80px;}
	.logo img{ max-height:51px;}
	nav.navbar.bootsnav ul.nav > li{ margin:0 20px;}
	nav.navbar.bootsnav ul.nav > li > a{ line-height:80px;}	
	.navRig{ height:80px; line-height:80px; right:15px !important;}
	.hdSearch{ width:240px;}	
	.banTit{ font-size:110px;}
	.ban4 .banTit{ font-size:88px;}
	.box1Bg{ margin-top:-50px;}
	.box1List{ margin:0 -10px;}
	.box1List > li{ padding:0 10px 20px;}
	.box1Tit{ padding:0 25px;}
	.box1Tit,.box1H2{ line-height:50px;}
	.box1Bot{ padding:25px 25px 35px;}
	.box2{ padding:50px 0;}
	.box2List{ height:400px;}
	.box2Tit{ font-size:30px;}
	.box2Name{ font-size:22px;}
	
	.box3{ padding:20px 0 0;}
	.box3List{ margin:0 -10px;}
	.box3List li{ padding:15px 10px 0;}
	.box3List li a{ padding:7px;}
	.box3Img{ margin-bottom:10px;}
	.box3Name{ font-size:15px; padding:8px 0;}
	
	.box4{ padding:50px 0;}
	.box4List{ padding:30px 0 0; margin:0 -25px;}
	.box4List li{ padding:0 25px;}
	.box4Link{ font-size:17px;}
	
	.box5{ padding:50px 0 5px;}
	.box5List{ padding:25px 0 0;}
	.box5List .swiper-pagination{ padding:30px 0 40px;}
	
	.ftTop{ padding:25px 0;}
	.ftTopRig{ font-size:12px; width:150px;}
	.ftTopItem{ width:15%;}
	.ftTopLeft .ftTopItem:last-child{ width:40%;}
	.ftBot{ padding:14px 0;}
	
	.banPic{ height:370px;}
	.breadcrumb{ padding:25px 0;}
	.page{ padding:35px 0;}
	.branchList{ margin:-15px;}
	.branchList li{ padding:15px;}
	
	.left,.right{ margin-bottom:35px;}
	.left{ padding:0 1.2%;}
	.leftH2{ font-size:22px; line-height:32px;}
	.leftH2:before{ top:9px;}
	.branchLef li a{ padding:10px 0;}
	.right{ padding:0 2%;}
	.branchName{ padding:30px 0 20px;}
	.branchH1{ font-size:26px;}
	.branchTop{ padding:10px 15px; font-size:15px; line-height:160%;}
	.arBot{ padding:20px 0;}
	
	.right2{ padding:0;}
	.comTop{ padding:0 2%;}
	.comTop{ margin-bottom:20px;}
	.comTopList{ padding:35px 0;}
	.comTopList li{ font-size:15px;}
	.comTopIco{ width:85px; height:85px;}
	.comBot{ padding:20px 2%; min-height:550px;}
	.comBotH3{ font-size:24px;}
	
	.oneH3{ font-size:24px; padding:5px 0; margin-top:10px;}
	.onepage{ padding:15px 0;}
	
	.conLefWx{ margin:0 -8px;}
	.conLefWx li{ padding:8px; font-size:13px;}
	.conRig{ padding:25px 0;}
	.conMap{ height:400px; margin-bottom:10px;}
	.mesTit{ font-size:20px; padding:10px 0;}
	.mesList{ margin:0 -10px;}
	.mesList li{ padding:10px;}
	
	.arList li{ padding:18px 0;}
	.arImg{ height:150px;}
	.arRig{ margin-left:24%;}
	.arTit{ margin:0; font-size:18px; line-height:140%;}
	.arBrief{ margin:5px 0;}
	.arInfor{ line-height:34px;}
	.arH1{ font-size:24px; margin-bottom:10px;}
	
	.notice{ padding-top:20px;}
	
	.honPd{ padding:1px 2%;}
	.honTit{ padding:20px 0 10px;}
	.honH3{ font-size:24px;}
	.honBtn i{ width:28px; height:28px;}
	.honYear{ font-size:16px;}	
	.honItem p{ font-size:14px;}
	
	.honBox3Tit{ padding:15px 0 10px;}
	.honBox3Tit .box1H2{ font-size:22px;}
	.honBox3Tit .box1H2 img{ max-width:24px;}
	
	.loginRigBg{ min-height:550px;}
	.loginTit{ font-size:28px;}
	
	.userH2{ font-size:18px;}
	.userH2 img{ max-width:38px; margin-top:-4px; margin-right:5px;}
	.userText li{ min-width:20%;}
	.userNews{ margin:0 -15px;}
	.userNews li{ padding:0 15px;}
	
	.perList{ margin:0 -30px;}
	.perItem{ padding:15px 30px;}
}
@media (max-width:1400px){
	.hdTopBg{ line-height:40px;}
	.logo{ max-width:220px; height:70px;}
	.logo img{ max-height:43px;}
	nav.navbar.bootsnav ul.nav > li > a{ line-height:70px;}
	.navRig{ height:70px; line-height:70px;}
	.hdSearch{ width:200px;}
	.banTit{ font-size:90px;}
	.ban4 .banTit{ font-size:80px;}
	.box1{ padding-bottom:20px;}
	.box1List > li{ padding:0 10px 10px;}
	.box1H2{ font-size:17px;}
	.box1H2 img{ max-width:30px;}
	.box2Tit{ font-size:26px;}
	.box2CenBrief{ font-size:14px;}
	.box2Ico{ max-width:54px;}
	.box2Name{ font-size:18px;}
	
	.box5Link{ padding-left:220px;}
	.box5Img{ width:220px;}
	
	.banPic{ height:350px;}
	.breadcrumb{ padding:20px 0;}
	.page{ padding:30px 0;}
	.branchList{ margin:-10px;}
	.branchList li{ padding:10px;}
	.branchText{ padding:10px 15px 20px;}
	.branchTit{ font-size:17px; margin:5px 0;}
	.branchIco{ margin-top:15px; width:34px; height:34px;}
	.branchLine{ height:3px;}
	
	.branchList .box5Rig{ padding:20px 50px 40px 20px;}
	.researchTime{ font-size:14px;}
	.conMap{ height:350px;}
	
	.honBox2List li{ width:50%;}
	
	.loginRigBg{ min-height:500px;}
	
	.perList{ margin:0 -15px;}
	.perItem{ padding:15px;}
	.perBtn{ font-size:17px;}
}
@media (max-width:1200px){
	.hdTopLef li{ font-size:12px;}
	.hdTopLef li a{ padding:0 15px;}
	.hdTopRig li{ font-size:12px;}
	.hdTopRig li:not(:first-child) a{ padding:0 15px;}
	.logo{ max-width:200px;}
	.logo img{ max-height:39px;}
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ left:10px;}
	nav.navbar.bootsnav ul.nav > li{ margin:0 10px;}
	.hdSearch{ width:170px; padding-right:40px;}
	.hdSeaIco{ width:40px;}
	.banTit{ font-size:74px;}
	.ban4 .banTit{ font-size:60px;}
	.box1Bg{ margin-top:-30px;}
	.box1Tit{ padding:0 15px;}
	.box1H2{ font-size:16px;}
	.box1H2 img{ max-width:26px;}
	.box1Bot{ padding:15px 15px 20px;}
	.box2{ padding:35px 0;}
	.box2List{ height:360px;}
	.box2CenBrief{ padding:0 15px;}
	
	.box3List li:first-child{ display:none;}
	.box3Tit{ padding:0; text-align:center; padding:10px 0;}
	.box3Brief{ max-height:none;}
	
	.box4{ padding:35px 0;}
	.box4Tit{ padding:0;}
	.box4List{ padding:20px 0 0; margin:0 -15px;}
	.box4List li{ padding:0 15px;}
	.box4Link{ font-size:16px; line-height:46px;}
	.box4Ico{ width:30px; height:30px; margin-top:-15px;}
	
	.box5{ padding:35px 0 5px;}
	.box5List{ padding:10px 0 0;}
	.box5Link{ padding-left:180px;}
	.box5Img{ width:180px;}
	.box5Rig{ padding:15px 15px 40px;}
	.box5Name{ font-size:14px; line-height:22px; height:44px; margin-bottom:5px;}
	.box5Ico{ width:35px; height:35px;}
	.box5List .swiper-pagination{ padding:20px 0 30px;}
	
	.ftTopItem{ width:15%;}
	.ftTopLeft .ftTopItem:first-child{ width:24%;}
	.ftTopLeft .ftTopItem:last-child{ width:31%;}
	
	.banPic{ height:300px;}
	.banWrap{ max-width:920px;}
	.banPicImg{ width:680px;}
	.banCon{ font-size:30px; letter-spacing:10px; padding-right:15px;}
	
	.leftH2{ font-size:20px;}
	.branchLefTit{ font-size:15px;}
	.branchName{ padding:20px 0;}
	.branchH1{ font-size:24px;}
	
	.branchList .box5Rig{ padding:10px 30px 40px 15px;}
	.researchTit{ margin:0;}
	
	.comTopList li{ font-size:14px;}
	.oneH3{ font-size:22px;}
	
	.arImg{ height:120px;}
	.arTit{ font-size:16px;}
	.arBrief{ height:52px; margin:5px 0;}
	.arH1{ font-size:22px;}
	
	.honBox3ItemBg{ width:100%;}
	.honBox3Item{ padding:0 2% 25px;}
	.honBox3Tit{ line-height:34px;}
	.honBox3Tit .box1H2{ font-size:18px; line-height:34px;}
	.honBox3Item .notice{ height:auto;}
	.honBox4Con li{ width:50%;}
	
	.loginRigBg{ min-height:440px;}
	.loginTit{ font-size:24px;}
	.loginList li{ padding-top:20px;}
	.loginBtn{ height:44px; line-height:44px; font-size:20px;}
	
	.banUserImg{ max-width:310px; right:10%;}
	.userTopBg{ padding-left:2%;}
	.userTop{ padding-left:160px;}
	.userInfo{ left:160px; bottom:55px;}
	.userName{ font-size:22px;}
	.userAvatar{ width:128px; height:128px;}
	.userTopLink{ margin:0 -25px;}
	.userTopLink li a{ padding:5px 25px;}
	
	.userTit{ padding:20px 0 10px; margin-bottom:10px;}
	.userText{ padding-bottom:10px;}
	.userNews{ padding-bottom:40px;}
	
	.perList{ margin:0 -10px; padding:10px 0 50px;}
	.perItem{ padding:10px; width:50%;}
}
@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:0; position:relative;}
	nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ font-family: 'FontAwesome'; margin-left: 5px; margin-top: 2px;}
}
@media (max-width:992px){
	.hdSpace{ height:0 !important;}
	.headerBg{ position:static;}
	nav.bootsnav .container{ width:100%;}
	nav.navbar.bootsnav .navbar-header{ padding:0; margin:0;}
	.logo{ position:static; padding:10px 0; height:60px;}
	nav.navbar.bootsnav .navbar-brand{ float:left !important;}	
	nav.navbar.bootsnav .navbar-toggle{ float:right; margin:0; top:18px; right:0;}
	nav.navbar.bootsnav .navbar-nav{ margin:0; left:0; padding:10px 0;}
	#navbar-menu{ padding:0 15px; margin:0; border-top:1px solid #0066b3; max-height:none;}
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ position:static;}
	.navList{ position:absolute; left:0; width:100%; background:#FFFFFF; background:rgba(255,255,255,0.9); box-shadow:0 3px 3px rgba(0,0,0,0.1);}
	nav.navbar.bootsnav ul.nav{ position:static; left:0; text-align:left;}
	nav.navbar.bootsnav ul.nav > li{ padding:0; margin:0; position:relative;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:0; text-align:left; line-height:40px; border-bottom:none;}
	.navRig{ line-height:60px; height:60px; right:60px !important;}
	
	.banner{ height:350px;}
	.banImg{ position:absolute; left:0; top:0; width:100%; height:100%;}
	.banBox{ padding-top:0 !important;}
	.banTit{ font-size:60px;}
	.ban4 .banTit{ font-size:50px;}
	
	.wrap{ padding:0 30px;}
	.box2List{ height:auto;}
	.box2List > li{ font-size:0;}
	.box2List > li > a{ display:inline-block; vertical-align:middle; width:50%; border:none; padding:25px 15px; border-right:1px solid rgba(255,255,255,0.25);}
	.box2List > li > a:last-child{ border-right:none;}
	.box2Name{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.box2Cen{ display:block; padding:25px 0; border-top:1px solid rgba(255,255,255,0.25); border-bottom:1px solid rgba(255,255,255,0.25); border-left:none; border-right:none;}
	.box2CenBrief{ padding:0;}
	
	.box3List{ margin:0 -5px;}
	.box3List li{ padding:10px 5px 0;}
	.box3List li a{ border:1px solid rgba(0,0,0,0.1);}
	.box3Name{ padding:5px 0; font-size:14px;}
	
	.box4Name{ padding:0;}
	
	.box5Prev,.box5Next{ width:25px; height:50px; line-height:48px; font-size:24px;}
		
	.ftTopItem{ width:22%;}
	.ftTopLeft .ftTopItem:first-child{ width:34%;}
	.ftTopLeft .ftTopItem:last-child{ width:100%;}
	.ftTopRig{ float:none; width:100%; padding-bottom:15px; font-size:14px; max-width:200px; margin:0 auto;}
	.ftBotLef,.ftBotRig{ float:none; width:100%; text-align:center;}
	
	.banPic{ padding:0 !important; height:auto;}
	.banWrap{ max-width:100%; display:block;}
	.banPicImg{ position:static; width:100%; max-width:70%;}
	.banCon{ position:absolute; right:0; top:50%; transform:translateY(-50%) !important; animation-fill-mode:backwards;}
	.branchLink{ box-shadow:0 0 10px rgba(0,0,0,0.1);}
	
	.left,.right{ float:none; width:100%; margin-bottom:15px; height:auto !important; padding:0 15px;}
	.leftTop{ overflow:hidden; padding:10px 0;}
	.leftH2{ float:left; font-size:18px; padding-left:18px;}
	.leftH2:before{ width:12px; height:12px; border-width:2px;}
	.leftH2Btn{ float:right; line-height:32px; color:#0066b3; cursor:pointer;}
	.leftH2Btn i{ font-style:normal; padding-left:5px; transition:all 0.5s ease;}
	.leftH2Btn.active i{ transform:scaleY(-1);}
	.leftCon{ padding-bottom:30px; display:none;}
	.goList{ float:none; display:block; margin-bottom:10px;}
	.branchH1{ margin:0; font-size:22px;}
	.branchTop{ padding:5px 10px;}
	.branchCon{ padding:10px 0;}
	.branchCon{ font-size:14px; line-height:24px;}
	.branchCon p,.branchCon img{ margin:10px auto;}
	.arBot{ padding:15px 0; margin-top:10px;}
	
	.branchList .box5Link{ box-shadow:0 0 15px rgba(0,0,0,0.1);}
	
	.right2{ padding:0;}
	.comTop{ padding:0 15px;}
	.comTopList{ padding:25px 0 35px;}
	.comBot{ padding:15px;}
	.comBotH3{ font-size:20px; margin:5px 0;}
	.comBot p{ margin:10px 0;}
	
	.oneH3{ font-size:20px; line-height:180%;}
	
	.left2 .leftH2Btn{ display:none !important;}
	.left2 .leftCon{ display:block !important;}
	.conLefWx li{ width:auto; max-width:50%;}
	.arTop{ margin-right:0;}
	.arH1{ font-size:20px;}
	
	.honPd{ padding:1px 15px; margin-bottom:15px;}
	.honH3{ font-size:20px;}
	.honBtn{ font-size:14px;}
	.honBtn i{ width:24px; height:24px; margin-left:5px;}
	.honBox3ItemBg{ padding:0 10px 15px;}
	.honBox3Item{ padding:0 15px 15px;}
	
	.login{ padding:0;}
	.loginImg{ position:static; width:100%;}
	.loginImg .imgFull{ background:none;}
	.loginImg .imgFull img{ display:block;}
	
	.headerBg2 .navRig{ right:15px !important;}
	.navRig .goIndex{ line-height:32px; padding:0 15px; border-width:1px;}
	.banUserImg{ position:static; float:right; padding-right:5%;}
	.userTopBg{ padding-left:0;}	
	.userAvatar{ width:100px; height:100px; bottom:auto; top:-50px; left:15px;}
	.userTop{ padding:60px 15px 10px;}
	.userInfo{ position:static;}
	.userTopLink{ padding-left:25px;}
	.userTopLink li a{ line-height:30px;}
	.userWrap{ padding:0 15px;}
	
	.userText li{ line-height:24px;}
	.perRig{ max-width:none;}
	.perItem{ width:100%;}
	
}
@media (max-width:767px){
	.hdTopBg{ line-height:22px; padding:5px 0;}
	.hdTopLef,.hdTopRig{ float:none; width:100%; position:static; margin:0;}
	.hdTopLef li:last-child:after{ display:block;}
	.hdTopLef{ margin-left:-15px;}
	.hdTopLef li{ display:none;}
	.hdTopRig{ margin-right:-10px;}
	.hdTopRig li{ display:none;}
	.hdTopRig li:nth-child(1),.hdTopRig li:nth-child(2){ display:inline-block;}
	.hdTopRig li:nth-child(2):after{ display:none;}
	.hdTopRig li:after{ margin-top:-7px;}
	.hdTopRig li:first-child,.hdTopRig li:not(:first-child) a{ padding:0 10px;}
	nav.navbar.bootsnav .navbar-nav{ padding:0;}	
	.navRig{ right:45px !important;}
	.hdTopNav{ padding-bottom:15px;}
	.hdTopNav li{ line-height:40px; border-top:1px solid #e0e0e0;}
	.hdTopNav li a{ color:#333333;}
	.hdTopNav li:not(:last-child) a{ display:block;}
	.hdTopNav > li.on > a,.hdTopNav > li.active > a{ font-weight:bold; color:#0066b3;}
	
	.banner{ height:320px;}
	.banner .container{ width:100%;}
	.banImg{ position:absolute; left:0; top:0; width:100%; height:100%;}
	.banTit{ font-size:50px; letter-spacing:15px;}
	.ban4 .banTit{ font-size:40px; letter-spacing:2px;}
	
	.wrap{ padding:0 15px;}
	.box1Bg{ margin-top:-15px;}
	.box1Box{ box-shadow:0 0 10px rgba(0,0,0,0.1);}
	.box1Item{ height:auto;}
	
	.banCon{ font-size:22px; letter-spacing:5px;}
	.breadcrumb{ padding:15px 0;}
	
	.comTopList li{ width:33.33%; padding:10px 5px;}
	.comTopList li:after{ top:10%; height:80%;}
	.comTopList li:nth-child(3n):after{ display:none;}
	.comBot{ position:relative; z-index:1; box-shadow:0 0 10px rgba(0,0,0,0.1);}
	.comBot:after{ display:block; content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0.6); z-index:-1;}
	
	.oneImg{ float:none; margin:0 auto; max-width:590px;}
	
	.conMap{ height:300px;}
	.mesTit{ font-size:18px; line-height:22px;}
	.mesList{ margin:0 -5px;}
	.mesList li{ padding:5px;}
	.mesBtn{ font-size:17px;}
	
	.honBox2List li{ width:100%;}
	
	.honBox1Con .oneImg{ margin:0 auto;}
	.honBox1More i{ width:26px; height:26px;}
	
	.navRig .goIndex{ padding:0 10px !important;}
}
@media (max-width:640px){
	.banner{ height:260px;}
	.banTit{ font-size:40px; letter-spacing:10px;}
	.ban4 .banTit{ font-size:30px;}
	.box3List li{ width:100%;}
	.box3Btn{ padding:10px 0 25px;}
	
	.box5{ padding:20px 0 5px;}
	
	.ftTopItem{ float:none; width:100% !important;}
	.ftTopList{ margin-right:-15px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dashed #3a3d3d;}
	.ftTopLeft .ftTopItem:last-child .ftTopList{ border:none; padding-bottom:0; margin-bottom:0;}
	.ftTopList li{ display:inline-block; vertical-align:top; padding-right:15px;}
	
	.banPicImg{ max-width:80%;}
	.banCon{ font-size:18px; letter-spacing:3px;}
	.page{ padding:25px 0;}
	.branchList li{ width:100%;}
	.branchBrief{ height:auto; max-height:72px; margin:5px 0;}
		
	.arBotL,.arBotR{ float:none; text-align:center;}
	.arBotL span{ font-size:14px;}
	.arBotR{ padding:10px 0 0;}
	.arBotR a{ margin:0 10px 0 0;}
	
	.arImg{ display:block; height:auto; float:none; width:100%;}
	.arImg .imgFull{ background:none !important;}
	.arImg .imgFull img{ display:block; margin:0 auto 10px;}
	.arRig{ margin-left:0;}
	.arBrief{ height:auto; max-height:78px;}
	
	.honBox4Con li{ width:100%;}
	
	.banUserImg{ max-width:250px;}
}
@media (max-width:460px){	
	.hdTopRig ul li a{ padding:0;}
	.hdTopRig ul li a i{ padding-right:2px; font-size:14px;}
	.navRig{ display:none; height:50px; line-height:50px;}
	.logo{ height:50px; padding:8px 0;}
	.logo img{ max-height:100%;}
	nav.navbar.bootsnav .navbar-toggle{ top:13px;}
	.banner{ height:200px;}
	.banTit{ font-size:30px; letter-spacing:5px;}
	.ban4 .banTit{ font-size:24px;}
	.banner .swiper-pagination-bullet{ margin:0 5px !important; width:10px; height:10px;}
	.banner .swiper-pagination-bullet-active{ width:12px; height:12px;}
	.banner .swiper-pagination-bullet-active:after{ width:18px;}
	
	.box1{ padding-bottom:10px;}
	.box1Tit,.box1H2{ line-height:44px;}
	.box1H2{ font-size:15px;}
	.box1H2 img{ max-width:22px; margin-right:5px;}
	.box1More{ font-size:13px;}
	
	.box2{ padding:15px 0;}
	.box2List > li > a{ padding:25px 15px 10px;}
	.box2Tit{ font-size:22px;}
	.box2Ico{ max-width:40px;}
	.box2Name{ font-size:13px; line-height:22px; height:44px; overflow:hidden; white-space:normal;}
	.box3Name{ font-size:13px;}
	.box3Btn{ padding:10px 0 20px; font-size:14px;}
	.box3Btn img{ max-width:12px;}
	
	.box4{ padding:20px 0;}
	.box4List{ padding:10px 0 0;}
	.box4Link{ font-size:15px; line-height:40px; padding-left:40px;}
	.box4Ico{ left:0;}
	
	.box5{ padding:15px 0 0;}
	.box5Link{ padding-left:0;}
	.box5List{ padding:0;}
	.box5Img{ width:100%; position:static; background:none !important;}
	.box5Img img{ display:block; width:100%;}
	.box5Rig{ padding:10px 10px 40px;}
	.box5Name{ height:auto; max-height:44px;}
	.box5Brief{ height:auto; max-height:48px;}
	.box5List .swiper-pagination{ padding:10px 0 20px;}
	
	.banPicImg{ max-width:100%;}
	.banCon{ display:none;}
	
	.breadcrumb{ padding:10px 0;}
	.branchText{ padding:10px 10px 15px;}
	.branchTit{ font-size:16px;}
	.branchIco{ margin-top:5px;}
	
	.leftH2{ font-size:16px;}
	.branchH1{ font-size:18px; line-height:160%;}
	
	.branchList .box5Link{ padding-left:0;}
	.branchList .box5Img{ width:100%;}
	.branchList .box5Rig{ padding:10px 10px 40px;}
	
	.comTopList li{ width:50%;}
	.comTopList li:after{ display:none !important;}
	.comTopList li:nth-child(2n+1):after{ display:block !important;}
	.comTopList li:last-child:after{ display:none !important;}
	
	.conRig{ padding:15px 0 25px;}
	.conMap{ height:240px;}
	.mesList{ padding:15px 0 10px;}
	.mesBtn{ font-size:16px;}
	
	.arList li{ padding:12px 0;}
	.arTit{ white-space:normal;}
	.arInfor{ line-height:24px;}
	.arInfor > span{ float:none; display:inline-block; vertical-align:top;}
	.arInfor .branchIco{ float:none; margin-top:10px;}	
	.arH1{ font-size:18px;}
	
	.notice li{ line-height:24px; padding:10px;}
	.notice li span{ float:none;}
	
	.honTit{ padding:15px 0 10px; line-height:30px;}
	.honH3{ line-height:30px;}
	.honItem p{ line-height:22px; padding:5px 0;}
	.honItem p a:before{ line-height:24px;}
	.honBox3Item .notice li{ line-height:24px;}
	.honBox4Con{ margin:0 -5px; padding:15px 0;}
	.honBox4Con li{ padding:5px;}
	.honBox4Ico{ width:34px; height:34px; margin-top:5px;}
	.honBox4Rig{ margin-left:45px;}
	
	.loginImg{ display:none;}
	.loginRigBg{ min-height:0;}
	.loginBg .container{ width:100%;}
	.loginRig{ padding:25px 15px;}
	.loginTit{ font-size:22px;}
	.loginList li{ padding-top:5px;}
	.loginLab{ float:none; width:100%;}
	.loginItem{ margin:0;}
	.remember{ padding:5px 0;}
	
	.headerBg2 .navRig{ display:block;}
	.navRig .goIndex{ font-size:12px; line-height:28px;}	
	.banUserImg{ max-width:200px;}	
	.userAvatar{ width:80px; height:80px; top:-40px; left:15px;}
	.userTop{ padding:50px 15px 10px;}	
	.userName{ font-size:18px;}
	.userTopLink{ margin:0 -15px; padding-left:15px;}
	.userTopLink li a{ padding:3px 15px;}
	
	.userTit{ padding:15px 0 5px;}
	.userH2{ font-size:16px;}
	.userH2 img{ max-width:30px;}	
	.userText li{ display:block;}
	
	.perList{ padding:0 0 30px;}
	.perItem{ padding:5px 10px;}
	.perLab{ display:block; text-align:left; line-height:30px; float:none; width:100%;}
	.perRig{ margin:0; line-height:30px;}
	.perBtn{ line-height:44px; margin-top:10px;}
}
@media (max-width:360px){
	.banner{ height:170px;}
	.banTit{ font-size:26px;}
	.ban4 .banTit{ font-size:20px;}
	.comTopList li{ width:100%; padding:15px 5px;}
	.comTopList li:after{ width:100%; height:1px; top:auto; bottom:0; display:block !important;}
	.conLefWx li{ font-size:12px;}
	.conMap{ height:200px;}	
	.banUserImg{ max-width:180px;}	
}