/* CSS Document */
/* fixed */
html, body { font: 14px/1.8 "微软雅黑"; color: #666; }
.pw { width: 1120px; margin: 0 auto; }
.pw2 { width: 925px; margin: 0 auto; }
/* fixed end */
.pbanner { background: none !important; }
.logo { width: 269px; float: left; margin-top: 22px; }
.header .top { height: 80px; background: #fff; overflow: hidden; }
.searchb { width: 202px; float: right; margin-top: 22px; }
.searchb input { display: block; float: left; }
.search-tx { width: 137px; line-height: 25px !important; padding: 4px 14px; border: 1px solid #e5e5e5; background: #e5e5e5; border-right: 0; color: #5f5f5f; transition: 300ms; -webkit-transition: 300ms; }
.search-btn { width: 36px; height: 35px; background: #8a8a8a url(../image/search.png) no-repeat center center; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; }
/*.search-tx:focus{ border:1px solid #fab124; border-right:0; background:#fff; }*/
.search-btn:hover { background: #fab124 url(../image/search.png) no-repeat center center; }

.header .btm { background: #1d54a1; border-bottom: 1px solid #3163a9; border-top: 1px solid #3163a9; }
.header .btm .pw { position: relative; }
/*.nav{ float:left; }*/
.nav li { float: left; width: 115px; position: relative; }
.nav li > a { display: block; color: #fff; line-height: 25px; padding: 14px 0; font-size: 16px; text-align: center; }
/* .nav li > a:hover, .nav li.act > a { background: #4872ad; } */
.nav .aw { position: absolute; left: 0; right: 0; height: 6px; background-image: url(../image/aw.png); bottom: 2px; z-index: 1; transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; display: none\9; transition: 300ms 200ms; -webkit-transition: 300ms 200ms; }
.nav .aw.show { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; display: block\9; }
.navTwo { position: absolute; top: 73px; display: none; left: 0; right: 0; background: #4872ad; padding: 10px 0 18px 0; border: 1px solid #4d78b1; }
.navTwo a { display: block; line-height: 24px; text-align: center; color: #fff; padding: 5px; }
.navTwo p { text-align: center; background: #1d54a1 url(../image/line.png) no-repeat center 35px; color: #fff; line-height: 24px; padding: 8px 0 16px 0; }
.navTwo a:hover { background: #1d54a1; }
.nopa { padding-top: 0; }
.avbtn { width: 115px; background: #fab124; position: absolute; top: -1px; bottom: -1px; right: 0; text-align: center; font-size: 16px; color: #fff; line-height: 55px; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; }
.avbtn .menu-handler { position: relative; width: 46px; height: 100%; background: none; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; }
.avbtn .menu-handler .burger { background: #fff; width: 18px; height: 2px; margin-left: -9px; top: 19px; border-radius: 0; }
.avbtn .menu-handler .burger-2 { top: 26px; }
.avbtn .menu-handler .burger-3 { top: 33px; }
.avbtn .menu-handler.active .burger { background: #fff; }
/*.avbtn .txx{ display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; font-size:16px; }*/
.avbtn:hover, .avbtn.act { background: #4872ad; }

.navAll { background: #fff; position: absolute; left: 0; right: 0; top: 135px; display: none; box-shadow: 1px 1px 4px rgba(0,0,0,.2); }
.navAll ul { padding: 18px 0 60px 115px; }
.navAll li { width: 115px; float: left; text-align: center; }
.navAll a { display: block; color: #666666; line-height: 20px; padding: 5px; }
.navAll p { color: #1d54a1; margin-top: 20px; }
.navAll p:first-child { margin-top: 0; }
.navAll a:hover { color: #fab124; padding-left: 15px; }

.mtop { height: 135px; }
.bannertxts { position: absolute; left: 0; right: 0; top: 30%; z-index: 99; text-align: center; color: #1d54a1; text-align: center; }
.bannertxts img { width: auto; display: inline; }
.bannertxts a { color: #1d54a1; }
.bannertxts .tx1 { white-space: nowrap; font-size: 36px; line-height: 1.4; }
.bannertxts .tx2 { margin-top: 10px; }
.bannertxts .tx2 .num { font-size: 48px; line-height: 1.4; }
.bannertxts .tx3 { font-size: 0; margin-top: 25px; }
.bannertxts .tx3 i { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; font-size: 14px; position: relative; }
.bannertxts .tx3 .txx { border: 1px solid #1d54a1; width: 128px; height: 38px; line-height: 38px; margin: 0 11px; }
.bannertxts .tx3 .txx .line { width: 22px; height: 1px; background: #1d54a1; top: 50%; display: block; position: absolute; right: -23px; }
.bannertxts .tx3 .txx:last-child .line { display: none; }

.banner .bx-wrapper .bx-pager { bottom: 30px; }
.banner .bx-wrapper .bx-pager.bx-default-pager a { background: #1d54a1; }
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fab124; }

.navMobile { padding: 100px 0px; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd > p a { text-transform: uppercase; font-size: 18px; position: relative; }
.navMobile dd a { display: block; padding: 12px 0px; line-height: 1.4; font-size: 15px; color: #454545; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd > p a.cur { border-top: 1px solid #d6d3e5; }
.navMobile dd a:hover, .navMobile dd > p a.cur { color: #1d54a1; }
.navMobile dd a:active { background-color: #f9f9f9; }
.navMobile dd .msubnav { background-color: #f5f5f5; display: none; padding: 12px 0; }
.navMobile dd .msubnav p { color: #1d54a1; font-size: 16px; }

.serachBtn { width: 58px; height: 58px; position: absolute; right: 58px; top: 0px; cursor: pointer; display: none; }
.serachBtn i { width: 30px; height: 30px; background: url(../image/serach_ico2.png) no-repeat scroll center center; background-size: cover; display: block; margin: 15px auto; }
.serachIBox { position: fixed; left: 0px; top: 58px; height: 0px; overflow: hidden; padding: 14px 80px 14px 5%; background-color: #e5e5e5; z-index: 999; width: 100%; box-sizing: border-box; -webkit-transform: perspective(600px) rotateX(-90deg); -moz-transform: perspective(600px) rotateX(-90deg); -ms-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: center top 0; -moz-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .3s ease .2s; -moz-transition: all .3s ease .2s; -ms-transition: all .3s ease .2s; transition: all .3s ease .2s; visibility: hidden; }
.serachIBox.active { visibility: visible; -webkit-transform: perspective(600px) rotateX(0deg); -moz-transform: perspective(600px) rotateX(0deg); -ms-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg); height: 52px; }
.serachIBox .txt { border: 0px none; height: 24px; line-height: 24px; padding: 0px; margin: 0px; width: 95%; background-color: #e5e5e5; font-size: 15px; color: #3d3d3d; font-family: "microsoft yahei"; }
.serachIBox .btn { position: absolute; right: 0px; top: 0px; width: 80px; height: 100%; background-color: #fab124; }
.serachIBox .btn i { width: 20px; height: 20px; background: url(../image/serach_ico3.png) no-repeat scroll center center; background-size: cover; display: block; margin: 16px auto; }
.serachbg, .ermbg { background-color: transparent; position: fixed; left: 0px; top: 0px; z-index: 800; width: 100%; height: 100%; display: none; }

.ixTitle { text-align: center; }
.ixTitle .ch { line-height: 1.4; font-size: 18px; }
.ixTitle .en { line-height: 1.1; font-size: 18px; font-family: Arial; text-transform: uppercase; margin-top: 2px; }

.ixserList { width: 1144px; margin: 0 auto;  margin-top: 30px; }
.ixserList .coa { display: block; color: #666; padding: 0 12px; }
.ixserList .coa .txts { padding: 50px 0 50px 79px; position: relative; background: #f5f4f4; overflow: hidden; }
.ixserList .coa .ico { width: 54px; height: 55px; position: absolute; top: 50%; margin-top: -28px; left: 15px; background-position: left top; }
.ixserList .coa .txts .ch { position: relative; font-size: 16px; font-weight: bold; line-height: 1.4; }
.ixserList .coa .txts .en { position: relative; color: #999; font-size: 11px; line-height: 1.1; font-family: Arial; text-transform: uppercase; margin-top: 3px; white-space: nowrap; overflow: hidden; }
.ixserList .coa .txts .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 0 solid #60a794; opacity: 0; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; }
.ixserList .coa1 .txts .bg { border: 0 solid #4d74aa; }
.ixserList .coa2 .txts .bg { border: 0 solid #60a794; }
.ixserList .coa3 .txts .bg { border: 0 solid #fab124; }
.ixserList .coa4 .txts .bg { border: 0 solid #e6654c; }
.ixserList .coa5 .txts .bg { border: 0 solid #624b9c; }
.ixserList .coa1:hover .txts .bg { border: 150px solid #4d74aa; opacity: 1; }
.ixserList .coa2:hover .txts .bg { border: 150px solid #60a794; opacity: 1; }
.ixserList .coa3:hover .txts .bg { border: 150px solid #fab124; opacity: 1; }
.ixserList .coa4:hover .txts .bg { border: 150px solid #e6654c; opacity: 1; }
.ixserList .coa5:hover .txts .bg { border: 150px solid #624b9c; opacity: 1; }
.ixserList .coa:hover .ico { background-position: left bottom; }
.ixserList .coa:hover, .ixserList .coa:hover .en { color: #fff; }
.ixserList .item{ max-width:286px !important; }  
.ixproList .item{ max-width:382px !important; }
.ix1 { padding: 50px 0 45px 0; }

.ix2 { background: #f5f4f4; padding: 20px 0 70px 0; }
.ixproList { width: 1146px; margin: 0 auto; }
.ixproList .ipa { display: block; padding: 0 13px; position: relative; overflow: hidden; color: #666; }
.ixproList .ipa .txts { position: absolute; left: 0; right: 0; top: 50%; margin-top: -40px; text-align: center; }
.ixproList .ipa .txts .ico { width: 50px; height: 50px; margin: 0 auto; background-position: left top; }
.ixproList .ipa .txts .ti { white-space: nowrap; font-size: 16px; line-height: 30px; }
.ixproList .ipa .cover { width: 132px; height: 132px; border-radius: 100%; background: #fff; left: 50%; top: 50%; right: auto; bottom: auto; margin-top: -66px; margin-left: -66px; transition: 400ms; -webkit-transition: 400ms; }
.ixproList .ipa:hover .ico { background-position: left bottom; }
.ixproList .ipa:hover { color: #fff; }
.ixproList .ipa:hover .cover { transform: scale(3.5); -webkit-transform: scale(3.5); }
.ixproList .ipa1:hover .cover { background: #4d74aa; }
.ixproList .ipa2:hover .cover { background: #60a794; }
.ixproList .ipa3:hover .cover { background: #fab124; }
.ixproList { margin-top: 30px; }

.ix3 { background: #f5f4f4; padding-bottom: 70px; }
.ixab { float: left; width: 50%; height: 305px; background: #4d74aa; color: #fff; }
.ixab .pa { padding: 30px 50px 0 45px; }
.ixab a { color: #fff; }
.ixab .nowti { font-size: 24px; }
.ixab .en { white-space: nowrap; line-height: 1.1; text-transform: uppercase; font-size: 12px; font-family: Arial; margin-top: 7px; }
.ixab .line { width: 48px; height: 2px; background: #fff; display: block; margin-top: 30px; }
.ixab .tx { line-height: 28px !important; height: 84px; margin-top: 18px; }
.ixmore { width: 110px; height: 28px; overflow: hidden; display: block; border: 1px solid #fff; position: relative; }
.ixmore .bg { display: block; position: absolute; left: 0; top: 0; bottom: 0; background: #fab124; width: 0; transition: 300ms; -webkit-transition: 300ms; }
.ixmore .txx { position: relative; line-height: 28px; padding-left: 35px; background: url(../image/add.png) no-repeat 80px center; }
.ixmore:hover .bg { width: 100%; }
.ixmore:hover { border: 1px solid #fab124; }
.ixab .ixmore { margin-top: 25px; }

.ixnews { width: 50%; float: left; height: 305px; background: #fff; }
.ixnews .pa { padding: 20px 30px 0 30px; }
.ixnews a { color: #666; }
.ixnwti { border-bottom: 1px solid #ccc; position: relative; padding-bottom: 10px; }
.ixnwti .ch { font-size: 18px; color: #214c76; }
.ixnwti .en { font-size: 12px; color: #999; text-transform: uppercase; margin-left: 5px; }
.ixmore2 { width: 55px; height: 18px; line-height: 18px; font-size: 10px; text-transform: uppercase; position: absolute; top: 8px; right: 0; text-align: center; border-radius: 10px; }
.ixmore2:hover { background: #fab124; color: #fff; }
.ixnewsList a { display: block; border-bottom: 1px dashed #c0c0c0; padding: 9px 0; }
.ixnewsList .nowti { padding: 0 80px 0 20px; color: #333; position: relative; line-height: 30px; background: url(../image/dot.png) no-repeat left center; transition: 300ms; -webkit-transition: 300ms; }
.ixnewsList .date { position: absolute; top: 0; bottom: 0; right: 0; text-align: right; color: #999; font-family: Arial; transition: 300ms; -webkit-transition: 300ms; }
.ixnewsList .tx { line-height: 24px !important; height: 48px; margin-top: 9px; }
.ixnewsList .spe .nowti { font-size: 16px; color: #2b5ea5; padding-left: 0; background: none; }
.ixnewsList .spe .date { font-size: 14px; color: #2b5ea5; }
.ixnewsList .spe { padding: 12px 0 16px 0; }
.ixnewsList a:hover .nowti { color: #fab124; background: url(../image/dot2.png) no-repeat left center; }
.ixnewsList a:hover .date { color: #fab124; }
.ixnewsList .spe:hover .nowti { background: none; }

.ix4 { color: #fff; background: #4d74aa; padding: 16px 0 23px 0; }
.ix4 .ixnwti .ch, .ix4 .ixnwti .en { color: #fff; }
.ix4 .ixnwti { border-bottom: none; }
.ixlinks a { color: #fff; }
.ixlinks a:hover { color: #fab124; }

.footer { background: #44474a; overflow: hidden; color: #fff; padding-top: 35px; }
.footer .top { padding-bottom: 18px; position: relative; border-bottom: 1px solid #5f6366; }
.fnav { max-width: 80%; }
.fnav a { color: #999; }
.fnav a:hover { color: #fff; }
.footer .tools { position: absolute; right: 0; bottom: 8px; }
.tools a { display: block; float: left; width: 27px; height: 27px; border-radius: 100%; background: #fff; margin-left: 13px; }
.tools .weixin .ico { background-image: url(../image/weixin.png); }
.tools .qq .ico { background-image: url(../image/qq.png); }
.tools .sina .ico { background-image: url(../image/sina.png); }
.tools a:hover { transform: translateY(-5px); -webkit-transform: translateY(-5px); }
.fcta a { display: block; color: #fff; padding-left: 33px; line-height: 30px; position: relative; cursor: default; }
.fcta .ico { position: absolute; top: 0; left: 0; width: 30px; height: 30px; background-position: left center; }
.fcta .tel .ico { background-image: url(../image/tel.png); }
.fcta .phone .ico { background-image: url(../image/phone1.png); }
.fcta .email .ico { background-image: url(../image/email.png); }
.fcta .addr .ico { background-image: url(../image/addr.png); }
.fcta { float: left; margin-bottom: 45px; }
.fcta1 { margin-right: 7.5%; }
.fcta a:hover .ico { transform: translateY(-5px); -webkit-transform: translateY(-5px); }
.cdt { clear: left; }
.cdt a { color: #999; }
.cdt a:hover { color: #fff; }
.footer .btm { padding: 35px 0 30px 0; position: relative; }
.mab { width: 112px; text-align: center; position: absolute; top: 25px; right: 0; }
.ma { width: 100px; padding: 6px; background: #fff; margin-bottom: 7px; }
.ma img { width: 100%; display: block; }

.pbtxts { position: absolute; left: 50%; margin-left: -560px; bottom: 30px; color: #fff; font-size: 18px; line-height: 30px; }
.pbtxts .en { text-transform: uppercase; }
.pnavb { border-bottom: 1px solid #ccc; }
.pnavb .pw { position: relative; }
.pnav a { display: block; color: #333; padding: 13px 10px; float: left; line-height: 30px; font-size: 15px; position: relative; margin-left: 20px; }
.pnav .line { display: block; position: absolute; left: 0; bottom: -1px; background: #1d54a1; height: 2px; width: 0; transition: 300ms; -webkit-transition: 300ms; }
.pnav a:hover, .pnav a.act { color: #1d54a1; }
.pnav a:hover .line, .pnav a.act .line { width: 100%; }
.pnav a:first-child { margin-left: 0; }
.posnav { line-height: 30px; padding: 13px 0; position: absolute; top: 0; right: 0; }
.posnav a { padding-left: 20px; color: #333; font-size: 12px; background: url(../image/aw2.png) no-repeat 10px center; }
.posnav .home { background: url(../image/home.png) no-repeat 0 center; }
.posnav a:hover, .posnav a.act { color: #336699; }

.abb { width: 925px; margin: 0 auto; }
.abb .top .txts { float: left; width: 46%; }
.abb .top .txts .date { color: #ff9933; font-size: 73px; line-height: 0.8; font-family: Arial; text-transform: uppercase; position: relative; }
.abb .top .txts .name { line-height: 1.1; color: #333; font-size: 14px; }
.abb .top .txts .freeTx { margin-top: 50px; }
.abb .top .pic { width: 50%; float: right; }
.abb .btm { padding: 55px 0 90px 0; }
.abpanel { padding-top: 85px; }

.hotb { background: #f5f5f5; padding: 80px 0; }
.hot { width: 1155px; margin: 0 auto; }
.hot a { display: block; float: left; width: 350px; margin: 0 17px 0 18px; position: relative; color: #333; }
.hot .txts { position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; }
.hot .h1 .txts { padding: 0 20px 20px 20px; }
.hot .h1 .txts .en { font-size: 32px; line-height: 1.1; text-transform: uppercase; }
.hot .h1 .txts .ch { font-size: 18px; line-height: 1.4; }
.hot .h1 .ico { margin-top: 30px; }
.hot .ico { width: 28px; height: 16px; background-image: url(../image/hot.png); }
.hot .h2 { color: #fff; }
.hot .h2 .ico { background-image: url(../image/hot2.png); }
.hot .h3 .cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../image/black.png); }
.hot .h4 .en { font-size: 49px; line-height: 0.9; text-transform: uppercase; position: absolute; left: 20px; color: #000; opacity: 0.2; filter: alpha(opacity=20); top: 20%; }
.hot .h4 .ch { text-align: center; font-size: 24px; line-height: 30px; }
.hot .h4 .txts { padding-bottom: 0; background: url(../image/black.png); padding: 15px 60px; }
.hot .h4 .ico { right: 20px; position: absolute; top: 50%; margin-top: -8px; }
.hot .h4 .tb { width: 30px; position: absolute; top: 0; bottom: 0; left: 30px; background: url(../image/case.png) no-repeat center center; }
.hot a:hover .ico { transform: translateX(5px); -webkit-transform: translateX(5px); }

.cul { position: relative; }
.cul .txts { position: absolute; left: 0; right: 0; top: 20%; padding-left: 30%; padding-right: 30px; font-size: 18px; color: #003f97; line-height: 1.6; }
.cul .txts .ti { font-size: 24px; color: #333; margin-bottom: 30px; }
.cul .pic img { transition: 4s; -webkit-transition: 4s; }
.abtpanel { padding-top: 58px; }
.abtpanel .hotb { background: none; padding: 42px 0 66px 0; }

.abonav { font-size: 0; text-align: center; }
.abonav a { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; font-size: 14px; width: 202px; height: 40px; line-height: 40px; overflow: hidden; position: relative; background: #e8ecf1; color: #333; }
.abonav a:hover, .abonav a.act { background: #4872ad; color: #fff; }
.honorList a { display: block; width: 342px; margin: 0 23px 30px 24px; float: left; color: #666; }
.honorList { width: 1167px; margin: 0 auto; margin-top: 50px; }
.honorList .pa { padding: 5px; border: 1px solid #ccc; transition: 300ms; -webkit-transition: 300ms; }
.honorList .name { text-align: center; margin-top: 12px; transition: 200ms; -webkit-transition: 200ms; white-space: nowrap; overflow: hidden; }
.honorList a:hover .name { color: #fab124; }
.honorList a:hover .pa { border: 1px solid #fab124; }
.pager a, .pager span { vertical-align: middle; display: inline-block; width: 42px; height: 37px; background: #8a8a8a; color: #fff; font-size: 15px; text-align: center; line-height: 37px; margin: 0 4px; }
.pager a:hover, .pager span { background: #fab124; color: #fff!important; }
.pager { margin-top: 40px; }
.abopanel { padding: 75px 0 0 0; }
.abopanel .hotb { margin-top: 100px; }

.orgb { padding: 7.5% 0 5.8% 0; }

/*news*/
.spenewsb { background: #f2f2f2; padding: 25px 0; }
.spenews { display: block; color: #666; }
.spenews .pic { width: 32.5%; float: left; }
.spenews .txts { width: 65%; float: right; font-size: 12px; padding-top: 8px; }
.spenews .nowti { font-size: 18px; font-weight: bold; margin-bottom: 12px; }
.spenews .tx { line-height: 28px !important; height: 84px; margin-top: 20px; }
.spenews:hover .nowti { color: #52ace0; }
.newsList a { display: block; color: #666; position: relative; padding: 25px 0; border-bottom: 1px dashed #ccc; }
.newsList .txts { padding-left: 90px; }
.newsList .date { width: 55px; height: 48px; padding-left: 15px; padding-top: 12px; font-weight: bold; font-family: Arial; color: #999; line-height: 1.2; background: #f3f2f2; position: absolute; top: 50%; margin-top: -30px; left: 0; }
.newsList .date em { position: relative; }
.newsList .date .year { display: block; }
.newsList .txts .nowti { color: #434345; }
.newsList .txts .tx { font-size: 12px; line-height: 18px !important; height: 36px; margin-top: 5px; }
.newsList li { position: relative; overflow: hidden; }
.newsList .bg { height: 0; position: absolute; left: 0; right: 0; background: #52ace0; transition: 400ms; -webkit-transition: 400ms; }
.newsList .bg1 { top: 50%; }
.newsList .bg2 { bottom: 50%; top: auto; }
.newsList .date .bg { background: #fff; }
.newsList li.act .bg { height: 50%; }
.newsList li.act a, .newsList li.act a .nowti { color: #fff; }
.newsList li.act a { border-color: #fff; }
.newspanel { padding-bottom: 78px; }

.ndTitle { text-align: center; border-bottom: 1px solid #d7d7d7; font-size: 12px; padding-bottom: 16px; }
.ndTitle .ti { font-size: 18px; font-weight: bold; }
.ndTitle .date { margin-top: 12px; }
.ndTitle .date a { color: #333; }
.ndtxts { padding: 30px 0 65px 0; }
.backb { padding-top: 35px; border-top: 1px solid #d7d7d7; }
.backb a { width: 146px; display: block; font-size: 0; height: 40px; line-height: 40px; position: relative; overflow: hidden; background: #d7d7d7; color: #333; }
.backb em { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; font-size: 14px; position: relative; }
.backb .next { text-align: right; padding-right: 50px; float: right; }
.backb .ico { height: 100%; width: 30px; }
.backb .prev .ico { background-image: url(../image/prev.png); background-position: left center; margin-right: 6px; }
.backb .next .ico { background-image: url(../image/next.png); background-position: right center; margin-left: 6px; }
.backb .prev { padding-left: 50px; float: left; }
.backb .bg { background: #fab124; width: 0; transition: 300ms; -webkit-transition: 300ms; }
.backb .next .bg { left: 0; right: auto; }
.backb .prev .bg { right: 0; left: auto; }
.backb a:hover { color: #fff; }
.backb a:hover .bg { width: 100%; }
.backb .prev:hover .ico { background-position: right center; }
.backb .next:hover .ico { background-position: left center; }
.ndpanel { padding: 80px 0; }
/*news end*/

/*pro*/
.proList { width: 1167px; margin: 0 auto; }
.proList a { display: block; float: left; color: #666; width: 342px; margin: 0 23px 35px 24px; }
.proList .pa { overflow: hidden; padding: 25px 15px 0 15px; background: #f6f6f6; position: relative; }
.proList .tx { text-align: center; height: 25px; white-space: nowrap; padding: 18px 0; position: relative; }
.proList .bg { background: #fab124; width: 100%; height: 100%; transition: 400ms; -webkit-transition: 400ms; }
.proList .bg1 { top: auto; right: auto; left: -100%; bottom: -100%; }
.proList .bg2 { bottom: auto; left: auto; right: -100%; top: -100%; }
.proList a:hover .bg1 { left: 0; bottom: 0; }
.proList a:hover .bg2 { right: 0; top: 0; }
.proList a:hover { color: #fff; }
.propanel { padding: 50px 0 80px 0; }
.proTable .ti { text-align: center; font-size: 18px; font-weight: bold; background: #4872ad; height: 58px; line-height: 58px; color: #fff; border: 1px solid #ccc; border-bottom: 0; }
.proTable table { width: 100%; border-collapse: collapse; }
.proTable table td,
.proTable table th { border: 1px solid #ccc; text-align: left; font-size: 15px; line-height: 1.4; padding: 15px 35px; }
.proTable table th { background: #e9f0f8; font-size: 14px; color: #333; }
.proTable table .num { text-align: center; color: #4872ad; width: 9%; padding-left: 5px; padding-right: 5px; }
.proTable table .numti { color: #333; }
.proTable table .over { width: 16%; padding-left: 15px; padding-right: 15px; }
.proTable tr { transition: 400ms; -webkit-transition: 400ms; }
.proTable tr:hover { background: #f7f7f7; }
.popanel { padding: 78px 0 105px 0; }
.proTable { margin-top: 35px; }
/*pro end*/

/*ser*/
.sernav { font-size: 0; text-align: center; }
.sernav a { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; font-size: 18px; color: #666; width: 152px; height: 152px; border-radius: 100%; margin: 0 18px; position: relative; }
.sernav .ico { width: 54px; height: 55px; background-position: left top; margin: 0 auto; }
.sernav .name { white-space: nowrap; margin-top: 5px; }
.sernav .pa { padding-top: 25px; position: relative; }
.sernav .aw { height: 10px; position: absolute; left: 0; right: 0; bottom: -30px; transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; display: none\9; transition: 400ms; -webkit-transition: 400ms; }
.sernav .bg { border-radius: 100%; transition: 400ms; -webkit-transition: 400ms; }
.sernav .bg1 { background: #f5f4f4; }
.sernav .bg2 { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; display: none\9; }
.sernav .sva1 .bg2 { background: #4872ad; }
.sernav .sva2 .bg2 { background: #60a794; }
.sernav .sva3 .bg2 { background: #fab124; }
.sernav .sva4 .bg2 { background: #e6654c; }
.sernav .sva5 .bg2 { background: #624b9c; }
.sernav .sva1 .aw { background-image: url(../image/blue.png); }
.sernav .sva2 .aw { background-image: url(../image/green.png); }
.sernav .sva3 .aw { background-image: url(../image/yellow.png); }
.sernav .sva4 .aw { background-image: url(../image/red.png); }
.sernav .sva5 .aw { background-image: url(http://www.changdat.com.cn/images/other.png); }
.sernav a:hover .bg2, .sernav a.act .bg2 { transform: scale(1); -webkit-transform: scale(1); opacity: 1; display: block\9; }
.sernav a:hover .bg1, .sernav a.act .bg1 { transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0; display: none\9; }
.sernav a:hover .ico, .sernav a.act .ico { background-position: left bottom; }
.sernav a:hover, .sernav a.act { color: #fff; }
.sernav a:hover .aw, .sernav a.act .aw { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; display: block\9; }
.sernavb { padding: 55px 0 35px 0; }
.serb { background: #f5f4f4; padding-top: 45px; padding-bottom: 60px; }
.hotproti { font-size: 24px; color: #1d54a1; margin-bottom: 20px; }
.hotprosb .proList .pa { background: #fff; }
.serb.blue .sertxts .speti, .serb.blue .serTitle .ch { color: #4872ad; }
.serb.green .sertxts .speti, .serb.green .serTitle .ch { color: #60a794; }
.serb.yellow .sertxts .speti, .serb.yellow .serTitle .ch { color: #fab124; }
.serb.red .sertxts .speti, .serb.red .serTitle .ch { color: #e6654c; }
.serb.other .sertxts .speti, .serb.other .serTitle .ch { color: #624b9c; }
.serTitle .ch { font-size: 24px; line-height: 1.4; }
.serTitle .en { font-size: 14px; color: #999; text-transform: uppercase; line-height: 1.1; margin-top: 2px; }
.serTitle { border-bottom: 1px dashed #ccc; padding-bottom: 25px; }
.sertxts { background: #fff; margin-bottom: 60px; }
.sertxts .pa { padding: 60px 40px 50px 45px; }
.sertxts .freeTx { padding: 35px 0 0 0; }
.ssnav { width: 1134px; margin: 0 auto; margin-bottom: 35px; }
.ssnav a { width: 140px; height: 38px; display: block; float: left; margin: 7px 11px; color: #666; background: #fff; line-height: 38px; text-align: center; border-radius: 5px; position: relative; }
.ssnav .txx { position: relative; }
.ssnav .bg { border-radius: 5px; transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; display: none\9; }
.ssnav a:hover, .ssnav a.act { color: #fff; }
.ssnav a:hover .bg, .ssnav a.act .bg { transform: scale(1); -webkit-transform: scale(1); opacity: 1; display: block\9; }
.serb.blue .ssnav .bg { background: #4872ad; }
.serb.green .ssnav .bg { background: #60a794; }
.serb.yellow .ssnav .bg { background: #fab124; }
.serb.red .ssnav .bg { background: #e6654c; }
.serb.other .ssnav .bg { background: #624b9c; }
/*ser end*/

/*job*/
.jbTitle { font-size: 18px; color: #325f9a; }
.job1 .jbTitle { margin-bottom: 5px; }
.job1 { padding: 60px 0 75px 0; }

.jobList li { margin-bottom: 3px; }
.jobTable { position: relative; background: #dfe3e7; color: #333; line-height: 25px; padding: 13px 0; padding-left: 20px; transition: background 400ms; -webkit-transition: background 400ms; cursor: pointer; }
.jobTable span { display: block; }
.jobTable .num { width: 6.8%; float: left; }
.jobTable .name { width: 80%; float: left; }
.jobTable .add { background: #999; position: absolute; transition: 300ms; -webkit-transition: 300ms; }
.jobTable .add_1 { width: 18px; height: 2px; top: 50%; margin-top: -1px; right: 25px; }
.jobTable .add_2 { width: 2px; height: 18px; top: 50%; margin-top: -9px; right: 33px; }
.jdTxts { padding: 25px 20px 40px 20px; border: 1px solid #dfe3e7; border-top: 0; display: none; text-align: left; }
.jdTxts a { color: #333; }
.jdTxts { color: #333; }
.jdTxts a:hover { color: #fab124; }
.jobList li:hover .jobTable, .jobList li.act .jobTable { background: #fab124; color: #fff; }
.jobList li:hover .jobTable .add, .jobList li.act .jobTable .add { background: #fff; }
.jobList li.act .jobTable .add_2 { opacity: 0; display: none\9; transform: translateY(20px); -webkit-transform: translateY(20px); }
.job2 { padding-bottom: 60px; }
.setEmail a, .setEmail span { margin-right: 25px; }
.job2 .jbTitle { margin-bottom: 20px; }
/*job end*/

/*cta*/
#map { height: 570px; }
.cta1 { color: #333; padding: 80px 0 80px 0; }
.cta1 a { color: #333; }
.hotTel { float: left; position: relative; padding-left: 65px; }
.hotTel .name { font-weight: bold; }
.hotTel .tel { display: block; font-family: Arial; font-size: 18px; line-height: 1.4; }
.hotTel .ico { width: 49px; height: 45px; background-image: url(../image/hottel.png); position: absolute; top: 1px; left: 0; }
.ctas { float: left; margin-left: 11.5%; }
.ctas a { display: block; position: relative; padding-left: 25px; line-height: 25px; cursor: default; margin-bottom: 2px; }
.ctas .ico { width: 20px; height: 25px; position: absolute; left: 0; top: 0; }
.ctas .email .ico { background-image: url(../image/email2.png); }
.ctas .addr .ico { background-image: url(../image/addr2.png); }
.ctas a:hover .ico { transform: translateY(-3px); -webkit-transform: translateY(-3px); }
.hotTel:hover .ico { transform: translateY(-5px); -webkit-transform: translateY(-5px); }
.words .l { float: left; }
.words .s-input { display: block; border: 1px solid #ccc; border-radius: 3px; padding: 8px 15px; padding-bottom: 14px\9; background: #f3f2f2; line-height: 24px; color: #666; transition: 400ms; -webkit-transition: 400ms; }
.words .l .tip { width: 355px; margin-bottom: 15px; }
.words .s-textarea { float: right; width: 685px; height: 138px; overflow-y: auto; resize: none; }
.words .s-input:focus { border: 1px solid #fab124; background: #fff; }
.subBtn { width: 112px; height: 36px; overflow: hidden; line-height: 36px; text-align: center; background: #fab124; color: #fff; display: block; cursor: pointer; transition: 300ms; -webkit-ransition: 300ms; }
.subBtn:hover { background: #ccc; }
.cta2 { padding: 0 0 6.5% 0; }
.cta2 .jbTitle { margin-bottom: 15px; }
/*cta end*/

.ixab:hover { background: rgba(77,116,170,0.8); }
.cdt span, .cdt a { margin-right: 25px; }
.serb { position: relative; }
.serb > .aw { position: absolute; width: 16px; height: 10px; background-image: url(../image/aw3.png); left: 50%; margin-left: -8px; top: -15px; display: none; }

.bge6eef8 { background: #fff; }
.pBT { font: 28px/1.5 "microsoft yahei"; color: #174f90; padding-bottom: 46px; padding-top: 30px; }
.inner { width: 900px; margin: 0px auto 30px; }
#searchPage .pBT { text-align: center; color: #7f7f7f; }
.searchT { font: 26px/1.4 "microsoft yahei"; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; padding: 24px 0px; }
.searchList a:link, .searchList a:visited { color: #9f9e9e; }
.searchList a:active, .searchList a:hover { color: #9f9e9e; }
.searchList dd { border-bottom: 1px dotted #dbdbdb; }
.searchList dd a { padding: 24px 10px; font-size: 14px; display: block; }
.searchList dd a:hover { background-color: #4872ad; color: #fff; }