@charset "utf-8";
/*BANNER*/
#indexbanner{clear: both;float: none;width: 100%;margin-right: auto;margin-left: auto;height: 727px;overflow: hidden;position: relative;}
#indexbanner .piclist{position: absolute;z-index: 1;width: 100%;height: 727px;}
#indexbanner .piclist li a{height: 727px;width: 100%;text-align: center;display: block;background-repeat: no-repeat;background-position: center center;}
#indexbanner .index-container{width: 364px;margin-left: -187px;position: absolute;left: 50%;right: 50%;z-index: 2;bottom: 30px;height: 6px;overflow: hidden;}
#indexbanner .index-container .index-slide{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;width: 100px;float: left;margin-right: 6px;background-image: url(../images/bg2.png);height: 6px;-o-transition: all .0s; -moz-transition: all .0s; -webkit-transition: all .0s; -ms-transition: all .0s; transition: all .0s;font-size: 12px;line-height: 22px;color: #FFFFFF;}
#indexbanner .index-container .index-slide a{color: #FFFFFF;text-decoration: none;display: block;padding-top: 30px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;}
#indexbanner .index-container .index-slide a strong{font-size: 20px;font-weight: normal;}
#indexbanner .index-container .index-slide a p{padding-top: 8px;}
#indexbanner .index-container .index-slide:hover,#indexbanner .btncon ul li.on{background-color: #0061b0;background-image: none;}
#indexbanner .index-container .index-slide img{float: left;margin-right: 10px;}
.index-button-next{ left:50% !important; top:auto !important; bottom:90px !important; margin-left:645px; background-image:url(../images/next.png) !important; }
.index-button-prev{ left:50% !important; top:auto !important; bottom:90px !important; margin-left:-645px;background-image:url(../images/prev.png) !important;}
/**/
#index_advantage{padding-bottom: 0px;}
#index_advantage .box{background-image: url(../images/advantage_bg.jpg);background-repeat: no-repeat;background-position: center center;height: 468px;padding-top: 69px;clear: both;float: none;margin-top: 50px;}
#index_advantage .box ul{height: auto;width: 1200px;margin-right: auto;margin-left: auto;padding: 0px;}
#index_advantage .box ul li{float: left;height: 200px;width: 25%;font-size: 16px;line-height: 20px;text-align: center;display: table;color: #FFFFFF; position:relative; cursor:pointer;}
#index_advantage .box ul li:nth-child(1),#index_advantage .box ul li:nth-child(3),#index_advantage .box ul li:nth-child(6){color: #000000;}
#index_advantage .box ul li .bg {-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s; width:100%; height:100%; display:block; position:absolute; top:0; left:0;background-image: url(../images/bg3.png);background-repeat: repeat;}
#index_advantage .box ul li:nth-child(1) .bg,#index_advantage .box ul li:nth-child(3) .bg,#index_advantage .box ul li:nth-child(6) .bg{background-image: url(../images/bg4.png);}
#index_advantage .box ul li span{font-size: 55px;display: block;clear: both;float: none;margin-right: auto;margin-left: auto;font-family: "Times New Roman", Times, serif;line-height: 45px;padding-bottom: 20px;font-weight: bold;}
#index_advantage .box ul li div{vertical-align: middle;display: table-cell; position:relative;}
#index_advantage .box ul li.more{background-image: none;background-color: #0061b0;}
#index_advantage .box ul li.more a{display: inline-block;padding-right: 18px;padding-left: 18px;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #85aece;border-left-color: #85aece;color: #FFFFFF;line-height: 16px;text-decoration: none;}
#index_advantage .box ul li:hover .bg { -moz-transform:scale(-1,1); -webkit-transform:scale(-1,1); -o-transform:scale(-1,1); transform:scale(-1,1); -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;}
/**/
#index_classic_case{background-color: #f5f5f5;}
#index_classic_case .box{height: 322px;width: 1200px;margin-right: auto;margin-left: auto;overflow: hidden;margin-top: 50px;}
#index_classic_case .box ul{width: 1400px;}
#index_classic_case .box ul li{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;height: 322px;width: 224px;margin-right: 20px;float: left;background-color: #FFFFFF; text-align:center;}
#index_classic_case .box ul li div{height: 222px;width: 224px;overflow: hidden;}
#index_classic_case .box ul li div img{-o-transition:all 1.5s;-moz-transition:all 1.5s;-webkit-transition:all 1.5s;-ms-transition:all 1.5s;transition:all 1.5s;height: 222px;width: 224px;}
#index_classic_case .box ul li:hover div img{-webkit-transform: scale(1.1);transform: scale(1.1);}
#index_classic_case .box ul li .text{-o-transition:all 1.5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s;height: 100px;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #0061b0;padding-right:0px;padding-left: 0px;display: table;font-size: 13px;line-height: 22px;width: 224px;}
#index_classic_case .box ul li:hover .text a{color: #333333;}
#index_classic_case .box ul li .text strong{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;font-size: 18px;font-weight: 600; color:#000;}
#index_classic_case .box ul li .text span{vertical-align: middle;display: table-cell;}
#index_classic_case .box ul li .text p{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;color: #666666;padding-top: 8px; font-size:14px; text-align:left;}
#index_classic_case .box ul li:hover .text{background-color: #0061b0;border-bottom-color: #0061b0;}
#index_classic_case .box ul li:hover a p,#index_classic_case .box ul li:hover a strong{color: #FFFFFF!important;text-decoration: none!important;}
/*合作伙伴*/
#index_partner{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #E5E5E5;padding-bottom: 85px;position: relative;}
#index_partner .box{height: auto;width: 1195px;margin-top: 50px;margin-right: auto;margin-left: auto;border-top-width: 1px;border-left-width: 1px;border-top-style: solid;border-left-style: solid;border-top-color: #E5E5E5;border-left-color: #E5E5E5;}
#index_partner .box .picList li{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;float: left;width: 238px;height: 116px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e5e5e5;border-right-style: solid;border-right-width: 1px;border-right-color: #e5e5e5;text-align: center;display: table;}
#index_partner .box .picList li:hover{background-color: #E5E5E5;}
#index_partner .box .picList li a{text-align: center;display: table;height: 116px;width: 100%;}
#index_partner .box .picList li span img{height: 108px;width: 228px;}
#index_partner .box .picList li span{vertical-align: middle;display: table-cell;}
#index_partner .tab{position: absolute;height: 36px;width: 112px;left: 50%;right: 50%;bottom: -18px;margin-left: -56px;text-align: center;border-left-width: 1px;border-left-style: solid;border-left-color: #CCCCCC;}
#index_partner .tab a{width: 55px;text-align: center;height: 34px;line-height: 36px;display: inline-block;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-top-color: #CCCCCC;border-right-color: #CCCCCC;border-bottom-color: #CCCCCC;background-color: #FFFFFF;text-decoration: none;float: left;background-image: url(../images/partner_arrow_l.gif);background-repeat: no-repeat;background-position: center center;}
#index_partner .tab a.prev{background-image: url(../images/partner_arrow_r.gif);}
/*新闻资讯*/
#index_news{padding-top: 80px;}
#index_news .box{width: 1200px;margin-top: 50px;margin-right: auto;margin-left: auto;height: 368px;overflow: hidden;}
#index_news .box ul{width:700px; float:left;}
#index_news .box ul li{width: 330px;float: left;height: 368px;margin-right: 20px;position: relative;}
#index_news .box ul li .pic{height: 210px;width: 330px;overflow: hidden;}
#index_news .box ul li .pic img{-o-transition:all 1.5s;-moz-transition:all 1.5s;-webkit-transition:all 1.5s;-ms-transition:all 1.5s;transition:all 1.5s;height: 210px;width: 330px;}
#index_news .box ul li:hover .pic img{-webkit-transform: scale(1.1);transform: scale(1.1);}
#index_news .box ul li .text{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;height: 146px;background-color: #f9f9f9;padding-top: 20px;padding-right: 15px;padding-left: 15px;font-size: 13px;line-height: 24px;}
#index_news .box ul li:hover .text{background-color: #0A61AA;color: #FFFFFF;}
#index_news .box ul li:hover .text p,#index_news .box ul li:hover .text strong{color: #FFFFFF;}
#index_news .box ul li .text strong{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;font-size: 16px;font-weight: normal;display: block;padding-bottom: 5px;line-height: 20px;color: #333333; font-weight:600}
#index_news .box ul li .text p{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;color: #777; line-height:20px;}
#index_news .box ul li span.detailed{height: 38px;width: 124px;position: absolute;background-color: #0a61aa;left: 50%;right: 50%;margin-left: -62px;top: 172px;text-align: center;line-height: 38px;text-transform: uppercase;color: #FFFFFF;}


.box .right{float: right;width: 500px;overflow: hidden;position: relative;}
.box .right dl{/* overflow: hidden; */}
.box .right .newsRBox{width: 690px;height: 375px;overflow: hidden;}
.box .right dl{height: 111px;width: 688px;border: 1px solid #eeeeee;background: #f7f7f7;margin-bottom: 14px;overflow: hidden;}
.box .right dl:hover{border: 1px solid #00adef;background: #00adef}
.box .right dt{width: 135px;height: 85px;float: left;margin: 14px 0 0 13px;overflow:hidden; display: none; }
.box .right dt img{display: block;}
.box .right dd{width: 476px;float: left;margin-left: 12px; padding-top:12px; }
.box .right dd span{display: block;font-size: 15px;color: #333;width: 385px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url(../images/jt.png) no-repeat left center; padding-left:15px; font-weight:600;}
.box .right dd p{font-size: 13px;color: #777;line-height: 22px;height: 48px; overflow:hidden;}
.box .right dd font{ font-size:12px; color:#777;}
.box .right dl:hover dd span{color: #fff;background: url(../images/jt0.png) no-repeat left center;}
.box .right dl:hover dd p{color: #fff;}
.box .right dl:hover dd font{  color:#fff;}

#servicemain .layer{clear: both;float: none;padding-top: 80px;padding-bottom: 80px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e5e6e8;}
#servicemain .layer .con{width: 1200px;margin-right: auto;margin-left: auto;display: table;font-size: 14px;line-height: 24px;}
.qyry_list li.on3{ width:260px;}
.qyry_list li.on3 a img{ width:100%; height:auto;}

/*新闻资讯*/
#newslistbox{height:auto;width:1200px;margin-top:30px;margin-bottom:60px;margin-right:auto;margin-left:auto;overflow:hidden}
#newslistbox ul{ overflow:hidden;}
#newslistbox ul li{float:left;width:98%; padding:1%;background-color:#FFFFFF;margin-right:30px; margin-bottom:30px;position:relative}
#newslistbox ul li .pic{height:210px;overflow:hidden; float:left; width:30%;}
#newslistbox ul li .pic img{-o-transition:all 1.5s;-moz-transition:all 1.5s;-webkit-transition:all 1.5s;-ms-transition:all 1.5s;transition:all 1.5s;height:222px;width:100%}
#newslistbox ul li:hover .pic img{-webkit-transform:scale(1.1);transform:scale(1.1)}
#newslistbox ul li:hover{background-color:#007ee4}
#newslistbox ul li .text p,#newslistbox ul li .text strong{-o-transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-ms-transition:all .1s;transition:all .1s}
#newslistbox ul li:hover .text p,#newslistbox ul li:hover .text strong{color:#FFFFFF}
#newslistbox ul li .text{ float: right; width:68%;-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;font-size:14px;line-height:24px;padding-top:20px}
#newslistbox ul li .date{height:45px;width:100px;position:absolute;left:25px;display:block;background-color:#007ee4;top:165px;font-size:24px;text-align:center;color:#FFFFFF;line-height:44px}
#newslistbox ul li .date i{font-size:16px;font-style:normal}
#newslistbox ul li .text strong{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;font-size:18px;font-weight:600;display:block;padding-bottom:15px;color:#333333}
#newsshowbox{height:auto;width:1200px;margin-top:60px;margin-right:auto;margin-bottom:60px;margin-left:auto;background-color:#FFFFFF}
#newslistbox ul li .text .more{ width:100px; padding:6px 0; text-align:center; font-size:14px; margin-top:20px; border:1px solid #eee;}
#texton{ width:100% !important; float:none !important;}
#newsshowbox .head{text-align:center;padding-bottom:20px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#eee}
#newsshowbox .head .date{padding-top:26px;font-size:14px;color:#0061B0;padding-left:20px}
#newsshowbox .head .date i{font-style:normal;margin-right:20px;color:#888888}
#newsshowbox .head h1{color:#333333;font-size:20px;margin:0px;padding:0px}
#newsshowbox .con{font-size:14px;line-height:32px;padding-top:30px}
#newsshowbox .con .pageflip{clear:both;float:none;margin-top:30px;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#E5E6E8;border-bottom-color:#E5E6E8;height:50px;line-height:50px;text-transform:uppercase;font-size:12px;font-weight:bold}
#newsshowbox .con .pageflip a{color:#000000;display:block;background-image:url(../images/ico_previous.gif);background-repeat:no-repeat;background-position:left top;padding-left:25px}
#newsshowbox .con .pageflip a.previous_no{color:#7F7F7F;background-position:left bottom!important}
#newsshowbox .con .pageflip .previous{float:left}
#newsshowbox  .con  .pageflip  a.previous{padding-left:25px}
#newsshowbox .con .pageflip .next{float:right}
#newsshowbox .con .pageflip a.next{padding-right:25px;background-image:url(../images/ico_next.gif);background-repeat:no-repeat;background-position:right top}
#newsshowbox  .con  .pageflip  a.nextno_no{padding-right:25px!important;background-image:url(../images/ico_next.gif)!important;background-repeat:no-repeat!important;background-position:right bottom!important;float:right!important;color:#7F7F7F!important}
#newsshowbox .con .return{float:right;margin-top:38px;margin-bottom:40px}
#newsshowbox .con .return a{background-color:#0061B0;color:#FFFFFF;line-height:36px;height:36px;width:125px;display:block;text-align:center}
.sxp{ margin-top:30px; border-top:1px dotted #eee; padding-top:10px; color:#888; font-size:14px;}
.sxp a{color:#666;}

/**/
#servicelist{margin-top:40px;clear:both;float:none;height:auto;width:1200px;margin-right:auto;margin-bottom:60px;margin-left:auto}
#servicelist .tit{font-size:15px;height:30px;line-height:30px;margin-top:20px;clear:both;float:none;border-top-width:1px;border-top-style:solid;border-top-color:#E5E6E8;padding-top:20px}
#servicelist .tit:nth-child(1){border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none}
#servicelist .tit a{color:#333333;display:block}
#servicelist .tit em{display:block;height:30px;width:30px;margin-right:15px;float:left;background-image:url(../images/ico_Add.gif);background-repeat:no-repeat;background-position:right center}
#servicelist div.on a{color:#0061B0}
#servicelist div.on em{background-position:left center}
#servicelist .text{font-size:14px;line-height:24px;padding-bottom:30px;padding-top:20px}


/**/
#subsidiary{width:1200px;margin-top:60px;margin-right:auto;margin-bottom:100px;margin-left:auto;overflow:hidden;clear:both;float:none}
#subsidiary ul{width:1500px}
#subsidiary ul li{float:left;width:478px;display:block;font-size:14px;line-height:36px;background-image:url(../images/bg8.gif);background-repeat:no-repeat;background-position:0 center;padding-left:15px;box-sizing:border-box}
/*联系方式*/
#contactus{width:1200px;margin-top:60px;margin-right:auto;margin-bottom:100px;margin-left:auto;clear:both;float:none}
#contactus .contact{font-size:15px; color:#333; line-height:30px;}
#contactus .contact .con{float:left;width:554px;font-size:14px;line-height:30px}
#contactus .contact .con a{color:#0061B0}
#contactus .contact .map{float:right;width:646px}
#contactus .contact .map #allmap{height:321px;width:644px;border:1px solid #CCC}

#goTop { overflow: hidden; display: block; text-indent: -9em; width: 54px; height: 54px; cursor: pointer; bottom: 45px; right: 25px; position: fixed; background: url(../images/goTop.png) 100% 0% no-repeat; z-index:1000;}
#goTop:hover { background: url(../images/goTop.png) no-repeat;}

/**/
.contact_on{ width:961px; margin:0 auto;}
.contact_on .t1{ background: url(../images/p/p000.jpg) left center no-repeat; height:60px; line-height:60px; font-size:26px; color:#ffffff; text-indent:40px; margin-top:30px}
.contact_on .t2{ text-align:center; padding:25px 0; border:2px solid #eeeeee; border-top: none; width:953px}
.contact_on .t3{ text-align: left; padding:25px; border:2px solid #eeeeee; border-top: none; width:903px}
.contact_on h5{ margin:15px 0px; font-size:20px;  color:#15c5ec; text-indent:25px; background: url(../images/p/p003.jpg) left center no-repeat}
.contact_on p{ font-size:18px; color:#686868;font-weight:100; line-height:40px;}
.contact_on .t4{ border-top:1px solid #eeeeee;}
.contact_on .t5{ height:45px; line-height:45px; border-bottom:1px solid #eeeeee;font-size:18px; color:#686868; }
.contact_on .t5 span{ height:45px; line-height:45px; float:left; display: block; text-indent:15px;}
.contact_on .t5 .s1{ width:22%;border-right:1px solid #eeeeee;}
#contact_2 .t5 .s1{ width:50%;border-right:1px solid #eeeeee;}
#contact_3 .t5 .s1{ width:50%;border-right:1px solid #eeeeee;}
.contact_on .t44{ margin-top:15px;font-size: 18px;color: #686868;font-weight: 100;line-height: 40px;}
.contact_on .t44 table{ border: none; width:100% !important;}
.contact_on .t44 table tr td{ border: none; width:30%;}
.contact_on .t2 .t22{ height:450px;}
.contact_on .t2 .t23{ width:640px; height:450px; margin-left:30px; float:left;}
.contact_on .t2 .t23 img{width:640px; height:450px;}
.contact_on .t2 .t23 p{    position: relative;bottom: 37px;z-index: 999;color: #fff;height: 40px;background: url(/skin/dongjun/js/images/pb-02.png) repeat center;width: 100%;display: block;font-size: 15px;}
.contact_on .t2 .t24{ width:240px; float: right; margin-right:30px;overflow:hidden;}
.contact_on .t2 .t24 ul li{ width:43%; margin:1% 2%; float:left;}
.contact_on .t2 .t24 ul li img{ width:99%; height:auto;border:1px solid #eee;}
.contact_on .t2 .t25{ overflow-y: auto;white-space: nowrap; height:450px; width:260px;}
.contact_on .t2 .t24 ul li.cur img{ border:1px solid #15c5ec;}