





@charset "UTF-8";
body {
 overflow-x: hidden;
 overflow-y: auto;
}
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
 margin: 0px;
}
input, button, ul, ol {
 margin: 0px;
 padding: 0px;
}
body, input, button, form {
 font-size: 14px;
 line-height: 28px;
 font-family: "microsoft yahei", "宋体", "Arial";
 color: #333333;
}
h1, h2, h3, h4, h5, h6 {
 font-size: 14px;
 font-weight: normal;
}
ul, ol, li {
 list-style: none;
}
input {
 background: none;
 border: 0 none;
}
img, iframe {
 border: 0px;
}
em, i {
 font-style: normal;
}
button, input, select, textarea {
 font-size: 100%;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
.red {
 color: #ba292e;
}
.fl {
 float: left;
}
.fr {
 float: right;
}
.tac {
 text-align: center;
}
.tar {
 text-align: right;
}
.poa {
 position: absolute;
}
.por {
 position: relative;
}
.hidden {
 display: none;
}
.w1200 {
 width: 1200px;
 margin: 0 auto;
}


.w1500 {
 width: 1800px;
 margin: 0 auto;
}


.w1300 {
 width: 1220px;
 margin: 0 auto;
}


.ico {
 background: url(../images/icon.png) no-repeat;
 display: inline-block;
 vertical-align: middle;
}
a {
 color: #333333;
 text-decoration: none;
}
a:hover {
 color: #2169b1;
 text-decoration: none;
}
a:visited {
 text-decoration: none;
}
.ease, .ease * {
 -webkit-transition: all ease 300ms;
 -moz-transition: all ease 300ms;
 -ms-transition: all ease 300ms;
 -o-transition: all ease 300ms;
 transition: all ease 300ms;
}
.noease, .noease * {
 -webkit-transition: none;
 -moz-transition: none;
 -ms-transition: none;
 -o-transition: none;
 transition: none;
}
:-moz-placeholder {
color: #aaa;
}
::-moz-placeholder {
color: #aaa;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #aaa;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #aaa;
}

.clearfix {
*zoom: 1;
}
.clearfix:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
}

.top_main {
 width: 100%;
 line-height: 35px;
 position: relative;
 z-index: 80;
 background-color: #f5f5f5;
 color: #555;
 font-size: 12px;
}
.top_main li {
 position: relative;
 display: inline-block;
 text-align: center;
 margin: 0 8px;
}
.top_main li a {
 color: #555;
 cursor: pointer;
}
.top_main li a:hover {
 color: #2169b1;
}
.top_main .split {
 display: inline-block;
 width: 1px;
 height: 12px;
 background: #555;
 vertical-align: middle;
 margin: 0;
}

.header_main {
 width: 100%;
 height: 130px;
 z-index: 100;
 background: #fff;
}
.header_main .logo {
 display: block;
 margin-top: 25px;
}
.header_main .logo img {
 width: 100%;
 height: 100%;
 display: block;
}
.header_main .tel {
 position: relative;
 padding-left: 70px;
 margin-top: 30px;
}
.header_main .tel b {
 position: absolute;
 left: 0;
 top: 5px;
 width: 51px;
 height: 51px;
 float: left;
 display: block;
 background: url(../images/tel.png) no-repeat;
}
.header_main .tel p {
 float: right;
 font-size: 16px;
 color: #555;
 display: block;
}
.header_main .tel p i {
 color: #2169b1;
}
.header_main .tel p span {
 display: block;
 font-size: 36px;
 color: #2169b1;
 line-height: 40px;
 font-weight: bold;
 font-family: Impact;
}
.nav_main {
 width: 100%;
 height: 55px;
 line-height: 55px;
 background: #2169b1;
 z-index: 300;
}
.nav .list {
 width: 100%;
 margin: 0 auto;
 height: 55px;
 line-height: 55px;
 position: relative;
}
.nav_main .nav {
 width: 1200px;
 margin: 0 auto;
}
.nav_main .nav li {
 float: left;
 margin-right: 25px; 
 display: block;
 position: relative;
 z-index: 10;
 font-size: 16px;
 text-align: center;
}
















.nav_main .nav li a {
 
 display: block;
 color: #fff;
 font-size: 16px;
}





.nav_main .nav li a:hover, .nav_main .nav li a.hover {
 background: #2169b1;
 color: #74d0fa;
 
}
.nav_main .nav dl {
 width: 100%;
 background: #2169b1;
 left: -40px;
 top: 55px;
 z-index: 12;
  width: 180px;
}
.nav_main .nav dl {
 position: absolute;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
 opacity: 0;
 visibility: hidden;
 transition: all .6s ease 0s;
 transform: translate3d(0, 10px, 0);
 -moz-transform: translate3d(0, 10px, 0);
 -webkit-transform: translate3d(0, 10px, 0);
}
.nav_main .nav li:hover dl {
 opacity: 1;
 visibility: visible;
 transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -webkit-transform: translate3d(0, 0, 0);
}
.nav_main .nav dl dd {
 line-height: 45px;
 border-top: 1px solid #155493;
 text-align: left;
 position: relative;
 z-index: 12;
 display: block;
 width: 100%;
}
.nav_main .nav dl dd:first-child {
 border: none;
}
.nav_main .nav dl dd a {
 color: #fff;
 font-size: 14px;
 padding: 0;
 width: 100%;
 text-align: center;
}
.nav_main .nav dl dd a:hover, .nav_main .nav dl dd a.hover {
 background: #3784d0;
}

#banner_main {
 overflow: hidden;
 position: relative;
 z-index: 2;
 max-width: 1920px;
 margin: 0 auto;
}
#banner_main .banner, #banner_main .banner img {
 height: 500px;
}
#banner {
 width: 100%;
 min-width: 1000px;
 position: relative;
 overflow: hidden;
 z-index: 0;
}
#banner, .banner ul {
 max-height: 500px;
 overflow: hidden;
}
.banner li {
 width: 100%;
 position: absolute;
 z-index: 1;
 overflow: hidden;
 display: none;
}
.banner li:first-child {
 display: block;
}
.banner li img {
 width: 1920px;
 display: block;
 position: relative;
 left: 50%;
 margin-left: -960px;
 top: 0;
}
#banner .tip {
 width: 1000px;
 height: 15px;
 line-height: 0;
 font-size: 0;
 text-align: center;
 position: absolute;
 left: 50%;
 margin-left: -500px;
 bottom: 15px;
 z-index: 3;
}
#banner .tip span {
 width: 15px;
 height: 15px;
 margin: 0 5px;
 display: inline-block;
 cursor: pointer;
 background: #2169b1;
 border-radius: 10px;
 transition: all .5s;
}
#banner .tip span.cur {
 width: 40px;
}
#banner #btn_prev, #banner #btn_next {
 display: none;
 width: 32px;
 height: 45px;
 position: absolute;
 top: 50%;
 margin-top: -22.5px;
 z-index: 5;
}
#banner #btn_prev {
 background-position: -60px 0;
 left: 12%;
 transition: all 600ms ease;
}
#banner #btn_next {
 background-position: -92px 0;
 right: 12%;
 transition: all 600ms ease;
}
#banner #btn_prev:hover {
 opacity: .8;
 filter: alpha(opacity=80);
 transition: all 600ms ease;
 left: 11.6%;
}
#banner #btn_next:hover {
 opacity: .8;
 filter: alpha(opacity=80);
 transition: all 600ms ease;
 right: 11.6%;
}

.search_main {
 height: 60px;
 width: 100%;
 overflow: hidden;
 background: #f4f4f4;
}
.search_main .skey {
 float: left;
 line-height: 60px;
}
.search_main .skey p {
 font-size: 14px;
 font-weight: bold;
 color: #2169b1;
 line-height: 60px;
}
.search_main .skey p a {
 display: inline-block;
 font-weight: normal;
 color: #959595;
 line-height: 15px;
 padding: 0 12px;
}
.search_main .skey p a:last-of-type {
 border-right: none;
}
.search_main .skey p a:hover {
 color: #2169b1;
}
.search_main .search_form {
 float: right;
 width: 285px;
 height: 33px;
 overflow: hidden;
 border: 1px solid #e8e8e8;
 background-color: #fff;
 position: relative;
 margin-top: 13px;
 border-radius: 3px;
 position: relative;
}
.search_main .search_form input {
 background-color: none;
 border: none;
 outline: none;
}
.search_main .search_form .stxt {
 width: 235px;
 height: 33px;
 line-height: 33px;
 display: block;
 text-indent: 10px;
 color: #999;
}
.search_main .search_form .sbtn {
 width: 50px;
 height: 33px;
 display: block;
 cursor: pointer;
 position: absolute;
 top: 0;
 right: 0;
 font-size: 0;
 background: #2169b1 url(../images/search.png) center no-repeat;
 border-radius: 3px;
}

.linkBox {
 width: 100%;
 height: auto;
 background: #f8f8f8;
 padding: 10px 0;
}
.link {
 height: auto;
 width: 1200px;
 line-height: 26px;
 overflow: hidden;
 margin: 5px auto;
 text-align: left;
 font-size: 14px;
}
.yqljbt {
 width: 94px;
 height: 45px;
 display: block;
 overflow: hidden;
 float: left;
 background: url(../images/link.png) no-repeat 0 0;
 padding-left: 50px;
 margin-right: 20px;
 color: #555;
 font-size: 17px;
 line-height: 22px;
 border-right: 1px solid #c3c3c3;
}
.yqljcss {
 width: 100%;
 float: left;
 height: auto;
 margin: 4px 0;
 color: #757575;
}
.yqljcss a {
 color: #757575;
 margin: 0 5px;
}
.yqljcss a:hover {
 color: #2169b1;
 margin: 0 5px;
}

.footer_main {
 width: 100%;
 padding-bottom: 0;
 background: #2169b1;
 color: #fff;
}
.bottom_main {
 padding: 50px 0 40px 0;
}
.bottom_main .contact {
 width: 300px;
}
.bottom_main .contact h3 {
 margin-bottom: 50px;
 font-weight: bold;
 font-size: 20px;
 line-height: 20px;
 color: #fff;
}
.bottom_main .contact p {
 line-height: 28px;
}
.bottom_main .contact p.p1 {
 font-size: 20px;
 line-height: 24px;
}
.bottom_main .contact p.tel {
 font-size: 35px;
 font-family: "Arial";
 line-height: 56px;
}
.bottom_main .bNav {
 padding: 0 35px;
 height: 210px;
 border-left: 1px solid #13518e;
 border-right: 1px solid #13518e;
}
.bottom_main .bNav dl {
 display: inline-block;
 float: left;
 width: 150px;
 overflow: hidden;
 text-align: center;
}
.bottom_main .bNav dl dt {
 height: 16px;
 display: block;
 padding-bottom: 25px;
}
.bottom_main .bNav dl dt a {
 display: block;
 font-size: 18px;
 color: #fff;
 line-height: 16px;
}
.bottom_main .bNav dl dd {
 display: block;
 height: 14px;
 padding-bottom: 14px;
}
.bottom_main .bNav dl dd a {
 display: block;
 font-size: 14px;
 color: #fff;
 line-height: 14px;
}
.bottom_main .ewm {
 text-align: center;
 padding-left: 50px;
}
.bottom_main .ewm dl {
 float: left;
 display: block;
}
.bottom_main .ewm dl:nth-child(2) {
 margin-right: 0px;
}
.bottom_main .ewm dl:first-child+dl {
 margin-right: 0px;
}
.bottom_main .ewm dl dt {
 width: 175px;
 height: 175px;
 text-align: center;
}
.bottom_main .ewm dl dt img {
 width: 100%;
 height: 100%;
 display: inline-block;
}
.bottom_main .ewm dl dd {
 font-size: 14px;
 color: #fff;
 line-height: 32px;
}
.copyright_main {
 background: #302a29;
 line-height: 28px;
 color: #fff;
 font-size: 14px;
 padding: 20px 0;
 text-align: center;
}
.copyright_main a {
 color: #fff;
}


.fw {
 width: 100%;
 margin-bottom: 40px;
}
.fw .fwTit {
 height: 79px;
 margin: 0 auto;
 background: url(../images/fwtit.png) no-repeat center -9px;
 border-top: 9px solid #2169b1;
 text-align: center;
}
.fw .fwTit a {
 font-size: 30px;
 font-weight: bold;
 line-height: 60px;
 color: #fff;
 display: inline-block;
}
.fw .fwList {
 width: 1200px;
 height: 300px;
 margin-top: 60px;
}
.fw .fwList li {
 width: 398px;
 height: 153px;
 float: left;
}
.fw .fwList li a {
 width: 376px;
 height: 130px;
 border: 1px solid #eaeaea;
 background: #f4f4f4;
 display: block;
 position: relative;
}
.fw .fwList li a:hover {
 border: 1px solid #2169b1;
}
.fw .fwList li .fw-pic {
 position: absolute;
 top: 15px;
 left: 10px;
 width: 135px;
 height: 100px;
}
.fw .fwList li .fw-pic img {
 width: 100%;
 height: 100%;
}
.fw .fwList li .fw-tit {
 width: 204px;
 height: 30px;
 line-height: 30px;
 font-weight: normal;
 font-size: 24px;
 display: block;
 position: absolute;
 top: 15px;
 left: 157px;
 color: #333;
 overflow: hidden;
 transition: all .5s;
}
.fw .fwList li a:hover .fw-tit {
 color: #2169b1;
}
.fw .fwList li .fw-desc {
 width: 204px;
 height: 65px;
 line-height: 22px;
 color: #8a8a8a;
 display: block;
 position: absolute;
 top: 50px;
 left: 157px;
 overflow: hidden;
 text-align: justify;
}

.xbanner1 {
 height: 150px;
 background: #2169b1 url(../images/ixbannerbg1.png) no-repeat center center;
}
.xbanner1 .tit1 {
 padding-top: 22px;
 font-size: 30px;
 font-weight: 900;
 color: #fff;
 text-align: center;
}
.xbanner1 .tit2 {
 margin-top: 28px;
 font-size: 18px;
 color: #fff;
 text-align: center;
}

.liyou {
 width: 100%;
 height: 780px;
 overflow: hidden;
 background: url(../images/liyou_bg.jpg) no-repeat center top;
}
.liyou .title {
 position: relative;
 text-align: center;
 padding-top: 40px;
 padding-bottom: 13px;
}
.liyou .title h3 {
 font-size: 25px;
}
.liyou .title h3 b {
 color: #2169b1;
 font-size: 40px;
 font-weight: normal;
}
.liyou .title p {
 color: #888;
 font-size: 12px;
}
.liyou .title i {
 position: absolute;
 left: 50%;
 margin-left: -22px;
 bottom: 0;
 display: block;
 width: 44px;
 height: 1px;
 background: #888;
}
.liyou .txt {
 margin: 0 40px;
 margin-top: 110px;
 height: 500px;
}
.liyou .txt .con {
 width: 440px;
 height: 500px;
}
.liyou .txt .con:last-child {
 margin-right: 55px;
}
.liyou .txt .con .tit {
 text-align: center;
}
.liyou .txt .con .tit h3 {
 color: 555555;
 font-size: 24px;
}
.liyou .txt .con .tit h3 b {
 color: #ff3a78;
 font-size: 36px;
}
.liyou .txt .con ul {
 margin-top: 64px;
 padding-left: 133px;
}
.liyou .txt .con ul li {
 width: 167px;
 color: #555;
 font-size: 16px;
 line-height: 45px;
 padding-left: 58px;
 border-bottom: 1px dashed #bfbfbf;
 background: url(../images/liyou_01.png) no-repeat 34px center;
}
.liyou .txt .con ul li:last-child {
 border-bottom: 0;
}
.liyou .txt .con:last-child ul li {
 background-image: url(../images/liyou_02.png);
}

.xbanner2 {
 width: 100%;
 height: 250px;
 color: #fff;
 background: url(../images/kfadbg.png) repeat-x top left;
 margin-bottom: 20px;
}
.xbanner2 .w1200 {
 position: relative;
 height: 250px;
 background: url(../images/ixbannerbg2.jpg) no-repeat center top;
}
.xbanner2 .zixun {
 width: 429px;
 margin-top: 43px;
 position: relative;
 text-align: center;
}
.xbanner2 .zixun .ewm {
 width: 126px;
 height: 126px;
 display: block;
 position: absolute;
 left: 0;
 top: 0;
}
.xbanner2 .zixun .ewm.hover {
 right: 20px;
}
.xbanner2 .zixun .tel {
 position: absolute;
 top: 63px;
 right: 44px;
 padding: 0 10px;
 height: 37px;
 line-height: 37px;
 text-align: center;
 font-size: 26px;
 color: #fff;
 background: #ff3977;
}
.xbanner2 p {
 position: absolute;
 top: 108px;
 left: 145px;
 font-size: 20px;
}
.xbanner2 p strong {
 display: inline-block;
 color: #fff;
 font-weight: bold;
 font-size: 28px;
 padding-right: 10px;
 font-style: italic;
}
.xbanner2 p.bigtxt {
 position: absolute;
 top: 66px;
 left: 178px;
 font-size: 20px;
 line-height: 24px;
}
.xbanner2 p.bigtxt b {
 color: #fcf9c4;
 font-size: 29px;
 margin-right: 9px;
}

.in_about {
 width: 100%;
 padding-bottom: 50px;
 overflow: hidden;
}
.in_about .title {
 color: #2169b1;
 font-size: 24px;
 font-weight: bold;
 background: url(../images/gytit.png) no-repeat center center;
 text-align: center;
 padding: 2px 0;
 margin-bottom: 40px;
}
.in_about .pic {
 width: 480px;
 height: 340px;
}
.in_about .pic img {
 width: 100%;
 height: 100%;
}
.in_about .con {
 width: 690px;
}
.in_about .con p {
 height: 275px;
 color: #555555;
 font-size: 14px;
 line-height: 30px;
 text-align: justify;
 overflow: hidden;
}
.in_about .con .more {
 width: 146px;
 height: 40px;
 line-height: 40px;
 display: block;
 background: #2169b1;
 border-radius: 5px;
 text-align: center;
 margin-top: 25px;
}
.in_about .con .more a {
 color: #fff;
}

.fwcj {
 width: 100%;
 margin-bottom: 40px;
}
.fwcjTitBg {
 width: 100%;
 height: 46px;
 background: url(../images/fwcjtitbg.png) repeat-x left top;
}
.fwcjTit {
 height: 46px;
 line-height: 46px;
 position: relative;
 background: url(../images/fwcjtit.png) no-repeat 0 0;
}
.fwcjTit h3 {
 float: left;
 width: 208px;
 height: 46px;
 color: #fff;
 font-size: 18px;
 margin-left: 71px;
 margin-right: 40px;
 display: block;
 background: #2169b1;
 text-align: center;
}
.fwcjTit p {
 display: inline-block;
 color: #555;
}
.fwcjTit a {
 width: 92px;
 height: 46px;
 color: #555;
 display: block;
 position: absolute;
 top: 0;
 right: 61px;
 text-indent: 18px;
}
.fwcj .gd-img {
 position: relative;
 margin-top: 30px;
}
.fwcj .gd-img .prev, .fwcj .gd-img .next {
 display: block;
 position: absolute;
 top: 50%;
 margin-top: -38px;
 width: 32px;
 height: 76px;
 cursor: pointer;
 z-index: 1;
}
.fwcj .gd-img .prev {
 background: url(../images/arr_l.png) no-repeat 0 0;
 left: -40px;
}
.fwcj .gd-img .next {
 background: url(../images/arr_r.png) no-repeat 0 0;
 right: -40px;
}
.fwcj .gd-img .bd {
 width: 1200px;
 overflow: hidden;
}
.fwcj .gd-img li {
 float: left;
 width: 280px;
 overflow: hidden;
 text-align: center;
 margin-right: 26px;
 background: #ececec;
 transition: all .5s;
}
.fwcj .gd-img li .img {
 margin: 4px;
 overflow: hidden;
}
.fwcj .gd-img li .img img {
 width: 100%;
}
.fwcj .gd-img li p {
 width: 100%;
 height: 42px;
 line-height: 40px;
 font-size: 14px;
 display: block;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 transition: all .5s;
}
.fwcj .gd-img li a p {
 color: #6d6d6d;
}
.fwcj .gd-img li:hover {
 background: #2169b1;
}
.fwcj .gd-img li:hover a p {
 color: #fff;
}
.inews {
 padding-bottom: 40px;
}
.inews .title {
 width: 100%;
 height: 43px;
 line-height: 43px;
 border-bottom: 1px solid #2169b1;
 margin-bottom: 10px;
}
.inews .title h3 {
 font-size: 22px;
 font-weight: bold;
 color: #2169b1;
}
.inews .title a {
 color: #555;
}
.inews .newslist {
 width: 100%;
}
.inews .newslist li {
 width: 100%;
 height: 39px;
 line-height: 39px;
 border-bottom: 1px dashed #e1e1e1;
 overflow: hidden;
}
.inews .newslist li a {
 width: 100%;
 display: block;
 color: #555;
 font-size: 16px;
}
.inews .newslist li a:hover {
 color: #2169b1;
}
.inews .newslist li .time {
 color: #828282;
 float: right;
 font-weight: normal;
}
.inews1 {
 width: 360px;
 float: left;
 margin-left: 30px;
}

.nybanner {
 width: 100%;
 height: 360px;
 overflow: hidden;
 position: relative;
}
.nybanner img {
 width: 1920px;
 display: block;
 position: absolute;
 left: 50%;
 margin-left: -960px;
 top: 0;
}
.submian {
 padding: 30px 0;
}
.submian .sobtitle {
 height: 30px;
 line-height: 30px;
 padding: 0 0px 10px;
 margin-bottom: 20px;
 color: #555;
 font-size: 14px;
 border-bottom: 1px solid #cccbcb;
 text-align: right;
}
.submian .sobtitle h3 {
 float: left;
 color: #2169b1;
 font-size: 18px;
 font-weight: bold;
}
.submian .sobtitle s {
 display: inline-block;
 width: 4px;
 height: 4px;
 margin-right: 8px;
 border: 3px solid #2169b1;
 vertical-align: middle;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.submian .sobtitle a {
 font-size: 14px;
 color: #555;
}
.submian .sobtitle a:hover {
 color: #2169b1;
}
.submian .sobtitle a.now {
 color: #2169b1;
 font-size: 14px;
 font-weight: bold;
}
.submian .sobtitle a.now:hover {
 text-decoration: underline;
}
.submian .subleft {
 width: 250px;
}
.submian .subleft .lefta {
 width: 250px;
 margin-bottom: 20px;
}
.submian .subleft .lefta .title {
 background: #2169b1;
 color: #fff;
 height: 96px;
 text-align: center;
}
.submian .subleft .lefta .title h2 {
 display: block;
 font-size: 30px;
 line-height: 33px;
 font-weight: bold;
 padding-top: 20px;
}
.submian .subleft .lefta .title span {
 display: block;
 font-size: 19px;
}
.submian .subleft .lefta .comt ul {
 background: #ececec;
 padding: 15px 15px 15px 15px;
 border: 1px solid #ececec;
 border-top: 0;
}
.submian .subleft .lefta .comt ul li a {
 background: #fff url(../images/tb9.png) 20px center no-repeat;
 line-height: 40px;
 display: block;
 font-size: 16px;
 color: #555;
 padding: 0 15px 0 36px;
 margin-top: 15px;
}
.submian .subleft .lefta .comt ul li:first-child a {
 margin-top: 0;
}
.submian .subleft .lefta .comt ul li:hover a, .submian .subleft .lefta .comt ul li.hover a {
 background: #2169b1 url(../images/tb11.png) 20px center no-repeat;
 color: #fff;
}
.submian .subleft .lefta .comt ul li .boxlist {
 display: none;
 padding: 0;
 border: 0;
}
.submian .subleft .lefta .comt ul li .boxlist li a {
 color: #555;
 font-size: 12px;
 font-weight: normal;
 margin-top: 15px;
 line-height: 35px;
 background: #fff url(../images/tb12.png) 20px center no-repeat;
}
.submian .subleft .lefta .comt ul li .boxlist li a:hover, .submian .subleft .lefta .comt ul li .boxlist li a.hover {
 color: #2169b1;
}
.submian .subleft .lefta .comt ul li.hover .boxlist {
 display: block;
}
.submian .subright .anlitopH4 {
 background: #2169b1;
}
.submian .subright .anlitopH4 {
 height: 38px;
 line-height: 38px;
 margin-top: 20px;
}
.submian .subright .anlitopH4 span {
 height: 38px;
 line-height: 38px;
 padding-left: 22px;
 display: block;
 float: left;
 color: #fff;
 font-size: 14px;
}
.submian .subright .divremmnews {
 border: 1px solid #e4e4e4;
 border-top: none;
 margin-bottom: 10px;
 padding: 15px;
 background-color: #fff;
}
.submian .subright .divremmnews ul {
 width: 100%;
 overflow: hidden;
}
.submian .subright .divremmnews ul li {
 float: left;
 width: 47%;
 height: 35px;
 line-height: 35px;
 margin: 0 1.5%;
 border-bottom: 1px solid #f1f1f1;
}
.submian .subright .divremmnews ul li a {
 color: #555;
 height: 35px;
 line-height: 35px;
 float: left;
 overflow: hidden;
}
.submian .subright .divremmnews ul li span {
 color: #555;
 float: right;
 height: 35px;
 line-height: 35px;
 white-space: nowrap
}
.submian .subright .divremmnews ul li a:hover {
 color: #2169b1;
}
.submian .subleft .leftnews {
 margin-bottom: 20px;
}
.submian .subleft .leftnews .title_pro {
 background: #2169b1;
 color: #fff;
 height: 60px;
 line-height: 60px;
 text-align: center;
}
.submian .subleft .leftnews .title_pro h2 {
 display: block;
 font-size: 24px;
}
.submian .subleft .leftnews .leftprocomt {
 padding-top: 10px;
 border: 1px solid #ddd;
 border-top: 0;
}
.submian .subleft .leftnews .leftprocomt li {
 float: left;
 text-align: center;
 width: 110px;
 margin-left: 10px;
}
.submian .subleft .leftnews .leftprocomt li img {
 width: 100%;
 height: 83px;
 border-radius: 3px;
}
.submian .subleft .leftnews .leftprocomt li p {
 color: #555;
 line-height: 30px;
 transition: all .5s;
}
.submian .subleft .leftnews .leftprocomt li:hover p {
 color: #2169b1;
}
.submian .subleft .leftnews .leftcont {
 background: #ececec;
 padding: 10px;
 border-radius: 0 0 3px 3px;
}
.submian .subleft .leftnews .leftcont p {
 color: #555;
 line-height: 30px;
 font-size: 14px;
 display: block;
}
.submian .subright {
 width: 920px;
 padding-bottom: 20px;
 line-height: 28px;
}
.submian .subright .aboutlist {
 color: #5a5a5a;
 text-align: justify;
}
.submian .subright img {
 max-width: 920px;
}
.submian .subright .newslist .textlist li {
 padding: 25px 0px 25px;
 height: 110px;
 border-bottom: 1px solid #ddd;
 width: 100%;
 margin-bottom: 25px;
}
.submian .subright .newslist .textlist li a {
 display: block;
 cursor: pointer;
}
.submian .subright .newslist ul li a img {
 width: 147px;
 float: left;
 margin-right: 18px;
 border: 1px solid #eee;
 height: 110px;
 display: block;
}
.submian .subright .newslist ul li a .txt {
 color: #888;
 line-height: 24px;
 font-size: 12px;
}
.submian .subright .newslist .textlist li a p {
 height: 40px;
 line-height: 40px;
}
.submian .subright .newslist .textlist li a b {
 color: #2169b1;
 font-size: 14px;
}
.submian .subright .newslist .textlist li a:hover b {
 color: #2169b1;
}
.submian .subright .newslist .textlist li a i {
 color: #999;
 display: block;
 line-height: 20px;
 margin-bottom: 5px;
 font-size: 12px;
}
.submian .subright .newslist .textlist li a span {
 line-height: 22px;
 max-height: 66px;
 overflow: hidden;
 display: block;
 color: #555;
}
.submian .subright .newslist .textlist2 li {
 height: 40px;
 line-height: 40px;
}
.submian .subright .newslist .textlist2 li a {
 display: block;
}
.submian .subright .newslist .textlist2 li s {
 width: 4px;
 height: 4px;
 display: inline-block;
 vertical-align: middle;
 background: #007eb9;
 margin-right: 10px;
 border-radius: 100%;
}
.submian .subright .newslist ul li a:hover img {
 opacity: 0.8;
 filter: alpha(opacity=80);
 -moz-opacity: 0.8;
 -khtml-opacity: 0.8;
}
.submian .subright .newslist ul li a:hover p b {
 text-decoration: underline;
}
.submian .subright .newslist ul li a:hover span {
 color: #777;
}
.submian .subright .caselist ul li {
 padding: 20px 0px;
 border-bottom: 1px dotted #c2c2c2;
 height: 176px;
}
.submian .subright .caselist ul li a {
 display: block;
}
.submian .subright .caselist ul li a img {
 width: 220px;
 height: 162px;
 display: block;
 border: 7px solid #e2e2e2;
}
.submian .subright .caselist ul li a .txt {
 width: 470px;
 float: left;
 padding-left: 20px;
}
.submian .subright .caselist ul li a .txt p {
 height: 40px;
 line-height: 40px;
 color: #007eb9;
 font-size: 14px;
 font-weight: bold;
}
.submian .subright .caselist ul li a .txt i {
 color: #555;
 padding-bottom: 10px;
 display: block;
}
.submian .subright .caselist ul li a .txt span {
 line-height: 22px;
 height: 88px;
 overflow: hidden;
 display: block;
 color: #555;
}
.submian .subright .caselist ul li a:hover img {
 opacity: 0.8;
 filter: alpha(opacity=80);
 -moz-opacity: 0.8;
 -khtml-opacity: 0.8;
 border-color: #007eb9;
}
.submian .subright .caselist ul li a:hover p {
 text-decoration: underline;
}
.submian .subright .caselist ul li a:hover span {
 color: #777;
}
.honorlist ul.list {
 float: left;
 width: 100%;
 padding-left: 0px;
}
.honorlist ul.list li.item {
 float: left;
 width: 296px;
 margin-bottom: 30px;
 margin-right: 14px;
}
.honorlist ul.list li.item a:hover span {
 color: #fff;
}
.honorlist ul.list li.item span {
 width: 100%;
 height: 45px;
 color: #555;
 text-align: center;
 display: block;
 line-height: 43px;
 transition: all .5s;
}
.honorlist ul.list li.item img {
 width: 100%;
 display: block;
 padding: 4px;
}
.list_imgH ul.list li.item {
 width: 286px;
 margin-right: 30px;
}
.list_imgH ul.list li.item a {
 display: block;
 width: 100%;
 overflow: hidden;
 position: relative;
 background: #ececec;
}
.list_imgH ul.list li.item a:hover {
 background: #2169b1;
}
.list_imgH ul.list li.item img {
 display: block;
 width: 278px;
 height: 208px;
}
.submian .t {
 padding: 0 0 25px;
 color: #2169b1;
 font-size: 18px;
}
.submian .t2 {
 padding: 25px 0;
 color: #2169b1;
 font-size: 24px;
}

.formData {
 padding-bottom: 20px;
}
.formData .item {
 float: left;
 color: #999;
 font-weight: normal;
 width: 420px;
 height: 56px;
 line-height: 56px;
 border: 1px solid #e4e4e4;
 margin-right: 76px;
 margin-bottom: 45px;
 position: relative;
}
.formData .item label {
 padding-left: 15px;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 11;
 text-align: center;
 display: block;
 margin: 0;
 height: 56px;
 line-height: 56px;
 font-size: 18px;
 color: #555;
}
.formData .item input {
 outline: none;
 line-height: 38px;
 height: 38px;
 font-size: 18px;
}
.formData .item .txt {
 width: 350px;
 height: 56px;
 line-height: 56px;
 display: block;
 background: none;
 padding-left: 70px;
 border: 0 none;
 color: #555;
}
.formData .item .red {
 position: absolute;
 right: 15px;
 top: 0;
 color: #ff0000;
 z-index: 11;
}
.formData .item.mr0 {
 margin-right: 0;
}
.formData .msg-box {
 position: absolute;
 left: 0;
 top: 0px;
}
.formData .liuyan {
 width: 918px;
 height: 260px;
 border: 1px solid #e4e4e4;
 float: left;
}
.formData .liuyan label {
 text-align: right;
 display: block;
}
.formData .liuyan textarea {
 width: 908px;
 height: 234px;
 line-height: 35px;
 padding: 12px 10px;
 text-indent: 100px;
 font-size: 18px;
 font-family: "microsoft yahei";
 color: #333;
 border: 0 none;
 overflow: hidden;
 background: none;
 resize: none;
 display: block;
 outline: none;
}
.formData .bot {
 width: 100%;
}
.formData .sub {
 width: 232px;
 line-height: 52px;
 border: 2px solid #2169b1;
 margin-right: 2px;
 text-align: center;
 background: #2169b1;
 color: #FFF;
 cursor: pointer;
 font-size: 18px;
 display: block;
 transition: all .5s;
}
.formData .sub:hover {
 background: none;
 color: #2169b1;
}
.formData .yzm .txt {
 padding-left: 80px;
}
.formData .yzm img {
 position: absolute;
 right: 0;
 top: 0;
 height: 56px;
 border: 0px;
 display: block;
}

.submian .subright .thumblist {
}
.submian .subright .thumblist .list {
 padding-bottom: 20px;
}
.submian .subright .thumblist .item {
 border-bottom: 1px dashed #CCC;
 display: block;
 padding: 15px;
 transition: all .5s;
}
.submian .subright .thumblist .item a {
 display: block;
}
.submian .subright .thumblist .item .txt {
 width: 100%;
 cursor: pointer;
}
.submian .subright .thumblist .item .txt h3 {
 float: left;
 color: #434343;
 font-size: 16px;
 font-weight: bold;
 line-height: 30px;
 transition: all .5s;
}
.submian .subright .thumblist .item .txt .mark {
 float: right;
 color: #434343;
 font-size: 12px;
 line-height: 30px;
 padding: 0;
}
.submian .subright .thumblist .item .txt .mark span {
 display: inline-block;
 padding-right: 18px;
}
.submian .subright .thumblist .item .txt p {
 width: 100%;
 color: #555;
 line-height: 25px;
 text-align: justify;
 overflow: hidden;
}
.submian .subright .thumblist .item .txt p span {
 display: inline-block;
 color: #2169b1;
 padding-left: 10px;
}
.submian .subright .thumblist .item a:hover .txt h3 {
 color: #2169b1;
}
.reLink {
 height: 48px;
 line-height: 48px;
 padding: 0;
 border-top: 2px solid #eee;
 border-bottom: 2px solid #eee;
 margin: 20px auto;
}
.reLink .prevLink, .reLink .nextLink {
 width: 50%;
}
.reLink .nextLink {
 text-align: right;
}
.submian .subright .conBox .ArticleTitle h1 {
 font-size: 24px;
 text-align: center;
 padding: 20px 0px;
 font-weight: bold;
}
.submian .subright .conBox .ArticleMessage {
 line-height: 30px;
 height: 30px;
 margin-bottom: 10px;
 text-align: center;
 border-top: 1px dashed #e5e5e5;
 border-bottom: 1px dashed #e5e5e5;
}
.submian .subright .conBox .ArticleMessage span:first-child {
 margin-left: 0;
}
.submian .subright .conBox .ArticleMessage span {
 color: #999;
 margin-left: 14px;
 font-size: 12px;
}
.submian .subright .conBox .ArticleMessage .jiathis_style {
 float: left;
 margin-top: 5px;
}
.submian .subright .conBox .ArticleTencont {
 padding: 5px 0px 20px 0px;
 line-height: 28px;
 overflow: hidden;
 color: #555;
 font-size: 14px;
 text-align: justify;
}
.submian .subright .conBox #pic {
 width: max-content;
 margin: 20px auto;
 padding: 1px;
 box-shadow: 0 0 20px 0 rgba(0,0,0,.3);
}
.submian .subright .conBox #pic img {
 max-width: 800px;
}
.submian .subright .showproduct .ArticleTencont img {
 max-width: 100%;
}
.submian .subright .conBox .ArticleTencont img {
 max-width: 100%;
}

.toolbar {
 position: fixed;
 top: 50%;
 right: 1%;
 margin-top: -163px;
 z-index: 100;
 width: 80px;
}
.toolbar dd {
 position: relative;
 float: left;
 width: 80px;
 height: 80px;
 background: #2169b1;
 margin-top: 2px;
 border-radius: 5px;
 color: #fff;
 font-size: 14px;
 line-height: 21px;
 text-align: center;
 cursor: pointer;
 transition: all .5s;
}
.toolbar dd:first-child {
 margin-top: 0;
}
.toolbar dd i {
 width: 100%;
 height: 30px;
 display: block;
 margin-top: 13px;
 background: url(../images/toolbar.png) no-repeat center 0;
}
.toolbar dd.qq i {
 background-position-y: 0;
}
.toolbar dd.tel i {
 background-position-y: -30px;
}
.toolbar dd.code i {
 background-position-y: -60px;
}
.toolbar dd.top i {
 background-position-y: -90px;
}
.toolbar dd span {
 display: block;
 color: #fff;
}
.toolbar dd.tel .box {
 position: absolute;
 top: 0;
 width: 190px;
 right: -200px;
 height: 100%;
 margin-right: 10px;
 border-radius: 5px;
 background: #2169b1;
 opacity: 0;
 transition: all .5s;
}
.toolbar dd.tel .box p {
 font-size: 14px;
 margin: 15px auto 7px;
}
.toolbar dd.tel .box h3 {
 font-size: 18px;
 font-weight: bold;
}
.toolbar dd.tel .box:after {
 display: block;
 content: " ";
 border-style: solid dashed dashed dashed;
 border-color: transparent transparent transparent #2169b1;
 border-width: 9px;
 width: 0;
 height: 0;
 position: absolute;
 top: 50%;
 margin-top: -9px;
 right: -18px;
 margin-left: -12px;
}
.toolbar dd.code .box {
 position: absolute;
 top: 0;
 width: 162px;
 right: -172px;
 height: 162px;
 margin-right: 10px;
 border-radius: 5px;
 background: #2169b1;
 opacity: 0;
 transition: all .5s;
}
.toolbar dd.code .box img {
 width: 140px;
 height: 140px;
 padding: 11px;
}
.toolbar dd.code .box:after {
 display: block;
 content: " ";
 border-style: solid dashed dashed dashed;
 border-color: transparent transparent transparent #2169b1;
 border-width: 9px;
 width: 0;
 height: 0;
 position: absolute;
 top: 30px;
 right: -18px;
 margin-left: -12px;
}
.toolbar dd:hover {
 background: #333;
}
.toolbar dd.tel:hover .box {
 opacity: 1;
 right: 80px;
}
.toolbar dd.code:hover .box {
 opacity: 1;
 right: 80px;
}
.subright .searchList {
 border-top: 1px solid #ddd;
}
.subright .searchList li {
 padding-top: 20px;
 padding-bottom: 20px;
 border-bottom: 1px solid #ddd;
}
.subright .searchList li:first-child {
 border-top: none;
}
.subright .searchList li:hover a h2 {
 color: #2169b1;
 font-weight: bold;
}

@font-face {
 font-family: didot;
 src: url('../font/didot.eot');
 src: url('../fonts/didot.eot')format('embedded-opentype'),  url('../fonts/didot.woff') format('woff'),  url('../fonts/didot.ttf') format('truetype'),  url('../fonts/didot.svg#didot') format('svg');  
}

.HS10, .HS15 {
 overflow: hidden;
 clear: both;
}
.HS10 {
 height: 10px;
}
.HS15 {
 height: 15px;
}
.Hidden {
 display: none;
}
.Clearer {
 display: block;
 clear: both;
 font-size: 1px;
 line-height: 1px;
 margin: 0;
 padding: 0;
}
.FlLeft {
 float: left;
}
.FlRight {
 float: right;
}

.MainBg {
 width: 920px;
 margin: 0 auto;
}

.OriginalPicBorder {
 padding: 0;
}
#OriginalPic {
 width: 920px;
 overflow: hidden;
 position: relative;
 font-size: 12px;
}
#OriginalPic img {
 display: block;
 min-width: 100px;
 margin: 0 auto;
}

.CursorL {
 position: absolute;
 z-index: 999;
 width: 50%;
 height: 100%;
 color: #FFF;
 left: 0;
 cursor: url(../images/CurL.cur), auto;
}
.CursorR {
 position: absolute;
 z-index: 999;
 width: 50%;
 height: 100%;
 color: #FFF;
 right: 0;
 cursor: url(../images/CurR.cur), auto;
}

.SliderPicBorder {
 width: 100%;
 overflow: hidden;
}
.ThumbPicBorder {
 width: 920px;
 margin: 0 auto;
 background: #eeeeee;
 overflow: hidden;
 position: relative;
}
.ThumbPicBorder #btnPrev {
 width: 45px;
 height: 113px;
 cursor: pointer;
 position: absolute;
 left: 20px;
 top: 20px;
}
.ThumbPicBorder #btnNext {
 width: 45px;
 height: 113px;
 cursor: pointer;
 position: absolute;
 right: 20px;
 top: 20px;
}
.ThumbPicBorder .pic {
 width: 755px;
 overflow: hidden;
 position: relative;
 margin: 20px auto;
}
#ThumbPic img {
 border: 3px solid #ddd;
 cursor: pointer;
 background-color: #ddd;
 margin: 0 5px;
 width: 135px;
 height: 108px;
 display: block;
 -webkit-transition: all .3s ease-in-out 0s;
 -moz-transition: all .3s ease-in-out 0s;
 transition: all .3s ease-in-out 0s;
}
#ThumbPic img.active {
 border: 3px solid #2169b1;
}


.pages{padding: 20px 0;width:100%;text-align: center;clear: both;}
.pages a,.pages span{color: #555;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #f9f9f9;border: 1px solid #f2f2f2;}
.pages a:hover{display:inline-block;color: #fff;background: #2169b1;border-color: #2169b1;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pages span{display:inline-block;color: #555;}
.pages a.page-num-current{display:inline-block;color: #fff;background: #2169b1;border-color: #2169b1;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}






.icaseShow {
 margin-top: 25px; margin-bottom:25px
}
.icaseShow .icase {
 position: relative;
 height: 70px;
}
.icaseShow .menu1 {
 position: absolute;
 top: 0;
 right: 136px;
}
.icaseShow .menu1 a {
 float: left;
 display: block;
 padding: 0 15px;
 height: 31px;
 margin-right: 6px;
 font-size: 14px;
 text-align: center;
 line-height: 30px;
 color: #666;
 background: #fff;
 border-radius: 20px;
}
.icaseShow .menu1 a.hover, .icaseShow .menu1 a:hover {
 color: #fff;
 background: #af6836;
}
.caseMain {
 position: relative;
 width: 100%;
}
.caseMain .bd {
 position: relative;
 width: 100%;
 padding-top: 20px;
 z-index: 12;
}
.caseMain .bd .list {
 width: 106%;
}
.caseMain .bd .list li {
 float: left;
 width: 280px;
 height: 266px;
 margin-right: 26px;
}
.caseMain .bd .list li .img {
 display: block;
 width: 280px;
 height: 210px;
}
.caseMain .bd .list li .txt {
 width: 240px;
 height: 50px;
 padding: 0 20px;
 background: #fff;
 transition: all ease 600ms;
}
.caseMain .bd .list li .txt .tit {
 font-size: 16px;
 color: #666;
 line-height: 50px; text-align:center
}
.caseMain .bd .list li .txt .cont {
 font-size: 14px;
 color: #999;
 line-height: 24px;
}
.caseMain .bd .list li .txt .more {
 margin-top: 12px;
 font-size: 14px;
 color: #999;
 line-height: 14px;
}
.caseMain .bd .list li:hover .txt {
 background: #4face3;
 transition: all ease 600ms;
}
.caseMain .bd .list li:hover .txt .tit, .caseMain .bd .list li:hover .txt .cont, .caseMain .bd .list li:hover .txt .more {
 color: #fff;
}
.caseMain .bd .list li:hover .img {
 filter: brightness(105%);
 -webkit-filter: brightness(105%);
}
.caseMain .hd {
 position: absolute;
 top: 224px;
 width: 1200px;
 height: 30px;
}
.caseMain .hd .prev, .caseMain .hd .next {
 position: absolute;
 display: block;
 width: 29px;
 height: 29px;
 cursor: pointer;
}
.caseMain .hd .prev {
 background-position: 0 0;
 left: -6.6%;
}
.caseMain .hd .next {
 background-position: -36px 0;
 right: -6.6%;
}
.caseMain .hd .prev:hover {
 background-position: 0 -40px;
}
.caseMain .hd .next:hover {
 background-position: -36px -40px;
}