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


/*banner*/
.banner{position:relative;height:850px;overflow:hidden;}
.slides{position:relative;z-index:1; z-index: -100!important;}
.slides li{height:850px;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; z-index:9000!important;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}


/*history*/
.historyMain{ background: url("../images/historyBg.png") no-repeat; height: 180px; margin-top:-90px!important;}
.history ul{padding:0 30px; float:left; margin-top:30px;}
.history ul li{width:210px; float:left; margin-left:90px;}
.history ul li:first-child{margin-left:0px!important;}
.history ul li .historyIcon{width:50px; height:50px;}
.history ul li .historyIcon img{ float:left;}
.history ul li .historyTitle{width:145px; margin-left:10px; border-bottom: 1px solid #ddd; line-height: 30px; margin-top:20px;}
.history ul li .historyText{ margin-top:10px; font-family: DIN; font-size:48px;}
.history ul li .historyText span{ font-size:16px; color:#999; margin-left:8px;}


/*service*/
.scroll {overflow: hidden;}
.scroll .serviceList {white-space: nowrap;}
.serviceList li{margin-right:20px; display: inline-block;}
.serviceList li .serviceImg{position:relative;}
.serviceList li .serviceImg .hoverImg{position: absolute;left: 0;top: 0;width: 100%; background: rgba(0,0,0,0.6); display: none;}
.serviceList li .serviceImg .hoverImg img{width:60px!important; height:60px!important; }
.serviceList li a:hover .serviceText .serviceTitle{color:#172a88; font-weight: bold;}
.service .more{margin-left:calc(50% - 103px);}
.service .more a{ padding:0 70px; float:left; display: block; border:1px solid #ddd; height:48px; line-height: 48px;  border-radius: 25px; color:#666; margin-top:40px; }
.service .more img{ float:right; padding-top:17px;}
.service .more a:hover{ display:block; color:#172a88; border:1px solid #172a88; font-weight: bold;}

@media only screen and (max-width: 1920px) {
	.serviceList li{width:465px;}
	.serviceList li .serviceImg img{width:100%;}
	.serviceList li .serviceImg .hoverImg{ width:465px; height: 360px;}
	.serviceList li .serviceImg .hoverImg img{ margin-left:202px; margin-top:150px;}
	.serviceList li .serviceText{width:425px; padding:20px;}
}

@media only screen and (max-width: 1440px) {
	.serviceList li{width:345px;}
	.serviceList li .serviceImg img{width:100%; float:left;}
	.serviceList li .serviceImg .hoverImg{ width:345px; height: 267px;}
	.serviceList li .serviceImg .hoverImg img{ margin-left:143px; margin-top:103px;}
	.serviceList li .serviceText{width:305px; padding:20px;}
}

@media only screen and (max-width: 1360px) {
	.serviceList li{width:325px;}
	.serviceList li .serviceImg img{width:100%;}
	.serviceList li .serviceImg .hoverImg{ width:325px; height: 252px;}
	.serviceList li .serviceImg .hoverImg img{ margin-left:132px; margin-top:96px;}
	.serviceList li .serviceText{width:285px; padding:20px;}
}




/*advantage*/
.advantage{ background:url("../images/advantageBanner.png") no-repeat center; height:720px;}
.advantage ul{ width:100%; float:left;}
.advantage ul li{ width:390px; float:left;}


/*about*/
.about{background:url("../images/aboutBg.png") no-repeat center; background-attachment: fixed;background-size: cover;background-position: center center; height:750px;}
.about .aboutMain{position: inherit; padding:100px 0px;}
.about .aboutText{ width:640px; padding:80px;}
.about .aboutText .aboutChannel span{ border-bottom:2px solid #172a88; padding-bottom:10px;}
.about .aboutInfo{ line-height:40px;}
.about .aboutMore a{ display: block; padding:0px 50px; line-height: 48px; border:1px solid #ddd; border-radius: 25px; margin-top:40px; color:#666;}
.about .aboutMore img{float:right; padding-top:16px;}
.about .aboutMore a:hover{ display:block; color:#172a88; border:1px solid #172a88; font-weight: bold;}




/*news*/
.newsLink a{ line-height:44px; border:1px solid #ddd; font-size:16px; width:140px; float:left;text-align: center; display: block; margin-left:40px; border-radius: 23px; color:#333;}
.newsLink a:first-child{margin-left:332px!important;}
.newsLink .cur{ color:#fff; background: #172a88; border:1px solid #172a88;}



.newsLeft{width:545px; padding:20px 20px 35px; background: #f8f8f8;}
.newsLeft .newsArea .newsDate{ width:45px;}
.newsLeft .newsArea .newsDate .day{width:100%; float:left; font-size:40px; color:#aeaeae; font-family: DIN;}
.newsLeft .newsArea .newsDate .month{width:100%; float:left; text-align: center; color:#aeaeae; border-top:1px solid #ddd; line-height: 24px;}
.newsLeft .newsArea .newsText{width:470px;}
.newsLeft .newsArea .newsText .newsTitle{ font-size:14px; color:#666; line-height: 40px;}
.newsLeft .newsArea .newsText .newsSummary{font-size:12px; color:#999; line-height: 30px;}

.newsRight{width:540px;}
.newsRight ul{ width:100%; float:left;}
.newsRight ul li a{width:490px; display: block; float:left; padding:15px 25px; background: #f8f8f8; margin-bottom:20px;}
.newsRight ul li .newsDate{ width:45px;}
.newsRight ul li .newsDate .day{width:100%; float:left; font-size:40px; color:#aeaeae; font-family: DIN;}
.newsRight ul li .newsDate .month{width:100%; float:left; text-align: center; color:#aeaeae; border-top:1px solid #ddd; line-height: 24px;}
.newsRight ul li .newsText{width:415px;}
.newsRight ul li .newsText .newsTitle{ font-size:14px; color:#666; line-height: 40px;}
.newsRight ul li .newsText .newsSummary{font-size:12px; color:#999; line-height: 30px;}
.newsRight ul li a:hover{ border-left:5px solid #172a88; width:485px;}
.newsRight ul li a:hover .newsText .newsTitle{ color:#172a88; font-weight: bold;}

.news .more{margin-left:calc(50% - 103px);}
.news .more a{ padding:0 70px; float:left; display: block; border:1px solid #ddd; height:48px; line-height: 48px;  border-radius: 25px; color:#666; margin-top:40px; }
.news .more img{ float:right; padding-top:17px;}
.news .more a:hover{ display:block; color:#172a88; border:1px solid #172a88; font-weight: bold;}



/*partner*/
.partner{background:url(../images/bodyBg.png) no-repeat center bottom; padding-bottom:120px;}
.partner ul li{background:url(../images/logoBg.png) no-repeat;width:166px; height:192px; text-align: center;}
.partner ul li img{width:130px; height:60px; margin-top:66px;}
.partner ul:nth-child(1n){width:1096px; margin-left:37px;}
.partner ul:nth-child(1n) li{float:left; margin-left:20px;}
.partner ul:nth-child(1n) li:first-child{margin-left:0px!important;}

.partner ul:nth-child(2n){width:910px;float:left;margin-left:130px; margin-top:-35px;}
.partner ul:nth-child(2n) li{float:left; margin-left:20px;}
.partner ul:nth-child(2n) li:first-child{margin-left:0px!important;}

.partner ul:nth-child(3n){width:724px;float:left;margin-left:223px; margin-top:-35px;}
.partner ul:nth-child(3n) li{float:left; margin-left:20px;}
.partner ul:nth-child(3n) li:first-child{margin-left:0px!important;}

/*track info*/
.ptd60{ padding: 20px 0;}
.section {margin:auto;width:980px;}

.fix-wrap{ width:320px; height:274px; background-color:#fff; float:left;}
.fix-head{ height:42px; background-color:#172a88; border-top-left-radius:5px; border-top-right-radius:5px; overflow:hidden;}
.fix-head span{ float:left; width:50%; color:#fff; line-height:42px; height:42px; font-size:14px; text-align:center; font-weight:bold; cursor:pointer;}
.fix-head .active{ background-color:#437bc3; cursor:default;}
.fix-cont{ padding:15px; border: 1px solid #172a88; border-top:none; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.f-row{ position:relative; padding-left:65px; margin-top:15px;}
.f-row:first-child{ margin-top:0;}
.f-name{ position:absolute; left:0px; top:50%; margin-top:-8px; font-weight:bold; text-align:right; width:60px;}
.f-control,
.f-select{ display:inline-block; width: 170px; border:1px solid #e1e1e1; height:26px; line-height:26px; padding:0 5px; border-radius:3px; transition:all .3s; -webkit-transition:all .3s; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.f-control:focus,
.f-select:focus,
.txt-area:focus{ border-color: #172a88; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,134,218,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,134,218,.6);}
.f-control:disabled{ background-color:#e1e1e1;}
.f-select{ width:182px; height:28px;}
.area-sel .f-control{ width: 170px; text-align:center;}
.to-next{ line-height:28px; display:inline-block; padding:0 5px;}
.unit-txt{ line-height:28px; display:inline-block; margin-left:5px;}
.volume-sel .f-control{ width:46px;}
.no-pl-row.f-row{ padding-left:0;}
.f-btn{ border-radius:3px; background-color:#172a88; height:30px; line-height:30px; text-align:center; display:block; width:188px; color:#fff; margin:0 auto; cursor:pointer; border:none; transition: all .3s; -webkit-transition: all .3s; font-size:14px;}
.f-btn:hover{ background-color:#2c558a;}
.txt-area{ display:inline-block; height:73px; width:238px; border:1px solid #e1e1e1; padding:5px; border-radius: 3px; transition:all .3s; -webkit-transition:all .3s; overflow:hidden; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); resize:none; overflow:auto;}
.checkimg{ display:block; text-align:center;}
.info-lump{float:right;margin-left:40px;padding: 39px 20px;width:248px;border:1px solid #172a88;border-radius:5px;text-align:center;}
.i-top{ width:289px; height:42px; background-color:#172a88; border-top-left-radius:5px; border-top-right-radius:5px; overflow:hidden;    margin-top: -39px;
    margin-left: -20px;}
.i-top span{ float:left; width:50%; color:#fff; line-height:42px; height:42px; font-size:14px; text-align:center; font-weight:bold; cursor:pointer;}
.i-top img{ display:inline-block; height: 84px;}
.i-bottom{margin-top: 10px;}
.i-bottom h3{ font-size:21px;}
.i-bottom p{ font-size:14px; margin-top:6px; color:#555555;}

.title{ margin-bottom:40px; text-align:center;}
.iconf{ display:inline-block; height:30px; vertical-align:middle; position:relative; top:-5px; margin-right:7px;}
.title-txt{ font-size:26px; font-weight:normal;}
.title p{ margin-top:-3px; color:#999; font-size:20px;}

.lump-wrap{}
.l-fl{width: 421px;}
.l-fl img{ display:block; width:100%;}
.l-fr{width: 510px;}
.row-p{font-size: 16px;text-indent:2em;line-height:26px;margin-top: 9px;}
.row-p:first-child{ margin-top:0px;}