.nbanner{ height:360px; background:#02194e; background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:1;}

.location{ border-bottom:1px solid #eee; height:50px; line-height:50px; color:#666;}
#loc_home{ background:url(../images/ico_location.png) no-repeat left 3px; padding-left:20px;}
.location a{ color:#666;}
.location a:hover{ color:#036ec4;}
.content{ padding:40px 0px;}
.content_list{ padding:20px 0px;}
.content p{ margin:2em 0;}
.content img{ max-width:1200px; height:auto;}

/****about******/
.about_img{ height:300px; background:#1842a2; overflow:hidden; margin-bottom:40px;}

.servicelist{}
.servicelist ul li{ margin:20px 0px; padding:20px 0px; border:1px solid #ddd;}
.servicelist ul li:hover{ box-shadow:#999 0px 0px 10px;}
.service_img{ float:left; width:300px; height:200px; overflow:hidden; margin-left:20px;}
.service_img img { width:300px; height:200px;}

.service_infos{ float:right; width:820px; margin-right:20px; padding-top:20px;}
.service_tit{ font-size:20px; font-weight:bold;}
.service_smallcon{ margin-top:20px; color:#999; line-height:22px; height:66px; overflow:hidden; padding-right:20px; text-align:justify;}
.service_more{margin-top:20px; }
.servicelist ul li a .service_more{ color:#fff; display:block;background:#036ec4; width:120px; height:40px; text-align:center; line-height:40px; border-radius:20px; color:#fff;}
.servicelist ul li a:hover .service_more{ box-shadow:#999 0px 0px 15px;}



/****news*****/
.newslist{}
.newslist ul{ margin-left:-30px;}
.newslist ul li{ float:left; margin-left:30px; width:360px; position:relative; margin:20px 0px 20px 30px;}
.newslist ul li a{ padding:20px; padding-bottom:80px; border:1px solid #eee; display:block;}
.news_tit{ padding:20px 0px; line-height:24px; height:48px; overflow:hidden; margin-top:80px; font-weight:bold; font-size:18px;}
.newslist ul li a .news_tit{ color:#333;}
.news_smallcon{ color:#666; line-height:22px; height:110px; overflow:hidden;}
.news_date{ background:#057edf; position:absolute; left:20px; top:0px; height:90px; color:#fff;font-family:"CenturyGothic", "微软雅黑";width:80px; text-align:center; line-height:30px;}
.news_date span{ display:block; height:60px; line-height:60px;font-size:30px; text-align:center;font-weight:bold; background:#036ec4;}
.news_more{ position:absolute; right:20px; bottom:20px; width:50px; height:50px; line-height:50px; background:#f1a60f; color:#fff; text-align:center;font-family:'BEBAS'; background:#666 url(../images/ico_news.png) center center no-repeat; overflow:hidden; text-indent:100px;}
.newslist ul li a:hover .news_more{ background:#f1a60f url(../images/ico_news.png) center center no-repeat;}
.newslist ul li a:hover .news_tit{ color:#036ec4;}
.newslist ul li a:hover{ box-shadow:#999 0px 0px 15px;}

.shownews{}
.n_tit{ font-size:30px; font-weight:bold; line-height:2rem; text-align:center; padding:20px 40px 30px 40px;}
.n_date{ text-align:center; color:#666;}
.n_content{ padding-top:30px;}
.n_content p{ margin:2em 0;}
.n_content img{ max-width:1200px; height:auto;}


/**** search *****/
.searchlist{}
.searchlist ul li{   background:url(../images/ico.gif) no-repeat left 22px; padding-left:15px;}
.searchlist ul li a{ display:block;border-bottom:1px dashed #ddd; line-height:24px; padding:15px 0px;}


/****products****/
.tree_bg{ background:#f3f3f3; padding:40px 0px;}
.tree{}

.tree_tit{ display:inline-block;vertical-align:top; padding-right:20px;}
.tree_tit span{ padding:15px 20px; font-size:30px; font-weight:bold; color:#036ec4;}
.tree_list{ display:inline-block; vertical-align:top;}
.tree_list ul li{ float:left;padding:0px 10px;}
.tree_list a{ padding:15px 30px; border:1px solid #ddd; }
.tree_list a.stree_sel{background:#036ec4; color:#fff;}
.tree_list a:hover{ background:#036ec4; color:#fff;}

.prolist{}
.prolist ul li{ margin:20px 0px; padding:20px 0px;}
.prolist ul li:hover{ box-shadow:#999 0px 0px 10px;}
.pro_img{ float:left; width:300px; height:270px; overflow:hidden; margin-left:20px;}
.pro_img img { width:300px; height:270px;}

.pro_infos{ float:right; width:820px; margin-right:20px; padding-top:20px;}
.pro_tit{ font-size:20px; font-weight:bold;}
.pro_type{ color:#666; padding-top:20px;}
.pro_smallcon{ margin-top:20px; color:#999; line-height:22px; height:66px; overflow:hidden; padding-right:20px; text-align:justify;}
.pro_more{margin-top:20px; }

.prolist ul li a .pro_more{ color:#fff; display:block;background:#036ec4; width:120px; height:40px; text-align:center; line-height:40px; border-radius:20px; color:#fff;}
.prolist ul li a:hover .pro_more{ box-shadow:#999 0px 0px 15px;}

.spro_infos{ padding:30px 0px; border-bottom:1px solid #ddd;}
.spro_img{ float:left; width:500px; height:450px;}
.spro_img img{ width:500px; height:450px;}
.spro_para{ float:right; width:650px;}
.spro_tit{ font-weight:bold; font-size:30px; margin-top:40px;}
.spro_type{ color:#666; margin-top:30px; padding:20px 0px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.spro_small{ color:#999; margin-top:30px;}
.spro_con{ padding:30px 0px;}
.spro_con p{ margin:2em 0;}

.spro_con img{ max-width:1200px; height:auto;}

/**** project ****/
.project_smallcon{ line-height:22px; margin-top:20px;text-align:justify;}

/**** company ****/
.company_tit{ font-size:30px; font-weight:bold;  line-height:50px;}
.company_img{ float:left; width:300px; height:300px;}
.company_img img{ width:300px; height:300px; background:#eee; border:1px solid #ddd; box-shadow:#eee 10px 10px 0px;}
.company_para{ float:right; width:840px;}
.company_infos{ padding-top:30px; color:#999;}
.company_infos p{  padding:0px 0px 0px 25px; margin:0px;}
.company_infos p#tel{ background:url(../images/tel.png) no-repeat left 5px;}
.company_infos p#add{background:url(../images/add.png) no-repeat left 5px;}
.company_con{ padding-top:30px;}

.company_pro_tit{ margin-top:40px; margin-bottom:20px; height:50px; line-height:50px; background:#eee; border-radius:5px; text-align:center; font-size:18px;}


/***** job *****/
.joblist{ padding:40px 0px;}
.joblist_tit{ color:#333; background:#eee; padding:20px;}
.joblist_tit h4{ text-align:center; width:120px; height:50px; line-height:50px; background:#036ec4; color:#fff; margin:0px; padding:0px; vertical-align:top;}
.joblist_tit span{ font-size:20px; font-weight:bold;color:#333; padding:0px 30px;font-family:Arial, Helvetica, sans-serif;}
.joblist_tit i{ font-style:normal;}
.joblist_tit h4,.joblist_tit span,.joblist_tit i{ display:inline-block;}

.jobs{ padding-top:20px;}
.jobs ul li{ border-bottom:1px dashed #ccc; padding:20px 0px; position:relative;}
.job_tit{ font-size:18px; font-weight:bold;}
.job_add{ color:#666; padding-top:15px;}
.job_add span{ padding-left:30px;}
.job_infos{ display:none;}
.job_infos h4{ display:block; padding-top:15px; font-weight:bold; font-size:14px;}
.job_more{ position:absolute; top:20px; right:0px; width:40px; height:40px;}
.job_more a{ display:block; width:40px; height:40px;background:#888 url(../images/ico_job.png) no-repeat center center;}
.job_more a:hover{background:#036ec4 url(../images/ico_job.png) no-repeat center center;}


/****** contact ******/
.contact_tit{ font-weight:bold; color:#036ec4; font-size:20px; margin-top:20px;}
.contact_infos{ border:1px solid #ddd; padding:40px; margin-top:20px; margin-bottom:40px; background:url(../images/city.jpg) no-repeat bottom right;}
.contact_infos:hover{ box-shadow:#999 0px 0px 15px;}
.contact_infos h4{ font-weight:bold; font-size:20px; font-weight:bold; padding-bottom:20px;}
.contact_infos p{ line-height:32px; text-indent:25px; margin:0px; padding:0px;}
.contact_infos p#qq{ background:url(../images/qq.png) no-repeat left 5px;}
.contact_infos p#tel{ background:url(../images/tel.png) no-repeat left 9px;}
.contact_infos p#person{ background:url(../images/ico_person.png) no-repeat left 9px;}
.contact_infos p#fax{ background:url(../images/ico_fax.png) no-repeat left 9px;}
.contact_infos p#wechat{background:url(../images/wechat.png) no-repeat left 9px;}
.contact_infos p#email{background:url(../images/email.png) no-repeat left 9px;}
.contact_infos p#add{background:url(../images/add.png) no-repeat left 9px;}
.contact_infos p#website{background:url(../images/website.png) no-repeat left 9px;}
.contact_map{ margin-top:20px; border:1px solid #ddd;}
#map{ width:100%; height:500px;}