﻿@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:#00a0e9;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;}
.fr {float:right;}
.clear{clear:both;}
.upfile {border: 1px solid #ccc;height:28px;margin-top:10px;width:98%;}
.index_content{width: 100%;max-width: 1200px;margin: 0 auto;}

/*头部*/
.head{display: block;width: 100%;}
.headTop{background: #d6d6d6;}
.headLogo{float: left;margin: 21px 0 27px;}
.headTel{float: right;margin-right: 33px;margin-top: 45px;}
.headTel img,.headTel div{display: inline-block;vertical-align: middle;}
.headTel img{margin-right: 12px;}
.headTel p{font-size: 18px;color: #1f1f1f;margin-bottom: 4px;}
.nav{background: #00a0e9;text-align: center;}
#nav_menu>li{display: inline-block;position: relative;transition: all 0.3s ease-out 0s;margin-right: 58px;}
#nav_menu>li:last-child{margin-right: 0;}
#nav_menu>li>a{font-size: 18px;color: #fff;display: inline-block;transition: .3s ease-in-out;text-align: center;line-height: 80px;padding: 0 12px;font-weight: bold;}
#nav_menu>li:hover>a{color: #00a0e9;background: #fff;}
#nav_menu>li.navhover>a{color: #00a0e9;background: #fff;}
#nav_menu li ul{width:180px;position: absolute;top: 80px;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: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;}


/*动画*/
.slide-main{height: 600px;position:relative;width:100%;background:#666;}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;bottom:30px;left:0;text-align:center;}
.item a{display:inline-block;width:15px;height:15px;border-radius: 100%;margin-right:10px;background:#fff;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);overflow:hidden;opacity: .9;}
.item a.cur{background:#00a0e9;opacity: 1;}
.banner-scroll .prev,.banner-scroll .next{width: 43px;height: 74px;display: inline-block;position: absolute;z-index: 999;top: 50%;}
.banner-scroll .prev{cursor: pointer;;background: url(left.png) no-repeat center;left: 2%;}
.banner-scroll .next{cursor: pointer;;background: url(right.png) no-repeat center;right: 2%;}
.slide-box,.slide{display:block;width:100%;height: 600px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height: 600px;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(banner1.png) center no-repeat;}
#bgstyleb{background:url(banner2.png) center no-repeat;}
#bgstylec{background:url(banner3.png) center no-repeat;}
#bgstyled{background:url(banner4.png) center no-repeat;}
#bgstylee{background:url(banner5.png) center no-repeat;}
#bgstylef{background:url(banner6.png) center no-repeat;}
.slide a{display:block;width:100%;height: 600px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f,.obj-g,.obj-h{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f,.obj-g,.obj-h{width:1200px;text-align:center;}
.obj-a{top: 74px;margin-left: -605px;}
.obj-b{top: 88px;margin-left: -371px;}
.obj-c{top: 201px;margin-left: -1040px;}
.obj-d{top: 88px;margin-left: -349px;}
.obj-e{top: 92px;margin-left: -902px;}
.obj-f{top: 201px;margin-left: -341px;}
.obj-g{top: 130px;margin-left: -615px;}
.obj-h{top: 270px;margin-left: -608px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1);transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e,.banAnimate .obj-h{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f,.banAnimate .obj-g{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
/*index_banner*/
.index_banner{width: 100%;height:  600px;z-index: 1;position: relative;overflow: hidden;background:url(banner1.png) center no-repeat;}
.index_banner .slide-box{width:100%;height:100%;overflow: hidden;}
.index_banner .slide{width:100%;height:100%;}

.Product{font-size: 0;padding: 48px 0 47px;overflow: hidden;}
.ProductLeft{float: left;margin-left: 47px;width: 250px;}
.ProductLeft h2{font-size: 30px;color: #fff;height: 100px;background: #00a0e9;line-height: 100px;text-align: center;margin-bottom: 18px;}
.ProductLeft ul{background: #eee;padding: 40px 25px;}
.ProductLeft ul li{margin-bottom: 35px;}
.ProductLeft ul li:last-child{margin-bottom: 0;}
.ProductLeft ul li a{width: 200px;height: 45px;font-size: 16px;color: #1a1a1a;line-height: 45px;padding-left: 18px;box-sizing: border-box;background: #fff;display: block;position: relative;transition: .5s;}
.ProductLeft ul li:hover a{background: #00a0e9;color :#fff;}
.ProductLeft ul li a:after{content: url(Pro_more.png);display: block;position: absolute;right: 25px;top: 0;}
.ProductRight{float: right;margin-right: 36px;width: 840px;}
.ProductRight h2{font-size: 35px;color: #434343;margin-top: 40px;margin-bottom: 31px;}
.ProductRight li{display: inline-block;vertical-align: top;margin-right: 58px;margin-bottom: 28px;width: 241px;}
.ProductRight li:nth-child(3n){margin-right: 0;}
.ProductRight li:nth-child(n+6){margin-bottom: 0;}
.ProductRight li .ProductImg{border: 4px solid #a6a6a6;overflow: hidden;transition: .5;overflow: hidden;}
.ProductRight li:hover .ProductImg{border-color: #00a0e9;}
.ProductRight li .ProductImg img{width: 100%;transition: .5s;}
.ProductRight li:hover .ProductImg img{transform: scale(1.1);}
.ProductRight li .ProdcutArt p{font-size: 16px;color: #020202;text-align: center;margin-top: 13px;transition: .5s;}
.ProductRight li:hover .ProdcutArt p{color: #00a0e9;}
.ProductMore a{width: 169px;height: 48px;text-align: center;line-height: 48px;display: block;font-size: 16px;color: #fff;background: #313131;margin: 0 auto;margin-top: 30px;transition: .5s;}
.ProductMore a:hover{background: #00a0e9;}

.Video{font-size: 0;background: #d2d2d2;padding: 21px 0 120px;overflow: hidden;}
.index-title{text-align: center;}
.index-title h2{font-size: 30px;color: #191919;margin-bottom: 10px;}
.index-title h2 span{color: #00a0e9;}
.index-title p{font-size: 14px;color: #000;background: url(title_bg.png) no-repeat center;}
.VideoList{background: url(Video_bg.png) no-repeat top center #fff;width: 1140px;margin: 0 auto;box-sizing: border-box;margin-top: 28px;padding: 36px 84px 27px;}
.VideoList li{display: inline-block;vertical-align: top;margin-right: 58px;width: 285px;margin-bottom: 28px;}
.VideoList li:nth-child(3n){margin-right: 0;}
.VideoList li:nth-child(n+3){margin-bottom: 0;}
.VideoList li .VideoImg{position: relative;}
.VideoList li img{width: 100%;transition: .5s;}
.VideoList li .VideoImg:after{content: '';display: block;background: url(play.png) no-repeat center;background-size: 100%;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.VideoList li:hover img{box-shadow: 0 0 10px #000;}
.VideoList p{font-size: 18px;color: #3a3a3a;line-height: 25px;margin-top: 35px;}
.VideoList li p{font-size: 16px;color: #020202;text-align: center;margin-top: 13px;transition: .5s;}
.VideoList li:hover p{color: #00a0e9;}

.Partner{font-size: 0;padding-top: 28px;overflow: hidden;}
.Partner .index-title h2{margin-bottom: 29px;}
.PartnerList{margin: 24px 34px 0;}
.PartnerList li{display: inline-block;width: 258px;margin-right: 33px;margin-bottom: 35px;transition: .5s;}
.PartnerList li:hover{box-shadow: 0 0 10px #888;}
.PartnerList li:nth-child(4n){margin-right: 0;}
.PartnerList .PartnerImg{border: 4px solid #00a0e9;overflow: hidden;}
.PartnerList li .PartnerImg img{width: 100%;transition: .5s;}
.PartnerList li:hover .PartnerImg img{transform: scale(1.05);}
.PartnerMore a{width: 99px;height: 34px;text-align: center;line-height: 34px;display: block;margin: 0 auto;background: #303030;font-size: 14px;color: #fff;transition: .5s;}
.PartnerMore a:hover{background: #00a0e9;}

.Advantage{font-size: 0;padding-top: 38px;overflow: hidden;}
.AdvantageList{margin-top: 70px;}
.AdvantageList li{height: 335px;margin-bottom: 66px;}
.AdvantageList li:nth-child(1){background: url(Advantage_1.png) no-repeat top center;}
.AdvantageList li:nth-child(2){background: url(Advantage_2.png) no-repeat top center;}
.AdvantageList li:nth-child(3){background: url(Advantage_3.png) no-repeat top center;}
.AdvantageList li:nth-child(4){background: url(Advantage_4.png) no-repeat top center;margin-bottom: 0;}
.AdvantageList li:after{content: '';display: block;clear: both;}
.AdvantageList .AdvantageBox{float: right;margin-right: 108px;}
.AdvantageList li:nth-child(2n) .AdvantageBox{float: left;margin-right: 0;margin-left: 108px;}
.AdvantageList .AdvantageBox h2{font-size: 48px;color: #2d2d2d;font-weight: normal;margin-bottom: 50px;margin-left: 97px;}
.AdvantageList li:nth-child(2n) .AdvantageBox h2{margin-left: 49px;}
.AdvantageList .AdvantageBox h3{font-size: 18px;color: #fff;font-weight: normal;margin-bottom: 14px;}
.AdvantageList .AdvantageBox h4{font-size: 14px;color: #fff;font-weight: normal;width: 366px;height: 29px;text-align: center;line-height: 29px;background: #00a0e9;margin-left: -4px;margin-bottom: 14px;}
.AdvantageList li:nth-child(2n) .AdvantageBox h4{background: #303030;}
.AdvantageList .AdvantageBox p{font-size: 14px;color: #fff;line-height: 25px;max-width: 485px;margin-bottom: 9px;}

.About{font-size: 0;padding-top: 45px;overflow: hidden;}
.About .AboutBox{background: #e5e5e5;margin-top: 27px;padding: 138px 0 141px;}
.AboutLeft{float: left;margin-left: 34px;}
.AboutLeft h2{font-size: 30px;color: #303030;margin-bottom: 23px;}
.AboutLeft p{font-size: 16px;color: #303030;max-width: 527px;line-height: 28px;margin-bottom: 22px;}
.AboutLeft .AboutMore a{width: 99px;height: 34px;text-align: center;line-height: 34px;font-size: 14px;color: #fff;background: #303030;display: inline-block;margin-left: 183px;transition: .5s;}
.AboutLeft .AboutMore a:hover{background: #00a0e9;}
.AboutLeft ul{margin-top: 40px;}
.AboutLeft li{display: inline-block;vertical-align: top;margin-right: 67px;}
.AboutLeft li:last-child{margin-right: 0;}
.AboutLeft li img{transition: .5s;}
.AboutLeft li:hover img{transform: translateY(-5px);}
.AboutLeft li p{text-align: center;font-size: 14px;margin: 10px 0 0;transition: .5s;}
.AboutLeft li:hover p{color: #00a0e9;}
.AboutRight{float: right;}

.News{font-size: 0;padding-top: 56px;overflow: hidden;}
.News .NewsBox{margin-top: 72px;background: #e5e5e5;padding: 54px 0 73px;}
.NewsTitle{border-bottom: 1px solid #303030;padding-bottom: 2px;}
.NewsTitle img{display: inline-block;vertical-align: bottom;margin-right: 6px;}
.NewsTitle h2{display: inline-block;vertical-align: bottom;font-size: 18px;color: #000;line-height: 18px;}
.NewsTitle a{font-size: 16px;color: #000;float: right;margin-top: 22px;}
.NewsTitle a:hover{color: #00a0e9;}
.NewsArt{border-bottom: 1px solid #303030;transition: .5s;}
.NewsArt:hover{padding-left: 10px;}
.NewsArt h2{font-size: 16px;color: #000;font-weight: normal;margin-bottom: 10px;}
.NewsArt:hover h2{color: #00a0e9;}
.NewsArt p{font-size: 14px;color: #000;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.NewsLeft{float: left;margin-left: 62px;width: 480px;}
.NewsLeft .NewsImg{margin-top: 29px;overflow: hidden;}
.NewsImg img{transition: .5s;}
.NewsImg:hover img{transform: scale(1.05);}
.NewsLeft .NewsArt{margin-top: 50px;padding-bottom: 36px;}
.NewsLeft .NewsArt p{white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
.NewsLeft .NewsList{margin-top: 24px;}
.NewsLeft .NewsList li{margin-bottom: 11px;}
.NewsLeft .NewsList li:last-child{margin-bottom: 0;}
.NewsLeft .NewsList span{display: inline-block;vertical-align: middle;width: 16px;height: 15px;text-align: center;line-height: 15px;font-size: 14px;color: #fff;background: #303030;margin-right: 23px;}
.NewsLeft .NewsList h2{display: inline-block;vertical-align: middle;font-size: 14px;color: #000;font-weight: normal;}
.NewsLeft .NewsList li:hover h2{color: #00a0e9;}
.NewsLeft .NewsList p{font-size: 14px;color: #000;float: right;}
.NewsRight{float: right;margin-right: 62px;width: 480px;}
.NewsRight .NewsArt{margin-top: 25px;padding-bottom: 25px;}
.NewsRight .NewsArt:nth-child(3){border: none;}
.NewsRight .NewsImg{margin-top: 33px;}

.n_banner{margin: 0 auto;width: 100%;height: 300px;background: url(n_banner.jpg) center no-repeat;position: relative;background-color: #666;}

/*内页内容*/
.mainC{background: #fff;}
.mainContent{margin: 0 auto;width:1210px;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: #00a0e9;}
.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: #00a0e9;}
.list_center_Nav ul li.currclass{background: #00a0e9;}
.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 #00a0e9;padding-bottom: 18px;background: #f9f9f9;margin-bottom: 10px;overflow:hidden;}
.list_left_Nav li{float:left;display:block;}
.list_left_Nav li a{display: block;line-height: 55px;border-bottom: 1px #ccc dashed;margin: 0 20px;background: url(jt2.png) no-repeat 170px;transition: 0.3s all;font-size: 15px;font-weight: normal;}
.list_left_Nav li:hover a{background: url(jt2_i.png) no-repeat 155px;transition: 0.3s all;}
.list_left_Nav li a.here{background: url(jt2_i.png) no-repeat 155px;transition: 0.3s all;color: #00a0e9;}
.list_left_Nav li.currclass a{background: url(jt2_i.png) no-repeat 155px;transition: 0.3s all;color: #00a0e9;}
.list_contact .contact{padding: 20px;}
.list_contact .contact p{font-size: 16px;color: #333;line-height: 33px;}
.list_contact .contact p img{max-width: 100%;}
.list_contact .contact p video{width: 800px;height: 600px;}
.list_right .list_contact form{padding: 20px;}

/* 内页关于我们 */
.nAbout{margin-top: 25px;}
.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: #00a0e9;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;text-indent: 2em;}
.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: #00a0e9;text-align: center;color: #fff;border-radius: 50%;display: inline-block;}
.nAbout_numb li span{display: block;}

/* 内页图片列表 */
.list_contact_img{font-style: 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: 31.33%;}
.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: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;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;padding: 0 15px;box-sizing: border-box;}
.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:#00a0e9; 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;}

/* 内页新闻 */
.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: #00a0e9;}
.pro_l{width: 249px;}
.pro_l .pro_t span{background: #00a0e9 url(sj.png) no-repeat 187px center;font-size: 18px;font-weight: bold;color: #fff;line-height: 54px;padding-left: 40px;display: block;}
.list_left_box{background: #f9f9f9;padding: 10px;}
.list_left_box .contact{line-height: 26px;color: #333;padding: 10px;}
.list_left_box .contact p{font-size: 14px;}
.list_news li{box-shadow: 0px 0px 10px #ddd;padding: 20px;position: relative;margin: 0 0 2% 0;}
.nNewspic{float: left;overflow: hidden;width: 26%;}
.nNewspic img{border: 1px solid #eee;width: 229px;height: 172px;}
.nNewsart{width: 72%;float: right;padding-top: 1%;}
.nNewstit a{font-size: 20px;font-weight: bold;}
.list_news li:hover .nNewstit a{color: #00a0e9;}
.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;}
.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: #00a0e9;}

/* 新闻内容 */
.list_box_news{padding: 30px 0;}
.list_left_news{width: 830px;float: left;background: #f9f9f9;padding: 30px;padding-bottom: 0;overflow: hidden;}
.list_right_news{width: 300px;float: right;position: relative;}
.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 img{max-width: 100%;}
.list_left_news #next{width: 890px;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: 364px;padding-left: 50px;padding-right: 30px;height: 70px;overflow: hidden;background: url(newsup.png) 30px 29px no-repeat;}
.list_left_news #next .fr{float: right;text-align: right;width: 365px;padding-left: 30px;padding-right: 50px;height: 70px;overflow: hidden;background: url(newsdown.png) 413px 29px no-repeat;}
.list_right_news .nNewsfanhui{position: absolute;top: 0;left: -968px;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: #00a0e9;position: absolute;left: 0;bottom: -1px;}
.nNewswenzhan_til strong{color: #00a0e9;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{;width:100%;}
.list_left_title{text-align: center;height: 129px;background: #00a0e9;}
.list_left_title span{color: #fff;font-size: 34px;font-weight: bold;line-height: 57px;padding-top: 18px;padding-left: 26px;display: block;}
.list_left_title p{color: #fff;font-size: 18px;margin-left: 26px;margin-top: -5px;text-transform: uppercase;}
#nymianus{border: 4px solid #00a0e9;padding-bottom: 30px;background: #f9f9f9;}
#nymianus .nav_one{border-bottom: 1px #ccc dashed;}
#nymianus .nav_one>a{display: block;line-height: 50px;margin: 0 15px;background: url(jt2.png) no-repeat 170px;padding-left: 15px;transition: 0.3s all;font-size: 15px;font-weight: normal;}
#nymianus .nav_one:hover>a{background: url(jt2_i.png) no-repeat 155px;transition: 0.3s all;}
#nymianus .nav_one>a.here{background: url(jt2_i.png) no-repeat 155px;transition: 0.3s all;color: #00a0e9;}
#nymianus .nav_one.classNames>a {background: url(jt2_i.png) no-repeat 155px;transition: 0.3s all;color: #00a0e9;}
#nymianus .nav_er{padding-bottom: 10px;}
#nymianus .nav_er a{display: block;line-height: 35px;margin: 0 15px;padding-left: 15px;transition: 0.3s all;font-size: 14px;}
#nymianus .nav_er a.here{color: #00a0e9;}
.ny_news{width: 249px;overflow: hidden;}
.ny_news1{background: #f5f5f5;padding-bottom: 10px;}
.ny_news p{background: #00a0e9 url(sj.png) no-repeat 187px center;font-size: 18px;font-weight: bold;color: #fff;line-height: 54px;padding-left: 40px;margin-top: 10px;}
.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;}
.news_div:hover .news_div_image{transform: scale(1.2);transition: 0.2s all;}
.ny_tel{width: 209px;padding: 20px 20px;background: #f5f5f5;}
.ny_tel i{font-size: 14px;color: #555;line-height: 28px;font-style: normal;}
.ny_tel i span{display: block;font-size: 15px;font-weight: bold;}
.ny_tel .pl_dh{font-size: 23px;font-weight: bold;font-family: arial;background: url(Tel2.png) no-repeat left;padding-left: 38px;margin-top: 18px;}
.ny_tel .pl_dh em{display: block;font-size: 13px;color: #333;font-weight: normal;}

.list_right{width: 100%;}
.list_product_contact{font-size: 0;}
.list_product_contact > p{font-size: 15px;color: #666;line-height: 33px;}
.list_product_contact .border{font-size: 15px;color: #666;line-height: 33px;}
.list_product_contact li{float: left;width: 31.33%;box-shadow: 0px 0px 10px #eee;transition: all .5s ease;position: relative;margin: 0 1% 2% 1%}
.list_product_contact li .nProductImg{overflow: hidden;position: relative;}
.list_product_contact li .nProductImg img{width: 100%;transition: all .5s ease;border: 1px solid #eee;}
.list_product_contact li:hover .nProductImg img{transform: scale(1.1);}
.nProductArt a:after, .nProductArt:before, .nProductImg a:after{content: '';display: block;position: absolute;}
/* .list_product_contact li .nProductImg a:after{content: "";width: 100%;height: 0;background: #000 url(more.png) no-repeat center;position: absolute;top: 0px;left: 0px;opacity: 0.75;transition: 0.25s all;}
.list_product_contact li:hover .nProductImg a:after{height: 100%;transition: 0.25s all;} */
.list_product_contact li .nProductArt{background: #eee;position: relative;}
.list_product_contact li .nProductArt::before{background: #00a0e9;width: 100%;height: 0px;bottom: 0px;left: 0px;transition: all 0.5s ease;}
.list_product_contact li:hover .nProductArt::before{height: 100%;transition: 0.6s;}
.list_product_contact li .nProductArt a{display: block;position: relative;font-size: 16px;line-height: 60px;padding: 0px 3%;text-align: center;overflow: hidden;height: 60px;font-weight: normal;}
.list_product_contact li:hover .nProductArt a{color: #fff;}
.list_product_contact li .nProductArt a::after{width: 18px;height: 18px;border-radius: 50%;right: 20px;top: 22px;background: url(jt3.png) no-repeat top center;}
.list_product_contact li:hover .nProductArt a::after{background-position-y: -18px;}

/*产品内容页*/
#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:420px;float: right;}
.prodtitle{font-size: 22px;display: block;color: #00a0e9;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: #00a0e9;color: #fff;font-size: 16px;margin-top: 10px;}
.show_right a.nProductZx:hover{background-color: #00a0e9;}
#list_info .detailed{font-size: 15px;color: #fff;background: #00a0e9;;border-right: 1px solid #fff;padding: 0 38px;height: 45px;line-height: 45px;display: inline-block;cursor: pointer;}
#list_info .detailed:hover{background: #00a0e9;}
#list_product_content .contact{border: 1px solid #f0f0f0;padding: 10px 20px;font-size: 16px;line-height: 30px;}
#list_product_content .contact p img{max-width: 100%;}

#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: #00a0e9;}
.spec-scroll .items ul li img.hover{border-color: #00a0e9;}
.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: #00a0e9}
#fenye a.curr{width:30px;background:#00a0e9;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: 20px;}
.lxtop{border-radius: 3px;background: #f1f1f1;}
.lxtop img{float: left;}
.lxtop p{font-size: 16px;line-height: 35px;padding: 25px 30px 0 430px;color: #383737;}
.lxtop p span{display: block;color: #222;font-size: 18px;line-height: 50px;}
.lxcontil{background: url(ntitle.png)no-repeat bottom;font-size: 30px;text-align: center;margin: 32px auto 25px;padding-top: 20px;}
.lxcontil b{font-size: 30px;color: #000;line-height: 23px;display: inline-block;line-height: 23px;}
.lxcontil span{display: block;font-size: 14px;letter-spacing: 5px;color: #222;margin-top: 10px;}
.lx_box .lxcon{margin-bottom: 20px;}
.lxcon .list_contact li{display: inline-block;margin: 10px 19px 20px;width: 475px !important;min-width: auto;padding: 25px 0 20px 19px;box-shadow: 0 0 5px #dadadacc;}
.lxzxly{padding: 0 20px;}
.lxzxly form ul li{margin-bottom: 25px;}
.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: 525px;color: #666;outline: none;}
.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: 220px;width: 100%;color: #666;box-sizing: border-box;outline: none;}
.lxzxly form ul li .submit{background: #00a0e9;height: 52px !important;line-height: 52px;color: #fff;width: 100% !important;border-radius: 5px;cursor: pointer;}

/*在线留言*/
.list_contact form ul li{margin-top: 25px;position: relative;min-width: auto;}
.list_contact form ul li input{float: right;width: 360px;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: #00a0e9;color: #fff !important;border: none !important;font-size: 16px;padding-left: 0 !important;margin: 0 auto 15px !important;float: none !important;cursor: pointer;}

/*右边浮动*/
.rightmenu{width: 185px; cursor: pointer; position: fixed; z-index: 99999; right: -130px; top: 210px; cursor: pointer;}
.rightmenu ul{margin: 0;}
.rightmenu li{height: 55px; line-height: 55px; border-radius: 4px; margin-bottom: 1px; background-color: #27adea; background-repeat: no-repeat; background-image: url(rightmenu-icon.png); text-indent: 55px; font-size: 16px; color: #fff; overflow: hidden;}
.rightmenu li a{display: block; width: 100%; height: 55px; color: #fff;}
.rightmenu li a:hover{color: #fff!important;}
.rightmenu li.r-top{background-position: 0 0;}
.rightmenu li.r-phone{background-position: 0 -55px; font-family: "Arial";}
.rightmenu li.r-qq{background-position: 0 -110px;}
.rightmenu li.r-mess{background-position: 0 -165px;}
.rightmenu li.r-code{background-position: 0 -220px;}
.rightmenu li.r-code .img{width: 117px; margin: 0 auto; position: relative;}
.rightmenu li.r-code .img img{display: block; width: 117px; height: 117px;}
.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;overflow: hidden;background: #505050;padding-top: 66px;}
.footerNav{display: inline-block;vertical-align: top;border-right: 1px solid #a8a8a8;min-height: 280px;padding-right: 85px;padding-left: 76px;}
.footerNav:nth-child(3){border: none;padding-right: 0;}
.footerNav h2{font-size: 22px;color: #fffefe;margin-bottom: 32px;}
.footerNav li{margin-bottom: 18px;}
.footerNav li:last-child{margin-bottom: 0;}
.footerNav li a{font-size: 16px;color: #fffefe;display: block;}
.footerNav li:hover a{color: #00a0e9;}
.footerNav .footerCat p{font-size: 16px;color: #fffefe;margin-bottom: 14px;}
.footerNav .footerCat img{display: inline-block;vertical-align: middle;margin-right: 21px;}
.footerNav .footerCat span{display: inline-block;vertical-align: middle;width: 250px;}
.footerEr{float: right;margin-right: 55px;margin-top: 96px;}
.footerBottom{margin-top: 57px;background: #2e2e2e;line-height: 101px;height: 101px;text-align: center;}
.footerBottom .fl{margin-left: 111px;}
.footerBottom .fr{margin-right: 136px;}
.footerBottom span{font-size: 16px;color: #fffefe;}
.footerBottom span a{font-size: 16px;color: #fffefe;}
.footerBottom span a:hover{color: #00a0e9;}