@charset "utf-8";
html { font-family:"微软雅黑"; font-size:14px;} 
html,body{ height:100%; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%;  overflow:-Scroll;overflow-x:hidden}
a, a:hover { text-decoration: none; outline: none;  }
a{ color:#0b0808;}
p{ margin:0; padding:0;}
:link, :visited{text-decoration: none;}
ul,li { list-style: none }
img { border: none; /*max-width:100%;*/}
input, select, textarea { border: none; outline: none; background: none }
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
.clear{clear:both; width:100%; overflow:hidden;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
/* clear */
.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }
.fn-clear { visibility: hidden; clear: both; }
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); }
::-ms-clear, ::-ms-reveal{display: none; }

.zj{ width:1200px; margin:0 auto; display:block;}
.fl{ float:left;}
.fr{ float:right;}

.headerTopWrap{ width:100%; height:32px; display:table; background:#f5f5f5; line-height:32px; color:#333; font-size:13px; border-bottom:1px solid #f4f4f4}
.headerTopWrap .headerTop{ width:1200px; display:table; margin:0 auto}
.headerTopWrap .topLink{ float:right}
.headerTopWrap .topLink a{ color:#666; margin:0 5px;}
.headerTopWrap .hy{ float:left}
.headerTopWrap .topLink a:hover{ color:#b8100d}
.headerTopWrap .topLink .k1 {    padding: 0 0 0;}

/*header*/
.header { width:100%; display:table; margin: 0 auto; }
.hy{ width:730px; float:left;font-size:13px; padding-left:10px;}
.home{ height: 30px; color: rgb(128, 128, 128); background: rgb(245, 245, 245); border-bottom: 1px solid rgb(243, 242, 242); font: 400 12px / 30px 宋体;}
.home a{ color: rgb(128, 128, 128);  margin:0 5px;font-size:13px;}
.home a:hover{ color:#0066d9;}
.home_l{ float:left}
.home_r{ float:right}

.top{ width:1200px; height:110px; display:table; margin:0 auto}
.logo{ float:left; line-height:110px}
.logo img{vertical-align: middle;}
.tel{ float:right; height:52px; background:url(../images/tel.png) no-repeat center left; padding:0 0 0 66px; line-height:52px;}
.tel{ font-size:25px; color:#0066d9; font-weight:bolder;  margin:29px 0 0}


#menu{height: 58px; background: #0066d9;}
.nav{width: 1200px; margin: 0 auto;}
.nav li{line-height: 58px; height: 58px; text-align: center; width: 171px; float: left; position: relative; z-index: 999;}
.nav li a{display: block; line-height: 58px; color: #fff; height: 58px; font-size: 16px;}
.nav li a:hover{/*color: #fff; text-decoration: none; background: #ffbb00*/}
.nav li+li::before{content: '-'; position: absolute; left: 0; top: 0; color: #fff; z-index: 999;}
.nav li:first-child{background: url(../images/home.png) 20px 20px no-repeat;}
.nav .sec{ width:100%;height: 0; background: #0066d9; color: #fff; overflow: hidden; z-index: 9999; position: absolute; top: 57px; left: 0px;}
.nav .sec a{background: #0066d9; color: #fff; height: 42px; line-height: 42px; width: 100%; font-size: 14px; overflow: hidden;}
.nav .sec a:hover{background: #222; text-decoration: none;}
/* 首页banner样式 */
.x-banner {position: relative;}
.x-banner .owl-carousel {position: relative;}
.x-banner .owl-carousel .banner-item a { display: block;}
.x-banner .owl-carousel .banner-item a img{ }
.x-banner .owl-carousel .owl-nav .owl-prev { left: 15%;}
.x-banner .owl-carousel .owl-nav .owl-next {  right: 15%;}
.x-banner .owl-carousel .owl-nav button.owl-prev{ left: 0%;outline: none;position: absolute;top: 50%;z-index: 9999;margin-top: -32.5px;border-radius: 0;-webkit-transition: all .5s ease;transition: all .5s ease;}
.x-banner .owl-carousel .owl-nav button.owl-next {right: 0%;outline: none;position: absolute;top: 50%;z-index: 9999;margin-top: -32.5px;border-radius: 0;-webkit-transition: all .5s ease;transition: all .5s ease;}
.x-banner .owl-carousel .owl-nav button.owl-next,.x-banner .owl-carousel .owl-nav button.owl-prev { width:50px; height:65px; background:#424246}
.x-banner .owl-carousel .owl-nav button.owl-next:hover,.x-banner .owl-carousel .owl-nav button.owl-prev:hover{ background:#0066d9}
.x-banner .owl-carousel .owl-nav .icon-font { width:30px; margin:0 auto; height:30px;background:url(../images/icon_spirit.png) no-repeat center top; display:table;    background-position: -26px -480px;}
.x-banner .owl-carousel .owl-nav button.owl-prev .icon-font{background:url(../images/icon_spirit.png) no-repeat center top; background-position: -34px -180px;}

/*.x-banner .owl-carousel .owl-nav .icon-left-arrow:after { background-position: -34px -180px;}
.x-banner .owl-carousel .owl-nav .icon-right-arrow:after {background-position: -26px -480px;}*/

.x-banner .owl-carousel .banner-item a, .x-product-list li .img, .x-case-item .img, .x-news-img, .page-banner, .xypg-product-list li .img, .xypg-case-list li .img, .relate-product-slick .owl-item .img, .x-logo a, .x-layout-logo, .x-layout-ewm img, .page-message-img {
  font-size: 0;
}
.x-banner .owl-carousel .banner-item a img, .x-product-list li .img img, .x-case-item .img img, .x-news-img img, .page-banner img, .xypg-product-list li .img img, .xypg-case-list li .img img, .relate-product-slick .owl-item .img img {
   width: 100%; 
}
.x-banner .owl-carousel .owl-dots {  position: absolute;  z-index: 999;  left: 0;  width: 100%;text-align: center; font-size: 0; bottom: 5%;}
.x-banner .owl-carousel .owl-dots button.owl-dot {display: inline-block;vertical-align: middle;font-size: 14px;margin: 0 .5em;outline: none;background: #ff0000;width: 14px;height: 14px;background: #fff;border-radius: 45px;}
.x-banner .owl-carousel .owl-dots button.owl-dot:hover {background:#1B9C3F no-repeat center top;}
.x-banner .owl-carousel .owl-dots button.owl-dot.active {background: #1B9C3F;}
  
.icon-font{position: relative;}
.icon-font:after{content: ""; width: 30px; height: 30px; background-image: url(../images/icon_spirit_1.png); background-repeat: no-repeat; position: absolute; left: calc(50% - 15px); top: calc(50% - 15px);}
.n-loading .n-icon{background: url("../images/loading_1.gif") 0 center no-repeat !important;}
.n-default .msg-wrap .n-icon{background-image: url("../images/validator_default_1.png") !important;}
.n-simple .msg-wrap .n-icon{background-image: url("../images/validator_simple_1.png") !important;}
.n-yellow .msg-wrap .n-icon{background-image: url("../images/validator_simple_1.png") !important;}



  /*左侧工具条*/
#toolbar{position: fixed; z-index: 9999; right: 17px; bottom: 10%;}
#toolbar li{margin-bottom: 3px; font-size: 0; width: 57px; height: 57px; right: 0; position: relative;}
#toolbar li a{display: block; position: absolute; z-index: 9; right: 0; top: 0; width: 57px; height: 57px; overflow: hidden; background: #0264b7; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: nowrap; font-size: 0;}
#toolbar li .icon-font{display: inline-block; vertical-align: middle; width: 57px; height: 57px; background-color: #d9d9d9;}
#toolbar li .icon-qq:after{background-position: 0 -150px;}
#toolbar li .icon-phone:after{background-position: 0 -90px;}
#toolbar li .icon-ewm:after{background-position: 0 -30px;}
#toolbar li .icon-message:after{background-position: 0 -120px;}
#toolbar li .icon-top:after{background-position: 0 -60px;}
#toolbar li .icon-wangwang:after{background-position: 0 0;}
#toolbar li .wz{display: inline-block; line-height: 57px; font-size: 14px; color: #fff; vertical-align: middle; padding-left: 10px;}
#toolbar li.ewm .ewm-box{position: absolute; z-index: 1; padding: 5px; background: #0264b7; width: 110px; right: 120%; bottom: 0; opacity: 0; visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .7s; transition: all .7s;}
#toolbar li.ewm .ewm-box p{margin-bottom: 0;}
#toolbar li.ewm .ewm-box img{max-width: 100%;}
#toolbar li.ewm .ewm-box:after{content: ''; position: absolute; right: -5px; bottom: 20px; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 5px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #0264b7; border-right: none;}
#toolbar li.ewm:hover .icon{background-position: -57px -180px;}
#toolbar li.ewm:hover .ewm-box{opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0);}
#toolbar li.backtop{cursor: pointer;}
#toolbar li.backtop .iconfont{color: #fff; background-color: #0264b7;}
#toolbar li:hover a{width: 200px;}
#toolbar li:hover .icon-font{background-color: #0264b7;}
#toolbar li:hover .icon-qq:after{background-position: -30px -150px;}
#toolbar li:hover .icon-phone:after{background-position: -30px -90px;}
#toolbar li:hover .icon-ewm:after{background-position: -30px -30px;}
#toolbar li:hover .icon-message:after{background-position: -30px -120px;}
#toolbar li:hover .icon-wangwang:after{background-position: -30px 0;}
#toolbar li:hover .icon-top:after{background-position: -30px -60px;}

.page-wrap{ display:table}


/*产品*/
.index-pro{margin-top: 38px;margin-bottom: 50px; display:table}
.pro-left{width: 250px;background: #0066d9;color: #fff;float: left;}
.pltit{ text-align:center;height: 90px;padding-top: 28px;font: 600 24px/1 '微软雅黑';}
.pltit span{display: block;text-transform: uppercase;font-size: 16px;padding-top: 18px;color: #fff !important}
.pro-sort{width: 240px;margin: 0 auto;background: #ffffff;padding-top: 25px;padding-bottom: 10px;}
.pro-sort ul li{width: 212px;height: 40px;background:#0066d9;color:#fff;margin: 0 auto;margin-bottom: 18px;border-radius: 10px;}
.pro-sort ul li a{display: block;color: #fff;padding-left: 55px;font: 400 15px/40px '微软雅黑';}
.pro-sort ul li a:hover,.pro-sort ul li .on{background: #e8e8e8 ;border-radius: 10px; color:#333}
.pltxt{text-align: center;padding:25px 0 25px;}
.pt1{font-size: 20px;font-weight: bold;}
.pt2{font-size: 14px;font-weight: bold;text-transform: uppercase;padding: 5px;}
.pttxl img{padding-bottom: 12px;padding-top: 12px;}
.pttxl{line-height: 30px;}
.pro-rgt{float: right;width: 920px;}
.prtit{background: url(../images/prbg.png) left bottom no-repeat;height: 48px;position: relative;color: #0066d9;font: 400 20px/48px '微软雅黑';}
.prtit span{ font-size:14px; margin:0 10px;}
.prtit a{display: block;color: #494949;font-size: 12px;position: absolute;right: 0;top: 0;}
.prtit a:hover{color: #0066d9;}
.pto-list ul li{width: 284px;float: left;text-align: center;margin-right: 34px;margin-top: 23px;}
.pto-list ul li:nth-child(3n){margin-right: 0;}
.pto-list ul li .img{width: 284px;height: 290px; box-sizing:border-box;border: 2px solid #7d7d7d;display:block;overflow: hidden;}
.pto-list ul li .img img{width: 284px;height: 290px; display:block;-webkit-transition: all .6s ease 0s;transition: all .6s ease 0s;}
.pto-list ul li:hover .img img{transform: scale(1.1);}
.pto-list ul li h3 a{display: block;font-size: 16px;padding-top: 17px;line-height: 15px;font-weight: normal;}
.pto-list ul li:hover h3 a{color: #0066d9;}
.pto-list ul li:hover .img{border-color: #0066d9;}

.gg{ width:100%; height:250px; display:table}
.gg a{ width:100%; background:url(../images/gg1.jpg) no-repeat center center; height:250px; display:table}

.ad{text-align: center;}
.index-case{background:url(../images/bj1.png) no-repeat center bottom;padding-bottom:60px; width:1200px; display:table; margin:36px  auto 28px}
.index-tit{background: url(../images/bt1.png) left bottom no-repeat;height: 31px;color: #000;position: relative;}
.index-tit b{font-size: 18px;padding-left: 30px;line-height: 1;display: block;}
.index-tit a{font-size: 12px;position: absolute;right: 0;top: 0;color: #0066d9;}
.case-scroll{width: 1200px;margin: 0 auto;position: relative;margin-top: 25px;}
.case-scroll .bd{width: 1128px;margin: 0 auto;overflow: hidden;}
.case-scroll .bd ul li{width: 272px;text-align: center;margin-right: 12px;}
.case-scroll .bd ul li a.img{display: block;padding: 3px;}
.case-scroll .bd ul li .img{width: 264px;height: 212px;border: 1px solid #C5C5C5;display:block;overflow: hidden;}
.case-scroll .bd ul li .img img{width: 264px;height: 212px;display:block;-webkit-transition: all .6s ease 0s;transition: all .6s ease 0s;}
.case-scroll .bd ul li:hover .img img{transform: scale(1.1);}

.case-scroll .bd ul li h3 a{display: block;font-size: 14px;font-weight: normal;padding-top: 10px;}
.case-scroll .bd ul li a.img:hover{border-color: #0066d9;}
.case-scroll .hd .next,.case-scroll .hd .prev{display: block;width: 25px;height: 41px;cursor: pointer;position: absolute;top: 80px;}
.case-scroll .hd .next{background: url(../images/tu1.png) 0 0 no-repeat;left: 0;}
.case-scroll .hd .prev{background: url(../images/tu2.png) 0 0 no-repeat;right: 0;}
/**/
.abk{ width:1200px; display:table; margin:0 auto;background:url(../images/bj1.png) no-repeat center bottom;padding-bottom:60px;}
.about-left{float: left;width: 870px;}
.abimg{width: 322px;/*height: 365px;*/overflow: hidden;float: left;margin-top: 24px;}
.abtxt{width: 510px;float: right;text-align: justify;font: 400 14px/30px '微软雅黑';color: #313131;margin-top: 24px;margin-right: 5px;}
.abtxt a{color: #0066d9;}
.abtxt p{ text-indent:2em}
.abtxt h1{ font-size:24px; font-weight:bolder;color: #0066d9; margin:8px 0 12px}
.ab-scroll{position: relative;margin-top: 35px;}
.ab-scroll .bd{width: 758px;margin: 0 auto;overflow: hidden;}
.ab-scroll .bd ul li{width: 229px;text-align: center;margin-right: 32px;}
.ab-scroll .bd ul li a.img{display: block;padding: 2px;border: 1px solid #C5C5C5;}
.ab-scroll .bd ul li a.img img{width: 223px;height: 178px; display:table}
.ab-scroll .bd ul li h3 a{display: block;font-size: 14px;font-weight: normal;padding-top: 6px;}
.ab-scroll .bd ul li a.img:hover{border-color: #0066d9;}
.ab-scroll .hd .next,.ab-scroll .hd .prev{display: block;width: 14px;height: 27px;cursor: pointer;position: absolute;top: 72px;}
.ab-scroll .hd .next{background: url(../images/jt01.png) 0 0 no-repeat;left: 0;}
.ab-scroll .hd .prev{background: url(../images/jt03.png) 0 0 no-repeat;right: 0;}
.honor-rgt{float: right;width: 290px;}
.honor_img{ width:100%;     margin-top: 24px; text-align:center}
.honor-scroll{border: 1px solid #D3D3D3;position: relative;margin-top: 28px;padding: 80px 0;}
.honor-scroll .bd{width: 219px;height: 325px;overflow: hidden;margin: 0 auto;}
.honor-scroll .bd ul li{margin-bottom: 25px;}
.honor-scroll .bd ul li img{width: 219px;height: 301px;}
.honor-scroll .bd ul li h3 a{display: block;font-size: 14px;font-weight: normal;text-align: center;padding-top: 10px;}
.honor-scroll .hd .next,.honor-scroll .hd .prev{width: 31px;height: 31px;display: block;cursor: pointer;position: absolute;left: 50%;margin-left: -15px;}
.honor-scroll .hd .next{background: url(../images/htop.png) 0 0 no-repeat;top: 25px;}
.honor-scroll .hd .prev{background: url(../images/hbot.png) 0 0 no-repeat;bottom: 25px;}

.index-news{ width:1200px; display:table; margin:10px auto 60px;     border-top: 8px solid #E4E4E4;}
.ty{height: 10px;margin-top: 36px;border-bottom: 8px solid #E4E4E4;}
.news-left{width: 335px;padding-right: 45px;padding-left: 15px;margin-right: 20px;float: left;background: url(../images/nty.png) right top no-repeat;}
.new-tit{position: relative;height: 40px;padding-top: 10px;}
.new-tit b{font-size: 16px;color: #0066d9;}
.new-tit span{text-transform: uppercase;color: #999;font-weight: bold;}
.new-tit a{position: absolute;right: 0;top: 10px;color: #0066d9;}
.newlist li{position: relative;padding-left: 12px;height: 32px;font: 400 14px/32px '微软雅黑';}
.newlist li span{position: absolute;right: 0;top: 0;}
.newlist li::before{content: '';width: 4px;height: 4px;background: #DADADA;position: absolute;left: 3px;top: 50%;margin-top: -2px;}
.lcwm{float: right;width: 333px;margin-right: 22px;}
.lxon{font: 400 14px/32px '微软雅黑';}

/**/
.form-group{ display:table; width:100%; margin:0 0 20px}
.col-sm-7 {   width: 58.33333333%; float:left}
.form-horizontal .control-label{padding-top: 7px;margin-bottom: 0;text-align: right;}
.col-sm-2{width: 16.66666667%; float:left}
.form-control {box-sizing: border-box;display: block; width: 100%; height: 34px; padding: 6px 12px;font-size: 14px;line-height: 1.42857143;
    color: #555; background-color: #fff;background-image: none;border: 1px solid #ccc; border-radius: 4px;
	    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
textarea.form-control {    height: auto;}
.btn{display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;}
.btn-primary{color: #fff; background-color: #337ab7; border-color: #2e6da4;    margin:20px 0 0 140px;}

/*fotter*/



#footer{background: url(../images/fo_bj1.png) center top no-repeat;height: 298px;overflow: hidden;color: #fff;border-top: 3px solid #ffdd7f;}
#footer a{color:#fff; margin:0}
#footer a:hover{color:#fff;text-decoration:none;}
.foot{width: 1200px;margin: 0 auto;padding-top: 25px;height: 205px;overflow: hidden;}
.ftnav{float: left;width: 258px;}
.ftit{padding-left: 30px;}
.ftit h3{font-size: 17px;}
.ftit h3 span{display: block;font-size: 14px;color: #ffbb00;font-weight: normal;padding-left: 10px;}
.sec2{padding-left: 32px;margin-top: 10px;}
.sec_pro{width:372px;}
.sec_pro a{width:50%;float: left;}
.sec2 a{display: block;font-size: 14px;line-height: 32px;}
.ftewm{float: right;width: 250px;}
.ftit2{padding-left: 0;}
.ftit2 h3 span{padding-left: 0;}
.llx{margin-top: 10px;text-align: center;line-height: 2;}
.llx td{padding-right: 20px;}
.copyright{font-size: 14px;text-align: center; padding:15px 0 0}


.fy{ text-align:center; font-size:14px; padding:20px 0;}
.info1 { width: 450px; height: 27px; line-height: 28px;  text-align: center;  margin: 15px auto; border: 1px dashed #ccc; border-left: none; border-right: none;  color: #6f6f6f;}