/* CSS Document */
.nbanner{ background-position:center; height:420px; background-repeat:no-repeat;}

.location{}
.location h4{ font-size:30px; font-weight:bold; display:inline-block; color:#0d438d;}
.location span{ padding-left:20px;}

.location1{ height:50px; line-height:50px; border-bottom:1px solid #ddd;}
.loc_tit{ float:left; width:300px; font-weight:bold; color:#0d438d; font-size:18px;}
.loc_info{ float:right; width:580px; text-align:right;}

.content{ padding:60px 0px; line-height:32px; text-align:justify; font-size:16px;}
.content p{ padding:15px 0px;}


.cul_box{ float:left; width:25%; text-align:center; padding-top:40px;}
.cul_box h4{ font-weight:bold; font-size:26px;}


.tree{ float:left; width:250px;}
.tree_tit{ background:#0d438d;background: linear-gradient(top, #154e9c, #0d438d);
        background: -ms-linear-gradient(top, #154e9c, #0d438d);
        background: -webkit-linear-gradient(top, #154e9c, #0d438d);
        background: -moz-linear-gradient(top, #154e9c, #0d438d);
 color:#fff; font-size:26px; padding:30px 20px; font-weight:bold; letter-spacing:6px; text-align:center;}
.tree_tit span{ font-family:'BEBAS'; display:block; font-size:16px; padding-top:10px; letter-spacing:0px; font-weight:normal; opacity:.5;}
.tree_links{ padding:20px; background:#f3f3f3;}
.tree_links ul li{ position:relative;}
.tree_links ul li a{ display:block; line-height:20px; padding:10px 0px 10px 25px; border-bottom:1px dashed #ddd; position:relative; }
.tree_links ul li a:after{font-family: "iconfont" !important;  font-size: 14px;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\e64a"; position:absolute; left:0px; top:10px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.tree_links ul li a:hover{ color:#0d438d;}
.tree_links ul li a:hover:after{ left:5px;}
.tree_links ul li a.tree_sel{color:#0d438d;}
.tree_links ul li ul{ display:none; position:absolute; left:209px; top:0px; width:200px; background:rgba(255,255,255,.8); padding:10px; z-index:10;}

.main_right {
    float: right;
    width: 900px;
}

.product_list{ margin-left:-40px; padding:15px 0px; overflow:hidden;}
.product_list ul li{ float:left; width:270px; background:#fff; margin:15px 0px; margin-left:40px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all; border:1px solid #eee;}
.product_list ul li:hover{ box-shadow:#999 0px 0px 10px;}
.i_p_img{ width:270px; height:194px; overflow:hidden; position:relative;}
.i_p_img a p{ position:absolute; left:0px; top:0px; width:270px; height:194px; background:rgba(0,0,0,.6);transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all; opacity:0;}
.i_p_img a:hover p{ opacity:1;}
.i_p_img a p span{ line-height:20px; padding:15px 30px; margin-top:72px;  color:#fff; text-align:center; display:block; position:relative;}
.i_p_img a p span:after{ content:""; position:absolute; left:50%; top:0px; height:1px; width:80px; margin-left:-40px; background:#fff;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.i_p_img a p span:before{ content:""; position:absolute; left:50%; bottom:0px; height:1px; width:80px; margin-left:-40px; background:#fff;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all; }
.i_p_img a:hover p span:after{ content:""; position:absolute; left:50%; top:0px; height:1px; width:20px; margin-left:-10px; background:#fff;}
.i_p_img a:hover p span:before{ content:""; position:absolute; left:50%; bottom:0px; height:1px; width:20px; margin-left:-10px; background:#fff;}
.i_p_img img{width:270px; height:194px;}
.i_p_tit{ overflow:hidden; margin:12px 20px; line-height:30px; height:30px; overflow:hidden;}
.i_p_more{ border-top:1px solid #eee; margin:0px 20px; position:relative; }
.i_p_more a{ display:block; position:relative;line-height:45px;}
.i_p_more a span{ position:absolute; right:0px; top:0px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.i_p_more a:hover span{ color:#eba621; right:5px;}


.pro_imgs{ float:left; width:510px; padding-top:50px;}
.spro{float:left; width:100px;}
.spro div{ padding-bottom:10px;}
.spro img{ width:80px; height:80px; border:3px solid #fff; cursor:pointer;}
.img_sel img{ border:3px solid #0d438d;}
.bpro{ float:right; width:400px;}
.pro_para{ float:right; width:350px; padding-top:50px;}
.spro_tit{ font-size:22px; font-weight:bold; line-height:1em; padding-bottom:30px; padding-top:20px;}
.pro_content{ margin-top:40px; border:1px solid #ccc;}
.pro_con_tit{ font-weight:bold; font-weight:bold; font-size:18px; border-bottom:1px solid #ccc; line-height:60px;}
.pro_con_tit span{ display:inline-block; width:120px; text-align:center; background:#0d438d; color:#fff;}
.spro_content{ padding:20px;}
.spro_small{ line-height:30px;}
.spro_small pre{ display:block;}


.news_list{ padding:0px 0px 30px 0px;}
.news_list a{ display:block; padding:40px 0px; border-bottom:1px solid #ddd;}
.news_list .news_date{ float:left; width:100px; font-size:16px; color:#999; text-align:center;font-family: 'CenturyGothic';}
.news_list .news_date span{ display:block; color:#e7200f; font-size:50px; line-height:1em; font-weight:bold; padding-bottom:5px;}
.news_list .news_para{ float:right; width:1020px;}
.news_list .news_tit{ color:#000; font-size:16px; font-weight:bold;}
.news_list .news_small{ padding-top:10px; font-size:16px;color:#666;}
.news_list a:hover .news_tit{ color:#e7200f;}

.shownews{ padding-top:30px;}
.n_tit{ font-size:24px; font-weight:bold; text-align:center; padding-bottom:20px; line-height:1em;}
.n_date{ text-align:center;}
.n_content{ padding-top:30px;}
.n_content p{ padding:10px 0px;}


.pic_list{ padding-top:20px;}
.pic_list ul { margin-left:-30px;}
.pic_list ul li{ float:left; width:280px; margin-left:30px; text-align:center; padding:20px 0px;}
.pic_list ul li .pic_img{ width:280px; height:210px; overflow:hidden; cursor:pointer;}
.pic_img img{-webkit-transition: all 1s;-o-transition: all 1s;-ms-transition: all 1s;transition: all 1s;}
.pic_img img:hover{transform: scale(1.05);}
.pic_list ul li h4{ display:block; padding-top:10px;}

.main{padding:80px 0px 50px 0px; background:#ebebeb;}



.message{ padding-top:40px;}
.message table{ width:100%;}
.message table tr td{ padding:10px 0px;}
.message .txt{ height:40px; background:#fff; text-indent:10px; border:1px solid #ddd;}
.message .sel{height:40px; background:#fff; text-indent:10px; border:1px solid #ddd;}
.message .btn,.message .btn1{ height:40px; padding:0px 40px; margin-right:20px; cursor:pointer;}
.textarea{ height:80px; padding:10px; border:1px solid #ddd;}
.message .btn{ background:#f00; color:#fff;}
.message .btn1{ background:#666; color:#fff;}
.message table tr td.tab_tit1{ text-align:right; padding-left:140px;}
.tab_info select{background:#fff; padding:0px 10px; border:1px solid #ddd;height:40px;}

.msg_txt{ padding-bottom:30px;}
.msg_txt h4{ font-weight:bold; font-size:18px; color:#e7200f; padding-bottom:10px;}

.down_list{ padding:30px 0px;}
.down_list ul li{ border-bottom:1px solid #ddd; padding:10px 0px; line-height:30px;}
.down_tit{ float:left; width:580px;}
.down_size{ float:left;}
.down_btn{ float:right; width:80px;}
.down_list ul li a .down_btn{ background:#0d438d; width:100px; height:30px; line-height:30px; color:#fff; text-align:center;}
.down_list ul li a:hover .down_btn{ background:#e7200f; }


.info_list{ padding:60px 0px;}
.info_list ul{ margin-left:-40px;}
.info_list ul li{ float:left; width:440px; margin-left:40px; padding:20px 0px;}
.info_list ul li a .info_para{ padding:15px;}
.info_list ul li a .info_tit{ font-size:18px; line-height:30px; height:30px; overflow:hidden;}
.info_list ul li a .info_date{color:#e7200f;}
.info_list ul li a{ display:block;}
.info_list ul li a:hover{ box-shadow:#999 0px 0px 10px;}
.info_list ul li a:hover .info_tit{ color:#e7200f;}


.job_list{ padding:0px 120px;}
.job_list ul li{ display:block; padding:50px 0px; border-bottom:1px solid #eee;}
.job_list .job_num{ float:left; width:100px; font-size:16px; color:#999; text-align:center;font-family: 'CenturyGothic';}
.job_list .job_num span{ display:block; color:#e7200f; font-size:50px; line-height:1em; font-weight:bold; padding-bottom:5px;}
.job_list .job_para{ float:left; width:720px; margin-left:60px;}
.job_list .job_tit{ color:#000; font-size:16px; font-weight:bold;}
.job_list .job_small{ padding-top:10px; font-size:16px;color:#666;}
.job_more{ float:right; width:200px; padding-top:10px;}
.job_more a{ border:1px solid #ddd; background:#f3f3f3; height:34px; line-height:34px; width:140px; display:block; text-align:center; border-radius:20px;}
.job_more a:hover{ background:#e7200f; color:#fff;}
.job_info{ padding-top:20px; display:none;}

#map{ width:100%; height:500px;}
.contact_info{ text-align:center; padding-bottom:40px;}
.contact_info h4{ font-size:30px; line-height:1em; padding:40px 0px;}





.pages{ padding:30px 20px 50px 20px;}
.pages a{ display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; font-family:'CenturyGothic'; font-weight:bold; border:1px solid #ddd; margin-right:2px;}
.pages a.sel{ background:#f50; color:#fff;}
.pages a:hover{ background:#eee;}