﻿@charset "utf-8";
/* CSS Document */
body {padding:0;margin:0;font-size:14px;font-family:"微软雅黑";color:#212121;}
a{color:#212121;text-decoration:none;}
a:hover{color:#0d579f;text-decoration:none;}
a img{border:none;} 
div,ul,li,p,form,h1,h2,h3,h4,h5,dl,dd,table,tr,contacttd{margin: 0px;}
ul,li{list-style-type: none;padding: 0;}
em{font-style: normal;font-weight: normal;}
.fl {float:left !important;}
.fr {float:right !important;}
.clear{clear:both;}
.upfile {border: 1px solid #ccc;height:28px;margin-top:10px;width:98%;}
.index_content{width: 100%;max-width: 1520px;margin: 0 auto;box-sizing: border-box;}

/*头部*/
.head{display: block;height: 81px;width: 100%;border-bottom: 1px solid #2c3860;z-index: 9999;transition: all 0.3s ease-out;}
.fixed-nav{background: #fff;}
.headLeft{font-size: 0;}
.headLogo{margin-top:5px;}
.headLogo a{width: 173px;height: 71px;display: block;background: url(logo.png) no-repeat top center;}
.fixed-nav .headLogo a{background: url(logo_i.png) no-repeat top center;}
.headRight{font-size: 0;}
.headRight .nav{display: inline-block;vertical-align: top;margin-top: 33px;}
#nav_menu>li{display: inline-block;position: relative;transition: all 0.3s ease-out 0s;margin-right: 53px;}
#nav_menu>li:last-child{margin-right: 0;}
#nav_menu>li>a{font-size: 16px;color: #000;display: inline-block;transition: .3s ease-in-out;text-align: center;line-height: 18px;padding: 0 6px 28px;border-bottom: 3px solid;border-color: rgba(0, 0, 0, 0);}
.fixed-nav #nav_menu>li>a{color: #333;}
#nav_menu>li:hover>a{color: #0d579f;border-color: #0d579f;}
#nav_menu>li.navhover>a{color: #0d579f;border-color: #0d579f;}
#nav_menu li ul{width:180px;position: absolute;top: 49px;background: #fff;display: block!important;box-shadow: 0 6px 10px rgba(0, 0, 0, .1);transition: all 0.3s ease-out 0s;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px);opacity: 0;height: 0px;overflow: hidden;z-index: 999;}
#nav_menu li:nth-child(2) ul{margin-left: -57px;}
#nav_menu li:nth-child(3) ul{margin-left: -57px;}
#nav_menu li:nth-child(4) ul{margin-left: -57px;}
#nav_menu li:nth-child(5) ul{margin-left: -57px;}
#nav_menu li:nth-child(6) ul{margin-left: -57px;}
#nav_menu>li:hover ul{opacity: 1;height: auto;visibility: visible;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);}
#nav_menu li ul li{width: 100%;height: 49px;line-height: 49px;border-bottom: 1px solid rgba(0, 0, 0, .08);}
#nav_menu li ul li a{font-size: 14px;color: #666;height: 49px;line-height: 49px;display: block;text-align: center;}
#nav_menu li ul li a:hover{background: #F2F2F2;color: #333;}
.headSou{display: inline-block;position: relative;vertical-align: top;margin-top: 16px;margin-left: 75px;}
.headSou a{display: inline-block;vertical-align: middle;margin-right: 15px;}
.headSou form{display: inline-block;min-width: 52px;vertical-align: middle;max-height: 48px;}
.headSou input:first-child{width: 0;height: 48px;border: none;color:#454545;font-family:"Open Sans", Arial, Verdana;outline: none;padding: 0;transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);box-sizing: border-box;}
.headSou .search-wrapper.active input:first-child{width: 150px;padding: 0px 20px 0 20px;border: 1px solid #d3d3d3;}
.headSou input:first-child::placeholder{color: #454545;}
.headSou .search-wrapper input:last-child{width: 52px;height: 48px;border: none;position: absolute;top: 0;right: 0;background: url(sou.png) no-repeat center;outline: none;cursor: pointer;transition: all 0.3s ease-in-out;background-color: #0d579f;z-index: 99999;}
.headSou .search-wrapper.active input:last-child{background-color: rgba(0, 0, 0, 0);}
.search-wrapper .close{position: absolute;z-index: 1;top:15px;right:8px;width:18px;height:18px;cursor: pointer;transform: rotate(-180deg);transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);transition-delay: 0.2s;opacity: 0;}
.search-wrapper.active .close {right:-20%;transform: rotate(45deg);transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition-delay: 0.5s;opacity: 1;}
.search-wrapper .close::before, .search-wrapper .close::after {position:absolute;content:'';background: #fff;border-radius: 2px;}
.fixed-nav .search-wrapper .close::before, .fixed-nav .search-wrapper .close::after {background: #333;}
.search-wrapper .close::before {width: 2px;height: 18px;top: 0;left: 0;right: 0;margin: auto;}
.search-wrapper .close::after {width: 18px;height: 2px;left: 0px;top: 0;bottom: 0;margin: auto;}

/*动画*/
.I_banner{overflow: hidden;margin: 0 auto;position: relative;font-size: 0;}
.I_banner .img-box{overflow: hidden;margin: 0 auto;position: relative;}
.I_banner .img-box img{display: block;width: 100%;height: 100%;}
.I_banner .swiper-button-prev,.I_banner .swiper-button-next{width: 50px;height: 150px;outline: none;z-index: 10;cursor: pointer;background-size: 27px 44px;background-position: 50%;background-repeat: no-repeat;}
.I_banner .swiper-button-prev{left: 6%;background-image: url(Left.png);}
.I_banner .swiper-button-next{right: 6%;background-image: url(Right.png);}
.I_banner .swiper-pagination{bottom: 3% !important;}
.I_banner .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;opacity: 0.6;margin: 0 5px;}
.I_banner .swiper-pagination .swiper-pagination-bullet-active{width: 30px;border-radius: 5px;transition: all .4s ease;}

.News{font-size: 0;background: #ebebeb;height: 77px;padding-top: 22px;box-sizing: border-box;overflow: hidden;}
.News h2{font-size: 21px;color: #232323;font-weight: normal;display: inline-block;margin-right: 10px;vertical-align: middle;width: 8%;white-space: nowrap;}
.News .NewsBox{display: inline-block;vertical-align: middle;width: 91%;height: 24px;overflow: hidden;}
.News li{display: inline-block;width: 33.33%;vertical-align: top;}
.News li:last-child{margin-right: 0;}
.News p{font-size: 18px;color: #454545;margin-right: 11.7%;display: inline-block;height: 24px;overflow: hidden;max-width: 66%;vertical-align: middle;}
.News li:hover p{color: #0d579f;}
.News span{font-size: 14px;color: #959595;vertical-align: middle;}

.Product{font-size: 0;padding-top: 80px;overflow: hidden;}
.Product li{display: inline-block;margin-right: 2%;width: 32%;height: 410px;padding-top: 84px;box-sizing: border-box;text-align: center;border-radius: 10px;}
.Product li a{display: block;}
.Product li:last-child{margin-right: 0;}
.Product li:nth-child(1){background: #eac02e;}
.Product li:nth-child(2){background: #ff7171;}
.Product li:nth-child(3){background: #56a5c1;}
.Product li:hover img{display: inline-block;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-animation-name: wobble-vertical;animation-name: wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
.Product li p{font-size: 18px;color: #fff;margin-top: 68px;}

.About{font-size: 0;background: url(About_bg.png) no-repeat top center;height: 587px;padding-top: 113px;box-sizing: border-box;overflow: hidden;}
.About h2{font-size: 36px;color: #fff;font-weight: normal;margin-bottom: 22px;text-align: center;}
.About hr{width: 62px;height: 3px;border: none;margin: 0 auto;display: block;background: #fff;}
.About p{font-size: 16px;color: #fff;line-height: 36px;margin-top: 43px;}
.About a{font-size: 16px;color: #fff;width: 158px;height: 43px;border-radius: 22px;border: 1px solid #fff;text-align: center;line-height: 40px;box-sizing: border-box;display: block;margin: 85px auto 0 ;transition: .3s;}
.About a:hover{border: 1px solid #0d579f;background-color: #0d579f;}

.Products{width: 100%;max-width: 1520px;overflow: hidden;margin: auto;margin-bottom: 80px;}
.Products li{float: left;width:27%;margin-left: 5%;overflow: hidden;}
.Products li img{width: 100%;}
.Products li div{border: 1px solid #b7b7b7;border-top: none;padding: 30px;}
.Products li div h1{font-size: 25px;color: #000;}
.Products li div p{font-size: 16px;color: #7b7b7b;margin-top: 20px;}
.Products li:hover h1{color: #2c7cbb;}
.Products li:hover p{color: #2c7cbb}
.Products li:hover img{transition: 0.5s;transform: scale(1.1);}


.Product_nav{width: 100%;max-width: 1520px;margin: auto;padding-top: 50px;}
.Product_nav h1{font-weight: normal;font-size:22px;color: #0d579f;}
.Product_nav ul{width: 100%;overflow: hidden;margin-top: 30px;}
.Product_nav ul li{float: left;width:20%;line-height: 50px;}
.Product_nav ul li a{font-size:18px;color: #7d7d7d;}


.Innovation{font-size: 0;background: url(Innovation_bg.png) no-repeat top center;height:620px;overflow: hidden;}
.InnovationTitle{text-align: center;padding-top:45px;margin-bottom: 52px;margin-top: 50px;}
.InnovationTitle.InnovationTitles{border-top: 1px solid #ccc;}
.InnovationTitle h2{font-size: 38px;color: #000;margin-bottom: 19px;}
.InnovationTitle p{font-size: 18px;color: #b5b5b5;font-family: 'Calibri';}
.Innovation li{display: inline-block;border-radius: 10px;background: #ededed;padding-top: 56px;margin-right: 1.3%;width: 18.94%;text-align: center;padding-bottom: 56px;transition: .3s;}
.Innovation li:hover{background: rgba(0,0,0,.8);}
.Innovation li:last-child{margin-right: 0;}
.Innovation li img{margin: 0 auto;display: block;}
.Innovation li h2{font-size: 21px;color: #232323;font-weight: normal;margin-top: 18px;}
.Innovation li:hover h2{color: #fff;}
.Innovation li p{font-size: 16px;color: #454545;line-height: 24px;max-width: 240px;margin: 16px auto 0;}
.Innovation li:hover p{color: #fff;}


.Newster{width: 100%;max-width: 1520px;margin: auto;margin-bottom:80px;overflow: hidden;}
.Newster li{float: left;width:17%;margin-left:3.5%;border: 1px solid #3d81a8;padding: 2%;}
.Newster li:nth-child(1){margin-left: 3%}
.Newster li p{font-size: 14px;color: #666666;margin-top: 10px;line-height:30px;}
.Newster li h1{font-size: 18px;color: #717171;margin-top:50px;margin-bottom:30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Newster li h2{font-size: 16px;color: #3d81a8;font-weight: normal;margin-top: 50px;}
.Newster li:hover{background:#0d579f;}
.Newster li:hover p{color: #fff;}
.Newster li:hover h1{color: #fff;}
.Newster li:hover h2{color: #fff;}

.n_product{margin: 0 auto;width: 100%;height: 300px;background: url(n_product.png) center no-repeat;position: relative;background-color: #666;}
.n_plan{margin: 0 auto;width: 100%;height: 300px;background: url(n_plan.png) center no-repeat;position: relative;background-color: #666;}
.n_News{margin: 0 auto;width: 100%;height: 300px;background: url(n_News.png) center no-repeat;position: relative;background-color: #666;}
.n_dls{margin: 0 auto;width: 100%;height: 300px;background: url(n_dls.png) center no-repeat;position: relative;background-color: #666;}
.n_Join{margin: 0 auto;width: 100%;height: 300px;background: url(n_Join.png) center no-repeat;position: relative;background-color: #666;}
.n_About{margin: 0 auto;width: 100%;height: 300px;background: url(n_About.png) center no-repeat;position: relative;background-color: #666;}
.n_Conts{margin: 0 auto;width: 100%;height: 300px;background: url(n_Conts.png) center no-repeat;position: relative;background-color: #666;}

/*内页内容*/
.mainC{background: #fff;}
.mainContent{margin: 0 auto;max-width:1400px;padding: 25px 0 45px;}
.mainContent .list_center .contact{padding-bottom: 50px;}
.weizhi{margin-bottom: 20px;height: 50px;line-height: 50px;font-size: 16px;text-align: left;background-color: #eee;width: 100%;text-indent: 2.5em;transition: 0.1s all;background: #f5f5f5 url(weizhi.png) no-repeat 8px 13px;letter-spacing: 1px;position: relative;box-sizing: border-box;}
.weizhi:hover {background-position: 8px -26px;}
.weizhi a{font-size: 15px;}
.weizhi a:hover{color: #0d579f;}
.list_center_Nav{border-bottom: 1px dashed #ccc;margin: 8px 0;}
.list_center_Nav ul{margin-bottom: 20px;}
.list_center_Nav ul li{height: 60px;font-size: 18px;line-height: 60px;text-align: center;float: left;border-right: 1px solid #eee;background: #f5f5f5;cursor: pointer;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 19.7%;margin-right: 2px;}
.list_center_Nav ul li:hover{background: #0d579f;}
.list_center_Nav ul li.currclass{background: #0d579f;}
.list_center_Nav ul li a{color: #000;display: block;font-size: 18px;transition: 0.2s all;}
.list_center_Nav ul li:hover a{color: #fff;}
.list_center_Nav ul li.currclass a{color: #fff;}
.list_left_Nav{border: 4px solid #0d579f;padding-bottom: 30px;background: #f9f9f9;margin-bottom: 10px;}
.list_left_Nav li a{display: block;line-height: 55px;border-bottom: 1px #ccc dashed;margin: 0 15px;background: url(jt2.png) no-repeat 170px;padding-left: 25px;transition: 0.3s all;font-size: 15px;font-weight: normal;}
.list_left_Nav li:hover a{transition: 0.3s all;}
.list_left_Nav li a.here{transition: 0.3s all;color: #0d579f;}
.list_left_Nav li.currclass a{transition: 0.3s all;color: #0d579f;}

/* 内页关于我们 */
.nAbout .bt{margin: 0 auto 40px;text-align: center;line-height: 40px;}
.nAbout .bt p{font-size: 40px;font-weight: bold;color: #333;}
.nAbout .bt i{color: #0d579f;font-style: normal;}
.nAbout .nAbout_left{float: left;width: 560px;height: 417px;}
.nAbout .nAbout_right{float: right;width: 584px;font-size: 15px;background: #f7f7f7;padding: 30px 28px;height: 417px;box-sizing: border-box;}
.nAbout .list_contact p{color: #333;line-height: 33px;padding-bottom: 0px;font-size: 15px;margin-top: 0px;}
.nAbout .list_contact p img{max-width: 100%;}
.nAbout_numb{height: 141px;background: #fcfcfc url(yy.jpg) no-repeat bottom center;padding: 53px 0 0 0;border-radius: 0 0 10% 10%;}
.nAbout_numb li{float: left;font-size: 18px;color: #424242;text-align: center;width: 299px;border-right: 1px solid #e8e8e8;}
.nAbout_numb li:last-child{border: none;}
.nAbout_numb li em{display: inline-block;font-size: 47px;color: #424242;font-family: Impact;}
.nAbout_numb li i{font-size: 14px;font-style: normal;position: relative;top: -6px;width: 22px;height: 22px;line-height: 22px;background: #0d579f;text-align: center;color: #fff;border-radius: 50%;display: inline-block;}
.nAbout_numb li span{display: block;}
.nAboutLeft{float: left;width: 30%;}
.nAboutLeft img{width: 100%;}
.nAboutRight{float: right;width: 65%;}

/* 内页图片列表 */
.list_contact_img{font-size: 0;}
.list_contact_img > p{font-size: 15px;color: #666;line-height: 33px;}
.list_contact_img li{float: left;margin: 0 1% 2% 1%;position: relative;text-align: center;overflow: hidden;width: 23%;}
.list_contact_img li .nylist_pic{height: 212px;overflow: hidden;}
.list_contact_img li .nylist_pic img{width: 100%;transition: ease-in-out 0.25s all;}
.list_contact_img li .nylist_pics{height:130px;overflow: hidden;}
.list_contact_img li .nylist_pics img{width: 100%;transition: ease-in-out 0.25s all;}
.list_contact_img li:hover .nylist_pic img{ transform:scale(1.1);}
.list_contact_img li .nylist_tit{width: 100%;overflow: hidden;line-height: 46px;font-size: 16px;z-index: 0;position: relative;}
.list_contact_img li .nylist_tit:after{ content:''; transition:ease-in-out 0.15s all; background:#eaeaef; position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:-1;}
.list_contact_img li .nylist_tit:before{content:''; transition: ease-in-out 0.15s all;background:#0d579f; position:absolute; left:-100%; bottom:0; width:100%; height:100%;  z-index:-2;}
.list_contact_img li:hover .nylist_tit:after{ left:100%;}
.list_contact_img li:hover .nylist_tit:before{ left:0;}
.list_contact_img li.nylist_tit{ width:100%; overflow:hidden; line-height:46px; font-size:16px; }
.list_contact_img li:hover .nylist_tit{ color:#fff;}

/* 内页案例 */
.list_contact_Case{font-size: 0;}
.list_contact_Case li{display: inline-block;width: 50%;padding: 7.5px;box-sizing: border-box;}
.list_contact_Case li a{display: block;border: 1px solid #ebebeb;overflow: hidden;border-radius: 10px;background: #fff;box-shadow: 0 3px 5px -3px rgba(0,0,0,.3);transition: .3s;}
.list_contact_Case li:hover a{box-shadow: 0 2px 6px 2px rgba(0,0,0,.3);}
.list_contact_Case .CaseLeft{float: left;padding-left: 25px;width: 100%;box-sizing: border-box;}
.list_contact_Case li h2{font-size: 20px;font-weight: bold;color: #333;padding: 15px 0;}
.list_contact_Case li:hover h2{color: #0d579f;}
.list_contact_Case li p{font-size: 14px;color: #666;line-height: 26px;margin-bottom: 15px;width: 94%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word;}
.list_contact_Case li span{font-size: 16px;color: #4a4a4a;line-height: 26px;padding-bottom: 10px;display: block;}
.list_contact_Case li:hover span{color: #0d579f;}
.list_contact_Case .CaseRight{float: right;padding-right: 25px;width: 25%;box-sizing: border-box;height: 185px;line-height: 185px;display: none;}
.list_contact_Case .CaseRight img{width: 100%;display: inline-block;vertical-align: middle;}
.ny_news{width: 100%;overflow: hidden;}
.ny_news1{background: #f5f5f5;padding-bottom: 10px;}
.ny_news p{background: #0d579f url(sj.png) no-repeat 86% center;font-size: 18px;font-weight: bold;color: #fff;line-height: 54px;padding-left: 40px;}
.ny_news1 p{margin-top: 0;}
.ny_news .news_div{height: 70px;position: relative;background: #f5f5f5;margin-bottom: 8px;overflow: hidden;}
.ny_news a.news_div_a {font-size: 13px;position: absolute;top: 6px;left: 82px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 160px;}
.ny_news a.news_div_a:after {content: "";display: block;width: 249px;height: 69px;position: absolute;left: -82px;top: -6px;z-index: 9999;}
.ny_news .news_div_body {position: absolute;left: 82px;top: 28px;font-size: 12px;color: #666;}
.ny_news .news_div_pic a {height: 54px;width: 72px;display: block;overflow: hidden;position: absolute;top: 8px;left: 4px;}
.ny_news img.news_div_image{width: 72px;height: 54px;transition: 0.2s all;}

/* 内页新闻 */
.nydh{background: #f1f1f1;height: 80px;box-shadow: 2px 3px 13px #ccc;margin-bottom: 40px;}
.nydh ul{text-align: center;}
.nydh ul li{display: inline-block;line-height: 80px;text-align: center;font-size: 18px;margin-right: 55px;}
.nydh ul li:last-child{margin-right: 0;}
.nydh ul li.currclass a{color: #0d579f;}
.new_list_right{width: 77%;}
.new_list_left{width: 20%;}
.hotNews_list{background: #f8f8f8;padding: 5%;overflow: hidden;margin-bottom: 20px;border-radius: 10px;font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif, "宋体";}
.hotNews_list h3{font-size: 16px;color: #333;display: block;border-bottom: 1px solid #b5b5b6;padding: 10px 0;overflow: hidden;font-weight: normal;}
.hotNews_list ul{padding: 10px 0;overflow: hidden;}
.hotNews_list ul li{padding: 5px 0;overflow: hidden;}
.hotNews_list ul li a{font-size: 12px;;color: #666;;display: block;}
.hotNews_list ul h4{position: relative;display: block;font-size: 14px;color: #666;padding-bottom: 3px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: normal;}
.hotNews_list ul li:hover h4{color: #0d579f;-webkit-transform: translateX(5px);-ms-transform: translateX(5px);transform: translateX(5px);}
.hotNews_list ul h4:before{content: '';width: 4px;height: 4px;border-radius: 100px;background: #ccc;display: inline-block;vertical-align: middle;margin-right: 5px;}
.hotNews_list ul li:hover h4:before{background-color: #0d579f;}
.hotNews_list ul p{position: relative;display: block;color: #666;padding-bottom: 3px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-left: 10px;font-size: 12px;}
.hotNews_list ul li:hover p{color: #0d579f;-webkit-transform: translateX(5px);-ms-transform: translateX(5px);transform: translateX(5px);}
.list_news li{box-shadow: 0px 0px 10px #ddd;padding: 20px;position: relative;margin: 0 0 2% 0;transition: .3s;}
.list_news li:hover{box-shadow: 0 2px 6px 2px rgba(0,0,0,.3);}
/* .nNewshx:after,.nNewshx:before,.nNewssx:after,.nNewssx:before{display:block; content:''; position:absolute; transition:all .5s ease; background:#0d579f;}
.nNewshx:after,.nNewshx:before{ width:0px; height:3px;}
.nNewshx:after{ top:0px; left:0px;}
.nNewshx:before{ bottom:0px; right:0px;}
.nNewssx:after{ top:0px; left:0px;}
.nNewssx:before{ bottom:0px; right:0px;}
.nNewssx:after,.nNewssx:before{ height:0px; width:3px;} */
.list_news li:hover .nNewshx:after,.list_news li:hover .nNewshx:before{ width:100%;}
.list_news li:hover .nNewssx:after,.list_news li:hover .nNewssx:before{ height:100%;}
.nNewspic{float: left;overflow: hidden;width: 20%;text-align: center;}
.nNewspic img{border: 1px solid #eee;width:160px;height:120px;margin-top:25px;}
.nNewsart{width: 78%;float: right;padding-top: 1%;}
.nNewstit a{font-size: 20px;font-weight: bold;}
.list_news li:hover .nNewstit a{color: #0d579f;}
.nNewstit span{float: right;font-size: 16px;color: #999;font-weight: bold;}
.nNewsbody{margin-top: 2%;font-size: 14px;line-height: 28px;transition: all .3s ease;position: relative;color: #888;margin-bottom: 50px;}
.list_news li:hover .nNewsbody{padding-left: 2%;}
.news_more{position: absolute;bottom: 20px;}
.news_more a{display: inline-block;padding: 0 23px;line-height: 34px;font-size: 14px;border-radius: 17px;background: #000;color: #fff;text-align: center;transition: all .3s ease;}
.list_news li:hover .news_more a{border-radius: 0px;background: #0d579f;}

/* 新闻内容 */
.list_box_news{padding: 30px 0;}
.list_left_news{width: 75%;float: left;background: #f9f9f9;padding: 30px;padding-bottom: 0;overflow: hidden;box-sizing: border-box;}
.list_right_news{width: 22%;float: right;position: relative;overflow: hidden;}
.list_contact_title{border-bottom: 1px solid #e7e7e7;padding-bottom: 15px;}
.list_left_news .title{font-size: 22px;font-weight: normal;line-height: 30px;display: block;margin-bottom: 15px;color: #333;}
.list_left_news .date span{border-right: 1px dotted #b6b6b6;color: #999;line-height: 14px;padding-right: 10px;margin-right: 10px;display: inline-block;}
.list_left_news .date span:last-child{border: none;}
.list_left_news .contact{margin-top: 20px;line-height: 28px;color: #333;font-size: 15px;}
.list_left_news .contact p{margin-bottom: 10px;}
.list_left_news .contact img{max-width: 100%;}
.list_left_news #next{width: 106%;margin-left: -30px;margin-top: 20px;border-top: 1px solid #e7e7e7;line-height: 70px;}
.list_left_news #next .fl{float: left;border-right: 1px solid #e7e7e7;width: 50%;padding-left: 50px;padding-right: 30px;height: 70px;overflow: hidden;background: url(newsup.png) 30px 29px no-repeat;box-sizing: border-box;}
.list_left_news #next .fr{float: right;text-align: right;width: 50%;padding-left: 30px;padding-right: 50px;height: 70px;overflow: hidden;background: url(newsdown.png) 413px 29px no-repeat;box-sizing: border-box;}
.list_right_news .nNewsfanhui{position: absolute;top: 0;left: -386%;z-index: 10;}
.nNewswenzhan{padding: 30px 30px 20px 30px;background: #f9f9f9;}
.nNewswenzhan_til{font-size: 18px;border-bottom: 1px solid #e7e7e7;height: 36px;line-height: 18px;position: relative;}
.nNewswenzhan_til::before{content: "";width: 75px;height: 1px;background: #0d579f;position: absolute;left: 0;bottom: -1px;}
.nNewswenzhan_til strong{color: #0d579f;font-weight: normal;}
.nNewswenzhan_con{margin-top: 10px;line-height: 36px;}
.nNewswenzhan_con a{display: block;background: url(newswenzhagn.png) left center no-repeat;padding-left: 22px;width: 220px;height: 36px;overflow: hidden;}
.list_right_news .nyzx{margin-top: 10px;}

/* 内页产品中心 */
.list_left{float: left;width: 249px;}
.list_left_title{background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.32, #0d579f), color-stop(0.83, #004a66));height: 60px;}
.list_left_title span{color: #fff;font-size: 16px;line-height: 40px;padding-top: 11px;float: left;padding-left: 15px;display: block;}
#nymianus{border: 1px solid #e8e8e8;background: #fff;}
#nymianus .nav_one{border-bottom: 1px solid #e8e8e8;position: relative;}
#nymianus .nav_one>a:after{content: "▲";display: block;width: 0px;height: 50px;background-color: rgb(1, 115, 151);position: absolute;right: 33px;top: -10px;font-size: 12px;font-family: cursive;opacity: 1;transform: rotate(-180deg);transition: all 0.5s ease 0s;}
#nymianus .nav_one>a{display: block;line-height: 40px;padding-left: 15px;transition: 0.3s all;font-size: 15px;font-weight: normal;border-bottom: 1px solid #e8e8e8;}
#nymianus .nav_one>a.here{transition: 0.3s all;background: #0d579f;color: #fff;}
#nymianus .nav_one.classNames>a {transition: 0.3s all;color: #0d579f;}
#nymianus .nav_one:hover>a{transition: 0.3s all;background: #0d579f;color: #fff;}
#nymianus .nav_one ul{display: none;}
#nymianus .nav_one.classNames ul{display: block;}
#nymianus .nav_one ul a{display: block;color: #333;font-size: 14px;line-height: 40px;padding-left: 34px;}
#nymianus .nav_one ul a:hover{transition: 0.3s all;background: #0d579f;color: #fff;}
#nymianus .nav_one ul a.here{background: #0d579f;color: #fff;}

.list_right{float: right;width: 79%;}
.nProductBox{font-size: 0;margin-bottom: 65px;}
.nProductBox li{width: 31.5%;margin-right: 30px;display: inline-block;border: 1px solid #ddd;border-radius: 15px;padding-bottom: 28px;background-color: #ddd;overflow: hidden;position: relative;transition: .3s;}
.nProductBox li:last-child{margin-right: 0;}
.nProductBox li .PixBox{height: 225px;padding-top: 90px;box-sizing: border-box;padding-left: 25px;}
.nProductBox li:nth-child(1) .PixBox{background: url(nProduct_1_i.png) no-repeat 240px 17px #fff;background-size: 75%;}
.nProductBox li:nth-child(2) .PixBox{background: url(nProduct_2_i.png) no-repeat 230px 17px #fff;background-size: 75%;}
.nProductBox li:nth-child(3) .PixBox{background: url(nProduct_3_i.png) no-repeat 205px 17px #fff;background-size: 75%;}
.nProductBox li:nth-child(1):hover{background: #eac02e;border: 1px solid #eac02e;}
.nProductBox li:nth-child(2):hover{background: #ff7171;border: 1px solid #ff7171;}
.nProductBox li:nth-child(3):hover{background: #56a5c1;border: 1px solid #56a5c1;}
.nProductBox li h2{font-size: 20px;color: #053f7d;margin-bottom: 8px;}
.nProductBox li p{font-size: 15px;color: #a9a9a9;max-width: 247px;}
.nProductBox li img{position: absolute;top: 0;right: 30px;bottom: 0;margin: auto;width: 130px;}
.list_product_title{padding: 10px;background: #f9f9f9;}
.list_product_title h3{font-size: 16px;color: #333;font-weight: normal;width: 50%;display: inline-block;}
.list_product_title .list_product_tyle{font-size: 16px;color: #333;width: 19%;display: inline-block;padding-left: 30px;box-sizing: border-box;}
.list_product_title .list_product_time{font-size: 16px;color: #333;width: 30%;display: inline-block;}
.list_product_contact ul li{padding: 10px;border-bottom: 2px solid #fff;}
.list_product_contact ul li:hover{border-bottom: 2px solid #e4e4e4;}
.list_product_contact ul li h2{font-size: 16px;color: #333;font-weight: normal;width: 50%;display: inline-block;}
.list_product_contact ul li p{font-size: 16px;color: #333;width: 19%;display: inline-block;}
.list_product_contact ul li span{font-size: 16px;color: #333;width: 30%;display: inline-block;}

/*产品内容页*/
#list_product_content{width: 100%;overflow: hidden;margin-top: 35px;}
.products_show_1{display:block;padding-bottom: 20px;margin: 0 auto;}
.show_left{float: left;width:430px;}
.show_right{width:475px;float: right;}
.prodtitle{font-size: 22px;display: block;color: #0d579f;margin-top: -13px;font-weight: bold;line-height: 46px;}
.show_right LI{line-height:35px;OVERFLOW: hidden;display:block;background:url(pdf.jpg) left no-repeat;padding-left:28px;}
.show_right .d_contact{height: auto;overflow: hidden;line-height: 33px;min-height: 230px;max-height: 275px;font-size: 14px;overflow-y:auto;color: #666;}
.show_right .d_contact p{font-size: 14px;color: #666;line-height: 33px;}
.show_right .d_contact::-webkit-scrollbar{display:none}
.show_right a.nProductZx{text-align: center;transition: .5s;display: block;width: 200px;height: 50px;line-height: 50px;background-color: #0d579f;color: #fff;font-size: 16px;margin-top: 10px;}
.show_right a.nProductZx:hover{background-color: #0d579f;}
#list_info .detailed{font-size: 15px;color: #fff;background: #0d579f;;border-right: 1px solid #fff;padding: 0 38px;height: 45px;line-height: 45px;display: inline-block;cursor: pointer;}
#list_info .detailed:hover{background: #0d579f;}
#list_product_content .contact table{width: 100%;border-left: 1px solid #ccc;border-top: 1px solid #ccc;}
#list_product_content .contact table td{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px;text-align: center;height: 40px;line-height: 25px;}
#list_product_content .contact table td:first-child{color: #0d579f;text-decoration: underline;}
#list_product_content .contact table tr:nth-child(2n) td{background-color: #efefef;}
#list_product_content .contact table .firstRow{text-align: center;background-color: #0075c2;color: #fff;}
#list_product_content .contact table .firstRow td{color: #fff;text-decoration: none;}

#list_product_content #next{font-size: 14px;padding: 20px;color: #969696;border: none;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:430px;max-width:430px;border:solid 1px #eee;}
div.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;display:none;text-align:center;overflow:hidden;width: 430px;height: 300px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff /*url(zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:430px;}
.spec-preview:after{content: '';display: block;clear: both;}
.spec-scroll{clear: both;margin-top: 5px;}
.spec-scroll .prev,.spec-scroll .next{border: 1px solid #e3e3e3;display: block;text-align: center;width: 30px;height: 78px;line-height: 78px;cursor: pointer;text-decoration: none;}
.spec-scroll .prev{float: left;background:url(n_left_i2.png) no-repeat center #fff;}
.spec-scroll .next{float: right;background:url(n_right_i2.png) no-repeat center #fff;}
.spec-scroll .prev:hover{background:url(n_left_i1.png) no-repeat center #fff;}
.spec-scroll .next:hover{background:url(n_right_i1.png) no-repeat center #fff;}
.spec-scroll .items{float:left;position:relative;width:355px;height:80px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999px;height:80px;}
.spec-scroll .items ul li{float: left;width: 89px;text-align: center;}
.spec-scroll .items ul li img{border: 1px solid #e3e3e3;width: 78px;height: 78px;cursor: pointer;}
.spec-scroll .items ul li img:hover{border-color: #0d579f;}
.spec-scroll .items ul li img.hover{border-color: #0d579f;}
/* .list-paddingleft-2 li{min-width: 50%;display: inline-block;} */

/*分页*/
#fenye{clear:both;margin: 25px 0 20px 0;}
#fenye table{margin: 0 auto;}
#fenye .prev_h,#fenye .next_h{width: 70px;text-align:center;line-height:30px;}
#fenye .prev_h:hover,#fenye .next_h:hover{color: #0d579f}
#fenye a.curr{width:30px;background:#0d579f;border:1px solid #fff;color:#fff;font-weight:bold;text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a{color:#333333;background:#fff;margin:0px 5px;border:1px solid #dcdddd;float:left;text-align:center;height:30px;line-height:30px;text-decoration:none;font-size: 14px;}
#fenye a.num{width: 30px;}
#fenye a:visited{color:#333333;}
#fenye a:hover{ float:left;}
#fenye span{line-height:30px;font-size:13px;height:30px;}

/* 联系我们 */
.lx_box{box-shadow: 0 2px 35px #ececec;padding-top: 35px;overflow: hidden;}
.lxcontil h2{font-size: 23px;line-height: 23px;color: #444;font-weight: normal;margin-bottom: 15px;}
.lxcontil p{font-size: 14.3px;color: #626262;margin-bottom: 15px;}
.lxcon{float: left;width: 40%;padding-left: 20px;box-sizing: border-box;}
.lxzxly{float: right;width: 60%;padding-right: 20px;box-sizing: border-box;margin-bottom: 20px;}
.lxzxly form ul li{margin-bottom: 5px;width: 49.7%;}
.lxzxly form ul li:nth-of-type(odd){float: left;}
.lxzxly form ul li:nth-of-type(even){float: right;}
.lxzxly form ul li:nth-child(5){width: 100%;}
.lxzxly form ul li:nth-child(6){width: 100%;}
.lxzxly form ul li input{margin-left: 0;padding-left: 30px;font-family: 'Calibri';font-size: 17px;background: #f5f5f5;border-radius: 5px;border: none;height: 52px;line-height: 52px;width: 100%;color: #666;outline: none;box-sizing: border-box;margin-right: 30px;}
.lxzxly form ul li textarea{margin-left: 0;padding-left: 30px;font-family: 'Calibri';font-size: 17px;background: #f5f5f5;border-radius: 5px;border: none;line-height: 35px;resize: none;height: 120px;width: 100%;color: #666;box-sizing: border-box;outline: none;}
.lxzxly form ul li .submit{background: #0d579f;height: 39px !important;line-height: 39px;color: #fff;width: 93px !important;border-radius: 5px;cursor: pointer;margin: 0 !important;font-size: 15px;}

/*在线留言*/
.list_contact form ul li{margin-top: 25px;position: relative;min-width: auto;}
.list_contact form ul li input{float: right;width: 500px;height: 40px;border: 1px solid #dcdcdc;margin-left: 20px;box-sizing: border-box;padding-left: 10px;font-size: 16px;color: #666;line-height: 30px;outline: none;}
.list_contact form input,
.list_contact form textarea{box-sizing: border-box;padding-left: 10px;outline: none;}
.list_contact form ul li label{font-size: 16px;color: #666;line-height: 42px;margin: 0;display: inline-block;font-weight: bold;}
.list_contact form ul li:nth-of-type(odd){float: left;}
.list_contact form ul li:nth-of-type(even){float: right;}
.list_contact form ul li:nth-child(5){width: 100%;}
.list_contact form ul li:nth-child(5) p{font-size: 16px;color: #666;line-height: 42px;margin: 0;font-weight: bold;}
.list_contact form ul li:last-child{float: none;width: 100%;}
.list_contact form div div{margin-top: 10px;}
.list_contact form div p{line-height: 50px;}
.list_contact form textarea{resize: none;height: 220px;width: 100%;border: 1px solid #dcdcdc;font-size: 16px;color: #666;line-height: 30px;box-sizing: border-box;}
.submit{display: block;width: 180px !important;height: 42px !important;background: #0d579f;color: #fff !important;border: none !important;font-size: 16px;padding-left: 0 !important;margin: 0 auto 15px !important;float: none !important;cursor: pointer;}

/*右边浮动*/
.floating_ck{position:fixed;right:0px;z-index:99999999;bottom: 45px;right: 25px;}
.floating_ck .return span{width: 54px;height: 54px;background: url(goTop.png) 100% 0% no-repeat;cursor: pointer;transition: all 0.5s ease-out;display: block;}
.floating_ck .return:hover span{background: url(goTop.png) no-repeat;}

/*footer*/
.footer{width: 100%;font-size: 0;background: url(footer_bg.png) no-repeat center top;background-color: #fafafa;overflow: hidden;padding-top: 80px;}
.footerNav{display: inline-block;vertical-align: top;margin-right: 10.5%;background: url(footer_bor.png) no-repeat top right;}
.footerNav h2{font-size: 21px;color: #fff;font-weight: normal;margin-bottom: 32px;}
.footerNav li{margin-bottom: 15px;}
.footerNav li a{font-size: 16px;color: #9296b5;}
.footerNav li:hover a{color: #0d579f;}
.footerEr{display: inline-block;}
.footerEr div{display: inline-block;}
.footerEr p{font-size: 16px;color: #9296b5;text-align: center;margin-top: 20px;}
.footerEr img{width: 100%;}
.footerBottom{height: 66px;line-height: 66px;border-top: 1px solid #2c3860;}
.footerBottom span{font-size: 14px;color: #9296b5;}
.footerBottom span a{color: #9296b5;}
.footerBottom span a:hover{color: #0d579f;}

@media screen and (max-width:1325px) {
    #nav_menu>li{margin-right: 30px;}
    .footer .index_content{padding-left: 0 !important;}
    .footer .footerNav{margin-right: 7.3%;}
}
@-webkit-keyframes wobble-vertical { 16.65% { -webkit-transform:translateY(8px); transform:translateY(8px); }
    33.3% { -webkit-transform:translateY(-6px); transform:translateY(-6px); }
    49.95% { -webkit-transform:translateY(4px); transform:translateY(4px); }
    66.6% { -webkit-transform:translateY(-2px); transform:translateY(-2px); }
    83.25% { -webkit-transform:translateY(1px); transform:translateY(1px); }
    100% { -webkit-transform:translateY(0); transform:translateY(0); }
}
@keyframes wobble-vertical { 16.65% { -webkit-transform:translateY(8px); transform:translateY(8px); }
    33.3% { -webkit-transform:translateY(-6px); transform:translateY(-6px); }
    49.95% { -webkit-transform:translateY(4px); transform:translateY(4px); }
    66.6% { -webkit-transform:translateY(-2px); transform:translateY(-2px); }
    83.25% { -webkit-transform:translateY(1px); transform:translateY(1px); }
    100% { -webkit-transform:translateY(0); transform:translateY(0); }
}

.Pros_nav {width: 100%;overflow:hidden;}
.Pros_nav li{float: left;width: 11.5%;margin-left:1%;}
.Pros_nav li:nth-child(1){margin-left: 0.5%;}
.Pros_nav li a{font-size: 16px;color: #fff;background: rgb(13 87 159);display: block;text-align: center;width: 165px;height: 70px;line-height: 70px;}
.Pros_nav li a:hover{background: rgb(61 124 185)}
.Pros_nav li a.currclass{background: rgb(61 124 185)}

.Prostles{width: 100%;overflow: hidden;background: #ccc;margin-top: 40px;}
.Prostles li{float: left;width:7%;font-size: 14px;padding:15px 7px;text-align: center;font-weight: bold;}
.Prostles li:nth-child(1){width: 9%;}
.Prostles li:nth-child(8){width: 12%;}
.Prostles li:nth-child(11){width: 11%;}

.Prducens{width: 100%;overflow: hidden;<!--background: #f1f1f1;-->}
.Pdoductster .Prducens:nth-child(2){background: #fff;}
.Pdoductster .Prducens:nth-child(4){background: #fff;}
.Pdoductster .Prducens:nth-child(6){background: #fff;}
.Pdoductster .Prducens:nth-child(8){background: #fff;}
.Pdoductster .Prducens:nth-child(10){background: #fff;}
.Prducens li{float: left;width:7%;font-size: 14px;padding:20px 7px;text-align: center;}
.Prducens li:nth-child(1){width:9%;}
.Prducens li:nth-child(8){width: 12%;}
.Prducens li:nth-child(11){width: 11%;}
.Prducens li img{width:25px;vertical-align: middle;}