﻿@charset "UTF-8";

/* container */
.container{font-family:"微软雅黑"; padding-bottom:32px;}

.aArea{padding:17px 0;}
.proSort{float:left; width:228px; padding-bottom:15px; background:url(../images/prosortbg.jpg) no-repeat center bottom;}
.proSort .hd{height:48px; line-height:47px; text-align:center; background:url(../images/sorthd.jpg) repeat-x; font-size:16px; font-family:SimSun; color:#fff; font-weight:bold;}
.proSort .hd em{color:#c4c5c5; font-size:14px; font-family:arial; font-weight:100; padding-left:10px;}
.proSort .bd{padding-top:3px; height:408px; background:url(../images/sortbd.jpg) repeat-y;}
.proSort li{ width:202px; margin:14px auto 0; vertical-align:bottom;}
.proSort li h4{ font-weight:100;}
.proSort li a{display:block; width:186px; height:32px; line-height:32px; padding-left:16px; color:#fff; font-size:16px; background:#2972d7 url(../images/sort_ico2.jpg) no-repeat 176px 5px;}
.proSort li a:hover, .proSort li.on h4 a{background-image:url(../images/sort_ico1.jpg);}
.proSort li .i{width:200px; margin:0 auto; font-size:13px; line-height:20px; color:#868080; text-align:left; border-top:1px solid #e7dfdf; margin-top:16px; padding:17px 5px 0;}
.proSort dl{padding-top:10px; background:url(../images/line-01.png) repeat-x left bottom; display:none;}
.proSort dl dt{ line-height:29px; padding-top:1px; background:url(../images/line-01.png) repeat-x left top;}
.proSort dl dt a{display:inline; height:auto; line-height:29px; background:none; font-size:14px;}
.proSort dl dt a:hover{background:none; color:#00ecfb;}
.proSort li.on dl{display:block;}

.hTitle{}
.hTitle .hd{height:35px; background:#f7f7f7; overflow:hidden; zoom:1;}
.hTitle .hd h4{float:left; line-height:35px; font-size:18px; color:#fff; background:#013d83; font-weight:100; padding:0 10px;}
.hTitle .hd .m{float:right; line-height:35px; padding-right:10px; font-family:arial;}
.hTitle .hd .m a{color:#888;}
.hTitle .hd .m a:hover{color:#013d83;}

.pList{}
.pList li{float:left; display:inline; width:227px;}
.pList li .p{border:1px solid #e1e1e1;}
.pList li .t{ line-height:20px; font-size:14px; padding-top:6px; text-align:center;}
.pList li .t a{color:#828282;}
.pList li .t a:hover{color:#2972D7;}

.proWrap{float:right; width:751px;}
.proWrap .pList{padding-top:5px;}
.proWrap .pList li{padding:18px 35px 0 0;}
.proWrap .pList li.noPd{padding-right:0;}

.bArea{width:996px; height:181px; margin:0 auto; background:url(../images/parnterbg.jpg) no-repeat;}
.bArea .hd{color:#0c4b92; text-align:center; font-size:22px; line-height:30px; padding:6px 0 26px;}
.bArea .bd{position:relative; width:914px; margin:0 auto;}
.bArea .bd .tempWrap{width:914px !important;}
.bArea .bd .prev, .bArea .bd .next{position:absolute; left:-27px; top:24px; width:14px; height:27px; background:url(../images/prev-1.jpg) no-repeat; font-size:0; cursor:pointer;}
.bArea .bd .next{left:auto; right:-27px; background:url(../images/next-1.jpg) no-repeat;}
.bArea .bd li{float:left; width:162px; padding-right:26px;}
.bArea .bd li .p{padding-bottom:9px; background:url(../images/picshade.jpg) no-repeat center bottom;}
.bArea .bd li .p img{border:1px solid #e0dcdc;}
.bArea .bd li .t{ line-height:18px; padding-top:2px; text-align:center;}
.bArea .bd li .t a{color:#333;}
.bArea .bd li .t a:hover{color:#2972D7;}

.cArea{padding:26px 0 34px;}
.cArea .bd{width:1002px; margin-top:24px;}
.cArea .bd .tempWrap{width:1002px !important;}
.cArea .bd li{margin-right:31px;}

.dArea{padding:45px 0 0;}
.aboutWrap{float:left; width:664px;}
.aboutWrap .bd{padding-top:26px;}
.aboutWrap .bd .p{float:left; padding-bottom:11px; background:url(../images/picshade-2.jpg) no-repeat center bottom;}
.aboutWrap .bd .p img{border:6px solid #eee;}
.aboutWrap .bd .txt{float:right; width:350px;}
.aboutWrap .bd h4{ font-size:17px; color:#494949; border-bottom:1px solid #dcdcdc; padding-bottom:8px; line-height:24px;}
.aboutWrap .bd .i{padding-top:8px; color:#7b7b7b; line-height:20px;}

.honorWrap{float:right; width:315px;}
.honorWrap .bd{width:182px; position:relative; margin:26px auto 0;}
.honorWrap .bd .tempWrap{width:182px !important;}
.honorWrap .bd .prev, .honorWrap .bd .next{position:absolute; left:-44px; top:78px; width:26px; height:83px; background:url(../images/prev-2.jpg) no-repeat; font-size:0; cursor:pointer;}
.honorWrap .bd .next{left:auto; right:-44px; background:url(../images/next-2.jpg) no-repeat;}
.honorWrap .bd li{padding-bottom:10px; background:url(../images/picshade-3.jpg) no-repeat center bottom;}
.honorWrap .bd li img{border:7px solid #dcdcdc; border-left-width:10px; border-right-width:10px;}


.eArea{padding:30px 0 20px;}
.newsWrap{width:316px; float:left; display:inline;}
.newsWrap .bd .p{padding:20px 0 14px;}
.news-1{margin-left:28px;}

.list-1{}
.list-1 li{height:20px; line-height:20px; padding:5px 0 5px 2px;}
.list-1 li a{padding-left:4px; color:#666;}
.list-1 li a:hover{color:#2972D7;}
.list-1 .ico{float:left; width:17px; _width:14px; height:20px; background:url(../images/list_ico.jpg) no-repeat 0 3px;}

.ctContact{width:316px; float:right; display:inline;}
.ctContact .bd{padding-top:20px; color:#666; font-size:14px;}
.ctContact .bd .info{padding-top:16px; line-height:24px;}

.fArea{width:996px; height:680px; background:url(../images/msgbg.jpg) no-repeat;border:1px solid white;}
.msg-panel {margin-left:500px;margin-top:150px;}
.msg-panel li {padding:4px 0; vertical-align:top;}
.msg-panel li label { width:100px; line-height:29px; color:#5c5c5c; font-size:14px;text-align:left;width:100px;display:block;float:left;}
.msg-panel li span{float:right;display:block;margin-right:80px;text-align:left;width:50px;}
.msg-panel .text {width:252px; height:27px; line-height:27px;background:#fff; color:#666; border:1px solid #aaa; font-size:14px;}
.msg-panel .textarea {width:300px; height:75px; padding:1px 5px; border:1px solid #aaa; background:#fff; color:#666; font-size:14px;}
.msg-panel .submit-field{ padding:20px 0 0 50px;  }
.msg-panel .submit-field .btn-submit, .msg-panel .submit-field .btn-reset{ float:left;margin-right:20px;width:102px; height:30px; border:none; background:#1772c0; color:#fff; cursor:pointer; font-family:"微软雅黑"; font-size:15px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.msg-panel .submit-field .btn-reset{}

.gArea{font-family:"微软雅黑"; padding:10px 0 50px;}
.gArea .hd{ text-align:center; padding:15px 0 30px;}
.gArea .hd h4{ font-weight:100; color:#0c4b92; font-size:22px; line-height:26px; font-family:arial;}
.gArea .hd em{display:block; font-size:18px; background:url(../images/hdline.jpg) repeat-x left center;}
.gArea .hd em span{ background:#fff; padding:0 15px;}

.tabTit{float:left; width:190px; background:url(../images/tabline.jpg) repeat-y left top;}
.tabTit li{padding:15px 0 0;}
.tabTit li.li-1{padding:0;}
.tabTit li a{display:block; line-height:30px; font-size:14px; padding-left:25px;}
.tabTit li.cur a, .tabTit li a:hover{border-left:5px solid #1155a2; color:#1155a2; padding-left:20px;}

.tabCon{float:left; width:770px;}
.tabCon .pic{float:left; width:225px;}
.tabCon .txt{float:left; width:512px; font-size:14px; padding-left:30px;}
.tabCon .txt h4{padding-bottom:8px;}
.tabCon .txt h4 a{color:#1155a2;}
.tabCon .txt .m{padding-top:12px;}
.tabCon .txt .m a{display:block; line-height:32px; width:90px; background:#1155a2; color:#fff; text-align:center;}


.copyright1{ display:none;text-align:center; background:#013d83; font-size:14px; font-family:"微软雅黑";}
.copyright1 a{ display:none;color:#fff;}


/*首页改版*/
.w1200{width: 1200px; margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.headerTop .set img{vertical-align: middle; margin: -6px 2px 0 0;}

.m-title{text-align: center; padding-top: 65px;}
.m-title h1{font-size: 42px; color: #333; line-height: 48px; font-weight: normal;}
.m-title p{font-size: 16px; color: #666; padding-top: 10px;}

.w-aArea{padding-bottom: 80px;}
.w-aArea .w-content{padding-top: 15px;}
.w-aArea li{float: left; width: 230px; height: 266px; margin-right: 12.5px; margin-top: 25px;}
.w-aArea li:nth-child(5n){margin-right: 0;}
.w-aArea li .thumbnail{width: 228px; height: 264px; border: 1px solid #E1E1E1;}
.w-aArea li .head{width: 100%; height: 165px; overflow: hidden; position: relative;}
.w-aArea li .head>img{width: 100%; height: 100%; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);
transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out;;}
.w-aArea li .head>div{width: 100%; height: 40px; position: absolute; bottom: 0; left: 0; background: rgba(255,255,255,.45); text-align: center; line-height: 40px; 
font-size: 18px; color: #333; font-weight: bold; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out;}
.w-aArea li .head>div span{color: #e4443d;}
.w-aArea li .body{font-size: 16px; color: #333; text-align: center; padding-top: 28px;}
.w-aArea li:hover .head>img{transform: scale(1.15);-webkit-transform: scale(1.15);-moz-transform: scale(1.15);}
.w-aArea li:hover .head>div{font-size: 22px;}

.w-bArea{background: url(../images/bg1.jpg) no-repeat center center; padding-bottom: 80px;}
.w-bArea li{margin-top: 36px; float: left; width: 360px; height: 400px; background: #fff; margin-right: 60px;}
.w-bArea li:last-child{margin-right: 0;}
.w-bArea li .border{width: 358px; height: 398px; border: 1px solid transparent;transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out;}
.w-bArea li .imgBox{width: 100%; height: 155px; overflow: hidden; position: relative;}
.w-bArea li .imgBox>img{width: 100%; height: 100%; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);
transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out;}
.w-bArea li .imgBox .tt{width: 100%;height: 100%; text-align: center; top: 0; z-index: 15; color: #fff; position: absolute; left: 0;}
.w-bArea li .imgBox .tt h3{font-size: 24px; font-weight: bold; padding-top: 46px;}
.w-bArea li .imgBox .tt p{font-size: 16px; padding-top: 5px;}
.w-bArea li .text{ text-align: center; padding: 45px 15px 0; font-size: 16px; color: #666; line-height: 36px;}
.w-bArea li .text .ask{width: 138px; height: 37px; border: 1px solid #FA5050; color: #FA5050; font-size: 16px; display: block; margin:35px auto 0;
transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out;}
.w-bArea li:hover .imgBox>img{transform: scale(1.15);-webkit-transform: scale(1.15);-moz-transform: scale(1.15);}
.w-bArea li:hover .border{border-color: #026DBD;}
.w-bArea li:hover .text .ask{background: #FA5050; color: #fff;}

.w-cArea{background: url(../images/bg2.jpg) no-repeat top right; padding-bottom:65px; position: relative;}
.w-cArea>img{position: absolute; left: 0; height: 521px; top: 50%; margin-top: -300px;}
.w-cArea .w-content{border: 1px solid #ECECEC; margin-top: 40px;}
.w-cArea .w-c-top li{padding: 40px 0;}
.w-cArea .w-c-top li.li4{padding: 60px 0;}
.w-cArea .w-c-top li.li1,.w-cArea .w-c-top li.li3{background: #F4F4F4;}
.w-cArea .w-c-top li .img{margin:0 45px;}
.w-cArea .w-c-top li .text{width: 54%;}
.w-cArea .w-c-top li.li3 .text{width: 52%;}
.w-cArea .w-c-top li.li4 .text{width: 40%;}
.w-cArea .w-c-top li.li2 .text,.w-cArea .w-c-top li.li4 .text{margin-left: 45px;}
.w-cArea .w-c-top li .text h3{font-size: 28px; color: #252525; font-weight: bold; padding-top: 40px;}
.w-cArea .w-c-top li.li4 .text h3{padding-top: 5px;}
.w-cArea .w-c-top li .text p{font-size: 16px; color: #666; line-height: 26px; padding-top: 25px;}
.w-cArea .w-c-top li .text b{color: #d80401;}
.w-cArea .w-c-cent{padding: 45px 45px 45px; background: #F4F4F4;}
.fuwu-tit{position: relative; width: 100%;}
.fuwu-tit h3{font-size: 28px; color: #252525; font-weight: bold;}
.fuwu-tit p{font-size: 16px; color: #666; padding-left: 10px; border-left: 6px solid #014083; line-height: 20px; margin-top: 8px;}
.fuwu-tit .rig-img{position: absolute; right: 0; top:5px; text-align: right;}
.fuwu-tit .rig-img h4{font-family: arial; font-weight: bold; font-size: 24px; color: #252525;}
.w-cArea .w-c-cent .content{background: url(../images/num-bg.png) no-repeat bottom center;width: 100%;margin-top: 55px;}
.w-cArea .w-c-cent .content li{float: left;padding-top: 52px;background: url(../images/fuwu1.png) no-repeat top center;margin: 0 74px 0 9px; cursor: pointer;padding-bottom: 95px;}
.w-cArea .w-c-cent .content li.li2{background: url(../images/fuwu2.png) no-repeat top center;}
.w-cArea .w-c-cent .content li.li3{background: url(../images/fuwu3.png) no-repeat top center;}
.w-cArea .w-c-cent .content li.li4{background: url(../images/fuwu4.png) no-repeat top center;}
.w-cArea .w-c-cent .content li.li5{background: url(../images/fuwu5.png) no-repeat top center;}
.w-cArea .w-c-cent .content li.li6{background: url(../images/fuwu6.png) no-repeat top center;}
.w-cArea .w-c-cent .content li.li7{background: url(../images/fuwu7.png) no-repeat top center;}
.w-cArea .w-c-cent .content li.li8{margin: 0 0px 0 14px;background: url(../images/fuwu8.png) no-repeat top center;}
.w-cArea .w-c-cent .content li.li1:hover{background: url(../images/fuwu1-1.png) no-repeat top center;}
.w-cArea .w-c-cent .content li.li2:hover{background: url(../images/fuwu2-1.png) no-repeat top center;}
.w-cArea .w-c-cent .content li.li3:hover{background: url(../images/fuwu3-1.png) no-repeat top center;}
.w-cArea .w-c-cent .content li.li4:hover{background: url(../images/fuwu4-1.png) no-repeat top center;}
.w-cArea .w-c-cent .content li.li5:hover{background: url(../images/fuwu5-1.png) no-repeat top center;}
.w-cArea .w-c-cent .content li.li6:hover{background: url(../images/fuwu6-1.png) no-repeat top center;}
.w-cArea .w-c-cent .content li.li7:hover{background: url(../images/fuwu7-1.png) no-repeat top center;}
.w-cArea .w-c-cent .content li.li8:hover{background: url(../images/fuwu8-1.png) no-repeat top center;}
.w-cArea .w-c-cent .content li p{font-size:16px; color: #020407; font-weight: bold;}
.w-cArea .w-c-cent .content li:hover p{color: #07a0e9;}
.w-cArea .w-c-bot{padding: 45px;}
.w-cArea .w-c-bot li{float: left; box-shadow: 0 0 27px rgba(0,0,0,.04); background: #fff; width: 260px; height: 330px; margin: 40px 22px 0 0; position: relative;}
.w-cArea .w-c-bot li:last-child{margin-right: 0;}
.w-cArea .w-c-bot li .text{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; background: #fff;text-align: center;
transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out;}
.w-cArea .w-c-bot li .number{height: 115px;background: url(../images/youshi1.png) no-repeat center center;margin-top: 15px;}
.w-cArea .w-c-bot li.li2 .number{background: url(../images/youshi2.png) no-repeat center center;}
.w-cArea .w-c-bot li.li3 .number{background: url(../images/youshi3.png) no-repeat center center;}
.w-cArea .w-c-bot li.li4 .number{background: url(../images/youshi4.png) no-repeat center center;}
.w-cArea .w-c-bot li .text h3{font-size: 16px; color: #379bfd; font-weight: bold;  padding: 0 10px;}
.w-cArea .w-c-bot li .text p{padding: 0 10px;font-size: 14px;color: #666;margin-top: 20px;line-height: 26px;}
.w-cArea .w-c-bot li:hover .text{background:none;}
.w-cArea .w-c-bot li:hover .number{background: url(../images/youshi1-1.png) no-repeat center center;}
.w-cArea .w-c-bot li.li2:hover .number{background: url(../images/youshi2-1.png) no-repeat center center;}
.w-cArea .w-c-bot li.li3:hover .number{background: url(../images/youshi3-1.png) no-repeat center center;}
.w-cArea .w-c-bot li.li4:hover .number{background: url(../images/youshi4-1.png) no-repeat center center;}
.w-cArea .w-c-bot li:hover .text h3{color: #fff;}
.w-cArea .w-c-bot li:hover .text p{color: #fff;}

.w-dArea{padding: 80px 0; background: #fafafa;}
.w-dArea .img{width: 540px;}
.w-dArea .img img{width: 100%; height: 360px;}
.w-dArea .content {width: 630px;}
.w-dArea .content .m-title{text-align: left; padding-top: 0;}
.w-dArea .content .m-title h1{font-size: 32px;}
.w-dArea .content .m-title p{font-size: 14px; color: #a4a4a4; padding-top: 5px;}
.w-dArea .content .text{font-size: 14px; color: #666; line-height: 30px; margin-top: 25px;}
.w-dArea .content .text .more{width: 102px; height: 28px; display: block; margin-top: 30px; text-align: center; line-height: 28px; border: 1px solid #e1e1e1; 
color: #e1e1e1;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}
.w-dArea .content .text .more:hover{border-color:#fa4e4e; color: #fa4e4e;}

.newsBox{background: url(../images/bg4.jpg) no-repeat center center; padding-bottom: 90px;}
.newsBox .Itembox{width: 380px; height: 460px; background: #fff; float: left; margin-right: 30px; margin-top: 40px;}
.newsBox .Itembox:last-child{margin-right: 0;}
.newsBox .Itembox .item{background:#fff;padding:20px 20px 30px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.newsBox .Itembox .Ntit{color:#333;font-size:20px;background: url(../images/nbg.png) no-repeat center center;text-align: center;margin-bottom:20px;}
.newsBox .Itembox .top{position:relative;}
.newsBox .Itembox .top a{display: block;}
.newsBox .Itembox .top img{width:100%;}
.newsBox .Itembox .top p{position: absolute;left:0;bottom:0;padding:0 2%;line-height:2.8; width:96%;color:#fff;background:rgba(0,0,0,0.45);overflow : hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; font-size: 14px;}
.newsBox .Itembox .listbox li{margin:20px 0 0;text-align: right;}
.newsBox .Itembox .listbox li a{width:73%;display:block;float:left;text-align:left;color:#888;overflow : hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.newsBox .Itembox .listbox li span{color:#C5C5C5;font-size:12px;}
.newsBox .Itembox .listbox li:hover a{color:#1069C6;}
.newsBox .Itembox .item:hover{box-shadow:0 0 18px rgba(9,2,4,0.04);}

.w-gArea{padding-bottom: 80px;}
.w-gArea .content{margin-top: 45px;}
.w-gArea .formBox{width: 420px; height: 740px; background: #4a4747; padding: 0 60px;}
.w-gArea .formBox .tit{padding-top: 70px;}
.w-gArea .formBox .tit h3{font-size: 30px; color: #fff; font-weight: normal;}
.w-gArea .formBox .tit .line{width: 50px;height: 2px;background: #fff;margin: 25px 0 40px;}
.w-gArea .formBox .ico_bar{margin-top: 10px; position: relative;}
.w-gArea .formBox .ico_bar input[type="text"]{width: 100%;height: 52px;font-size: 14px;color: #fff;font-weight: bold;border: none;background: none;border-bottom: 1px solid #676666;}
.w-gArea .formBox .ico_bar :-moz-placeholder { color: #fff; }
.w-gArea .formBox .ico_bar ::-moz-placeholder {color: #fff;}
.w-gArea .formBox .ico_bar input:-ms-input-placeholder,.w-gArea .formBox .ico_bar textarea:-ms-input-placeholder {color: #fff;}
.w-gArea .formBox .ico_bar input::-webkit-input-placeholder,.w-gArea .formBox .ico_bar textarea::-webkit-input-placeholder {color: #fff;}
.w-gArea .formBox .ico_bar img{position: absolute; right: 0;top: 7px;}
.w-gArea .formBox .submit{width: 100%; height: 55px; border: none; background: #07a0e9; font-size: 16px; color: #fff; font-weight: bold; margin-top: 40px;}


.footer,.ftNav{background: #2e3033;}
.ftNav{padding: 0;}
.footer .copyright{background: #282828; padding: 10px 0; text-align: center; font-size: 12px; color: #a6a7aa; line-height: 29px;}
.ft-top .ft-nav li{margin-right: 10px;}
.ftNav li h4{background: none; font-size: 15px; font-family: "宋体"; padding-bottom: 0;}
.footer .ft-link{padding: 15px 0 15px 50px; border-top: 1px solid #45484c; background: url(../images/link.png) no-repeat left center;}
.footer .ft-link a{font-size: 12px; color: #656565; line-height: 24px;}
.footer .ft-top{padding: 40px 0 45px;}
.ftNav dl dt a{color: #9a9a9b;}
.footer .contact li{width: auto; text-align: right; margin-left: 25px;}
.footer .contact li .tit{width: 128px; height: 40px; text-align: center; line-height: 40px; background: #013d83; color: #fff;margin-left: 38px;}
.footer .contact li .tit img{vertical-align: middle; margin: -2px 5px 0 0; font-size: 14px;}
.footer .contact li h4{font-size: 14px; color: #9fa6ae; line-height: 30px;}
.footer .contact li h2{font-size: 16px; color: #fff; font-weight: normal; line-height: 28px;}
.footer .contact li p{font-size: 12px; color: #9fa6ae; text-align: center; padding-top: 10px;}