/* CSS Document */
*{margin:0; padding:0; font-family:Arial, Helvetica, 微软雅黑, sans-serif; }
a{ color:#333; text-decoration:none;}
ul, ol{list-style-type:none;}
img{border:0; max-width:100%;}
.container{width:1280px; margin:0 auto; position:relative;}
.clear{clear:both;}
body{ overflow-x:hidden; position:relative; }
h1, h2, h3, h4, h5, h6,b{ font-weight:normal;}
input, textarea,select{outline:medium;}
p{ text-align:justify;}
.fl{ float:left;}
.fr{ float:right;}

.header{ height:150px; position:absolute; z-index:1; width:100%;}
.header .logo{ padding: 29px 0px;}
.header .tel{ padding: 45px 0px;}

.nav{ height:60px; background:rgba(29,84,140,.5); overflow:hidden; position:absolute; top:150px; z-index:1; width:100%;}
.nav ul{ float:left;}
.nav li{ float:left; width:140px; height:60px;}
.nav li a{ display:inline-block; width:140px; line-height:60px; text-align:center; font-size:18px; color:#fff;}
.nav li:hover a, .nav li.on a{ background:#39618a;}
.nav .search{ position:relative; float:right;}
.nav .search input[type="text"]{ border:none; width:236px; height:36px; margin: 12px 0px; text-indent:10px;}
.nav .search input[type="submit"]{ position:absolute; border:none; background:url(../images/search-icon.png) no-repeat center; width:28px; height:28px; top: 16px; right: 10px;}

.banner{ height:815px; position:relative;}
.banner .bd li{ height:815px;}
.banner .hd{}
.banner .hd a{ position:absolute; display:inline-block; width:45px; height:60px; top:54%; margin-top:-30px;transition: all 0.3s linear 0s;}
.banner .hd a.prev{ background:url(../images/banner-btn-prev.png) no-repeat center; left:30px;}
.banner .hd a.next{ background:url(../images/banner-btn-next.png) no-repeat center; right:30px;}

.banner:hover .hd a.prev{ background:url(../images/banner-btn-prev.png) no-repeat center rgba(0,0,0,.2);}
.banner:hover .hd a.next{ background:url(../images/banner-btn-next.png) no-repeat center rgba(0,0,0,.2);}
.banner .hd a.prev:hover{ background:url(../images/banner-btn-prev.png) no-repeat center rgba(0,0,0,.6);}
.banner .hd a.next:hover{ background:url(../images/banner-btn-next.png) no-repeat center rgba(0,0,0,.6);}

.index-link{ width:100%; position:absolute; bottom:0; height:142px; background:rgba(0,0,0,.2);}
.index-link ul{ margin-right:40px;}
.index-link li{ float:right; background:rgba(55,103,181,.7); width:230px; height:142px; text-align:center; margin-left:12px; color:#fff;}
.index-link li .cn{ font-size:16px; margin:30px 0 6px;}
.index-link li .en{ font-size:16px; text-transform: uppercase;}
.index-link li .btn{ margin-top:12px;}
.index-link li .btn a{ display:inline-block; width:76px; height:20px; border-radius:8px; background:#fff; font-size:12px; color:#0e0287; line-height:20px;}
.index-link li:hover .btn a{ background:#0e0287; color:#fff;}

.index-conter{}
.index-conter .ititle{ font-size:24px; color:#000; padding:24px 0;}
.index-conter .ititle span{ font-size:16px;}
.index-conter .ititle a{ font-size:12px; color:#a9a9a9; float:right; line-height:30px; display:inline-block;}
.index-conter .ititle a:hover{ color:#1d548c; text-decoration:underline;}

.inews{}
.inews .inews-left{ width:285px;}
.inews .inews-left .img{ width:285px; height:195px; position:relative;}
.inews .inews-left .img .date{ position:absolute; width:74px; height:66px; background:#1d548c; color:#fff; text-align:center; left:10px; bottom:10px;}
.inews .inews-left .img .date span{ display:inline-block; font-size:30px; margin-top: 6px;}
.inews .inews-left .img .date p{ font-size:16px; text-align:center;}
.inews .inews-left .text{}
.inews .inews-left .text .title{ font-size:14px; color:#000; line-height:20px; padding:8px 0 6px;}
.inews .inews-left:hover .text .title{ color:#1d548c}
.inews .inews-left .text .p{ font-size:12px; color:#7b7979; line-height:20px; margin-bottom:20px;}
.inews .inews-right{ width:480px; margin-left:20px;}
.inews .inews-right li{ overflow:hidden; padding:20px 0;}
.inews .inews-right li .date{ color:#9a9a9a; width:90px; float:left; text-align:center; height:62px; border-right:1px solid #c0bebe;}
.inews .inews-right li .date span{ display:inline-block; font-size:30px; margin-top: 8px;}
.inews .inews-right li .date p{ font-size:16px; text-align:center;}
.inews .inews-right li .text{ float:left;     width: 366px; margin-left:20px;}
.inews .inews-right li .text .title{ font-size:14px; color:#000; margin: 10px 0;}
.inews .inews-right li .text .p{ color:#7b7979; font-size:12px;}
.inews .inews-right li:hover{ background:#f7f7f7;}
.inews .inews-right li:hover .date{ color:#1d548c;}
.inews .inews-right li:hover .text .title{ color:#1d548c;}

.iabout{ width:470px;}
.iabout-box{}
.iabout-box .video{ width:280px; height:196px;}
.iabout-box .text{ width:166px; font-size:12px; color:#060606; line-height:22px; margin-top:10px; text-align:justify;}
.iabout-box .text a{ color:#1d548c;}
.iabout-box .text a:hover{ text-decoration:underline;}

.iabout-bottom{ height:82px; background:#7fa6d1; margin-top:10px; padding-top:20px;}
.iabout-bottom .title{ width:410px; height:34px; margin:0 auto; background:#1d548c; color:#fff; text-align:center; line-height:34px; font-size:14px;}
.iabout-bottom .text{ font-size:14px; color:#fff; text-align:center; margin-top:12px;}
.iabout-bottom .text a{ font-size:14px; color:#fff; margin:0 16px;}
.iabout-bottom .text a:hover{ color:#1d548c; text-decoration:underline;}

.footer{ padding:30px 0; background:#1d548c; margin-top:35px; overflow:hidden;}
.footer .foot-left{}
.footer .foot-left .link{ font-size:14px; color:#fff;}
.footer .foot-left .link span{}
.footer .foot-left .link a{ font-size:14px; color:#fff; margin-left:20px;}
.footer .foot-left .qq{ padding:20px 0 0;}
.footer .foot-left .qq a{ margin-right:20px;}
.footer .foot-left .contact{}
.footer .foot-left .contact p{ font-size:12px; color:#fff; margin-top:20px;}
.footer .foot-left .contact p span{ margin-right:20px;}
.footer .foot-left .contact p a{ font-size:12px; color:#fff;}

.foot-right{ background:url(../images/foot-icon.jpg) no-repeat center left;     padding: 12px 100px 0 160px;}
.foot-right img{ float:left;}
.foot-right p{ font-size:12px; width:12px; float:left; color:#fff; margin: 18px 0 0 20px;}

.page-banner{ height:495px;}

.ty-left{ width:264px; margin-top: 48px;}
.ty-left .ty-title{ height:80px; width:264px; background:#1d548c; border-radius:10px 10px 0 0; text-indent: 20px;}
.ty-left .ty-title span{ display:block; font-size: 20px; color: #fff; font-weight: 600; padding-top: 20px; }
.ty-left .ty-title p{ font-size: 14px; color: #fff; text-transform: uppercase; margin-top: 4px; }
.ty-left div:nth-child(3){ height:66px;}
.ty-nav{ margin-bottom: 40px;}
.ty-nav li{line-height: 54px; height: 54px; width: 262px; border: 1px solid #e8e8e8; border-top: none; }
.ty-nav li a{font-size: 14px; color: #252525;text-indent: 20px;  display: inline-block; width: 100%; height: 100%; position: relative;}
.ty-nav li a i{ position: absolute; display: inline-block; width: 12px; height: 12px; top: 50%; margin-top: -6px; right: 20px; background: url("../images/ty-icon1.png") no-repeat center;}
.ty-nav li:hover a, .ty-nav li.on a{ color: #1d548c;}
.ty-nav li:hover a i, .ty-nav li.on a i{ background:url(../images/ty-icon2.png) no-repeat center;}

.ty-contact{ border: 1px solid #e8e8e8; padding-bottom: 20px;}
.ty-contact p{ text-align: center; font-size: 14px; color: #4b4b4b; margin: 20px 0 4px;}
.ty-contact span{ display: inline-block; width: 100%; font-family: "Impact"; font-size: 30px; color: #484848; text-align: center; } 

.ty-right{ width: 956px; margin-top: 48px;}
.ty-right .ty-top{ line-height:80px; height:80px; border:1px solid #e8e8e8; background:#fafafa;}
.ty-right .ty-top .title{ font-size:18px; color:#1d548c; float:left; padding-left:30px;}
.ty-right .ty-top .mbx{ float:right; font-size:12px; color:#464646; margin-right:10px; }
.ty-right .ty-top .mbx a{ font-size:12px; color:#464646;}
.ty-right .ty-top .mbx a:last-child{ color:#1d548c;}
.ty-right .ty-top .mbx a:hover{ color:#1d548c; text-decoration:underline;}

.ty-content{ border:1px solid #e8e8e8; border-top:0; overflow:hidden;}
.about-page{ font-size:14px; color:#000; text-indent:2em; padding:40px 20px; text-align:justify; line-height:30px; min-height:585px;}

.case-list{ padding:30px 30px 0; overflow:hidden;}
.case-list li{ width:230px; height:180px; position:relative; margin:0 30px 60px; float:left;}
.case-list li .img{ width:228px; height:178px; border:1px solid #e5e5e5; overflow:hidden;}
.case-list li .img img{transition: all 0.3s linear 0s;}
.case-list li:hover .img img{ transform: scale(1.1,1.1);}
.case-list li .title{ position:absolute; height:38px; line-height:38px; width:100%; left:0; bottom:0; background:rgba(49,49,49,.48); font-size:14px; color:#e5e5e5; text-align:center; transition: all 0.3s linear 0s;}
.case-list li:hover .title{ background:rgba(49,49,49,.8);}

.pager-list{ text-align:center; margin-bottom:50px;}
.pager-list ul{ display:inline-block;}
.pager-list li{ float:left;}
.pager-list li a{ display:inline-block; font-size:12px; color:#000; border:1px solid #dcdcdc; padding: 0 12px; height: 30px; line-height: 30px; margin: 0 5px;}
.pager-list li.on a, .pager-list li:hover a{ background:#00599c; color:#fff; border:1px solid #00599c;}

.news-list{ padding:10px 30px; margin-bottom:30px;}
.news-list li{ overflow:hidden; border-bottom:1px dashed #afafaf; padding:30px 0; }
.news-list li .date{ width:76px; height:90px; float:left; text-align:center; background:#e6e6e6; transition: all 0.3s linear 0s;}
.news-list li .date span{ font-size:36px; color:#010101; display: inline-block;    margin: 10px 0 4px;}
.news-list li .date p{ color:#c0c0be; font-size:14px; text-align:center;}
.news-list li .text{ float:right; width:790px;}
.news-list li .text .title{ font-size:14px; color:#010101;  margin: 8px 0 10px;}
.news-list li .text .p{ font-size:12px; color:#929291; line-height:24px;}
.news-list li:hover .date{ background:#1d548c;}
.news-list li:hover .date span{ color:#fff;}
.news-list li:hover .date p{ color:#fff;}
.news-list li:hover .text .title{ color:#1d548c;}

.content{ padding:0 26px;}
.content .title{ font-size:22px; color:#000; text-align:center; font-weight:bold; margin:40px 0 14px;}
.content .bq{ text-align:center; }
.content .bq span{ display:inline-block; font-size:14px; color:#7d7d7d; margin:0 16px;}
.content .text{ font-size:14px; color:#313131; line-height:28px; text-indent:2em; margin:30px 0 40px;}

.message{ margin:60px 46px; overflow:hidden;}
.form{ width:590px;}
.form li{}
.form li input[type="text"]{ width:266px; height:32px; border:1px solid #e1e1e1; border-radius:2px; text-indent:16px; float:left; margin-right:10px; margin-bottom:24px;}
.form li input[type="submit"]{ width:100px; height:40px; border-radius:2px; background:#acacac; font-size:14px; color:#fff; border:none; cursor:pointer; transition: all 0.3s linear 0s; }
.form li input[type="submit"]:hover{ background:#e1302f;}
.form li textarea{ width: 528px;    height: 132px;    border: 1px solid #e1e1e1;    border-radius: 2px;    padding: 10px 0 0 16px; margin-bottom:20px;}
.form li img{}
.form li span{ color:#626262; font-size:12px;}

.message .text{ border-left:1px dashed #c1bebe; height:320px; padding-left:52px;}
.message .text .title{ color:#0062b2; font-weight:bold; font-size:36px;    line-height: 36px;}
.message .text .title-f{ color:#9fc3e1;    font-size: 14px;}
.message .text .title2{color:#0062b2;    font-size: 22px; margin:8px 0 26px; font-weight:bold;}
.message .text .p{}
.message .text .p p{ color:#666; font-size:14px; line-height:24px;}
.message .text .p b{ font-weight:bold; font-size:16px; }
.message .text .p span{color:#0062b2; font-size:16px; font-weight:bold;}