/*顶部*/
.honor-box{ display: none;}
.top{ width: 100%;}
.top header{ width: 1190px; margin: 0 auto; overflow: hidden;}
.top .top_left{ float: left;}
.top .top_left .logo{ float: left; margin: 37px 20px 30px 50px;}
.top .top_left .logo a{ background: url(../images/logo.jpg) no-repeat; width: 170px; height: 50px; display: block;}
.top .top_left h1{ float: left; font-size: 26px; color: #333; margin-top: 30px;}
.top .top_left h1 span{ display: block; font-size: 16px; color: #666; letter-spacing: 0.4px; font-family: "Arial";}
.top .top_left h2{ float: left; font-size: 26px; color: #333; margin-top: 30px;}
.top .top_left h2 span{ display: block; font-size: 16px; color: #666; letter-spacing: 0.4px; font-family: "Arial";}
.top .top_right{ float: right; margin-right: 28px;}
.top .top_right .typle{ border:1px solid #0075f3; border-radius: 20px; width: 150px; height: 30px; text-align: center; overflow: hidden; margin: 30px 0 10px 20px;}
.top .top_right .typle a{ width: 74px; display: block; float: left; font-size: 14px; color: #0075f3; line-height: 30px; text-align: center;}
.top .top_right .typle .t_on{ background-color: #0075f3; color: #fff; border-radius: 20px; height: 30px; line-height: 30px;}
/*导航*/
.cd-nav-trigger{display: none;}
.navbox{ width: 100%; border-top: 1px solid #eeeeee;}
.navbox nav{ width: 1190px; margin: 0 auto; overflow: hidden;}
.navbox nav ul{ overflow: hidden;}
.navbox nav ul .typle{ display: none;}
.navbox nav ul li{ float: left; width: 119px; text-align: center; height: 60px; line-height: 60px; background: url(../images/nav_bg.jpg) center right no-repeat;}
.navbox nav ul li a{ display: block; font-size: 16px; color: #333;}
.navbox nav ul li a:hover{ color: #0075f3;}
.navbox nav ul .on{ background: url(../images/nav_bg1.jpg) center right no-repeat;}
.navbox nav ul .on a{ color: #0075f3; font-weight: bold;}
/*banner*/
.device{ display: none;}
#container { width: 100%; height: 550px; 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:orange;box-shadow:0 0 5px 2px orange}
.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: #f2f2f2;}
.products{ width: 1190px; margin: 0 auto; overflow: hidden;}
.mainbox .title1{ font-size: 30px; color: #0075f3; font-family: "Arial"; font-weight: bold; padding: 50px 0 40px 0; overflow: hidden;}
.mainbox .title1 span{ font-size: 24px; color: #666; border-left: 2px solid #666; padding-left: 10px; font-weight: normal; font-family: "Microsoft YaHei";}
.mainbox .title1 p{ display: block; font-size: 12px; color: #919191; font-weight: normal; letter-spacing: 1px;}
.title1 .title_left{ float: left; }
.title1 .title_more{ float: right; border: 1px solid #d6d6d6; border-radius: 25px; width: 150px; height: 45px; line-height: 45px; text-align: center; margin-top: 12px;}
.title1 .title_more:hover{ border: 1px solid #0075f3;}
.title1 .title_more a{ font-size: 14px; color: #919191; font-weight: normal; display: block;}
.title1 .title_more a:hover{ color: #0075f3;}
.products .container{ overflow: hidden;}
.box{ width: 380px; height: 290px; float: left; border-radius: 5px; margin: 0 6px 12px 6px; text-align: center;overflow: hidden;position: relative;}
.box:before{content: "";width: 0;height: 100%;background: #0075f3;padding: 14px 18px;position: absolute;top: 0;
		left: 50%;opacity: 0;transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.box:hover:before{width: 100%;left: 0;opacity: 0.7;}
.box img{width: 380px;height: 290px;}
.box .box-content{width: 100%;padding: 0 0;color: #fff;position: absolute;top: 120px;left: 0;}
.box .title{font-size: 20px;font-weight: bold;line-height: 30px;text-transform: uppercase;margin: 0;opacity: 0;transition: all 0.5s ease 0s;color: #fff;}
.box .post{font-size: 15px;text-transform: capitalize;opacity: 0;transition: all 0.5s ease 0s;}
.box:hover .title,.box:hover .post{opacity: 1;transition-delay: 0.7s;}
.box .icon{padding: 0;margin: 0;list-style: none;margin-top: 15px;}
.box .icon li{display: inline-block;}
.box .icon li a{display: block;width: 40px;height: 40px;line-height: 40px;border-radius: 50%;background: #0075f3;font-size: 20px;font-weight: 700;color: #fff;margin-right: 5px;opacity: 0;transform: translateY(50px);transition: all 0.5s ease 0s;}
.box:hover .icon li a{opacity: 1;transform: translateY(0px);transition-delay: 0.5s;}
.box:hover .icon li:last-child a{transition-delay: 0.8s;}
/*新闻中心*/
.news{ width: 1190px; margin: 0 auto; overflow: hidden;}
.news .content1{ overflow: hidden;}
.news .content1 ul{ overflow: hidden;}
.news .content1 ul .box1{ float: left; width: 270px; background-color: #fff; border-radius: 5px; padding-bottom: 30px; margin: 0 13px; }
.news .content1 ul .box1 img{ width: 270px; height: 180px;}
.news .content1 ul .box1 h3{ font-size: 16px; color: #333; padding: 15px 10px 10px 10px; line-height: 26px; font-weight: 600;}
.news .content1 ul .box1 p{ color: #666; font-size: 12px; padding: 0 10px; line-height: 24px;}
.box1{ position: relative;}
.box1:before{content: "";width: 0;height: 100%;background: #0075f3;padding: 0;position: absolute;top: 0;
		left: 50%;opacity: 0;transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.box1:hover:before{width: 270px;left: 0;opacity: 0.7;}
.box1 .box-content{ text-align: center; width: 100%;padding: 0 0;color: #fff;position: absolute;top: 120px;left: 0;}
.box1 .title{ font-size: 18px;font-weight: bold;line-height: 30px;text-transform: uppercase;margin: 0;opacity: 0;transition: all 0.5s ease 0s;color: #fff;}
.box1 .post{font-size: 15px;text-transform: capitalize;opacity: 0;transition: all 0.5s ease 0s;}
.box1:hover .title,.box:hover .post{opacity: 1;transition-delay: 0.7s;}
.box1 .icon{ margin: 20px 0 0 110px; text-align: center; display: block;}
.box1 .icon a{display: block;width: 40px;height: 40px;line-height: 40px;border-radius: 50%;background: #0075f3;font-size: 20px;font-weight: 700;color: #fff;margin-right: 5px;opacity: 0;transform: translateY(50px);transition: all 0.5s ease 0s;}
.box1:hover .icon a{opacity: 1;transform: translateY(0px);transition-delay: 0.5s;}
.box1:hover .icon  a{transition-delay: 0.8s;}
/*公司简介*/
.profile{ width: 1190px; margin: 0 auto; overflow: hidden; padding-bottom: 60px;}
.profile .content2{ overflow: hidden;}
.profile .content2 p{ width: 688px; float: left; font-size: 14px; text-indent: 26px; line-height: 32px; color: #666;}
.profile .content2 p a{ font-size: 16px; color: #0075f3;}
.profile .content2 img{ display: block; float: right;}
/*底部*/
.footerbox{ width: 100%; background-color: #2b2b2b;}
.footer{ width: 1190px; margin: 0 auto; overflow: hidden; padding: 30px 0;}
.footer .f_logo{ float: left; padding: 35px 50px 0 0; margin-left: 200px;}
.footer .c_text{ float: left; border-left: 1px solid #3d3d3d; padding-left: 50px;}
.footer .c_text1{ display: none;}
.footer .c_text ul{ margin: 10px 0; }
.footer .c_text ul li{ color: #666; font-size: 12px; line-height: 22px;}
/*内页-banner*/
.banner_n{ width: 100%;}
.banner_n img{ width: 100%; display: block;}
/*内页-公司简介*/
.main_nbox{ width: 100%;}
.main_n{ width: 1190px; margin: 0 auto; overflow: hidden;}
.main_n .title_n{ font-size: 30px; color: #0075f3; font-family: "Arial"; font-weight: bold; padding: 50px 0 40px 0; overflow: hidden;}
.main_n .title_n span{ font-size: 24px; color: #666; border-left: 2px solid #666; padding-left: 10px; font-weight: normal; font-family: "Microsoft YaHei";}
.main_n .title_n p{ display: block; font-size: 12px; color: #919191; font-weight: normal; letter-spacing: 1px;}
.profile_n, .honor, .video_n, .qua_n, .news_n, .news_ninfo, .contact_n{ overflow: hidden; margin: 0 0 60px 0;}
.profile_n .text_n{ width: 660px; float: left;}
.profile_n .text_n p{ font-size: 15px; color: #666; line-height: 32px; text-indent: 30px; padding-bottom: 10px;}
.profile_n .text_n p span{ font-size: 18px; font-weight: bold; color: #0075f3;}
.profile_n img{ display: block; float: right;}
/*内页-产品展示*/
.products_n, .products_ninfo{ overflow: hidden; margin: 30px 0 60px 0;}
.main_n .main_nlist{ margin: 0 0 30px 0;}
.main_n .main_nlist ul{ overflow: hidden; margin: 0 auto; display: table;}
.main_n .main_nlist ul li{ float: left; text-align: center; height: 45px; line-height: 45px; border:1px solid #e2e2e2;  margin: 5px 8px 5px 8px;  display: inline; border-radius: 20px;}
.main_n .main_nlist ul li a{ display: block;padding:0 30px; font-size: 16px; color: #9a9a9a; }
.main_n .main_nlist ul li:hover a{ background-color: #0075f3; color: #fff; border-radius: 20px;}
.main_n .main_nlist ul .list_on{ background-color: #0075f3;}
.main_n .main_nlist ul .list_on a{ color: #fff;}
.main_n .list_m{ background-color: #f1f1f1; text-align: center; font-size: 14px; color: #666; line-height: 28px;}
.strength{padding-top:60px;}
.strengthMain{height:;overflow:hidden;}
.strengthMain li{ float:left;width:280px; height:260px; margin: 10px 8px; overflow:hidden;position:relative;}
.strengthMain li p{ font-size: 16px; color: #333; text-align: center; line-height: 36px;}
.strengthMain li img{width:280px;height:216px;transition:all .5s;opacity:1;filter:alpha(opacity=40);}
.strengthMain li .font{width:280px;height:95px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:125px;}
.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.4em; word-wrap:break-word; text-indent:15px; text-align:left; font-size: 16px; color: #333;}
.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 260px; 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: #0075f3; color: #fff; text-decoration: none;}
.pageturning .currentPage{ width: 80px; height: 40px; line-height: 40px; text-align: center; background-color: #0075f3; 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; padding: 5px 0 5px 20px;background-color: #eaeaea;}
.hot_p .p_list{ width:1190px; height:auto; margin:10px auto; overflow:hidden;}
.hot_p .p_list li{ width:180px; 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%; height:138px;-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;}
/*内页-荣誉证书*/
#vlightbox {width:100%;height:auto;}
#vlightbox ul{ overflow: hidden;}
#vlightbox li{ float: left; width: 280px; height: 240px; margin: 0 8px 12px 8px;}
#vlightbox li a p{ font-size: 14px; line-height: 36px; text-align: center;}
#vlightbox a {display:block; font-size: 16px; text-align: center; line-height: 36px;}
#vlightbox a img {display:block;border:none;margin:0px;}
#vlightbox a:hover {opacity:1;}
#vlightbox a img {border:medium none;margin:0 auto;width:280px;height:200px;}
/*内页-资质认证*/
.qua_n{ overflow: hidden;}
.qua_n ul{ overflow: hidden;}
.qua_n li{ float: left; width: 280px; height: 390px; margin: 0 8px 12px 8px;}
.qua_n li a p{ font-size: 14px; line-height: 36px; text-align: center;}
.qua_n a {display:block; font-size: 16px; text-align: center; line-height: 36px;}
.qua_n a img {display:block;border:none;margin:0px;}
.qua_n a:hover {opacity:1;}
.qua_n a img {border:medium none;margin:0 auto;width:280px;height:350px;}
/*内页-公司视频*/
.video_n{ overflow: hidden;}
.video_n ul{ overflow: hidden; margin-bottom: 0;}
.video_n ul li{ width: 952px; height: 460px; margin: 0 auto;}
.video_n ul li a img{  width: 952px; height: 423px;}
.video_n ul li p{ text-align: center; font-size: 16px; color: #333; padding: 10px 0; }
.video_ninfo{ width: 960px; margin: 0 auto 50px auto;}
video{ margin: 0 auto; display: block;}
/*内页-新闻中心*/
.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: 250px; height: 160px; 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: #0075f3;}
.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; padding: 5px 0 5px 20px; background-color: #eaeaea;}
.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;}
/*在线反馈*/
.feedback{ width: 650px; margin: 20px auto 60px auto;}
.feedback li input{ color: #f00;}
.feedback li {width:600px; height:45px; right:-100px; margin-bottom:20px; color:#ab834d; -moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius:10px;}
.cfdh{ position: relative;}
.feedback .lycss {width:570px; height:45px; margin:2px 10px; padding:0 10px; font:14px/28px 'Microsoft YaHei'; color:#666; border: 1px solid #d6d6d6; border-radius: 15px;}
.feedback .joly3{ width: 300px; float: left;}
.feedback .joly3 input{ width: 270px;}
.feedback .joly4{ width: 300px; float: left;}
.feedback .joly4 input{ width: 270px;}
.feedback .joly5{ width: 300px; float: left;}
.feedback .joly5 input{ width: 270px;}
.feedback .joly6{ width: 300px; float: left;}
.feedback .joly6 input{ width: 270px;}
.feedback .joly8{ height:270px;}
.feedback .joly8 textarea { height:260px; padding-top:5px;}
.feedback .joly9{ width:120px; height:50px; right:-100px; bottom:0px; position:relative; clear:none; font: 16px/25px 'Microsoft YaHei'; color:#ffffff; border: 0px none; background:#0075f3; -moz-border-radius:5px; -webkit-border-radius:20px; border-radius:10px; cursor:pointer; margin: 0 20px 0 160px;}
.feedback .joly10{ width:120px; height:50px; right:-100px; bottom:0px; position:relative; clear:none; font: 16px/25px 'Microsoft YaHei'; color:#ffffff; border: 0px none; background:#666; -moz-border-radius:5px; -webkit-border-radius:20px; border-radius:10px; cursor:pointer;}
/*内页-联系我们*/
.contact_n{ background: url(../images/liuyan_bg2.jpg) center 0 no-repeat; overflow: hidden; position: relative;}
.contact_n .c_logo{ float: left; position: absolute; top:150px; left: 280px;}
.contact_n .c_logo img{ display: block;}
.contact_n .c_logo span{ display: block; font-size: 14px; color: #333; text-align: center; padding-top: 15px;}
.contact_n .c_list{ float: right; margin: 40px 80px 60px 0;}
.contact_n .c_list ul li{ font-size: 16px; color: #666; line-height: 36px;}
#map{ width: 1190px; height: 400px;}