@charset "utf-8";


/*--banner--*/
.banner{ width:100%; height:400px; background:url(../images/case_banner.jpg) no-repeat center;}
.case{ width:1200px; height:auto; margin:45px auto; overflow:hidden; margin-bottom:0; position:relative;}
.case_left{ width:276px; height:460px; background:#eaeaea; border-radius:5px; float:left; padding:26px; box-sizing:border-box;}
.case_left h3{ font-size:22px; color:#333; font-weight:normal;}
.case_left ul{ margin-top:23px;}
.case_left ul li{ height:46px; background:#f5f5f5; border-radius:5px; line-height:46px; margin-bottom:10px;}
.case_left ul li p{ color:#666; display:inline-block; padding-left:20px;}
.case_left ul li span{font-size:13px; color:#666; float:right; padding-right:20px;}
.case_left ul li:hover{ background:#ff7a03;}
.case_left ul li:hover p{ color:#fff;}
.case_left ul li:hover span{ color:#fff;}
.case_right{ width:896px; height:auto; float:right;}
.case_right .bt{ margin-top:20px;}
.case_right .bt h3{ font-size:23px; color:#333; font-weight:normal;}

.case_left ul li.xuan{ background:#ff7a03;}
.case_left ul li.xuan p{ color:#fff;}
.case_left ul li.xuan span{ color:#fff;}


.fxui-tab-nav2 { margin-top:25px; overflow:hidden;}
.fxui-tab-nav2 li{ width:280px; height:260px; background:#fff; border-radius:3px; float:left; margin-right:28px; margin-bottom:6px;}
.fxui-tab-nav2 li:nth-child(3n){ margin-right:0px;}
.fxui-tab-nav2 li div{ width:280px; height:194px; overflow:hidden; border-radius:3px 3px 0 0;}
.fxui-tab-nav2 li img{ width:280px; height:194px; transition:all 0.5s;}
.fxui-tab-nav2 li:hover img{ transform:scale(1.1);}
.fxui-tab-nav2 li dl{ width:278px; height:50px; background:#f3f3f3; transition:all 0.5s; padding:0 21px; box-sizing:border-box; overflow:hidden; border-radius:0 0 3px 3px;}
.fxui-tab-nav2 li dl p{ font-size:15px; color:#333; text-align:center; margin-top:0px; height:50px; line-height:50px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.fxui-tab-nav2 li dl dt{ float:right; line-height:25px; color:#666; margin-top:10px; transition:all 0.5s; overflow:hidden;}
.fxui-tab-nav2 li:hover dl{ background:#05317a;}
.fxui-tab-nav2 li:hover dl p{ color:#fff;}
.fxui-tab-nav2 li:hover dl dt{ color:#fff;}

.yan{ width:1200px; height:250px; margin:0 auto;}
.yan_left{ width:890px; height:250px; float:left; background:#fafafa; padding:0 45px; box-sizing:border-box;}
.yan_left .bt{ font-size:25px; color:#333; margin-top:25px;}
.yan_left .nr{ height:150px; margin-top:20px;}
.yan_left .nr img{ width:266px; height:150px; float:left;}
.yan_left .nr .txt{ width:585px; float:right; margin-left:-100px;}
.yan_left .nr .txt h3{ font-weight:normal; width:560px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis;  white-space:nowrap; color:#333;}
.yan_left .nr .txt p{ line-height:25px; height:50px; color:#666; overflow:hidden; margin:15px 0;}
.yan_left .nr .txt span{ color:#999;}
.yan_right{ width:280px; height:250px; border:5px solid #ebebeb; padding:26px; box-sizing:border-box; float:right;}
.yan_right h3{ color:#333; font-weight:normal; font-size:20px; margin-top:5px;}
.yan_right i{ width:25px; height:1px; background:#ff7a03; display:block; margin-top:5px;}
.yan_right p{ color:#999; line-height:22px; height:66px; overflow:hidden; margin-top:15px;}
.yan_right a{ width:150px; height:39px; background:#fff; border:1px solid #ff7a03; border-radius:5px; color:#ff7a03; text-align:center; line-height:39px; display:block; margin-top:20px;}

.kefu{ width:100%; height:510px; background:url(../images/case.jpg) no-repeat center; overflow:hidden; margin-top:60px;}
.kefu_con{ width:1200px; height:368px; margin:78px auto; padding:55px; box-sizing:border-box;}
.kefu_con h3{ font-size:30px; color:#333; font-weight:normal;}
.kefu_con i{ width:65px; height:3px; background:#ff7a03; display:block; margin-top:15px;}
.kefu_con p{ line-height:28px; color:#666; width:690px; margin-top:40px;}
.kefu_con a{ width:190px; height:48px; border:1px solid #ddd; border-radius:3px; text-align:center; line-height:48px; display:block; margin-top:40px;}
.kefu_con a:hover{ background:#ff7a03; color:#fff; border:1px solid #ff7a03; }



.xinwen_ny{ width:1200px; height:auto; margin:0 auto; margin-top:50px; padding-bottom:40px; overflow:hidden;}
.xinwen_ny .bt{ width:1200px; height:180px;}
.xinwen_ny .bt h3{ width:1000px; height:40px; margin:0 auto; line-height:40px; text-align:center; font-size:25px; color:#333; font-weight:normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.xinwen_ny .bt .xin{ width:586px; height:30px; margin:0 auto;margin-top:2px;}
.xinwen_ny .bt .xin span{ width:140px; height:30px; line-height:30px; font-size:15px; color:#999; float:left; margin-left:140px;}
.xinwen_ny .bt .xin p{ width:180px; height:30px; line-height:30px; color:#999; font-size:15px; float:left;}
.xinwen_ny .zy{ width:100%; height:90px; background:#ececec; margin-top:20px; padding:20px; box-sizing:border-box;}
.xinwen_ny .zy p span{ color:#ff7a03;}
.xinwen_ny .zy p{ color:#999; height:50px; line-height:25px; overflow:hidden; display:inline-block;}
.xinwen_ny .nr{ width:1200px; line-height:33px; color:#333; padding-bottom:40px; padding-top:35px; border-bottom:1px solid #d5d5d5;}
.xinwen_ny .nr img{ margin:0 auto;}
.xinwen_ny .s{ width:1200px; height:60px; margin-top:35px;}
.xinwen_ny .s .kai{ width:50%; height:60px; float:left; padding:15px 20px; background:#f4f4f4; box-sizing:border-box;}
.xinwen_ny .s .kai i{ vertical-align: middle; display:inline-block; width:16px; height:30px; transition: .36s ease; margin-top:8px;}
.xinwen_ny .s .prev i{ background:url(../images/prev1.png) no-repeat;}
.xinwen_ny .s .next i{ background:url(../images/next1.png) no-repeat;}
.xinwen_ny .s .next{ text-align:right;}
.xinwen_ny .s .kai span{ width:1px; height:20px; background:#eaeaea; display:inline-block; margin:0 20px;}
.xinwen_ny .s .kai p{ display:inline-block; height:40px; line-height:30px; max-width:500px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; vertical-align: middle;}
.xinwen_ny .s .kai:hover{ background:#0c4da1;}
.xinwen_ny .s .kai:hover p{ color:#fff;}
.xinwen_ny .s .prev:hover i{background:url(../images/prev2.png) no-repeat;}
.xinwen_ny .s .next:hover i{background:url(../images/next2.png) no-repeat;}

.re{float:left; margin-top:25px;}
.re ul li{ border:1px solid #ff7a03; border-radius:5px; padding:5px 9px; color:#ff7a03; float:left; margin-right:15px;}
.re ul li:hover{ background:#ff7a03; color:#fff;}
.re ul li a{ color:#ff7a03;}
.re ul li:hover a{ color:#fff;}
.tuijian{ width:1200px; height:auto; margin:50px auto;}
.tuijian .bt{ height:35px;}
.tuijian .bt h3{ font-size:26px; color:#333; font-weight:normal; float:left; text-align:left;}

.fxui-tab-nav { margin-top:45px;}
.fxui-tab-nav li{ width:380px; height:305px; float:left; margin-right:30px; margin-bottom:29px;}
.fxui-tab-nav li:nth-child(3),.fxui-tab-nav li:nth-child(6){ margin-right:0px;}
.fxui-tab-nav li div{ width:380px; height:258px; overflow:hidden;}
.fxui-tab-nav li img{ width:380px; height:258px; transition:all 0.5s;}
.fxui-tab-nav li:hover img{ transform:scale(1.1);}
.fxui-tab-nav li dl{ height:50px; background:#fff; transition:all 0.5s; padding:0 25px; box-sizing:border-box;}
.fxui-tab-nav li dl p{ font-size:15px; color:#666; line-height:48px; float:left;}
.fxui-tab-nav li dl .more{ width:60px; height:48px; float:right; font-size:16px; color:#666; margin-top:15px; transition:all 0.5s;}
.fxui-tab-nav li:hover dl{ background:#05317a;}
.fxui-tab-nav li:hover dl p{ color:#fff;}
.fxui-tab-nav li:hover dl .more{ color:#fff;}