@charset "utf-8";
/* CSS Document */
 
.index-com-title { width: 100%; text-align: center; padding-top: 48px; }
.index-com-title h2 { font-size: 28px; color: #333333; font-weight: normal; }
.index-com-title h2 a { color: #333333; }
.index-com-title p { font-size: 16px; color: #666666; margin-top: 4px; text-transform: uppercase; }
/* banner */
.banner { width: 100%; height: 550px; }
.banner a { display: block; background: url(../images/banner.jpg) no-repeat center; height: 550px; }
#flashs { position:relative; height:550px; overflow:hidden; }
#flashs .bgitem { z-index:1; position:absolute; top:0; }
#flashs .btn { overflow:hidden; width:100%; text-align:center; position:absolute; left:0; bottom:28px; z-index:15555555 }
#flashs .btn span { display: inline-block; *display: inline;
*zoom: 1;
width: 10px; height: 10px; height:11px; background: #333; margin:0 2px; cursor:pointer; font-size:0; margin-right: 25px; cursor:pointer; border-radius:8px; }
#flashs .btn span { *display:inline
}
#flashs .btn .cur { background-position:left; background: #dbb966; width: 40px; }

/* search */
.search { width: 100%; height:85px; }
.search .mainCon { border-bottom: 1px solid #f2f2f2; height: 85px; }
.search .gjc { float: left; font-size: 14px; color: #999999; width: 700px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 85px; line-height: 85px; }
.search .gjc span { float: left; font-size: 14px; color: #666666; }
.search .gjc p { float: left; }
.search .gjc p.first a { border-left: none; }
.search .gjc p a { font-size: 14px; color: #666666; font-weight: normal; padding: 0 13px; border-left: 1px dotted #999999; }
.search .Input { width: 280px; height: 46px; float: right; margin-top: 20px; position: relative; background: url(../images/searchBg.png) no-repeat center; }
.search .Input input { padding:0 10px 0 16px; font-size: 14px; outline: none; border: none; color: #999999; height: 46px; line-height: 46px; width: 214px; border-right: none; background: none; }
.search .Input .btn { cursor:pointer; display: block; width: 60px; height: 46px; line-height: 46px; background: url(../images/searchBtn.png) no-repeat center; position: absolute; right: 0; top: 0; }
/* data */
.data { width: 100%; background: url(../images/dataBg01.jpg) no-repeat center; height: 365px; }
.data .index-com-title h2 { color: #fff; }
.data .index-com-title p { color: #fff; }
.data .mainCon { margin-top: 74px; }
.data .mainCon li { float: left; width: 300px; text-align: center; }
.data .mainCon li span { display: block; font-size: 65px; color: #fff; font-family:'dataNumber'; font-weight: lighter; }
.data .mainCon li p { font-size: 14px; color: #fff; margin-top: 6px; }
/* need */
.need { width: 100%; }
.need .mainCon { margin-top: 28px; }
.need .mainCon ul { width: 104%; }
.need .mainCon li { width: 385px; margin-right: 23px; float: left; margin-bottom: 32px; }
.need .mainCon li span { display: block; width: 385px; height: 288px; overflow: hidden; }
.need .mainCon li span img { display: block; max-width: 385px; height: 288.75px; transition: all 1s ease-out; margin: 0 auto; }
.need .mainCon li p { font-size: 14px; color: #666666; margin-top: 14px; text-align: center }
.need .mainCon li a { display: block; text-decoration: none; }
.need .mainCon li:hover img { transform: scale(1.1); }
.need .mainCon li:hover p { color: #da251d; font-weight: bold; }
/* product */
/*.product{width: 100%;background: url(../images/productBg01.jpg) no-repeat center;height: 1277px;}*/
.product { width: 100%; background: url(../images/productBgavfsbhBshb.jpg) no-repeat bottom; padding-bottom: 30px; }
.product .mainCon { margin-top: 30px; }
.product .sideBar { width: 262px; float: left; background: #fff; }
.product .sideBar .top h2 { height: 80px; text-indent: 28px; line-height:80px; font-size: 24px; color: #fff; font-weight: normal; background-color: #da241c; }
.product .sideBar dl { background: #fff; }
.product .sideBar dt { height: 63px; line-height: 63px; text-indent: 30px; background: url(../images/product-icon01.png) no-repeat 230px center; font-size: 18px; color: #333333; border: 1px solid #ececec; }
.product .sideBar dt a { display: block; color: #333333; text-decoration: none; }
.product .sideBar dd { padding: 30px 20px 30px 28px; border-left: 1px solid #e3e1e1; border-right: 1px solid #e3e1e1; }
.product .sideBar dd p { width: 94px; float: left; font-size: 14px; color: #666666; margin: 0 0 12px 12px; }
.InpageSidebar01 .classify dl:hover dd { display: block }
.product .sideBar dd p a { color: #666666; }
.product .sideBar dl:hover { background: #f8f5f5; }
.product .sideBar dl:hover dt { background: url(../images/product-icon02.png) no-repeat 230px center #da251d; }
.product .sideBar dl:hover dt a { color: #fff; }
.product .sideBar dd a:hover { color: #da251d; font-weight: bold; }
.product .section { float: right; width: 920px; }
.product .section .top { padding: 30px 0; background: #fff; border: 1px solid #e3e1e1; }
.product .section .top dt { float: left; height: 74px; padding: 18px 0 0 33px; width: 224px; border-right: 1px solid #e3e1e1; }
.product .section .top dt h2 { font-size: 26px; color: #333333; }
.product .section .top dt h2 em { color: #da251d; font-weight: bold; }
.product .section .top dt p { font-size: 16px; color: #333333; margin-top: 4px; }
.product .section .top dd { width: 672px; float: left; padding-top: 10px; }
.product .section .top dd span { display: block; width: 58px; height: 58px; margin: 0 36px; float: left; }
.product .section .top dd span img { display: block; width: 58px; height: 58px; }
.product .section .top dd span:first-child { margin-left: 52px; }
.product .section .conBox { overflow: hidden; width: 100%; }
.product .section .conBox ul { width: 104%; }
.product .section .conBox li { float: left; width: 220px; margin-right: 15px; margin-bottom: 20px; }
.product .section .conBox li span { display: block; width: 218px; height: 195px; background: #fff; border: 1px solid #e3e1e1; overflow: hidden; }
.product .section .conBox li span img { display: block; max-width:218px; display: block; margin: 0 auto; height: 193.3px; transition: all 1s ease-out; }
.product .section .conBox li p { font-size: 14px; color: #666666; margin-top: 14px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product .section .conBox li a { display: block; text-decoration: none; }
.product .section .conBox li:hover img { transform: scale(1.1); }
.product .section .conBox li:hover p { color: #da251d; font-weight: bold; }
/* partner */
.partner { width: 100%; padding-bottom: 30px; }
.partner .mainCon { margin-top: 30px; }
.partner .mainCon li { float: left; width: 199px; height: 138px; border: 1px solid #e3e1e1; margin-left: -1px; margin-top: -1px; }
.partner .mainCon li a { display: block; width: 199px; height: 138px; position: relative; overflow: hidden; }
.partner .mainCon li a img { display: block; width: 199px; height: 138px; transition: all 1s ease-out; }
.partner .mainCon li i { display: none; width: 199px; height: 138px; position: absolute; left: 0; top: 0; background: url(../images/partner-kuang.png) no-repeat center; }
.partner .mainCon li:hover i { display: block; }
.partner .mainCon li:hover img { transform: scale(1.1); }
/* troubles */
.troubles { width: 100%; background: url(../images/troublesBg01.jpg) no-repeat top; padding-top: 139px; }
.troubles .mainCon ul { width: 822px; }
.troubles .mainCon li { float: left; width: 274px; padding-top: 40px; height: 106px; text-align: center; }
.troubles .mainCon li p { font-size: 24px; color: #fff; }
.troubles .mainCon li span { display: block; font-size: 14px; color: #fff; margin-top: 6px; }
.troubles .mainCon li.last p { font-size: 14px; }
.troubles .mainCon li.last span { font-size: 24px; margin-top: 8px; }
/* adv */
.adv { width: 100%; background: url(../images/advBg01.jpg) no-repeat center; height: 776px; }
.adv .mainCon { margin-top: 48px; }
.adv .conBox { height: 468px; border: 1px solid #e3e1e1; background: #fff; }
.adv .conBox dl { padding: 29px 0; }
.adv .conBox dt { float: left; width: 635px; height: 410px; margin-left: 31px; }
.adv .conBox dt img { display: block; width: 635px; height: 410px; }
.adv .conBox dd { width: 326px; height: 355px; position: relative; float: left; margin-left: 42px; padding-left: 116px; padding-top: 55px; }
.adv .conBox dd .adv-title { width: 77px; height: 185px; background: url(../images/advBg02.png) no-repeat center; position: absolute; left: 0; top: -40px; }
.adv .conBox dd .adv-title em { font-size: 20px; color: #fff; text-align: center; display: block; padding-left: 20px; width: 26px; padding-top: 41px; }
.adv .conBox dd img { display: block; width: 37px; height: 37px; }
.adv .conBox dd h3 { font-size: 20px; color: #333333; margin-top: 14px; }
.adv .conBox dd h3 em { color: #da251d; }
.adv .conBox dd span { display: block; font-size: 16px; color: #333333; margin-top: 8px; }
.adv .conBox dd i { display: block; width: 38px; height: 1px; margin: 28px 0 48px 0; background: #bbb3b3; }
.adv .conBox dd p { font-size: 14px; color: #666666; line-height: 25px; }
.adv .menu { width: 100%; text-align: center; margin-top: 20px; }
.adv .menu ul { display: inline-block; *display: inline;
zoom: 1; }
.adv .menu li { float: left; width: 189px; height: 69px; line-height: 69px; text-align: center; font-size: 20px; color: #fff; background: url(../images/advBg03.png) no-repeat center; margin-left: 7px; }
.adv .menu li img { margin-right: 16px; position: relative; top: 6px; }
.adv .menu li.cur { background: url(../images/advBg04.png) no-repeat center; }
/* flow */
.flow { width: 100%; background: url(../images/flowBg01.jpg) no-repeat center; height: 707px; }
.flow .index-com-title { padding-top: 38px; }
.flow .index-com-title h2 { color: #fff; }
.flow .index-com-title p { color: #fff; }
.flow .conBox1 { width: 100%; margin-top: 58px; }
.flow .conBox1 li { float: left; width: 158px; height: 120px; padding-top: 38px; text-align: center; background: url(../images/flowBg02.png) no-repeat center; margin-left: 35px; }
.flow .conBox1 li:first-child { margin-left: 38px; }
.flow .conBox1 li img { display: block; width: 34px; height: 34px; margin: 0 auto; }
.flow .conBox1 li span { display: block; font-size: 16px; color: #333333; margin-top: 16px; }
.flow .conBox1 li.even { background: url(../images/flowBg03.png) no-repeat center; }
.flow .conBox1 li.even span { color: #fff; }
.flow .conBox2 { margin-top: 52px; position: relative; height: 274px; background: url(../images/liuyBg01.jpg) no-repeat center; }
.flow .conBox2 .boxL { float: left; padding: 38px 0 0 134px; height: 236px; width: 387px; }
.flow .conBox2 .boxL span { display: block; font-size: 30px; color: #333333; }
.flow .conBox2 .boxL h3 { font-size: 40px; color: #333333; }
.flow .conBox2 .boxL p { font-size: 19px; color: #333333; margin-top: 28px; }
.flow .conBox2 .boxL em { display: block; color: #f20100; font-size: 16px; margin-top: 4px; }
.flow .conBox2 .boxR { float: left; margin: 38px 0 0 43px; ; }
.flow .conBox2 .boxR dt { float: left; width: 261px; }
.flow .conBox2 .boxR dt input { display: block; width: 239px; border: 1px solid #cfcaca; height: 40px; line-height: 40px; padding: 0 10px; font-size: 14px; color: #666666; box-shadow: 1px 1px 10px 1px #e0e0e0 inset; margin-top: 8px; outline: none; }
.flow .conBox2 .boxR dt input:first-child { margin-top: 0; }
.flow .conBox2 .boxR dd { float: left; width: 349px; margin-left: 6px; }
.flow .conBox2 .boxR dd textarea { width: 327px; height: 80px; padding: 10px 10px 0; border: 1px solid #cfcaca; font-size: 14px; color: #666666; box-shadow: 1px 1px 10px 1px #e0e0e0 inset; outline: none; resize: none; }
.flow .conBox2 .boxR a { display: block; height: 42px; line-height: 42px; text-align: center; background: #da251d; color: #fff; font-size: 14px; text-decoration: none; margin-top: 10px; }
.flow .conBox2 .boxR a img { position: relative; top: 4px; margin-right: 20px; }
.flow .conBox2 .boxR p { font-size: 14px; color: #666666; margin-top: 22px; margin-left: 16px; }
.flow .conBox2 .liuy-people { display: block; top: -40px; left: -93px; position: absolute; }
.flow .conBox2 .liuy-book { display: block; top: 183px; left: 435px; position: absolute; }
/* about */
.about { width: 100%; padding: 132px 0 90px 0; color: #fff; }
.about .aboutL { float: left; width: 589px; }
.about .aboutL h3 { font-size: 28px; color: #333333; font-weight: normal; }
.about .aboutL h3 em { font-weight: bold; color: #da251d; }
.about .aboutL h3 span { font-size: 16px; color: #999999; margin-left: 8px; }
.about .aboutL .about-pic { width: 589px; height: 295px; position: relative; overflow: hidden; }
.about .aboutL .about-pic img { display: block; width: 589px; height: 295px; }
.about .aboutL .about-pic span { font-size: 18px; color: #fff; text-indent: 14px; height: 50px; line-height: 50px; background: url(../images/aboutBg01.png); position: absolute; left: 0; bottom: 0; width: 100%; display: block; }
.about .aboutL p { font-size: 14px; color: #666666; line-height: 25px; margin-top: 28px; height: 100px; overflow: hidden; text-overflow: ellipsis; }
.about .more { margin-top: 50px; }
.about .more a { font-size: 16px; color: #fff; text-transform: uppercase; border: 1px #fff solid; display: block; margin: 0 auto; width: 120px; text-align: center; line-height: 40px; border-radius: 40px; text-decoration: none; }
.about .more a:hover { background: #fff; color: #D3251C; }
.about .aboutR { width: 536px; float: right; position: relative; line-height: 30px; }
.about .aboutR p { text-indent: 2rem; }
.about .index-com-title { padding-bottom:60px; }
.about .index-com-title h2, .about .index-com-title p { color: #fff; }
/* ad */
.ad { width: 100%; height: 230px; }
.ad dl { padding-top: 145px; width: 492px; }
.ad dt { float: left; padding-left: 56px; background: url(../images/ad-phone.png) no-repeat left center; }
.ad dt p { font-size: 14px; color: #fff; }
.ad dt span { display: block; font-size: 24px; color: #fff; margin-top: 6px; }
.ad dd { float: right; width: 138px; height: 50px; }
.ad dd img { display: block; width: 138px; height: 50px; }
/* news */
.news { background: url(../images/newsBg01.jpg) no-repeat center; height: 712px; }
.news .index-com-title { padding-top: 38px; }
.news .mainCon { margin-top: 28px; }
.news .newsL { float: left; width: 832px; }
.news .newsL .menu { height: 71px; }
.news .newsL .menu ul { /* border-bottom: 1px solid #e7e7e7; */
}
.news .newsL .menu li { float: left; width: 416px; height: 70px; line-height: 70px; text-align: center; position: relative; background: #fff; border-bottom: 1px solid #e7e7e7; }
.news .newsL .menu li a { font-size: 18px; color: #333333; display: block; text-decoration: none; }
.news .newsL .menu li span { display: inline-block; *display: inline;
zoom: 1; width: 24px; height: 24px; position: relative; margin-right: 8px; overflow: hidden; top: 6px; }
.news .newsL .menu li span img { display: block; width: 24px; height: 48px; position: relative; }
.news .newsL .menu li i { display: none; width: 15px; height: 6px; position: absolute; left: 50%; margin-left: -7px; bottom: -6px; }
.news .newsL .menu li i img { display: block; width: 15px; height: 6px; }
.news .newsL .menu li.cur i { display: block; }
.news .newsL .menu li.cur { background: #f20100; border-bottom: 1px solid #000; }
.news .newsL .menu li.cur a { color: #fff; }
.news .newsL .menu li.cur span img { top: -24px; }
.news .newsL .conBox { padding-top: 30px; height: 448px; position: relative; overflow: hidden; background: #fff; }
.news .newsL .conBox .box { height: 448px; }
.news .newsL .conBox .boxL { float: left; width: 400px; margin-left: 32px; }
.news .newsL .conBox .boxL .newsL-pic { display: block; width: 400px; height: 298px; overflow: hidden; }
.news .newsL .conBox .boxL img { display: block; width: 400px; height: 297.6px; transition: all 1s ease-out; }
.news .newsL .conBox .boxL h3 { font-size: 18px; color: #333333; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 20px 0 12px 0; }
.news .newsL .conBox .boxL h3 a { color: #333333; }
.news .newsL .conBox .boxL p { font-size: 14px; color: #666666; line-height: 25px; height: 50px; overflow: hidden; text-overflow: ellipsis; }
.news .newsL .conBox .boxL:hover img { transform: scale(1.1); }
.news .newsL .conBox .boxL:hover h3 a { color: #f20100; font-weight: bold; }
.news .newsL .conBox .boxR { width: 344px; float: left; margin-left: 42px; }
.news .newsL .conBox .boxR li { height: 51px; line-height: 51px; padding-left: 24px; background: url(../images/news-icon04.png) no-repeat left center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dotted #d4d1d1; font-size: 14px; color: #666666; }
.news .newsL .conBox .boxR li a { color: #666666; }
.news .newsL .conBox .boxR li a:hover { color: #f20100; }
.news .newsR { float: right; width: 360px; background: #fff; height: 550px; }
.news .newsR .top { height: 70px; line-height: 70px; background: #fff; border-bottom: 1px solid #e7e7e7; }
.news .newsR .top h3 { font-size: 18px; color: #666666; font-weight: normal; padding-left: 56px; background: url(../images/news-icon05.png) no-repeat 22px center; float: left; }
.news .newsR .top a { float: right; font-size: 12px; color: #999999; font-family: arial; text-transform: uppercase; margin-right: 26px; display: block; }
.news .newsR .conBox { margin-top: 2px; height: 473px; position: relative; overflow: hidden; }
.news .newsR .conBox li { height: 127px; padding-top: 30px; padding-left: 50px; background: url(../images/wenda01.png) no-repeat left 30px; border-bottom: 1px solid #efeaea; }
.news .newsR .conBox ul { padding: 0 20px; position: absolute; left: 0; top: 0; }
.news .newsR .conBox li h3 { font-size: 14px; color: #333333; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 12px; }
.news .newsR .conBox li h3 a { color: #333333; text-decoration: none; }
.news .newsR .conBox li p { font-size: 14px; color: #666666; line-height: 22px; margin-top: 12px; height: 44px; overflow: hidden; text-overflow: ellipsis; }
.news .newsR .conBox li:hover h3 a { color: #f20100; }
.news .newsR .conBox li:hover { background: url(../images/wenda02.png) no-repeat left 30px; }
/*.about .mainCon .section .about-video{width: 100%;height: 285px;position: absolute;bottom: 0;left: 0;cursor: pointer;}
.about .mainCon .section .about-video .video-pic{width: 875px;height: 285px;}
.about .mainCon .section .about-video .video-pic img{display: block;width: 875px;height: 285px;}*/

.videobf { display: none; background: url(../images/bg01.png); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 97; }
.videobf .video_con { width: 1000px; height: 600px; position: fixed; top: -600px; left: 50%; margin-left: -500px; margin-top: -300px; z-index: 98; background: #fff; border-radius: 10px; transition: all 1s; }
.videobf .video_con.cur { top: 50%; }
.videobf .video_con .closeVideo { display: block; width: 69px; height: 69px; background: url(../images/closeimg.png) no-repeat center; z-index: 99; position: absolute; right: -34px; top: -34px; cursor: pointer; }
/* Pop-ups */
.video-frame { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.8); z-index: 9999999; }
.video-frame .box { width:1100px; height:500px; border:5px solid #e9cf8f; position:absolute; z-index:5; left:50%; top:50px; margin-left:-555px; background-color:#000; border-radius:5px; z-index: 99; }
.video-frame .box .close { display:block; position:absolute; cursor:pointer; right:-30px; top:-5px }
/* Pop-ups End */
 

.khjz { padding-bottom: 56px; padding-top: 56px; }
.khjz h2 { font-size: 28px; color: #333333; font-weight: normal; text-align:center; padding-top: 30px; margin-bottom: 20px; }
.khjz h2 a { color: #333333; }
.khjz h2 p { font-size: 16px; color: #666666; margin-top: 4px; }
.khjz .khjzCon { position: relative; }
.khjz .khjzCon .khjzBtnl { display: block; width: 27px; height: 50px; background: url(../images/khjzjtl01.png) no-repeat center; position: absolute; left: -48px; top: 118px; cursor: pointer; }
.khjz .khjzCon .khjzBtnr { display: block; width: 27px; height: 50px; background: url(../images/khjzjtr01.png) no-repeat center; position: absolute; right: -48px; top: 118px; cursor: pointer; }
.khjz .khjzCon .khjzBtnl:hover { background: url(../images/khjzjtl02.png) no-repeat center; }
.khjz .khjzCon .khjzBtnr:hover { background: url(../images/khjzjtr02.png) no-repeat center; }
.khjz .khjzCon .conbox { position: relative; overflow: hidden; }
.khjz .khjzCon .conbox ul { position: relative; }
.khjz .khjzCon .conbox ul li { float: left; width: 385px; margin-left: 22px; text-align: center; }
.khjz .khjzCon .conbox ul li:first-child { margin-left: 0; }
.khjz .khjzCon .conbox ul li dt { overflow: hidden; margin-bottom: 16px; }
.khjz .khjzCon .conbox ul li dt img { display: block; width: 385px; height: 385px; height: 288px; }
.khjz .khjzCon .conbox ul li dd.dd1 { text-align: center; font-size: 16px; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.khjz .khjzCon .conbox ul li dd.dd1 a { color: #333; }
.khjz .khjzCon .conbox ul li dd.dd2 { line-height: 24px; height: 48px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 25px; }
.khjz .khjzCon .conbox ul li dd.dd3 { width: 126px; height: 46px; line-height: 46px; border: 1px solid #e7e5e5; text-align: left; text-indent: 48px; margin: 0 auto; border-radius: 27px; }
.khjz .khjzCon .conbox ul li dd.dd3 a { display: block; height: 46px; background: url(../images/khjzicon01.png) no-repeat 22px center; }
.khjz .khjzCon .conbox ul li:hover dd.dd3 { background: #e1083b; border-color: #e1083b; }
.khjz .khjzCon .conbox ul li:hover dd.dd3 a { background: url(../images/khjzicon02.png) no-repeat 22px center; color: #fff; }