@charset "utf-8";
/* CSS Document */

.row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%}
@media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}.row>.midd-2{width:15.66666667%}.row>.midd-3{width:24%}.row>.midd-4{width:32.33333333%}.row>.midd-5{width:40.66666667%}.row>.midd-6{width:49%}.row>.midd-7{width:57.33333333%}.row>.midd-8{width:65.66666667%}.row>.midd-9{width:74%}.row>.midd-10{width:82.33333333%}.row>.midd-11{width:90.66666667%}.row>.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}}@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}.row>.smidd-2{width:15.66666667%}.row>.smidd-3{width:24%}.row>.smidd-4{width:32.33333333%}.row>.smidd-5{width:40.66666667%}.row>.smidd-6{width:49%}.row>.smidd-7{width:57.33333333%}.row>.smidd-8{width:65.66666667%}.row>.smidd-9{width:74%}.row>.smidd-10{width:82.33333333%}.row>.smidd-11{width:90.66666667%}.row>.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}}@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}}

/*挂件分页样式*/
.util-page{ font-size:0; color:#000; text-align:center;}
.util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color:#000;display:inline-block;border:1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align:middle;margin:0 0 10px -1px;background:#fff; font-size:16px ;font-weight:normal;}
.util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#36acff; background:linear-gradient(to right, #0054a7 , #3e8c46);}
.util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee;}
.util-page .gobutton .ion{ font-size:.8em;}
.util-page .count { margin-left:10px; color:#000; background:none; border:none;}
.util-page span.jump{ background:none; color:#000;display:inline-block; margin:0 7px; vertical-align:top;  }
.util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{ background:none; border:none;color:#000; font-size:16px;}
.util-page .jumpto_inp{ width:40px; text-align:center; height:37px; line-height:37px; vertical-align:top;}

/*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/
.BdMapArea { margin:0 auto 55px; max-width:1200px;}
.BdMapWrapper { position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden;}
.BdMapWrapper .BdMapCon { position:absolute; top:0; left:0; width:100%; height:100%;}
@media only screen and (max-width:760px) {
  .BdMapArea { display:none;}
}

/*默认隐藏百度分享触控弹层*/
.bdshare_popup_box { display:none!important;}

/* 雪碧图 */
/* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */
.ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(http://www.guotuokeji.com/resources/web/img/ico.png);
  *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;}
.ico:before {content:'\3000';}
.ico1_2 { background-position:-20px 0;}
.ico1_3 { background-position:-40px 0;}
.ico1_4 { background-position:-60px 0;}
.ico1_5 { background-position:-80px 0;}
.ico2_1 { background-position:0 -20px;}
.ico2_2 { background-position:-20px -20px;}
.ico2_3 { background-position:-40px -20px;}
.ico2_4 { background-position:-60px -20px;}
.ico2_5 { background-position:-80px -20px;}
.ico3_1 { background-position:0 -40px;}
.ico3_2 { background-position:-20px -40px;}
.ico3_3 { background-position:-40px -40px;}
.ico3_4 { background-position:-60px -40px;}
.ico3_5 { background-position:-80px -40px;}
.ico4_1 { background-position:0 -60px;}
.ico4_2 { background-position:-20px -60px;}
.ico4_3 { background-position:-40px -60px;}
.ico4_4 { background-position:-60px -60px;}
.ico4_5 { background-position:-80px -60px;}
/* 常量设置 */
.wrap {max-width: 1200px;margin-right:auto;margin-left:auto;}
.mwrap { max-width:1300px; margin-right:auto; margin-left:auto;}
/*对ie8设置最小宽度，防止页面错乱*/
/*for ie8*/
body{min-width:1240px\9; overflow-x:auto;}
/*for ie9+*/
@media all and (min-width:0){
  body{min-width:0; overflow-x:hidden;}
}
body{font-size: 14px;line-height:1.6;color:#555;background:#fff;}
a{color:inherit;}
a:hover { color:#36acff;}
::-moz-selection {color:#fff; background:#36acff;}
::selection {color:#fff; background:#36acff;}
::-webkit-input-placeholder { color:#aaa;} 
.placeholder { color:#aaa;}
/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px;}
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0);}
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/* 网站样式 */
/*头部*/
header{height: 110px;}
.header .h_top{padding:10px 0; position:relative; z-index:6;background: url(../img/top_bar.png) no-repeat center center;height: 18px;line-height: 18px;}
.header .h_top .top_con{float:right; width:28%; }
.header .h_top .top_con>li{width: 100%;float: left;}
.header .h_top .top_con>li a{color:#fff;}
.header .h_top .top_con .icon{vertical-align:-1px;display: inline-block;}
.header .h_top .top_con .yx{width:20px; height:14px; background:url(../img/top_head_icon.png) 0 0 no-repeat; margin-right:8px;}
.header .h_top .top_con .ht{width:20px; height:14px; background:url(../img/top_head_icon.png) -20px 0 no-repeat; margin-right:8px;}
.header .h_top .top_con .ly{width:20px;height:14px;background:url(../img/top_head_icon.png) -40px 0 no-repeat;margin-right: 8px;}


.header .h_bott {position:relative;z-index:5;transition:all 0.5s ease;background:#fff;padding: 5px 0;}
.header .h_bott .h_logo{float:left;transition: 0.5s ease;margin-top: -18px;}
.header .h_bott .h_logo a{display:block; font-size:0;}
.header .h_bott .inav_wrapper{float:right;}
.header .h_bott .inav_wrapper .inav .nav_li{float:left;line-height: 61px;}
.header .h_bott .inav_wrapper .inav .nav_li>a{padding:0 20px; font-size:16px; line-height:40px; color:#333;}
.header .h_bott .inav_wrapper .inav .nav_li.cur>a{color:#36acff; font-weight:bold;}
.header .h_bott .inav_wrapper .inav .nav_li:hover>a{color:#36acff; font-weight:bold;}
.header .mobile_key{display:none;}
.channel_content{min-height:310px; padding:60px 0 80px;}

/*头部吸顶*/
.header.fixed{position:fixed;left:0;top: -38px;z-index:15;width:100%;background:#fff;box-shadow:2px 2px 10px rgba(0,0,0,.2);}
.header.fixed .h_bott .h_logo{padding-top: 0;margin-top: 0;}
/*产品详细导航不吸顶*/
.header.proDet_header{position:relative;}


/*导航下拉*/
.header .inav .nav_li .nav_layer{position:absolute; top:100%; left:0; width:100%; background:url(../img/nav.jpg) repeat center; padding:45px 0 55px; display:none;}
.header .inav .nav_li .nav_layer .layer_l{width:20%; padding:0; float:left;}
.header .inav .nav_li .nav_layer .layer_l a{font-weight:normal;display:block;line-height: 1.75;font-size: 14px;color:#666;border-bottom:1px solid #e0e0e0;text-align: left;padding: 10px 0;}
.header .inav .nav_li .nav_layer .layer_l .nav_ico{margin-top:3px;}
.header .inav .nav_li .nav_layer .layer_l li:hover a{color: #36acff;}
.header .inav .nav_li .nav_layer .layer_l li:hover .nav_ico{background-position:-60px -60px}
.header .inav .nav_li .nav_layer .layer_r{width:70%;}
.header .inav .nav_li .nav_layer .layer_r .layer_text{width:49%;}
.header .inav .nav_li .nav_layer .layer_r .list_img{width:46%}
.header .inav .nav_li .nav_layer .layer_r .layer_p{font-weight:normal; font-size:14px; margin-bottom:20px; min-height:100px; line-height:24px;}
/* 新增导航样式 */
.header .inav .nav_li .nav_layer .layer_r .layer_p ul li{font-size:16px; color:#323232; line-height:48px;}
.header .inav .nav_li .nav_layer .layer_r .layer_p ul li a{position:relative;}
.header .inav .nav_li .nav_layer .layer_r .layer_p ul li a:after{position:absolute; content:''; left:0; bottom:-10px; background:#0e68b0; background:linear-gradient(to right, #209fb3 , #0e68b0); width:0; height:1px; transition:.5s ease;}
.header .inav .nav_li .nav_layer .layer_r .layer_p ul li:hover a:after{width:100%;}

/*手机端导航*/
.m_nav{display:none;}

/*公共按钮*/
.common-btn{display:inline-block; width:200px; height:50px; line-height:50px; font-size:14px; color:#333; border:1px solid #fff; border-color:rgba(255,255,255,.45); position:relative;}
.common-btn span{display:inline-block; color:#fff; padding-left:30px;}
.common-btn span.icon{width:20px; height:12px; background:url(../img/common-jt.png) no-repeat center; margin-left:30px; transition:all 0.5s ease;}
.common-btn:hover span.icon{margin-left:50px;}
/*灰色*/
.common-btn.gray{border-color:#a0a0a0;}
.common-btn.gray span{color:#555;}
.common-btn.gray span.icon{background:url(../img/common-jt3.png) no-repeat center;}

/*了解详情*/
.common_more{width: 145px;height: 39px;border:1px solid #a8a8a8;display: block;margin: 0 auto;line-height: 39px;text-align: initial;padding-left: 25px;position: relative;font-size: 14px;color: #666;z-index: 1}
.common_more:after{content:'';position: absolute;width: 9px;height: 9px;background: url(../img/hz_com04.png) no-repeat center;right: 24px;top: 50%;margin-top: -4px;transition: all 0.5s ease;}
.common_more:before{content:'';width: 0;position: absolute;left: 0;bottom: 0;height: 39px;background: #36acff;background: linear-gradient(to right, #3b9e16 , #36acff);transition:all 0.3s ease;z-index: -1}
.common_more:hover{color: #fff;background: #36acff;background: linear-gradient(to right, #3b9e16 , #36acff);}
.common_more:hover:before{width:100%;transition:all 0.3s ease;}
.common_more:hover:after{background: url(../img/hz_com05.png) no-repeat center;transition: all 0.5s ease;}

/* 底部 */
.footer1{background: #36acff;background: linear-gradient(to right, #3b9e16 , #36acff); line-height:80px;text-align: center;}
.footer1 span{margin: 0 40px;font-size: 22px;color: #fff;font-weight: bold;}
.footer2{padding:40px 0; background:#e4e4e4;}
.footer2 .l_box{width:800px;}
.footer2 .l_box dl{width:20%;}
.footer2 .l_box dl dt{font-size:18px; color:#333333; margin-bottom:25px; font-weight:bold; line-height:1;}
.footer2 .l_box dl dd{font-size:14px; color:#666; line-height:28px;}
.footer2 .l_box .d4{width:40%;}
.footer2 .r_box{width:290px;}
.footer2 .r_box .ewm_box{width:130px;}
.footer2 .r_box .ewm_box .img_box{margin-bottom:15px;}
.footer2 .r_box .ewm_box .tit{font-size:14px; color:#666666; text-align:center;}
.footer3{padding-bottom:30px; background:#e4e4e4; line-height:26px;  font-size:14px; color:#666666;}
.footer3 .made a:hover{color:#a80d0f;}


/*分页*/
.widgets_common_pages_6{font-size:0; margin-top:50px;}
.widgets_common_pages_6 a,.widgets_common_pages_6 span{line-height:58px;color:#666;background-color:#ececec;display:inline-block;vertical-align:middle;text-align:center;padding:0 30px;font-size:16px;margin:0;}
.widgets_common_pages_6 a:hover,.widgets_common_pages_6 span.current{color:#fff;background-color:#36acff;}
@media only screen and (max-width:760px){
  .widgets_common_pages_6{margin-top:20px;}
  .widgets_common_pages_6 a, .widgets_common_pages_6 span{line-height:30px; padding:0 6px;}
}

/*----------------------------------------页面实现---------------------------------------------*/

/*首页*/
.ibanner{position:relative; height:710px; overflow:hidden;}
.ibanner .item{height:710px; overflow:hidden; position:relative;}
.ibanner .owl-item .item .banner_img>img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none}
.ibanner .item .loding_bar{height:5px; background:#ff6a00; display:block; position:absolute; left:0; bottom:0; width:0; z-index:3;}

.ibanner .item .ibanner_word{position:absolute; left:0; top:200px; z-index:2; width:100%; transition:all 0.5s ease 0.5s}
.ibanner .item .ibanner_word .tl1{font-size:48px;color:#fff;font-weight:bold;}
.ibanner .item .ibanner_word .tl2{font-size:30px;color:#fff;animation-delay: 1s;}

.active .mainBanner{animation: mainBanner .8s linear .2s; -webkit-animation: mainBanner .8s linear .2s; -moz-animation: mainBanner .8s linear .2s; -o-animation: mainBanner .8s linear .2s; -ms-animation: mainBanner .8s linear .2s; opacity:0; animation-fill-mode:forwards;}

@keyframes mainBanner{
  0% {transform:translateX(-300px); opacity:0;} 100% {transform:translateX(0); opacity:1;}
}
@-moz-keyframes mainBanner{
  0% {-moz-transform:translateX(-300px); opacity:0;} 100% {-moz-transform:transform:translateX(0); opacity:1;}
}
@-webkit-keyframes mainBanner {
	0% {-webkit-transform:translateX(-300px); opacity:0;} 100% {-webkit-transform:transform:translateX(0); opacity:1;}
}
@-o-keyframes mainBanner {
	0% {-o-transform:translateX(-300px); opacity:0;} 100% {-o-transform:transform:translateX(0); opacity:1;}
}
@-ms-keyframes mainBanner {
	0% {-ms-transform:translateX(-300px); opacity:0;} 100% {-ms-transform:transform:translateX(0); opacity:1;}
}


/*ibanner放大*/
.ibanner .owl-carousel .item .banner_img>img{-moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1);-webkit-transition:all 5s ease;transition:all 5s ease}
.ibanner .owl-carousel .active .item .banner_img>img{-moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
/*dot*/
.ibanner .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:9%; left:0%;  width:100%; text-align:center;}
.ibanner .owl-carousel .owl-dot{width: 30px;height: 8px;display:inline-block;background: #666;transition:all 0.5s ease;margin: 0 10px;}
.ibanner .owl-carousel .owl-dot.active{background: #00449b;}


/*index*/
.index .title{font-size:34px; color:#000; text-align:center; line-height:1; margin-bottom:20px;}
.index .info{font-size:14px;color:#5a5a5a;text-align:center;}

.index .pt1{padding: 80px 0;}
.index .pt1 .title{text-align: left;}
.index .pt1 .left{float: left; width: 42%;}
.index .pt1 .right{float: right;width: 51%;}
.index .pt1 .infor{margin-top: 20px;}
.index .pt1 .con{margin: 40px 0;font-size: 16px;color: #333;line-height: 1.75;}


.index .pt2{overflow:hidden;}
.index .pt2 .pt2_1{background: #f8f8f8;padding: 60px 0;}
.index .pt2 .pt2_2{padding: 60px 0;}
.index .pt2 .pt2_2 .content{position: relative;}
.index .pt2 .pt2_2 .content .item .tl{color: #000;font-size: 16px;text-align: center;line-height: 70px;background: #fff;}
.index .pt2 .pt2_2 .ip2_btn>div {width: 39px; height: 39px; background: url(../img/btn.png) no-repeat; font-size: 0; cursor: pointer; transition: all 0.4s ease; position: absolute; top: 49%; z-index: 10 }
.index .pt2 .pt2_2 .ip2_btn .owl-prev {left: -50px;background-position: 0 0;}
.index .pt2 .pt2_2 .ip2_btn .owl-next {right: -50px;background-position: -39px 0;}
.index .pt2 .pt2_2 .ip2_btn .owl-prev:hover {background-position: 0 -39px;}
.index .pt2 .pt2_2 .ip2_btn .owl-next:hover {background-position: -39px -39px;}


.index .pt3{padding:80px 0;}
.index .pt3 .list_con{margin-top:30px;}
.index .pt3 .list_con .item{float: left;width: calc((100% - 40px)/3);box-shadow: 0 0 8px rgba(0,0,0,0.1);border-radius: 5px;overflow: hidden;}
.index .pt3 .list_con .item:nth-child(2){margin-left: 20px;margin-right: 20px;}
.index .pt3 .intro{padding: 20px;}
.index .pt3 .intro .t{font-size:18px;font-weight:bold;color:#000;}
.index .pt3 .intro .d{font-size:14px;color:#666;}
.index .pt3 .intro .c{font-size:14px;color:#333;line-height:1.75;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}


.index .pt4{padding:90px 0;}
.index .pt4 .title{font-size:36px; text-align:center; color:#fff; line-height:1; margin-bottom:40px; font-family:'Helvetica Neue','Microsoft Yahei';}
.index .pt4 .info{width: 80%;margin:0 auto 40px;text-align:center;color:#fff;font-size:14px;}
.index .pt4 .video_con{display: block;width:49px; height:49px; background:url(../img/play.png) center center no-repeat; margin:0 auto; cursor:pointer; transform:translateY(0);}
.index .pt4 .video_con:hover{ transform:translateY(-10px);}




/*内页*/
/* xc_banner */
.xc_banner{position:relative;overflow:hidden;height: 460px;}
.xc_banner img {position:absolute;width:1920px;left:50%;margin-left:-960px;max-width:none;}
.xc_banner .content{ position:absolute; width:100%; left:0; bottom:120px;}
.xc_banner .content .wrap{position:relative;}
.xc_banner .content .tit{font-size:38px; color:#fff; display:inline-block;}
.xc_banner .banner_mouse{bottom:-50px; right:0;}

/* xc_nav */
.xc_nav{line-height:70px; height:70px; border-bottom:2px solid #f0f0f0;}
.xc_nav .left{float:left;}
.xc_nav .left ul li{position:relative; float:left; font-size:15px; padding:0 30px;}
.xc_nav .left ul li:after{content:''; position:absolute; width:1px; height:12px; background:#dddddd; left:0; top:50%; margin-top:-6px;}
.xc_nav .left ul li:first-child{margin-left:0;}
.xc_nav .left ul li:first-child:after{display:none;}
.xc_nav .left ul li:before{content:"";position:absolute;bottom:0;left:50%;right:50%;height:2px;background: #36acff;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;}
.xc_nav .left ul li:hover:before,
.xc_nav .left ul li.cur:before{left:0; right:0;}
.xc_nav .left ul li:hover a,
.xc_nav .left ul li.cur a{color: #36acff;}
.xc_nav .right{float:right; font-size:14px; color:#333;}
.xc_nav .right .home{color:#ba1b21; font-size:16px;}


/* 关于我们 */
.common-infor .tit{font-size:17px;color: #36acff;position:relative;display:inline-block;text-transform:uppercase;margin-bottom:10px;}
.common-infor .tit:after{content:'';position:absolute;left:110%;width:50px;height:2px;background: #36acff;top:50%;margin-top:-1px;}
.common-infor .con{font-size:38px; color:#000; line-height:1;}
.about_us.channel_content{padding:60px 0 0;}
.about_us01 {margin-bottom:60px;}
.about_us01 .left{margin-bottom:40px;}
.about_us01 .right{font-size:15px; color:#000; line-height:30px;}
.about_us02 .rect-30{padding-bottom:30%;}
.about_us02 .media{cursor:pointer;}
.about_us02 .media .cover{width:102px; height:102px; position:absolute; left:50%; margin-left:-62.5px; top:50%; margin-top:-62.5px; background:url(../img/video_list01.png) no-repeat center;}
.about_us03{background:#f4f4f4; padding:60px 0; margin-top:60px;}
.about_us03 .infor .tit{font-size:38px; text-align:center; margin-bottom:60px;}
.about_us03 .content{position: relative;}

.about_us03 li a {display: block; }
.about_us03 li .img_box .pd {padding: 26px; background-color: #e8e8e8; position: relative; overflow: hidden; }
.about_us03 li .img_box .pd .mask {position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background: rgba(0,0,0,0.4); transition: all 0.5s ease }
.about_us03 .tit_box {padding: 25px 20px;background-color: #ababab;transition: all 0.5s ease;}
.about_us03 .tit_box .tit {line-height: 1;font-size: 16px;color: #fff;text-align: center;}
.about_us03 li:hover .img_box .pd .mask {top: 0; }
.about_us03 li:hover .tit_box {background-color: #36acff;}
.album_wrap .album_ordinary .album_close {background: #013082; }

.about_us03 .honor_btn>div {width: 39px; height: 39px; background: url(../img/btn.png) no-repeat; font-size: 0; cursor: pointer; transition: all 0.4s ease; position: absolute; top: 49%; z-index: 10 }
.about_us03 .honor_btn .owl-prev {left: -50px;background-position: 0 0;}
.about_us03 .honor_btn .owl-next {right: -50px;background-position: -39px 0;}
.about_us03 .honor_btn .owl-prev:hover {background-position: 0 -39px;}
.about_us03 .honor_btn .owl-next:hover {background-position: -39px -39px;}


/* 产品列表 */
.rect-4483 {padding-bottom: 100%;}
.pro_list .product_list li a {display: block;border: 1px solid #e5e5e5;}
.pro_list .product_list ._info {padding: 20px;background: #eee;color: #333;text-align: center;}
.pro_list .product_list ._info h3 {font-weight: normal;font-size: 18px;font-weight: bold;}
.pro_list .product_list ._info .ion {color: #fbdd34;}
.pro_list .product_list.row>.span-4 {width:calc((100% - 40px) / 3);margin-right:20px;}
.pro_list .product_list.row>.span-4:nth-child(3n){margin-right:0;}
.pro_list .product_list li {cursor: pointer;margin-bottom: 20px;}
.pro_list .product_list li:hover ._info {background: #eee;color: #333;}
.pro_list .product_list li:hover ._info .ion {color: #fff;}
.pro_list .product_list ._img ._mask {z-index: 4;width: 100%;height: 0%;overflow: hidden;position: absolute;left: 0;bottom: 0;background: rgba(18,82,178,0.8);opacity: 0;transition: all 0.5s ease;overflow: hidden;}
.pro_list .product_list li:hover ._img ._mask {opacity: 1;transition: all 0.5s ease;height: 100%;}
.pro_list .product_list ._img i {display: inline-block;position: absolute;z-index: 5;left: 50%;top: 50%;margin-top: -40px;margin-left: -40px;font-size: 30px;color: #fff;opacity: 0;padding: 16px 25px;}
.pro_list .product_list li:hover ._img i {opacity: 1;transition: all 0.5s ease;}


/*产品详细*/
.pro_detail .owl-dots{position:absolute;bottom:20px;right:20px;}
.pro_detail .owl-dot span{width: 16px;height: 16px;border-radius:50%;background:#666;display:block;}
.pro_detail .owl-dot.active span{background: #0092ff;}
.pro_detail .owl-dot{float:left;margin-right:10px;}
.pro_detail { padding-bottom: 80px; }
.pro_detail {background: #f0f0f0;padding: 60px 0px 80px;}
.pro_detail .detail_l {width: 100%;}
.pro_detail .detail_l .top{padding: 20px;background: #f7f7f7;}
.pro_detail .p_tel{
    font-size: 14px;
    color: #666;
    padding-left: 65px;
    background: url(../img/tel3.png ) no-repeat left center;
    line-height: 2em;
    margin-top: 40px;
}
.pro_detail .p_tel p:last-child{
    font-size: 32px;
    color: #3a3a3a;   
    font-family: 'impact';
}
.pro_detail .l_box {float: left;width: 45%;}
.pro_detail .r_box{float:right;width: 52%;}
.pro_detail .r_box h1{font-size: 28px;color: #333;margin-bottom:20px;}
.pro_detail .line{width:100%;height:1px;border-bottom:1px dashed #ccc;margin-top:20px;}
.pro_detail .r_box .sub{font-size: 18px;font-weight: normal;color:#333;margin-top:10px;}
.pro_detail .r_box .use{margin-top:30px;margin-bottom:30px;}
.pro_detail .r_box .use li{
    margin-bottom: 30px;
}
.pro_detail .r_box .use li h2{font-size:18px;color:#333;margin-bottom:10px;}
.pro_detail .r_box .use li p{font-size:16px;color:#333;}
.pro_detail .r_box .d_con{margin-top:30px;}
.pro_detail .r_box .d_con p{font-size:16px;line-height:1.75;}
.pro_detail .detail_down{margin-top:40px}
.pro_detail .con{margin-top:40px}
.pro_detail .con .demo{padding: 40px 0;border-bottom:1px dashed #ccc;}
.pro_detail .con .demo .dl{float:left;width:180px;font-size: 18px;font-weight: bold;color: #333;}
.pro_detail .con .demo .dr{float:left;width:calc(100% - 180px);font-size: 16px;color: #555;line-height: 1.75;}
/*product_detail end*/


/*修改*/
/*产品分类*/
.pro_list .left{width:24%; float: left; }
.pro_detail .left{width: 22%; float: left; }

.pro_fl{width:100%; }
.pro_fl .tit{width:100%; font-size: 22px; font-weight: bold; background: #0092ff; text-align: center; line-height: 60px; color:#fff; }
.pro_fl .list{width:100%; padding:0 10px; box-sizing: border-box; }
.pro_fl .list li{width:100%; }

.pro_fl .list li>a{display:block; }
.pro_fl .list li p{position: relative;border-bottom:1px solid #ddd;padding-left:50px;line-height: 50px;color:#333;font-size: 15px;cursor: pointer;font-weight: bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro_fl .list li p:hover{box-shadow: 0 3px 6px 3px rgba(0,0,0,.2); background:#f4f4f4; }
.pro_fl .list li p em{display:block; width:14px; height:14px; position: absolute; left:30px; top:50%; margin-top:-7px; background:url("../img/sanjiao.png")no-repeat 10% center; background-size: 14px 14px; }

.pro_list .right {width: 74%; float: right; min-height: 600px; }
.pro_list .wrap{position: relative;}

.pro_detail .right{width: 76%; float: right; min-height: 468px; }


.pro_detail .hd {height: 46px; line-height: 46px; background: #f4f4f4; padding: 0 10px 0 20px; border-bottom: 1px solid #ddd; position: relative; }

.pro_detail .hd ul {float: left; position: absolute; left: 20px; top: -1px; height: 32px; }

.pro_detail .hd ul li {float: left; padding: 0 15px; cursor: pointer; color: #333; }

.pro_detail .hd ul li.on {height: 46px; background: #fff; border: 1px solid #ddd; border-bottom: 2px solid #fff; color: #0092ff; font-weight: bold; }

.pro_detail .bd{padding: 20px;}
.pro_detail .bd .item{display: none;}
.pro_detail .bd .item.on{display: block;}
.pro_detail .content{position: relative;}


/* 新闻列表 */
.news_list01 .list_bd .list_box{padding-top:50px; position:relative; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; color:#404040;}
.news_list01 .list_bd .list_main{overflow:hidden; width:88%; padding-bottom:45px; padding-right:20px; border-bottom: 1px solid #e7e7e7;}
.news_list01 .list_bd .list_main .bd_r{width:20%; margin-left:3%;}
.news_list01 .list_bd .list_main .bd_c{overflow:hidden;}
.news_list01 .list_bd .list_main .bd_c .list_title{height:30px; line-height:30px; font-size:23px; font-weight:bold; display:block;}
.news_list01 .list_bd .list_main .bd_c .list_tool{font-size:14px; color:#c1c1c1; padding:10px 0px}
.news_list01 .list_bd .list_main .bd_c .list_tool span{display:inline-block; vertical-align:middle;}
.news_list01 .list_bd .list_main .bd_c .list_tool span.mobile_time{display:none;}
.news_list01 .list_bd .list_main .bd_c .list_tool .share_more{cursor:pointer; margin:0 20px}
.news_list01 .list_bd .list_main .bd_c .list_p{font-size:14px; line-height:28px; height:56px; overflow:hidden; display:block;}
.news_list01 .list_time{position:relative;width:100px;padding:10px 0 20px;font-size:16px;text-align:center;color:#fff;background: #00aeef;font-weight:bold;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;}
.news_list01 .list_bd .list_box .list_time_day{display:block; font-size:30px;}
.news_list01 .list_bd .list_box:hover .list_time{background: #36acff;}
.news_list01 .list_bd .list_box a:hover{color:#404040;}

/* 新闻详细 */

.xc_banner .content .con{float:right;}
.xc_banner .content .con #nPage{float:left;}
.xc_banner .content .con a{float:left; width:44px; height:44px; vertical-align:top; line-height:44px; margin-left:10px; color:#fff; background:#acaba8; text-align:center; border-radius:50%; font-weight:bold;}
.xc_banner .content .con a.list{background:#ba1b21;}
.xc_banner .content .con a:hover{background:#be4e1b;}
.news_detail.channel_content{padding-bottom:0;}
.news_detail01{padding-bottom:60px; }
.news_detail01 .top_{margin-bottom:60px; position:relative;}
.news_detail01 .top_ .title{font-size:30px; margin-bottom:22px; color:#262626;}
.news_detail01 .top_ .date {font-size:18px; color:#a1a0a1; padding-bottom:25px; border-bottom:1px solid #dcdcdc;}
.news_detail01 .bott_ .bott_l {margin-right:5%;}
.news_detail01 .bott_ .bott_l .bdsharebuttonbox{overflow:hidden;}
.news_detail01 .bott_ .bott_l a{display:block; float:none; width:72px; height:72px; background:#f5f5f5; padding:0; margin:0;  -webkit-box-align:center; align-items:center; cursor:pointer; display:flex; -webkit-box-pack:center; justify-content:center; text-decoration:none;} 
.news_detail01 .bott_ .bott_l a i{background:#dedede; width:28px; height:28px; text-align:center; line-height:28px; color:#fff; font-size:19px; border-radius:5px;}
.news_detail01 .bott_ .bott_r{width:75%; font-size:15px; color:#666666;}
.news_detail02{background:url(../img/news_detail02_bg.jpg) no-repeat center; padding:60px 0;}
.news_detail02 .tit{color:#000; font-size:38px; margin-bottom:40px; text-align:center;}
.news_detail02 .content .item{display:block; background:#fff; padding:25px 50px; position:relative;}
.news_detail02 .content .item .date{font-size: 16px; margin-bottom: 20px; color:#a1a0a1;}
.news_detail02 .content .item .icon{width:23px; height:23px; background:url(../img/news_list01_icon1.png) no-repeat center; transition:.3s ease; position:absolute; right:23px; bottom:23px; cursor:pointer;}
.news_detail02 .content .item:hover .icon{background:url(../img/news_list01_icon2.png) no-repeat center;}
.news_detail02 .content .item .t{font-size:26px; color:#000; line-height:40px; height:80px; overflow:hidden; margin-bottom: 25px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


/*联系我们*/
.contact_us01 .content{position:relative;overflow: hidden;height: auto;}
.contact_us01 .content .map{height:518px; overflow:hidden;}
.contact_us01 .content img{max-width:none;}
.contact_us01 .content .cover{position:absolute;right:0;top:0;width:38%;height:100%;background: #eee;}
.contact_us01 .content .cover .infor{color:#565554; padding:45px 40px;}
.contact_us01 .content .cover .infor .tit{color: #36acff;font-size:24px;font-weight:bold;padding-left:15px;padding-bottom:18px;border-bottom:1px dashed #565554;border-color:rgba(86,85,84,0.7);margin-bottom:25px;}
.contact_us01 .content .cover .infor .con{margin-bottom:30px; padding-left:15px;}
.contact_us01 .content .cover .infor .con dt{font-size:16px;font-weight:bold;margin-bottom: 10px;}
.contact_us01 .content .cover .infor .con dd{font-size:14px;line-height: 24px;margin-bottom: 10px;}
.contact_us01 .content .cover .infor .img_box{padding-left:15px;}
.contact_us01 .content .cover .infor .img_box .item{float:left; margin-right:10px;}
.contact_us01 .content .cover .infor .img_box .item .txt{text-align:center; font-size:16px; font-weight:bold; margin-top:12px;}
.contact_us02{margin-top:50px;}
.contact_us02 ul li{margin-bottom:30px;}
.contact_us02 ul li{float:left; width:31.5%; margin-right:2.75%; background:#f9f9f9; min-height:263px;}
.contact_us02 ul li.three_item{margin-right:0;}
.contact_us02 ul li .box{padding:12.5% 14.5%;}
.contact_us02 ul li .box .tit{font-size:20px; color:#363636; margin-bottom:15px;}
.contact_us02 ul li .box .con{font-size:16px; color:#363636;}
.contact_us02 ul li .box .con dd{margin-bottom:5px;}

body .bianji-52658 .form-m1 .form-m1-btn button{line-height:40px; height:40px; border-radius:0; font-size:14px; border:none;}
.bianji-52658{overflow:hidden;box-sizing:border-box;padding:20px;background:#f1f1f1;}
.bianji-52658 .form-m1 .form-m1-Left { float: left; width: 50%; }
.bianji-52658 .form-m1 .form-m1-right { float: right; width: 50%; }
.bianji-52658 .form-m1 .form-m1-li { padding-top: 10px; }
.bianji-52658 .form-m1 .form-m1-li label { width: 5em; display: inline-block; color: #666; vertical-align: middle; }
.bianji-52658 .form-m1 .form-m1-li label span{padding: 0 6px;}
.bianji-52658 .form-m1 .form-m1-li input { height: 28px; line-height: 28px; border: 1px #ddd solid; width: 70%; }
.bianji-52658 .form-m1 .form-m1-li textarea { border: 1px #ddd solid; width: 70%; }
.bianji-52658 .form-m1 .form-m1-li em { color: red; vertical-align: middle; padding-left: 10px; }
.bianji-52658 .form-m1 .form-m1-li input._yzm { width: 20%; }
.bianji-52658 .form-m1 .form-m1-li img {height:28px;vertical-align: middle; padding-left: 10px; cursor: pointer; }
.bianji-52658 .form-m1 .form-m1-li b { color: #666; font-size: 12px; padding-left: 4px; }
.bianji-52658 .form-m1 .form-m1-btn { clear: both; text-align: center; padding-top: 40px; }
.bianji-52658 .form-m1 .form-m1-btn button { width: 90px; height: 24px; line-height: 24px; text-align: center; color: #fff; border-radius: 4px; cursor: pointer; }
.bianji-52658 .form-m1 .form-m1-btn ._submit {background: #36acff;margin-right: 10px;}
.bianji-52658 .form-m1 .form-m1-btn ._reset { background: #909090; }
.bianji-52658 .form-m1 .Validform_right{white-space: nowrap;}
@media only screen and (max-width: 40em) {
.bianji-52658 .form-m1 .form-m1-Left { width: 100%; }
.bianji-52658 .form-m1 .form-m1-li input { width: 65%; }
.bianji-52658 .form-m1 .form-m1-right { width: 100%; }
.bianji-52658 .form-m1 .form-m1-li textarea { width: 65%; }
.bianji-52658 .form-m1 .form-m1-li input._yzm { width: 27%; }
.bianji-52658 .form-m1 .form-m1-li b { display: none; }
}





/*典型业绩*/
.yeji .con{overflow-x: auto;}
.yeji .tl{font-size: 32px;font-weight: bold;margin-bottom: 30px;}
.yeji .datalist td{text-align: center;padding: 10px 15px;}
.yeji .datalist tr:nth-child(even){background: #f7f7f7;}
.yeji .datalist tr.firstRow{background: #36acff;color: #fff;font-weight: bold;}




/*翻入式动画*/
.rolling  {
    -webkit-perspective:1300px;
    -o-perspective:1300px;
    -ms-perspective:1300px;
    perspective:1300px;
    -webkit-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transform-style:preserve-3d;
}
.rolling .is_animated {
    -webkit-transition-duration:1.2s;
    -webkit-transition-property:-webkit-transform,opacity;
    -webkit-transition-delay:.15s;
    -webkit-transition-timing-function:'ease-in-out';
    -moz-transition-duration:1.2s;
    -moz-transition-property:all;
    -moz-transition-delay:.15s;
    -moz-transition-timing-function:'ease-in-out';
    -o-transition-duration:1.2s;
    -o-transition-property:transform,opacity;
    -o-transition-delay:.15s;
    -o-transition-timing-function:'ease-in-out';
    -ms-transition-duration:1.2s;
    -ms-transition-property:transform,opacity;
    -ms-transition-delay:.15s;
    -ms-transition-timing-function:'ease-in-out';
    transition-duration:1.2s;
    transition-property:transform,opacity;
    transition-delay:.15s;
    transition-timing-function:'ease-in-out';
    -webkit-transform:rotatex(-80deg) translateZ(0);
    -ms-transform:rotatex(-80deg) translateZ(0);
    transform:rotatex(-80deg) translateZ(0);
    -webkit-transform-origin:0 0 0;
    -ms-transform-origin:0 0 0;
    transform-origin:0 0 0;
    opacity:0
}
.rolling .is_animated.revealed {
    -webkit-transform:rotatex(0) translateZ(0);
    -ms-transform:rotatex(0) translateZ(0);
    transform:rotatex(0) translateZ(0);
    opacity:1
}
.rolling .tansDelay00{transition-delay: 0s;-webkit-transition-delay: 0s;}
.rolling .tansDelay200{transition-delay: .2s;-webkit-transition-delay: .2s;}
.rolling .tansDelay400{transition-delay:.4s;-webkit-transition-delay: .4s;}
.rolling .tansDelay600{transition-delay: .6s;-webkit-transition-delay: .6s;}
.rolling .tansDelay800{transition-delay: .8s;-webkit-transition-delay: .8s;}
.rolling .tansDelay1000{transition-delay: 1s;-webkit-transition-delay: 1s;}


.about_us02 .honor_btn>div {width: 39px; height: 39px; background: url(../img/btn.png) no-repeat; font-size: 0; cursor: pointer; transition: all 0.4s ease; position: absolute; top: 49%; z-index: 10 }
.about_us02 .honor_btn .owl-prev {left: -50px;background-position: 0 0;}
.about_us02 .honor_btn .owl-next {right: -50px;background-position: -39px 0;}
.about_us02 .honor_btn .owl-prev:hover {background-position: 0 -39px;}
.about_us02 .honor_btn .owl-next:hover {background-position: -39px -39px;}