@charset "utf-8";
/* 全局CSS定义 */
body { font-family: "微软雅黑","Microsoft YaHei",'\5FAE\8F6F\96C5\9ED1',"MicrosoftJhengHei","华文细黑",STHeiti,MingLiu,'\9ED1\4F53',sans-serif; background: #fff; font-size:14px; color:#222; margin: 0; padding: 0;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:14px; font-weight: normal;}
table,td,tr,th{ font-size:14px;}

/* 链接颜色 */
a:link {color: #222; text-decoration:none;}
a:visited {color: #222;text-decoration:none;}
a:hover { color: #13487A; text-decoration: none;}
a:active { color: #222;}

/* 字体属性 */
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.c06c,.c06c:link,.c06c:visited{ color: #174699;}
.c06c:hover{ color: #f30;}
.cRed,.cRed:link,.cRed:visited{ color: #f30;}
.clr_10{ clear: both; height: 10px; line-height: 0; font-size: 0;}
.pages{ clear:both; padding: 50px 0;text-align:center; word-wrap: break-word;}
.pages a,.pages a:visited,.pages strong{ margin: 0 5px; text-align:center; padding: 10px 16px; border: 1px solid #ccc;}
.pages a:hover,.pages strong{ color: #fff; background: #16468C; border: 1px solid #16468C; font-weight:normal;}


/*banner*/
.main_area{ height: 820px; position:relative; overflow:hidden; padding-top: 35px; }
#con_product_slide{ height:50px;margin:0 auto; width: 100%; position:absolute; z-index: 10; bottom: 0;}
#scroll_btn_list{ overflow:hidden; height:20px; position:absolute;bottom:20px; width: 100%;}
#scroll_btn_list ul{ width: 92px; margin: 0 auto;}
#scroll_btn_list li{float:left;margin: 0 5px; width: 13px;}
#scroll_btn_list li a{display:block;position:relative;width:15px; height:15px; font-size: 0; line-height: 0; background:#fff; overflow:hidden;border-radius:15px;}
#scroll_btn_list li a:after{ position:absolute;left:0;top:0;width:100%;height:15px;}
#scroll_btn_list .on a,#scroll_btn_list li a:hover{ background:#DA251D; }
#scroll_product_list{ height:500px;width:100%;position:absolute;top:0;left:0;}
#scroll_product_list li{height:500px;width:100%;display:none;position:absolute;left:0;top:0;}
#scroll_product_list li.on{display:block;}
#scroll_product_list li div{ padding-top: 220px;}
#scroll_product_list li img{ width: 1340px; margin: 0 auto; display:block;}




.HeaderBg{ z-index: 2; position: relative;}
.HeaderBg .Header{ margin: 0 auto; width: 1340px; z-index:9999; }
.HeaderBg .Header .logo{ float:left; width: 350px;}
.HeaderBg .Header .logo img{ width: 300px; position:absolute;}


/*--------------------
.HeaderBg .Header .menu{ float:right; margin-top: 25px;}
.HeaderBg .Header .menu ul{ float:right; margin: 12px 50px 0 0;}
.HeaderBg .Header .menu ul li{ float:left; font-size: 18px; padding-right: 30px;}
.HeaderBg .Header .menu ul li a{ color: #fff;}
.HeaderBg .Header .menu ul li a:hover{ color: #c00;}
.HeaderBg .Header .menu .tel{ background: url(img/ico_1.png) no-repeat 0 center; padding-left: 40px; float:right; color: #fff; line-height: 150%;font-weight:bold; }
.HeaderBg .Header .menu .tel strong{ font-size: 20px;}

------*/

.Header #nav{ height: 40px; clear:both; z-index:9999; float:right;}
.Header #nav li{ position: relative; float:left; height: 45px; line-height: 45px; padding-left: 35px;}
.Header #nav li h2{ font-size: 18px; }

.Header #nav li a,.Header #nav li a:visited{ color: #fff;}
.Header #nav li ul{ position: absolute; top: -999em;  width: 140px; left:3px; padding: 10px 0; height:auto; background:url(img/nav_bg.png);}
.Header #nav li ul li{ height: 35px; line-height: 35px; text-align:center; width: auto; float:none; padding: 0; background: none; font-weight:normal;}
.Header #nav li ul li a{color: #fff;}
.Header #nav li:hover ul,#nav li.sfHover ul { top: 45px; z-index:999; }
.Header #nav li:hover ul a,#nav li.sfHover ul a {}
.Header #nav ul a:hover { color: #DA251D;}
.Header #nav li:hover h2,.Header #nav li.sfHover h2 a { background:url(img/ico_nav1.png) no-repeat right -22px;}
.Header #nav li:hover h2 a{ color: #DA251D; }

.Header #nav li:hover .noico{ background: none;}

.Header #nav .menu{ float:left; margin: 20px 80px 0 0;}

.Header #nav .tel{ background: url(img/ico_1.png) no-repeat 0 center; padding-left: 40px; margin-top: 20px; float:right; color: #fff; line-height: 150%;font-weight:bold; }
.Header #nav .tel strong{ font-size: 20px;}















.HomeTop{ padding: 30px 0; width: 1340px; margin: auto;}
.HomeTop li{ float:left; width: 33.333%; color: #fff;}
.HomeTop li span{  display:block;padding: 10px 15px; position:relative;　}
.HomeTop li img{ display:block; width: 100%; height:100%; border-radius:20px;}
.HomeTop li p{ position:absolute; height:100%; left: 0; top: 0; text-align:center; display:block; width: 100%; line-height: 220%; }
.HomeTop li p em{ position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%); font-style:normal;}
.HomeTop li p strong{ display:block; font-size: 36px; padding-bottom: 10px; font-weight:normal;}

.BannerAbout{ background:url(img/banner_about.jpg) no-repeat 0 center; padding-top: 35px; height: 320px;}
.bread-banner:after {content: "";position: absolute;background: linear-gradient(to top, white 15%, #ffffff00);width: 100%;left: 0;height: 250px;bottom: 0;}




.HomeProducts{ background:url(img/bg_1.jpg) repeat-x 0 bottom;}
.HomeProducts .list{ height: 300px; width: 1340px; margin: 20px auto 0;}


.HomeProducts h3{ height: 50px;}
.HomeProducts h3 a{ border-bottom: 1px solid #000; font-size: 18px; padding-bottom: 10px; font-weight:bold;}
.HomeProducts li{ float:left; width: 223px; height: 270px; text-align:center;}
.HomeProducts img{ width:180px; margin: 0 auto 10px; display:block;}
.HomeProducts li em{ font-style:normal;text-align:center;}

.HomeProducts .more{ padding: 25px 0 50px; font-size: 16px; clear:both;}
.HomeProducts .more a,.HomeProducts .more a:visited,.FootContact a,.FootContact a:visited{ display:block;  padding: 12px 20px; border: 1px solid #000; background: #fff; width: 120px; margin: 0 auto; text-align:center; border-radius:45px;}
.HomeProducts .more a:hover,.FootContact a:hover{ background: #13487A; color: #fff;}





.Homejiejue{  background: url(img/banner_jiejue.jpg) no-repeat center 0; padding-top: 80px; color: #fff;}
.Homejiejue h3,.HomeNews h3{ font-size: 42px; text-align:center; padding-bottom: 25px; }
.Homejiejue p{ text-align:center; line-height: 250%; font-size: 18px; margin: 0; padding: 25px 0;}
.Homejiejue p .more{ display:block; height: 45px; line-height: 45px; width: 160px; margin: 50px auto 0; background: #D61414; color: #fff; border-radius:45px;}
.Homejiejue p .more:hover{ background: #000;}

.Homejiejue .list{ background: url(img/bg_2.png); height: 140px; }
.Homejiejue .list ul{ width: 1340px; margin: 100px auto; 0}
.Homejiejue .list ul li{ width: 14.28%; float:left; height: 140px; text-align:center;}
.Homejiejue .list ul li img{ display:block; margin: 0 auto 10px;}
.Homejiejue .list ul li a{ display:block; padding: 30px 0 0; height: 110px; color: #fff; font-size: 18px;}
.Homejiejue .list ul .tag,.Homejiejue .list ul li a:hover{ background: #D61414;}




.HomeNews{ background:url(img/bg_3.jpg) repeat-x 0 0; padding: 50px 0;}
.HomeNews ul{ width: 1340px; margin: 15px auto 0; }
.HomeNews ul li{ float:left; width: 430px; background: #F6F6F6; margin-right: 25px;}
.HomeNews ul li img{ display:block; width: 100%;}
.HomeNews ul .r{ float:right; margin-right: 0;}
.HomeNews ul li p{ margin: 0; padding: 20px 20px 35px; line-height: 180%;}
.HomeNews ul li p strong{ display:block; font-size: 18px; padding-bottom: 10px;}
.HomeNews ul li .more,.HomeNews ul li .more:visited{ display:block;  padding: 5px; border: 1px solid #000; background: #fff; width: 100px; margin: 10px 0 0; text-align:center;}
.HomeNews ul li .more:hover{ background: #13487A; color: #fff;}




.Content{ width: 1340px; margin: 5px auto 0; padding-bottom: 50px;}
.Content .title{ text-align:center; line-height: 200%; padding-bottom: 50px;}
.Content .title h1{ font-size: 36px; font-weight:bold; padding-bottom: 15px;}
.Content .Abouttext{ padding: 0; line-height: 200%; font-size: 18px;} 
.Content .Abouttext p{ margin: 0; padding: 12px 0;}




.ProductsHome{ padding: 60px 0;}
.ProductsHome li{ float:left; width: 333px; border-left: 1px solid #fff;  border-right: 1px solid #fff; text-align:center; }
.ProductsHome li strong{ font-size: 20px; text-align:center; display:block; padding-bottom: 15px;}
.ProductsHome li img{ width: 100%; display:block;}
.ProductsHome li a{ display:block; border-top: 1px solid #ccc; border-bottom: 5px solid #ccc; }
.ProductsHome li a:hover{ border-top: 2px solid #13487A; border-bottom: 5px solid #13487A; }
.ProductsHome .more { padding-top: 35px;}
.ProductsHome .more a,.ProductsHome .more a:visited{ display:block;  padding: 12px 10px; border: 1px solid #000; background: #fff; width: 120px; margin: 0 auto; text-align:center;}

.ProductsHomeList{}
.ProductsHomeList li{ float:left; width: 420px; margin: 40px 40px 0 0;}
.ProductsHomeList li a{ border: 1px solid #ccc; display:block;}
.ProductsHomeList li img{ width: 100%;}
.ProductsHomeList li strong{ display:block; padding: 15px 0; text-align:center; font-size: 18px;}
.ProductsHomeList .r{ float:right; margin-right: 0;}
.ProductsHomeList li a:hover{ border: 1px solid #13487A; }



.ProductsList{}
.ProductsList .list li{ float:left; width: 320px; margin: 0 35px 35px 0; text-align:center;}
.ProductsList .list li img{ width: 100%; display:block; margin-bottom: 10px;}
.ProductsList .list li a{ border: 1px solid #ccc; display:block; padding-bottom: 15px;}
.ProductsList .list li a:hover{ border: 1px solid #05375C;}
.ProductsList .list .r{ float:right; margin-right: 0;}












.ContentMenu{ float:left; width: 280px; background:#F7F7F7; padding-bottom: 25px;}
.ContentMenu h2{ background: #16468C; border-radius:6px; color: #fff; line-height: 48px; font-size: 18px; font-weight:bold; text-indent: 20px;}
.ContentMenu ul{ margin: 20px 20px 0;}
.ContentMenu ul li{ line-height: 40px; font-size: 16px; float:left; width: 100%;}
.ContentMenu ul li span{ background: #16468C; border-radius:50%; display:block; width: 9px; height: 9px; float:left; margin: 15px 7px 0 0; }
.ContentMenu ul li h3{ float:left;font-size: 16px; }
.ContentMenu ul li ol li{}
.ContentMenu ul li ol li em{ border: 1px solid #13487A; border-radius:50%; display:block; width: 8px; height: 8px; float:left; margin: 15px 8px 0 15px;}


.ContentRight{ float:right; width: 1030px;}
.ContentRight .pic{ float:left; width: 480px;}
.ContentRight .pic img{ width: 100%;}
.ContentRight .miaoshu{ float:right; width: 500px;}
.ContentRight .miaoshu h1{ font-size: 32px; font-weight:bold; padding-bottom: 15px;}

.ContentRight .miaoshu .line{ border-bottom: 1px solid #ccc;}
.ContentRight .miaoshu .line span{ display:block; height: 2px; line-height: 0; border-bottom: 2px solid #13487A; width: 150px;}
.ContentRight .miaoshu .ico{ margin-top: 25px; background:url(img/ico_3.jpg) no-repeat 0 10px; background-size: 26px;}
.ContentRight .miaoshu .ico li{ padding-left: 35px; line-height: 250%;}


.ProductsView .text{ clear:both; padding: 20px 0; line-height: 200%;}
.ProductsView .text p{ margin: 0; padding: 10px 0 5px;}
.ProductsView .text p strong{ font-size: 16px;}
.ProductsView .text table{ width: 100%; border-collapse:collapse; margin: 10px 0 20px;}
.ProductsView .text table td{ border: 1px solid #D4D4D4;line-height: 25px; background: #f2f2f2; padding: 2px 6px; text-align:left; font-size: 14px;}
.ProductsView .text table td p{ margin: 0; padding: 0; text-align:left; font-size: 14px;}
.ProductsView .text table td br{ line-height: 0; font-size: 0; height: 0;}
.ProductsView .text table td img{ display:block; margin: 0; padding: 0;}
.ProductsView .text font{ font-size: 14px;}
.ProductsView .xianguan{ background: #f2f2f2; padding: 35px; margin-top: 35px;}
.ProductsView .xianguan h3{ font-size: 36px; font-weight:bold; padding: 10px 0; text-align:center;}
.ProductsView .xianguan li{ float:left; width: 400px; margin: 35px 35px 0 0; background: #fff;}
.ProductsView .xianguan li a{ border: 1px solid #ccc; display:block;}
.ProductsView .xianguan li img{ width: 100%;}
.ProductsView .xianguan li strong{ display:block; padding: 15px 0; text-align:center; font-size: 18px;}
.ProductsView .xianguan .r{ float:right; margin-right: 0;}
.ProductsView .xianguan li a:hover{ border: 1px solid #13487A; }




.newslist{ padding: 0 20px;}
.newslist h1{ font-size: 28px; padding: 5px 0 35px;}
.newslist li{ padding-left: 20px; height: 40px; line-height: 40px; margin-top: 5px; font-size: 18px;}
.newslist .bg{ background: #f5f5f5;}
.newslist li em{ font-style:normal; padding-right: 20px; color: #999;}

.newsview{ padding: 0 20px;}
.newsview h1{ font-size: 28px; padding: 5px 0 35px;}
.newsview .time{ color: #999; text-align:center;}
.newsview .text{ line-height: 220%; padding: 20px 0;}
.newsview .text p{ padding: 15px 0; margin:0; text-indent: 35px; font-size: 16px;}
.newsview .text .pic{}
.newsview .text img{ float:none; display:block; margin: 0 auto;}
.newsview .text .pic img{ float:right; margin-left: 35px;}
.newsview .text table{ width: 100%; border-collapse:collapse; margin-top: 30px; clear:both;}
.newsview .text table td{ border: 1px solid #ddd; line-height: 28px; text-align:center;}
.newsview .text table td p{ margin: 0; padding: 0;}
.newsview .text tr td{ background:#fff;vertical-align:middle;}/* 默认背景被白色 */
.newsview .text tr.alt td { background:#F2F2F2;}/* 默认隔行背景颜色 */
.newsview .text tr.over td { background:#EEECEB;}/* 鼠标经过时候背景颜色 -----*/
.newsview .text table .tr{}
.newsview .text table .tr td{ font-weight:bold; background: #00A8E0; color: #fff; padding: 10px 0;}
.newsview .next{ border-top: 1px solid #ddd; line-height: 35px; padding-top: 15px;}
.newsview .next span a{ display:block; background: #1A55A7; float:right; width: 65px; height: 36px; line-height: 36px; margin-top: 15px; text-align:center; color: #fff;}
.newsview .next span a:hover{ background: #000; color: #fff;}





.Foot{ background:#ECECEC; font-size: 16px;}
.Foot .links{ width: 1200px; margin: 0 auto; padding: 35px 0; }
.Foot .links strong{ font-size: 22px; padding-bottom: 10px; display:block;}
.Foot .links .menu{ float:left; width: 20%;}
.Foot .links .menu li{ line-height: 250%;}
.Foot .links .logo{ width: 60%; text-align:center; float:left; line-height: 250%; font-size: 18px; font-weight:bold; color: #16468C;}
.Foot .links .logo img{ width: 110px; display:block; margin: 50px auto 30px;}
.Foot .links .contact{ width: 20%; float:right;}
.Foot .links .contact li{ line-height: 300%;}
.Foot .links .contact .tel{ background:url(img/foot_ico.png) no-repeat 0 13px; padding-left: 35px; }
.Foot .links .contact .fax{ background:url(img/foot_ico.png) no-repeat 0 -27px; padding-left: 35px; }
.Foot .links .contact .email{ padding-top: 35px;}


.FootBottom{ background: #16468C; color: #fff; text-align:center; line-height: 60px; color: #fff; font-size: 18px;}
.FootBottom a,.FootBottom a:visited{ color: #fff;}
.FootBottom a:hover{ color: #F90;}