#header,#footer{width: 100%;overflow: hidden;}
.wrapper{width:1200px;margin: 0 auto;display: block;position: relative}
/*css3*/
.nav>ul>li,
.nav>ul>li ol li a,
.pic_news_wrapper .change,
.ol_change li,
.case_wrapper ul li img,
.case_wrapper ul li span:after,
.sidebar ul li a:after,
.sidebar ul li a span,
.sidebar ul li a b,
.honor_ul li,
.c_ul li a,
#info .news_list li a{
    transition:all 300ms;
    -webkit-transition:all 300ms;
}

/*header*/
.logo{overflow: hidden;padding: 15px 0}
.logo_content{float: left;}
.logo_content h1 a{display: block;background: url("../images/logo.png");width: 578px;height: 68px;text-indent: -999em}
.logo p{float: right;font-size: 14px;color: #727272;background: url("../images/tel.png") no-repeat left center;padding-left: 65px;margin-top: 10px;margin-right: 274px;}
.logo p b{display: block;font-size: 22px;color: #063291;}
.logo form{
    position: absolute;
    right: 0;
    top: 27px;
}
.logo form input[type=text]{
    display: block;
    width: 200px;
    /* line-height: 43px; */
    border: 1px solid #ccc;
    text-indent: 5px;
    float: left;
    height: 40px;
}
.logo form input[type=submit]{
    display: block;
    width: 50px;
    line-height: 33px;
    height: 44px;
    background: #063291;
    color: #fff;
    border: 0;
    float: right;
}

.nav{background: #063291;height: 45px}
.nav>ul>li{float: left;position: relative;width:133px;line-height: 45px;text-align: center;}
.nav>ul>li a{display: block;font-size: 14px;color: #ffffff;}
.nav>ul>li ol{display: none;position: absolute;z-index: 1000;width: 100%;}
.nav>ul>li ol li a{display: block;background: #063291;}

.nav>ul>li a:hover{background: #fff; color:#063291;}
.nav>ul>li ol li a:hover{background: #fff; color:#063291;}

.banner_text{position: absolute;z-index: 100;}
.banner_text ul{margin-left: 40px;}
.banner_text ul li{opacity: 0;animation: fadeIn 4s ease-in-out infinite alternate;-webkit-animation: fadeIn 4s ease-in-out infinite alternate;}
.banner_text ul li.t_1{margin:95px 0 20px 50px;}
.banner_text ul li.t_2{margin:0 0 20px 205px;animation-delay:1s;-webkit-animation-delay:1s;}
.banner_text ul li.t_3{margin:0 0 28px 375px;animation-delay:2s;-webkit-animation-delay:2s;}
.banner_text ul li.t_4{margin:0 0 28px 430px;animation-delay:3s;-webkit-animation-delay:3s;}

@keyframes fadeIn {
    0%{opacity: 0}
    100%{opacity: 1}
}
@-webkit-keyframes fadeIn {
    0%{opacity: 0}
    100%{opacity: 1}
}
/*main*/
#main{overflow: hidden;padding: 25px 0 40px 0}
.main_h2{overflow: hidden;border-bottom: 2px solid #063291;padding-bottom: 8px;font-weight: 500;margin-bottom: 10px;}
.main_h2 span{font-size: 24px;color: #474747;}
.main_h2 small{font-size: 12px;color: #b4b4b4;padding-left: 10px;}
.main_h2 a{font-size: 14px;color: #474747;float: right;padding-top: 5px;}
.main_h2 a:hover,
.news_center>a:hover{color:#063291;}
/*notice*/
.notice{line-height: 40px;height: 40px;overflow: hidden;background: #063291;margin-bottom: 25px;}
.notice_in{ position: absolute;right: 41px;top: 25px;width: 1020px;overflow: hidden;}
.notice p{float: left;color: #ffffff;background: url("../images/la.png") no-repeat 25px center;padding-left: 55px;}
.notice ul{float: left;margin-left: 20px;}
.notice ul li{width: 1000px;}
.notice ul li a{font-size: 15px;color: #ffffff;display: block;line-height: 40px;}
.notice ul li a span{float: right;}


.notice ul li a:hover{text-decoration: underline}
/*company*/
.company{width: 805px;float: left;}
.companypic{width:248px; height:231px;float: left;}
.companypic img{width:248px; height:231px;}
.companytxt{ width:540px; float:right; display: block;font-size: 14px;color: #454545;line-height: 35px;margin-bottom: 10px;}

/*news_center*/
.news_cen{clear: both;padding-top: 50px;position: relative;}
.news_center{width:590px;float: left;position: relative;}
.news_centerr{width:590px;float: right;position: relative;}
.news_center>a{position: absolute;right:0;top: 5px;font-size: 14px;color: #474747;}
.news_center ul{overflow: hidden;border-bottom: 2px solid #063291;margin-bottom: 10px;}
.news_center ul li{float: left;margin-right: 10px;}
.news_center ul li:first-child{margin-left: 10px}
.news_center ul li a{display: block;width: 90px;line-height: 32px;font-weight: bold;color: #555555;text-align: center;}
.news_center ul li a:hover{background: #063291;color: #ffffff;}
.news_center ul li a.a_hover{background: #063291;color: #ffffff;}

.news_center ul li a.a_hover{background: #063291;color: #ffffff;}
.news_list{color: #5f5f5f;font-size: 10px;width: 580px;}
.news_list{}
.news_list li a{display: block;font-size: 14px;color: #5f5f5f;line-height: 33px;position: relative;text-indent: 20px;border-bottom: 1px dashed #ccc}
.news_list li a:before{display: block;content: '';width: 7px;height: 10px;background: url("../images/list.png") no-repeat center;position: absolute;left: 0;top: 50%;margin-top: -5px;}
.news_list li a small{float: right;font-size: 12px;color: #a5a5a5; }

/*pic_news*/
.pic_news_wrapper{overflow: hidden;}
.pic_news{width: 368px;float: right;}
.pic_news>span{display: block;font-size: 14px;color: #454545;line-height: 28px;margin-bottom: 10px;}
.pic_news .pt{width:300px; height:30px; background:url(../images/t.jpg) no-repeat; padding-left:40px; line-height:30px;} 
.pic_news .pc{width:300px; height:30px; background:url(../images/c.jpg) no-repeat; padding-left:40px; line-height:30px;} 
.pic_news .ph{width:300px; height:30px; background:url(../images/h.jpg) no-repeat; padding-left:40px; line-height:30px;} 
.pic_news .pw{width:300px; height:30px; background:url(../images/w.jpg) no-repeat; padding-left:40px; line-height:30px;} 
.ol_list{display: none;}

.pic_news_wrapper .change{opacity: 0;}
.pic_news_wrapper:hover .change{opacity: 1;}
.news_list li a:hover,
.news_list li a:hover small{ color: #063291;}

/*case*/
.case{clear: both;padding-top: 50px;position: relative;}
.case .main_h2 a{margin-right: 105px;display: block;}
.case_wrapper{overflow: hidden;width: 100%;}
.case_wrapper ul li{float: left;margin:0 36px 0 0;}
.case_wrapper ul li b{display: block;width: 100%;height: 100%;background: #000;overflow: hidden;}
.case_wrapper ul li img{width: 273px;height: 176px;display: block;}
.case_wrapper ul li span{display: block;line-height: 50px;background: #ececec;text-align: center;}
.case_wrapper ul li span:after{display: block;content: '';width: 100%;height: 3px;background: #063291;}

.ol_change{position: absolute;right: 0;top: 55px;}
.ol_change li{width: 38px;line-height: 20px;text-align: center;background: #a3a3a3;float: left;margin-left: 10px;color: #ffffff;cursor: pointer;}

.case_wrapper ul li:hover span:after{width: 0;}
.case_wrapper ul li:hover img{opacity: 0.5;transform: scale(1.1);-webkit-transform: scale(1.1);}
.ol_change li:hover{background: #063291}


.case_wrapper1{overflow: hidden;width: 100%;}
.case_wrapper1 ul li{float: left;margin:0 36px 0 0;}
.case_wrapper1 ul li b{display: block;width: 100%;height: 100%;background: #000;overflow: hidden;}
.case_wrapper1 ul li img{width: 273px;height: 176px;display: block;}
.case_wrapper1 ul li span{display: block;line-height: 50px;background: #ececec;text-align: center;}
.case_wrapper1 ul li span:after{display: block;content: '';width: 100%;height: 3px;background: #063291;}

.ol_change1{position: absolute;right: 0;top: 55px;}
.ol_change1 li{width: 38px;line-height: 20px;text-align: center;background: #a3a3a3;float: left;margin-left: 10px;color: #ffffff;cursor: pointer;}

.case_wrapper ul li:hover span:after{width: 0;}
.case_wrapper ul li:hover img{opacity: 0.5;transform: scale(1.1);-webkit-transform: scale(1.1);}
.ol_change1 li:hover{background: #063291}

/*footer*/
.links{overflow: hidden;background: #f0f0f0;padding: 10px 0}
.links p{color: #063291;float: left;line-height: 62px;position: relative;}
.links p:after{display: block;content: '';width: 1px;height: 37px;position: absolute;right: -14px;top: 14px;background: #d2d2d2;}
.links p small{color: #b4b4b4;font-size: 14px;padding-left: 10px;}
.links_wrapper{overflow: hidden;float: right;width: 1058px;}
.links_wrapper ul li{float: left;margin-right: 30px;}
.links_wrapper ul li img{width: 170px;height: 66px;}
.links_wrapper ul li span{display: block;font-size: 12px;color: #535353;text-align: center;}

.links_wrapper ul li:hover span{color: #063291;}

.f_address{overflow: hidden;padding: 25px 0; background:#063291;}
.f_addres_wrap{width:1200px; margin:0 auto;}
.f_addressl {width:1100px; float:left;}
.f_addressl p{font-size: 12px;color: #fff; width:100%; text-align:center; line-height:35px;}
.f_addressl p span{display: block;}
.f_addressr {width:100px; float:right; height:120px; line-height:20px; text-align:center;font-size: 12px;color: #fff;}
.f_addressr img{width:100px; height:100px;}
.f_address>span{float: right;font-size: 12px;color: #6f6f6f;padding-top: 10px;}

/*product*/
.pdc_list{overflow:hidden;width:105%}
.pdc_list li{float:left;margin-right:20px;margin-bottom:30px}
.pdc_list li b{display:block;width:100%;height:100%;overflow:hidden;border:1px solid #eee}
.pdc_list li img{display:block;width:301px;height:203px}
.pdc_list li span{display:block;width:100%;line-height:38px;background: #b5a77c;text-align:center;color:#fff;font-size:14px;margin-top:10px}
.pdc_list li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1)}
.pdc_list li:hover span{background: #8c7a47}
.pdc_list li:hover b{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.18);box-shadow:0 15px 30px rgba(0,0,0,.18);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}


/*info*/
#info>.wrapper{background: #ffffff;padding:50px;overflow:hidden}
.sidebar{width:210px;float:left;}
.sidebar h3{background: #063291 url(../images/s_bg.png) no-repeat 10px center;text-indent:40px}
.sidebar h3,.sidebar>ol li a{display:block;line-height:40px;font-size:18px;color:#fff;font-weight:500}
.sidebar>ol li a{background: #063291;text-align:center;margin-bottom:1px}
.sidebar>ol li a:hover{background: #063291
}
.f_top,.f_side{border:1px solid #e8e8e8;border-top:0;margin-bottom:45px}
.sidebar ul li a{display:block;line-height:45px;background:#fff;border-bottom:1px solid #e8e8e8;font-size:14px;text-indent:40px;position:relative;overflow: hidden;}
.sidebar ul li b{display:block;width:5px;height:5px;background:#666;border-radius:50%;position:absolute;left:26px;top:21px;z-index: 10}
.sidebar ul li a span{position: relative;z-index: 10}
.sidebar ul li a:after{display: block;content:'';width: 100%;height: 100%;background: #063291;position: absolute;top: 0;left: -100%;}
.sidebar ul li a:hover{color: #fff }
.sidebar ul li a:hover b{background: #fff}
.sidebar ul li a:hover:after{left: 0}
.f_side{padding-bottom: 20px;}
.f_side p{background:url(../images/tel3.png) no-repeat 10px center;padding-left:62px;margin-top:20px}
.f_side p span{display:block;font-size:12px;color:#212121}
.f_side p span+span{font-size:18px}
.f_side ol li{font-size:12px;line-height:35px;width:180px;margin:0 auto;border-bottom: 1px dashed #ccc;}

/*info_right*/
.info_right{width:950px;float:right}
.h_title{color:#151515;font-weight:500;border-bottom:1px solid #ccc;padding-bottom:12px;margin-bottom:28px}
.h_title a{color:#000}
.h_title a:hover{color: #063291
}
.h_title span{font-size:18px;border-left:4px solid #db0716;padding:0px 0 0 5px}
.h_title small{font-size:12px;float:right;background:url(../images/home.png) no-repeat left center;padding-left:26px;padding-top:5px}

.p_content{font-size: 15px;line-height: 30px;width: 100%;}
.p_content table{ width: 100% !important;}
.p_content a:hover span{color: #DB0716; !important;}
.p_content img{max-width: 100%}
/*page*/
#prev_next{font-size: 14px;margin-top: 20px;}
#prev_next a:hover{color: #063291}
div.page{margin:20px 0 40px 0;clear: both;float: right;font-size: 14px}
div.page a{padding:2px 5px;margin:2px;color: #ffffff;text-decoration:none;background: #9b9b9b;}
div.page a:hover{background: #5c5c5c}
div.page span.current{padding:2px 8px;font-weight:bold;margin:2px;color:#fff;background-color: #063291;}
div.page span.disabled{padding:2px 5px;margin:2px;color:#ddd;}
/*产品内页*/
.f16,.meta{text-align: center;margin-bottom: 10px;}
.f16{border-bottom: 1px dotted #ccc;font-size: 25px;color: #2c2c2c;padding-bottom: 10px;}
.meta{font-size: 14px;}
.pdc_img{max-width: 95%;}
.content_p{margin-top: 40px;}
.content_p img{max-width: 95%}
.content_p p{font-size: 14px;line-height: 30px;}
.content_p span.sp{display:block;background-color: #dddddd;color: #ffffff;margin-bottom: 20px;overflow: hidden;}
.content_p span.sp small{background: #063291;display: block;float: left;text-align: center;line-height: 40px;width: 120px}
/*jobs*/
ul.jobs li{border-bottom: 2px dotted #ccc;margin-bottom: 10px;padding-bottom: 10px; font-size: 15px;line-height: 30px;padding-left: 20px;position: relative;}
ul.jobs li a{display: block;position: absolute;background-color: #063291;color: #ffffff;padding: 1px 8px;top:50px;left: 500px;}
ul.jobs li a:hover{border-radius: 8px;-webkit-transition:all 200ms;-moz-transition: all 200ms;-ms-transition: all 200ms;-o-transition: all 200ms;transition: all 200ms;  }
ul.jobs li strong{color: #b50000;}
/*新闻页面*/
.new_wrapper ol li:first-child{padding-top: 0}
.new_wrapper ol li{border-bottom: 1px dotted #ccc;padding: 20px 0;}
.new_wrapper ol li:hover span{color: #7b1722 !important;}
.new_wrapper ol li h4{font-size: 17px;color: #494949;margin-bottom: 10px;}
.new_wrapper ol li>a>span{line-height: 30px;}
.new_wrapper ol li>a span{font-size: 15px;color: #999999;}
.new_wrapper ol li>a p small{font-size: 10px;color: #ffffff;background-color: #494949;padding: 1px 2px;margin-right: 15px; }
.new_wrapper ol li>a p span{font-size: 12px;}

/*honor_ul*/
.honor_ul{width: 990px;}
.honor_ul li{float: left;border: 1px solid #909090;margin: 0 20px 20px 0}
.honor_ul li img{display: block;width: 300px;height: 230px;}
.honor_ul li:hover{border: 1px solid #b50000;  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);  -webkit-transform: translate3d(0, -2px, 0);  transform: translate3d(0, -2px, 0); }

/*ye_ul*/
.ye_ul{width: 980px;}
.ye_ul li{float: left;border: 1px solid #909090;width: 220px;line-height: 100px;text-align: center;margin: 0 20px 20px 0;font-size: 24px;}
.ye_ul li a{display: block;}

.ye_ul li:hover{border: 1px solid #b50000}
.ye_ul li a:hover{color: #b50000}

/*c_ul*/
.c_ul{width: 980px;}
.c_ul li{float: left;margin: 0 20px 30px 0}
.c_ul li img{width: 220px;height: 135px;}
.c_ul li a{display: block;border: 1px solid #c9c9c9;}
.c_ul li a:hover{-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);  -webkit-transform: translate3d(0, -2px, 0);  transform: translate3d(0, -2px, 0); }
.c_ul span{display: block;text-align: center;margin-top: 5px;}

/*pdc_ul*/
.pdc_ul li{padding: 8px}
.p_list li{float: left;margin: 0 30px 40px 0;text-align: center;border: 1px solid #ccc;padding: 8px;position: relative;}
.p_list li img{display: block;width: 278px;height: 195px;}
.p_list li span{display: block;font-size: 14px;color: #3e3e3e;line-height: 30px;}
.p_list li i{-webkit-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);transition:all 900ms cubic-bezier(0.23, 1, 0.32, 1);display: block;position: absolute;background: #d90627;}
.p_list li img{-webkit-transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);transition:all 900ms cubic-bezier(0.23, 1, 0.32, 1);}
.p_list li .i_1{top: -1px;left: 0;width: 0;height: 2px;}
.p_list li .i_2{bottom: 0;right: -1px;height: 0;width: 2px;}
.p_list li .i_3{bottom: -1px;right: 0;width: 0;height: 2px;}
.p_list li .i_4{top:0;left: -1px;height:0;width:2px;}
.p_list li b{display: block;background: #000;overflow: hidden;width: 100%;height: 100%;}
.p_list li:hover .i_1{width: 100%;}
.p_list li:hover .i_2{height: 100%;}
.p_list li:hover .i_3{width: 100%;}
.p_list li:hover .i_4{height: 100%;}
.p_list li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 0.5;}
.p_list li:hover  span{color: #d90627}

/*case_wrapper*/
#info .case_wrapper ul{width: 990px;}
#info .case_wrapper ul li{margin: 0 30px 30px 0}
#info .case_wrapper ul li img{width: 298px;height: 195px;}

/*news*/
.new_right{width:100%;}
.new_right li{clear: both;overflow: hidden;border-bottom: 1px dotted #ccc;padding:20px 0}
.new_right li:first-child{margin-top: 20px;padding-top: 0}
.new_right li>span{display: block;float: left;text-align: center;font-size: 36px;color: #424242;border-right: 1px solid #000000;padding: 10px 20px 10px 0;position: relative;}
.new_right li>span b{position: absolute;width: 0;height: 0;border-top: 8px solid transparent;border-left: 8px solid #585858;border-bottom: 8px solid transparent;right: -8px;top: 34px;}
.new_right li>span small{display: block;font-size: 14px;}
.new_right li>a{display: block;float: right;width: 835px;}
.new_right li>a:hover,.new_right li>a:hover span,#footer ul li a:hover{color: #8c0000;}
.new_right li>a span{display: block;font-size: 14px;color: #707070;padding-top: 12px;}
.t_r{display: inline-block;width: 70px;}
#submit{background: #d90627;border: 0;color: #ffffff;font-family: 'Microsoft YaHei';width: 120px;line-height: 30px;text-align: center;margin-top: 10px;}

/*contact*/
.contact1{padding-bottom: 40px;}
.contact2,.contact3{float: left;width: 33.3%;margin-bottom: 40px;}
.contact4{float: right;width: 33.3%;margin-bottom: 40px;}
.contact_list h3{font-size: 20px;font-weight: 500;color: #d90627;margin-bottom: 10px;}
.contact_list ul li{font-size: 15px;line-height: 30px;color: #111111}

#info .news_list{width: 100%;padding-left: 0;margin-top: -25px}
#info .news_list li a{line-height: 45px;font-size: 16px;}
#info .news_list li:hover a{text-indent: 2em}

/*ol_type*/
.all_wrap{padding: 0 10px; border: 1px solid #ccc; border-top: 0;}
.ol_type{overflow: hidden;background: #D90627;}
.ol_type li{float: left;padding: 12px 0;font-size: 14px;font-weight: bold;color: rgb(255, 255, 255);text-align: center;border-left: 1px solid rgba(255, 255, 255, 0.41);margin-left: -1px;}
.ol_type li a{color: #04329A;}
.ol_type li a:hover{text-decoration: underline;}
.ol_type li:nth-of-type(1){width: 18.7%;}
.ol_type li:nth-of-type(2){width: 44.7%;}
.ol_type li:nth-of-type(3){width: 13.5%;}
.ol_type li:nth-of-type(4){width: 12.5%; text-align: center;}
.ol_type li:nth-of-type(5){width: 10.6%; text-align: center;}
.ul_type{overflow: hidden;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.ul_type li{float: left;padding: 12px 0;font-size: 14px;color: #888888;border-left: 1px solid #ccc;margin-left: -1px;height: 19px;text-align: center;}
.ul_type li a{color: #888888;}
.ul_type li a.a_more{color: #04329A;}
.ul_type li a.a_more:hover{text-decoration: underline;}
.ul_type li:nth-of-type(1){width: 18.7%;}
.ul_type li:nth-of-type(2){width: 44.7%;}
.ul_type li:nth-of-type(3){width: 13.5%;}
.ul_type li:nth-of-type(4){width: 12.5%; text-align: center;}
.ul_type li:nth-of-type(5){width: 10.6%; text-align: center;}

.tender-wrap{overflow: hidden;padding-top: 0px; width: 100%;}
.tender{  width: 1200px;float: left;}
.tender .ol_type{background: #063291;}
.tender-list{margin-bottom: 25px;}
.tender-wrap-r{ width: 368px;float: right;}
.tender-wrap-list{margin-bottom: 30px;}
.ziliao ul li{border-bottom: 1px solid #ccc;line-height: 42px;font-size: 15px;}
.ziliao ul li a{display: block;}
.ziliao ul li small{float: right;}
