html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;padding:0;
    min-width:1200px;
    font-size: 14px;
    color:#333;
    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
a {
    background-color: transparent;
    -moz-transition: all 0.25s;  -webkit-transition: all 0.25s;  transition: all 0.25s;
    text-decoration: none;
}
*:focus { outline: none; }
a:hover{opacity: .8;}
a:active,
a:hover {outline: 0;}
ul,li,p{margin: 0;padding: 0;list-style-type: none}
.width100{width:100%!important;}
.f333{color:#333;}
.f666{color:#666;}
.f999{color:#999;}
.m-l-0{margin-left: 0!important}
.p-t-2{padding-top: 2px;}
.p-t-4{padding-top: 4px;}
.p-t-8{padding-top: 8px;}
.p-t-50{padding-top: 50px;}
.p-t-30{padding-top: 30px;}
.m-b-16{margin-bottom: 16px;}
.m-t-20{margin-top: 20px;}
.m-t-16{margin-top: 16px;}
.m-t-40{margin-top: 40px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.red{color:#ff2d55;}
.orange{color:#ff994a}
.green{color:#0bb20c}
.none{display: none;}
.blue{color:#007aff;}
.block{display:block;}
.l{float:left;}
.r{float:right;}
.content{width:1200px;margin:0 auto;overflow: hidden;}
.text-center{text-align: center}
.text-left{text-align: left;}


/*头部*/
.nav{position: relative;width:100%;height:102px;background-color:#fff;z-index:9999;
    *zoom:1;background: url(../frontimg/topbg.gif) right top no-repeat;
    }
.nav-title{height:36px;line-height:36px;color:#fff;z-index:2;}
.logo{float:left;}

.nav-one{padding-left: 10px;height:36px;line-height:36px; overflow: hidden;background:#0c71e5;}
.top-text{overflow: hidden;float:right;}
.top-text span a{color:#fff; padding: 0 6px;}
.nav-two{}
.top-list{float:left;width:176px;background:#0c71e5;height:46px;line-height:46px;text-align: center;margin-top:20px;cursor: pointer;}
.top-list:hover{background:#0c5cad}
.nav-block{width:1200px;height:458px;margin: 0 auto;background:#ffffff;overflow: hidden;}
.nav-block-left{float:left;width:300px;}
.nav-block-left ul li{background:#0c71e5;height:50px;line-height:50px;text-align: center;border-bottom:1px #3a8ae4 solid}
.nav-block-left ul li a{color:#fff;display: block;}
.nav-block-left ul li:hover{opacity: .8;}
.nav-block-right{float:left;}
.n-list{height:51px;line-height:51px;overflow: hidden;color:#333;position: relative;width:900px;}
.n-list ul li{float:left; text-align: center; width:130px;position: relative;}
.n-list ul li:after{content: '';position: absolute;bottom:0;width:1px;top:16px;height:20px;background:#ccc;right:0;}
.n-list ul li a{color:#333;}
.more{position: absolute;right:16px;color:#3a8ae4;}
.more a{color:#3a8ae4;}
.eff12{background:#eff1f2;}
.nav-list{overflow: hidden;width:600px;float:left;margin-top: 20px;height: 46px;line-height: 46px; margin-left: 10px;}
.nav-list ul li{float:left;width:100px;text-align: center;color:#333;position: relative;}
.nav-list ul li a{color:#333; display: block;}
.nav-active{}
.nav-active:after{content: '';position: absolute;bottom:0;width:60px;height:4px;left:50%;margin-left:-30px;background:#0c71e5}
.nav-search{float: left; position: relative;margin-top:22px;}
.search-but{border:none; text-indent: 20px;color:#666;font-size: 14px; padding:6px 0;border: 1px #ccc solid;width: 150px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
#banner .pagination {position: absolute;left: 0;text-align: center;bottom: 55px;width: 100%;z-index:999;}
#banner .swiper-pagination-bullet {display: inline-block;width: 6px;height: 6px;opacity:1;border-radius: 10px;background: white;margin: 0 3px;cursor: pointer;transition: width 0.3s ease-in-out;}
#banner .swiper-pagination-bullet-active{background: #fdd000;width:12px;}
.two-banner{background:#f4f4f4;height:410px;width:100%;position:relative;}
.t-ban{height:474px; position: absolute;top:-64px;width:1200px;background:#000;z-index:999;left:50%;margin-left:-600px;}
.m-slide{ position: relative; width:964px; height: 474px;float:left;background: #fff }
.m-slide .bottom-shadow{ position: absolute;  bottom: -3px; left: 0; width: 100%; height: 1px; overflow: hidden;
    border-top: 1px solid #e0e0e0; background: #e6e6e6; border-bottom: 1px solid #ececec }
.m-slide .img { float: left; position: relative }
.m-slide .img li, .m-slide .img a, .m-slide .img img { display: block; width: 771px; height: 474px }
.m-slide .img li { display: none; position: absolute; left: 0; top: 0 ;}
.m-slide .img .first { display: block }.m-slide .tab { float: right }
.m-slide .tab li { *margin-bottom: -3px; border-top: 1px solid #e5e5e5; width: 193px;text-align: center;height:58px;line-height:58px; }
.m-slide .tab .first { border-top: 0 }
.m-slide .tab a { text-decoration: none; display: block; position: relative; width: 190px;height:58px;line-height:58px; border-left: 3px solid #fff; text-align: center;}
.m-slide .tab a b { position: absolute; left: 0; top: 24px; width: 4px; height: 11px; overflow: hidden }
.m-slide .tab a span {}
.m-slide .tab a .title { left: 17px; top: 6px; height: 49px; line-height: 58px; font-size: 16px; font-weight: bold; color: #0082df; }
.m-slide .tab a .des { left: 18px; top: 26px; height: 16px; line-height: 16px; color: #999 }.m-slide .tab .first a { height: 50px }
.m-slide .tab .on a { border-left: 3px solid #41a1f2 }.m-slide .tab .on a b { background: url(../images/dot.png) no-repeat}
.m-slide .tab .on a span { color: #41a1f2 }
.b-title{position: absolute;bottom:0;padding:19px;width:95%;background-color:#fff;background-color: rgba(255,255,255,0.8);z-index:9999;
    *zoom:1;color:#333;font-size: 16px;text-indent: 2rem;}

/*首页主体 */
.one-bg{overflow: hidden;height:80px;width:100%; position: relative}
.one-bg:after{content: '';position: absolute;background:#0c71e5;width:50%;height:80px;left:0;top:0;z-index:0;}
.one-bg:before{content: '';position: absolute;background:#f4f4f4;width:50%;height:80px;right:0;top:0;z-index:0;}
.title-txt{height:80px;width:1200px;z-index:99;position: absolute;left:50%;margin-left:-600px;}
.title-zi{border-left:6px #fff solid;height:56px;color:#fff; margin-top: 14px; padding-left: 20px;float:left;}
.title-color{float:right;background:#f4f4f4;height:80px;width:900px;}
.one-tit{text-align: center; padding: 26px 0;}
.one-tit h3{color:#0c71e5;font-size: 26px;margin: 0;padding:0;}
.one-tit p{position: relative;width:300px;margin: 0 auto;}
.one-tit p:after{content: '';position: absolute;background:#ccc;width:150px;height:1px;left:-110px;top:18px;z-index:0;}
.one-tit p:before{content: '';position: absolute;background:#ccc;width:150px;height:1px;right:-110px;top:18px;z-index:0;}

.cp{width:1200px;margin:0 auto 0 auto;overflow: hidden;height:590px;}
.cp-one{width:380px;height:590px;background:#ebf2fa;text-align: center;cursor: pointer;float:left;}
.cp-one:hover{opacity: .8;}
.cp-one h3{padding-top: 60px;font-size: 24px;}
.cp-one img{padding-top: 60px;padding-bottom: 30px;}
.cp-two{float:right;width:800px;}
.cp-up{width:800px;height:250px;background:#faefeb;cursor: pointer;}
.cp-up:hover{opacity: .8;}
.cp-up img{float:left;margin-top: 50px;margin-left: 60px;}
.cp-up h3{text-align: center;padding-top:70px;font-size:24px;}
.cp-up p{width: 460px;float: right;margin-right:46px;line-height:28px; padding-top: 40px;}
.cp-down{overflow: hidden;height:320px;margin-top: 20px; text-align: center;}
.cp-down ul li{width:253px;height:320px;background:#f1f0f0;float:left;cursor: pointer;}
.cp-down ul li:hover{opacity: .8}
.cp-down ul li img{margin-top: 60px;}
.cp-down ul li p{padding-top: 32px;font-size: 16px;}
.lr-m{margin-left: 21px;margin-right: 20px;}
.t-cp{width:1200px;margin: 0 auto;overflow: hidden;}
.t-cp-left{background:#ebf2fa;width:580px;float:left;cursor: pointer;text-align: center}
.t-cp-left:hover{opacity: .8}
.t-cp-left{font-size:24px;padding-top:80px;}
.t-cp-left img{margin-top: 40px;}
.t-cp-left p{padding:50px 30px 30px 30px;}
.t-cp-right{background:#faefeb;width:580px;float:right;cursor: pointer;text-align: center}
.t-cp-right:hover{opacity: .8}
.t-cp-right{font-size:24px;padding-top:80px;}
.t-cp-right img{margin-top: 40px;}
.t-cp-right p{padding:50px 30px 30px 30px;}

/*信息*/
.news-bgone{background-image: url(../images/bg.jpg);background-position: bottom;background-repeat: repeat-x; padding-bottom:10px;}
.news{width:1200px;margin:60px auto;overflow: hidden;}
#tab{position:relative;}
#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1;}
#tab .tab_menu li{float:left;width:33.333%;height:60px;cursor:pointer;text-align:center;background:#eff8ff;font-size: 16px; padding-top:20px;}
#tab .tab_box{width:100%;height:520px;clear:both;top:80px;position:relative;}
#tab .tab_menu .selected{background-color:#0c71e5;cursor:pointer;color:#fff}
#tab .tab_menu .selected a{color:#fff;}
#tab .tab_menu li a{color:#333;}
#tab .tab_menu li a:hover{color:#fff;}
.hide{display:none;}

.new-all{overflow: hidden;padding-top: 30px;}
.blue-txt{height:320px;width:390px;position: relative;background:#0c71e5;color:#fff;}
.blue-txt h3{text-align: center;padding-top: 30px;}
.blue-txt p{width:330px;margin: 40px auto auto;font-size: 14px; line-height:24px;color:#fff;}
.blue-txt p a{color:#fff;}
.new-p{position: relative;}
.new-p img{width:790px;height:320px;}
.new-p-text{position: absolute;bottom:4px;width:100%;background-color:#000;background-color: rgba(0,0,0,0.6);color:#fff;height:50px;line-height:50px;text-indent: 30px;}
.jia{position: absolute;right:16px;bottom:16px;}
.jia a{color:#fff;}
.jia a:hover{opacity: .6;}
.new-bt{overflow: hidden;}
.new-bt span{float:left;width:199px;background:#fff;height:80px;border-right:1px #dcdcdc solid; display: block;position: relative;}

.new-bt span:last-child{border-right:none;}
.new-bt span p{text-align: center;}
.new-bt span a{display: block; height:80px;color:#333;}
.new-bt span a:hover{color:#007aff;}
.act a{color:#007aff!important;}
.act:after{content: '';position: absolute;width:100%;bottom:0;height:4px;background:#007aff;}

.bottom{width:100%;background:#0061a7;min-height:300px;}
.bottom-list{overflow: hidden;}
.bottom-list ul li {float:left;color:#fff;border-right:1px #2774ac solid;width:170px;padding-top:20px;text-align:left;text-indent: 50px;height:160px;}
.bottom-list ul li p{padding-top:6px;}
.bottom-list ul li:first-child{border-left:1px #2774ac solid}
.bottom-list ul li a{color:#e3e3e3;}
.bottom-three{color:#e3e3e3;padding-top: 30px;overflow: hidden;}
.bottom-add{text-align:center}
.bottom-add ul li{padding-top:6px;}
.bottom-more{float:left;}
.bottom-more ul li{padding-top:6px;}
.bottom-ewm{overflow: hidden;padding-left: 180px;}
.bottom-ewm ul li{float:left; text-align: center;padding-left: 80px; padding-top: 20px;}
.bottom-ewm ul li p{font-size:26px;}

/*产品列表*/
.cp-list{position: relative;text-align: center}
.cp-bottom{background:#0c71e5;width:1200px;bottom:0;padding:16px 0;position: absolute;color:#fff;left:50%;margin-left:-600px;}
.listnav{background:#f4f4f4;padding: 16px;}
.cplist{width:1200px;margin:50px auto;overflow: hidden;}
.cplist ul li{float:left;border:1px #dcdcdc solid;margin:15px; cursor: pointer;  overflow: hidden;width:268px;height:370px;}
.cplist ul li img{ transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;}
.cplist ul li img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1)  }
.cplist ul li span{border-left:2px #0082df solid;display: block;margin:20px; padding-left: 10px;}
.cplist ul li:hover{border:1px #0082df solid;}

.product-list{border-bottom:1px #dcdcdc solid; margin: 30px auto;overflow: hidden;}
.p-img{float:left;}
.p-title{float:left; overflow: hidden;width:650px; margin-left: 100px;}
.p-title ul li{float:left;width:50%;height:130px;}
.p-title ul li span{display: block;}
.p-tit{border-left:2px #007aff solid;padding-left: 10px;}
.p-border{border:1px #dcdcdc solid;font-size: 12px;width:120px; margin-top: 20px; padding:6px;}
.p-border p{font-size:13px;}
.cp-button{background:#e0e0e0;width:200px;height:40px;line-height:40px;display: block; text-align: center;color:#333;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;}
.cp-button:hover{background:#007aff;color:#fff;}
.clearfix{overflow: hidden;clear: both;}
.bpage{height:200px;width:100%;background-image: url(../images/bpage.jpg);background-repeat: no-repeat;}


.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;width:100%;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{height:407px;width:407px;}
.tb-s310, .tb-s310 img{max-height:407px;max-width:407px;}

.tb-s40, .tb-s40 a{height:94px;width:94px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0;left:0;width:404px;height:404px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.gzw{width:300px;height:517px;background:#dcdcdc;}
.gzw img{width:300px;}
.cp-del{border-top:1px #dcdcdc solid;border-bottom:1px #dcdcdc solid;width: 430px;padding: 20px 0;}

.cpxq{overflow: hidden; padding-top: 40px;}
.cpxq ul li{float:left;width: 145px;text-align: center;height:121px;}
.cpxq ul li i{font-size: 50px;}
.cpxq ul li a{display: block;}
.cpxq ul li:hover i{color:#007aff;}

.pro-box{border:1px #dcdcdc solid;width:96%;padding:20px; margin: 40px auto;}
.p-box-list{overflow: hidden; padding-top:20px;}
.p-box-list-left{border-top:1px #dcdcdc solid;width:200px; padding-top:20px;}
.p-box-list-right{border-top:1px #dcdcdc solid;width: 920px;padding-top:20px; }

.quan-text{border-top:1px #dcdcdc solid;margin-top:40px; padding-top: 20px;}

/*公司介绍*/
.js-nav{width:1200px;position: absolute;bottom:0;background:#fff;left:50%;margin-left:-600px;}
.js-nav ul{width:600px;overflow: hidden; border-left:1px #dcdcdc solid; margin: 0 auto;}
.js-nav ul li{float:left;width:197px;text-align: center;font-size: 18px; border-right:1px #dcdcdc solid;height:80px;line-height:80px;position: relative;}
.js-nav ul li a{display: block;}
.js-nav-select{background-image: url(../images/dixian.jpg);background-repeat: repeat-x;background-position: bottom;color:#0c71e5;font-weight: bold;}
.js-nav ul li:hover{background-image: url(../images/dixian.jpg);background-repeat: repeat-x;background-position: bottom;color:#0c71e5;font-weight: bold;}

.c-box{background:#fff;}
.over-hidd{overflow: hidden;}
.bg-blue{background-color:#0c71e5}
.bg-blue-text{color:#fff;font-size: 20px;}

.wh-title{border-left:2px #0c71e5 solid; padding-left: 16px;}
.odbox{overflow: hidden;background:#f4f4f4;}

.p-three-box{overflow: hidden;width:1200px; margin-bottom: 50px;}
.p-three-box ul li{background:#fff;padding:20px;width:320px;}
.p-three-box ul li img{width:100%;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;}
.p-three-box ul li img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}

.w-tit{height:90px;font-size: 16px; padding-top: 30px;}
.lilian{background-color:#0d6ad2;overflow: hidden;color:#fff;font-size: 20px;}
.lilian-one{font-size:20px;padding:60px;}

.news-bg{background-image: url(../images/newsbg.jpg);height:128px;background-repeat: no-repeat;}
.new-box{padding: 60px 30px}
.new-up{border-top:1px #dcdcdc solid; margin-top: 60px; padding-top: 30px;}
.new-up ul{width:600px;margin: 0 auto;text-align: left;}
.new-up ul li{font-size: 16px ;padding-top: 6px;}

.news-list{position: relative;text-align: center}
.news-nav{width:1200px;position: absolute;bottom:0;background:#fff;left:50%;margin-left:-600px;}
.news-nav ul{width:596px;overflow: hidden; border-left:1px #dcdcdc solid; margin: 0 auto;}
.news-nav ul li{float:left;width:197px;text-align: center;font-size: 18px; border-right:1px #dcdcdc solid;height:80px;line-height:80px;position: relative;}
.news-nav ul li a{display: block;}
.news-nav-select{background-image: url(../images/dixian.jpg);background-repeat: repeat-x;background-position: bottom;color:#0c71e5;font-weight: bold;}
.news-nav ul li:hover{background-image: url(../images/dixian.jpg);background-repeat: repeat-x;background-position: bottom;color:#0c71e5;font-weight: bold;}

.news-pic{position: relative;}
.news-pic-text{background-color:#fff;background-color: rgba(255,255,255,0.8);color:#333;position: absolute;bottom:0;width:98%;text-indent: 30px;padding:10px; font-size: 16px;}
.news-bt{color:#fff;}
.news-bt a{color:#fff;}
.news-more{position: absolute;right:20px;bottom:20px;color:#fff;}
.news-right-box{width:240px;height:360px; padding: 20px; color:#fff; position: relative;}

.news-list-box{border:1px #ccc solid;overflow: hidden; margin-top: 26px;}
.news-list-box-right{width:700px; padding-right: 40px;}
.xq{padding-right: 20px;font-size: 16px;color:#007aff;padding-top: 20px;}
.xq a{color:#007aff;}
.ht84{height:84px;overflow: hidden;}
.news-list-box:hover{border:1px #007aff solid;}

/*客服*/
.main-im{ position:fixed; right:0px; top:300px; z-index: 10011; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px;left:0px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }