﻿@charset "utf-8";

/* CSS Document */







/*

 * @Author: hbiao 

 * @Date: 2018-03-06 17:59:23 

 * @Last Modified by:   hbiao 

 * @Last Modified time: 2018-03-06 17:59:23 

 */







/* Title */

.Title{width: 100%;text-align: center;padding-top: 42px;}

.Title h2{color: #333333;font-size: 30px;}

.Title h2 a{color: #333333;text-decoration: none;}

.Title em{color: #085199;font-weight: bold;}

.Title p{font-size: 13px;color: #999999;margin-top:4px;text-transform: uppercase;}

.Title span{font-size: 18px;color: #666666;margin-top:6px;display: block;}







/* banner */

.banner{width: 100%;height: 499px;position: relative;}

.banner a{display: block;height: 499px;}

#flashs .btn{width: 100%;text-align: center;position: absolute;bottom: 27px;left: 0;z-index: 9999;}

#flashs .btn span {display: inline-block;margin: 0 3px;cursor: pointer;font-size: 14px;color: #666666;line-height: 18px;width: 18px;height: 18px;background: #fff;border: 1px solid #b6b6b7;font-family: "宋体";}

#flashs .btn span.cur {background: #0d5398;border-color: #0d5398;color: #fff;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}

#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}

#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}

#flashs:hover .bot{display: block;}



/* root */

.root{width: 100%;height: 149px;position: relative;}

.root dt{float: left;margin-top: -76px;width: 251px;height: 225px;}

.root dt img{display: block;width: 251px;height: 225px;}

.root dd{padding-top: 36px;position: relative;height: 113px;width: 902px;float: right;}

.root dd p{font-size: 15px;color: #555555;line-height: 26px;text-indent: 2em;}

.root dd p em{font-weight: bold;}

.root dd i{display: block;position: absolute;right: 0;bottom: 24px;width: 26px;height: 20px;}

.root dd img{display: block;width: 26px;height: 20px;}



/* product */

.product{width: 100%;background: url(../images/productBg01.jpg) no-repeat center;height: 940px;}

.product .menu{width: 100%;height: 78px;background: #fff;margin-top: 34px;}

.product .menu ul{float: left;width: 960px;}

.product .menu li{float: left;width: 240px;background: url(../images/product_xian.png) no-repeat right center;text-align: center;line-height: 78px;height: 78px;font-size: 17px;}

.product .menu li a{display: block;color: #333333;text-decoration: none;}

.product .menu li.cur{background: #0d5398;font-weight: bold;}

.product .menu li.cur a{color: #fff;}

.product .menu a.more{float: left;width: 240px;text-align: center;line-height: 78px;height: 78px;font-size: 17px;display: block;color: #333333;}

.product .menu a.more:hover{background: #0d5398;font-weight: bold;color: #fff;text-decoration: none;}

.product .conBox{width: 100%;margin-top: 17px;height: 650px;overflow: hidden;position: relative;}

.product .conBox .box{width: 100%;}

.product .conBox .box li{float: left;width: 326px;margin-right: 12px;margin-bottom: 14px;position: relative;}

.product .conBox .box ul{width: 104%;}

.product .conBox .box li p{display:none; position: absolute;left: 0;top: 0;background: url(../images/productBg02.png);width: 100%;height: 208px;padding-top: 110px;text-align: center;}

.product .conBox .box li p em.prot{font-size: 18px;color: #fff;}

.product .conBox .box li p em.protro{font-size: 18px;color: #fff; display:block;}

.product .conBox .box li p i{ display:block; width:40px; height:1px; margin:14px auto; background:#fff;}

.product .conBox .box li span{display: block;width: 326px;height: 318px;overflow: hidden;}

.product .conBox .box li span img{display: block;width: 326px;height: 318px;transition: all 1s ease-out;}

.product .conBox .box li a{display: block;text-decoration: none;}

.product .conBox .box li:first-child p{display: none;}

.product .conBox .box li:first-child span{width: 526px;height: 650px;}

.product .conBox .box li:first-child img{width: 526px;height: 650px;}

.product .conBox .box li:first-child{width: 526px;}

.product .conBox .box li:hover img{transform: scale(1.1);}

.product .conBox .box li:hover p{display:block;}

.product .conBox .box li:first-child:hover p{display: none;}

/* testify */

.testify{width: 100%;padding-bottom: 44px;}

.testify .mainCon{width: 100%;margin-top: 34px;}

.testify .mainCon ul{width: 102%;}

.testify .mainCon li{width: 276px;float: left;margin-right: 10px;padding: 6px 7px 0;height: 397px;border: 1px solid #eeeeee;}

.testify .mainCon li .pic{display: block;width: 276px;height: 273px;overflow: hidden;}

.testify .mainCon li .pic img{display: block;width: 276px;height: 273px;transition: all 1s ease-out;}

.testify .mainCon li h3{height: 66px;line-height: 66px;text-align: center;font-size: 18px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.testify .mainCon li h3 a{color: #333333;text-decoration: none;}

.testify .mainCon li .btn{overflow: hidden;}

.testify .mainCon li .btn a{display: block;float: left;width: 92px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #e9e9e9;font-size: 14px;color: #333333;text-decoration: none;}

.testify .mainCon li .btn a:first-child{background: #0d5398;border-color: #0d5398;color: #fff;margin: 0 68px 0 10px;}

.testify .mainCon li:hover img{transform: scale(1.1);}



/* choose */

.choose{width: 100%;height: 684px;background: url(../images/chooseBg01.jpg) no-repeat center;}

.choose .choose-title{width: 100%;text-align: center;padding-top: 64px;}

.choose .choose-title span{display: block;font-size: 30px;color: #fff;margin-bottom: 4px;}

.choose .choose-title h2{font-size: 48px;color: #fff;font-weight: normal;}

.choose .choose-title h2 em{font-weight: bold;}

.choose .choose-title i{width: 46px;margin: 16px auto 24px;display: block;background: #fff;height: 1px;}

.choose .choose-title p{font-size: 18px;color: #fff;}

.choose .mainCon{width: 100%;margin-top: 46px;}

.choose .mainCon li{ position: relative; text-align: center; width: 260px; float: left; height: 150px; margin-right: 20px; margin-left: 20px; }

.choose .mainCon ul li i {position: absolute;right: 40px;top: 0;}

.choose .mainCon li .p1{font-size: 16px;color: #fff;}

.choose .mainCon li .p1 span{font-size: 72px;font-family: impact;margin-right: 4px;}

.choose .mainCon li .p2{font-size: 16px;color: #fff;line-height: 24px;}

.choose .mainCon h3{font-size: 30px;color: #fff;text-align: center;font-weight: normal;margin-top: 36px;}

.choose .mainCon i{display: block;font-size: 21px;color: #fff;font-weight: bold;text-align: center;margin: 10px 0 22px 0;font-style: normal;}

.choose .mainCon a.zx{display: block;width: 252px;height: 60px;margin: 0 auto;line-height: 62px;text-align:center;text-decoration: none;font-size: 24px;color: #1c75b9;font-weight: bold;background: #fff;border-radius: 4px;}



/* adv */

.adv{width: 100%;background: #f4f4f4;padding-bottom: 32px;}

.adv .Title p{font-size: 14px;color: #999999;text-transform: none;word-spacing: 2px;}

.adv ul{margin-top: 36px;}

.adv ul li{width: 300px;float: left;padding-top: 53px;text-align: center;height: 224px;background: url(../images/adv_xian.png) no-repeat left 91px #fff;position:relative;}

.adv ul li:hover{box-shadow:0 0 12px 4px #c6c4c4; z-index:3;}

.adv ul li .adv-icon{display: block;width: 32px;height: 32px;margin: 0 auto;}

.adv ul li .adv-icon img{display: block;width: 32px;height: 32px;}

.adv ul li h3{font-size: 18px;color: #333333;margin-top: 8px;}

.adv ul li h3 em{font-size: 24px;color: #0d5398;font-weight: bold;}

.adv ul li .may{display: block;font-size: 14px;color: #333333;margin: 14px 0 6px 0;}

.adv ul li p{font-size: 14px;color: #333333;font-weight: bold;line-height: 24px;}

.adv ul li .adv-num{display: block;width: 47px;height: 26px;margin: 12px auto 0;}

.adv ul li .adv-num img{display: block;width: 47px;height: 26px;}

.adv ul li:first-child{background: #fff;}



/* ad */

.ad{width: 100%;height: 156px;padding: 30px 0 27px 0;}

.ad .container{height: 156px;background: url(../images/adBg01.jpg) no-repeat center}

.ad .phone{float: right;margin-right: 38px;padding-top: 38px;padding-left: 48px;}

.ad .phone p{background: url(../images/ad_phone.png) no-repeat left center;margin-left: -48px;padding-left: 48px;}

.ad .phone span{display: block;font-size: 15px;color: #fff;}

.ad .phone em{display: block;font-size: 28px;color: #fff;font-family: arial;}

.ad .phone a{display: block;width: 111px;height: 30px;margin-top: 10px;color: #333333;font-size: 14px;line-height: 30px;text-align: center;text-decoration: none;background: #fff;}



/* news */

.news{width: 100%;padding-bottom: 38px;}

.news .newsL{width: 580px;float: left;padding: 0 30px;border: 1px solid #eaeaea;height: 506px;}

.news .newsR{width: 480px;float: right;padding: 0 30px;border: 1px solid #eaeaea;height: 506px;}

.news .news-top{height: 65px;position: relative;border-bottom: 1px solid #eaeaea;}

.news .news-top h3{float: left;padding-left: 53px;font-size: 20px;color: #0b4992;line-height: 65px;}

.news .news-top h3 a{color: #0b4992;text-decoration: none;}

.news .news-top a.more{display: block;font-size: 14px;color: #999999;font-family: arial;text-transform: uppercase;float: right;line-height: 65px;}

.news .news-top i{display: block;width: 134px;height: 2px;background: #0b4992;position: absolute;left: 0;bottom: -2px;}

.news .newsL .news-top h3{background: url(../images/news_icon01.png) no-repeat left center;}

.news .newsR .news-top h3{background: url(../images/news_icon02.png) no-repeat left center;}

.news .newsL .box1{margin-top: 30px;}

.news .newsL .box1 dl{margin-bottom: 5px;}

.news .newsL .box1 dt{float: left;width: 142px;height: 110px;}

.news .newsL .box1 dt img{display: block;width: 142px;height: 110px;}

.news .newsL .box1 dd{width: 406px;float: left ;padding-top: 9px;margin-left: 28px;}

.news .newsL .box1 dd h3{font-size: 16px;color: #333333;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.news .newsL .box1 dd h3 a{color: #333333;text-decoration: none;}

.news .newsL .box1 dd p{font-size: 14px;color: #999999;line-height: 22px;margin-top: 16px;overflow: hidden;text-overflow: ellipsis;height: 44px;}

.news .newsL .box1 dd p a{color: #999999;text-decoration: none;}

.news .newsL .box1 dl:hover dd h3 a{color: #0b4992;font-weight: bold;}

.news .newsL .box2{margin-top: 29px;}

.news .newsL .box2 li{overflow: hidden;margin-bottom: 6px;}

.news .newsL .box2 li em{display: block;float: left;width: 24px;height: 24px;border: 1px solid#e9e9e9;font-size: 14px;color: #999999;line-height: 24px;text-align: center;font-family: arial;}

.news .newsL .box2 li a{display: block;margin-left: 16px;width: 362px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;line-height: 26px;font-size: 14px;color: #666666;}

.news .newsL .box2 li span{display: block;font-size: 14px;color: #999999;width: 152px;float: right;line-height: 26px;text-align: right;}

.news .newsL .box2 li:hover em{background: #0b4992;color: #fff;border-color: #0b4992;}

.news .newsR .box1{margin-top: 30px;}

.news .newsR .box1 dl{margin-bottom: 24px;}

.news .newsR .box1 dt{float: left;width: 142px;height: 110px;}

.news .newsR .box1 dt img{display: block;width: 142px;height: 110px;}

.news .newsR .box1 dd{width: 312px;float: left ;padding-top: 6px;margin-left: 24px;}

.news .newsR .box1 dd h3{font-size: 16px;color: #333333;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.news .newsR .box1 dd h3 a{color: #333333;text-decoration: none;}

.news .newsR .box1 dd p{font-size: 14px;color: #999999;line-height: 22px;margin-top: 13px;overflow: hidden;text-overflow: ellipsis;height: 44px;}

.news .newsR .box1 dd p a{color: #999999;text-decoration: none;overflow: hidden;text-overflow: ellipsis;height: 44px;}

.news .newsR .box1 dl:hover dd h3 a{color: #0b4992;font-weight: bold;}



/* fast-track */

.fast-track{width: 100%;background: #f4f4f4;padding: 40px 0;}

.fast-track dl{background: #fff;}

.fast-track dt{float: left;width: 294px;height: 213px;float: left;}

.fast-track dt img{display: block;width: 294px;height: 213px;}

.fast-track dd{float: left;padding-top: 38px;height: 174px;width: 860px;margin-left: 28px;}

.fast-track dd li{overflow: hidden;margin-bottom: 22px;}

.fast-track dd li span{display: block;font-size: 14px;color: #333333;font-weight: bold;float: left;}

.fast-track dd li a{display: block;font-size: 14px;color: #666666;margin-right: 18px;float: left;}