@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body{font-family: Arial, Helvetica, sans-serif; font-size:12px; margin:0 auto; padding:0px; color:#333; background:#fff;}
span{ overflow:hidden; margin:0 auto;}
a{text-decoration:none; overflow:hidden; color:#666666; padding:0px;}
img{border:0px;}
.clear{ clear:both;}
ul li,li{ list-style:none}
.fl{ float:left;}

.head{ width: 100%; height: 159px; float:left; background:url(../images/topbg.jpg) no-repeat top center;}
.top,.header,.nav,.banner,.wrapper,.search,.footnav,.footer{ width:100%; height:auto; float:left;}
.top-div,.header-div,.nav-div,.wrapper-div,.search-div,.footnav-div,.footer-div{ width:1200px; margin:auto; height:auto;}
/**/
.top{height:40px; line-height:40px; font-size:12px; color:#666;}
.top-div p,.top-right{ width:50%; float:left;}

.top-right a{ margin:0 5px; display:block; float:right;}
.top-right span{ margin:0 5px; display:block; float:right;}
.top-right .map{ width: 80px; line-height:30px; text-align:center;color:#fff; background:#0457b7; margin:5px;}
.header{ height:120px;}
.header-div{ height:120px;}
.logo{ width:504px; height:63px; margin-top:20px; float:left; background:url(../images/logo.png) no-repeat;}
.tel{ width:205px; height:90px; float:right; margin-top:15px; padding-right:55px; background:url(../images/code.png) no-repeat right; }
.tel img{ margin-top:20px;}
/**/
.nav{ height:55px; background:#0457b7; border-bottom:3px solid #ff4f00;}
.nav-div{ height:55px; position:relative;}
.nav-div ul li{ width:140px; float:left; line-height:55px; text-align:center;}
.nav-div ul li:hover{ background:#ff4f00;}
.nav-div ul li:hover a{ color:#fff; font-weight:700;}
.nav-div ul .active{ background:#ff4f00;}
.nav-div ul .active a{color:#fff; font-weight:700;}
.nav-div ul li a{ color:#fff; font-size:15px; font-weight:700;}
/**/
.banner{ height:500px; overflow:hidden;}
#full-screen-slider { width:100%; height:500px; float:left; position:relative}
#slides { display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:48%; top:460px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:18px; height:18px; float:left; margin-left:15px; border-radius:9px; background:none;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:none;}
/**/
.search{ width: 55px; height:55px; float:right; background:url(../images/search.png) no-repeat center #ff4f00;cursor: pointer;}
.search_box{ position: absolute; width: 240px; height: 40px; background:#fff; top:55px; right:0; display:none; z-index:999;}
.key_box{ width: 190px; height: 40px; background:#fff; border: none; line-height:40px; font-size:14px;padding:0 5px; float:left;}
.submit-btn{ width: 40px; height: 40px; float:left;border: none; background:url(../images/search.png) no-repeat center #ff4f00; cursor: pointer;}
/*==================*/
.wrapper{ width: 100%; height:auto; float:left;}
.wrap_box{ width: 1200px; height:auto; margin:auto; overflow:hidden;}
/*==================*/
.i_product .wrap_box{ height:auto; background:#f5f5f5; overflow:hidden; margin:20px auto;}
.i_product_nav{ width: 228px; height:auto; background:#0457b7; float:left;}
.i_product_nav h3{ width:226px; height:75px; line-height:75px; text-align:center; font-size:28px; font-weight:700; color:#fff; border-bottom:1px solid #0d64c9;}
.i_product_nav ul{ width:226px; height:auto; overflow:hidden; padding:5px 0 4px; border-top:solid 1px #004ba1;}
.i_product_nav li{ width:113px; text-align:center; line-height:39px; float:left; height:39px; border-bottom:1px dotted #0d64c9;}
.i_product_nav li a{ color:#fff; font-size:12px; padding:10px 0;}
.i_product_nav li:hover{ background:#ff4f00;}
.tel_img{ width:228px; height:76px; background:#ff4f00; float:left;}
.tel_img img{ display:block; margin:15px auto;}
/*==============*/
.i_product_list{ width:956px; height:auto; float:left; margin-left:16px; overflow:hidden;}
.i_product_list ul li{ margin-right:20px; margin:9px 10px; float:left; width:217px; height:210px; overflow:hidden;border:1px solid #ccc;}
.i_product_list ul li a{ display:inline-block;border:3px solid #fff;}
.i_product_list ul li p{ width: 100%;height: 30px; text-align: center; line-height: 30px; float: left; }
.p-img{ width:211px; height:174px; float:left; overflow:hidden;}
.p-img img{ display:block; width: 211px; height: 174px;}
.i_product_list ul li:hover{ border:1px solid #0457b7;}
/*==============*/
.i_about{ height: auto;}
.menu_tit{ width:auto; height: 60px; float:left; text-align:center;}
.menu_tit h3{ font-size:24px; color:#333; line-height:30px;}
.menu_tit p{ color:#333; font-size:18px;}
.about_box{padding:15px; background:#f5f5f5; float:left; height: auto; overflow:hidden}
.about_box img{ display:block; float:left; margin-right:20px;}
.about_box p{ font-size:14px; line-height:30px; float:left; width: 783px;}
.about_li{ float:left; width: 783px;}
.about_li a{ width: 125px; height: 155px; font-size:15px; line-height:30px; display:inline-block; float:left; text-align:center; margin:18px 30px;}
/**/
.i_case{ padding-bottom:20px; background:url(../images/bg.png) no-repeat center bottom;}
.case_srcoll{ width:1200px; height:210px; float:left; margin-bottom:20px; border-bottom:1px solid #ddd;}
.case_tit{ border-bottom:3px solid #ff4f00; float:left; width: 100%; margin-top: 20px;}
.case_tit a{ display:inline-block; float:right;}
/* scrollleft */
.scrollleft{width:1200px; height:210px; float:left; background:#fff;}
.scrollleft li{float:left;margin:10px;width:180px;height:190px;}
.scrollleft li p{ font-size:16px; width:180px; height:30px; line-height:30px; display:block; float:left; background:#fff; text-align:center; color:#333;}
.scrollleft li a{ display:inline-block; float:left;}
.scrollleft li p span{ float:right; display:block;}
.scrollleft img{width:180px;height:160px; z-index:1;}
/**/
.new{ width:1160px; height:auto; overflow:hidden; padding:20px; float:left; background:#fff;}
.new ul{ width: 640px; float:left; height:auto;}
.new ul li{ width: 620px; height:80px; line-height:24px;  border-bottom:1px dotted #ddd; padding:10px 0;}
.new ul li .date{width: 80px; height:70px; padding-top: 10px; float:left;background:#0457b7; color:#fff; margin-right:10px; text-align:center; line-height:18px;}
.new ul li .date b{font-size:50px; line-height:40px;}
.new ul li a{ display:inline-block; float:left; width: 530px;color:#333; text-decoration:none;}
.tj_new{ width:520px; overflow:hidden; float:left;}
.tj_new img{max-width: 540px; display:block; position:relative;}
.tj_new .date{position: absolute; z-index:999; width: 80px; height:70px; padding-top: 10px; float:left; background:#0457b7; margin-right:10px; color:#fff; text-align:center; line-height:18px;}
.tj_new .date b{font-size:50px; line-height:40px;}
.tj_new p{ line-height:24px;}
.tj_new p b{font-size:14px; line-height:36px;}
.tj_new a{ display:inline-block; padding:5px 25px; background:#0457b7; color:#fff; margin-top:25px; text-decoration:none;}
/**/

.bottom{ line-height:24px;padding:20px 0; background:#0457b7; color:#fff; text-align:center;}
/*================================================================================================================================================*/
.article .wrap_box{ height:auto; overflow:hidden; margin:20px auto;}
.article{background:url(../images/bg.png) no-repeat center bottom;}
.sidebar{ width: 228px; height:auto; background:#0457b7; float:left;}
.sidebar h3{ width:226px; height:75px; line-height:75px; text-align:center; font-size:28px; font-weight:700; color:#fff; border-bottom:1px solid #0d64c9;}
.sidebar ul{ width:226px; height:auto; overflow:hidden; padding:5px 0 4px; border-top:solid 1px #004ba1;}
.sidebar li{ width:226px; text-align:center; line-height:39px; float:left; height:39px; border-bottom:1px dotted #0d64c9;}
.sidebar li a{ color:#fff; font-size:14px;}
.sidebar li:hover{ background:#ff4f00;}
.sidebar .tel_img{ width:228px; height:76px; background:#0457b7; float:left;}
.sidebar .tel_img img{ display:block; margin:15px auto;}
.navigation{ width:226px; height:auto; float:left;background:#fff; border:1px solid #0457b7;}
.sade_contact{ padding:9px; float:left;}
.sade_contact p{ font-size:14px; color:#333; line-height:24px;}
/*==============*/
.content{ width:956px; height:auto; float:left; margin-left:16px; overflow:hidden; background:#eee;}
/**/
.postion{ width: 956px; height:40px; line-height:40px; border-top:1px solid #0457b7; border-bottom:1px solid #fff; background:#f1f1f1;}
.postion h3{ width: 320px; float:left; text-align:left; font-size:16px; padding-left:20px;color:#0457b7;}
.postion p{ width: 590px; float:left; padding-right:5px; text-align:right; color:#333;}
.postion p a{ padding:0 3px;color:#0457b7;}
.body{ width: 934px; background:#fff; height:auto; overflow:hidden; float: left; padding:10px; border:1px solid #fff; line-height:30px; font-size:14px; text-align:justify: text-justify:inter-ideograph;}
/**/
.pages {padding-right: 3px; padding-left: 3px; width: 912px; height:auto; overflow:hidden; float:left; padding-bottom:20px; padding-top:20px; text-align: center}
.pages a { padding:2px 5px; border:1px solid #333; margin-right:5px; background:url(../images/image2.gif); color:#333;}
.pages a:hover{ border:1px solid #333; padding:2px 5px; background:url(../images/image1.gif); margin-right:5px; color:#333;}
.pages a:active{ border:1px solid #333; padding:2px 5px; background:url(../images/image1.gif); margin-right:5px; color:#333;}
.pages span.current{ padding:2px 5px; border:1px solid #333; margin-right:5px; background:url(../images/image1.gif); color:#333;}
/**/
.product_list{ width: 934px; height:auto; overflow:hidden; float: left;}
.product_list ul li{ float:left; margin:0 5px; margin-bottom:11px; width:219px;  border:2px #ddd solid;height:220px; line-height:28px; background:#fff; text-align:center;}
.product_list ul li a{ color:#333; line-height:20px;}
.product_list ul li a img{ display:block; float:left;}
.product_list ul li:hover{ border:2px #0457b7 solid;}
/**/

.list_news dl { border-bottom:dotted 1px #ddd; height:100px; padding:10px 0; }
.list_news dl dt { float:left; font-size:26px; color:#FFF; background:url(../images/bg_right_time.jpg) no-repeat; width:78px; padding-top:20px; height:79px; text-align:center; margin-right:20px; }
.list_news dl dt span { font-size:11px; font-family:Verdana, Geneva, sans-serif; display:block; }
.list_news dl dd { float:left; width:820px; }
.list_news dl dd h2 { font-size:14px; color:#666; height:30px; line-height:30px; }
.list_news dl dd .intro { line-height:170%; color:#333;font-size:12px; }
/**/
.dis_title { font-size:16px; color:#333; border-bottom:solid 1px #ddd; padding:30px 10px 15px; text-align:center; }
.dis_time {height:40px; line-height:40px;text-align:center; font-size:12px; color:#666; }
.dis_intro {height:40px; line-height:20px; padding:10px;margin-bottom:10px; color:#666; }
.dis_content { font-size:14px; line-height:200%; padding:0 0 30px; }
.dis_content a{ color:#333;}
.dis_content a:hover{ color:#f13524;}
.dis_content img {margin:0px 10px;}
.dis_content2 { font-size:14px; line-height:200%; padding:0 0 30px; margin-top:10px; }
.dis_content2 img{ width:740px;  margin:0px 10px;}
.dis_prevnext { color:#333; font-size:14px; margin-bottom:30px; }
.dis_prevnext a { color:#333;  }
.dis_prevnext a:hover {  color:#f13524;}
.dis_block_title { padding:20px 10px 20px; font-size:14px; color:#666; font-weight:bold; }