@charset "utf-8";
/* CSS Document */

a:hover {text-decoration:none;}

/*Title*/
.Title{width: 100%;text-align: center;}
.Title h3{font-size: 28px;color: #0D4DA1;text-align: center;}
.Title h3 a{color: #0D4DA1;text-decoration: none;}
.Title p{font-size: 14px;    margin-bottom: 10px;color: #666666;margin-top: 11px;}
.Title i{display: block;width: 143px;height: 3px;margin-top: 14px;}
.Title i img{display: block;}


/* banner */
.banner{width: 100%;overflow: hidden;height: 550px;position: relative;}
.banner a{display: block;height: 550px;}

/*.banner .btnList{width: 100%;text-align: center;position: absolute;bottom: 27px;left: 0;}
.banner .btnList span{display: inline-block;width: 36px;height: 8px;cursor: pointer; background: #cfb7ab;margin-left: 6px;border-radius: 8px;}
.banner .btnList span:first-child{margin-left: 0;}
.banner .btnList span.on{background: #fff;}
*/
#flashs{ position:relative; height:550px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{width: 100%;  z-index:9999; font-size: 0;text-align: center;position: absolute;bottom: 27px;left: 0;}
#flashs .btn span{display: inline-block;width: 36px;height: 8px;cursor: pointer; background: #cfb7ab;margin-left: 6px;border-radius: 8px;}
#flashs .btn span:first-child{margin-left: 0;}
#flashs .btn span.on { background: #fff;}

/*state*/
.state{width: 100%;height: 50px;}
.state h3{float: left;width: 104px;}
.state h3 img{display: block;}
.state .stabox {float: left; width: 1096px;border-bottom: 1px solid #eef2f5;position: relative;overflow: hidden;}
.state .stabox ul {position: relative;}
.state .stabox ul li {float: left;height: 49px;line-height: 49px;}
.state .stabox li a{display: block;width: 288px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 34px;float:left;font-size: 14px;color: #000000; }
.state .stabox li span{display: block;float: left;font-size: 14px;color: #000000; margin-left: 100px;}


/**/
.yksl {padding: 50px 0;}
.yksl dl {height: 160px;float: left;width: 289px;border-left: 1px dotted #e6e6e6;}
.yksl dl:first-child {border-left: none;}
.yksl dl dt {height: 70px;text-align: center;}
.yksl dl dt img {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.yksl dl dt em {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 100%;width: 0;}
.yksl dl dd {text-align: center;font-size: 18px;color: #333;}
.yksl dl dd i {font-size: 36px;color: #0D4DA1;line-height:60px;font-weight: bold;}


/*product*/
.product{width: 100%;padding-top: 46px;padding-bottom: 40px;background: #ebebeb;}
.product .mainCon{width: 100%;margin-top: 50px;}
.product .mainCon ul{width: 105%;}
.product .mainCon li{float: left;width: 388px;height: 95px; background: #fff; padding: 27px 0 26px 0;border: 1px solid #cccccc;border-radius: 6px;margin-right: 15px;margin-bottom: 15px;}
.product .mainCon li:hover{ box-shadow:6px 7px 4px 1px #ccc;}
.product .mainCon li dt{float: left;width: 119px;height: 95px;text-align: center;}
.product .mainCon dl dt img {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.product .mainCon dl dt em {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 100%;width: 0;}
.product .mainCon li dd{height: 95px;width: 232px;padding-left: 22px;float: left;}
.product .mainCon li dd h3{font-size: 18px;color: #333333;}
.product .mainCon li dd p{font-size: 13px;color: #333;line-height: 20px;margin-top: 10px;height: 80px;overflow: hidden;text-overflow: ellipsis;}
.product .mainCon .more{display: block;width: 139px;height: 32px;margin: 40px auto 0;}
.product .mainCon .more img{display: block;}


/*about*/
.about{width: 100%;padding-top: 55px;background: url(../images/aboutbg01.jpg) no-repeat center;height: 610px;}
.about .mainCon{width: 100%;margin-top: 45px;}
.about .mainCon{width: 100%;}
.about .mainCon .conBox{width: 100%;height: 370px;position: relative;overflow: hidden;}
.about .mainCon dl{width: 100%;height: 370px;}
.about .mainCon dt{float: left;}
.about .mainCon dd{float: left;}
.about .mainCon dl.dl1 dt{width: 600px;height: 370px;}
.about .mainCon dt img{display: block;}
.about .mainCon dl.same dd{width: 514px;}
.about .mainCon .dl1 dd{padding-top: 33px;margin-left: 34px;}
.about .mainCon .dl1{background: #0D4DA1;}
.about .mainCon dl.same dd h3{font-size: 20px;color: #fff;}
.about .mainCon dl.same dd h3 a{color: #fff;text-decoration: none;} 
.about .mainCon dl.same dd span{margin-top: 6px;font-size: 13px;color: #fff;font-family: arial;display: block;margin-top: 9px;text-transform: uppercase;}
.about .mainCon dl.same dd p{font-size: 14px;color: #fff;line-height: 26px;margin-top: 24px;}
.about .mainCon dl.same dd a.more{display: block;width: 109px;height: 32px;margin-top: 26px;}
.about .mainCon dl.same dd a.more img{display: block;}
.about .mainCon .dl2 ul{width: 102%;height: 370px;background: #fff;}
.about .mainCon .dl2 li{float: left;width: 242px;height: 180px;margin-right: 3px;margin-top: 3px;position: relative;}
.about .mainCon .dl2 li:first-child{width: 462px;height: 370px;margin-top: 0;}
.about .mainCon .dl2 li:first-child .text{width: 188px;padding: 31px 33px 0;height: 217px;background: url(../images/aboutbg06.png);position: absolute;top: 61px;right: 26px;}
.about .mainCon .dl2 li:first-child .text span{display: block;font-size: 14px;color: #fff;line-height: 28px;}
.about .mainCon .dl2 li p{position: absolute;background: url(../images/aboutbg06.png);height: 32px;line-height: 32px;text-align: center;width: 242px;font-size: 14px;color: #fff;bottom: 0;left: 0;}
.about .mainCon .dl4 dt{width: 623px;height: 370px;}
.about .mainCon .dl4 dd{width: 514px;height: 314px;padding: 56px 40px 0 23px;background:#024585;}
.about .mainCon .menu{width: 100%;}
.about .mainCon .menu ul{width: 575px;margin: 0 auto;position: relative;top: 56px;}
.about .mainCon .menu li{float: left;width: 125px;height: 90px;overflow: hidden;position: relative;padding-top: 36px;margin-left: 25px;text-align: center;;background: url(../images/aboutbg05.png) no-repeat left top; }
.about .mainCon .menu li a{text-decoration: none;}
.about .mainCon .menu li:first-child{margin-left: 0;}
.about .mainCon .menu li i{display: block;margin: 4px auto 0;width: 34px;height: 36px;}
.about .mainCon .menu li span{display: block;font-size: 14px;color: #fff;}
.about .mainCon .menu li.cur{background-position: left bottom;}
.about .mainCon .menu li.cur span{font-weight: bold;color: #3b382e;}

.about .mainCon .menu li.li1 i {background: url(../images/about_icon01.png) no-repeat center;}
.about .mainCon .menu li.li2 i {background: url(../images/about_icon02.png) no-repeat center;}
.about .mainCon .menu li.li3 i {background: url(../images/about_icon03.png) no-repeat center;}
.about .mainCon .menu li.li4 i {background: url(../images/about_icon04.png) no-repeat center;}
.about .mainCon .menu li.li1.cur i {background: url(../images/about_icon05.png) no-repeat center;}
.about .mainCon .menu li.li2.cur i {background: url(../images/about_icon06.png) no-repeat center;}
.about .mainCon .menu li.li3.cur i {background: url(../images/about_icon07.png) no-repeat center;}
.about .mainCon .menu li.li4.cur i {background: url(../images/about_icon08.png) no-repeat center;}



/*dkls*/
.dkls {padding: 115px 0 50px 0;background: #ebebeb;}
.dkls .container {padding-top: 35px;}
.dkls dl {width: 218px;float: left;margin: 0 0 30px 25px;transition: all 0.5s;}
.dkls dl.bdnot {margin-left: 0;}
.dkls dl dt {height: 316px;position: relative;overflow: hidden;}
.dkls dl dt img {display: block;transition: all 0.5s;}
.dkls dl dt p {height:105px;position: absolute;left: 0;bottom: 0; width: 100%;background: url(../images/bg01.png);}
.dkls dl dt p b {display: block;font-size: 24px;font-weight: bold;color: #fff;margin:8px 8px 0 12px;padding-bottom:10px;border-bottom:1px solid #fff;}
.dkls dl dt p span {display: block;margin: 10px 0 0 12px;font-size: 14px;color: #d6d6d6; line-height:22px;}
.dkls dl dd {height: 42px;position: relative;overflow: hidden;}
.dkls dl dd a {float: left;width: 50%;font-size: 18px;color: #3b382e;text-indent: 12px;line-height: 42px;background: #ffcd32;}
.dkls dl dd a:first-child {background: #0D4DA1;text-indent: 30px;color: #fff;}
.dkls dl dd a:first-child img {position: relative;left: -5px;top: 3px;}
.dkls dl .span1{ display:none;}
.dkls dl .span2{ display:block;}
.dkls dl:hover {box-shadow: 8px 8px 15px #999;}
.dkls dl:hover dt img {transform: scale(1.1);}

.dkls .more{display: block;width: 139px;height: 32px;margin: 40px auto 0;}
.dkls .more img{display: block;}


/**/
.hzhb {padding: 50px 0;}
.hzhb .Title p {font-size: 20px;color: #444;}
.hzhb .hzhb_con {padding-top: 30px;position: relative;}
.hzhb .hzhb_con li {float: left;width: 239px;height: 160px;border: 1px solid #ccc;margin:0 0 -1px -1px;position: relative;z-index: 1;overflow: hidden;}
.hzhb .hzhb_con li img {display: block;transition: all 0.5s;}
.hzhb .hzhb_con li:hover {border-color: #0D4DA1;z-index: 2;}
.hzhb .hzhb_con li:hover img {transform: scale(1.1);}
.hzhb .more{display: block;width: 139px;height: 32px;margin: 40px auto 0;}
.hzhb .more img{display: block;}


/*news*/
.news{width: 100%;padding-bottom: 56px;}
.news .mainCon{width: 100%;}
.news .mainCon .menu{width: 100%;}
.news .mainCon .menu ul{width: 598px;margin: 0 auto;height: 72px;}
.news .mainCon .menu li{float: left;width: 198px;height: 70px;position: relative;text-align: center;border: 1px solid #c5c5c5;border-left: none;}
.news .mainCon .menu li:first-child{border-left: 1px solid #c5c5c5;}
.news .mainCon .menu li a{display: block;text-decoration: none;}
.news .mainCon .menu li span{display: block;font-size: 18px;color: #333333;padding-top: 15px;}
.news .mainCon .menu li em{display: block;font-size: 13px;color: #666666;font-family: arial;margin-top: 4px;text-transform: uppercase;}
.news .mainCon .menu li i{display: none;width: 18px;height: 9px;;background: url(../images/news_icon01.png) no-repeat center;position: absolute;bottom: -9px;left: 50%;margin-left: -9px;}
.news .mainCon .menu li.cur{background: #0D4DA1;border-color: #0D4DA1;}
.news .mainCon .menu li.cur span,.news .mainCon .menu li.cur em{color: #fff;}
.news .mainCon .menu li.cur i{display: block;}

.news .mainCon .conBox{width: 100%;margin-top: 47px;height: 422px;overflow: hidden;position: relative;}
.news .mainCon .conBox .box{width: 100%;}
.news .mainCon .conBox .conL{width: 590px;height: 422px;float: left;background: #ebebeb;}
.news .mainCon .conBox .conL img{display: block;}
.news .mainCon .conBox .conL h3{overflow: hidden;font-weight: normal;margin-top: 28px;padding-left: 11px;}
.news .mainCon .conBox .conL h3 a{display: block;font-size: 16px;color: #333333;width:420px;overflow: hidden;text-overflow: ellipsis;white-space: normal;float: left;font-weight: bold;}
.news .mainCon .conBox .conL h3 em{display: block;float: right;font-size: 14px;color: #666666;font-weight: normal;position: relative;margin-right: 13px;}
.news .mainCon .conBox .conL p{font-size: 14px;color: #333333;line-height: 24px;height: 48px;overflow: hidden;text-overflow: ellipsis;margin-top: 18px;padding-left: 11px;padding-right: 13px;}
.news .mainCon .conBox .conL p a{font-size: 14px;color: #333333;}
.news .mainCon .conBox .conR{width: 592px;float: right;}
.news .mainCon .conBox .conR dl{height: 106px;padding: 10px 0 10px 10px;width: 582px;margin-top: 22px;position: relative;}
.news .mainCon .conBox .conR a:first-child dl{margin-top: 0;}
.news .mainCon .conBox .conR dt{float: left;text-align: center;width: 160px;height: 106px;}
.news .mainCon .conBox .conR dd{float: left;width: 376px;padding-top: 12px;margin-left: 20px;}
.news .mainCon .conBox .conR dd h3{font-size: 16px;color: #333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: normal;}
.news .mainCon .conBox .conR dd p{font-size: 14px;color: #333333;line-height: 24px;margin-top: 12px;height: 48px;text-overflow: ellipsis;}
.news .mainCon .conBox .conR dd span{font-size: 14px;color: #666666;display: block;position: absolute;right: 25px;bottom: 24px;}
.news .mainCon .conBox .conR dl:hover dd h3{font-weight: bold;}
.news .mainCon .conBox .conR dl:hover{background: #ebebeb;}


.footerTop .conR .box2 .link{width: 220px;height: 28px;line-height: 28px;float: right;border: 1px solid #b5b5b5;margin-top: 38px;text-indent: 10px;font-size: 14px;color: #666666;background: url(../images/footer_icon02.png) no-repeat 194px center;cursor: pointer;position: relative;}
.footerTop .conR .box2 .link .con{width: 220px;position: absolute;left:-1px;}
.footerTop .conR .box2 .link .con a{display: block;height: 28px;line-height:28px;font-size: 14px;color: #555;background: #fff;border-top: 1px solid #e6e6e6;}
.footerTop .conR .box2 .link .con a:first-child{border-top: none;}
.footerTop .conR .box2 .link .con a:hover{background: #e6e6e6;color: #333;}
.footerTop .conR .box2 .link .Border{border:1px solid #e6e6e6;border-bottom: none;}