﻿@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'dataNumber';
	src: url('/font/TUNGSTENROUNDED-BOOK.eot'); /* IE9 Compat Modes */
	src: url('/font/TUNGSTENROUNDED-BOOK.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('/font/TUNGSTENROUNDED-BOOK.woff') format('woff'), /* Modern Browsers */
             url('/font/TUNGSTENROUNDED-BOOK.TTF')  format('truetype'), /* Safari, Android, iOS */
   }


/* index-com-title */
.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;}


/* banner */
.banner{width: 100%;height: 550px;}
.banner a{display: block;background: url(../images/banner.jpg) no-repeat center;height: 550px;}

#flashs{ position:relative;  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;}


/* link */
.link{width: 100%;background: #fff;}
.link dt{float: left;width: 95px;background: url(../images/link-xian.png) no-repeat right center;height: 80px;}
.link dt a{display: block;text-decoration: none;padding-top: 22px;}
.link dt p{font-size: 22px;color: #0071BF;text-transform: uppercase;}
.link dt span{display: block;font-size: 12px;color: #666666;}
.link dd{float: left;width: 1090px;overflow: hidden;padding-top: 32px;padding-left: 10px;}
.link dd a{display: block;font-size: 14px;color: #666666;float: left;border-right: 1px dotted #d9d9d9;padding: 0 14px;}
.link dd a:last-child{border-right: none;}


/* 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 70px 0 16px;font-size: 14px;outline: none;border: none;color: #999999;height: 46px;line-height: 46px;width: 194px;border-right: none;background: none;}
.search .Input a{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;width: 385px;height: 288.75px;transition: all 1s ease-out;}
.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: #0071BF;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 center;height: 1130px;}

.product .mainCon{margin-top: 30px;}
.product .sideBar{width: 262px;float: left;background: #fff;}
.product .sideBar dl{background: #999999;}
.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 #0071BF;}
.product .sideBar dl:hover dt a{color: #fff;}
.product .sideBar dd a:hover{color: #0071BF;font-weight: bold;}
.product .section{float: right;width: 932px;}
.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: #0071BF;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: 300px;margin-right: 15px;margin-bottom: 28px;}
.product .section .conBox li span{display: block;width: 298px;height: 255px;border: 1px solid #e3e1e1;overflow: hidden;}
.product .section .conBox li span img{display: block;width: 298px;height: 253.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: #0071BF;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 center;padding-top: 280px;}
.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: #0071BF;}
.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: #0071BF;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: #0071BF;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: 62px 0 0 0;}
.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: #0071BF;}
.about .aboutL h3 span{font-size: 16px;color: #999999;margin-left: 8px;}
.about .aboutL .about-pic{width: 589px;height: 295px;position: relative;overflow: hidden;margin-top: 22px;}
.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 .aboutL .more a{font-size: 14px;color: #9d9b9b;text-transform: uppercase;}
.about .aboutL .more img{margin-left: 10px;position: relative;top: 2px;}
.about .aboutL .more a:hover{color: #0071BF;}
.about .aboutR{width: 536px;float: right;position: relative;}
.about .aboutR .aboutBtn{display: block;position: absolute;top: 0;border: 1px solid #eaeaea;cursor: pointer;width: 40px;height: 29px;}
.about .aboutR .aboutBtn.prev{right: 41px;}
.about .aboutR .aboutBtn.next{right: 0;}
.about .aboutR .aboutBtn img{display: block;width: 40px;height: 29px;}
.about .aboutR .menu li{float: left;font-size: 18px;color: #666666;padding: 0 24px;border-left: 1px solid #e5e1e1;}
.about .aboutR .menu li:first-child{border-left: none;padding-left: 0;}
.about .aboutR .menu li.cur a{color: #0071BF;font-weight: bold;}
.about .aboutR .conBox{margin-top: 32px;height: 478px;overflow: hidden;position: relative;}
.about .aboutR .conBox .box{position: relative;height: 478px;position: relative;overflow: hidden;}
.about .aboutR .conBox .box ul{width: 100%;position: absolute;left: 0;top: 0;}
.about .aboutR .conBox li{float: left;width: 554px;height: 478px;}
.about .aboutR .conBox li dl{float: left;width: 259px;margin-right: 18px;margin-bottom: 32px;}
/*.about .aboutR .conBox li dl dt{border: 1px solid #e4e4e4;}*/

.about .aboutR .conBox li img{display: block;width: 259px;height: 194px;transition: all 1s ease-out;}
.about .aboutR .conBox li span{display: block;width: 257px;height: 194px;overflow: hidden;border: 1px solid #e4e4e4;}
.about .aboutR .conBox li p{font-size: 14px;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 7px;text-align: center;}
.about .aboutR .conBox li a{text-decoration: none;}
.about .aboutR .conBox li dl:hover img{transform: scale(1.1);}
.about .aboutR .conBox li dl:hover p{color: #0071BF;font-weight: bold;}

/* ad */
.ad{width: 100%;background: url(../images/adBg01.jpg) no-repeat center;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: #0071BF;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: #0071BF;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: #0071BF;}
.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: #0071BF;}
.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(Img/Common/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 */

/*.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;}*/


.khjz {padding-bottom: 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;}
