/*顶部*/
.top{ width: 100%;}
header{ width: 1100px; margin: 0 auto; overflow: hidden;}
.top .top_left{ float: left; padding: 20px 0;}
.top .top_left .logo{ float: left; margin: 0;}
.top .top_left .logo a{ background: url(../images/logo.png) no-repeat; width: 89px; height: 98px; display: block;}
.top .top_left h1{ float: left; font-size: 26px; color: #333; margin: 12px 0 0 20px;}
.top .top_left h1 span{ display: block; font-size: 14px; color: #666; letter-spacing: 0.4px; font-family: "Arial";}
.top .top_left h2{ float: left; font-size: 26px; color: #333; margin: 12px 0 0 20px;}
.top .top_left h2 span{ display: block; font-size: 14px; color: #666; letter-spacing: 0.4px; font-family: "Arial";}
nav{ float: right;}
nav ul{ overflow: hidden;}
nav ul li{ float: left; width: 120px; height: 138px; line-height: 138px; text-align: center;}
nav ul li a{ display: block; color: #333; font-size: 16px;}
nav ul .on{ background-color: #0001d6;}
nav ul .on a{ color: #fff; font-weight: bold;}
/*banner*/
#container { width: 100%; height: 520px; overflow: hidden;}
.sections,.section { height:100%;}
#container,.sections {position: relative;}
.section {background-color: #000;background-size: cover;background-position: 50% 50%;text-align: center;
		color: white;}
#section0 {background: url(../images/banner.jpg) center no-repeat;}
#section1 {background: url(../images/banner1.jpg) center no-repeat;}
#section2 {background: url(../images/banner2.jpg) center no-repeat;}
.pages li{list-style-type:none;width:10px;height:10px;border-radius:10px;background-color:white}
.pages li:hover{box-shadow:0 0 5px 2px white}
.pages li.active{ background-color: #fe0000;box-shadow:0 0 5px 2px #fe0000;}
.pages{position:absolute;z-index:999}
.pages.horizontal{left:50%;transform:translateX(-50%);bottom:5px}
.pages.horizontal li{display:inline-block;margin-right:10px}
.pages.horizontal li:last-child{margin-right:0}
.pages.vertical{right:5px;top:50%;transform:translateY(-50%)}
.pages.vertical li{margin-bottom:10px}
.pages.vertical li:last-child{margin-bottom:0}
/*产品展示*/
.mainbox{ width: 100%; background-color: #e9e9e9; padding-bottom: 50px;}
.products{ width: 1100px; margin: 0 auto; overflow: hidden; padding: 50px 0;}
.title{ font-size: 32px; color: #000; font-weight: bold; text-align: center; background: url(../images/title_bg.png) center 53px no-repeat;}
.title span{ font-size: 24px; color: #666; display: block; padding-top: 22px; font-weight: normal; font-family: "Arial";}
.products .menu2{ margin: 0 auto; padding-top: 30px;overflow: hidden; display: table;}
.products .menu2 ul li{ float: left; margin:0 6px; text-align: center;}
.products .menu2 ul li a{display: block; border: 1px solid #bcbcbc; border-radius: 8px; width: 160px;height: 45px;line-height: 45px; color: #333; font-size: 16px;}
.products .menu2 ul li a:hover,.products .menu2 ul li.on a{ background-color: #0001d6; height: 45px;color: #fff;}
.products .tabcont{ overflow: hidden;}
.products .tabcont ul{ overflow: hidden;}
.products .cont{ margin-top: 20px; overflow:hidden;}
.products .cont ul li{ float: left; margin: 7px 4px;}
.products .cont ul li a{ width: 212px; height: 180px;}
.products .cont ul li a img{ width: 212px; height: 180px;}
.products .cont ul li a:hover{ background: url(../images/02.png) center top no-repeat; height: 200px; }
.products .cont ul li h3{ font-size: 16px; color: #666; text-align: center; line-height: 40px;}
/*指引导航*/
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.mainbox .contentbox{ width: 1100px; margin: 0 auto; overflow: hidden;}
.iconlist{ overflow: hidden;}
.iconlist li{ width:269px; float: left; text-align: center; margin: 0px 3px; background-color: #dddddd;padding: 20px 0 30px 0;}
.iconlist li i{display:block; font-size:90px; color: #a7a7a7;}
.iconlist li a{ display:block; font-size:26px; color:#838383;}
.iconlist li i:hover{ color: #000;}
.iconlist li a:hover{ color: #000;}
/*底部*/
.footerbox{ width: 100%; background-color: #282828;}
.footer{ width: 1100px; margin: 0 auto; overflow: hidden; padding: 30px 0; text-align: center;}
.footer .f_img{ float: left; width: 110px; margin: 0 80px 0 200px;}
.footer .f_img img{ display: block;}
.footer .f_text{ float: left;}
.footer .f_text p{ font-size: 12px; color: #666; line-height: 24px;}
.footer .f_text p a{ color: #bbbbbb;}
.footer .f_text p a:hover{ color: #0001d6;}
/*内页-公司简介*/
.main_nbox{ width: 100%;}
.main_n{ width: 1100px; margin: 40px auto; overflow: hidden;}
.about_n p{ font-size: 14px; color: #666; line-height: 32px; text-indent: 30px; padding-bottom: 10px;}
/*内页-产品展示*/
.products_n{ width: 825px; float: right;}
.products_n, .products_ninfo, .about_n, .contact_n{ overflow: hidden; margin: 30px 0 40px 0;}
.leftMenu{width: 240px;background-color: #f9f9f9;float: left;margin: 30px 0 40px 0;border-radius: 15px 15px 0 0;}
.leftMenu .topMenu{height: 100px;line-height: 100px;background-color: #0001d6;border-radius: 15px 15px 0 0;}
.leftMenu .topMenu .menuTitle{text-align: center;color: #fff;font-size: 28px;}
.menu_list {width: 240px;background: #354045;}
.menu_list ul li{display: block;text-align: center;width: 100%;}
.menu_list ul li .fuMenu{color: #333;font-size: 16px;cursor: pointer;height: 60px;line-height: 60px;text-align: center;width: 240px;border-bottom: 1px solid #f3f3f3;float: left;}
.menu_list ul li .xiala{float: left;margin-left: -50px;margin-top: 27px;}
.menu_list ul li .div1 {width: 100%;height: auto;float: left;}
.menu_list ul li .div1 .zcd{color: #666;font-size: 14px;height: 60px;background-color: #e8e8e8;border-bottom: 1px solid #f1f1f1;cursor: pointer;line-height: 60px;text-align: center;width: 240px;}
.div1 {height: 200px;display: none;}
.menu_list ul li .div1 .zcd:hover{ color: #FFF; background-color: #0001d6; font-weight: bold; }
.removes{color: #0FB9EF !important;border-left: 3px solid #0FB9EF;}
.main_n .list_m{ background-color: #f1f1f1; text-align: center; font-size: 14px; color: #666; line-height: 28px;}
.strength{padding-top:60px;}
.strengthMain{ overflow:hidden; margin-top: 10px;}
.strengthMain li{ float:left;width:260px; height:240px; margin: 10px 7px; overflow:hidden;position:relative;}
.strengthMain li p{ font-size: 16px; color: #333; text-align: center; line-height: 36px;}
.strengthMain li img{width:260px;height:200px;transition:all .5s;opacity:1;filter:alpha(opacity=40);}
.strengthMain li .font{width:260px;height:95px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:110px;}
.strengthMain li:hover img{transform: scale(1.05, 1.05);}
.strengthMain li .font::before,.strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.strengthMain li:hover .font::before,.strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}
.products_ninfo h1{ border: 0 none;font-size: 22px;line-height: 35px; text-align:center;margin-bottom: 30px; font-weight: bold;}
.products_ninfo .txt{ width:1000x; text-align:center;}
.products_ninfo .txt p{ line-height:2.2em; word-wrap:break-word; text-indent:15px; text-align:left; }
.products_ninfo .turn{ text-align: center; border-top: 1px solid  #DADADA; margin: 55px auto 0; padding-top: 17px; font-size:12px;}
.products_ninfo .turn a{ background: #DADADA; display: inline-block;line-height: 28px;padding: 0 16px; color:#666;}
.classify{ display: none;}
.main_n .Bread{ font-size: 14px; color: #666; background-color: #f1f1f1; padding: 10px 0 10px 20px;}
.main_n .Bread a{ color: #5ab5e0;}
/*page*/
.pageturning {margin: 40px 0 0 90px; overflow: hidden;}
.pageturning .paginationInfo{ float: left; font-size: 14px; color: #999; padding: 10px 10px 0 0;}
.pageturning span{ display: block; float: left; margin: 5px;}
.pageturning span a{ display: block; float: left; border: 1px solid #E9E9E9; border-radius: 5px; width: 80px; height: 40px; line-height: 40px; text-align: center; color: #999; font-size: 14px;}
.pageturning span a:hover{ background-color: #0001d6; color: #fff; text-decoration: none;}
.pageturning .currentPage{ width: 80px; height: 40px; line-height: 40px; text-align: center; background-color: #0001d6; color: #fff; border-radius: 5px;}
.hot_p{ margin: 40px 0 0 0;}
.hot_p .hot_p_t{ font-size: 18px; color: #333; font-weight: bold; border-bottom: 1px solid #eee; background-color: #eaeaea;}
.hot_p .hot_p_t h2{ background-color: #868686; color: #fff; width: 150px; height: 36px; line-height: 36px; text-align: center;}
.hot_p .p_list{ width:1100px; height:auto; margin:10px auto; overflow:hidden;}
.hot_p .p_list li{ width:160px; overflow:hidden; margin:15px 8px; float:left; cursor:pointer; border: 1px solid #efefef;}
.hot_p .p_list li p{ font-size: 14px; color: #333; text-align: center; line-height: 36px;}
.hot_p .p_list li img{width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.hot_p .p_list li:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;} 
.products_ninfo ul li p{ font-size: 14px; text-align: center; padding: 15px 0;}
/*内页-新闻中心*/
.news_n, .news_ninfo{ margin-top: 30px;}
.news_n .news_nlist{ overflow: hidden;}
.news_n .news_nlist li{ overflow: hidden; padding: 20px 0; margin: 10px 0; border-bottom:1px solid #eaeaea;}
.news_n .news_nlist li:hover{ background-color:#f9f9f9;}
.news_n .news_nlist li .news_img img{ width: 200px; height: 140px; float: left;}
.news_n .news_nlist li a{ width: 900px; display: block; float: right;}
.news_n .news_nlist li a .content_title h2{ font-size:22px; color:#333; padding:16px 0 10px 15px;}
.news_n .news_nlist li a .content_title h2:hover{ color: #0001d6;}
.news_n .news_nlist li a .content_title h2 span{ display: block; float: right; color:#a0a0a0; font-size:12px; padding:6px 20px 0 0;}
.news_n .news_nlist li a p{ font-size:14px; color:#666; line-height:24px; padding:0 15px 20px 15px;}
.news_ninfo h1{ font-size:28px;  color:#333; line-height:46px; text-align:center;}
.news_ninfo .time{ text-align:center; border-bottom:1px solid #ececec; color:#666; line-height:32px;}
.news_ninfo .time span{ padding: 0 10px;}
.news_ninfo .news_content{ padding-top:25px;}
.news_ninfo .news_content p{ font-size:16px; color:#666; line-height:32px; text-indent:28px; padding-bottom: 10px;}
.n_news{ margin: 40px 0 0 0;}
.n_news .n_news_t{ font-size: 18px; color: #333; font-weight: bold; border-bottom: 1px solid #eee; background-color: #eaeaea;}
.n_news .n_news_t h2{ background-color: #868686; color: #fff; width: 150px; height: 36px; line-height: 36px; text-align: center;}
.n_news .n_news_list li{ margin: 15px 0 15px 20px; }
.n_news .n_news_list li h2{ font-size: 14px; border-bottom: none;}
.n_news .n_news_list li a:hover{ color: #005bac;}
.news_ninfo .turn{ text-align: center; border-top: 1px solid  #DADADA; margin: 55px auto 0; padding-top: 17px; font-size:12px;}
.news_ninfo .turn a{ background: #DADADA; display: inline-block;line-height: 28px;padding: 0 16px; color:#666;}
/*内页-联系我们*/
.contact_n ul{ float: left; margin:50px 50px 0 0;}
.contact_n ul li{ font-size: 16px; color: #666; line-height: 36px;}