@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}
body{font:14px "微软雅黑","Arial Narrow",HELVETICA;color:#666;-webkit-text-size-adjust:100%;}
.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
a{ text-decoration:none !important; cursor:pointer !important;color:#999;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{max-width:1100px !important;}
.clear{clear:both}
.tr{transition:all 0.5s; -moz-transition:all 0.5s;-ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s}
.tr2{transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s}
.padding{padding:0;}
.padding2{padding:0 10px;margin:0 0 20px 0;}
.overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.no-margin{margin:0;}
.sx{cursor:pointer;}

/*头部*/
header{position:relative; z-index:2;background: rgb(254,254,254); background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(223,223,223,1) 100%); background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(223,223,223,1) 100%);background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(223,223,223,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dfdfdf',GradientType=0 ); }
header.active{box-shadow:0 2px 2px 2px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 2px 2px rgba(0,0,0,.2);-moz-box-shadow:0 2px 2px 2px rgba(0,0,0,.2);-ms-box-shadow:0 2px 2px 2px rgba(0,0,0,.2);-o-box-shadow:0 2px 2px 2px rgba(0,0,0,.2);}
header .logo{line-height:100px;}

/*顶部内容*/
header .navbox{ width:70%;}
header .top_bar .tel{margin:0 20px 0 0; display:inline-block; padding:0 0 0 40px; font-size:20px; color:#ff6000; font-weight:bold; background:url(../images/tel_icon.png) no-repeat left; line-height:38px;}
header .top_bar .tel span{ font-family:Arial, Helvetica, sans-serif;}
header .top_bar .collection{display:block;line-height:38px;}
header .top_bar .collection a{font-size:12px;color:#474747;}
header .top_bar .collection a:hover{color:#ff6000}
header .top_bar .collection span{margin-right:5px;}

/*PC端导航*/
header nav ul{ position:relative; height:60px;}
header nav ul li{ width:16.66%;}
header nav ul li a{position:relative;display:block;line-height:60px; color:#424242;}
header nav ul li:hover a{color:#0065be;}
header nav ul li a:after{ content:""; position:absolute; right:1px; top:0; z-index:1; width:1px; height:100%;background: -moz-linear-gradient(top,  rgba(197,197,197,0.01) 1%, rgba(197,197,197,0.01) 15%, rgba(197,197,197,1) 52%, rgba(197,197,197,0.01) 86%, rgba(197,197,197,0.01) 100%);background: -webkit-linear-gradient(top,  rgba(197,197,197,0.01) 1%,rgba(197,197,197,0.01) 15%,rgba(197,197,197,1) 52%,rgba(197,197,197,0.01) 86%,rgba(197,197,197,0.01) 100%);background: linear-gradient(to bottom,  rgba(197,197,197,0.01) 1%,rgba(197,197,197,0.01) 15%,rgba(197,197,197,1) 52%,rgba(197,197,197,0.01) 86%,rgba(197,197,197,0.01) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03c5c5c5', endColorstr='#03c5c5c5',GradientType=0 );}
header nav ul li a:before{ content:""; position:absolute; right:0; top:0; z-index:1; width:1px; height:100%;background: -moz-linear-gradient(top,  rgba(255,255,255,0.01) 2%, rgba(255,255,255,0.01) 15%, rgba(255,255,255,1) 52%, rgba(255,255,255,0.01) 86%, rgba(255,255,255,0.01) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,0.01) 2%,rgba(255,255,255,0.01) 15%,rgba(255,255,255,1) 52%,rgba(255,255,255,0.01) 86%,rgba(255,255,255,0.01) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0.01) 2%,rgba(255,255,255,0.01) 15%,rgba(255,255,255,1) 52%,rgba(255,255,255,0.01) 86%,rgba(255,255,255,0.01) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ffffff', endColorstr='#03ffffff',GradientType=0 );}
header nav ul:after{ content:""; position:absolute; left:0; top:0; z-index:1; width:1px; height:100%;background: -moz-linear-gradient(top,  rgba(197,197,197,0.01) 1%, rgba(197,197,197,0.01) 15%, rgba(197,197,197,1) 52%, rgba(197,197,197,0.01) 86%, rgba(197,197,197,0.01) 100%);background: -webkit-linear-gradient(top,  rgba(197,197,197,0.01) 1%,rgba(197,197,197,0.01) 15%,rgba(197,197,197,1) 52%,rgba(197,197,197,0.01) 86%,rgba(197,197,197,0.01) 100%);background: linear-gradient(to bottom,  rgba(197,197,197,0.01) 1%,rgba(197,197,197,0.01) 15%,rgba(197,197,197,1) 52%,rgba(197,197,197,0.01) 86%,rgba(197,197,197,0.01) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03c5c5c5', endColorstr='#03c5c5c5',GradientType=0 );}
header nav ul:before{ content:""; position:absolute; left:1px; top:0; z-index:1; width:1px; height:100%;background: -moz-linear-gradient(top,  rgba(255,255,255,0.01) 2%, rgba(255,255,255,0.01) 15%, rgba(255,255,255,1) 52%, rgba(255,255,255,0.01) 86%, rgba(255,255,255,0.01) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,0.01) 2%,rgba(255,255,255,0.01) 15%,rgba(255,255,255,1) 52%,rgba(255,255,255,0.01) 86%,rgba(255,255,255,0.01) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0.01) 2%,rgba(255,255,255,0.01) 15%,rgba(255,255,255,1) 52%,rgba(255,255,255,0.01) 86%,rgba(255,255,255,0.01) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ffffff', endColorstr='#03ffffff',GradientType=0 );}

/*PC端导航下拉内容*/
.menu{ position:relative; z-index:1;height:0; overflow:hidden; background:#fff;}
.menu.active{padding:15px 0 30px;height:245px;box-shadow:0 2px 2px 2px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 2px 2px rgba(0,0,0,.2);-moz-box-shadow:0 2px 2px 2px rgba(0,0,0,.2);-ms-box-shadow:0 2px 2px 2px rgba(0,0,0,.2);-o-box-shadow:0 2px 2px 2px rgba(0,0,0,.2);}
.menu ul li{ padding:0 0 0 4%; width:20%; height:200px; border-right: solid 1px #d2d2d2;}
.menu ul li a{ display:block; color:#333; line-height:26px;}
.menu ul li a:hover{color:#0065be;}
.menu ul li a strong{ font-size:16px;line-height:30px;}

/*banner轮播*/
#myCarousel{position:relative;z-index:1;}
#myCarousel .carousel-inner img {margin:0 auto;}
#myCarousel .carousel-control {font-size:100px;}
#myCarousel .carousel-control.left{background-image: none;}
#myCarousel .carousel-control.right{background-image: none;}

/*主要内容产品大类*/
.main{margin:63px auto;}
.pictrue1-list{padding:0;}
/*图片大盒子*/
.pictrue1-list .cpzs-box{width:189px;height:189px;position:relative;margin:0 auto;}
/*图片外面的圆形边框*/
.pictrue1-list .spinner{width:189px;height:189px;border:10px solid #ecab18;border-right-color:#1ad280;border-bottom-color:#1ad280;border-radius:50%;margin:0 auto;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
/*让外边框圆形旋转*/
.pictrue1-list a:hover .spinner{position:relative;top:0;left:0;z-index:100;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
/*背景图片定位在中间*/
.pictrue1-list .cpzs{position:absolute;top:10px;left:10px;overflow:hidden;border-radius:50%;width:169px;height:169px;margin:0 auto;text-align:center;color:blue;}
/*文字底色*/
.pictrue1-list .info{background:rgba(22,75,120,0.5);width:100%;height:100%;padding:1px;opacity:1;border-radius:50%;}
/*标题文字设置*/
.pictrue1-list .info h3{font-size:20px;color:#fff;margin-top:30%;text-shadow:2px 2px 2px #000;}
/*查看详情文字设置*/
.pictrue1-list .info h5{font-size:16px;color:#fff;margin-top:20px;text-shadow:2px 2px 2px #000;}
/*鼠标划过时显示内容*/
.pictrue1-list a:hover .info{opacity:1;}

/*页脚*/
footer{padding:20px 0 0; background:#eee;}
footer img{ position:relative; top:-2px;margin:0 5px 0 0;}
footer ul li{ display:inline;}
footer nav ul li a{ display:inline-block; padding:0 10px; height:14px; line-height:14px; color:#363636; border-left: solid 1px #363636;}
footer nav ul li:first-child a{ border:none;} 
footer nav ul li a:hover{ color:#176cbb}
footer .contact{ margin:28px 0 16px;}
footer .contact ul li{ margin:0 15px;color:#676767;display:inline-block;}
footer .contact ul li span{margin-right:5px;line-height:28px;}
footer .contact ul li b{margin-right:5px;line-height:35px; font-size:12px;font-weight:normal;margin-top:-3px;display:block;}
footer .tel{ margin:0 auto 20px; color:#005eb5;width:162px;}
footer .tel span{margin-right:5px;display:block;margin-top:2px;}
footer .footer_bar{background:#454545}
footer .footer_bar p{ position:relative; z-index:2; color:#fff; line-height:37px;}

/*移动端底部热点链接*/
.hot{width:100%;height:60px;background:#005eb5;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:9px 0;}
.hot .row div:hover{background:#15b4f3;}
.hot2{margin-top:40px;}

/*移动端横向下拉导航*/
.subNavBox{margin:10px 10px 0px 10px;}
.subNav{background:#e98c14;text-align:center;cursor:pointer;font-size:24px;color:#fff;}
.subNav h5{font-size:24px;line-height:50px;display:inline;margin-left:42px;}
.subNav span{line-height:50px;margin-right:20px;}
.navContent{display:none;}
.navContent li a{background:#e9e9e9;display:block;text-align:center;font-size:16px;line-height:50px;color:#000;margin-top:3px;}
.navContent li a:hover{background-color:#d3d3d3;}
.navContent .active{background-color:#d3d3d3;border-left:3px solid #e98c14;}
.subNavBox ul li:hover ul li{display:block;}
.subNavBox ul li ul li{background:#e98c14;display:none;}
.navContent .active2{background:#a2e6df;}
.navContent .active2:hover{background:#ebefa3;}

/*内页banner*/
.ny-banner{background:url(../images/cpzx.jpg) 50% 50%; background-size:cover;margin-bottom:20px;}
.ny-banner img{max-width:100%;min-height:90px;}
.neiye .title1{color:#191919;line-height:42px;}
.neiye .title1 a{color:#191919;}
.neiye .title1 a:hover{color:#065eb4;}
.neiye .title2{margin:0 0 20px; font-size:24px; color:#065eb4; line-height:50px; border-bottom:solid 1px #b6b6b6;}

/*内页左侧导航*/
.nynav ol{ padding:15px 20px 0 48px; margin:0; height:60px; font-size:16px; color:#fff; line-height:18px; background:#065eb4;}
.nynav ol span{ position:relative;display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:16px;}
.nynav ol span b{ position:absolute; left:-28px; top:-8px; font-size:37px;}
.nynav .pcdnav{ border:solid 1px #c6c6c6; border-top:none;}
.nynav .pcdnav a,.subnav .yddnav a{ display:block;}
.nynav .pcdnav{ margin:0 0 20px;}
.nynav .pcdnav li a{ position:relative; padding:0 24px;color:#535353; line-height:36px; background:#e7e7e7;}
.nynav .pcdnav li a:hover{ background:#3b8aca;color:#fff;}
.nynav .pcdnav li a.active{background:#3b8aca;color:#fff;}
.nynav .pcdnav li a.active:before{background:#fff;}
.nynav .pcdnav li a:before{margin:-1px 0 0; content:""; position:absolute; left:9px; top:50%; z-index:1; width:7px; height:1px; background:#595959;}
.nynav .pcdnav li a:hover:before{background:#fff;}
.nynav .pcdnav .xlxl a{ position:relative; padding:0 20px 0 39px;font-size:12px; color:#4f4f4f; line-height:32px;}
.nynav .pcdnav .xlxl a:hover{ color:#3b8aca}
.nynav .pcdnav .xlxl a.active{ color:#3b8aca}
.nynav .pcdnav .xlxl a:before{ margin:-1px 0 0; content:""; position:absolute; left:20px; top:50%; z-index:1; width:2px; height:2px; background:#065eb4;}
.subnav .pcdnav .xlxl a:hover:before{background:#3b8aca;}

/*产品中心展示内容*/
.ny-cpzs{ margin-bottom:20px;}
.ny-cpzs .cpzs_box{padding:5px;border:1px solid #d0d0d0;}
.ny-cpzs .cpzs_box .imgbox{padding:10px 10px 10px 100px; position:relative; min-height:86px;}
.ny-cpzs .cpzs_box .imgbox img{ position:absolute; left:10px; top:10px; z-index:1; width:80px; height:80px;}
.ny-cpzs .cpzs_box .textbox{margin:0;font-size:12px; color:#494949; line-height:24px; height:100px; overflow:hidden;}
.ny-cpzs .cpzs_box .textbox b{ display:block;margin:0 0 6px; font-size:14px; color:#202020; line-height:24px;}
.ny-cpzs .cpzs_box .tit{ margin:0 0 30px;font-size:12px; line-height:36px; color:#494949; border-bottom:dotted 1px #dddddd}
.ny-cpzs .cpzs_box .tit a{color:#ff7200;}
.ny-cpzs .cpzs_box .tit a:hover{color:#3b8aca;}
.ny-cpzs .cpzs_box .more{margin:0 0 15px;}
.ny-cpzs .cpzs_box .more a{display:inline-block; padding:0 20px; line-height:34px; font-size:12px; color:#fff; background:#3b8aca; border-radius:3px;}
.ny-cpzs .cpzs_box .more a:hover{background:#ff7200;}
.ny-cpzs .cpzs_box:hover{background:#ededed;}
.ny-cpzs .cpzs_box:hover .more a{background:#ff7200;}
.ny-cpzs .cpzs_box:hover .tit a{color:#3b8aca;}
.biankuang{width:0px;height:0px;position:absolute;z-index:99;}
.biankuang_1{height: 0px;top: 0px;left:0px;border-left: 3px solid #3b8aca;}
.biankuang_2 {width: 0px;bottom:0px;left: 0px;border-top: 3px solid #3b8aca;}
.biankuang_3{height: 0px;bottom:0px;right:0px;border-right: 3px solid #3b8aca;}
.biankuang_4{width:0px;top:0px;right:0px;border-bottom: 3px solid #3b8aca;}

/*产品中心详情页*/
.cpzxxq h5{font-weight:bold;color:#000;padding:20px 0 0 0;}
.cpzxxq .cpzxxq-img{text-align:center;}
.cpzxxq .cpzxxq-img img{width:60%;}
.cpzxxq .cpzxxq-text{font-family:'宋体';color:#000;line-height:25px;margin:40px 0px 60px;padding-left:30px;}
.cpzxxq .cpzxxq-text img{max-width: 100%; display: inline-block; margin: 0 auto;}

/*服务与支持*/
.fwzc .fwzc-text{border-bottom:1px dashed #a7a5a5;padding:10px;position:relative;}
.fwzc .fwzc-text a{color:#000;}
.fwzc .fwzc-text a:hover{color:#065eb4;}
.fwzc .fwzc-text span{font-size:12px;}
.fwzc .fwzc-text h5{margin-left:20px;font-size:12px;}
.fwzc .fwzc-text h5:before{margin:-3px 0 0;content:"";position:absolute;left:20px;top:50%;z-index:1;width:2px;height:2px;background:#000;}
.fwzc .fwzc-text a:hover h5:before{background:#065eb4;}

/*关于我们*/
.gywm{color:#000;line-height:30px;margin-bottom:30px;}

/*解决方案详情*/
.jjfaxq h5{color:#000;text-align:center;border-bottom:1px dashed #ccc;padding-bottom:10px;}
.jjfaxq .rq{text-align:center;color:#949494;}
.jjfaxq .rq a{color:#949494;}
.jjfaxq .rq a:hover{color:red;}
.jjfaxq .jjfaxq-text{color:#000;margin:20px 0px 50px;line-height:25px;}

/*媒体查询开始*/
@media (max-width:1199px){
header .logo img{ width:260px;}
header .top_bar{padding-right:10px;}
}

@media (max-width:991px){
.pictrue1-list .info{opacity:1;}
#ydnav .icon-menu{color:#0089ed;cursor:pointer;font-size:30px;z-index:1000;position:absolute;right:10px;line-height:100px}
#ydnav .sjdnav{width:150px;height:auto;position:absolute;right:0px;top:100px;z-index:1000;}
#ydnav .sjdnav li{display:block;height:40px;text-align:center;background:rgba(0,0,0,0.5);border-bottom:1px solid rgba(255,255,255,0.5);;}
#ydnav .sjdnav li a{ display:block; color:#fff; line-height:40px;font-size:14px;}
#ydnav .sjdnav li a:hover{color:yellow;}
#ydnav .sjdnavhide{height:0;overflow:hidden;}
.pictrue1-list{margin-bottom:40px;}
footer .contact ul li{width:100%;}
footer{padding:0;}
.nynav .pcdnav .xl{ display:none;}
.nynav .pcdnav li{ margin:0 0 4px;}
}

@media (max-width:767px){
header .logo{line-height:80px;}
header .logo img{ width:200px;}
.cgalimg{height:230px;}
#ydnav .icon-menu{line-height:80px;}
#ydnav .sjdnav{top:80px;}
}

@media (max-width:600px){
.cpzxxq .cpzxxq-text{padding:0;}
.cgalimg{height:200px;}
}

@media (max-width:450px){
.cgalimg{height:150px;}
header .logo{line-height:60px;}
header .logo img{ width:150px;}
#ydnav .icon-menu{line-height:60px;font-size:22px;}
#ydnav .sjdnav{top:60px;}
.pictrue1-list .cpzs-box{width:159px;height:159px;}
.pictrue1-list .spinner{width:159px;height:159px;}
.pictrue1-list .cpzs{width:139px;height:139px;}
.pictrue1-list .info h3{font-size:16px;}
.pictrue1-list .info h5{font-size:12px;}
 }

@media (max-width:360px){
.pictrue1-list .cpzs-box{width:139px;height:139px;}
.pictrue1-list .spinner{width:139px;height:139px;}
.pictrue1-list .cpzs{width:119px;height:119px;}
.cgalimg{height:120px;}
}


.cgalbox{margin-bottom:20px;}
.cgalbox .cgalimg-box{border:1px solid #a2d4fc;overflow:hidden;}
.cgalimg{height:169px;}
.cgalbox h5{font-size:12px;color:#000;margin-top:10px;}
.cgalbox a:hover .cgalimg{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.cgalbox a:hover h5{color:#065eb4;}
/*修改增加代码*/
.cpaxxq_title{text-align:center;border-bottom:1px dashed #a7a5a5;}
.cpaxxq_title a{ float:right}
.yema{font-size:14px;color:#000;display:inline-block;margin:0 0 5px 10px;}
.yema:hover{color:red;}