@charset "utf-8";

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
fieldset,img{border:0;}
img{vertical-align:middle;}
ol,ul,li{list-style-type:none;text-align:justify;text-justify:inter-ideograph;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:14px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}
.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1; }
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
body{color:#666;font-size:14px;line-height:24px;font-family:"Microsoft YaHei","SimSun", Arial, Helvetica, sans-serif;}
a{color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());transition:all ease 0.3s;}
a:hover{color:#005ad4;text-decoration:none;}:focus{outline:none;}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.w1200{width:1200px; margin:0 auto;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb25{margin-bottom:25px;}
.center{text-align:center;}
.hide{overflow:hidden;}
.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}


/* 头部  */
.topBar{height:40px;line-height:40px;background:#e4e4e4;}
.topBar em{font-style:normal;margin:0 10px;opacity:.6;}
.header{height:100px;padding-top:30px;}
.header .title{font-size:26px;padding-left:30px;margin-left:30px;border-left: 1px dotted #dcdcdc;line-height:26px;margin-top:8px;}
.header .title a{color:#191919;}
.header .title i{font-style:normal;color:#005ad4;}
.header .title span{display:block;font-size:20px;font-weight:normal;}
.headPhone{background: url('../images/pIcon.png') no-repeat left center;padding-left:50px;font-size:26px;color:#191919;font-family:Arial;line-height:26px;}
.headPhone span{display:block;font-size:32px;color:004cca;font-weight:bold;color:#005ad4;}


/* 导航  */
.nav{height:60px;line-height:60px;font-size:20px;background:#005ad4;}
.nav li{float:left;width:171px;text-align:center;}
.nav li a{color:#fff;display:block;position:relative;z-index:2;background-position: left center;background: url('../images/nav_h.jpg') no-repeat left -60px;border-right: 1px solid #1669d7;}
.nav li:last-child a{border-right:none;}
.nav li .cur,.nav li a:hover{background-position: 0 0; color:#fff;}

/*  广告轮播图 */
.banner{ margin: 0 auto;position:relative; overflow:hidden;height:770px;}
.banner .bd{height:770px; z-index:0;position:relative;left:50%; margin-left:-960px;}
.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-600px;}
.banner_ctr a{ display:block;width:40px;height:40px; background: url('../images/ctrl.png') no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1280px; background-position: -40px 0px;}
.banner_ctr a:hover{opacity:1;filter:alpha(opacity=100);}
.banner .hd{position:absolute; bottom:80px; text-align: center; z-index:5;left:50%;font-size: 0; line-height: 0;height: 0px; margin-left:-30px;height:14px;}
.banner .hd li{z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:10px; height:10px;*display:inline; zoom:1;border-radius:100%;border:2px solid #fff;position:relative;transition:all 0.3s;}
.banner .hd li:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:2px;left:2px;border-radius:100%;}
.banner .hd li:hover,.banner .hd .on{border:2px solid #005ad4;transform:scale(1.1);}
.banner .hd .on:after{background:#005ad4;}

/*  搜索 */
.search{height:60px;line-height:60px;margin-top:-60px;position: relative;z-index:5;background:rgba(255,255,255,.15);color:#fff;}
.searFont{width:780px;overflow:hidden;line-height:60px;}
.searFont a{margin:0 8px;color:#fff;}
.searFont a:hover{text-decoration: underline;}
.searFont strong{color:#fff;font-weight:normal}
.searMain{width:360px;height:60px;line-height:60px;border:1px solid rgba(255,255,255,.3);border-top:none;border-bottom:none;}
.search .txt{width:270px;float:left;height:60px; line-height:60px;color:#666;padding:0 15px;background:none;color:#999;}
.search .btn{float:left;width:60px;height:60px; cursor:pointer;transition:all 0.3s;background:url('../images/searIcon.png') no-repeat center center;}
.search .btn:hover{opacity:.8;}

/*  优势 */
.adv{background:#e0e0e0;overflow:hidden;}
.adv li{width:299px;height:200px;text-align:center;float:left;transition:all 0.3s;background:#d6d6d6;}
.adv li h4{padding-top:60px;display:inline-block;padding-left:30px;font-weight:normal;text-align:left;font-size:18px;color:#333;}
.adv li i{float:left;width:45px;height:46px;background: url('../images/advIcon.png') no-repeat;margin-left:-60px;transition:all 0.3s;top:10px;position:relative;}
.adv li h4 span{display:block;font-size:26px;color:#005ad4;margin-bottom:5px;font-weight:bold;line-height:26px;}
.adv li:nth-child(2) i{background-position: -45px 0;}
.adv li:nth-child(3) i{background-position: -92px 0;}
.adv li:nth-child(4) i{background-position: -136px 0;}
.adv li:nth-child(2){background:#cdcdcd;}
.adv li:nth-child(3){background:#c4c4c4;}
.adv li:nth-child(4){background:#bbbbbb;}
.adv li:hover{box-shadow:0 0 10px #ccc;}
.adv li:hover i{top:0px;}

/*  产品中心 */
.product{padding:60px 0;overflow:hidden;}
.hTitle{text-align:center;font-size:36px;color:#333;font-weight:normal;margin-bottom:35px;line-height:36px;padding-bottom:15px;;position: relative;}
.hTitle::after{content:"";position: absolute;left:50%;margin-left:-10px;width:20px;height:1px;background:#005ad4;bottom:0;}
.product .menu{overflow: hidden;margin-bottom:40px;height: 70px;line-height: 70px;}
.product .menu a{float: left;width: 199px;text-align:center;font-size:18px;border-right: 1px solid #c6c6c6;background: #dcdcdc;position:relative;z-index:2;}
.product .menu a::after{content:"";position: absolute;left:0;background:#005ad4;top:0;width:100%;height: 100%;transition: transform .4s;z-index: -1;transform: scale(0,1);transform-origin: right;}
.product .menu a:hover::after,.product .menu a.on:after{transform: scale(1);transform-origin: left;}
.product .menu a.on,.product .menu a:hover{color: #fff;}

.proMain,.proMain ul{height:770px;overflow: hidden;}
.proMain li{float: left;width:285px;text-align:center;margin:0 15px 10px 0;}
.proMain li .pImg{display: block;width:283px;height:283px;border:1px solid #cccccc;overflow:hidden;position: relative;}
.proMain li img{width:283px;height:283px;transition: all .5s;}
.proMain li .pImg::after{position: absolute;content: "";right:0;bottom:0;background: url('../images/pMore.png') no-repeat;width: 29px;height:29px;}
.proMain li h4{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:50px;line-height:50px;font-weight:normal;}
.proMain li:last-child{margin-right:0;}
.proMain li:hover .pImg{border:1px solid #005ad4;}
.proMain li:hover .pImg::after{background-position: 0 -29px;}
.proMain li:hover img,.caseMain li a:hover img,.settingMain li:hover img{transform:scale(1.1);}

/*  4大理由 */
.odds{background:#e8e8e8;padding:60px 0;overflow:hidden;font-size:16px;}
.odds .title{text-align:center;color:#191919;line-height:44px;font-size: 44px;margin-bottom: 40px;}
.odds .title img{position: relative;top:-25px;margin:0 5px;} 
.odds .title span{display: block;font-size:18px;font-weight:normal;line-height:24px;}
.odds li{overflow: hidden;background: #fff;padding:40px 50px;border-left: 5px solid #005ad4;margin-bottom: 2px;transition: all .4s;}
.odds li .font{float: left;width: 465px;padding-left:95px;}
.odds li .font i{float: left;margin-left:-95px;width:65px;height:65px;background: #005ad4;color: #fff;text-align: center;line-height: 65px;border-radius:100%;font-size: 34px;font-family: Arial;font-style: normal;}
.odds li .font h4{font-size:34px;color: #191919;font-weight:normal;margin-bottom: 25px;line-height:36px;}
.odds li .pic{float: right;width:495px;}
.odds li:nth-child(2n){border-left: none;border-right: 5px solid #005ad4;}
.odds li:nth-child(2n) .font{float: right;}
.odds li:nth-child(2n) .pic{float: left;}
.odds li:hover{box-shadow: 0 0 15px #ccc;}

/* 成功案例 */
.case{ background:url('../images/case_bg.jpg') no-repeat center top; padding:60px 0;overflow: hidden;}
.case .hTitle{color:#fff;margin-bottom:49px;}
.caseMain ul{width: 1240px;}
.caseMain li{ width:285px; float:left; margin-right:20px;border-bottom: 2px solid #005ad4;}
.caseMain li .pImg{ height:285px; height: 210px; overflow:hidden;display: block;}
.caseMain li .pImg img{width: 285px;height: 210px;transition: all .5s;}
.caseMain li .txt{ background-color:#f5f5f5; position:relative; padding:25px;transition: all .4s;text-align:center;z-index:2;}
.caseMain li .txt h3{ font-size:24px;color:#333;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight: normal;}
.caseMain li .txt p{text-align: left;}
.caseMain li .txt i{ border:1px solid #aaa;width:18px; height:18px; border-radius:100%; font-size:14px; line-height:18px; color:#888; font-style: normal;display: inline-block;margin-top:15px;}
.caseMain li .txt::after{ content:"";  position:absolute; bottom:0px; left:0px; z-index:-1;width:100%;height:0;transition: all .4s;background: #005ad4;}
.caseMain li a:hover .txt::after{height: 100%;}
.caseMain li a:hover .txt h3,.caseMain li a:hover .txt{ color:#fff;transition: .3s;}
.caseMain li a:hover .txt i{ border-color:#eee; color:#eee;}

/*  关于我们 */
.about{ padding:60px 0; background-color:#e8e8e8;overflow:hidden;}
.aboutBox .pic{ width:550px; height:340px; float:left;}
.aboutBox .txt{background-color:#005ad4; width:530px; padding:0 60px; height:340px; float:left; color:#fff; }
.aboutBox .txt h2{ font-size:24px; line-height:80px;padding-top:40px;font-weight:normal;}
.aboutBox .txt p{line-height:24px; text-align:justify; filter:Alpha(opacity=80); opacity:.8;margin-bottom:10px;}

.homePicBox{ background-color:#fff; margin-top:20px;}
.pageTopIco{ width:200px; float:left; background-color:#fff; position:relative;}
.pageTopIco a{ position:relative;background-color:#aaa; height:80px;font-size: 20px;padding-left:50px;padding-top:34px;display:block;color:#fff;}
.pageTopIco a:nth-child(2){background: #848484;}
.pageTopIco a:nth-child(3){background: #727272}
.pageTopIco a:after{content:""; position: absolute;right:-12px;border:6px solid transparent;top:50%;margin-top:-6px;}
.pageTopIco a span{display:block;font-size: 12px;font-family: Arial;opacity:.8;}
.pageTopIco a.on,.pageTopIco a:hover{background:#005ad4;color:#fff;}
.pageTopIco a.on:after{border-left-color: #005ad4;}

.settingMain{ width:943px; height:280px; float:left; padding:30px 0 0 30px;}
.settingMain ul{ position:relative;overflow:hidden;}
.settingMain li{float:left;width:370px; height:280px;background:#005ad4;overflow:hidden;margin:1px 1px 0 0;position: relative;}
.settingMain li img{width:370px; height:280px;transition: all .5s;}
.settingMain li span{background:url('../images/sIcon.png') no-repeat center top;padding: 0 5%;padding-top: 90px;position: absolute;width:90%;left:0;top:50%;margin-top:-40px;text-align: center;color:#fff;opacity:0;transition: all .3s}
.settingMain li:nth-child(2n) img,.settingMain li:nth-child(2n){ width:200px; height:140px;}
.settingMain li:nth-child(3){float:right;}
.settingMain li:hover img{opacity: .5;}
.settingMain li:hover span{opacity: 1;margin-top:-55px;}
 
/* 新闻中心 */
.news{ padding:60px 0; overflow: hidden;}
.newsL{ width:850px; position:relative; }
.newsL .menu{height:70px; line-height:70px;background: #727272;margin-bottom:40px;font-weight:normal;}
.newsL .menu a{float:left;height:70px; width:50%; text-align:center; font-size:20px; color:#fff;position:relative;color: #fff;}
.newsL .menu a span,.faq .title span{opacity:.5;margin-left:10px;font-size:12px;}
.newsL .menu a.on{ background-color:#005ad4;}
.newsL .menu a.on:before{ content:""; overflow:hidden; position:absolute; left:50%; bottom:-12px; width:0px; height:0px; margin-left:-6px; border:6px solid transparent; border-top-color:#005ad4}

.newsMain,.newsBox{height:350px;overflow: hidden;}
.newsMain .left{width:430px;height:350px; overflow:hidden;position: relative;}
.newsMain .left img{width:430px;height:350px;transition: all .5s;}
.newsMain .left p{ position:absolute; left:0; bottom:10px; background:rgba(0,0,0,.6); line-height:50px; color:#fff; padding:0 8%;width:80%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition: all .3s;}
.newsMain .left a:hover p{width:100%;}
.newsMain .left a:hover img,.newsMain .right .pic:hover img{transform: scale(1.1);}

.newsMain .right{ width:400px; margin-left:20px;}
.newsMain .right .pic{ border-bottom:1px dotted #ccc;padding-bottom:15px;margin-bottom:15px;overflow: hidden;height:114px;}
.newsMain .right .pic .pImg{ overflow:hidden; width:140px; height:114px;float:left;margin-right:15px;}
.newsMain .right .pic .pImg img{ width:140px; height:114px;transition: all .5s;}
.newsMain .right .pic h3{ font-size:14px; line-height:26px; color:#333; padding:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:normal;}
.newsMain .right .pic p{ font-size:12px; line-height:22px; color:#888;}
.newsMain .right .pic a:hover h3{ color:#005ad4;}
.newsMain .right .font{ line-height:35px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding-right:80px;}
.newsMain .right .font span{ float:right; font-size:12px; color:#888;margin-right:-70px;}
.newsMain .right .font a{ font-size:14px; display:inline-block; position:relative; padding-left:12px;}
.newsMain .right .font a:before{ content:""; position:absolute; left:0px; top:50%; width:0px; height:0px; margin-top:-4px; border:4px solid transparent; border-left-color:#005ad4;}

/*  常见问题 */
.faq{width:320px;}
.faq .title{height:70px; line-height:70px;background: #727272;margin-bottom:40px;font-weight:normal;color:#fff;padding-left:45px;}
.faqMain{height:350px;overflow:hidden;margin-top:20px;}
.faq li{border-bottom:1px dotted  #ddd;padding-bottom:15px;margin-bottom:15px;}
.faq li h4{height:38px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background: url('../images/a.jpg') no-repeat left 2px;padding-left:30px;font-weight:normal;font-size:14px;}
.faq li p{background: url('../images/q.jpg') no-repeat left 2px;padding-left:30px;font-size:12px;}
.faq li h4 a{color:#333;}
.faq li h4 a:hover{color:#005ad4;}

/* 底部 */
.footer{background:#1e1e1e;padding:30px 0 40px 0;color:#999;}
.footMenu{font-size:14px;margin-bottom:20px;border-bottom: 1px solid #353535;padding-bottom:20px;}
.footMenu em{font-style:normal;margin:0 22px;color:#6a6a6a;}
.footContact{max-width:620px;background: url('../images/footIcon.png') no-repeat left 7px;padding-left:25px;line-height:30px;}
.footR{width:430px;overflow:hidden;}
.footR .headPhone{background: url('../images/fpicon.png') no-repeat left 32px;color:#fff;padding-top:30px;font-weight:normal;}
.footR .headPhone span{color:#fff;font-weight:bold;}
.footWx{width:110px;text-align:center;}
.footWx img{width:110px;margin-bottom:8px;}
.firendLink{background:#191919;padding:15px 0;overflow:hidden;}
.firendLink span{color:#fff;}
.firendLink a{margin-left:10px;}
.footer a{color:#fff;}
.footer a:hover{text-decoration:underline;}

/* 内页公用 */
.listBanner{ width:1920px; position: relative; left:50%; margin-left:-960px; height:300px;overflow:hidden;}
.listWrapper{padding:60px 0;overflow:hidden;}
.breadCrumb p,.listMenu p{background:url('../images/home_icon.png') no-repeat left center; padding-left:20px;font-size:14px;}
.breadCrumb p{width:1180px;}
.breadCrumb p span{ margin:0 8px;}
.breadCrumb .back{float:right;height:28px;line-height:28px;text-align:center;border-radius:5px;margin-top:20px;background: url('../images/back.png') no-repeat left center;padding-left:20px;}
.partnerList,.honorList,.settingList,.newsList,.videoList,div.searList,.newsList2{ width:1200px;overflow: hidden;}
.partnerList ul,.honorList ul,.settingList ul,.videoList ul,div.searList ul,.newsList2 ul{ width:1250px;}
.proSear{width:650px;margin:0 auto;height:50px;line-height:50px;border: 1px solid #555;margin-bottom:40px;}
.proSear .txt{width:570px;height:50px;padding:0 15px;float:left;}
.proSear .btn{background:#555 url('../images/searIcon.png') no-repeat center;;height:50px;width:50px;cursor: pointer;}



/* 内页公用菜单 */
.listMenu,.breadCrumb{height:70px;line-height:70px;background:#f5f5f5;border-bottom:1px solid #e9e9e9;}
.listMenu .menu a{float:left;font-size:16px;color:#333;position:relative;margin-right:35px;}
.listMenu .menu a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;transition:all 0.4s;background:#0079ce;}
.listMenu .menu a.cur,.listMenu .menu a:hover{color:#0079ce;}
.listMenu .menu a.cur:after,.listMenu .menu a:hover:after{width:100%;}
.menuSub{text-align:center;margin-top:20px;}
.menuSub a{width:125px;border:1px solid #ddd;background:#fff;display:inline-block;transition:all 0.3s;margin-right:10px;height:35px;line-height:35px;box-shadow:0 0 1px #fff inset;}
.menuSub a.current,.menuSub a:hover{border:1px solid #008a43;background:#005ad4;color:#fff;}

/*  产品菜单 */
.proSide{width:280px;}
.proSide h3{font-size:24px;color:#fff;padding:25px 0 0 30px;text-transform:uppercase;height:65px;background:#005ad4;}
.proSide h3 span{font-size:12px;display:block;font-weight:normal;}
.proSide .side{background:#fff;font-size:16px;border:1px solid #005ad4;}
.proSide .side .m{font-size:16px;font-weight:bold;}
.proSide .side .m>a{color:#333;display:block;padding:0 15px;font-weight:normal;}
.proSide .side a{height:60px;line-height:60px;background: url('../images/side_li.png') no-repeat 250px center;border-top: 1px solid #ddd;}
.proSide .side .m>a:hover,.proSide .side .m .cur{background-color:#005ad4;color:#fff;}
.proSide .side .m ul{padding:0 15px;overflow:hidden;}
.proSide .side .m ul a{font-weight:normal;height:40px;line-height:40px;border-top:1px solid #dcdcdc;display:block;background: url('../images/ly_li.png') no-repeat 15px center;padding-left:30px;}
.proSide .phone{background:#fff url('../images/pIcon.png') no-repeat center 20px;padding:70px 0 25px 0;text-align:center;margin-top:10px;font-weight:normal;}
.proSide .phone span{color:#005ad4;font-size:24px;display:block;margin-top:5px;}

/*  产品列表 */
.proSide .phone{background-color:#f1f1f1;}
.listRight{width:900px; float: right; overflow: hidden;}
.listRight .title1{background:#f1f1f1;height:50px;line-height:50px;overflow:hidden;margin-bottom:30px;padding:0 15px;}
.listRight .title1 strong{font-size:24px;font-weight:normal;color:#333;}
.proList ul{width:940px;}
.proList li{float:left;width:290px;margin:0 15px 20px 0;}
.proList li .pImg{display:block;width:288px;height:288px;overflow:hidden;border:1px solid #e5e5e5;position:relative;}
.proList li img{width:288px;height:288px;transition:all 0.5s;}
.proList li h5{font-weight:normal;text-align:center;height:40px;line-height:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;}
.proList li .pImg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,90,212,.7);transition:all 0.25s;transform:perspective(400px) rotateX(-90deg);-moz-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:2;}
.proList li .pImg:after{content:"";position:absolute;width:78px;height:78px;background: url('../images/sIcon.png') no-repeat;left:50%;top:50%;margin-left:-39px;opacity:0;transition:all 0.25s;z-index:3;}
.proList li:hover img{transform:scale(1.1);}
.proList li:hover .pImg:before{transform:perspective(200px) rotateX(0);}
.proList li:hover .pImg:after{transition-delay:.1s;margin-top:-39px;opacity:1;}
.listRight .title2{margin-top:40px;background:#005ad4;height:45px;line-height:45px;font-size:16px;text-align:center;margin-bottom:25px;color:#fff;}

/* 左侧图片放大镜样式 */
.rec-title{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 10px #e8e8e8;font-size:14px;font-weight:bold;color:#333;}
.product-show-pic{width:620px;height:560px;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:310px;background:#fff;border:1px solid #CCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/* 图片小图样式 */
.spec-preview{width:500px;height:560px;float:left;border:1px solid #ddd;}
.spec-scroll{width:100px;height:560px;overflow:hidden;float:right; margin-top:3px;}
.spec-scroll a.prev{display:block;width:100px;height:10px;background:url(../images/gotop.gif) no-repeat center top; overflow:hidden;cursor:pointer; margin-bottom:10px;}
.spec-scroll a.prev:hover{background:url(../images/gotop2.gif) no-repeat center top;}
.spec-scroll a.next{display:block;width:100px;height:10px;background:url(../images/gobottom.gif) no-repeat center top; overflow:hidden;cursor:pointer; margin-top:10px;}
.spec-scroll a.next:hover{background:url(../images/gobottom2.gif) no-repeat center top;}
.spec-scroll .items{width:100px;height:520px;overflow:hidden; position: relative;}
.spec-scroll .items ul{position: absolute; width:100px;height:560px;}
.spec-scroll .items ul li{width:100px;height:130px; text-align: center;}
.spec-scroll .items ul li img{width:98px;height:110px;cursor:pointer;border:1px solid #ececec;}
.spec-scroll .items ul li:hover img,.spec-scroll .items ul .on img{border:1px solid #0076c3;}

/* 产品简介 */
.proshow_synopsis{width:460px;color: #aaa;font-size: 14px;line-height: 30px; height:490px;background:#f2f2f2; border: 1px solid #d5d5d5;padding:29px}
.proshow_synopsis .title{font-size:24px; color:#005ad4;border-bottom:1px solid #dbdbdb;margin-bottom:15px;padding-bottom:0px;font-weight:normal;padding-bottom: 10px}
.proshow_synopsis strong{color: #333;font-weight: normal; }
.proshow_synopsis .font{line-height:24px;overflow: hidden;min-height:255px;margin-bottom:20px;}
.proshow_synopsis .font strong{float: left;width: 45px;}
.proshow_synopsis .font div{float: right;width:355px;}
.prodcut-tel{ padding-left:40px; margin-bottom:20px; line-height:26px; background:url('../images/p_icon.png') no-repeat left 8px; }
.prodcut-tel span{font-family:arial; font-size:24px; color:#005ad4;display: block; }
.proshow_synopsis .btn a{display: inline-block; width: 170px; height: 40px; line-height: 40px;text-align: center; background:#4b4b4b url(../images/proshow_icon1.png) no-repeat 20px 14px; color: #fff;transition: all 0.3s;font-size:16px;}
.proshow_synopsis .btn .a02{background:#005ad4 url(../images/proshow_icon2.png) no-repeat 20px 13px;margin-left:25px;}
.proshow_synopsis .btn a:hover{opacity: 0.8;filter:alpha(opacity=50);transition: all 0.3s;}

/* 产品说明标签切换样式 */
.gr-tab-list{overflow:hidden; margin-top:30px; margin-bottom:20px;}
.gr-tab-list .hd{height:34px;line-height:34px;border-bottom:1px solid #dadada}
.gr-tab-list .hd li{padding:0 30px;float:left;text-align:center;background:#dadada;margin-right:5px;cursor:pointer;}
.gr-tab-list .hd li.on{background:#005ad4;color:#fff;}
.gr-tab-list .bd{overflow:hidden;padding-top:15px;}
.gr-tab-list table td{padding-left: 15px;}
.tab_down p{ height:35px;line-height:35px;border-bottom:1px dotted #ddd;background:url(../images/ly_li.png) no-repeat left center;padding-left:15px;}
.tab_down p a{float:right;background:url(../images/downIcon.png) no-repeat right center;padding-right:25px;}
.tab_down p a:hover{background:url(../images/downIconh.png) no-repeat right center;}

/* 采购表单样式 */
.orderBox{padding:25px;width:1150px;background:#eee;overflow:hidden;}
.orderBox h3{font-size:15px;line-height:18px;font-weight:normal;font-family:"微软雅黑";}
.orderBox .table{padding-top:20px;overflow:hidden;}
.orderBox .table li{width:580px;height:215px;float:left;height:35px;margin-bottom:10px;}
.orderBox .table li span{float:left;border:1px solid #ddd;line-height:33px;height:33px;width:78px;display:inline-block;text-align:center;background:#fff;}
.orderBox .table li .iptTxt{float:right;width:489px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}
.orderBox .table li .iptCode{float:left;width:239px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}
.orderBox .table li .checkcode{float:right;border:1px solid #ddd;border-left-width:0;background:#fff;padding:5px 9px 6px 10px;}
.orderBox .table li .btn{width:410px;height:35px;line-height:35px;background:#333;cursor:pointer;font-size:14px;color:#fff;text-align:center;border:none;}
.orderBox .table li .btn:hover{background:#005ad4;color:#fff;}
.orderBox .table li.areLi{width:470px;float:right;height:215px;overflow:hidden;}
.orderBox .table li.areLi .txtContent{width:438px;height:183px;border:1px solid #ddd;outline:none;resize:none;padding:15px;color:#666;line-height:18px;}

/* 相关产品样式 */
.related-product {overflow:hidden;}
.related-product ul{width:1240px;}
.related-product .title,.relatedTitle{background:#d1d1d1;height:35px;line-height:35px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#005ad4;width:120px;height:35px;text-align:center;font-size:14px;}
.related-product ul{ width:950px; margin-top:20px;}
.related-product li{float:left;width:280px;margin-bottom:20px;margin-right:27px;border:1px solid #ddd;background:#eee;text-align:center;}
.related-product li a{display:block;width:280px;}
.related-product li img{width:270px;height:305px;padding:5px;background:#fff;}
.related-product li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}
.related-product li:hover{border:1px solid #005ad4;}
.related-product li a:hover{background:#005ad4;color:#fff;}


/* 关于我们 */
.aBox{padding:60px 0;overflow:hidden;}
.aTie{font-size:30px;font-weight:normal;color:#333;text-align:center;margin-bottom:50px;line-height:30px;padding-bottom:20px;position:relative;}
.aTie:after{content:"";position:absolute;left:50%;bottom:0;background:#d2d2d2;width:30px;margin-left:-15px;height:1px;}
.aboutBox1 .font{width:590px;line-height:26px;}
.aboutBox1 .font h3{font-size:24px;color:#005ad4;font-weight:normal;margin-bottom:25px;}
.aboutBox2,.aboutBox4,.aboutBox6{background:#f0f0f0;}
.aboutBox2 .main{background:#fff;overflow:hidden;}
.aboutBox2 .pic{width:540px;height:420px;overflow:hidden;}
.aboutBox2 .pic img{width:540px;height:420px;transition:all 0.5s;}
.aboutBox2 .main:hover img{transform:scale(1.1);}
.aboutBox2 .txt{background:#fff;padding:50px 0 0 50px;width:610px;}
.aboutBox2 .txt p{margin-bottom:30px;position:relative;padding-left:25px;}
.aboutBox2 .txt span{color:#333;font-size:16px;}
.aboutBox2 .txt p:after{content:"";position:absolute;width:6px;height:6px;background:#005ad4;left:0;top:10px;}
.aboutBox3 .menu{text-align:center;margin-bottom:35px;} 
.aboutBox3 .menu a{width:160px;border:1px solid #ccc;margin:0 6px;display:inline-block;height:45px;line-height: 45px;font-size: 16px;}
.aboutBox3 .menu a.on{background: #005ad4;color: #fff;border: 1px solid #005cd5;}
.aboutBox3 .main{height:435px;overflow: hidden;}
.aboutBox3 ul{width:1240px;}
.aboutBox3 li{float:left;width:285px;height:210px;overflow:hidden;margin-bottom:15px;margin-right:15px;}
.aboutBox3 li img{width:285px;height:210px;transition:all 0.5s;}
.aboutBox3 li.big{width:595px;height:435px;overflow:hidden;}
.aboutBox3 li.big img{width:595px;height:435px;transition:all 1.8s}
.aboutBox3 li span{background:#000;background:rgba(0,0,0,.5);height:40px;line-height:40px;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position:relative;text-align:center;transition:all 0.3s;display:block;}
.aboutBox3 li:hover span{margin-top:-40px;}
.aboutBox3 li:hover img{transform:scale(1.1);}

/* 荣誉资质 */
.honorList ul li{width:250px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;padding:15px 15px 0 15px;background:#f2f2f2;border-bottom:3px solid #ddd;position:relative;}
.honorList ul li .pImg{display:block;width:230px;height:170px;padding:4px;border:1px solid #e3e3e3;background:#fff;display: table-cell;vertical-align: middle;}
.honorList ul li img{width:230px;vertical-align: middle;height:170px;}
.honorList ul li::before{content: "";position:absolute;height:3px;bottom:-3px;left:0;transition:all 0.5s;width:0;}
.honorList ul li:hover::before{width:100%;background:#005ad4;transition:all 0.5s;}
.honorList ul li p{height:35px;line-height:35px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;}
.lb-data .lb-caption{color:#fff;}
.honorList ul li:hover{background:#eee;box-shadow:0 0 10px #ccc;}

/* 公司坏境 */
.settingList li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;background:#f2f2f2;border-bottom:3px solid #ddd;position:relative;}
.settingList li img{display:block;width:270px;height:205px;padding:4px;border:1px solid #e3e3e3;background:#fff;transition:all 0.5s;}
.settingList li::before{content: "";position:absolute;height:3px;bottom:-3px;left:0;transition:all 0.5s;width:0;}
.settingList li:hover::before{width:100%;background:#005ad4;transition:all 0.5s;}
.settingList li span{height:45px;line-height:45px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;padding:0 5px;}
.settingList li:hover img{transform:scale(.95);}

/*  合作伙伴 */
.partnerList{padding:60px 0;overflow:hidden;padding:1px;}
.partnerList li{float:left;width:198px;height:108px;position:relative;transition:all 0.3s;position:relative;border:1px solid #e2e2e2;margin-top:-1px;margin-left:-1px;}
.partnerList li img{width:198px;height:108px;position:absolute;z-index:2;transform:rotateY(0deg);transition:all 0.5s ease 0s;backface-visibility:hidden;}
.partnerList li span{position:absolute;width:188px;height:108px;background:#005ad4;line-height:98px;text-align:center;transform:rotateY(-180deg);transition:all 0.5s ease 0s;backface-visibility:hidden;color:#fff;padding:0 5px;}
.partnerList li:hover img{transform:rotateY(180deg);}
.partnerList li:hover span{transform:rotateY(0deg);}


/* 常见问题 */
.faqList li{position:relative;margin-bottom:25px;}
.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#005ad4;pointer-events:none;}
.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}
.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}
.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}
.faqList li h3{position:relative; padding:0 60px 0 25px; background-color:#f1f1f1; line-height:54px; font-size:16px; cursor:pointer;font-weight:normal;border:1px solid #e1e1e1;}
.faqList li div{display:none;padding:25px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;font-size:14px;background:#f5f5f5;}
@-webkit-keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}

/* 新闻中心 */
.newsList li{border:1px solid #e2e2e2;padding:30px;overflow:hidden;margin-bottom:30px;transition:all 0.3s;}
.newsList li .font{width:800px;overflow:hidden;color:#333;padding-top:50px;}
.newsList li .date{width:80px;height:110px;background:#2b2b2b;color:#fff;padding-left:20px;font-size:20px;font-family:'HelveticaNeuedd7b7fc3f53d6';position:relative;margin-right:40px;transition:all 0.4s;}
.newsList li .date span{display:block;opacity:.8;padding-top:35px;font-size:14px;}
.newsList li .date:after{position:absolute;content:"";width:50px;left:60px;background:#555;height:1px;top:10px;width:0;transition:all 0.3s;}
.newsList li h4{font-size:16px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:15px;}
.newsList li  .txt{color:#666;}
.newsList li .pic{width:260px;height:210px;overflow:hidden;}
.newsList li img{width:260px;transition:all 0.5s;height:210px;}
.newsList li:hover .date{margin-right:60px;}
.newsList li:hover .date:after{width:80%;}
.newsList li:hover h4{color:#005ad4;}
.newsList li:hover img{transform:scale(1.1);}
.newsList li:hover{box-shadow:0 5px 10px #eee;}

/* 新闻详细样式 */
.articleBox1 .title{text-align:center;font-size:20px;color:#000;margin-bottom:10px;font-weight:normal;}
.articleBox1 .p1{margin-bottom:15px;padding-bottom: 10px; text-align:center;color:#888;}
.detailLeft  .p1,.picShow .p1{border-bottom:1px dotted #adadad;;}
.articleBox1 .p1 span{margin-right:15px;}
.solution .p1{margin-bottom:40px;}
.review{background:#f7f7f7 url(../images/nShow_icon.png) no-repeat left top;padding:20px 20px 20px 20px;border:1px dotted #adadad;text-indent:2em;font-size:14px;color:#333;margin-bottom:20px;}
.fontResizer a{padding:0 5px;}
.article_key{background:#f7f7f7 url(../images/nShow_icon2.png) no-repeat 15px 7px;color:#adadad;margin-bottom:20px;padding-left:35px;line-height:28px;}
.fontsizebox{padding-bottom: 40px;border-bottom:1px dotted #adadad;font-size:13px;color:#424242;}
.fontSize a.active{color:#0099e6;}
.detailShare{overflow:hidden;padding:25px 0;border-bottom:1px dotted #adadad;}
.detailShare span{border-left:1px dotted #adadad;padding:0 15px;}
.detailShare span.date{margin-left:15px;}
.detail_fenx{font-size:14px;padding-top:10px;overflow:hidden;margin-bottom:20px;border-bottom:1px dotted #adadad;padding-bottom: 10px}
.detail_fenx div{width:48%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.relatedNews_font{width:1200px;overflow:hidden;font-size:13px;margin-top:15px;}
.relatedNews_font ul{width:1240px;}
.relatedNews_font ul li{float:left;padding-right:50px;width:570px;height:40px;line-height:40px;border-bottom:1px dotted #ddd;}
.relatedNews_font ul li a{display:block;width:450px;line-height:40px;background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;}
.relatedNews_font ul li span{float:right;color:#999;}

/* 案例 */
.caseList{padding:0 5px;}
.caseList li{border:1px solid #e1e1e1;padding:9px;width:550px;float:left;margin-bottom:25px;height:150px;padding-right:19px;}
.caseList li .cImg{float:left;width:200px;height:150px;margin-right:25px;overflow:hidden;}
.caseList li img{display:block;width:200px;height:150px;transition:all 0.5s;}
.caseList li h4{font-size:16px;font-weight:normal;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.caseList li h4 a{color:#333;}
.caseList li h4 a:hover{color:#005ad4;}
.caseList li .more{margin-top:15px;font-size:12px;display:inline-block;}
.caseList li .more:hover{color:#005ad4;padding-left:8px;}
.caseList li:nth-child(2n){float:right;}
.caseList li:hover img{transform:scale(1.1);}
.caseList li:hover{box-shadow:0 0 6px #ddd;}


/* 内页留言样式 */
.contactFont{overflow:hidden;margin-bottom:50px;}
.contactFont .txt{margin-bottom:30px;}
.contactFont li{float:left;width:239px;text-align:center;border-right:1px solid #dcdcdc;padding:0 30px;height:150px;padding-top:10px}
.contactFont li:last-child{border-right:none;}
.contactFont li h4{font-weight:normal;font-size:16px;color:#333;}
.contactFont li h4 span{display:block;margin:10px 0 5px 0;}
#dituContent{height:420px;}
.feedback{margin-top:50px;overflow:hidden;}
.feedback .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;position:relative;}
.feedback .title span{padding:0 25px;background: #fff;position:relative;z-index:2;}
.feedback .title::before{content:"";border-bottom:1px solid #e1e1e1;width:100%;left:0;position:absolute;top:13px;}
#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../images/contact.png) no-repeat;font-size:14px;position:relative;}
.feedback .name:after,.feedback .telephone:after,.feedback .email:after,.feedback .msg_title:after{content: "*";color:#f00;position:absolute;top:0;right:-280px;}
#feedback_form label.name{background-position:0 -32px;}
#feedback_form label.email{background-position:0 -64px;}
#feedback_form label.city{background-position:0 -96px;}
#feedback_form label.msg_title{background-position:0 -128px;}
#feedback_form label.address{background-position:0 -160px;}
#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}
#feedback_form input{width:243px;height:30px;line-height:30px;float:left;margin:0 28px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;}
#feedback_form textarea{height:125px;width:1178px;padding:10px;border:1px solid #dbdbdb;display:block;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#005ad4;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background:#333;transition:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
#feedback_form .tableRow{width:100%;height:32px;}
#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}
#feedback_form .tableRow .checkcode{width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#666;}