@charset "utf-8";
/**
*/
/*头部*/
.header{height: 125px;position: relative;background-color: #fff;}
.headerLogo{width: 310px; height:125px; }
.headerLogo img{height: 76px;display: block; margin-top:25px }
.headerNav{width: 600px;}
.headerNav .menu1>li{float: left;height: 125px;padding-right: 40px;}
.headerNav .menu1>li>a{display: block;width: 100%;height: 100%;font-size: 16px;color: #333333;transition: all .5s;position: relative;line-height: 125px;}
.headerNav .menu1>li>a:after{content: "";position: absolute;width: 0;left: 0;bottom: 0;height: 3px;background-color: #005dc9;transition: all .5s;}
.headerNav .menu1>li:hover>a,.headerNav .menu1>li.current{color: #2905af}
.headerNav .menu1>li:hover>a:after,.headerNav .menu1>li.current>a:after{width: 100%;}
.headerSear{margin-top: 40px; }
 .headerSear .searMain{padding: 5px; font-size:24px; font-weight:bold; color:#F00;}
.headerSear .searMain form{background: #fff;height: 35px;line-height: 35px;overflow: hidden;}
.headerSear .searMain .sear_text{width: 230px;float: left;height: 35px;line-height: 35px;float: left;color: #666;padding-left: 10px;background: none;}
.headerSear .searMain .sear_btn{float: left;background: url(/static/images/searbtn.png) no-repeat center center;width: 35px;height: 35px;cursor: pointer;opacity: 0.8;filter: alpha(opacity=80);}
/*头部产品子导航*/
.headerNav .prodMenu,.headerNav .comMenu{width: 100%;background-color: #005dc9;position: absolute;left: 0;top: 125px;z-index: 999;text-align: center;padding: 24px 0;display:none;}
.headerNav .prodMenu dl{color: #fff;padding-left: 115px;position: relative;margin: 0 95px;min-height:150px;float: left;}
.headerNav .prodMenu dl dt{position: absolute;left: 0;top: 0;text-align: center;font-size: 16px;}
.headerNav .prodMenu dl dt a{color: #fff;}
.headerNav .prodMenu dl dt img{display: block;width: 130px;height: 130px;margin-bottom: 10px;}
.headerNav .prodMenu dl dd{text-align: left;position: relative;margin-bottom: 2px; left:50px}
.headerNav .prodMenu dl dd:before{content: "";width: 5px;height: 1px;left: -10px;top: 50%;background-color: #fff;position: absolute;}
.headerNav .prodMenu dl dd a{font-size: 14px;color: #fff;position: relative;}
.headerNav .prodMenu dl dd a:after{content: "";position: absolute;width: 0;height: 1px;background-color: #fff;bottom: -5px;transition: all .5s;left: 0;}
.headerNav .prodMenu dl dd:hover a:after{width: 100%;}
.headerNav .caseMenu .wrap{text-align: center;}
.headerNav .caseMenu .wrap dl{float: none;display:inline-block;}

/*头部普通子导航*/
.headerNav .comMenu .wrap{width: 880px;margin: 0 auto;}
.headerNav .comMenu .pic{float: left;width: 130px;height: 130px;border-radius: 50%;border: 10px solid #FFFFFF;margin-right: 40px;}
.headerNav .comMenu .pic img{display: block;width: 100%;height: 100%;}
.headerNav .comMenu .nav{float: left;width: 400px;margin-top: 10px;margin-right: 30px;}
.headerNav .comMenu .nav a{display: block;height: 36px;line-height: 36px;color: #fff;width: 160px;text-align: left;padding-left: 20px;background: url(/static/images/sub_vicon.png) no-repeat  left center;border-bottom: 2px solid #FFFFFF;float: left;margin-right: 20px;}
.headerNav .comMenu .desc{font-size: 12px;color: #e1d9fe;line-height: 22px;width: 250px;float: left;text-align: left;margin-top: 15px;}
.headerNav .comMenu .desc span{display: block;font-size: 16px;color: #fff;margin-bottom: 15px;}
/*导航固定*/
.navFix{ position:fixed;top:0px;left:0px;width:100%;z-index:100000;_position:absolute;
    _top:expression(eval(document.documentElement.scrollTop));height: 80px;box-shadow: 0 5px 10px 1px rgba(0,0,0,0.05);border-bottom: 1px solid #f5f5f5}
.navFix  .headerLogo img{height: 76px; margin-top:0px;}
.navFix .headerNav .menu1>li{height: 80px;}
.navFix .headerNav .menu1>li>a{line-height: 80px;}
.navFix .headerSear{margin-top: 20px;}
.navFix .headerNav .prodMenu,.navFix .headerNav .comMenu,{top: 80px;}
.navFix .headerNav .prodMenu,.navFix .headerNav .comMenu{width: 100%;background-color: #005dc9;position: absolute;left: 0;top: 80px;z-index: 999;text-align: center;padding: 24px 0;display:none;}
/*广告*/
.banner{width: 100%;height: 600px;margin:0 auto;overflow:hidden;position: relative;}
.banner .bd{height:600px;overflow: hidden;position: relative;left: 50%;margin-left: -960px;width: 1920px;}
.banner .hd{width:100%;position: absolute;z-index:999;left: 0;height:16px;bottom:40px;}
.banner .hd ul{text-align: center;}
.banner .hd ul li{display:inline-block;width: 12px;height: 12px;margin: 0 5px;cursor: pointer;overflow: hidden;border:1px solid #fff;transition: all .5s;}
.banner .hd ul li.on,.banner .hd ul li:hover{background: #2905af;border-color: #2905af}
.banner .prev,.banner .next{display:block;width: 40px;height:60px;position: absolute;z-index:2;top:50%;margin-top: -20px;}
.banner .prev{background: url(/static/images/banner-pn.png) no-repeat left bottom;left: 5%;}
.banner .next{background: url(/static/images/banner-pn.png) no-repeat right bottom;right: 5%;}
/*公共主题样式*/
.homeTopic{font-size: 36px;color: #333333;font-weight: normal;text-align: center;margin-bottom: 50px;}
.homeTopic strong{font-weight: normal;color: #005dc9;}
.homeTopic .en{font-size: 14px;color: #bababa;text-transform: uppercase;display: block;margin-bottom: 5px;}
.homeTopic .cn{display: block;color: #4d4c4c;font-size: 14px;margin-top: 10px;}
/*产品*/
.homeProd{padding: 60px 0;}
.homeProd ul{width: 1250px;}
.homeProd-list li{width: 190px;background-position: left center;background-repeat: no-repeat;overflow: hidden;padding-left: 200px;float: left;height: 200px;transition: all .5s;}
.homeProd-list .li1{background-image: url(/static/images/hprod-ico1.png);margin-left: 30px;}
.homeProd-list .li2{background-image: url(/static/images/hprod-ico2.png);}
.homeProd-list .li3{background-image: url(/static/images/hprod-ico3.png);width: 170px;}
.homeProd-list .txt{float: left;}
.homeProd-list .txt dt{font-size: 24px;color: #333333;font-weight: normal;margin-bottom: 20px;}
.homeProd-list .txt dd{font-size: 14px;position: relative;padding-left: 10px;}
.homeProd-list .txt dd:before{content: "";position: absolute;width: 5px;height: 1px;background-color: #666666;top:10px;left: 0;transition: all .5s;}
.homeProd-list .txt dd a{color: #666666;}
.homeProd-list .txt dd:hover:before{background-color: #005dc9}
.homeProd-list .txt dd:hover a{color: #005dc9}
.homeProd-list li:hover{background-position: left top}

/* 关于*/
.homeAbout{background-color: #f7f7f7;padding: 60px 0;}
.homeAbout li{float: left;}
.homeAbout .li1,.homeAbout .li2{width: 312px;}
.homeAbout .li1 .txt,.homeAbout .li2 .txt{background-color: #fff;padding: 0 20px;height: 202px;font-size: 14px;color: #666666;position: relative;transition: all .5s;text-align: center;}
.homeAbout .li1 .txt:after{content: "";position: absolute; width: 0;
    height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 12px solid #fff;bottom: 0;left: 50%;margin-left: -12px;opacity: 0;transition: all .5s;z-index: 2;}
.homeAbout .li2 .txt:after{content: "";position: absolute; width: 0;
    height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 12px solid #fff;top: 0;left: 50%;margin-left: -12px;opacity: 0;transition: all .5s;z-index: 2;}
.homeAbout .li1 .txt i,.homeAbout .li2 .txt i{display: block;width: 44px;height: 44px;border: 1px solid #d9d9d9;border-radius: 50%;margin: 0 auto;background: url(/static/images/habout-ico1-1.png) no-repeat center center;margin-top: 5px;}
.homeAbout .li1 .txt h5,.homeAbout .li2 .txt h5{font-size: 24px;font-weight: normal;color: #333333;text-align: center;padding:50px 0 20px; }
.homeAbout .li1 .pic,.homeAbout .li2 .pic{display: block;height: 198px;overflow: hidden;position: relative;}
.homeAbout .li1 .pic img,.homeAbout .li2 .pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.homeAbout .li2 .pic:before{top: 40%;}
.homeAbout .li1:hover .txt:after{bottom: -10px;opacity: 1;border-top-color: #005dc9}
.homeAbout .li2:hover .txt:after{top: -10px;opacity: 1;border-bottom-color: #005dc9}
.homeAbout .li1:hover .txt,.homeAbout .li2:hover .txt{background-color: #005dc9;color: #fff;}
.homeAbout .li1:hover .txt h5,.homeAbout .li2:hover .txt h5{color: #fff;}
.homeAbout .li1:hover .txt i{border-color: #fff;background: url(/static/images/habout-ico1-2.png) no-repeat center center;}
.homeAbout .li2:hover .txt i{border-color: #fff;background: url(/static/images/habout-ico2-2.png) no-repeat center center;}
.homeAbout .li1:hover .pic img,.homeAbout .li2:hover .pic img{transform: scale(1.1);}
.homeAbout .li1:hover .pic:before,.homeAbout .li2:hover .pic:before{top: 50%;opacity: 1;}
.homeAbout .li3{width: 574px;height: 400px;position: relative;overflow: hidden;}
.homeAbout .li3 a{display: block;width: 100%;height: 100%;}
.homeAbout .li3 img{display: block;width: 100%;height: 100%;transition: all .5s;}
.homeAbout .li3 .txt{position: absolute;left: 0;right: 0;bottom: 0;height: 100px;background: rgba(0,0,0,0.7);color:#fff;font-size: 14px;padding: 0 20px;transition: all .5s;}
.homeAbout .li3 .txt h5{font-size: 24px;color: #fff;display: block;font-weight: normal;padding: 25px 0 8px;}
.homeAbout .li3:hover .txt{background-color: #005dc9;}
.homeAbout .li3:hover img{transform: scale(1.1);}
.homeAbout .li3:hover a:before{top: 40%;opacity: 1}
/*新闻媒体*/
.homeNew{padding: 60px 0;}
.homeNew-wrap{height: 450px;}
.homeNews-tab{text-align: center;margin-bottom: 50px;}
.homeNews-tab a{display: inline-block;width: 104px;height: 30px;border: 1px solid #c7c7c7;text-align: center;font-size: 14px;color: #323232;border-radius: 20px;line-height: 30px;margin: 0 5px;transition: all .5s;}
.homeNews-tab a:hover,.homeNews-tab a.on{background-color: #005dc9;border-color: #005dc9;color: #fff;}
.homeNews-left{width: 560px;border-bottom: 1px solid #e5e5e5;position: relative;margin-bottom: 40px;}
.homeNews-left:after{content: "";position: absolute;width: 0;left: 0;bottom: -1px;height: 1px;background-color: #005dc9;transition: all .5s;}
.homeNews-left a{display: block;width: 100%;height: 100%;position: relative;}
.homeNews-left .pic{display: block;height: 232px;overflow: hidden;}
.homeNews-left .pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.homeNews-left .time{position: absolute;left: 0;top: 0;width:70px;height: 70px;text-align: center;font-size: 14px;color: #fff;background-color: #005dc9;}
.homeNews-left .time b{font-size: 44px;font-weight: normal;display: block;padding: 15px 0 5px;}
.homeNews-left .txt{padding: 25px 10px 20px;color: #5a5a5a;transition: all .5s;}
.homeNews-left .txt h5{font-size: 16px;color: #232323;font-weight: normal;margin-bottom: 10px;}
.homeNews-left:hover img{transform: scale(1.2);}
.homeNews-left:hover:after{width: 100%;}
.homeNews-left:hover h5{color: #005dc9}
.homeNews-left:hover .txt{box-shadow: 0 0  22px 5px rgba(0,0,0,0.1);}
.homeNews-right {width: 595px;}
.homeNews-right li {padding: 20px;font-size: 14px;color: #666666;transition: all .5s;}
.homeNews-right li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.homeNews-right li:nth-child(2n+1){background-color: #f7f7f7}
.homeNews-right li .time{display: block;font-size: 12px;color: #666666; float: left;height: 56px;padding-right: 16px;width: 46px;padding-top: 10px;border-right: 1px solid #dadada}
.homeNews-right li .time b{display: block;font-size: 44px;color: #666666;font-weight: normal;margin-bottom: 10px;}
.homeNews-right li .txt{float: left;padding-left: 20px;width: 465px;}
.homeNews-right li .txt h5{font-size: 16px;color: #232323;font-weight: normal;margin-bottom: 8px;}
.homeNew .more{clear: both;width:178px;height: 48px;line-height: 48px;color: #666666;text-align: center;border: 1px solid #d2d2d2;display: block;margin: 0 auto; transition: all .5s;}
.homeNews-right li:hover{box-shadow: 0 0  22px 5px rgba(0,0,0,0.1);background-color: #fff;}
.homeNews-right li:hover h5{color: #005dc9}
.homeNew .more:hover{background-color: #005dc9;border-color: #005dc9;color: #fff;border-radius: 30px;}
/*底部*/
.footer{background:#efefef;color:#727272;padding: 60px  0;}
.footer .footLeft{width: 1050px;overflow: hidden;}
.footer .footLeft dl{float: left;width: 150px;margin-right: 25px;}
.footer .footLeft dl dt{font-size: 18px;color: #343434;margin-bottom: 15px;}
.footer .footLeft dl dd{margin-bottom: 5px;}
.footer .footLeft dl dd a{color: #545454}
.footer .footRight{width: 140px;overflow: hidden;}
.footer .footRight span{display: block;font-size: 14px;color: #696969;text-align: center;}
.footer .footLeft dl dd a:hover{color: #111;}
.footerBox{position: relative;}
.foot-bot{background: #5d5d5d;color: #fff;height: 70px;line-height: 70px;}
.foot-bot a{color:#fff;margin-right: 15px;font-size: 12px;}
/*关于我们专题页*/
.pageTopic{font-size: 30px;color: #005dc9;margin-bottom: 40px;}
.pageTopic span{display: block;font-size: 30px;color: #b4b4b4;font-weight: normal;text-transform: uppercase;line-height: 32px;margin-bottom: 10px;}
/*企业简介*/
.pageIntro{padding: 80px 0;}
.pageIntro-left{width: 480px;}
.pageIntro-left .txt{font-size: 14px;color: #585858;}
.pageIntro-right{width: 651px;height: 489px;margin-bottom: 130px;}
.pageIntro-right img{display: block;width: 100%;height: 100%;}
.pageIntro-Bott{clear: both;}
.pageIntro-Bott h5{font-size: 24px;color: #222222;font-weight: normal;text-align: center;margin-bottom: 50px;}
.pageIntro-Bott h5 b{font-weight: normal;color: #005dc9;font-size: 28px;text-align: center;}
.pageIntro-list{overflow: hidden;}
.pageIntro-list dl{width: 24%; padding-left: 105px;float: left;}
.pageIntro-list dl dt i{display: block;width: 130px;height: 130px;float: left;background-position: center center;background-repeat: no-repeat;margin-left: -95px;background-size:cover}

.pageIntro-list dl dt:after{ content:""; clear:both}
.pageIntro-list dl dt{font-size: 18px;color: #005dc9;font-weight: 800;margin-bottom: 25px; }
.pageIntro-list dl dd{color: #666666; padding-left:60px; }
.pageIntro-list .dl1 i{background-image: url(/static/images/pabout-ico1.png);}
.pageIntro-list .dl2 i{background-image: url(/static/images/pabout-ico2.png);}
.pageIntro-list .dl3 i{background-image: url(/static/images/pabout-ico3.png);}
.pageAbout{background-color: #f2f2f2;padding: 60px 0;}
.pageAbout .wrap{position: relative;}
.pageAbout-left{width: 475px;}
.pageAbout-pic{position: absolute;top: -40px;right: 0}
.pageAbout-pic img{display: block;width: 618px;height: 360px;}
/*发展历程*/
.pageCourse{padding:80px 0;}
.pageCourse h3{text-align: center;}
.pageCourse-main{width: 1100px;margin: 0 auto;position: relative;}
.pageCourse-main:after{content: "";position: absolute;width: 1100px;height:1px;background-color: #000000;bottom: 35px;left: 0;z-index: -1;}
.pageCourse-main .pic{position: absolute;right: 0;top: 0;}
.pageCourse-box{height: 306px;overflow: hidden;}
.pageCourse-box li{font-size: 14px;color: #272525;width: 500px;float: left;}
.pageCourse-box li span{display: block;font-size: 80px;color: #030303;line-height: 80px;margin-bottom: 30px;}
.pageCourse-hd{margin: 50px auto 0;overflow: hidden;width: 1100px;overflow: hidden;}
.pageCourse-hd li{width: 120px;float: left;font-size: 16px;color: #030303;text-align: center;position: relative;}
.pageCourse-hd li a{display: block;height: 100%;width:50px;margin: 0 auto;background:#fff; }
.pageCourse-hd li i{display: block;width: 8px;height: 8px;border-radius: 50%;border: 2px solid #b8b8b8;margin: 0  auto 5px;transition: all .5s;}
.pageCourse-hd li:hover i,.pageCourse-hd li .selected i{border-color: #005dc9;background-color: #005dc9;}
.pageCourse-main .nPrev,.pageCourse-main .nNext{position: absolute;width: 40px;height: 40px;background-repeat: no-repeat;bottom:18px;border-radius: 50%;z-index: 10;transition: all .5s;background-color: #bdbdbd;background-position: center center;background-size: 30%;}
.pageCourse-main .nPrev{left: -50px;background-image: url(/static/images/pabout-ltl.png);}
.pageCourse-main .nNext{right: -50px;background-image: url(/static/images/pabout-ltr.png);}
.pageCourse-main .nPrev:hover,.pageCourse-main .nNext:hover{background-color: #005dc9;}
/*企业文化*/
.pageCult{padding-bottom: 80px;}
.pageCult h3{text-align: center;}
.pageCult li{overflow: hidden;}
.pageCult li .pic{display: block;width: 594px;height: 260px;}
.pageCult li .pic img{display: block;width: 100%;height: 100%;}
.pageCult li .txt{background-color: #f5f5f5;width: 540px;height: 220px;padding: 40px 0 0 54px;line-height: 30px;color: #666666;font-size: 14px;}
.pageCult li .txt strong{font-weight: normal;color: #005dc9;background: url(/static/images/pagecult-ico.png) no-repeat left center;padding-left: 20px;}
.pageCult li .txt h5{font-size: 24px;color: #333333;font-weight: normal;margin-bottom: 30px;position: relative;}
.pageCult li .txt h5:after{position: absolute;content: "";width: 48px;height: 2px;background-color: #005dc9;left: 0;bottom: -15px;}
.pageCult li .txt h5 b{font-size: 14px;color: #666666;text-transform: uppercase;font-weight: normal;margin-left: 10px;}
.pageCult .li1{margin-bottom: 12px;}
.pageCult .li1 .pic{float: left;}
.pageCult .li1 .txt{float: right;}
.pageCult .li2 .pic{float: right;}
.pageCult .li2 .txt{float: left;}
/*企业荣誉 */
.pageHonor{padding: 80px 0;background-color: #f2f2f2;}
.pageHonor h3{text-align: center;}
.pageHonor-main{position: relative;}
.pageHonor-wrap{overflow: hidden;width: 1150px;margin: 0 auto;}
.pageHonor ul{width: 1240px;}
.pageHonor li{width:280px;float: left; margin-right: 10px;}
.pageHonor li .pic{display: table;height: 280px;background-color: #fff;text-align: center;width: 100%;}
.pageHonor li .pic img{display: block;width: 100%;height: 1005;}
.pageHonor li .tit{display: block;height: 44px;color: #3e3e3e;font-size: 16px;line-height: 40px;text-align: center;transition: all .5s;}
.pageHonor li:hover .tit{background-color: #005dc9;color: #fff;}
.pageHonor-main .prev,.pageHonor-main .next{position: absolute;width: 50px;height: 50px;background-repeat: no-repeat;border-radius: 50%;z-index: 10;transition: all .5s;background-color: #bdbdbd;background-position: center center;background-size: 30%;top:50%;margin-top: -25px; }
.pageHonor-main .prev{left: -50px;background-image: url(/static/images/pabout-ltl.png);}
.pageHonor-main .next{right: -50px;background-image: url(/static/images/pabout-ltr.png);}
.pageHonor-main .prev:hover,.pageHonor-main .next:hover{background-color: #005dc9;}
/*实力展示*/
.pageStren{padding: 80px 0;}
.pageStren .wrap{height: 640px;position: relative;}
.pageStren h3{text-align: center;}
.pageStren ul{width: 1230px;}
.pageStren li{width: 396px;height: 260px;overflow: hidden;float: left;margin-right: 5px;margin-bottom: 5px;position: relative;}
.pageStren li img{display: block;width: 100%;height: 100%;transition: all .5s;}
.pageStren li span{position: absolute;left: 0;right: 0;bottom: 0;height: 0;line-height: 40px;background: rgba(0,93,201,0.8);color: #fff;text-align: center;transition: all .5s;}
.pageStren li:hover img{transform: scale(1.2);}
.pageStren li:hover span{height: 40px;}
.pageStren .li3,.pageStren .list2 .li2{position: relative;top: 110px;}
.pageStren .menu1,.pageStren .menu2{position: absolute;width: 396px;height: 105px;background-color: #005dc9;font-size: 24px;color: #fff;line-height: 105px;text-align: center;}
.pageStren .menu1{top: 0;right: 0;}
.pageStren .menu2{top: 265px;left: 401px; }
/* 内页公用 */
.listBanner{ width:1920px; position: relative; left:50%; margin-left:-960px; height:360px;}
.listBanner img{display: block;}
.listWrapper{padding:70px 0 60px 0;overflow:hidden;}
.pageWrapper {padding:70px 0 60px 0;}
.location{background: url(/static/images/location_icon.png) no-repeat left center;padding-left: 20px;color: #666666 }
.breadCrumb{height: 50px;line-height: 50px;border-bottom: 1px solid #dadada;background: #fff;}
.breadCrumb p{background: url('/static/images/home_icon.png') no-repeat left center;padding-left: 20px;}
.breadCrumb .back{float:right;width:80px;height:28px;line-height:28px;text-align:center;border-radius:5px;background:#999;color:#fff;margin-top:10px;}
.breadCrumb .back:hover{background:#005dc9;transition:all 0.3s;}
.page-bgColor{background-color: #fff;padding: 30px 20px;}
/* 内页公用菜单 */
.listMenu{height: 70px;line-height: 70px;background-color: #f3f3f3;}
.menuWrap{font-size: 24px;color:#005dc9;padding-left: 30px;}
.listMenu .menuWrap a{display: block;float: left;font-size: 16px;position: relative;margin: 0 25px;color: #666666;}
.listMenu .menuWrap a:after{position: absolute;content: "";width: 1px;height: 10px;background: url(/static/images/nav-bg.png) no-repeat center center;right: -24px;top: 25px;}
.listMenu .menuWrap a:last-child:after{display: none;}
.listMenu .menuWrap a:first-child{margin-left: 0}
.listMenu .menuWrap a:before{content: "";position: absolute;left: 50%;width: 0;height: 3px;background: #005dc9;transition: all .5s;bottom: 0;}
.listMenu .menuWrap a:hover:before,.listMenu .menuWrap a.current:before{width: 100%;left: 0;}
.listMenu .menuWrap a.current,.listMenu .menuWrap a:hover{color: #005dc9}
.menuSub{text-align:left;margin-top:40px;background: #f4f4f4;padding: 15px 0}
.menuSub a{padding: 0 15px;background: url(/static/images/nav-bg.png) no-repeat right center;}
.menuSub a.current,.menuSub a:hover{color: #005dc9}
/*内页产品导航*/
.prodBar{background-color: #005dc9;min-height: 110px;}
.prodBar h3{font-size: 30px;font-weight: normal;float: right;border-left: 4px solid #fff;padding-left: 15px;margin-top: 30px;color: #fff;}
.prodBar h3 span{color: #ffffff;font-size: 14px;text-transform: uppercase;display: block;}
.prodBar .listNav{float: left;text-align: left;margin-top: 50px;}
.prodBar .listNav a{margin: 0 10px;padding: 10px 25px;color: #fff;transition: all .5s;}
.prodBar .listNav a:hover,.prodBar .listNav .current{border-radius: 30px;background-color: #fff;color: #005dc9}
.prodBar .menuNav{clear: both;text-align: left;padding:30px 0 50px;}
.prodBar  .menuNav a{font-size: 14px;color: #fff;padding: 0 10px;border-right: 1px solid #fff;}


/*  案例列表 */
.caseList li{width: 380px;margin-right: 20px;position: relative;margin-bottom: 35px;float: left;transition: all .5s;}
.caseList li .pic{display: block;overflow: hidden;position: relative;height: 300px;}
.caseList li .pic:after{content: "+";font-size: 22px;color: #fff;position: absolute;width: 60px;height: 60px;border-radius: 50%;background-color: #005dc9;line-height: 60px;text-align: center;left: 50%;margin-left: -30px;top: 30%;margin-top: -30px;opacity: 0;transition: all .5s;}
.caseList li img{width: 100%;height: 100%;transition: all .5s;display: block;}
.caseList li:hover img{transform: scale(1.2);}
.caseList li p{padding:15px 10px ;transition: all .5s;height: 50px;}
.caseList li p .tit{font-size: 16px;color: #333333;display: block;position: relative;left: 0;transition: all .5s;margin-bottom: 2px;}
.caseList li p .time{font-size: 12px;color: #888888;display: block;position: relative;left: 0;transition: all .5s;}
.caseList li:hover{box-shadow: 0 8px 20px rgba(0,0,0,.1);}
.caseList li:hover p{background-color: #005dc9;color: #fff;}
.caseList li:hover p span{color: #fff;left: 10px;}
.caseList li:hover .pic:after{top: 50%;opacity: 1;}
/* 风采展示 */
.partnerList,.honorList,.settingList,.appList,.downList{ width:1200px;overflow: hidden;}
.caseList ul,.partnerList ul,.honorList ul,.settingList ul,.downList ul,.clientList ul{ width:1240px;}
.settingList ul li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;}
.settingList ul li img{display:block;width:270px;height:190px;padding:4px;border:1px solid #e3e3e3;background:#fff;transition: all .5s;}
.settingList ul li img:hover{border:1px solid #005dc9;background:#005dc9;}
.settingList ul li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
/* 荣誉证书 */
.honorList li{width:280px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;}
.honorList li img{display:block;width:270px;height:270px;padding:4px;border:1px solid #e3e3e3;background:#fff;}
.honorList li img:hover{border:1px solid #005dc9;background:;}
.honorList li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
/* 合作伙伴 */
.partnerList li{float:left;width:220px;margin-right:25px;margin-bottom:25px;}
.partnerList li img{ width:210px; height:90px;background:#e5e5e5; padding: 4px; border: 1px solid #d4d4d4; box-shadow: 1px 1px 0 #fff inset,-1px -1px 0 #fff inset;}
.partnerList li span{ height: 35px; line-height: 35px; display: block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
/*实力列表*/
.strenList ul{width: 1250px;}
.strenList li{width: 280px;margin-right: 27px;position: relative;margin-bottom: 30px;float: left;transition: all .5s;}
.strenList li .pic{display: block;overflow: hidden;position: relative;}
.strenList li img{width: 100%;height: 100%;transition: all .5s;display: block;}
.strenList li:hover img{transform: scale(1.2);}
.strenList li p{padding:15px 10px ;transition: all .5s;position: relative;left: 0}
.strenList li p .tit{font-size: 14px;color: #333333;display: block;}
.strenList li p .time{font-size: 12px;color: #999999;display: block;}
.strenList li:after{content: "";position: absolute;width: 0;left:50%;height: 2px;background-color: #005dc9;transition: all .5s;bottom: 0px;}
.strenList li:hover:after{width: 100%;left: 0}
.strenList li:hover{box-shadow: 0 8px 20px rgba(0,0,0,.1);}
.strenList li:hover p{left: 15px;}
/* 新闻列表 */
.newsList .hot{margin-bottom: 30px;}
.newsList .hot ul{width: 1230px;}
.newsList .hot li{width: 380px;float: left;border-bottom: 1px solid #e5e5e5;position: relative;margin-right: 20px;}
.newsList .hot li:after{content: "";position: absolute;width: 0;left: 0;bottom: -1px;height: 1px;background-color: #005dc9;transition: all .5s;}
.newsList .hot li a{display: block;width: 100%;height: 100%;position: relative;}
.newsList .hot li .pic{display: block;height: auto;overflow: hidden;}
.newsList .hot li .pic img{display: block;width: 380px;height: 253px;transition: all .5s;}
.newsList .hot li .time{position: absolute;left: 0;top: 0;width:70px;height: 70px;text-align: center;font-size: 14px;color: #fff;background-color: #005dc9;}
.newsList .hot li .time b{font-size: 44px;font-weight: normal;display: block;padding: 15px 0 5px;}
.newsList .hot li .txt{padding: 25px 10px 20px;color: #5a5a5a;transition: all .5s;}
.newsList .hot li .txt h5{font-size: 16px;color: #232323;font-weight: normal;margin-bottom: 10px;}
.newsList .hot li:hover img{transform: scale(1.2);}
.newsList .hot li:hover:after{width: 100%;}
.newsList .hot li:hover .txt{box-shadow: 0 0  22px 5px rgba(0,0,0,0.1);}
.newsList .hot li:hover .txt h5{color: #005dc9}
.newsList .list li {padding-left: 150px;padding-bottom: 30px;padding-top: 30px;transition: all .5s;background: #fff;overflow: hidden;}
.newsList .list li:nth-child(2n+1) {background-color: #f7f7f7;}
.newsList .list li a{display: block;position: relative;left: 0;transition: all .5s;}
.newsList .list li .time{display: block;float: left;font-size: 12px;color: #666666;margin-left: -120px;width: 90px;height: 90px;border: 1px solid #adadad;text-align: center;transition: all .5s;}
.newsList .list li strong{font-size: 40px;color: #666666;display: block;font-weight: normal;text-align: center;margin-bottom: 10px;margin-top: 20px;transition: all .5s;}
.newsList .list li .txt{width: 970px;float: left;margin-top: 15px;}
.newsList .list li h5{font-size: 18px;color: #191919;font-weight: normal;margin-bottom: 20px;}
.newsList .list li p{font-size: 12px;color: #666666;}
.newsList .list li .more{display: block;display: block;font-size: 10px;text-align: center;height: 24px;line-height: 24px;width: 60px;text-align: center;background-color: #005dc9;color: #fff;margin-top: 35px;transition: all .5s;float: left;}
.newsList .list li:hover h5 {color: #005dc9;}
.newsList .list li:hover  .time{background-color: #005dc9;border-color: #005dc9;color: #fff;}
.newsList .list li:hover  strong{color: #fff;}
.newsList .list li:hover .more{border-radius: 20px;}
/* 常见问题 */
.faqList li{position:relative;margin-bottom: 30px;border-left: 3px solid #005dc9;}
.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#005dc9;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; background-color:#f3f3f3; line-height:54px; font-size:16px; cursor:pointer;font-weight:normal;color: #333;background-image:url(/static/images/faq.png); background-repeat:no-repeat; background-position:20px 0;}
.faqList li div{display:none;padding:25px  60px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;}
.faqList li div{background:url(/static/images/faq.png) no-repeat 20px -155px;font-size:14px;}
@-webkit-keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
/* 人才招聘  */
.jobTop{overflow:hidden;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #eee;height:295px}
.jobTop .main{float:right;width:560px;}
.jobTop .main .font{height:190px;overflow:hidden;line-height:28px;}
.jobTop .main .p1{padding-top:15px;font-size:16px;color:#333;}
.jobTop .main .p1 a{color:#005dc9;}
.jobTop .main .p1 a:hover{text-decoration: underline;}
.jobTop .more{width:100px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:3px;display:inline-block;background:#005dc9;margin-top:15px;transition: all .5s;}
.jobTop .more:hover{background:#121212;}
.jobList li{overflow: hidden;position: relative;border-bottom: 1px solid #ddd;padding:30px 0 28px;}
.jobList li .icon{display: block;width: 35px;height: 35px;background:#434343 url('/static/images/gicon19.png') no-repeat center center;position: absolute;right: 28px;top: 36px;cursor: pointer; transition: .3s;-ms-transition: .3s;-moz-transition: .3s; -webkit-transition: .3s;-o-transition: .3s;border-radius: 50%
}
.jobList li h3{width: 158px;float: left;color: #333333;font-size: 16px;font-weight: normal;background: url('/static/images/jobicon1.png') no-repeat;padding-top:85px;}
.jobList li .inner{padding-left: 158px;font-size: 14px;color: #888;line-height: 27px;}
.jobList li .txt{padding-top: 30px;display: none;}
.jobList li h4{color: #333;font-size: 14px;font-weight: normal;}
.jobList li h5{color: #005dc9;font-size: 14px;margin-top: 30px;font-weight: normal;}
.jobList .more{display: block;padding-left: 20px;}
.jobList li.on .txt{display: block;}
.jobList li.on .more{display: none;}
.jobList li.on .icon{background:#005dc9 url('/static/images/gicon18.png') no-repeat center center;border-radius: 50%}

/*  产品列表 */

.productList .sidebar{width: 220px;height: 480px; padding-right: 8px;background: url(/static/images/leftmenu_bg.png) no-repeat right 30px;}
.productList .sidebarMenu li{width: 220px;border-bottom: 1px solid #d9d9d9;transition: 0.5s}
.productList .sidebarMenu li>a:hover{color: #fff;background: #005dc9 url(/static/images/leftmenuli_bg.png) no-repeat 8px center;}
.productList .sidebarMenu li>a{width: 192px;height: 40px;line-height: 40px;color: #333;padding-left: 28px;font-size: 14px;display: block;background: url(/static/images/leftmenuli_bg.png) no-repeat 8px center;}
.productList .sidebarMenu .sidebarnav{width: 200px;padding-left: 16px;}
.productList .sidebarMenu .sidebarnav dl{height: 32px;line-height: 32px; padding-left: 20px;}
.productList .sidebarMenu .sidebarnav .on{background: url(/static/images/leftmenuli_bg.png) no-repeat 8px center;}
.productList .sidebarMenu .sidebarnav dl a{transition: 0.4s all;}
.productList .sidebarMenu .sidebarnav dl .current{color: #005dc9;}
.productList .sidebarMenu .sidebarnav dl a:hover{color: #005dc9;padding-left: 10px;}
.productList .sidebar .active{background: #005dc9 url(/static/images/leftmenuli_bg.png) no-repeat 8px center;color: #fff}
.productList .proWidth{width: 900px;margin: 0 auto;}
.proWidth h4{font-size: 30px;color: #333333;font-weight: normal;text-align: center;margin-bottom: 40px;}
.proWidth h4 span{display: block;font-size: 14px;color: #666666;margin-top: 10px;}
.proWidth li{width: 280px;height: 330px; float: left;margin-left: 16px; margin-bottom: 20px;overflow: hidden;border:2px solid #e4e4e4;transition: 0.4s all;}
.proWidth li a{display: block;width: 100%;height: 100%;position: relative;}
.proWidth li .pic{display: block;width: 278px;height: 250px;overflow: hidden;}
.proWidth li .pic img{display: block;width: 100%;height: 100%;transition: 0.5s all}
.proWidth li .pic img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.proWidth li p{font-size: 12px;padding: 0 10px;text-align: center;}
.proWidth li .tit{display: block;border-top: 1px solid #e4e4e4;;width: 250px;line-height: 44px;font-weight: 600; color: #666666;font-size: 14px;text-align: center;margin: 0 auto;}
.proWidth li .cover{background-image: url(/static/images/cover-bg.png);background-repeat: repeat;position: absolute;left: 0;top: 100%;right: 0;bottom: 0;color: #fff;padding: 0 50px;text-align: center;transition: all .5s;}
.proWidth li .cover h5{font-size: 18px;font-weight: normal;padding: 22px 0;color: #fff;position: relative;}
.proWidth li .cover h5:after{content: "";position: absolute;width: 0;height: 2px;background-color: #fff;left: 50%;margin-left: -17px;bottom: 14px;transition: all .5s;}
.proWidth li .cover p{font-size: 12px;color: #fff;height: 170px;position: relative;top: 0;opacity: 0;transition: all .5s;}
.proWidth li  .more{display: block;width: 74px;height: 30px;line-height: 30px;border:1px solid #e4e4e4;text-align: center;font-size: 14px;color: #666666;margin: 0 auto;margin-top: 20px;transition: all .5s;}
.proWidth li:hover {border:2px solid #005dc9;}
.proWidth li:hover .more{background: #005dc9;color: #fff}
/*  产品详情*/
.pageProbg{background: #fff;padding:70px;width: 1060px;margin: 0 auto;box-shadow:0 0 2px 1px #dadada;}
.prodPic{width:560px;}
.prodPic .big{width:435px;height:435px;position:relative;z-index:1;float:left;border:1px solid #e3e3e3;}
.prodPic .big a{width:435px;height:435px;background:#fff;display:table-cell;text-align:center;vertical-align:middle;}
.prodPic .big a img{vertical-align:middle;max-width:435px;max-height:435px;}
.prodPic .big a{*display:block;*font-family:Arial;*line-height:1;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(/static/images/mask.png);cursor:move;z-index:1;}
.prodPic .list{width:112px;height:436px;overflow:hidden;position:relative;float:right;}
.prodPic .list a.prev,.prodPic .list a.next{display: none;width:107px;height:25px;position:absolute;top:0;left:0;background:url(/static/images/anus.jpg) no-repeat;overflow:hidden;cursor:pointer;}
.prodPic .list a.next{top:auto;bottom:0;background-position:0 -50px;}
.prodPic .list a.prev:hover{background-position:0 -25px;}
.prodPic .list a.next:hover{background-position:0 -75px;}
.prodPic .list .thumb{position:relative;width:112px;height:370px;overflow:hidden;top: 0;}
.prodPic .list .thumb ul{position:absolute;height:99999px;}
.prodPic .list .thumb ul li{background:none;float:left;width:107px;height:95px;position:relative;}
.prodPic .list .thumb ul li a{display:block;width:103px;height:75px;border:2px solid #e3e3e3;text-align:center;background:#fff}
.prodPic .list .thumb ul li img{max-width:100%;max-height:100%;cursor:pointer;}
.prodPic .list .thumb ul li a em{display:block;width:5px;height:9px;position:absolute;right:-5px;top:35px;}
.prodPic .list .thumb ul li a.selected{border-color:#005dc9;}
.prodPic .list .thumb ul li a.selected em{background:url(/static/images/jt.png) no-repeat}
.prodeta .sidebar{width: 220px;height: 480px; padding-right: 8px;margin-right: 20px; background: url(/static/images/leftmenu_bg.png) no-repeat right 30px;}
.prodeta .sidebarMenu li{width: 220px;border-bottom: 1px solid #d9d9d9;transition: 0.5s}
.prodeta .sidebarMenu li>a:hover{color: #fff;background: #005dc9 url(/static/images/leftmenuli_bg.png) no-repeat 8px center;}
.prodeta .sidebarMenu li>a{width: 192px;height: 40px;line-height: 40px;color: #333;padding-left: 28px;font-size: 14px;display: block;background: url(/static/images/leftmenuli_bg.png) no-repeat 8px center;}
.prodeta .sidebarMenu .sidebarnav{width: 200px;padding-left: 16px;}
.prodeta .sidebarMenu .sidebarnav dl{height: 32px;line-height: 32px; padding-left: 20px;}
.prodeta .sidebarMenu .sidebarnav .on{background: url(/static/images/leftmenuli_bg.png) no-repeat 8px center;}
.prodeta .sidebarMenu .sidebarnav dl a{transition: 0.4s all;}
.prodeta .sidebarMenu .sidebarnav dl .current{color: #005dc9;}
.prodeta .sidebarMenu .sidebarnav dl a:hover{color: #005dc9;padding-left: 10px;}
.prodeta .sidebar .active{background: #005dc9 url(/static/images/leftmenuli_bg.png) no-repeat 8px center;color: #fff}
.pageindex .listBox {width: 78%}

/* 产品右侧简介样式 */
.proshow_synopsis{ border: 1px solid #dadada;padding: 19px;width:320px;color: #666;font-size: 13px;line-height:30px; height:396px;border-radius:3px;}
.proshow_synopsis .title{font-size:24px; color:#005dc9;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;margin-bottom:15px;}
.prodcut-tel{ padding-left:50px; margin-bottom:20px; line-height:26px; background:url('/static/images/p_icon.png') no-repeat left center; }
.prodcut-tel span{font-family:arial; font-size:24px; color:#005dc9;display: block; }
.proshow_synopsis .btn a{display: inline-block; width: 170px; height: 40px; line-height: 40px;text-align: center; background:#4b4b4b url(/static/images/proshow_icon1.png) no-repeat 20px 14px; color: #fff;transition: all 0.3s;font-size:16px;}
.proshow_synopsis .btn .a02{background:#005dc9 url(/static/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:40px;}
.gr-tab-list .hd{height: 60px;line-height: 60px;border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;font-size: 16px;background-color: #efefef;color: #333;}
.gr-tab-list .hd li{width:150px;float:left;text-align:center;margin-right:5px;cursor:pointer;position:relative;}
.gr-tab-list .hd li.on{background:#005dc9;color:#fff;}
.gr-tab-list .bd{overflow:hidden;padding-top:60px;min-height: 500px;}
.gr-tab-list .hd li.on::before{position: absolute;content: "";bottom:-12px;left:70px;border:6px solid transparent;border-top-color:#005dc9;}
.gr-tab-list .downList ul {width: 1200px;}
.gr-tab-list .downList ul li {height: 60px;line-height: 60px;border-bottom: 1px solid #dadada;overflow: hidden;}
.gr-tab-list .downList ul li span {display: block;float: left;color:#333;}
.gr-tab-list .downList ul li .more {display: block;width: 60px;height: 34px; line-height: 34px;
 border: 1px solid #dadada;padding-left: 30px;border-radius: 3px;color: #999;float: right;margin-top: 13px;text-align: center;background: url(/static/images/down2.png) no-repeat 15px center; transition: all .5s;}
.gr-tab-list .downList ul li .more:hover {background: url(/static/images/down3.png) no-repeat 15px center #005dc9;border-color: #005dc9;color: #fff;}
.gr-tab-list .downList .tilte {width: 40%;background: url(/static/images/down1.jpg) no-repeat left center;padding-left: 40px;}
.gr-tab-list .downList .num {width: 20%;
}
.gr-tab-list .downList .time {width: 20%;}


/* 相关产品样式 */
.relatedPro{margin-bottom:30px;overflow:hidden;}
.relatedPro .tie{height:40px;line-height:40px;background:#eee;color:#005dc9;font-size:16px;font-weight:normal;margin:20px 0;}
.relatedPro .tie span{padding:0 30px;background:#005dc9;display:inline-block;color:#fff;}
.relatedPro li{float:left;}
.relatedPro ul{ width:1240px;}
.relatedPro li{float:left;width:280px;margin-bottom:20px;margin-right:24px;border:1px solid #ddd;background:#eee;text-align:center;transition: all .5s;}
.relatedPro li a{display:block;width:280px;transition: all .5s;}
.relatedPro li img{width:270px;height:257px;padding:5px;background:#fff;}
.relatedPro li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}
.relatedPro li:hover{border:1px solid #005dc9;}
.relatedPro li a:hover{background:#005dc9;color:#fff;}
/* 采购表单样式 */
.orderBox{padding:25px;width:1150px;background:#f1f1f1;overflow:hidden;margin:0 auto;}
.orderBox h3{font-size:15px;line-height:18px;font-weight:normal;font-family:"微软雅黑";}
.orderBox .table{padding-top:20px;overflow:hidden;}
.orderBox .table li{width:520px;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:98px;display:inline-block;text-align:center;background:#fff;}
.orderBox .table li .iptTxt{float:right;width:408px;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:199px;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:left;border:1px solid #ddd;border-left-width:0;background:#eee;margin-left:2px;padding:6px;}
.orderBox .table li .btn{width:385px;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:#005dc9;color:#fff;}
.orderBox .table li.areLi{width:570px;float:right;height:215px;overflow:hidden;}
.orderBox .table li.areLi .txtContent{width:528px;height:183px;border:1px solid #ddd;outline:none;resize:none;padding:15px;color:#666;line-height:18px;background:#fff;}
/*  文章详情 */
.articleShow .articleLeft{width: 830px;}
.articleShow .articleStart{margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #dedede}
.articleShow .articleLeft .title{font-size: 18px;line-height: 30px;color: #303030;font-weight: normal;margin-bottom: 10px;}
.articleShow .articleLeft .time{display: block;font-size: 14px;color: #999999}
.articleShow .articleLeft .content{margin-bottom: 60px;}
.articleShow .articleLeft .bshare-custom{font-size: 14px;color: #999999;margin-top: 40px;}
.articlePage{background: #f5f5f5}
.articleShow  .articlePage .post-prev,.articleShow  .articlePage .post-next{transition: all .36s ease;position: relative;width: 50%;overflow: hidden;float: left;padding: 15px;box-sizing: border-box;-moz-box-sizing: border-box;background: #f5f5f5;transition: all .5s;}
.articleShow  .articlePage a{display: block;width: 100%;height: 100%;}
.articleShow  .articlePage .pageImg{width: 70px;transition: all .5s;}
.articleShow  .post-prev .pageImg{text-align: right;}
.articleShow  .articlePage h5{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;color: #666;font-weight: normal;position: relative;transition: all .5s;width: 240px;}
.articleShow  .articlePage .post-prev h5{right: 0;text-align: right;}
.articleShow  .articlePage .post-next h5{left: 0;text-align: left;}
.articleShow  .articlePage i{display: block;width: 40px;height:16px;margin-top: 5px;}
.articleShow  .articlePage .post-prev i{border-right: 1px solid #c9c9c9;background: url(/static/images/pagejt-icol.png) no-repeat 0 center;transition: all .5s;}
.articleShow  .articlePage .post-next i{border-left: 1px solid #c9c9c9;background: url(/static/images/pagejt-icor.png) no-repeat -40px center;transition: all .5s}
.articleShow  .articlePage .post-prev:hover .pageImg,.articleShow  .articlePage .post-next:hover .pageImg{color: #fff;}
.articleShow  .articlePage .post-prev:hover,.articleShow  .articlePage .post-next:hover{background-color: #005dc9}
.articleShow  .articlePage .post-prev:hover h5{color: #fff;right:25px;}
.articleShow  .articlePage .post-next:hover h5{color: #fff;left:25px;}
.articleShow  .articlePage .post-prev:hover i{border-color: #fff;background-position: -40px 0;opacity: 0.6}
.articleShow  .articlePage .post-next:hover i{border-color: #fff ;background-position: 0 0;opacity: 0.6}
.articleShow .articleRight{width: 300px;}
.articleShow .articleRight  h3{height: 30px;line-height: 30px;font-size: 16px;font-weight: normal;color: #303030;margin-bottom: 10px;}
.articleShow .articleRight .articleRelate-prod{border-top: 1px solid #dedede;padding-top: 20px;border-bottom: 1px solid #dedede;padding-bottom: 10px;margin-bottom: 20px;}
.articleShow .articleRight .articleRelate-prod ul{width: 320px;}
.articleShow .articleRight .articleRelate-prod li{width: 140px;float: left;margin-right: 10px;margin-bottom: 10px;position: relative;}
.articleShow .articleRight .articleRelate-prod li a{display: block;width: 100%;transition: all .5s;left: 0;}
.articleShow .articleRight .articleRelate-prod li:nth-child(2n+1):after{content: "";position: absolute;width: 0;height: 140px;border-left: 1px dotted #ccc;right: -5px;top: 0;}
.articleShow .articleRight .articleRelate-prod li .pic{display: block;width: 100%;height: 110px;overflow: hidden;border-bottom: 1px dotted #ccc;}
.articleShow .articleRight .articleRelate-prod li  img{display: block;width: 100%;height: 100%;transition: all .5s;}
.articleShow .articleRight .articleRelate-prod li h5{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;font-size: 12px;height: 30px;line-height: 30px;color: #666;font-weight: normal;text-align: center;}
.articleShow .articleRight .articleRelate-prod li:hover{box-shadow: 0 0 10px rgba(0,0,0,.1);}
.articleShow .articleRight .articleRelate-prod li:hover img{transform: scale(1.2);}
.articleShow .articleRight .articleRelate-prod li:hover h5{color: #005dc9}
.articleShow .articleRelate-news{border: 1px solid #e5e5e5;padding: 15px 10px;}
.articleShow .articleRelate-news li{height: 36px;line-height: 36px;border-bottom: 1px dotted #e5e5e5;transition: all .5s;}
.articleShow .articleRelate-news li a{display: block;background: url(/static/images/ly_li.png) no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 10px;}
.articleShow .articleRelate-news li:hover{padding-left: 10px;}
.articleShow .articleRelate-news li:hover a{color: #005dc9}
/* 内页留言样式 */
.page-ditu{background: #f5f5f5;height: 400px;}
#dituContent{width:600px;height:400px;float: left;}
.contactFont{overflow:hidden;margin-bottom:30px;float: right;width: 540px;height: 360px;padding: 20px 30px;}
.page-contact-title{ font-size:26px; line-height:50px; color:#333; text-align:center; padding:10px 0 20px;}
.page-contact{}
.page-contact dl{ width:20%; height:210px; float:left; text-align:center; position:relative;}
.page-contact dl:before{ content:""; overflow:hidden; position:absolute; background-color:#eee; left:0px; top:0; height:100%; width:1px;}
.page-contact dl:nth-child(1):before{ width:0;}
.page-contact dl dt{ position:relative; padding-top:120px; font-size:12px; line-height:20px; color:#888;}
.page-contact dl dt span{ width:90px; height:90px; position:absolute; left:50%; top:20px; margin-left:-45px;}
.page-contact dl dd{ font-size:14px; line-height:24px; padding:10px 20px 0;}
.map{ margin-top:60px;overflow:hidden;}
.map .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;}
.map-left{ width:780px; height:560px;}
.map-line{ margin-top:0px;}
.map-line d{ margin:25px 30px 0; background-repeat:no-repeat; background-position:left 8px; padding-left:55px;}
.map-line dl d{ font-size:18px; line-height:30px; color:#eee;}
.map-line dl dd{ font-size:14px; line-height:24px; color:#bbb; padding:5px 0 25px; border-bottom:1px dotted #888;}
.map-line dl:nth-last-child(1) dd{ border:none;}
.map-line dl.map-line-a{ background-image:url(/static/images/icon-cc-a.png);}
.map-line dl.map-line-b{ background-image:url(/static/images/icon-cc-b.png);}
.map-line dl.map-line-c{ background-image:url(/static/images/icon-cc-c.png); background-position:left 3px; }
.feedback{margin-top:50px;overflow:hidden;}
.feedback .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;}
.feedback .title span{background:#fff;padding:0 30px;position:relative;top:-10px;}
.feedback .title::before{content:"";border-bottom:1px solid #e1e1e1;height:12px;vertical-align:top;width:100%;display:block;}
#feedback_form{position:relative;}
#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(/static/images/contact.png) no-repeat;font-size:14px;}
#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:240px;height:30px;line-height:30px;float:left;margin:0 37px 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 i{font-style:normal;color:#ff1f19;position:absolute;font-size:14px;left:380px;top:6px;}
#feedback_form .f2{left:790px;}
#feedback_form .f3{left:auto;right:0;}
#feedback_form .f4{left:380px;top:66px;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#005dc9;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:#005dc9;}