﻿body { text-align: left; padding: 0; margin: 0; font-size: 14px; font-family: 'microsoft yahei'; -webkit-text-size-adjust: none; height: auto; color: #333; background: #f8f8f8; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p { padding: 0; margin: 0; }
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th { padding: 0; margin: 0; }
fieldset { border-top-width: 0; border-left-width: 0; border-bottom-width: 0; border-right-width: 0; }
a img { border: 0; padding: 0; margin: 0; }
i { font-style: normal; }
address, caption, cite, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
li { list-style-type: none; }
caption { text-align: left; }
th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-size: 100%; }
q:unknown {
 content: '';
}
html{ min-width:1280px; }
table { border-collapse: collapse; border-spacing: 0;/* Remove most spacing between table cells.*/ }
input, textarea, select { font-family: inherit; font-size: 100%; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #cd2313; text-decoration: none; }
.icon { background-image: url("../images/icon.png"); display: inline-block; vertical-align: middle; }
.fl { float: left; }
.fr { float: right; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; font-size: 0; margin: 0; padding: 0; display: block; _height: 0; overflow: hidden; }
/*清除浮动*/
.clearfix {  *zoom: 1;
}
.por { position: relative; }
.poa { position: absolute; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.w1200 { width: 1200px; margin: 0 auto; }

.head_main { background: url("../images/head_bg.jpg") no-repeat center top; width: 100%; height: 273px; position: relative; }
.head_main .head img { padding-top: 57px; }
.head_main .head h3 { font-size: 20px; color: #fff; font-weight: 100; padding-top: 73px; line-height: 28px; }
.head_main .nav { height: 55px; line-height: 55px; position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; }
.head_main .nav .w1200 { text-align: center; width: 100%; }
.head_main .nav .w1200 ul { display: inline-block;  *display: inline;
 *zoom: 1;
}
.head_main .nav li { float: left; margin: 0 30px; text-align: left; position: relative; display: block; text-align: center; }
.head_main .nav li a { display: inline-block; margin: 0 auto; font-size: 20px; color: #fff; position: relative; }
.head_main .nav li a i { width: 100%; height: 2px; position: absolute; left: 0; bottom: 7px; display: block; transition: ease-in-out 0.2s; z-index: 9; }
.head_main .nav li a p { width: 100%; height: 55px; text-align: center; left: 0; top: 0; z-index: 10; line-height: 55px; }
.head_main .nav li a:hover, .head_main .nav li a.hover, .head_main .nav li #hover2 { cursor: pointer; }
.head_main .nav li a:hover i, .head_main .nav li a.hover i, .head_main .nav li #hover2 i { background: #fff; width: 100%; bottom: 0; }
.head_main .nav li a:hover p, .head_main .nav li a.hover p, .head_main .nav li #hover2 p { color: #fff; }
.head_main .nav dl { width: 120px; border-radius: 0 0 3px 3px; padding-bottom: 3px; display: none; background: #191f38; position: absolute; left: 50%; margin-left: -60px; top: 55px; z-index: 1555; border-top: none; }
.head_main .nav dl dd { height: 40px; border-top: 1px solid #31374f; text-align: center; position: relative; z-index: 12; display: block; width: 100%; line-height: 40px; }
.head_main .nav dl dd a:hover { color: #fff; }
.head_main .nav dl dd a { color: #dddada; font-size: 16px; height: 40px; display: block; transition: ease-in-out 0.2s; line-height: 40px; }
/****banner****/
.main_banner { width: 100%; overflow: hidden; height: 620px; margin: 0 auto; position: relative; z-index: 1; }
.main_banner #next, .main_banner #prev { width: 50px; height: 50px; position: absolute; left: 0; background-position: 0 0; z-index: 10; top: 50%; margin-top: -25px; cursor: pointer; transition: ease-in-out 0.2s; }
.main_banner #next { right: 0; left: auto; background-position: 0 -50px; }
.main_banner #next:hover { background-position: -50px -50px; }
.main_banner #prev:hover { background-position: -50px 0; }
.main_banner .banner { width: 1920px; height: 620px; position: absolute; top: 0; left: 50%; margin-left: -960px; overflow: hidden; }
.main_banner .banner img { width: 1920px; height: 620px; overflow: hidden; }
.main_banner .banner_fmenu { position: absolute; width: 100%; left: 0; bottom: 44px; height: 5px; z-index: 3000; text-align: center; }
.main_banner #banner_fmenu A { margin: 0 7px; width: 38px; height: 2px; line-height: 2px; text-align: center; cursor: pointer; font-size: 0; opacity: 0.4; filter: alpha(opacity=40); font-weight: bold; overflow: hidden; background: none; display: inline-block; background: #fff; }
.main_banner #banner_fmenu A.activeSlide { background: #fff; opacity: 1; filter: alpha(opacity=100); }
.main_banner #banner_fmenu A:focus { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; }
.index_title { text-align: center; padding: 70px 0; }
.index_title h3 { font-size: 47px; position: relative; width: 511px; margin: 0 auto; }
.index_title h3 .line { display: block; width: 511px; height: 1px; background: #d8d8d8; position: absolute; left: 0; bottom: -10px; }
.index_title h3 .line2 { display: block; width: 12px; height: 3px; background: #1e2543; position: absolute; left: 50%; margin-left: -6px; bottom: -11px; }
.index_title p { font-size: 22px; padding-top: 15px; text-transform: uppercase; }
.more { width: 265px; height: 42px; border: 1px solid #da251c; display: block; margin: 0 auto; text-align: center; line-height: 42px; font-size: 18px; margin-top: 54px; transition: ease-in-out .2s; }
.more2 { width: 265px; height: 42px; border: 1px solid #da251c; display: block; margin: 0 auto; text-align: center; line-height: 42px; font-size: 18px; margin-top: 54px; transition: ease-in-out .2s; background: #da251c; color: #fff; }
.more2:hover { box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); }
.more:hover { background: #1b213b; color: #fff; }
.floor_1_main { padding-bottom: 100px; background: #fff; width: 100%; }
.floor_1_main .body { background: url(../images/f1_bg.jpg) right bottom no-repeat; width: 1200px; height: 494px; }
.floor_1_main .body .left { background: #000; width: 701px; }
.floor_1_main .body .left video, .floor_1_main .body .left img { width: 701px; height: 436px; display: block; }
.floor_1_main .body .right { width: 439px; padding-right: 22px; }
.floor_1_main .body .right h3 { font-size: 38px; line-height: 38px; color:#da251a; }
.floor_1_main .body .right h4 { font-size: 19px; font-weight: 100; color: #666; padding-top: 10px; }
.floor_1_main .body .right .p { font-size: 24px; color: #666; padding-top: 35px; line-height:45px; }
.floor_1_main .body .right a { background: #da251c; float:left; margin-right:10px; color: #fff; display: block; width: 115px; height: 32px; line-height: 32px; text-align: center; margin-top: 25px; transition: ease-in-out .2s; }
.floor_1_main .body .right a:hover { width: 150px; }
.floor_2_main { background: url(../images/f2_bg.jpg) center top no-repeat; width: 100%; height: 950px; }
.floor_2_main .index_title{ padding-bottom:50px}
.floor_2_main .box { padding-left: 337px; font-size: 30px; line-height: 47px; }
.floor_2_main .box h3 { font-weight: 100; }
.floor_2_main .box2 { font-size: 29px; line-height: 43px; padding-top: 25px; }
.floor_3_main { padding-bottom: 89px; }
.floor_3_main .more2 { color: #fff; margin-top: 24px; }
.floor_3_main .body { overflow: hidden; }
.floor_3_main ul { width: 105%; }
.floor_3_main li { width: 280px; float: left; margin-right: 27px; margin-bottom: 30px; }
.floor_3_main li .img { display: block; width: 280px; height:295px; overflow: hidden; }
.floor_3_main li .img img { transition: ease-in-out .5s;width:280px;height:295px; }
.floor_3_main li .p { border-bottom: 1px solid #e2e2e2; display: block; position: relative; height: 50px; line-height: 50px; }
.floor_3_main li .p h3 { font-size: 24px; font-weight: 100; }
.floor_3_main li .p p { position: absolute; right: 0; height: 50px; line-height: 50px; top: 0; font-size: 18px; transition: ease-in-out .2s; }
.floor_3_main li .p i { width: 25px; height: 12px; background-position: -102px 0; position: absolute; right: 50px; top: 19px; opacity: 0; filter: alpha(opacity=0); transition: ease-in-out .2s; }
.floor_3_main li:hover .img img { transform: scale(1.1); }
.floor_3_main li:hover .p { border-bottom: 1px solid #191f37; }
.floor_3_main li:hover .p p { opacity: 0; filter: alpha(opacity=0); right: -10px; }
.floor_3_main li:hover .p i { opacity: 1; filter: alpha(opacity=100); right: 10px; }
.floor_4_main { background: #f6f6f6; text-align: center; }
.floor_4_main .index_title { padding-bottom: 50px; }
.floor_4_main h4 { font-size: 26px; font-weight: 100; padding-bottom: 110px; }
.floor_4_main .body { width: 902px; height: 643px; background: url(../images/f4_line.png) center top no-repeat; margin: 0 auto; position: relative; padding-bottom: 179px; }
.floor_4_main .body .line { width: 525px; height: 526px; border-radius: 100%; background: url(../images/f4_yuan.png) no-repeat; position: absolute; left: 50%; margin-left: -263px; top: -5px; -webkit-animation: rotate 40s linear 0s infinite; animation: rotate 40s linear 0s infinite; }
.floor_4_main .body .img { width: 513px; height: 473px; background: url(../images/f4_img.png) no-repeat; position: absolute; left: 50%; margin-left: -256.5px; top: 5px; }
.floor_4_main .body li { position: absolute; width: 300px; text-align: center; }
.floor_4_main .body li div { border: 3px dotted #d1d2d6; width: 64px; height: 64px; border-radius: 100%; padding: 6px; margin: 0 auto; }
.floor_4_main .body li div i { display: block; background: #1b213b; color: #fff; width: 100%; height: 100%; border-radius: 100%; line-height: 64px; font-size: 37px; font-family: impact; }
.floor_4_main .body li .p { text-align: center; font-size: 36px; font-weight: bold; }
.floor_4_main .body .l1 { left: -142px; top: 40px; }
.floor_4_main .body .l2 { left: -112px; top: 350px; }
.floor_4_main .body .l3 { left: 132px; top: 567px; }
.floor_4_main .body .l4 { left: 500px; top: 567px; }
.floor_4_main .body .l5 { left: 700px; top: 350px; }
.floor_4_main .body .l6 { left: 750px; top: 30px; }
.floor_5_main { background: url(../images/f5_bg.jpg) center top no-repeat; width: 100%; height: 870px; }
.floor_5_main .index_title { color: #fff; padding:40px 0; }
.floor_5_main .index_title .line { background: #6d6d6d; }
.floor_5_main .index_title .line2 { background: #fff; }
.floor_5_main .body { overflow: hidden;text-align:center; }
.floor_5_main .body  img{width:960px;}
.floor_5_main .body .left { width: 663px; }
.floor_5_main .body .left img { width: 663px; height: 474px; }
.floor_5_main .body .right { width: 476px; }
.floor_5_main .body .right h3 { color: #fff; font-size: 34px; font-weight: 100; line-height: 34px; }
.floor_5_main .body .right h4 { font-size: 16px; color: #999; text-transform: uppercase; font-weight: 100; }
.floor_5_main .body .right .p { line-height:45px; font-size:22px; color: #fff; padding-top: 42px; }
.floor_6_main { background: url(../images/f6_bg.jpg) center top no-repeat; height: 864px; }
.floor_6_main .more2 { color: #fff; }
/* .floor_6_main .body { overflow: hidden; }
.floor_6_main .body ul { width: 106%; }
.floor_6_main .body li { float: left; width: 285px; margin-bottom: 17px; margin-right: 22px; }
.floor_6_main .body li a { display: block; position: relative; }
.floor_6_main .body li a .on { background: url(../images/b8.png) repeat; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: ease-in-out .2s; opacity: 0; filter: alpha(opacity=0); }
.floor_6_main .body li a .on i { width: 34px; height: 34px; background-position: -135px 0; position: absolute; left: 50%; margin-left: -17px; top: 50%; margin-top: -17px; transition: ease-in-out .2s; transform: scale(0); }
.floor_6_main .body li a img { width: 285px; height: 214px; display: block; } */
.floor_6_main .body li a:hover .on { opacity: 1; filter: alpha(opacity=100); }
.floor_6_main .body li a:hover .on i { transform: scale(1); }
.floor_7_main { background: #e8e8e8; width: 100%; padding-bottom: 110px; }
.floor_7_main .picScroll-left { overflow: hidden; position: relative; }
.floor_7_main .picScroll-left .hd { overflow: hidden; }
.floor_7_main .picScroll-left .hd .prev, .floor_7_main .picScroll-left .hd .next { position: absolute; left: 0; top: 85px; font-size: 52px; font-family: "宋体"; cursor: pointer; }
.floor_7_main .picScroll-left .hd .next { left: auto; right: 0; }
.floor_7_main .picScroll-left .hd .prev:hover, .floor_7_main .picScroll-left .hd .next:hover { color: red; }
.floor_7_main .picScroll-left .bd { width: 1071px; margin: 0 auto; }
.floor_7_main .picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.floor_7_main .picScroll-left .bd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center; }
.floor_7_main .picScroll-left .bd ul li img { width: 250px; height: 188px; display: block; border-radius: 10px; }
.floor_7_main .picScroll-left .bd ul li h3 { font-size: 24px; font-weight: 100; line-height: 64px; transition: ease-in-out .2s; }
.floor_7_main .picScroll-left .bd ul li a:hover h3 { line-height: 50px; }
.floor_8_main { background: #f6f6f6; width: 100%; padding-bottom: 71px; }
.floor_8_main .body { overflow: hidden; }
.floor_8_main .more { margin-top: 10px; }
.floor_8_main .fl { width: 550px; }
.floor_8_main .fl .img { width: 550px; height: 309px; overflow: hidden; position: relative; display: block; margin-bottom: 25px; }
.floor_8_main .fl .img img { width: 550px; height:309px;  }
.floor_8_main .fl .left { width: 458px; float: right; }
.floor_8_main .fl .left h3 { font-size: 22px; font-weight: 100; }
.floor_8_main .fl .left p { font-size: 16px; color: #666; padding-top: 5px; }
.floor_8_main .fl .right { width: 75px; text-align: center; float: left; border-right: 1px solid #e5e5e5; }
.floor_8_main .fl .right h3 { font-size: 36px; font-weight: 100; color: #999; line-height: 36px; }
.floor_8_main .fl .right p { font-size: 16px; color: #999; }
.floor_8_main .fr { width: 577px; }
.floor_8_main .fr li { margin-bottom: 54px; }
.floor_8_main .fr .left { width: 488px; border-right: 1px solid #e5e5e5; }
.floor_8_main .fr .left h3 { font-size: 22px; font-weight: 100; }
.floor_8_main .fr .left p { font-size: 16px; color: #666; padding-top: 5px; }
.floor_8_main .fr .right { width: 75px; text-align: center; }
.floor_8_main .fr .right h3 { font-size: 36px; font-weight: 100; color: #999; line-height: 36px; }
.floor_8_main .fr .right p { font-size: 16px; color: #999; }
.bottom_main { background: #da251c; width: 100%; }
.bottom_main .bottom_nav { text-align: center; }
.bottom_main .bottom_nav a { color: #fff; font-size: 20px; padding: 0 29px; line-height: 75px; }
.bottom_main .bottom_nav a:hover {text-decoration:underline; }
.bottom_main .body { position: relative; height: 336px; }
.bottom_main .body .left { color: #fff; font-size: 18px; line-height: 40px; padding-top: 70px; }
.bottom_main .body .left i { color: #191f37; }
.bottom_main .body .right { padding-top: 70px; width: 295px;}
.bottom_main .body .right .webtel { width: 295px;float:right; }
.bottom_main .body .right .webtel i { width: 50px; height: 50px; background-position: -174px 0; float: left; display: block; margin-right: 10px; }
.bottom_main .body .right .webtel h4 { font-size: 14px; color: #fff; font-weight: 100; float: left; }
.bottom_main .body .right .webtel h3 { font-size: 30px; font-weight: 100; color: #fff; float: left; }
.bottom_main .body .right ul { float: right; margin-top: 18px; }
.bottom_main .body .right li { float: left; color: #fff; text-align: center; margin-left: 22px; }
    .bottom_main .body .right li:first-child
    {
        margin-left: 0;
    }
.bottom_main .body .right li img { border: 1px solid #474c5f; padding: 2px; width: 120px; height: 120px; }
.bottom_main .body .right li h3 { font-weight: 100; line-height: 40px; }
.bottom_main .body .logo { position: absolute; left: 50%; margin-left: -134px; top: 137px; z-index: 10; width: 269px; height: 85px; }
.bottom_main .body .logo img { display: block; width: 269px; height: 85px; }
.bottom_main .bottom_copy { color: #fff; font-size: 14px; line-height: 54px; }
.bottom_main .bottom_copy a{color:#fff;}
.bottom_main a:hover { text-decoration:underline; }

@-webkit-keyframes rotate {  0% {
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes rotate {  0% {
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}

.job { padding: 10px; overflow: hidden; margin-bottom: 30px; }
.job ul { width: 110%; }
.job li { width: 290px; height: 370px; background: #fff; float: left; margin-right: 13px; position: relative; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2); margin-bottom: 30px; }
.job li .img { display: block; width: 290px; height: 305px; overflow: hidden; }
.job li .img img { width: 290px; height: 305px; transition: ease-in-out .5s; }
.job li .txt { display: block; width: 111px; height: 111px; text-align: center; border-radius: 100%; background: #fff; position: absolute; left: 50%; margin-left: -55.5px; bottom: 23px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
.job li .txt h3 { font-size: 24px; font-weight: 100; padding-top: 33px; color: #333; }
.job li .txt p { color: #666;font-size:18px; }
.job li:hover { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3); }
.job li:hover .img img { transform: scale(1.1); }
.job_show { margin-bottom: 100px;}
.job_show .left { width: 438px; }
.job_show .left img { max-width: 438px; }
.job_show .right { width: 556px; padding-right: 138px; }
.job_show .right h1 { font-size:30px; font-weight: 100; }
.job_show .right h3 { font-weight: 100; padding-bottom: 41px;font-size:18px; }
.job_show .right h4 { padding-bottom: 29px; font-size:26px; }
.job_show .right .con { line-height: 40px;font-size:24px; }

.sub_banner { height:320px;display:none; }
.ny_title { text-align: center; margin-bottom: 60px; }
.ny_title h3 { font-size: 36px; color: #191f37; font-weight: 100; line-height: 127px; }
.ny_title ul { display: inline-block; }
.ny_title ul li { float: left; margin: 0 20px 10px; }
.ny_title ul li a { padding-bottom: 10px; border-bottom: 2px solid #f8f8f8; display: inline-block; color: #333;font-size:22px;  background:#ddd;padding:10px 40px; }
.ny_title ul li .hover, .ny_title ul li :hover { border-bottom: 2px solid #666; background:#191f37;color:#fff; }
.news li { border: 1px solid #e8e7e7; margin-bottom: 50px; height: 169px; background: #fff; }
.news li a { display: block; width: 100%; height: 100%; }
.news li .box1 { width: 300px; height: 169px; overflow: hidden; position: relative; }
.news li .box1 img { width: 300px; height: 169px;transition:ease-in-out .5s; }
.news li .box2 { width: 665px; margin-left: 32px; }
.news li .box2 h3 { font-size: 20px; font-weight: 100; line-height: 82px; }
.news li .box2 p { color: #999; line-height: 24px; }
.news li .box3 { margin-right: 45px; }
.news li .box3 h3 { font-size: 40px; color: #999; font-family: arial; font-weight: 100; padding-top: 45px; }
.news li .box3 p { color: #999; font-size: 20px; font-family: arial; }
.news li:hover { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }
.news li:hover .box2 h3 { color: #cd2313; }
    .news li:hover .box1 img {
        transform: scale(1.05);
    }
/* pager */
.pager { text-align: center; padding: 0 0 0;  *zoom: 1;
 *padding: 50px 0 0;
}
.pager:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.pager p { height: 26px; line-height: 26px; display: inline-block;  *display: inline;
 *zoom: 1;
display: none; }
.pager ul { display: inline-block;  *display: inline;
 *zoom: 1;
overflow: hidden; }
.pager ul li { float: left; margin: 0 5px; padding: 0 !important; height: auto !important; border: none !important; }
.pager ul a { line-height: 30px; padding: 5px 15px; transition: all ease 300ms; color: #000000; text-decoration: none; float: left; border: 1px solid #ddd; }
.pager ul a.current, .pager ul a:hover { color: #fff; border: 1px solid #191f37; background: #191f37; }
.m100px { margin-bottom: 100px; }

.flash { padding: 10px; overflow: hidden; margin-bottom: 20px; }
.flash ul { width: 110%; }
.flash li { background: #fff; width: 381px; float: left; margin-right: 30px; position: relative; height: 361px; margin-bottom: 30px; }
.flash li a { display: block; width: 100%; height: 100%; }
.flash li .img { width: 381px; height: 286px; position: relative; display: block;overflow:hidden; }
.flash li .img img { width: 381px; height: 286px; display: block;transition:ease-in-out .5s; overflow:hidden; }
.flash li .img .on { position: absolute; z-index: 10; background: url(../images/b8.png); left: 0; top: 0; width: 100%; height: 100%; display: block; transition: ease-in-out .2s; opacity: 0; filter: alpha(opacity=0); }
.flash li .img .on i { width: 73px; height: 73px; background-position: -290px -46px; left: 50%; margin-left: -36.5px; top: 40%; margin-top: -36.5px; position: absolute; transition: ease-in-out .2s; }
.flash li .txt { height: 77px; line-height: 77px; font-size:24px; padding-left: 25px; position: relative; }
.flash li .txt i { width: 21px; height: 13px; background-position: 0 -114px; position: absolute; right: 29px; top: 50%; margin-top: -7px; }
.flash li:hover .img .on { opacity: 1; filter: alpha(opacity=100); }
    .flash li:hover .img img {
        transform: scale(1.1);
    }
.flash li:hover .img .on i { top: 50%; }
.img_list li .img .on i { background-position: -416px 0; width: 32px; height: 32px; margin-left: -16px; margin-top: -16px; }
.news_show { margin-bottom: 100px; }
.news_show .t { text-align: center; padding-bottom: 26px; border-bottom: 1px solid #e5e5e5; }
.news_show .t h1 { font-size: 26px; font-weight: 100; }
.news_show .t p { font-size:16px; line-height: 30px; }
.news_show .con { padding: 35px 0; line-height: 40px;font-size:24px; }
.news_show .con img { max-width: 100%; }
.reLink { line-height: 24px; color: #000; padding-bottom: 30px; border-top: 1px solid #e5e5e5; font-size: 18px; padding-top: 18px; margin-top: 10px; }
.reLink .prevLink { color: #000; float: left; }
.reLink .nextLink { float: right; }
.local { margin-top: 20px; margin-bottom: 50px; }
.local .left li { float: left; text-align: center; margin-right: 10px; }
.local .left li a { padding: 8px 15px; display: block; border-radius:3px; }
.local .left li a:hover, .local .left li a.hover { background: #191f37; color: #fff; }
.remm { margin-top: 33px; }
.remm .tit { padding-bottom: 10px; }
.remm .tit .left { color: #060001; font-size: 20px; }
.remm .tit .right a { font-size: 16px; color: #060001; transition: ease-in-out .2s; }
.remm .tit .right a:hover { margin-right: 10px; }
.remm .body { overflow: hidden; }
.remm .body ul { width: 120%; }
.remm .body ul li { border-bottom: 1px dashed #ccc8c8; width: 570px; float: left; margin-right: 56px; padding: 17px 0; }
.remm .body ul li .left { width: 90px; height: 68px; overflow: hidden; }
.remm .body ul li .left img { width: 90px; height: auto; display: block; }
.remm .body ul li .right { width: 440px; }
.remm .body ul li .right h3 { padding-bottom: 10px; font-size: 18px; color: #000; font-weight: 100; }
.remm .body ul li .right p { font-size: 12px; color: #666; }
.remm .body ul li a { display: block; width: 100%; height: 100%; cursor: pointer; }
.remm .body ul li a:hover h3 { color: #443220; }
.erro { text-align: center; }
.sideMenu { margin: 62px auto 50px; }
.sideMenu .h3 { padding: 17px 19px; border: 1px solid #dcdcdc; border-left: 8px solid #de392d; margin-bottom: 22px; }
.sideMenu .h3 .title .left h3 { font-size: 20px; color: #000; font-weight: 100; padding-bottom: 10px; }
.sideMenu .h3 .title .right { color: #999; font-size: 18px; padding-top: 17px; }
.sideMenu .h3 .title p { color: #999; display: block; font-size: 18px; }
.sideMenu ul { border-top: 1px solid #dcdcdc; padding-top: 15px; margin-top: 15px; color: #999; display: none; line-height: 28px; }
.contact_tit { padding-top: 50px; margin-bottom: 0; }
.contact { padding-top: 20px; }
.contact .box1 { border-bottom: 1px dotted #2a2a2a; text-align: left; padding-bottom: 64px; margin-bottom: 63px; }
.contact .box1 .left { width: 680px; }
.contact .box1 .input { border: 1px solid #d2d2d2; height: 32px; line-height: 32px; margin-bottom: 18px; width: 307px; text-indent: 44px; outline: none; padding: 10px 0;color:#666 }
.contact .box1 li { position: relative; width: 309px; margin-right: 31px; float: left; }
.contact .box1 i { background-image: url(../images/icon.png) no-repeat; width: 22px; height: 22px; background-position: -372px -40px; position: absolute; left: 15px; top: 15px; z-index: 10; }
.contact .box1 .l2 i { background-position: -394px -40px; }
.contact .box1 .l3 i { background-position: -416px -40px; }
.contact .box1 .l4 i { background-position: -436px -40px; }
.contact .box1 textarea { width: 627px; border: 1px solid #d2d2d2; margin-left: 0; float: left; height: 126px; resize: none; padding: 10px;color:#666 }
.contact .box1 .btn { width: 190px; height: 55px; line-height: 55px; text-align: center; background: #191f37; color: #fff; border: none; font-size: 16px; border-radius: 10px; margin-top: 17px; cursor: pointer; transition: ease-in-out .2s; }
.contact .box1 .btn:hover { width: 270px; }
.contact .box1 .right { width: 451px; color: #666; }
.contact .box1 .right h4 { border-bottom: 1px dotted #d2d2d2; font-size: 24px; font-weight: 100; padding-bottom: 28px; margin-bottom: 25px; }
.contact .box1 .right li { width: 404px; position: relative; padding-left: 47px; line-height: 25px; margin-bottom: 20px;font-size:17px; }
.contact .box1 .right li i { width: 25px; height: 25px; position: absolute; left: 0; top: 0; background-position: -371px -67px; }
.contact .box1 .right .l2 i { background-position: -396px -67px; }
.contact .box1 .right .l3 i { background-position: -421px -67px; }
.contact .box2 { margin-bottom: 92px; }
.contact .box2 .left { width: 451px; color: #666; text-align: left; }
.contact .box2 .left h4 { border-bottom: 1px dotted #d2d2d2; font-size: 24px; font-weight: 100; padding-bottom: 28px; margin-bottom: 25px; width: 100%; }
.contact .box2 .left li { width: 404px; position: relative; padding-left: 47px; line-height: 25px; margin-bottom: 20px; }
.contact .box2 .left li i { width: 30px; height: 30px; position: absolute; left: 0; top: 0; background-position: -1px -127px; }
.contact .box2 .left .l2 i { background-position: -31px -127px; }
.contact .box2 .left .l3 i { background-position: -61px -127px; }
.contact .box2 .left .l4 {color:red;font-size:22px;}
.contact .box2 .left .l4  b{color:#333;font-size:14px;}
.contact .box2 .left .l4 i{background-position:-98px -127px;}
.contact .box2 .right #map1_container, .contact .box2 .right #allmap1 { width: 650px; height: 500px; }


.map_ul { list-style: outside none none; display: block; width: 100%; padding-top:50px; padding-bottom:100px }
.map_ul li { display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; margin-left: 10px; float: left; }
.map_ul li a { font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold; }
.map_ul .list-inline { display: block; margin-left: 14%; width: 80%; min-height: 30px; }
.map_ul .list-inline a { font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ccc; padding: 0px 10px; }
.map_ul .list-inline a:hover { background: #191f37; color: #fff; border:1px solid #191f37 }
.honer_list li{ height:auto}
.honer_list li .img{height:270px;}
.honer_list li .img img{height:270px;}
/*rightFix*/
.rightFix { width: 48px; position: fixed; right: 10px; bottom: 6%; z-index: 99; }
.rightFix .ico { width: 48px; height: 48px; display: block; position: relative; overflow: hidden; margin: 0px; transition: all ease 300ms; margin-top: 1px; padding: 0px; border-radius: 48px; border: 1px solid #dedede; margin-bottom: 5px; background: #ffffff url(../images/fix-ico.png) no-repeat center 0; }
.rightFix .ico img { width: 120px; height: 120px; position: absolute; left: -78px; top: 0; padding: 3px; background: #1b213b; border: 1px solid #ddd; display: block; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 10px; }
.rightFix .ico span { width: 210px; text-align: center; height: 48px; line-height: 48px; position: absolute; left: -78px; top: 0; background: #1b213b; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 48px; }
.rightFix .ico:hover { background-color: #1b213b; border-color: #1b213b; overflow: visible; }
.rightFix .ico:hover img { opacity: 1; filter: alpha(opacity=100); left: -140px; }
.rightFix .ico:hover span { opacity: 1; filter: alpha(opacity=100); left: -215px; }
.rightFix .fix-tel { background-position: 11px 12px; }
.rightFix .fix-tel:hover { background-position: -33px 12px; }
.rightFix .fix-qq { background-position: 11px -40px; }
.rightFix .fix-qq:hover { background-position: -33px -40px; }
.rightFix .fix-ewm { background-position: 11px -96px; }
.rightFix .fix-ewm:hover { background-position: -33px -96px; }
.rightFix .fix_top { background-position: 11px -150px; }
.rightFix .fix_top:hover { background-position: -33px -150px; }
.rightFix .fix-form { background-position: 10px -234px; }
.rightFix .fix-form span { font-size: 14px; line-height: 23px; width: 180px; }
.rightFix .fix-form:hover { background-position: -37px -234px; }
.about_main .con { line-height:40px; margin-bottom: 100px;font-size:24px; }
.about_main .con table tr td {
 padding:20px; text-align: center; }
.about_main .con img { max-width: 100%; }

.listpage {clear: both;text-align: center;}
.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;margin-left: 1px; }

.flink{ margin:20px auto;}
.flink ul li{ float:left; margin:5px; border:#ddd solid 1px; padding:2px;}

.tlist{ float:left; width:632px;}
.tlist ul li{ float:left; margin:0px 10px 10px 0px; width:200px; height:200px;}
.tlist img:hover{transform: scale(1.04); -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }
.tright{ float:right; width:568px;  text-align:center;}
.tright img:hover{transform: scale(1.02); -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }

.jleft{float:left; width:450px;}
.jleft img:hover{transform: scale(1.02); -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }
.jright{float:right; width:740px;}
.jright img:hover{transform: scale(1.02); -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }
.jright ul li{ float:left;}
.j1{margin:0px 10px 11px 0px;}
.j2{margin:0px 0px 11px 0px;}
.j3{margin:0px 10px 11px 0px}
.j4{margin:0px 0px 11px 0px;}
.j1 img{width:450px; height:217px;}
.j2 img{width:280px; height:217px;}
.j3 img{width:280px; height:217px;}
.j4 img{width:450px; height:217px;}

/*message*/
.contact_mess {width: 580px; margin:0 auto;}
.contact_mess .mess_con {margin-top: 20px;}
.contact_mess .mess_con .item {width: 100%;min-height: 40px;margin-bottom:15px;}
.contact_mess .mess_con .item input {width: 100%;height: 38px;line-height: 38px;padding:0 10px;border:1px solid #e6e6e6;background:#f6f6f6;box-sizing:border-box;}
.contact_mess .mess_con .item input.name {width: 280px;float: left;}
.contact_mess .mess_con .item input.email {width: 280px;float: right;}
.contact_mess .mess_con .item input:focus {border-color:#d50d03;}
.contact_mess .mess_con .item textarea {width: 100%;height: 150px;line-height: 21px;padding: 10px;border:1px solid #e6e6e6;background:#f6f6f6;outline: none;box-sizing:border-box;}
.contact_mess .mess_con .item textarea:focus {border-color:#d50d03;}
.contact_mess .mess_con input.submit {width: 140px;height: 38px;background: #d50d03;color: #fff;font-size: 15px;border-radius:3px;font-family:'Microsoft Yahei';cursor: pointer;}
.contact_map {height: 520px;overflow: hidden;margin-top: 60px;}

/*sitemap*/
#sitemaplist dl {margin-top:30px;padding:20px;border:1px solid #ddd}
#sitemaplist dl dt{ font-weight:bold; font-size:16px;}
#sitemaplist dl dd {margin-top:10px;}
#sitemaplist dl a {margin-right:20px;}