*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{ background-color:#fff; font:14px/1.6 "\5fae\8f6f\96c5\9ed1",arial,"\5b8b\4f53",sans-serif; color:#666666;}
body,form,iframe,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a,em,i{margin:0px;padding:0px;list-style-type:none;font-style: normal;}
img{ border:none;vertical-align:middle;}
a{ text-decoration:none; color:#4e4e4e;}
a:hover{ color:#2a5dc1;}
input,textarea,select,button{ outline:none;vertical-align:middle; font-size:inherit; font-family:inherit;}
textarea{ resize:none; overflow-y:auto;}
input[type="submit"],input[type="reset"],input[type="button"],button{ cursor:pointer;-webkit-appearance:none;}
input[type="radio"],input[type="checkbox"]{ height:14px; margin: 0 3px 0 0; padding:0;}
hr{height:0;border-width:1px 0 0 0;border-style:solid;margin:0;color:#eee;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; margin:0;}
h1{ font-size:60px;}
h2{ font-size:36px;}
h3{ font-size:30px;}
h4{ font-size:24px;}
h5{ font-size:18px;}
h6{ font-size:16px;}
.mt30{margin-top:30px;}
.mt114{margin-top:114px}
.pt50{padding: 50px 0 60px 0}
.pp60{padding: 60px 0;}
.xs{box-shadow: #e9e9e9 0px 4px 4px;border-bottom:1px solid #b7b7b7}

.fr{float:right}
.fl{float:left}


.reset,.reset dt,.reset dd{ padding:0; margin:0; list-style:none;}
.clearfix:before{ content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; overflow:hidden;}
.clearfix:after{ content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; overflow:hidden;}

.hidden{ visibility:hidden;}
.visible{ visibility:visible;}
.hide{ display:none;}
.show{ display:block;}

.container{ width:1200px; margin:0 auto;}

/*导航*/
.top{background-color: rgba(242, 242, 242);height: 40px;line-height: 40px;color: #666666;}
.head{position: relative;}
.logo a{display:block;margin-top: 15px;}
.logo a img {max-width: 100%;}
li.nav-item {display: inline-block;padding: 0 30px;}
li.nav-item>a{display: block;text-align: center;line-height: 100px;font-size: 17px;position: relative;}
li.nav-item>a::before{ display: none; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);width: 100%;height: 3px; position: absolute;background-color: #034172;}
li.nav-item:hover>a ,li.nav-item.active>a{color: #034172;}
li.nav-item:hover>a::before,li.nav-item.active>a::before{display: block;}
/* 二级菜单 */
.subMenu{display: none;position: absolute;top: 100px;left: 0;width: 100%;background-color: rgba(3, 65, 114, 0.53);z-index: 99;text-align: right;padding: 10px 0;}
.subMenu>ul>li{display: inline-block;}
.subMenu>ul>li>a{display:block;padding:0 18px;text-align: center;line-height: 50px;color: #fff;font-size: 15px;}
.subMenu>ul>li>a:hover{font-weight: 700;}

/*banner*/
.banner{width:100%;height:auto;overflow:hidden;position:relative}
.swiper-container{width:100%}
.swiper-container .swiper-slide{font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-container .swiper-pagination-bullet{height:13px;width:13px}
.swiper-container img{width:100%;max-width:100%}
.swiper-pagination-fraction{color:#ffffff}
.banner .slogan{position:absolute;bottom:20%;left:50%;z-index:99;width:1200px;height:60px;margin-left:-600px;font-size: 16px;font-weight: 700;}
.slogan h6{color:#ffffff;font-size:60px;font-weight:700;line-height: 75px;}
.slogan h5{color:#ffffff;font-size:20px;font-weight:700;line-height: 80px;}
.slogan .slogan_btn a{background-color:rgba(1,66,112,.1);border:1px solid #fff;color:#fff;padding:15px 35px;display:inline-block;margin-top:40px;margin-right:10px}
.slogan .slogan_btn a:nth-child(1){background-color:#3f96cc;border:1px solid #3f96cc}
.slogan .slogan_btn a:nth-child(2){background-color:#ffffff;border:1px solid #ffffff;color: #3f96cc;}
.slogan .slogan_btn a:nth-child(1):hover{background-color:#034172;border:1px solid #034172;}
.slogan .slogan_btn a:nth-child(2):hover{background-color:#3f96cc;border:1px solid #3f96cc;color: #ffffff;}

.swiper-container{width:100%;height:100%}
.swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);opacity:1}
.swiper-slide-active img,.swiper-slide-duplicate-active img{transition:3s linear;transform:scale(1,1);opacity:.8}

/* 新闻 */
.side{width:660px;height: 378px;overflow: hidden;}
.flexslider{position:relative;width:660px;height:378px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flexslider .slides img{width:660px;height:378px;overflow: hidden;}
.flexslider .slides li{position: relative;}
.flexslider .slides li span{display: block;color: #ffffff;position: absolute;left: 0;bottom: 0;width: calc(100% - 20px);padding: 0 10px;z-index: 9;height: 50px;line-height: 50px;font-size: 16px;background-color:rgba(0,0,0,.4);text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:60px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.in_news{width: 510px;height: 378px;overflow: hidden;margin-left: 30px;}
.targetg{border-bottom:1px solid #ebebeb;line-height:40px;font-weight: 700;}
.targetg span{color:#464646;font-size:24px;display:inline-block;position: relative}
.targetg span:before{content:"";position: absolute;width:100%;height:2px;background: #034172;bottom:-4px;left:0}
.targetg span i{color:#034172;font-style: normal}
.targetg a{font-size:14px;color:#707070;float:right;line-height:45px;}
.targetg a:hover{color:#034172;}
.in_news_item dl{border-bottom: 1px dashed #d8d8d8;padding:10px 0;overflow: hidden;}
.in_news_item dl dt a{display: block;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;font-weight: 700;font-size: 20px;text-align: left;}
.in_news_item dl dt a:hover{color:#034172}
.in_news_item dl dd{line-height: 24px;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

/* tabs */
.tab{float: left;}
.tab li{float:left;margin:0 50px 0 0;color:#666666;text-align:center;cursor:pointer;font-size:22px;color:#333333;position: relative;line-height: 45px;}
.tab li:before{content:"";position: absolute;width:100%;height:2px;background: #034172;bottom:-1px;left:0;opacity: 0;}
.tab li i{color:#333333;font-style: normal}
.on{display:block}
.tab li.cur i{color:#034172;}
.tab li.cur:before{opacity: 1;}

/* 广告和分类 */
.run_banenr{position:relative;overflow:hidden}
.run_banenr img{width:100%;position:relative;z-index:-1}
.run_banenr .run_text{position:absolute;bottom:15%;z-index:99;left:9.7%;color:#fff;font-size:48px;letter-spacing:3px}
.run_nav{width:100%;padding:25px 0;border-bottom: 1px solid #dedede;}
.run_nav ul li:first-child{padding-left:0}
.run_nav ul li{float:left;padding:0 38px;border-right:1px solid #eee;font-size:16px}
.run_nav ul li a.active{color:#003677}

/* 新闻列表 */
.item_li{margin-top:20px;border-bottom:1px solid #ebebeb;padding-bottom: 20px;}
.item_li span,.item_li span img{width:300px;height:200px;overflow: hidden;transition: all 0.5s;}
.item_li dl{width:870px;overflow: hidden;}
.item_li dl dt a{font-size:20px;color:#464646;line-height:40px;font-weight: 700;}
.item_li dl dd{font-size:16px;color:#7d7d7d;margin:15px 0;}
.item_li dl i{text-align: right;font-style: normal;display:block;font-size:13px;color:#7d7d7d}
.item_li:hover dt a{color:#2a5dc1}
.item_li:hover img{transform: scale(1.2);}

/*翻页*/
.page{text-align: center;margin:80px 0;}
.page a,.page span{border-radius: 3px;border:1px solid #ebebeb;padding:8px 15px;}
.page a:hover,.page span:hover,.page a.active{background-color: #034172;color:#ffffff;border:1px solid #034172;}

/* 详情 */
.details_box{padding:20px 0}
.details_box h1{font-size:30px;color:#034172;padding:30px 0;line-height:42px;text-align:center;border-bottom:1px solid #dedede;margin-bottom: 30px;}
.details_box .details_cont{padding-bottom:20px;padding-top:10px;color:#666;line-height:28px;font-size: 18px;}
.details_box .pages{margin:20px 0;border-top:1px solid #ececec;padding-top:20px}
.details_box .pages p>a{line-height:30px;color:#666}
.details_box .pages p>a:hover{color:#034172}

/* 单页 */
.singlepage{padding: 40px 0;color:#666;line-height:28px;font-size: 16px;}

/* 案例 */
.case_list{margin-left:-28px;}
.case_list dl{width:380px;overflow: hidden;float:left;margin-left:26px;margin-top:36px;position: relative;border:1px solid #eeefed;text-align: center;padding:0 0 50px 0;background-color:#ffffff;}
.case_list dl dt,.case_list dl dt img{width:380px;height:230px;overflow: hidden;transition: all 0.5s;margin:auto}
.case_list dl dd{text-align:center;position:absolute;left:0;bottom:0;color:#fff;transition:all .5s;height:50px;word-break:break-all;overflow:hidden}
.case_list dl dd span{width: 360px;color:#666666;line-height: 50px;white-space: nowrap; overflow: hidden;text-overflow:ellipsis;transition: all 0.5s;display: block;font-size:15px;padding: 0 10px;}
.case_list dl dd p{display:block;opacity: 0;transition: all 0.5s;padding:0 20px;overflow: hidden;line-height:20px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-align: left;}
.case_list dl:hover dd{height:50%;background: #034172;width: 100%;}
.case_list dl:hover dd span{color:#ffffff;font-weight: 700}
.case_list dl:hover dd p{opacity:1;}
.case_list dl:hover img{transform: scale(1.2);}

/* 底部 */
.footer{background-color:#034172;text-align: center;padding: 30px 0;}
.footer ul{padding-bottom:20px;}
.footer ul li{display: inline-block;}
.footer ul li a{color: #ffffff;padding: 0 15px;font-size: 16px;position: relative;line-height: 16px;}
.footer ul li a::before{content: '';position: absolute;left: 0;top: 50%;width: 1px;height: 16px;background-color: #ffffff;margin-top: -6px;}
.footer ul li a:hover{text-decoration: underline;}
.footer ul li:first-child a::before{background:transparent}
.footer p{color: #ffffff;line-height: 26px;}