﻿@charset "utf-8";
@import url(dll.css);
@import url(module.css);
@import url(global.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.mfbox{width:1160px; min-width:1160px; margin:0 auto; overflow:hidden;}
.p_banner_box img {
    height: 780px !important;
}
.header{width:100%; position: absolute; padding:20px 20px 0; text-align: center; z-index: 9999;}
.logo{float:left;}
.wrap {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
}.proCom li{width: 20%; float: left; position: relative; overflow: hidden;     height: 216px;margin-top: 20px;}
.proCom li ._mask{position: absolute;left: 0;bottom: 0;width: 100%;height: 74px;text-align: center;background:url(../images/yellowBg.png) repeat;color: #fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.proCom li ._mask h3{font-size: 18px;line-height: 74px;width: 95%;margin: 0 auto;white-space:  nowrap;overflow:  hidden;text-overflow: ellipsis;}
.proCom li ._mask ._txt{ display: none; line-height: 26px; margin: 30px auto 0 auto;      max-height: 28px;    min-height: 28px;    margin-bottom: 20px;    width: 95%;    overflow: hidden;}
.proCom li ._mask ._more{ display: none; color: #fff; text-align: center; width: 110px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #fff; margin: 0 auto;}
.proCom li:hover ._mask{ height: 100%; background:url(../images/brownBg.png) repeat;}
.proCom li:hover ._mask ._txt{ display: block;}
.proCom li:hover ._mask ._more{ display: block;}
.proCom li:hover ._mask h3{ border-bottom: #fff solid 1px; padding-top: 25px; }
.imgcon_big img{ -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.imgcon_big:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.i_nav{float:right; height:60px; line-height:60px;}
/*.i_nav ul{}
.i_nav li{float:left; display:block; position: relative; text-align:center; padding: 0 10px; color:#FFF;}
.i_nav li>a{display:block; color:#FFF; height: 60px; font-size:16px; line-height:60px;}
.i_nav li>a:hover{ color:#FFF; font-weight:bold;}
.i_nav li>a.on{ color:#FFF; font-weight:bold;}*/

.add{}

.i_banner_box{position:relative; width:100%; height:780px; overflow:hidden;}

.i_banner{width:100%; height:780px; overflow:hidden;}
/*.i_banner li{width:100%; height: 780px;}

.i_banner_p{position:absolute; width:100%; left:10px; bottom:10px; text-align:left;}
.i_banner_p a{display:inline-block; margin:0 5px; width:12px; height:12px; border-radius: 100%; overflow:hidden; border:1px solid #26a9e0; background:#fafafa;}
.i_banner_p a:hover{border:1px solid #26a9e0; background:#26a9e0;}
.i_banner_p a.on{border:1px solid #26a9e0; background:#26a9e0;}*/

.bnav{position: absolute; bottom: 0; left: calc(50% - 450px); width:960px; height: 60px; text-align: center; line-height: 60px; font-size: 16px; border-radius:10px 10px 0 0; background: #26a9e0; z-index:100000}
.bnav a{padding: 0 5px; color:#FFF;}
.bnav span{padding: 0 5px; color:#FFF;}

.i_container{width:1160px; margin: 0 auto; padding:60px 0;}
.i_container *, .header{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.p_container *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}

.i_news{float:left; width:780px;}

.i_news_t{width:100%; height: 50px; padding-left: 10px; border-bottom: 1px solid #c20712;}
.i_news_t a{float:left; display: inline-block; width:135px; height: 50px; font-weight: bold; text-align: center; color:#666666; font-size: 18px; line-height:50px;}
.i_news_t a:hover{color:#c31821; border-width:2px 1px 1px; border-style: solid; border-color:#c20712 #c20712 #FFF;}
.i_news_t a.on{color:#c31821; border-width:2px 1px 1px; border-style: solid; border-color:#c20712 #c20712 #FFF;}
.i_news_f{width:100%; padding:50px 20px;}
.i_news_f i{display: block; float: left; width:330px; height: 240px; overflow: hidden;}
.i_news_f span{display: block; float: right; width:390px; height: 240px; overflow: hidden;}
.i_news_f span h4{font-size: 22px; display: block; line-height: 30px; font-weight: bold;}
.i_news_f span h4 a{color:#333;}
.i_news_f span h4 a:hover{color:#26a9e0;}
.i_news_f span ins{font-size:16px; display: block; margin-top: 15px; text-decoration: none; line-height: 25px; height: 75px; overflow: hidden;}

.i_news_l{width:100%; padding:20px; font-size: 16px;}
.i_news_l li{ height: 55px; line-height: 55px; border-bottom: 1px dotted #e5e5e5;}
.i_news_l li a{display: block; float:left; width:600px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news_l li span{display: block; float:right; width:120px; text-align: right;}

.i_about{float:right; width:340px;}
.i_about_c{padding:15px 0; height: 495px; background: #f6f6f6;}
.i_about_c span{ display: block; padding:10px; line-height: 25px; color:#666969; font-size: 15px;}

.i_txt{float:left; display: block; width:360px; margin-right: 40px; margin-top:30px;}
.i_txt_r{margin-right: 0;}
.i_txt i{display: block; width:360px; height: 190px; overflow: hidden; position: relative;}
.i_txt a:hover i:before{display:block; content: " "; position: absolute; left: 0; top: 0; width:356px; height: 186px; border:2px solid #3fb3e3; background: url(../images/icon01.png) no-repeat right bottom;}
.i_txt h4{display: block; padding:20px 20px 0; font-size: 22px; color:#3c3333; font-weight: bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_txt span{display: block; padding:10px 20px 0; height: 135px; font-size:16px; line-height: 25px; color:#3c3333; overflow: hidden;}
.i_txt ins{display: block; float:right; margin-top: 10px; padding-right: 20px; color:#c2031b; text-decoration: none;}
.i_txt a:hover ins{color:#26a9e0;}



.footer{width:100%;}

.footerline{width:100%; height: 45px; background: url(../images/icon02.png) repeat-x center center;}
.footer_box{ padding: 10px 0; background: #192840;}
.footerhotline{float:left; line-height: 20px;color:#FFF;}


.footer_nav{float:right; color:#FFF;}
.footer_nav span{padding: 0 15px;}
.footer_nav a{color:#FFF;line-height: 40px;}
.footer_nav a:hover {color:#26a9e0;}

.copyright{width:1160px; margin: 0 auto; font-size: 14px; padding-top:10px; text-align: right; line-height:25px;}
.jsq{width:1160px; margin: 0 auto; font-size: 14px; padding-bottom:10px; text-align: right; line-height:25px;}


/* 首页部分结束 */

/* 内页部分开始 */
.p_banner_box{position:relative; width:100%;margin:0 auto; overflow:hidden;}
.p_banner{width:100%;  overflow:hidden;}
/*.p_banner li{width:100%; height: 300px;}

.p_banner_p{position:absolute; width:100%; left:0; bottom:20px; text-align:center;}
.p_banner_p a{display:inline-block; margin:0 5px; width:12px; height:12px; border-radius: 100%; overflow:hidden; border:1px solid #26a9e0; background:#fafafa;}
.p_banner_p a:hover{border:1px solid #26a9e0; background:#26a9e0;}
.p_banner_p a.on{border:1px solid #26a9e0; background:#26a9e0;}*/

.p_container{width:1160px; margin:0 auto; padding:20px 0;}

.p_left{float:left; width:240px;}
.p_right{float:right; width:860px;}

.sidebar{width:240px;}
/*.sidebar h4{ display:block; width:100%; height:50px; line-height:50px; text-align:center; font-size:20px; font-weight:bold; color:#fff; background:#184f8e;}
.sidebar li{display:block; height:55px; border-bottom:1px solid #dbdbdb;}
.sidebar li a{ display:block; height:54px; line-height:54px; color:#000; text-indent:40px; font-size:14px;}
.sidebar li a:hover{ color:#FFF; background:#184f8e;}*/

.path{float:right; height:40px; padding-left:20px; background:url(../Images/icon04.jpg) no-repeat left center;}
.path span{ padding:0 10px;}


.p_content{padding:20px; line-height: 25px; font-size: 14px;}

.footer_nav a:last-child {
    display: none;
}

/* 内页部分结束 */