@charset "utf-8";
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, em { margin: 0; padding: 0; border: 0 none; list-style: none; }
.width { width: 1300px; margin: 0 auto; }
.width1 { width: 1300px; margin: 0 auto; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.m20 { margin: 20px 0; }
.p10 { padding: 10px; }
.p30 { padding: 30px; }
.clear { clear: both; }
.h0 { clear: both; }
.h5 { clear: both; height: 5px; font-size: 0; line-height: 0px; }
.h10 { clear: both; height: 10px; }
.h15 { clear: both; height: 15px; }
.h20 { clear: both; height: 20px; }
.h30 { clear: both; height: 30px; }
.h40 { clear: both; height: 40px; }
.h50 { clear: both; height: 50px; }
.h60 { clear: both; height: 60px; }
.h80 { clear: both; height: 80px; }
.h100 { clear: both; height: 100px; }
.h200 { clear: both; height: 200px; }
.clear { clear: both; }
.dis { display: none; }
.disp { display: block; }
.text-center { text-align: center; }
.text-hide { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.rel { position: relative; z-index: 9; }
.abs { position: absolute; }
body, html { overflow:-x: hidden;
}
body { background: #fff; font-size: 13px; color: #333; }
a { color: #555; }
.topbar { background: #f6f6f6; height: 46px; line-height: 46px; }
.topbar p { float: left; line-height: 46px; color: #373b8f; font-size: 13px; }
.topbar ul { float: right; }
.topbar ul li { float: left; }
.topbar ul li:nth-child(1) { background: url(../images/icon1.png) left center no-repeat; color: #999; padding-left: 17px; }
.topbar ul li:nth-child(2) { background: url(../images/icon2.png) left center no-repeat; color: #373b8f; padding-left: 17px; margin-left: 95px; }
.topbar ul li:nth-child(2) span { font-weight: bold; }
.add-ming { position: relative; cursor: pointer; }
.ming-pian { position: absolute; width: 100px; height: auto; left: 0; top: 40px; display: none; }
.add-ming:hover .ming-pian { display: block; }
.header { width: 100%; padding: 35px 0; }
.logo { margin-top: 0px; }
.logo img { max-height: 98px; }
.logotxt { float: left; margin: 5px 20px 0px 20px; }
.logotxt p { color: #383838; font-size: 16px; padding-left: 10px; border-left: 1px solid #cccccc; }
.logotxt p span { font-weight: bold; color: #263f82; font-size: 18px; display: block; }
.seach_box { float: right; margin-top: 10px; }
.seach_box input { float: left; width: 500px; border: 2px solid #E62129; line-height: 40px; height: 44px; color: #383838; padding-left: 37px; background: url(../images/icon3.png) 10px center no-repeat; }
.seach_box button { float: left; width: 118px; border: none; font-size: 16px; color: #fff; height: 44px; background: #E62129; }
.nav_div { height: 50px; background: #373b8f; position: relative; z-index: 9999; }
.nav_div .width { }
.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }
.nav li { float: left; width: 12.5%; }
.nav li>a { display: block; color: #fff; line-height: 50px; text-align: center; font-size: 16px; transition: all .3s; }
.nav li.active>a { background: #e62129; }
.nav li:hover>a { background: #e62129; }
.nav_xl { position: absolute; top: 50px; left: 0; width: 100%; background: rgba(247,247,247,.9); z-index: 999; *zoom: 1;
padding: 30px 0 10px; text-align: center; transform: scale(1, 0); transform-origin: top; opacity: 0; transition: all .3s; }
.nav li:hover .nav_xl { opacity: 1; transform: scale(1, 1); }
.nav_xl dl { display: inline-block; max-width: 1000px; padding-left: 100px; }
.nav_xl dl dd { width: 180px; height: 20px; float: left; text-align: left; margin-right: 40px; margin-bottom: 20px; }
.nav_xl dl dd a { color: #333; }
.nav_xl dl dd a:hover { color: #373b8f; }
.ins { position: absolute; top: 100px; left: auto; right: auto; background: #f4f3f2; min-width: 183px; z-index: 98; }
.ins p { color: #fff; background: #373b8f; font-size: 20px; font-weight: bold; padding: 12px 24px 10px; }
.ins ul { padding: 12px; }
.ins ul li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 33px; height: 33px; color: #333; }
.ins ul li a span { color: #b5b5b5; margin-right: 10px; }
/* */




/* fullSlide s */
.fullSlide { width: 100%; position: relative; overflow: hidden; z-index: 3; margin: 0 auto; height: 510px; background: url(../images/loading.gif) no-repeat center; }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 1; height: 100%; }
.fullSlide .bd ul { width: 100% !important; height: 100%; }
.fullSlide .bd li { width: 100% !important; height: 100%; overflow: hidden; text-align: center; }
.fullSlide .bd li a { display: block; height: 100% }
.fullSlide .hd { width: 100%; position: absolute; z-index: 2; bottom: 10px; left: 0; height: 25px; line-height: 25px; }
.fullSlide .hd ul { text-align: center; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 10px; height: 10px; margin: 0px 3px; overflow: hidden; background-color: rgba(0, 0, 0, 0.2); font-size: 0; border-radius: 100%; }
.fullSlide .hd ul .on { background: #007aff; }
.fullSlide .prev, .fullSlide .next { display: block; position: absolute; z-index: 1; top: 50%; margin-top: -30px; left: 5%; z-index: 1; width: 40px; height: 60px; background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; display: none; }
.fullSlide .next { left: auto; right: 5%; background-position: -6px -137px; }
/* fullSlide e */
.mybg { background: #fafafa; }
/* services s */
.index_services { background: #fafafa; padding-bottom: 50px; }
.services ul li { float: left; width: 243px; margin-left: 21px; margin-bottom: 20px; background: #fff; transition: all .3s; }
.services ul li a { display: block; padding: 42px 0 36px; position: relative; }
.services ul li a:after, .services ul li a:before { content: ""; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; transition: all 0.3s; opacity: 0; }
.services ul li a:after { border-top: 1px solid rgba(63, 80, 159, 0.5); border-bottom: 1px solid rgba(63, 80, 159, 0.5); transform: scale(0, 1); }
.services ul li a:before { border-left: 1px solid rgba(63, 80, 159, 0.5); border-right: 1px solid rgba(63, 80, 159, 0.5); transform: scale(1, 0); }
.services ul li:nth-child(5n+1) { margin-left: 0; }
.services ul li div { width: 80px; height: 65px; margin: 0 auto 60px; background-position: center; background-size: 180px; background-repeat: no-repeat; position: relative; transition: all .3s; }
.services ul li div:after { content: ""; position: absolute; bottom: -30px; left: 50%; width: 14px; height: 2px; background: #c8c8c8; transform: translateX(-50%); transition: all .3s; }
.services ul li p { color: #333; font-size: 18px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 5px; }
.services ul li:hover { transform: translateY(-3px); box-shadow: 0 0 3px 1px rgba(0,0,0,.1); }
.services ul li:hover div { transform: translateY(-5px); }
.services ul li:hover div:after { width: 100%; background: rgba(63, 80, 159, 0.5) }
.services ul li:hover a:after { opacity: 1; transform: scale(1, 1); }
.services ul li:hover a:before { opacity: 1; transform: scale(1, 1); }
.services ul { margin-bottom: 30px; }
.more { display: block; width: 177px; height: 45px; line-height: 45px; color: #fff; background: #373b8f; margin: 0 auto; text-align: center; font-size: 18px; transition: all .3s; }
a.more:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 0 5px 2px rgba(0,0,0,.1); }
.services1 ul li { float: left; width: 290px; margin-left: 39px; margin-bottom: 39px; background: #fff; transition: all .3s; }
.services1 ul li:nth-child(5n+1) { margin-left: 39px; }
.services1 ul li:nth-child(4n+1) { margin-left: 0; }
.services1 ul li a { display: block; padding: 72px 0 66px; position: relative; }
.ny_tit { text-align: center; color: #333; font-size: 30px; margin-bottom: 50px; }
.list_fuwu_lc { padding: 50px; background: #fff; }
.list_fuwu_lc img { display: block; margin: 0 auto; max-width: 1200px; min-width: 367px; }
.list_fuwu_jj { background: #fafafa; padding: 50px 0 80px; }
/* services end */


/* ysbg s */
.ysbg { width: 100%; height: 159px; background: url(../images/ys.png) no-repeat top center; }
.ysbg .width { line-height: 159px; font-size: 30px; color: #FFF; font-weight: 600; }
.ysbg .width img { margin-right: 30px; }
.ysbg .width span { font-size: 16px; font-weight: normal; padding-left: 12px; }
.ysbg .width a { font-size: 16px; color: #000; background-color: #FFF; width: 190px; height: 40px; margin-top: 60px; display: block; line-height: 40px; text-align: center; transition: all .3s; }
.ysbg .width a:hover { transform: translateY(-2px); box-shadow: 0 0 5px 2px rgba(0,0,0,.3); }
/* ysbg end */


/* fabg s */
.fabg { width: 100%; background: url(../images/fabg.jpg) no-repeat bottom center; }
.fabg .width { }
.fabg .width img { max-width: 100%; }
/* fabg end */

/* form s */

.form { width: 500px; margin: 50px auto; }
.form .input { width: 420px; height: 50px; line-height: 50px; padding: 0 15px; border: #ddd 1px solid; outline: 0; font-size: 16px; color: 000; }
.form .input:focus { border: #164A99 1px solid; }
.form .bnt { width: 80px; height: 50px; background: #164A99; font-size: 16px; color: #FFF; }
.err { color: #F00; font-size: 16px; }
.report { padding: 30px; border: #ddd 1px solid; overflow: hidden; width: 1200px; margin: 0 auto; box-shadow: 0px 0px 9px rgba(0,0,0,0.3); }
.report img { max-width: 100%; }
.report .h2 { font-size: 22px; margin-bottom: 20px; text-align: center; border-bottom: #eee 1px solid; padding: 0 0 20px 0; color: #164A99; }
.report .h3 { font-size: 16px; color: #373b8f; }
.report .close { top: 15px; right: 15px; padding: 8px 10px; background: #666; color: #FFF; }
/* form end */


.h2_tit { font-size: 24px; color: #434343; font-weight: normal; position: relative; text-align: center; margin: 30px 0 0px 0; }
.h2_tit:before { content: ""; width: 2em; height: 3px; background: #373b8f; position: absolute; top: 50px; left: 50%; margin-left: -1em; }
p.en { font-size: 14px; color: #999; text-align: center; margin: 0; line-height: normal; }
h2.tltit { font-size: 32px; color: #010101; font-weight: normal; position: relative; text-align: center; width: 550px; margin: 25px auto 15px auto; letter-spacing: 2px; height: 60px; border-bottom: #CCC 1px solid; }
h2.tltit:before { content: ""; width: 2em; height: 6px; background: #274082; position: absolute; top: 56px; left: 50%; margin-left: -1em; }
a.h_more { width: 126px; height: 42px; line-height: 40px; text-align: center; display: block; color: #666; border: #777 1px solid; border-radius: 20px; font-size: 14px; margin: 20px auto; }
a.h_more:hover { color: #FFF; background: #2668B4; border: #2668B4 1px solid; }
.img_box img { width: 100%; height: 100%; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; }
.img_box:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }
/* h_pic s */


.h_pic { position: relative; }
.h_pic .hd { position: absolute; width: 100%; }
.h_pic .hd a { position: absolute; top: 140px; cursor: pointer; color: #005CA8; }
.h_pic .hd a:hover { color: #e62129; }
.h_pic .hd a i { font-size: 48px; }
.h_pic .hd .next { right: -60px; }
.h_pic .hd .prev { left: -60px; }
.h_pic .bd { position: relative; padding-top: 40px; width: 1300px; overflow: hidden; }
.h_pic .bd ul li { float: left; margin-right: 33.33px; width: 300px; overflow: hidden; background: #FFF; }
.h_pic .bd ul li .img_box { width: 300px; height: 260px; overflow: hidden; position: relative; }
.h_pic .bd ul li .fdj { width: 300px; height: 260px; text-align: center; line-height: 260px; position: absolute; left: 0; top: 0; opacity: 0; z-index: 5; transition: all .5s; }
.h_pic .bd ul li .fdj i { height: 50px; width: 50px; border-radius: 100%; background: #373B8F; display: inline-block; text-align: center; line-height: 50px; color: #fff; font-size: 28px; }
.h_pic .bd ul li a:hover .fdj { background: rgba(55,59,143,.5); opacity: 1; }
.h_pic .bd ul li a p.title { font-size: 16px; padding: 0px 15px; height: 53px; line-height: 21px; text-align: center; width: 100%; display: table; color: #000; border-bottom: #eee 4px solid; transition: all .5s; }
.h_pic .bd ul li a p.title span { vertical-align: middle; overflow: hidden; display: table-cell; }
.h_pic .bd ul li a:hover p.title { color: #fff; background: #373B8F; border-bottom: #373B8F 4px solid; }
.h_pic1 .bd { padding-top: 0px; }
.h_pic1 .hd a { top: 100px; }
.h_pic1 .bd ul li .img_box { height: 220px; }
.h_pic1 .bd ul li .fdj { height: 220px; line-height: 220px; }
.h_pic_list .bd { position: relative; width: 1300px; overflow: hidden; }
.h_pic_list .bd ul li { float: left; margin: 0 33.33px 33px 0; width: 300px; overflow: hidden; background: #FFF; }
.h_pic_list .bd ul li:nth-child(4n) { margin-right: 0; }
.h_pic_list .bd ul li .img_box { width: 300px; height: 260px; overflow: hidden; position: relative; }
.h_pic_list .bd ul li .fdj { width: 300px; height: 260px; text-align: center; line-height: 260px; position: absolute; left: 0; top: 0; opacity: 0; z-index: 5; transition: all .5s; }
.h_pic_list .bd ul li .fdj i { height: 50px; width: 50px; border-radius: 100%; background: #373B8F; display: inline-block; text-align: center; line-height: 50px; color: #fff; font-size: 28px; }
.h_pic_list .bd ul li a:hover .fdj { background: rgba(55,59,143,.5); opacity: 1; }
.h_pic_list .bd ul li a p.title { font-size: 16px; padding: 0px 15px; height: 53px; line-height: 21px; text-align: center; width: 100%; display: table; color: #000; border-bottom: #eee 4px solid; transition: all .5s; }
.h_pic_list .bd ul li a p.title span { vertical-align: middle; overflow: hidden; display: table-cell; }
.h_pic_list .bd ul li a:hover p.title { color: #fff; background: #373B8F; border-bottom: #373B8F 4px solid; }
/* h_pic end */


/* casebg s */

.casebg { background: #F0F0F0; width: 100%; padding: 20px 0; }
.casebg ul li { float: left; margin-right: 33.33px; width: 300px; overflow: hidden; }
.casebg ul li:last-child { margin-right: 0; }
.casebg ul li .img_box { width: 300px; height: 230px; overflow: hidden; position: relative; }
.casebg ul li a div.title { font-size: 16px; padding: 16px 20px; height: 90px; line-height: 25px; width: 280px; background: #FFF; position: relative; z-index: 9; margin: -40px auto 0 auto; color: #000; transition: all .5s; }
.casebg ul li a:hover div.title { background: #EBEBEB; }
/* casebg end */

/* h_about s */

.h_about { padding: 20px 0 50px 0; overflow: hidden; width: 100%; }
.h_about .ab_txt { float: right; width: 720px; margin-top: 30px; }
.h_about .ab_txt h2 { font-size: 22px; line-height: normal; padding: 20px 0 5px 0; }
.h_about .ab_txt .enc {  font-size: 14px; padding-bottom:10px; }
.h_about .ab_txt .ctt { margin: 0 0 10px 0; line-height: 188%; font-size: 16px; }
.h_about .img_box { width: 530px; height: 332px; overflow: hidden; float: left; margin-top: 30px; }
/* h_about end */


/* h_news s */

.news { background: #f0f0f0; padding: 20px 0 40px 0; }
.news .hd { padding-bottom: 40px; text-align: center; }
.news .hd li { position: relative; display: inline-block; width: 108px; font-size: 16px; line-height: 36px; text-align: center; margin: 0 10px; background: #D0CDCD; transition: all .5s; }
.news .hd li a { display: block; }
.news .hd li.on { background: #373B8F; }
.news .hd li.on a { color: #fff; }
.news .bd { }
.news .bd ul { display: none; }
.news .bd li { float: left; width: 410px; margin-right: 35px; transition: all .5s; }
.news .bd li:nth-child(3n) { margin-right: 0; }
.news .bd li h3 { width: 100%; color: #3d3d3d; font-size: 16px; margin: 20px 0 10px 0; height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news .bd li .img { width: 100%; padding-top: 65%; position: relative; overflow: hidden; }
.news .bd li .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; transition: all .5s; }
.news .bd li i { color: #999; font-style: normal; }
.news .bd li p { display: block; color: #666; line-height: 24px; height: 65px; text-align: justify; overflow: hidden; border-bottom: #D1CDCC 3px solid; margin-bottom: 12px; }
.news .bd li span { color: #373b8f; }
.news .bd li:hover .img img { transform: scale(1.1); }
.news .bd li:hover h3 { color: #373b8f; }
.news .bd li:hover p { border-bottom: #373b8f 3px solid; }
/* h_news end */

/* home_nav s */
.home_nav { text-align: center; position: relative; z-index: 9; padding-top: 30px; }
.home_nav ul { margin: 25px auto 0 auto; }
.home_nav ul li { display: inline-block; width: auto; position: relative; }
.home_nav ul li a { display: inline-block; color: #fff; font-size: 14px; margin: 0 6px; height: 40px; line-height: 38px; padding: 0 20px; background: #666; }
.home_nav ul li a:hover { background: #373b8f; color: #fff; }
.home_nav ul .hover a { background: #373b8f; color: #fff; }
.home_nav ul li dl { display: none; background: #373b8f; padding: 0; margin: 0; width: 134px; }
.home_nav ul .hover dl { display: none; text-align: center; position: absolute; top: 40px; left: 2px; margin: 0; }
.home_nav ul .hover dl dt a { display: block; font-weight: normal; color: #fff; background: #373b8f; border: 0; margin: 0; }
.home_nav ul .hover dl dt a:hover { background: #606060; color: #fff; border: 0; }
/* home_nav e */


.home_case li { float: left; width: 140px; margin-right: 25.7px; }
.home_case li .pic { border: #eee 1px solid; }
.home_case li .title { margin-top: 10px; height: 30px; line-height: 30px; text-align: center; }
.pos-bg { /*background: #F8F8F8;*/ border-bottom: #ededed 1px solid; position: relative; overflow: hidden; }
.position { }
.position ul { margin: 0; padding: 0; line-height: 50px; }
.position ul li { font-size: 14px; }
.position ul.fr a { font-size: 16px; }
.position ul.fr a i { font-size: 18px; color: #373b8f; margin-left: 5px; display: inline-block; }
.banner_inner { height: 300px; }
.banner_inner h2 { font-size: 28px; font-weight: 400; }
.banner_inner p { color: #fff; font-size: 15px; }
.subject { border-bottom: 1px solid #ddd; }
.subject b { border-bottom: 1px solid #0e90d2; height: 40px; line-height: 40px; display: inline-block; margin-bottom: -1px; font-weight: normal; color: #3b3b3b; font-size: 18px; font-family: microsoft yahei; }
.subject .more { float: right; }
.subject .more a { font-size: 12px; font-family: 宋体; color: #999; }
.subject .more a:hover { color: #f00; }
.subject1 { border-bottom: 1px solid #ddd; }
.subject1 b { height: 50px; line-height: 50px; display: inline-block; color: #333; font-size: 16px; padding-left: 0px; position: relative; font-weight: normal; }
.subject1 b:before { position: absolute; left: 0px; margin-top: 10px; width: 6px; height: 20px; /*    background-color:#f00;*/ content: ''; }
.subject2 { border-bottom: 2px solid #164A99; }
.subject2 b { height: 50px; line-height: 50px; display: inline-block; color: #164A99; font-size: 16px; padding-left: 0px; position: relative; font-weight: normal; }
.subject2 b:before { position: absolute; left: 0px; margin-top: 10px; width: 6px; height: 20px; /*    background-color:#f00;*/ content: ''; }
.linkbg { color: #c0c0c0; line-height: 36px; }
.linkbg a { color: #c0c0c0; display: inline-block; margin-right: 25px; }
.linkbg a:hover { color: #fff; }
.bg_foot { background: #302f2f; }
.footer { padding: 55px 0 30px 0; color: #fff; }
.line-r { width: 1px; height: 198px; display: block; float: left; margin-right: 50px; }
.footer .left { float: left; min-height: 120px; margin-right: 80px; }
.footer .fr { line-height: 200%; font-size: 16px; color: #c0c0c0; }
.footer .fr h3 { color: #fff; font-size: 24px; line-height: 120%; letter-spacing: 2px; border-bottom: 1px solid #fff; font-weight: normal; }
.footer .fr h3 p { color: #d1d1d1; font-size: 14px; letter-spacing: normal; font-weight: normal; }
.footer .left dl { margin: 0; padding: 0; }
.footer .left dl dd { text-align: left; font-size: 18px; font-family: microsoft yahei; margin: 0 0 10px 0; padding: 0; }
.footer .left dl dt { text-align: left; font-size: 14px; font-family: microsoft yahei; line-height: 30px; font-weight: normal; }
.footer .left dl dt p { margin: 0; padding: 0; }
.footer a { color: #c0c0c0; }
.footer a:hover { color: #fff; }
.footer .wx_fr { width: 150px; display: block; float: right; text-align: center; margin-right: 30px; font-size: 18px; }
.footer .wx_fr img { margin: 0 0 10px 0; }
.copyright { height: 55px; line-height: 53px; color: #aaa; text-align: center; background: #141414; }
.copyright a { color: #aaa; }
.copyright a:hover { color: #fff; }
.inner_container { padding: 20px 0; }
.inner_container h1 { text-align: center; font-size: 30px; font-weight: 400; margin: 0 0 20px 0; padding: 0; }
.page_show { background: #FFF; overflow: hidden; line-height: 188%; }
.page_show p { margin-bottom: 10px; }
.page_show a { color: #f00; }
.page_show a:hover { color: #f00; }
.fays { background: #fcfcfc; padding: 20px 0; }
.faystit { border-bottom: #ddd 2px solid; padding: 10px 0 10px 200px; }
.faystit h2 { font-size: 26px; }
.faystit p { font-size: 14px; padding-top: 20px; }
.ui-form { }
.dxxz { background: #FFF; padding: 20px 0 20px 200px; }
.t8a { width: 25px; line-height: 40px; }
.t8b { width: 150px; line-height: 40px; }
.fays .ui-form-group { padding: 0 0 8px 200px; }
.fays .ui-form-group .ui-col-form-label { text-align: left; }
.fays .ui-form-group span { color: #F00; padding-right: 5px; }
.fays .ui-form-group .ui-form-ip { background: none; border-radius: 0; padding: 10px 15px; }
.fays .ui-input-group .code img { height: 24px; border-radius: 0; }
.fays .ui-input-group .code { border-radius: 0; }
.fays label.ui-col-2 { flex: 0 0 10%; max-width: 10%; }
.fays .ui-col-form-label { padding-right: 0; }
.fays .ui-btn-blue { background: #373b8f; border-radius: 0; padding: 0 50px; border: 0; margin-top: 10px; }
.fays .ui-btn-blue:hover { background: #e62129; }
/*news_f*/
.news_f { padding: 0px; background: #FFF; overflow: hidden; }
.news_f li { overflow: hidden; position: relative; margin: 25px 0; }
.news_f li a { display: block; padding: 0px 0px 15px 0px; overflow: hidden; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; border-bottom: #eee 1px solid; }
.news_f li a:hover { border-color: #bbb; }
.news_f li .txt_desc { color: #999; font-size: 13px; line-height: 200%; width: 100%; float: right; }
.news_f li .pmcms { width: 650px; }
.news_f li a .txt_desc h2 { display: block; font-size: 16px; color: #333; margin: 0px 0 5px 0; font-weight: normal; width: 96%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_f li a:hover .txt_desc h2 { color: #f00; }
.news_f li .img_box { display: inline-block; width: 200px; height: 150px; overflow: hidden }
.news_f li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }
.news_f li .txt_desc p { color: #1e50ae; text-align: right; }
.newslist { padding: 0; }
.newslist .item { width: 100%; display: block; margin-bottom: 28px; background: #fff; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; overflow: hidden; padding: 25px; }
.newslist .item a { display: block; }
.newslist .item .img { width: 200px; height: 150px; overflow: hidden; margin-right: 30px; }
.newslist .item .img img { width: 100%; height: 100%; display: block; transition: all 0.3s ease-out 0s; }
.newslist .item a:hover .img img { transform: scale(1.1, 1.1); }
.newslist .item .txt { }
.newslist .item h3 { font-weight: normal; color: #000; font-size: 20px; display: block; padding: 10px 0; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.newslist .item .txt p { font-size: 14px; color: #999; line-height: 24px; padding-top: 15px; }
.newslist .item a:hover h3 { color: #373b8f; }
.newslist .item:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.newslist span { float: right; padding: 3px 15px; color: #424242; font-size: 18px; border: 1px solid #424242; }
.newslist .item a:hover .txt { color: #444; }
/*news_k*/


.news_k { margin: 0 -20px 0 -20px; }
.news_k h2 { font-size: 22px; color: #434343; font-weight: 600; margin-bottom: 20px; margin-left: 23px; }
.news_k h2 span { color: #ce4e45; }
.news_k li { float: left; position: relative; margin-bottom: 25px; }
.news_k li a { padding: 20px; margin-left: 20px; border: #eee 1px solid; display: block; width: 390px; transition: all 0.3s ease; }
.news_k li a h3 { font-size: 14px; margin-top: 1px; font-weight: normal; height: 53px; line-height: 21px; text-align: left; width: 100%; display: table; color: #000; }
.news_k li a h3 span { vertical-align: middle; overflow: hidden; display: table-cell; }
.news_k li .imgbox { width: 346px; height: 215px; overflow: hidden; }
.news_k li .imgbox img { width: 100%; height: 100%; opacity: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.news_k li a:hover img { opacity: 0.8; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.news_k li a .time { font-size: 12px; color: #878787; }
.news_k li a p { font-size: 12px; color: #9b9b9b; line-height: 18px; height: 36px; margin-top: 5px; }
.news_k li a:hover h3 { color: #DC362E; }
.news_k li a h4 { font-size: 16px; color: #000; margin-top: 20px; line-height: 25px; font-weight: normal; height: 25px; text-align: center; }
.news_k li a:hover h4 { color: #DC362E; }
.news_k li a:hover { transform: translateY(-5px); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); }
/* end */


/*标签相关*/
.tags { }
.tags li { display: inline; width: auto; }
.tags li a { display: inline-block; padding: 10px 30px; color: #333; font-size: 14px; background: #fff; margin: 0 2px 5px 0; border-radius: 2px; border: 1px solid #E7E7E7; }
.tags li a:hover { background: #f00; color: #fff; border: 1px solid #f00; }
.tags .hover a { display: inline; padding: 10px 30px; color: #fff; font-size: 14px; background: #f00; color: #fff; border: 1px solid #f00; margin: 0 2px; border-radius: 2px; border-radius: 0; }
/*筛选相关*/
.filter { border: 1px solid #f3f3f3; padding: 6px 20px; margin-top: 30px; box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1); padding: 15px; }
.filter dl { margin: 0; }
.filter dl dd { float: left; width: 70px; font-weight: bold; font-size: 14px; margin: 0; padding-top: 5px; }
.filter dl dt { margin: 0 0 0 80px; }
.filter dl dt a { font-weight: normal; margin: 0 5px 5px 0; padding: 5px 10px; color: #666; font-size: 14px; display: inline-block; }
.filter dl dt a:hover { background: #3BB4F2; color: #fff; }
.filter dl dt .hover { background: #3BB4F2; color: #fff; }
/*瀑布流布局*/
.piclist { width: 1190px; margin-top: 40px; }
.piclist ul { width: 1220px; }
.piclist li { float: left; width: 275px; margin-right: 25px; }
.piclist li a { display: block; padding: 4px; margin-bottom: 25px; border: 1px solid #eee; }
.piclist li a:hover { box-shadow: 0 0 6px rgba(0, 0, 0, 0.17); }
.piclist li a img { width: 100%; }
.piclist li a p { font-size: 14px; padding: 0 10px; }
/*新闻——图片*/
.list_pic { margin: 0; clear: both; }
.list_pic ul li { float: left; width: 300px; margin: 0 30px 30px 0 }
.list_pic ul li:nth-child(4n) { margin-right: 0; }
.list_pic ul li a { display: block; background: #fff; }
.list_pic ul li a div { overflow: hidden; width: 100%; height: 200px; }
.list_pic ul li a div img { width: 100%; height: 100%; display: block; border: 0; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
.list_pic ul li a:hover div img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }
.list_pic ul li a p { text-align: left; font-size: 16px; color: #333; margin: 0; padding: 15px 20px; height: 100px; line-height: 35px; overflow: hidden; }
.list_pic ul li a:hover p { color: #f00; }
/*新闻相关*/

.news_show { overflow: hidden; line-height: 188%; }
.news_show h1 { text-align: center; font-size: 22px; font-weight: normal; margin: 0; padding: 10px 0; }
.news_show .info { border-left: 3px solid #164A99; background: #f3f3f3; margin: 15px 0; padding: 10px 15px; font-size: 14px; color: #666; }
.intro a { color: #f00; }
.intro a:hover { color: #f00; }
.intro img { max-width: 100%; height: auto; }
.news_show .other { margin-top: 30px; text-align: center; }
.news_show .other p { font-weight: bold; }
.news_show .other a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #ddd; padding: 6px 20px; min-width: 100px; }
.news_show .other a span { font-size: 18px; margin-right: 10px; }
.news_show .other a em { font-style: normal; font-size: 18px; }
.news_show .other a:hover { background: #f00; border-color: #f00; color: #fff; }
.news_show .other a:hover span { color: #fff; }
.news_show .tags { font-weight: 500; }
.news_show .tags a { margin-left: 15px; display: inline-block; border-radius: 4px; border: 1px solid #ddd; background: #fff; padding: 4px 10px; font-weight: normal; font-size: 14px; }
.news_show .tags a:hover { background: #f00; color: #fff; border-color: #f00; }
.pn { padding: 10px 0; border-top: #CCC 1px solid; margin-top: 20px; position: relative; }
.back { position: absolute; font-size: 18px; top: 30px; right: 10px; }
.pn .pre { margin: 5px 0 5px 0; color: #999; }
.pn .next { margin: 0 0 5px 0; color: #999; }
/*招聘相关*/
.job_show { }
.job_show h1 { text-align: left; font-size: 30px; font-weight: 400; margin: 0; padding: 0; color: #164a99; }
.job_show h2 { text-align: left; font-size: 20px; font-weight: 400; margin: 20px 0 5px; padding: 0; color: #164a99; }
.job_show .info { margin: 15px 0; padding: 0px; font-size: 14px; }
.job_show .info ul { overflow: hidden; }
.job_show .info ul li { float: left; width: 23.5%; border-left: 1px solid #dadada; padding-left: 1.5%; line-height: 30px; }
.job_show .info ul li span { color: #999; }
.job_show .intro a { color: #f00; }
.job_show .intro a:hover { color: #f00; }
.job_show .other { margin-top: 30px; text-align: center; }
.job_show .other p { font-weight: bold; }
.job_show .other a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #ddd; padding: 6px 20px; min-width: 100px; }
.job_show .other a span { font-size: 18px; margin-right: 10px; }
.job_show .other a em { font-style: normal; font-size: 18px; }
.job_show .other a:hover { background: #f00; border-color: #f00; color: #fff; }
.job_show .other a:hover span { color: #fff; }
.job_show .tags { font-weight: 500; }
.job_show .tags a { margin-left: 15px; display: inline-block; border-radius: 4px; border: 1px solid #ddd; background: #fff; padding: 4px 10px; font-weight: normal; font-size: 14px; }
.job_show .tags a:hover { background: #f00; color: #fff; border-color: #f00; }
.job_show .action { text-align: center; }
.job_show .action a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #f00; padding: 6px 20px; min-width: 100px; background: #f00; color: #fff; }
.job_show .action a:hover { color: #fff; border-color: #f60; background: #f60; }
#hits { font-style: normal; }
/*图片相关*/
.pic_show { width: 983px; background: #FFF; overflow: hidden; padding: 20px; margin-top: 20px; }
/*产品相关*/
.pro_show { overflow: hidden; padding: 30px 25px 10px 25px; background: #FFF; }
.pro_show .left { float: left; text-align: center; padding: 30px; margin: 0 0; }
.focusBox { position: relative; overflow: hidden; padding: 10px; border: #ddd 1px solid; }
.focusBox .pic { position: relative; z-index: 0; }
.focusBox .pic img { width: 300px; display: block; }
.focusBox .prev, .focusBox .next { width: 30px; height: 45px; margin: -30px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -45px; right: 0; }
.focusBox .prev:hover, .focusBox .next:hover { filter: alpha(opacity=80) !important; opacity: 0.8 !important; }
.focusBox .hd { width: 100%; position: absolute; z-index: 2; bottom: 15px; left: 0; height: 11px; }
.focusBox .hd ul { text-align: center; }
.focusBox .hd ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 10px; height: 10px; margin: 5px; overflow: hidden; background-color: rgba(0, 0, 0, 0.3); font-size: 0; border-radius: 100%; }
.focusBox .hd ul .on { background: #164A99; }
.pro_show .right { width:820px; padding: 30px 0 0 0; }
h1.h1 { font-size: 30px; margin: 0; padding: 0; font-weight: 400; text-align: center; word-wrap: break-word; color: #000; }
.pro_show .right h5 { font-size: 14px; margin: 10px 0; color: #999; font-weight: normal; overflow: hidden; }
.pro_show .right .zxhm { padding: 100px 0 0 0; }
.pro_show .right .zxhm a { float: left; width: 164px; line-height: 54px; color: #fff; text-align: center; background: #373b8f; font-size: 18px; }
.pro_show .right .zxhm span { float: right; font-size: 18px; padding: 0 15px; margin-right:300px; line-height: 54px; color: #fff; background: #999; }
.cpjs { font-size: 18px; color: #003399; }
.castit { color: #373b8f; font-size: 24px; font-weight: bold; text-align: center; padding: 50px 0 10px 0 }
.pro_show .right .attribute { }
.pro_show .right .attribute li { font-size: 14px; line-height: 30px; word-wrap: break-word; }
.pro_show .right .attribute li em { display: inline-block; font-style: normal; color: #555; font-size: 14px; }
.pro_show .right p.p { line-height: 30px; }
.pro_show .right .tags { margin: 20px 0; }
.pro_show .right .tags a { margin-left: 10px; display: inline-block; border-radius: 4px; border: 1px solid #dadada; background: #fff; padding: 2px 6px; font-weight: normal; font-size: 14px; }
.pro_show .right .tags a:hover { background: #f00; color: #fff; border-color: #f00; }
.pro_show .right .action { margin: 30px 0 50px 0; }
.pro_intro { margin: 20px 0; }
.pro_intro .left { width: 320px; margin-right: 20px; float: left; border: 1px solid #f3f3f3; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); }
.pro_intro .plist { margin: 15px; width: 300px; }
.pro_intro .plist ul { width: 304px; }
.pro_intro .plist ul li { float: left; width: 137px; margin: 0 15px 15px 0; }
.pro_intro .plist ul li a { border: 1px solid #ededed; padding: 4px; display: block; background: #fff; border-radius: 4px; }
.pro_intro .plist ul li a div { overflow: hidden; width: 100%; height: 100%; }
.pro_intro .plist ul li a div img { width: 100%; height: 100%; max-height: 127px; min-height: 127px; display: block; border: 0; }
.pro_intro .plist ul li a p { text-align: center; font-size: 14px; color: #333; margin: 0; padding: 5px 0; }
.pro_intro .plist ul li a:hover p { color: #f00; }
.pro_intro .right { float: left; width: 850px; border: 1px solid #f3f3f3; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); }
.pro_intro .tabs { width: 100%; background: #f7f7f7; }
.pro_intro .tabs ul { width: 100%; background: #f7f7f7; }
.pro_intro .tabs ul li { float: left; }
.pro_intro .tabs ul li i { cursor: pointer; display: block; padding: 10px 30px; text-align: center; font-size: 14px; border-right: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; background: #fff; color: #999; border-top: 2px solid #fff; font-style: normal; }
.pro_intro .tabs ul li.on i { border-bottom: 1px solid #fff; background: #fff; font-weight: bold; color: #333; border-top: 2px solid #f00; }
.pro_intro .intro { padding: 30px; }
.pro_intro .intro img { max-width: 790px; }
.pro_intro .intro .extend { }
.pro_intro .intro .extend li { font-size: 14px; line-height: 30px; }
.pro_intro .intro .extend li em { display: inline-block; width: 120px; font-style: normal; color: #555; font-size: 14px; }
/*品牌相关*/
.pp_list { }
.pp_list ul { }
.pp_list ul li { float: left; width: 300px; margin: 0 30px 30px 0 }
.pp_list ul li:nth-child(4n) { margin-right: 0; }
.pp_list ul li a { display: block; }
.pp_list ul li a div { overflow: hidden; padding: 4px; border: 1px solid #eee; border-bottom: 0; margin: 0 auto; width: 300px; height:218px; }
.pp_list ul li a div img { width: 100%; height: 100%; transition: all .5s; }
.pp_list ul li a p.title { background: #eee; padding: 0px 15px; height: 53px; line-height: 21px; text-align: center; width: 100%; display: table; color: #000; }
.pp_list ul li a p.title span { vertical-align: middle; overflow: hidden; display: table-cell; }
.pp_list ul li a:hover div { border-color: #164A99;border: 1px solid #ccc; }
.pp_list ul li a:hover div img { transform: scale(1.1); }
.pp_list ul li a:hover p.title { background: #164A99; color: #FFF; }
/*自定义表单*/
.form-add input[type=number], .form-add input[type=search], .form-add input[type=text], .form-add input[type=password], .form-add input[type=datetime], .form-add input[type=datetime-local], .form-add input[type=date], .form-add input[type=month], .form-add input[type=time], .form-add input[type=week], .form-add input[type=email], .form-add input[type=url], .form-add input[type=tel], .form-add input[type=color], .form-add select, .form-add textarea, .am-form-field { width: auto; display: inline; border-color: #ddd; border-radius: 3px; -webkit-appearance: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065) inset; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.form-add .w420 { width: 480px; }
.form-add input { border: 1px solid #ddd; width: 60px; padding: 5px 10px }
.form-add em { color: #999; font-style: normal; }
/*表单内容*/
.formshow { }
.formshow .item { font-size: 14px; line-height: 30px; clear: both; }
.formshow .item .lefter { display: inline-block; width: 120px; font-style: normal; color: #555; font-size: 14px; float: left; }
.formshow .item .righter { margin-left: 120px; line-height: 30px; }
.formshow .item .righter .pic { max-width: 400px; margin: 10px 0; }
.formshow .item .righter video { width: 450px; height: 300px; }
/*分页相关*/
.pagelist ul { text-align: center; margin: 20px 0; }
.pagelist li { display: inline-block; margin: 0 2px; }
.pagelist li a { color: #666; display: inline-block; border: 1px solid #ddd; padding: 6px 15px; background: #fff; }
.pagelist li a:hover { border-color: #666; background: #666; color: #fff; }
.pagelist li.active a { border-color: #666; background: #666; color: #fff; }
/*网站地图*/
.map_one { border-bottom: 1px solid #eee; line-height: 40px; }
.map_one a { font-size: 20px; }
.map_two { margin: 15px 0; }
.map_two a { display: inline-block; margin-right: 15px; }
/*浮动客服*/
.toolbar { position: fixed; top:60%; right: 1%; margin-top: -163px; z-index: 100; width: 80px; }
.toolbar dd { position: relative; float: left; width: 80px; height: 80px; background: #5357ab; margin-top: 5px; 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/toolbar1.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: #5357ab; 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 #5357ab; ; 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; padding: 11px; width: 162px; right: -172px; height: 162px; margin-right: 10px; border-radius: 5px; background: #5357ab; opacity: 0; transition: all .5s; }
.toolbar dd.code .box img { width: 140px; height: 140px; }
.toolbar dd.code .box:after { display: block; content: " "; border-style: solid dashed dashed dashed; border-color: transparent transparent transparent #5357ab; ; 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; }
/*无缝滚动*/
.str_wrap { overflow: hidden; width: 100%; position: relative; white-space: nowrap; }
.str_move { white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move; }
.str_move_clone { display: inline-block; vertical-align: top; position: absolute; left: 100%; top: 0; }
.str_vertical .str_move_clone { left: 0; top: 100%; }
.str_down .str_move_clone { left: 0; bottom: 100%; }
.str_vertical .str_move, .str_down .str_move { white-space: normal; width: 100%; }
.str_static .str_move, .no_drag .str_move, .noStop .str_move { cursor: inherit; }
.str_wrap img { max-width: none !important; }
a:hover { color: #f00; }
.wenhuatimu { color: #373b8f; width: 1200px; font-size: 24px; margin: 0 auto; margin-bottom: 58px; }
.gongsiwh, .word_third { width: 1200px; height: 400px; margin: 40px auto; }
.gongsiwh>img, .word_third>img { width: 502px; height: 310px; /*background:red;*/ }
.wenzijieshi { width: 640px; height: 125px; margin-top: 92px; }
.wenzijieshi>h3 { color: #373b8f; font-size: 20px; margin-bottom: 40px; text-indent: 32px; }
.wenzijieshi>p { margin: 0; font-size: 16px; line-height: 32px; text-indent: 32px; }
.to_left { float: left; }
.to_right { float: right; }
@media screen and (max-width:768px) {
.ny_banner1 { display: block; }
.ny_banner1>img { width: 100%; }
.wenhuatimu { margin: 15px auto; text-indent: 42px; }
.to_left, .to_right { float: none; }
.gongsiwh { width: 99.9999%; height: 400px; padding: 0 10px; margin: 20px auto; }
.gongsiwh.secondwh { height: 327px; }
.word_third { width: 99.9999%; height: 457px; padding: 0 10px; margin: 20px auto; }
.gongsiwh>img, .word_third>img { width: 100%; height: 200px; padding: 0; display: block; }
.wenzijieshi { width: 100%; height: 200px; margin: 10px 0; }
.wenzijieshi>p { padding: 0 10px; font-size: 16px; line-height: 32px; text-indent: 32px; }
.wenzijieshi>h3, .word_third>h3 { color: #373b8f; font-size: 20px; margin-bottom: 20px; text-indent: 32px; }
}
.about_tit { color: #373b8f; }
.about_zl { margin-bottom: 80px; }
.about_zl_div1 { margin-bottom: 45px; }
.about_zl_div1 li { float: left; width: 380px; height: 420px; margin-left: 80px; text-align: center; padding: 90px 35px 0; background: #fff; border-radius: 15px; cursor: pointer; transition: all .3s; }
.about_zl_div1 li:nth-child(1) { margin-left: 0 }
.about_zl_div1 li p:nth-of-type(1) { color: #373b8f; font-size: 24px; margin-bottom: 35px; transition: all .3s; }
.about_zl_div1 li span { display: block; margin: 0 auto 45px; width: 50px; height: 50px; background: url(../images/about_icon.png) center no-repeat; }
.about_zl_div1 li p:nth-of-type(2) { color: #666; font-size: 16px; line-height: 26px; transition: all .3s; }
.about_zl_div1 li:hover { background: #373b8f; box-shadow: 0 0 10px 2px rgba(0,0,0,.2); }
.about_zl_div1 li:hover p { color: #fff; }
.about_zl_div2 { margin-bottom: 50px; }
.about_zl_div2 li { float: left; width: 300px; margin-left: 33.33px; position: relative; cursor: pointer; }
.about_zl_div2 li:nth-child(1) { margin-left: 0; }
.about_zl_div2 li div:nth-of-type(1) { padding-top: 60%; background-position: center; background-size: cover; }
.about_zl_div2 li p { text-align: center; color: #666; font-size: 16px; line-height: 30px; }
.about_zl_div2 li div:nth-of-type(2) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; font-size: 16; text-align: center; padding-top: 45px; background: #373b8f; line-height: 30px; opacity: 0; transition: all .3s; }
.about_zl_div2 li:hover div:nth-of-type(2) { opacity: 1; }
.about_zl_form ul { margin-bottom: 5px; }
.about_zl_form li { float: left; margin-left: 34px; width: 583px; background: #fff; color: #999; font-family: 18px; line-height: 47px; padding: 0 15px; margin-bottom: 20px; }
.about_zl_form li:nth-child(odd) { margin-left: 0; }
.about_zl_form li input { border: none; min-width: 400px; }
.about_zl_form>input { display: block; margin: 0 auto; width: 143px; height: 43px; border: none; background: #373b8f; color: #fff; font-size: 20px; }
.about_link { margin-bottom: 80px; }
.link_div1 {  }
.link_pic { float: left; width: 488px; height: 348px; background: url(../images/about_pic2.jpg) center no-repeat; }
.link_div { float: right; width: 690px; }
.link_div p:nth-child(1) { color: #373b8f; font-size: 24px; text-align: center; border-bottom: 1px solid #999; padding-bottom: 10px; margin-bottom: 10px; }
.link_div p:nth-child(2) { font-size:22px; color: #666; font-weight: bold; text-align: center; margin-bottom: 10px; }
.link_div ul { padding-left: 40px; }
.link_div ul li { padding-left: 32px; color: #666; font-size: 18px; margin-bottom: 8px; }
.link_div ul li:nth-child(1) { background: url(../images/link_icon1.png)left center no-repeat; }
.link_div ul li:nth-child(2) { background: url(../images/link_icon2.png)left center no-repeat; }
.link_div ul li:nth-child(3) { background: url(../images/link_icon3.png)left center no-repeat; }
.link_div ul li:nth-child(4) { background: url(../images/link_icon4.png)left center no-repeat; }
.link_div ul li:nth-child(5) { background: url(../images/link_icon5.png)left center no-repeat; }
.link_div ul li:nth-child(6) { background: url(../images/link_icon5.png)left center no-repeat; }