﻿@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,img,fieldset,legend,input,textarea,p,blockquote,th,td,address{margin:0;padding:0;}
table,td,ol{margin:0;padding:0;}
*{margin:0;padding:0;}
p,form,table,tr,td {margin:0px;padding:0px;}
select,input,img,select{vertical-align:middle;}
ul{list-style-type:none;margin:0;padding:0;}
ol{padding-left:10px;}
img {border:0px;vertical-align:bottom; padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.w1000{ width: 1000px; margin: 0px auto;}
.w1200{ width: 1200px; margin: 0px auto;}
body{font-size:14px; font-family:"microsoft yahei"; color:#5a5a5a; background:#fff;letter-spacing:0.5px;}

.index_model_tit01{ width: 1205px; height: auto; text-align: center;margin-top: 35px; margin-bottom:10px;}
.index_model_tit01 h2{ font-size: 30px; color: #0d468d;}
.index_model_tit01 p{ font-size: 16px; color: #999; line-height: 45px;}

.index_model_tit02{ width: 1205px; height: auto; text-align: center;padding-top: 55px; padding-bottom:10px;}
.index_model_tit02 h2{ font-size: 30px; color: #fff;}

.index_model_tit03{ width: 1205px; height: auto; text-align: center;padding-top: 30px; margin-bottom:0px;}
.index_model_tit03 h2{ font-size: 22px; color: #0d468d;}
.index_model_tit03 p{ font-size: 16px; color: #666; line-height: 22px; padding: 30px 0px 20px 0px;}

.index_model_tit04{ width: 1205px; height: auto; text-align: center;padding-top: 50px; padding-bottom:30px;}
.index_model_tit04 h2{ font-size: 30px; color: #0d468d;}
.index_model_tit04 p{ font-size: 16px; color: #666; line-height: 22px; padding: 30px 0px 20px 0px;}

.index_cases_wrap{width:100%; background: url("../images/index_cases_bg.jpg") no-repeat top center;}

.index_cases_tip{height: 160px; padding-bottom:35px;}
.index_cases_tip .fl ul li{width: 145px; float: center; text-align: center;}
.index_cases_tip .fl .item .img{width: 90px; height: 70px; display: inline-block; margin: 10px auto 0px;background: url(../images/index_cases_tip_img.png) no-repeat;}
.index_cases_tip .fl .item01 .img{background-position: 0px 0px;}
.index_cases_tip .fl .item02 .img{background-position: 0px -70px;}
.index_cases_tip .fl .item03 .img{background-position: 0px -140px;}
.index_cases_tip .fl .item04 .img{background-position: 0px -210px;}
.index_cases_tip .fl .desc{padding:5px 0px;}
.index_cases_tip .fr{padding-top: 30px; font-size:28px; line-height: 35px; text-align: left;}

.index_pro_cat{width:450px; height: 60px; margin: 0px auto; padding-bottom: 10px;}
.index_pro_cat ul li{float:left;}
.index_pro_cat ul li a{color: #fff;font-size: 16px;display: inline-block; margin: 0px 5px; background: #399fde; line-height: 50px; padding: 0px 35px; text-align: center;}
.index_pro_cat ul li a:hover{background: #0d468d; color: #fff;}

.index_cases_list{margin-bottom: 30px;}
.index_cases_list ul li{float: left; margin: 10px 10px; margin-bottom: 15px;}
.index_cases_list ul li img{width:280px; height: 300px;}
.index_cases_list .img{overflow: hidden;}
.index_cases_list .img img{transition: all .4s; }
.index_cases_list .img:hover img{ transform: scale(1.05);}
.index_cases_list .tit{font-size: 18px; line-height: 30px; color: #0066CC; padding-top: 10px; text-align: center;}
.index_cases_list .desc{color: #999; line-height: 30px;}

.index_news_wrap{width:100%; height: 550px;}
.index_news_cat ul li{float:left;}
.index_news_cat ul li a{line-height: 35px;font-size: 20px; color: #333; padding: 0px 10px;}
.index_news_cat ul li:first-child a{padding-left: 0px;}
.index_news_cat ul li a:hover{ text-decoration: underline;}
.index_news_main{padding-top: 35px;}
.index_news_main .fl .tit{height:200px;}
.index_news_main .fl .desc{font-size: 18px;color: #999; padding-top: 10px;}
.index_news_main .tit{font-size: 16px;color: #333; padding-bottom:10px; line-height: 30px; padding-top: 0px; overflow: hidden;-webkit-box-orient: vertical;display: -webkit-box;text-align:left;}
.index_news_main a .desc{ line-height: 22px;color: #666;text-align:left;}

.index_news_main .fl{width:383px;height: 488px;float: left; padding-top: 20px;}
.index_news_main a img{max-width: 100%;width:383px;height: 488px;clear: both;}
.index_news_main .img{overflow: hidden;}
.index_news_main .img img{transition: all .4s; }
.index_news_main .img:hover img{ transform: scale(1.05);}
.index_news_main a:hover .tit{ color: #0d468d;}

.index_news_main .fr{width:750px;height: 415px;float: right; padding-top: 20px;}
.index_news_list li{width:100%;height: 115px; float: left; border-bottom: 1px solid #dcdcdc; padding-top: 10px; padding-bottom: 20px;}
.index_news_list .time{width:100px; height: 80px;background: #f1f1f1; padding: 10px 0px 10px 10px;float: left;}
.index_news_list .day{font-size: 30px; color: #333;}
.index_news_list .year{font-size: 16px; color: #666;}
.index_news_list .box{width:490px; height: 100px; float: right; }
.index_news_list .box .tit{font-size: 18px; color: #333;padding-top: 0px;}
.index_news_list .box .desc{font-size: 16px; color: #666;}

.index_more_link01{text-align: center;}
.index_more_link01 a{ width: 150px; height: 45px;line-height: 45px; font-size: 16px; color: #6a6a6a; margin: 20px 0px 30px 0px; border: 1px solid #6a6a6a; text-align: center;display: inline-block; transition: all .2s;}
.index_more_link01 a:hover{ background: #3b8abe;border-color: #3b8abe; color: #fff;}

.index_more_link02{text-align: center;}
.index_more_link02 a{ width: 150px; height: 45px;line-height: 45px; font-size: 16px; color: #fff; margin: 20px 0px 30px 0px; border: 1px solid #fff; text-align: center;display: inline-block; transition: all .2s;}
.index_more_link02 a:hover{ background: #fff;border-color: #fff; color: #333;}

.index_more_link03{text-align: center;}
.index_more_link03 a{ width: 150px; height: 45px;line-height: 45px; font-size: 16px;background: #3b8abe;color: #fff; margin:0px; border: 1px solid #3b8abe; text-align: center;display: inline-block; transition: all .2s;}
.index_more_link03 a:hover{ background: #0d468d;border-color: #0d468d; color: #fff;}
