@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: #05375C; 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: #05375C; border: 1px solid #05375C; font-weight:normal;}


/*banner*/
.main_area{ height: 580px; position:relative; overflow:hidden;  padding-top: 20px;}
#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:15px; 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:600px;width:100%;position:absolute;top:0;left:0;}
#scroll_product_list li{height:600px;width:100%;display:none;position:absolute;left:0;top:0;}
#scroll_product_list li.on{display:block;}

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




.HeaderBg .Header .menu{ float:right;}


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

.Header #nav li a,.Header #nav li a:visited{ color: #fff;}
.Header #nav li ul{ position: absolute; top: -999em;  width: 140px; left:10px; padding: 10px 0; height:auto; background:url(img/nav_bg.png);}
.Header #nav li ul li{ height: 32px; line-height: 32px; 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: 40px; 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;}






.HomeTop{ padding: 20px 0; width: 1340px; margin: auto;}
.HomeTop li{ float:left; width: 33.333%;}
.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; font-weight:normal; padding-bottom: 10px;}




.box0{ display:block;}
.box1{ display:none;}

.HomeProducts{ background:url(img/bg_1.jpg) repeat-x 0 bottom; padding-bottom: 40px;}
.HomeProducts .list,.HomeProducts .list2,.HomeProducts .list3,.HomeProducts .list4,.HomeProducts .list5,.HomeProducts .list6{ height: 270px; width: 1340px; margin: 20px auto 0;}

.HomeProducts .menu { width: 1360px; margin: 0 auto;}
.HomeProducts .menu li{ float:left; width: 16.6666%; height:40px; text-align:center;}
.HomeProducts .menu li a{ font-size: 20px;}
.HomeProducts .menu .tag_a0{border-bottom: 1px solid #000; }

.HomeProducts .left{ width: 22px; float:left; margin-top: 65px;}
.HomeProducts .left a{ display:block; height: 48px; background: url(img/ico_1.png) no-repeat 0 0;}
.HomeProducts .left a:hover{ background:url(img/ico_1.png) no-repeat -41px 0; }
.HomeProducts .right{  width: 22px; float:right; margin-top: 65px;}
.HomeProducts .right a{ display:block; height: 48px; background: #fff url(img/ico_2.png) no-repeat 0 0; }
.HomeProducts .right a:hover{ background:url(img/ico_2.png) no-repeat no-repeat -41px 0;  }


.HomeProducts .mw{ width: 1296px; overflow:hidden; float:left;}
.HomeProducts .mit{ height:220px; overflow:hidden; position:relative; width: 1296px;}
.HomeProducts .mit ul{ position:absolute;}
/*-------
.HomeProducts .list .mit ul li h3{ height: 50px;}
.HomeProducts .list .mit ul li h3 a{ border-bottom: 1px solid #000; font-size: 18px; padding-bottom: 10px; font-weight:bold;}
----*/


.HomeProducts .mit li{ float:left; width: 259px; height: 220px; text-align:center; font-weight:bold; font-size: 16px;}
.HomeProducts .mit li img{ width:180px; margin: 0 auto 10px; display:block;}
.HomeProducts .mit li em{ font-style:normal;text-align:center;}

.HomeProducts .more{ width: 364px; margin: 0 auto; padding: 0 0 50px; font-size: 16px;}
.HomeProducts .more a,.HomeProducts .more a:visited,.FootContact a,.FootContact a:visited{ display:block;  padding: 12px 10px; border: 1px solid #000; background: #fff; width: 120px; margin: 0 auto; text-align:center;}
.HomeProducts .more a:hover,.FootContact a:hover{ background: #05375C; color: #fff;}
.HomeProducts .more a{ float:left; margin: 0 20px;}




.HomeYoushi{ width: 1340px; margin: 35px auto 0;}
.HomeYoushi h3,.HomeNews h3{ font-size: 36px; text-align:center; padding-bottom: 25px; font-weight:bold;}
.HomeYoushi .list{ position:relative;}
.HomeYoushi .list .pic img{ width:100%;}
.HomeYoushi .list ul{ position:absolute; top: 0; left: 0;}
.HomeYoushi .list ul li{ float:left; width: 446px; height: 300px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; text-align:center; font-size: 20px;}
.HomeYoushi .list ul .no{ border-left: none;}
.HomeYoushi .list ul li img{ width: 60px; display:block; margin: 100px auto 10px;}


.HomeYoushi .list ul li span{ display:block; height: 300px; position: relative; overflow: hidden;}
.HomeYoushi .list ul li:hover a{ top: 0; text-decoration:none;}
.HomeYoushi .list ul li a{ position: absolute; height: 100%; top:300px; left: 0; right: 0; color: #fff; background: rgba(0,0,0,0.7); background:rgb(202,9,23) \9; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; padding: 0 25px;font-size: 14px; line-height: 180%;}
.HomeYoushi .list ul li p { margin: 20px; padding: 0 25px; word-wrap: break-word; word-break: normal; color: #000; }
.HomeYoushi .list ul li strong{ display:block; line-height: 23px; font-size: 24px; margin-top: 60px; }
.HomeNews{ background:url(img/bg_3.jpg) repeat-x 0 0; padding: 35px 0; margin-top: 35px;}
.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; 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: #05375C; color: #fff;}



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

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

.Content .contactus{ font-size: 14px;}
.Content .contactus li{ float:left; width: 426px; background: #ECECEC; height: 250px; font-size: 14px; line-height: 200%; margin-right: 30px; padding-top: 20px; text-align:center;}
.Content .contactus .r{ float:right; margin-right: 0;}
.Content .contactus li img{ width:auto; display:block; margin: 0 auto;}
.Content .contactus li strong{ color: #05375C; font-size: 18px; display:block; padding-top: 15px;}

.Content .contactus .c2{ background: #ECECEC; margin-top: 35px; padding: 60px 300px; text-align:center; line-height: 200%;}
.Content .contactus .c2 .l{ float:left; width: 49%; border-right: 1px solid #000;}
.Content .contactus .c2 .r{ float:right; width: 50%;}


.Content .contactus .add{ padding: 50px 0;}
.Content .contactus .add h3{ text-align:center; font-size: 26px; font-weight:bold; padding-bottom: 25px;}
.Content .contactus .add table{ width: 100%;}
.Content .contactus .add td{  padding-top: 15px; width: 50%;}
.Content .contactus .add td span{ display:block; padding-left: 10px;}
.Content .contactus .add td .input,.Content .contactus .add td textarea{ width: 100%; height: 38px; line-height: 38px; border: 1px solid #ddd; text-indent: 10px;border-radius:5px;}
.Content .contactus .add td .input2{ margin-left: 30px;}
.Content .contactus .add td textarea{ height: 150px;}
.Content .contactus .add td .but{background:#05375C; height: 58px; cursor: pointer; line-height: 58px; font-size: 18px; text-align:center; border: none;  color: #fff;border-radius:5px; width: 100%;}





.ContentProducts{ width:auto;}


.ProductsHome{ padding: 60px 0;}
.ProductsHome li{ float:left; width: 25%; 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; height: auto; border-bottom: 5px solid #ccc;  border-left: 1px solid #fff;  border-right: 1px solid #fff; }
.ProductsHome li a:hover,.ProductsHome .tag a{ border-top: 1px solid #05375C; border-bottom: 5px solid #05375C; }

.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{ width: 1340px; margin:auto;}
.ProductsHomeList li{ float:left; width: 310px; margin: 35px 33px 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 #05375C; }



.ContentMenu{ float:left; width: 300px; background:#F7F7F7; padding-bottom: 25px;}
.ContentMenu h2{ background: #05375C; 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: 45px; font-size: 16px; float:left; width: 100%;}
.ContentMenu ul li span{ background: #05375C; border-radius:50%; display:block; width: 10px; height: 10px; float:left; margin: 17px 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 #05375C; border-radius:50%; display:block; width: 8px; height: 8px; float:left; margin: 17px 8px 0 15px;}
.ContentMenu ul .tag a{}



.ContentRight{ float:right; width: 1010px;}
.ContentRight .pic{ float:left; width: 460px;}
.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 #05375C; 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{ padding-top: 35px;}
.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 .text h3{ background: #ddd; font-size: 18px; font-weight:bold; height: 40px; line-height: 40px; text-indent: 15px; display:block; margin-top: 10px; color: #05375C; border-left: 5px solid #05375C;}



.ProductsView .next{ line-height: 250%; border-top: 1px solid #ddd; padding: 25px 0;}

.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 #05375C; }





.ProductsList{ padding-top: 35px;}
.ProductsList .list li{ float:left; width: 313px; 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;}










.newslist{}
.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 50px; font-size: 16px;}
.newsview .text p{ padding: 12px 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;}





.FootContact{ background:url(img/foot_contact.jpg) no-repeat center 0; padding: 30px 0; text-align:center; font-size: 18px;}
.FootContact h3{font-size: 36px; text-align:center; padding-bottom: 5px; font-weight:bold;}


.Foot{ background:#ECECEC; font-size: 16px;}
.Foot .links{ width: 1000px; 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: #05375C;}
.Foot .links .logo img{ width: 220px; display:block; margin: 50px auto 25px;}


.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: #05375C; color: #fff; text-align:center; line-height: 45px; padding: 12px 0; color: #fff; font-size: 18px;}
.FootBottom a,.FootBottom a:visited{ color: #fff;}
.FootBottom a:hover{ color: #ff0;}
.FootBottom p{ margin: 0; padding: 0; font-size: 12px;}