#header,#main{width:100%;overflow:hidden}
.wrapper{width:1200px;margin:0 auto;display:block;position:relative}


.nav li a,
.case_list li img,
.inews_items li img,.she li{transition:all 250ms;-webkit-transition:all 250ms}

/*header*/
/*logo*/
.logo{overflow: hidden;padding: 30px 0;}
.logo h1{float: left;}
.logo h1 a{display: block;font-size: 30px;color: #303030;width: 476px;height: 70px;background: url("../Images/logo.png") no-repeat center;text-indent: -999rem;}
.logo p{float: right;color: #0960b9;background: url("../Images/tel.png") no-repeat left center;padding-left: 35px;padding-top: 5px;margin-top: 15px;}
.logo p b{font-size: 22px;color: #dd0000;}

/*nav*/
.nav{overflow: hidden;background: #0960b9;line-height: 50px;border-top: 3px solid #dd0000;}
.nav ul li{float: left;width: 171.4px;text-align: center;}
.nav ul li a{display: block;font-size: 14px;color: #fff;position: relative;overflow: hidden;}
.nav ul li a span{position: relative;z-index: 2;}
.nav ul li a:hover em{display: block !important;}

.nav ul li a.nav_current{background: #DD0000;}

/*main*/
.main_h3{line-height: 48px;background: #3278c0;color: white;font-size: 18px;text-indent: 20px;}
.main_h3 small{font-size: 12px;font-weight: 400;padding-left: 10px;}
.main_title{line-height: 50px;background: #eeeeee;}
.main_title h2{display: inline-block;background: #3278c0;color: #f5f5f5;font-size: 18px;padding: 0 20px;}
.main_title a{float: right;width: 20px;height: 20px;border-radius: 50%;background: #7d7d7d;color: #f5f5f5;line-height: 17px;display: inline-block;font-weight: bold;text-indent: 5px;margin-right: 20px;margin-top: 16px;}

.main_title a:hover{background: #3278C0;}

/*product*/
.product{overflow: hidden;padding: 45px 0;}
.sidebar{width: 250px;float: left;}
.sidebar ul{padding: 10px 10px 20px 10px;border: 1px solid #aad4ff;}
.sidebar ul li a{font-size: 14px;color: #3278c0;padding: 14px 0;border-bottom: 1px solid #deeaf6;display: block;text-indent: 10px;}
.sidebar ul li a span{padding-right: 18px;}
.sidebar ul li a:hover{color: #dd0000;}

.product_right{width: 922px;float: right;}
.case_wrapper_in{border: 1px solid #aad4ff;border-top: 0;padding: 20px 20px 0 20px;}
.case_list li{float: left;position: relative;margin-right: 25px;padding-bottom: 20px;}
.case_list li span{line-height: 40px;bottom: 0;padding: 2px 0;color: #f5f5f5;background: rgb(50, 120, 192);text-align: center;display:block;margin-top: 15px;font-size: 14px;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transition:all 250ms ease-in-out;-webkit-transition:all 250ms ease-in-out;
}
.case_list li b{display: block;padding: 7px 10px;border: 1px solid #ccc;position: relative;}
.case_list li img{width: 348px;height: 248px;display: block;transition:all 550ms ease-in-out;-webkit-transition:all 550ms ease-in-out;}

.case_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;}
.case_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);}

.case_list li .i_1{top: -1px;left: 0;width: 0;height: 2px;}
.case_list li .i_2{bottom: 0;right: -1px;height: 0;width: 2px;}
.case_list li .i_3{bottom: -1px;right: 0;width: 0;height: 2px;}
.case_list li .i_4{top:0;left: -1px;height:0;width:2px;}

.case_list li:hover .i_1{width: 100%;}
.case_list li:hover .i_2{height: 100%;}
.case_list li:hover .i_3{width: 100%;}
.case_list li:hover .i_4{height: 100%;}

.case_list li:hover span{background: #DD0000;}
.case_list li:hover b{border: 1px solid #DDDDDD;}
/*company*/
.company_content{padding: 20px;border: 1px solid #AAD4FF;overflow: hidden;border-top: 0;}
.company_content img{float: left;width: 330px;height: 200px;}
.company_content>div{width: 780px;float: right;}
.company_content h3{font-size: 18px;color: #3278C0;margin-bottom: 30px;}

.company_content p{font-size: 14px;line-height: 30px;color: #686868;}

/*con_new*/
.con_new{overflow: hidden;padding: 45px 0;}
/*contact*/
.contact{width: 250px;float: left;}
.contact ul{padding: 28px 20px 30px 20px;border: 1px solid #AAD4FF;}
.contact ul li{font-size: 13px;line-height: 30px;color: #777777;}

#allmap{font-size: 14px;}

/*news*/
.news{width: 580px;float: left;margin-left: 30px;}
.news ul{list-style: disc inside;color: #777777;}
.news ul li a{font-size: 14px;color: #777777;line-height: 40px;}
.news ul li a span{float: right;}
.news ul li a:hover{color: #3278C0;}

.news_wrap{height: 200px;overflow: hidden;}
.news_in{border: 1px solid #AAD4FF;overflow: hidden;border-top: 0;padding: 18px 15px;}

/*recruit*/
.recruit{width: 280px;float: right;padding: 8px 14px;border: 1px solid #aad4ff;}
.recruit ul li a{display: block;line-height: 80px;font-size: 20px;color: #fff;text-indent: 80px;margin-bottom: 7px;border-radius: 10px;background-repeat: no-repeat;background-position: 20px center;}
.recruit ul li:first-child a{background-color:#3278c0; background-image: url("../Images/i1.png")}
.recruit ul li:first-child+li a{background-color:#d40000; background-image: url("../Images/i2.png") }
.recruit ul li:first-child+li+li a{background-color:#3278c0; background-image: url("../Images/i3.png")}
.recruit ul li a small{font-size: 14px;}

.recruit ul li a:hover{font-weight: bold;}

/*honor*/
.honor{margin-bottom: 40px;}
.honor_ul{padding: 20px;border: 1px solid #AAD4FF;overflow: hidden;border-top: 0;}
.honor_ul ul li{float: left;margin-right: 20px;text-align: center;}
.honor_ul ul li span{display: block;margin-top: 10px;}
.honor_ul ul li b{display: block;padding: 8px;border: 1px solid #ccc;}
.honor_ul ul li img{width:280px;height: 210px;}

.honor_ul ul li:hover b{border: 1px solid #3278C0;}
.honor_ul ul li:hover span{color: #3278C0;}


/*footer*/
#footer{line-height: 60px;background: #0960b9;}
#footer p,#footer p a{color: #5998db;font-size: 14px;}
#footer p span{float: right;}

#info{overflow:hidden}


/*新闻详情页*/
.location{background:#f5f5f5;padding: 25px 0;}
.location .wrapper{background: url("../Images/home.png") no-repeat left center;padding-left: 20px;font-size: 14px;}
.location a:hover{color: #0960B9;}
/*news*/
.news_h2{text-align: center;margin-top: 50px;}
.news_h2 h2{font-size: 36px;font-weight: normal; color: #0270df;}
.news_h2 span{display: block;font-size: 14px; color: #666464; width: 70%; margin: 10px auto 40px}

.inews_items{border-bottom:1px #e2e2e2 solid;padding-bottom:40px;margin-bottom: 30px;overflow: hidden}
.inews_items li{position: relative;  width: 385px;float: left;margin-left: 20px;}
.inews_items li:first-child{margin-left: 0;}
.inews_items li img{display: block;width: 100%;height: 290px;}
.inews_items .bd{height:418px;overflow:hidden;position:relative;}
.inews_items .bd li{float:left;width:385px;margin-right:20px;}
.inews_items .inews_pd .date{position:absolute;top:0;left:0;width:106px;height:82px;background-color: #0d5094;color:#fff;text-align: center;}
.inews_items .inews_pd .date span{display:block;}
.inews_items .inews_pd .date .day{font-size:28px;font-weight: bold;line-height: 30px;margin-top: 15px;}
.inews_items .inews_pd .date .year{font-size:15px;}
.inews_items ._inews_text ._title{font-size:18px;font-weight: normal;line-height:23px; height:46px;overflow:hidden;margin:20px 0;}
.inews_items ._inews_text ._text{font-size:14px;color:#747474;height:44px;line-height: 22px;overflow:hidden;}
.inews_items .hd{margin-top:50px;}
.inews_items .hd ul{font-size:0;text-align: center;}
.inews_items .hd li{display:inline-block;border:1px #707070 solid;width:9px;height:9px;line-height: 99;overflow:hidden;margin:0 4px;border-radius: 50%;cursor:pointer;*display:inline;*zoom:1;}
.inews_items .hd li.on{border-color:#88b82a;background-color:#88b82a;}

.inews_items .inews_pd a{display: block;overflow: hidden;}
.inews_items li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}


.l{float: left;}
.news_bottom li{padding:25px 0 30px;border-bottom:1px dashed #ccc;overflow:hidden;*zoom:1;width:100%;}
.news_bottom li .data{ font-family:Arial;border: 1px #ccc solid;width: 55px;margin-right: 2%;}
.news_bottom li .data span{ display:block; text-align:center;}
.news_bottom li .data .day{ font-size:30px; font-weight:bold; background-color:#ccc;line-height: 45px; color: #fff;}
.news_bottom li .data .month{ font-size:0.77em; color:#565656;}
.news_bottom ._img{float:left;width: 15%;margin-right:2%;}
.news_bottom ._img img{height:100%;}
.news_bottom ._t{font-size:18px;margin-bottom:5px;color:#555;}
.news_bottom ._p a{line-height:23px;height:46px;overflow:hidden;color:#999;font-size: 14px;}
.news_bottom ._i{overflow:hidden;*zoom:1;margin-top: 25px;}
.news_bottom ._i span,.news_bottom ._i a{float:left;line-height:26px;padding:0 10px;}
.news_bottom ._i ._more{background:#88b82a;color:#fff;}
.news_bottom ._i ._date{background:#ededed;color:#999;}
.news_bottom li:hover ._t{color:#0267b2;}
.news_bottom li:hover span{color:#0267b2;}
.news_bottom li:hover ._i ._more{background-color:#0267b2;}
.news_bottom li:hover .data{border-color:#006ab8;}
.news_bottom li:hover .data .day{background-color:#006ab8;}

/*新闻详情*/
.n_left { width:71.5%; float:left;margin-top: 40px; }
.n_left  ._title { font-size:36px;color:#000; margin-bottom:10px;line-height: 1.4;font-weight: 400;}
.news_time span{font-size: 12px;margin-right: 10px;display: inline-block;height: 30px;line-height: 30px;overflow: hidden;}
.news_time span:first-child{background: url("../Images/time.jpg") no-repeat left center;padding-left: 20px;}
.news_time span:first-child+span{background: url("../Images/click.jpg") no-repeat left center;padding-left: 25px;}

.p_content{font-size: 15px;line-height: 30px;margin-top: 20px;color: #555555;}
.p_content img{max-width: 100%;}

.info_news_right{width: 24%;float: right;padding-top: 40px;}
.info_news_right ul{margin-top: 45px;border: #f3f3f3 10px solid;  padding: 10px 7%;}
.info_news_right ul li{padding: 27px 0;border-bottom: 1px #ececec solid;}
.info_news_right ul li a{display: block;font-size: 16px; font-weight: bold;color: #5c5c5c;}
.info_news_right ul li b{display: block; padding-bottom: 8px;font-size: 19px;font-weight: bold;color: #000000;margin-bottom: 10px;}
.info_news_right ul li a span{display: block;font-size: 14px; line-height: 1.8;color: #555;font-weight: 400;}

.info_news_right ul li b:before{display:block;content: '';float: left;margin-right: 5px;}
.info_news_right ul li:first-child b:before{width: 30px;height: 26px;background: url("../Images/up.png") no-repeat 0 -34px;}
.info_news_right ul li:first-child+li b:before{width: 30px;height: 26px;background: url("../Images/up.png") no-repeat 0 0;}

/*联系我们详情*/
.map_wrap{position: relative;}
.contact_map{position: absolute;right: 0;top: 0;background: rgba(0, 106, 184, 0.93);color: #f5f5f5;padding: 68px 40px;height: 326px;}
.contact_map h2{font-size: 30px;margin-bottom: 20px;}
.contact_map ul li{line-height: 30px;font-size: 16px;}
.contact_map p span{padding-left: 35px;}
.contact_map p img{width: 120px;display: block;margin: 10px 0;}

/*人才招聘详情页*/
.job_top,.job_wrap{width: 1200px;margin: 0 auto;}
.job_txt{width: 50%;float: right;background: #333333;height: 329px;}
.job_txt p{width: 95%;margin: 60px auto 0 auto;font-size: 14px;text-align: center;color: #f5f5f5;line-height: 30px;background: url("../Images/job_i.png") no-repeat center top;padding-top: 150px;}

/*jobs_con*/
.jobs_con{padding: 80px;background: #f5f5f5;margin-top: 65px;border-top: 1px solid #e5e5e5;}
.job_title h2{font-size: 36px;color: #2a2a2a;text-align: center;font-weight: 300;}
.job_title span{font-size: 18px;color: #999898;text-align: center;padding-top: 10px;display: block;}

/*job_list*/
.job_all{overflow: hidden;width:105%;margin-top: 60px;}
.job_list{width: 328px;height: 225px;background: #fff;padding: 40px 25px 30px 25px;border-radius: 10px;position: relative;overflow: hidden;transition:all 500ms;-webkit-transition:all 500ms;float: left;margin: 0 30px 30px 0;}
.job_list em{display: block;width: 310px;height: 310px;border-radius: 50%;background: #f9cc87;position: absolute;z-index: 2;transition:all 800ms;-webkit-transition:all 800ms}
.job_list em.bg_1{top: -80px;left: 10px;opacity: 0.4;transform: scale(0);}
.job_list em.bg_2{top: 127px;left: 108px;opacity: 0.3;transform: scale(0);}
.job_list em.bg_3{top: -118px;left: 210px;opacity: 0.2;transform: scale(0);}
.job_list:before{display: block;content: '';height: 6px;width: 100%;position: absolute;bottom:0;left: 0;border-radius:0 0 10px 10px;background: #f9cc87;transition:all 250ms;-webkit-transition:all 250ms}
.job_list a{display: block;position: relative;z-index: 100;color: #a1a1a1;transition:all 500ms;-webkit-transition:all 500ms}
.job_list h4{font-size: 24px;color: #606060;font-weight: 400;transition:all 500ms;-webkit-transition:all 500ms}
.job_list p{margin: 15px 0;}
.job_list p small{font-size: 14px;display: inline-block;margin-right: 30px;background: url("../Images/jib_i2.png") no-repeat left center;padding-left: 25px;}
.job_list span{font-size: 12px;line-height: 26px;}
.job_list strong{font-size: 18px;display: block;width: 52px;height: 30px;text-align: center;line-height: 30px;border: 1px solid #a1a1a1;border-radius: 4px;margin-top: 30px;font-weight: 300;}

.job_list:hover{background: #f4990f;}
.job_list:hover a{color: #fff;}
.job_list:hover a h4{color: #fff;}
.job_list:hover a strong{border: 1px solid #fff;}
.job_list:hover em{transform: scale(1);}
.job_list:hover:before{background: #ee7904;}

.job_all2 .job_list{width: 100%;float: none;background: #F5F5F5;height: 100%;}
.job_all2 .job_list h3{font-size: 18px;font-weight: 400;color: #333;margin-top: 25px;border-top: 1px solid #ccc;padding-top: 25px;}
.job_all2 .job_list:hover{background: #f4990f;}
.job_all2 .job_list b{background: #ccc;display: block;width: 120px;line-height: 35px;text-align: center;font-weight: 400;border-radius: 10px;}

.job_all2 .job_list:hover h3{color: #fff;}
.job_all2 .job_list:hover b{background: #fff;color: #EE7904;}

#form1 input[type=text],
#form1 select{line-height: 30px;height: 30px;border-radius: 5px;background: #fff;border: 1px solid #ccc;box-shadow: inset 1px 1px 1px #ccc;}
#form1 textarea{box-shadow: inset 1px 1px 1px #ccc;border: 1px solid #ccc;border-radius: 5px;background: #fff;}
#submit{display: block;clear: both;width: 80px;line-height: 30px;background: #0c5dc9;margin-top:20px;border: 0;color: #ffffff;font-size: 14px;font-family: "microsoft yahei";}
.form_wrap{background: #F5F5F5;padding: 50px 0 100px 0;margin-top: 30px;}
/*jobs*/

/*产品详情页*/
.honor_list{width: 1250px}
.honor_list li{float: left;position: relative;margin: 0 25px 25px 0;border: 1px solid #ccc;}
.honor_list li img{width: 383px;height: 285px;display: block;}
.honor_list li span{display: block;width: 100%;background: #0267b2;color: #f5f5f5;line-height: 40px;position: absolute;bottom: 0;left: 0;text-align: center;transition:all 500ms;-webkit-transition:all 500ms;}
.honor_list li div{position: absolute;left: 0;top: 0;box-sizing: border-box;width: 100%;height: 100%;transition:all 500ms;-webkit-transition:all 500ms;}

.honor_list li:hover div{border: 10px solid #0267b2;}
.honor_list li:hover span{bottom: 20px;}

.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;
}
/*sidebar*/
.sidebar2{width:250px;float:left}
.sidebar2>p{height:74px;background:#0c5dc9;text-indent:25px;color:#fff;border-top: 2px solid #dd0000;}
.sidebar2>p span{display:block;font-size:18px;padding:16px 0 3px 0;}
.sidebar2>p small{display:block;color:#b8c8ea;text-indent:25px;}
.sidebar2 ul li a{display:block;line-height:46px;text-indent:25px;font-size:15px;color:#4c4c4c;border-bottom: 1px solid #eaeaea;background-image: url("../Images/s_li.png");background-repeat: no-repeat;background-position: 90% center;}
.sidebar2 ul li a:hover{ background-color: #f3f3f3;}
.sidebar2 img{width: 250px;height: 100px;}
.sidebar2 ul+p{margin-top: 45px;}
.s_bottom{border: 1px solid #ccc;padding: 20px;font-size: 14px;line-height: 35px;border-top: 0;}
/*info*/
#info{margin-top: 35px;padding-bottom: 80px;}
.info_right{width:900px;float:right;}

.info_pdc{width:920px}
.info_pdc li{padding: 25px; border: 1px solid #ddd;float: left;margin-right: 2%;margin-bottom: 35px;}
.info_pdc li img{width: 235px;height: 176px;}
.info_pdc li span{display: block;height: 30px;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 13px;font-weight: normal;}
.info_pdc li:hover{border: 1px solid #0c5dc9;}
.info_pdc li:hover span{color: #0c5dc9;}

.p_content{font-size:15px;line-height:35px;color:#3f3f3f}
.p_content img{max-width:100%}
.h_title{color:#1b1b1b;font-weight:500;border-bottom:1px solid #ccc;padding-bottom:12px;margin-bottom:38px}
.h_title a{color:#1b1b1b}
.h_title a:hover{color:#255399}
.h_title span{font-size:18px;border-left:2px solid #0c5dc9;padding:0 0 0 5px}
.h_title small{font-size:12px;float:right;padding-top:5px}
#prev_next a:hover{color:#1286cd}
#prev_next{font-size:14px;margin-top:20px}
div.page{margin:20px 0 20px 0;clear:both;float:right;font-size:14px}
div.page a{padding:2px 5px;margin:2px;color:#fff;text-decoration:none;background:#9b9b9b}
div.page a:hover{background:#5c5c5c}
div.page span.current{padding:2px 8px;font-weight:700;margin:2px;color:#fff;background-color:#0083e8}
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:#ddd;color:#fff;margin-bottom:20px;overflow:hidden}
.content_p span.sp small{background: #1c4dbe;display:block;float:left;text-align:center;line-height:40px;width:120px;position: relative;}
.content_p span.sp small:after {display: block;content: '';width: 0;height: 0;border-top: 40px solid transparent;border-left: 40px solid #1c4dbe;border-bottom: 0 solid transparent;position: absolute;left: 120px;top: 0; }

.she{width:950px}
.she li{background: #ffffff;padding:10px 10px 0 10px;border:1px solid #CACACA;float:left;margin:0 24px 20px 0;cursor: pointer;}
.she li img{display:block;width:262px;height:187px}
.she li small{display:block;line-height:45px;text-align:center;color:#2e2e2e}
.she li:hover{-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);background: #fcfcfc;border:1px solid #fcfcfc;}
.she li:hover span{color:#fff}


/*子页面banner*/
.header_banner{height: 300px;width: 100%;background-position: center;background-repeat: no-repeat;}
.company_banner{background-image: url("../Images/about_banner.jpg")}
.news_banner{background-image: url("../Images/news_banner.jpg")}
.case_banner{background-image: url("../Images/case_banner.jpg")}
.honor_banner{background-image: url("../Images/honor_banner.jpg")}
.jobs_banner{background-image: url("../Images/jobs_banner.jpg")}
.contact_banner{background-image: url("../Images/contact_banner.jpg")}


.header_banner .wrapper h1{font-size: 58px;color: #0960b9;font-weight: 300;padding-top: 88px;}
.header_banner .wrapper b{display: block;font-size: 28px;color: #0960b9;}