﻿/*
* name:Global && Pc StyleSheet
* version:v3.4.2
* update:添加百度地图容器样式；默认隐藏百度分享的触控弹层
* date:2017-08-11
*/
.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:#bb1818;}
.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: 14px; }
.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(../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 { width:1200px; margin-right:auto; margin-left:auto;}
.mwrap { max-width:1366px; 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.8; color:#555; background:#fff;}
a{color:inherit;}
a:hover { color:#bb1818;}
::-moz-selection {color:#fff; background:#bb1818; }
::selection {color:#fff; background:#bb1818; }
::-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 { -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) }

body{ font-family: "微软雅黑"; }
/* 网站样式 */
/*头部*/
.head{ position: fixed; left: 0; top: 0; width: 100%; z-index: 100 ; background: #fff; }
.head:after{ content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: #bb1818; z-index: -1; }
.head .logo{ margin: 10px 30px 10px 0; padding-right: 25px; border-right: 1px solid #eee; }
.head .ico{ display: inline-block; width: 30px; height: 25px; background: url(../img/head_ico.png) no-repeat; margin: 0 4px; }
.head .ico1{ background: url('/images/ico_cmt.png') no-repeat; }
.head .ico2{ background-position: -30px 0; }
.head .ico3{ background-position: 0 0; width: 25px; }
.head .search,.head .lang,.head .person{ height: 90px; margin: 0 15px; position: relative; }
.head .person ul{ position: absolute; top: 100%; left: 50%; width: 120px; margin-left: -59px; background: #bb1818; padding: 20px 0; display: none; }
.head .person ul li{ line-height: 30px; text-align: center; }
.head .person ul li a{ display: block; }
.head .person ul li:hover{ opacity: .7 }
.head .search a,.head .lang a,.head .person a{ color: #fff; }
.head .search:after,.head .lang:after,.head .person:after{ content: ""; width: 0; height: 100%; vertical-align: middle; display: inline-block; }
.head .lang:before,.head .person:before{ content: ""; position: absolute; top: 50%; right: -15px; width: 1px; height: 14px; margin-top: -7px; display: block; background: #eee; }
.head .inav_wrapper{ background: #fff; }
.head .inav .nav_li{ margin: 0 41px; position: relative; float: left; }
.head .inav .nav_li:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; display: block; background: #bb1818; transition: all .6s ease; }
.head .inav .nav_li>a{ line-height: 91px; font-size: 16px; color: #000; display: block; }
.head .inav .nav_li.cur>a{ color: #bb1818; }
.head .inav .nav_li:hover:after{ width: 100%; }
.head .inav .nav_li:hover>a{ color: #bb1818; }
.drop_list{ display: none; position: absolute; width: 650px; border-bottom: 2px solid #bb1818; background: #f9f7f0; }
.drop_list .drop_ul{ width: 28%; padding: 20px 25px;}
.drop_list .drop_ul li{ line-height: 45px; text-align: center; border-bottom: 1px solid #ddd; transition: all .3s ease; }
.drop_list .drop_ul li a{ display: block; }
.drop_list .drop_ul li:hover{ background: #bb1818; }
.drop_list .drop_ul li:hover a{ color: #fff; }
.drop_list .drop_ul_thr{ display: none; }
.drop_list .imgbox{ width: 50%; background: #fff; padding: 40px 45px; }
.head .nav2 .drop_list{ left: -200px; }
.head .nav3 .drop_list{ left: -300px; }
.head .nav4 .drop_list{ left: -400px; }
.head .nav5 .drop_list{ left: -500px; }
.head_height{ height: 91px; }
.mobile_key{ font-size: 25px; display: none; color: #fff; }

/*下层banner*/
.xc_banner{ position: relative; z-index: 5 }
.xc_banenr img{ position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; max-width: none; height: 315px; }

/*下层二级导航*/
.xc_sec_nav{ background: #eef2f5; position: relative; z-index: 6; }
.xc_sec_nav .xc_sec_li{ float: left; position: relative; }
.xc_sec_nav .xc_sec_li a{ height: 70px; line-height: 70px; padding: 0 25px; font-size: 15px; color: #666; display: block; transition: all .3s ease; }
.xc_sec_nav .xc_sec_li:after{ content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 14px; margin-top: -7px; display: block; background: #666; }
.xc_sec_nav .xc_sec_li:first-child:after{ display: none; }
.xc_sec_nav .xc_sec_li.cur>a,.xc_sec_nav .xc_sec_li:hover>a{ font-weight: bold; color: #bb1818; }
.xc_sec_nav .xc_sec_li .three_nav{ position: absolute; top: 100%; left: 0; width: 131%; background: #eef2f5; z-index: 7; display: none; }
.xc_sec_nav .xc_sec_li .three_nav li a{ height: 35px; line-height: 35px; display: block; text-align: center; font-size: 14px; }
.xc_sec_nav .xc_sec_li .three_nav li a i{ display: none; }
.xc_sec_nav .xc_sec_li .three_nav li a:hover{ color: #bb1818; }

/*底部*/
.foot{ background: #242526; position: fixed; width: 100%; left: 0; bottom: 0; }
.foot .top{ padding: 45px 0 40px; }
.foot dl dt{ font-size: 20px; color: #8c8d8d; margin-bottom: 30px; }
.foot dl dd{ line-height: 30px; margin-bottom: 7px; }
.foot .dl1{ width: 25%; }
.foot .dl1 .ico{ display: inline-block; width: 30px; height: 30px; background: url(../img/foot_ico.png) no-repeat; margin: 0 8px 0 0; }
.foot .dl1 .ico2{ background-position: -30px 0; }
.foot .dl1 .ico3{ background-position: -60px 0 }
.foot .dl2{ width: 25%; }
.foot .dl2 dd{ display: inline-block; width: 45%; }
.foot .dl3{ width: 25%; }
.foot .dl3 .com_ico{ margin-right: 5px; }
.foot .dl3 .com_ico img{ vertical-align: middle; }
.foot .dl4{ width: 25%; }
.foot .dl4 dt{ margin-bottom: 20px; }
.foot .dl4 dd a{ display: inline-block; width: 45px; height: 35px; background: url(../img/foot_share.png) no-repeat; padding-left: 0; }
.foot .dl4 dd a.bds_weixin{ background-position: 0 0; }
.foot .dl4 dd a.bds_tsina{ background-position: -45px 0; }
.foot .dl4 .ewm_img{ display: inline-block; }
.foot .dl4 .ewm_img span{ display: block; text-align: center; color: #8c8d8d; }
.foot .dl4 .img1{ margin-right: 10px; }
.foot .bottom{ padding: 15px 0; }
.foot:after{ content: ""; position: absolute; bottom: 52px; left: 0; width: 100%; height: 1px; background: #3a3b3c; display: block; }

/*右侧漂浮*/
.float_right{ position: fixed; top: 80%; right: 0; z-index: 99; width: 60px; height: 120px; display: none; }
.float_right li{ background: #bd0001; position: absolute; left: 0; cursor: pointer; }
.float_right .li1{ top: 0; width: 205px; transition: all .5s ease; overflow:hiddenl}
.float_right .li2{ bottom: 0; }
.float_right li .ico{ width: 50px; height: 50px; background: url(../img/float_nav.png) no-repeat; display: inline-block; vertical-align: middle; margin: 5px; }
.float_right li .ico2{ background-position: -50px 0; }
.float_right li a{ font-size: 16px; color: #fff; }
.float_right .li1:hover{ left: -145px; }


.channel_content{ min-height: 300px; padding: 60px 0; position: relative; z-index: 5; margin-bottom: 425px; background: #fff; }
.channel_content p{ margin-bottom:20px;}

/*公司简介*/
.about .imgbox{ width: 40%; float: right; margin: 0 0 30px 30px; cursor: pointer; }
.about .imgbox .play{ display: block; position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; background: url(../img/a_play.png) no-repeat; }
.about .pt1 .title{ font-size: 32px; color: #bb1818; /*font-family: "KMS_font";*/ margin-bottom: 15px; }
.about .pt2{ margin: 30px 0; background: url(../img/about_pt2_bg.jpg) no-repeat center center; background-size: cover; }
.about .pt2 .box{ padding: 70px 30px 60px; text-align: center; color: #fff; }
.about .pt2 .box .num{ font-family: "Arial"; margin-right: 5px; font-size: 40px; }
.about .pt1 .con img{ margin: 0px 30px; max-width:90%;}

/*企业文化*/
.culture .pt_hd{ text-align: center; margin-bottom: 40px; }
.culture .pt_hd .title{ /*font-family: "KMS_font";*/ color: #bb1818; font-size: 32px; }
.culture .pt1 li{ display: block; position: relative; }
.culture .pt1 .imgbox:after{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; transition: all .5s ease; }
.culture .pt1 .con{ position: absolute; bottom: 30px; left: 0; color: #fff; padding-left: 40px; transition: all .6s ease; }
.culture .pt1 .con .title{ font-size: 26px; margin-bottom: 8px; }
.culture .pt1 .con .decs{ font-size: 16px; height: 0; transition: all .5s ease; overflow: hidden; }
.culture .pt1 li:hover .con .decs{ height: 30px; }
.culture .pt1 li:hover .imgbox:after{ background: url(../img/black.2.png); width: 94%; height: 90%; top: 5%; left: 3%; right: 3%; bottom: 5%; }
.culture .pt2{ background: url(../img/culture_pt2_bg.jpg) no-repeat center center; background-size: cover; margin: 55px 0; height: 350px; }
.culture .pt2 .box{ padding: 60px 0; }
.culture .pt2 li{ float: left; width: 21%; height: 230px; line-height: 230px; transition: all .6s ease; border-left: 1px solid #854d4d; }
.culture .pt2 li .li_box{ padding: 0 30px; color: #fff; display: inline-block; vertical-align: middle; line-height: 1.6; }
.culture .pt2 li .title{ font-size: 20px; margin-bottom: 10px; }
.culture .pt2 li .decs{ font-size: 15px; }
.culture .pt2 li.cur{ width: 35%; }
.culture .pt2 li.cur .title{ font-size: 26px; }
.culture .rect-110{ padding-bottom: 110%; }
.culture .rect-53{ padding-bottom: 53%; }
.culture .pt3 li{ margin-bottom: 16px; position: relative; cursor: pointer; overflow: hidden; }
.culture .pt3 li .con{ position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center; color: #fff; font-size: 16px; }
.culture .pt3 li:after{ content: "" ; position: absolute; width: 130%; height: 100%; top: 100%; left: 0; background: url(../img/red.7.png); transition: all .5s ease; }
.culture .pt3 .li1:after{ display: none; }
.culture .pt3 li .more{ display: none; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -60px; color: #fff; z-index: 1 }
.culture .pt3 li .more .iconfont{ font-size: 50px; line-height: 1; }
.culture .pt3 li .more span{ display: block; }
.culture .pt3 li:hover:after{ top: 0; }
.culture .pt3 li:hover .more{ display: block; }
.culture .pt3 li:hover .con .title{ display: none; }
.com_pics{ display: none; }

/*相册*/
body .album_wrap{ z-index: 100; }
.album_wrap .slide .arrs { width: 10%; height: 5em; line-height: 5em; top: 50%; margin-top: -3em; font-size: 4em; text-align: center; color: #fff; cursor: pointer; }
.album_wrap .slide .arr_prev{ left: 10%;}
.album_wrap .slide .arr_next{ right: 10%; left: auto;}
.album_wrap .album_gallery .slide_nav{ width: 80%; left:10%;  -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.album_wrap .album_gallery .slide_nav a{ float: none; display: inline-block; height: 70px;}
.album_wrap .album_gallery .album_bar{ height: 70px; background: none; bottom: 44px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.album_wrap .album_gallery .listArrs { color: #fff; position: absolute;  top: auto; display: block;  line-height: 70px;  z-index: 20; bottom: 40px;}
.album_wrap .album_gallery .prevList{left: 5%;}
.album_wrap .album_gallery .nextList{right: 5%;}
.album_wrap .album_gallery .slide_nav{ height:76px; line-height:70px; text-align: center;bottom:34px; padding-bottom: 10px; z-index: 15; overflow-x:auto;}
.album_wrap .album_gallery .album_pages{ left: 50%; margin-left: -30px;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.album_wrap .album_ordinary .slide_c p{ bottom: 150px;  -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.album_wrap .full_btn{ cursor: pointer;margin-right: 10px; position: absolute; right: 40px; top: 0;width: 40px; height: 40px; background:url(../img/ablum_ico.png) no-repeat 0 0; display: none; }
.album_wrap .full_btn:hover{ opacity: 0.8; }
.album_wrap .album_ordinary .album_close{ background:url(../img/ablum_ico.png) no-repeat 0 0; width: 100px; height: 99px; }
.album_wrap .album_ordinary .album_close .ion{ display: none;}
.album_wrap .album_gallery .slide_nav .on{ border-color: #f18101;}
.album_wrap .album_gallery .arrs:hover{ color: #f18101;}
.album_wrap.hidebar .album_gallery .slide_nav{ bottom: -100px; }
.album_wrap.hidebar .album_gallery .listArrs{ bottom: -40px;}
.album_wrap.hidebar .album_ordinary .slide_c p{ bottom: -40px;}
.album_wrap.hidebar .album_gallery .album_pages{ bottom: -30px;}
.album_wrap .album_ordinary .slide_c img { max-width: 80%; max-height: 57%; margin-top: -5%;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  }
.album_wrap.hidebar .album_ordinary .slide_c img { max-height: 100%; margin-top: 0; }

/*新闻列表*/
.new_list a{ display: block; padding: 40px; }
.new_list .time{ /*font-family: "KMS_font";*/ color: #bb1818; width: 11%; text-align: right; margin-right: 3%; }
.new_list .time span{ display: block; }
.new_list .time .year{ font-size: 16px; }
.new_list .time .date{ font-size: 40px; line-height: 1; }
.new_list .con{ width: 82%; }
.new_list .title{ font-size: 22px; color: #000; }
.new_list .decs{ color: #666; margin: 6px 0 20px; }
.new_list li:hover{ background: #f3f7fa; }
.new_list li:hover .roll1{-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);display:none\9; z-index:0; opacity:0;}
.new_list li:hover .roll2{-webkit-transform: rotateX(0deg);transform: rotateX(0deg);display:block\9;z-index:1;opacity:1;}

/*按钮*/
.more { display: inline-block; width: 120px; font-size: 14px; text-align: center; }
.more .roll_box{ display: block; width: 100%; height: 40px; }
.more .face1{ border: 2px solid #eee; line-height: 40px; font-size: 0; color: #333; text-align: center; height: 40px; }
.more .face1 .t{ display: inline-block; line-height: 40px; font-size: 14px; vertical-align: top; opacity: 0.6; }
.more .face2{ background: #bb1818; border: 1px solid #bb1818; color: #fff; line-height: 40px; font-size: 0; text-align: center; height: 40px; }
.more  .face2 .t{ display: inline-block; line-height: 40px; font-size: 14px; vertical-align: top; }
/*翻滚按钮公用样式*/
.roll_box{-webkit-perspective: 500px; perspective: 500px;  position:relative;}
.roll1{-webkit-transform: rotateX(0deg); transform: rotateX(0deg);-webkit-transition: .2s ease;
    transition: .5s ease;
    -webkit-transform-origin: 50% 50% -25px;
    -ms-transform-origin: 50% 50% -25px;
    transform-origin: 50% 50% -25px; position:absolute; left:0; top:0; width:100%; z-index:1;opacity:1;}
.roll2{-webkit-transform: rotateX(90deg); transform: rotateX(90deg);-webkit-transition: .2s ease;
    transition: .5s ease;
    -webkit-transform-origin: 50% 50% -25px;
    -ms-transform-origin: 50% 50% -25px;
    transform-origin: 50% 50% -25px; position:absolute; left:0; top:0; width:100%; z-index:-1; opacity:0; display:none\9;}
    /*hover动画*/
/*.roll_box:hover .roll1{-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);display:none\9; z-index:0; opacity:0;}
.roll_box:hover .roll2{-webkit-transform: rotateX(0deg);transform: rotateX(0deg);display:block\9;z-index:1;opacity:1;}*/

/*分页*/
/*page-box start*/
.page-box{font-size:0; margin-top:40px;}
.page-box a,.page-box span{color:#666;background-color: #eaebf0;display: inline-block;vertical-align: middle;text-align:center;padding:0 30px;font-size:14px;margin:0 2px 0 0;}
.page-box a:hover,.page-box span.current{color:#fff;background-color: #bb1818;}
.util-page .gobutton .iconfont{ font-size: 14px; }
@media only screen and (max-width:760px){
	.page-box a, .page-box span{line-height:30px; padding:0 6px;}
}
/*page-box end*/

/*发展历程*/
.history .rect-107{ padding-bottom: 107%; }
.history .rect-61{ padding-bottom: 56.25%; }
.history .left{ width: 336px; }
.history .right{ width: 62%; }
.history .right ul{ position: relative; }
.history .right ul:after{ content: ""; position: absolute; top: 0; left: -8%; width: 25px; height: 100%; background: url(../img/history_border.png) repeat; }
.history .right li{ margin-bottom: 30px; background: #f3f7fa; position: relative; }
.history .right li:after{ content: ""; width: 10px; height: 10px; background: #fff; border: 4px solid #eee; border-radius: 50%; display: block; position: absolute; top: 10%; left: -9%; z-index: 1; }
.history .right li:before{ content: ""; border-width: 15px; border-style: solid; border-color: transparent #f3f7fa transparent transparent; display: block; position: absolute; left: -30px; top: 8%; }
.history .right .li_box{ padding: 40px 50px; }
.history .right .year{ color: #bb1818; font-size: 24px; font-weight: bold; }
.history .right .intro{ font-size: 15px; color: #5a5a5a; margin: 5px 0 20px; }
.history .right .imgbox{ width: 60%; }

/*社会责任*/
.social .pt_hd{ width: 70%; margin: 0 auto 40px; text-align: center; }
.social .pt_hd .title{ font-size: 32px; /*font-family: "KMS_font";*/ color: #bb1818; margin-bottom: 10px; }
.social .pt_hd .decs{ color: #666; }
.social .rect-51{ padding-bottom: 51%; }
.social .tab_t{ position: relative; cursor: pointer; }
.social .tab_t .con{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; background: url(../img/black.2.png); }
.social .tab_t .title{ padding: 15px 0; color: #fff; font-size: 28px; }
.social .tab_t.cur .con{ background: url(../img/red.7.png); }
.social .con_box{ margin-top: 45px; background: #f3f7fa; display: none; position: relative; }
.social .con_box:after{ content: ""; position: absolute; top: -30px; display: block; border-width: 15px; border-style: solid; border-color: transparent transparent #f3f7fa transparent; margin-left: -30px; }
.social .tab_c1:after{ left: 15%; margin-left: 0; }
.social .tab_c2:after{ left: 50%; }
.social .tab_c3:after{ left: 85%; }
.social .con_box .box{ padding: 40px 50px; }
.social .con_box .title{ font-size: 32px; color: #bb1818; /*font-family: "KMS_font";*/ margin-bottom: 5px; }
.social .con_box .intro{ font-size: 18px; color: #000; margin-bottom: 8px; }
.social .con_box .info li{ margin-bottom: 15px; }
.social .con_box .info span{ display: block; }
.social .con_box .info .t1{ color: #bb1818; font-weight: bold; margin-bottom: 5px; }
.social .con_box .info .t2{ color: #5c5c5c; }
.social .owl-carousel{ display: none; }
.social .shuffling{ margin-top: 50px; }
.social .item{ position: relative; cursor: pointer; overflow: hidden; }
.social .item .con{ position: absolute; top: 80%; left: 0; width: 100%; height: 100%; text-align: center; z-index: 1; transition: all .5s ease; }
.social .item .con:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/red.7.png); z-index: -1; transition: all .5s ease; }
.social .item .title{ font-size: 16px; color: #fff; padding: 15px 0; }
.social .item .more{ display: none; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -60px; color: #fff; }
.social .item .more .iconfont{ font-size: 50px; line-height: 1; }
.social .item .more span{ display: block; }
.social .item:hover .title{ display: none; }
.social .item:hover .con{ top: 0; height: 100%; }
.social .item:hover .more{ display: block; }
.social .owl-prev,.social .owl-next{ position: absolute; bottom: 50%; margin-bottom: -23px; font-size: 0; display: inline-block; width: 20px; height: 45px; background: url(../img/social_pn.png) no-repeat; }
.social .owl-prev{ background-position: 0 0; left: -35px; }
.social .owl-prev:hover{ background-position: 0 -45px; }
.social .owl-next{ background-position: -20px 0; right: -35px; }
.social .owl-next:hover{ background-position: -20px -45px; }
.social .con_box.cur{ display: block; }
.com_pics_box{ display: none; }

/*新闻详细*/
/*widget-newsdetail-8*/
.widget-newsdetail-8 .iconfont { color:#676767; }
.widget-newsdetail-8 .n_left { width:66.8%; float:left; }
.widget-newsdetail-8 ._head ._title { font-size:34px; font-weight:bold; color:#000000; margin-bottom:10px;}
.widget-newsdetail-8 ._tools { font-size:0; color:#7e7e7e; margin-bottom:15px;}
.widget-newsdetail-8 ._tools ._tool{ font-size:12px; margin-right:10px; height:30px; line-height:30px; overflow:hidden; vertical-align: middle; }
.widget-newsdetail-8 ._tools .iconfont { font-size:18px; display:inline-block; height:30px; line-height:30px; vertical-align:-2px;}
.widget-newsdetail-8 ._tools b { font-weight:normal; }
.widget-newsdetail-8 ._tools #switcher { margin-left:10px; }
.widget-newsdetail-8 ._tools #switcher ._title{margin-right:5px;font-size:12px;color:#7e7e7e;}
.widget-newsdetail-8 ._tools #switcher .iconfont { font-size:15px; }
.widget-newsdetail-8 ._tools .bds_more { float:none; background:none; padding:0;}
.widget-newsdetail-8 .myart { line-height:2; min-height:200px; font-size:13px; color:#555555; }
.widget-newsdetail-8 .n_right { width:30%; float:right; padding-top:90px; }
.widget-newsdetail-8 .n_right ._tools { text-align:right; }
.widget-newsdetail-8 ._tools ._back { font-size:20px; font-weight:normal; font-weight:bold; 
	color:#676767; height:26px; line-height:26px; border-right:#cccccc 1px solid; padding-right:40px; vertical-align:middle;}
.widget-newsdetail-8 ._tools ._back .iconfont { font-weight:normal; vertical-align:0; }
.widget-newsdetail-8 ._tools .share,.widget-newsdetail-8 ._tools .print { width:36px; height:36px; line-height:36px; text-align:center; background-color:#80939e; border-radius:50%; cursor:pointer; overflow:hidden; margin-right:0; margin-left:15px; vertical-align:middle; display: inline-block;}
.widget-newsdetail-8 ._tools .share:hover,.widget-newsdetail-8 ._tools .print:hover{ background-color:#bb1818; }
.widget-newsdetail-8 ._tools .share .iconfont,.widget-newsdetail-8 ._tools .print .iconfont { font-size:18px; color:#ffffff; }
.widget-newsdetail-8 ._tools .share:hover .iconfont,.widget-newsdetail-8 ._tools .print:hover .iconfont { color:#ffffff; }
.widget-newsdetail-8 ._tools .share .iconfont { font-size:20px; }
.widget-newsdetail-8 ._detailPage_bottom li strong,.widget-newsdetail-8 ._detailPage_bottom li span,.widget-newsdetail-8 ._detailPage_bottom li a{ display:block;}
.widget-newsdetail-8 ._detailPage_bottom{margin-top:45px; border:#f3f3f3 10px solid; }
.widget-newsdetail-8 ._detailPage_bottom ul{padding:10px 7%;}
.widget-newsdetail-8 ._detailPage_bottom li ._mark{ padding-bottom:8px; font-size:19px; font-weight:bold; color:#000000; }
.widget-newsdetail-8 ._detailPage_bottom ._date{ height:30px; line-height:30px; margin-bottom:7px; font-family:Arial; font-size:13px; color:#676767; }
.widget-newsdetail-8 ._detailPage_bottom ._date .iconfont { font-size:20px; height:30px; vertical-align:-2px; margin-left:0;}
.widget-newsdetail-8 ._detailPage_bottom li ._title:hover { color:#5c5c5c; }
.widget-newsdetail-8 ._detailPage_bottom li ._title { font-size:16px; font-weight:bold; color:#5c5c5c; }
.widget-newsdetail-8 ._detailPage_bottom li { padding: 27px 0; }
.widget-newsdetail-8 ._detailPage_bottom li._prev{ border-bottom:1px #ececec solid; }

/*产品列表*/
.pro_list .pt1 li{ float: left; width: 48%; margin-bottom: 10%; }
.pro_list .pt1 li.odd{ margin-right: 4%; }
.pro_list .pt1 a{ display: block; position: relative; }
.pro_list .pt1 li .img_bg 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;}
.pro_list .pt1 li .img_bg { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.pro_list .pt1 li:hover .img_bg 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);}
.pro_list .pt1 .con_box{ position: absolute; left: 0; top: 0; width: 90%; height: 100%; z-index: 1; } 
.pro_list .pt1 .con_box:after{ content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(../img/pro_list_gray.png) no-repeat left top; z-index: -1; }
.pro_list .pt1 .box{ color: #fff; padding: 20% 0 0 30px; }
.pro_list .pt1 .box .title{ font-family: "Impact"; font-size: 40px; line-height: 1.2; }
.pro_list .pt1 .box .more{ margin-top: 35px; }
.pro_list .more .face1{ color: #fff; }
.pro_list .pt1 .pro_img{ position: absolute; right: 0; bottom: -76px; width: 60%; z-index: 2; transition: all .5s ease; }
.pro_list .pt1 li:hover .pro_img{ bottom: -40px; }
.pro_list .pt1 li:hover .con_box:after{ background: url(../img/pro_list_red.png) no-repeat left top; }
.pro_list .pt1 li:hover .roll1{-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);display:none\9; z-index:0; opacity:0;}
.pro_list .pt1 li:hover .roll2{-webkit-transform: rotateX(0deg);transform: rotateX(0deg);display:block\9;z-index:1;opacity:1;}
.pro_list .pt2 .tit{ /*font-family: "KMS_font";*/ font-size: 32px; margin-bottom: 45px; text-align: center; }
.pro_list .pt2 .box{position: relative; height: 334px; width: 100%; }
.pro_list .pt2 .con{ position: absolute; top: 0; right: 0; width: 32%; height: 100%; color: #fff; line-height: 335px; }
.pro_list .pt2 .decs{ padding: 0 45px; display: inline-block; line-height: 1.8; vertical-align: middle; }
.pro_list .pt3{ margin-top: 60px; }
.pro_list .pt3 li{ cursor: pointer; }
.pro_list .pt3 li .tit_box{ border-bottom: 1px solid #eee; position: relative; transition: all .2s ease; }
.pro_list .pt3 li .tit_box:after{ content: ""; position: absolute; top: 50%; left: 55px; width: 9px; height: 9px; border: 2px solid #999; border-radius: 60%; display: block; margin-top: -6px; }
.pro_list .pt3 li .tit_box:before{ content: ""; position: absolute; right: 60px; top: 50%; border-width: 8px; border-style: solid; border-color: transparent transparent transparent #999; margin-top: -8px; transition: all .2s ease; }
.pro_list .pt3 li .title{ height: 50px; font-size: 14px; line-height: 50px; padding-left: 80px; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro_list .pt3 li .con_box{ display: none; background: #f9f9f9; }
.pro_list .pt3 li .con{ padding: 45px 50px; }
.pro_list .pt3 li.cur .tit_box{ background: #bb1818; color: #fff; }
.pro_list .pt3 li.cur .tit{ font-size: 18px }
.pro_list .pt3 li.cur .tit_box:after{ border: 2px solid #fff; }
.pro_list .pt3 li.cur .tit_box:before{ border-color: #fff transparent transparent transparent; }

/*产品详细*/
.pro_detail{ background: #f9f9f9; }
.pro_detail .pt1 .left{ width: 50%; background: #fff; position: relative; height: 500px; overflow: hidden; }
.pro_detail .pt1 .left .big_ivew{ position: absolute; bottom: 20px; right: 20px; background: url(../img/big_glass.png) no-repeat; width: 43px; height: 41px; }
.pro_detail .pt1 .right{ width: 48%; background: #fff; height: 500px; max-height: 500px; }
.pro_detail .pt1 .right .table >tbody >tr >td{ border-top: 0; padding: 4px 8px; }
.pro_detail .pt1 .right .box{ padding: 35px 40px; }
.pro_detail .pt1 .right .title{ font-size: 28px; color: #000; }
.pro_detail .pt1 .right .title span{ color: #bb1818; margin-right: 15px; }
.pro_detail .pt1 .right .con{ margin-top: 20px; position: relative; height: 340px; overflow: hidden; }
.pro_detail .pt2{ }
.pro_detail .pt2 .target_box{ background: url(../img/pro_detail_bg.jpg) no-repeat center center; height: 217px; margin: 100px 0 60px; }
.pro_detail .pt2 ul.target{ height: 217px; position: relative; }
.pro_detail .pt2 ul.target:after{ content: ""; position: absolute; top: 45%; left: 0; width: 100%; height: 1px; background: #fff; display: block; }
.pro_detail .pt2 ul.target li{ float: left; width: 50%; text-align: center; margin-top: 10%; color: #fff; font-size: 20px; font-weight: bold; position: relative; cursor: pointer; }
.pro_detail .pt2 ul.target li:after{ content: ""; position: absolute; top: -80%; left: 50%; width: 14px; height: 14px; background: #fff; display: block; border-radius: 50%; margin-left: -7px; z-index: 1; }
.pro_detail .pt2 ul.target li.active:after{ background: #bb1818; }
.pro_detail .pt2 .sections{ min-height: 300px; }
.pro_detail .pt2 .sections .title{ font-size: 34px; color: #bb1818; margin-bottom: 8px; /*font-family: "KMS_font";*/ }

/*服务网络*/
.network .top{ height: 70px; background: #bb1818; }
.network .top .left{ width: 70px; height: 100%; border-right: 1px solid #fff; }
.network .top .left i{ display: block; background: url(../img/network_add.png) no-repeat; width: 24px; height: 26px; margin: 22px auto; }
.network .top .right{ width: 70px; height: 100%; border-left: 1px solid #fff; cursor: pointer; }
.network .top .right i{ display: block; background: url(../img/network_down.png) no-repeat; width: 23px; height: 25px; margin: 22px auto; }
.network .top .center{ width: 88% }
.network .sele{ width: 300px; border-radius: 0; height: 35px; line-height: 35px; margin-top: 15px; margin-left: 10px; border: 0; }
.network .sele_province{ margin-left: 25px; }
.network .select-ui-choose-default ._arrow .arr{ border-color: #b5b5b5 transparent transparent; left: -15px; }
.network .map_box{ margin: 3px 0 60px; }
.network .map_box .map-M5-map{ min-height: 500px; }
.network .list li{ background: #f3f7fa; margin-bottom: 25px; color: #333; position: relative; z-index: 1; transition: all .3s ease; height: 260px; }
.network .list li:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/network_li_bg.jpg) no-repeat center center; background-size: cover; z-index: -1; visibility: hidden; }
.network .list .box{ padding: 40px 25px 60px; }
.network .list dt{ font-size: 18px; margin-bottom: 35px; }
.network .list li:hover,.network .list li:hover a{ color: #fff; }
.network .list li:hover:after{ visibility: visible; }

/*纯正备件*/
.part .pt_hd{ text-align: center; width: 80%; margin: 0 auto; margin-bottom: 50px; }
.part .pt_hd .tit{ font-size: 32px; /*font-family: "KMS_font";*/ color: #bb1818; margin-bottom: 5px; }
.part .pt_hd .decs{ color: #757575; }
.part .rect-53{ padding-bottom: 53%; }
.part .pt1 .title{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 30px; }
.part .pt1 li{ width: 25%; border-radius: 5px; position: relative; }
.part .pt1 li .imgZoom{ border-radius: 5px; }
.part .pt1 li img{ border-radius: 5px; }
.part .pt1 .li1,.part .pt1 .li2{ margin-right: 12.5%; }
.part .pt1 .li1:after,.part .pt1 .li2:after{ content: ""; position: absolute; top: 50%; left: 125%; background: url(../img/part_jiantou.png) no-repeat; width: 46px; height: 38px; display: block; margin-top: -19px; margin-left: -23px; }
.part .pt1 li .con{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 1; border-radius: 5px; }
.part .pt1 li .con:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/blue.9.png); z-index: -1; border-radius: 5px; }
.part .pt1 li .con .box{ padding: 30px 0; }
.part .pt1 .ico{ display: block; background: url(../img/part_ico1.png) no-repeat; width: 60px; height: 60px; margin: 0 auto 8px; }
.part .pt1 .ico2{ background-position: -60px 0; }
.part .pt1 .ico3{ background-position: -120px 0; }
.part .pt1 li .t{ font-size: 16px; color: #fff; }
.part .pt1 li:hover .con:after{ background: url(../img/red.7.png); }
.part .pt2{ margin: 65px 0 45px; background: url(../img/part_pt2_bg.png) no-repeat center center; background-size: cover; padding: 40px 0 60px; }
.part .pt2 li{ background: url(../img/white.7.png); margin-bottom: 15px; }
.part .pt2 .box{ padding: 30px 35px; height: 130px; color: #363636; }
.part .pt2 .ico{ display: inline-block; background: url(../img/part_ico2.png) no-repeat; width: 82px; height: 82px; margin: 20px 35px 0 0; }
.part .pt2 .title{ font-size: 22px; margin-bottom: 8px; }
.part .pt2 .ico2{ background-position: -82px 0; }
.part .pt2 .ico3{ background-position: -164px 0; }
.part .pt2 .ico4{ background-position: -246px 0; }
.part .pt2 .ico5{ background-position: -328px 0; }
.part .pt2 .ico6{ background-position: -410px 0; }
.part .pt2 li:hover{ background: #bb1818; }
.part .pt2 li:hover .box{ color: #fff; }
.part .pt2 li:hover .ico1{ background-position: 0 -82px; }
.part .pt2 li:hover .ico2{ background-position: -82px -82px; }
.part .pt2 li:hover .ico3{ background-position: -164px -82px; }
.part .pt2 li:hover .ico4{ background-position: -246px -82px; }
.part .pt2 li:hover .ico5{ background-position: -328px -82px; }
.part .pt2 li:hover .ico6{ background-position: -410px -82px; }
.part .pt3 .tab_t{ height: 104px; background: url(../img/part_pt3_li.png) no-repeat; width: 286px; margin-left: -46px; }
.part .pt3 .tab_t.tab_t_cur{ background: url(../img/part_pt3_li_cur.png) no-repeat; }
.part .pt3 .tab_t.first{ background: url(../img/part_pt3_li_first.png) no-repeat; width: 263px; margin-left: 0; }
.part .pt3 .tab_t.first.tab_t_cur{ background: url(../img/part_pt3_li_first_cur.png) no-repeat; }
.part .pt3 .tab_t.last{ background: url(../img/part_pt3_li_last.png) no-repeat; width: 263px; }
.part .pt3 .tab_t.last.tab_t_cur{ background: url(../img/part_pt3_li_last_cur.png) no-repeat; }
.part .pt3 .tab_t .con{ padding: 25px 15px 0 40px; }
.part .pt3 .tab_t .con span{ display: inline-block; width: 30px; height: 30px; border: 1px solid #838484; text-align: center; line-height: 30px; border-radius: 50%; font-size: 20px; color: #787878; vertical-align: middle; margin-right: 5px; }
.part .pt3 .tab_t .con .title{ display: inline-block; width: 65%; font-size: 15px; vertical-align: middle; }
.part .pt3 .tab_t.tab_t_cur .con{ color: #fff; }
.part .pt3 .tab_t.tab_t_cur .con span{ color: #fff; border: 1px solid #fff; }
.part .pt3 .tab_c{ position: relative; display: none; }
.part .pt3 .tab_c .con_box{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.part .pt3 .tab_c .box{ padding: 70px; }
.part .pt3 .tab_c_cur{ display: block; }
.part .pt4{ margin-top: 40px; }
.part .pt4 .pt_hd{ margin-bottom: 30px; }
.part .pt4 .pt_bd{ text-align: center; font-size: 16px; color: #424242; }

/*用户指南*/
.use_guide{ padding: 60px 0 0; }
.use_guide .pt_hd{ text-align: center; margin-bottom: 50px; }
.use_guide .pt_hd .tit{ font-size: 32px; /*font-family: "KMS_font";*/ color: #bb1818; }
.use_guide .pt_hd .decs{ color: #757575; }
.use_guide .rect-925{ padding-bottom: 92.5%; }
/*.use_guide #multiscroll { visibility:hidden; }*/
.use_guide #multiscroll.multiscroll_loaded { visibility:visible; }
.use_guide .m_multiscroll_list { display:none; }
.use_guide .pt1{ margin-bottom: 40px; }
.use_guide .pt1_con{width:100%;position:relative;overflow: hidden;height:555px!important;}
.use_guide .pt1 .ms-left .ms-section{background-position: right center; background-repeat:no-repeat; background: #bb1818;}
.use_guide .pt1 .ms-left{ background: #bb1818; }
.use_guide .pt1 .ms-left .content{position:absolute; left: 5%; top: 5%; width:95%; height: 90%; color:#fff; }
.use_guide .pt1 .ms-left .content:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 97%; border: 8px solid #fff; }
.use_guide .pt1 .ms-left .content .box{ padding: 5% 10%; }
.use_guide .pt1 .ms-left .content .tit{font-size:30px; margin-bottom:20px;}
.use_guide .pt1 .ms-left .content .text{font-size:16px; line-height:26px; margin-bottom: 40px;}
.use_guide .pt1 .ms-left .ms-tableCell {position:relative; height: 555px!important;}
.use_guide .pt1 .ms-left .content .more{ display: inline-block; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 2% 4%; position: relative; overflow: hidden;}
.use_guide .pt1 .ms-left .content .more a{ display: inline-block; width: 100%; height: 100%; color: #fff; }
.use_guide .pt1 .ms-left .content .more:before{ content: ""; position: absolute; width: 1px; height: 100%; top: 100%; left: 0; transition: all .5s ease; background-color: #fff;}
.use_guide .pt1 .ms-left .content .more:hover:before{ top: 0; }
.use_guide .pt1 .ms-left .content .more:after{ content: ""; position: absolute; width: 1px; height: 100%; bottom: 100%; right: 0; transition: all .5s ease; background-color: #fff;}
.use_guide .pt1 .ms-left .content .more:hover:after{ bottom: 0; }
.use_guide .pt1 .ms-right .ms-section{background-position: left center; background-repeat:no-repeat;}
.use_guide .pt1 .ms-right .ms-tableCell {position:relative;}
.use_guide .pt1 .ms-right .ms-tableCell .meinv{position:absolute; top: 0; right: 0; width: 100%; height: 555px; }
.use_guide .pt1 .ms-right .ms-tableCell .meinv:after{ content: ""; position: absolute; right: 5%; top: 5%; width: 93.6%; height: 87.3%; border: 8px solid #fff;opacity: 0.8; filter: alpha(opacity=80); border-left: none; }
.use_guide .pt1 .ms-right .ms-tableCell .meinv img{position:absolute; bottom:0; left:0; max-width: none;}
#multiscroll-nav{position:absolute;left:7%; bottom: 7%; z-index: 10;}
#multiscroll-nav li{padding:10px 0;position:relative; margin: 0 5px; display: inline-block; cursor: pointer; }
#multiscroll-nav span{width:15px;height:15px;display:block;border-radius:50%; border: 1px solid #fff;}
#multiscroll-nav .active span{background:#fff;}
#multiscroll-nav li .multiscroll-tooltip{position:absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }
#multiscroll-nav .active .multiscroll-tooltip{display:block;}
#multiscroll-nav .visible .multiscroll-tooltip{display:block;}
#multiscroll-nav a{display:block; width:100%; height:16px;position: relative;}
.use_guide .pt2 .pt_bd{ background: url(../img/guide_pt2_bg.jpg) no-repeat center center; -webkit-background-size: cover; background-size: cover; }
.use_guide .pt2 li{ float: left; width: 20%; position: relative; height: 600px; overflow: hidden; transition: all .5s ease; }
.use_guide .pt2 li:after{ content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; display: block; background: #eee; }
.use_guide .pt2 li:before{ content: ""; position: absolute; left: -2px; top: -100px; width: 5px; height: 70px; background: #fff; transition: all .5s ease; }
.use_guide .pt2 li .box{ padding: 45px 40px; color: #fff; }
.use_guide .pt2 .num{ font-size: 64px; /*font-family: "KMS_font";*/ line-height: 1; }
.use_guide .pt2 .title{ font-size: 24px; margin: 2px 0; transition: all .5s ease; }
.use_guide .pt2 dl{ transform: translateY(200px); visibility: hidden; transition: all .5s ease; }
.use_guide .pt2 dl dd{ padding-left: 15px; position: relative; }
.use_guide .pt2 dl dd:after{ content: ""; position: absolute; top: 12px; left: 0; width: 5px; height: 5px; background: #fff; border-radius: 50%; display: block; }
.use_guide .pt2 li.cur{ width: 60%; }
.use_guide .pt2 li.cur:before{ top: 45px; }
.use_guide .pt2 li.cur .title{ font-size: 30px; }
.use_guide .pt2 li.cur dl{ transform: translateY(0); visibility: visible; }

/*康明斯讲堂*/
.hall{ padding: 60px 0 0; }
.hall .pt_hd{ text-align: center; width: 70%; margin: 0 auto 40px; }
.hall .pt_hd .tit{ font-size: 32px; color: #bb1818; /*font-family: "KMS_font";*/ }
.hall .pt_hd .decs{ color: #757575; }
.hall .pt_bd .top{ position: relative; }
.hall .imgbox li{ display: none; }
.hall .imgbox li.cur{ display: block; }
.hall .ico_box{ position: absolute; top: 50%; left: 0; width: 100%; height: 125px; margin-top: -63px; }
.hall .ico_box li{ float: left; width: 12.5%; cursor: pointer; }
.hall .ico_box .li_box{ width: 125px; height: 125px; border-radius: 50%; background: #fff; background: rgba(255,255,255,.5); margin: 0 auto; text-align: center; color: #333; }
.hall .ico_box .li_box .icos{ padding-top: 25px; }
.hall .ico_box .ico{ display: block; width: 50px; height: 45px; background: url(../img/support_ico.png); margin: 0 auto 5px; }
.hall .ico_box .ico2{ background-position: -50px 0; }
.hall .ico_box .ico3{ background-position: -100px 0; }
.hall .ico_box .ico4{ background-position: -150px 0; }
.hall .ico_box .ico5{ background-position: -200px 0; }
.hall .ico_box .ico6{ background-position: -250px 0; }
.hall .ico_box .ico7{ background-position: -300px 0; }
.hall .ico_box .ico8{ background-position: -350px 0; }
.hall .ico_box li.cur .li_box{ background: #bb1818; color: #fff; }
.hall .ico_box li.cur .ico1{ background-position: 0 -45px; }
.hall .ico_box li.cur .ico2{ background-position: -50px -45px; }
.hall .ico_box li.cur .ico3{ background-position: -100px -45px; }
.hall .ico_box li.cur .ico4{ background-position: -150px -45px; }
.hall .ico_box li.cur .ico5{ background-position: -200px -45px; }
.hall .ico_box li.cur .ico6{ background-position: -250px -45px; }
.hall .ico_box li.cur .ico7{ background-position: -300px -45px; }
.hall .ico_box li.cur .ico8{ background-position: -350px -45px; }
.hall .con_box{ display: none; min-height: 500px; width: 96%; margin: 0 auto; border: 1px solid #bb1818; z-index: 10; background: #fff; border-radius: 5px; position: relative; top: -100px; }
.hall .con_box:after{ content: ""; position: absolute; top: -19px; background: url(../img/support_jiantou.png) no-repeat; width: 35px; height: 19px; }
.hall .con_box.box1:after{ left: 3%; }
.hall .con_box.box2:after{ left: 16%; }
.hall .con_box.box3:after{ left: 29%; }
.hall .con_box.box4:after{ left: 42%; }
.hall .con_box.box5:after{ left: 55%; }
.hall .con_box.box6:after{ left: 68%; }
.hall .con_box.box7:after{ left: 81%; }
.hall .con_box.box8:after{ left: 94%; }
.hall .con_box .con{ padding: 40px; }
.hall .con_box.cur{ display: block; }
.hall .tip{ font-size: 20px; color: #000; font-weight: bold; margin-top: -70px; text-align: left; padding-bottom: 50px; }

/*用户留言*/
.message .left{ width: 48%; float: left; }
.message .pt_hd{ padding-bottom: 20px; border-bottom: 1px dotted #acacac; margin-bottom: 20px; } 
.message .pt_hd .pen{ display: block; background: url(../img/message_pen.jpg) no-repeat; width: 72px; height: 69px; margin-right: 15px; }
.message .pt_hd .tit{ font-size: 32px; color: #333; line-height: 1; /*font-family: "KMS_font";*/ margin-bottom: 5px; }
.message .inp_box{ float: left; width: 48%; margin-right: 4%; height: 40px; line-height: 40px; border: 0; background: #f5f5f5; margin-bottom: 15px; }
.message .box2,.message .box4{ margin-right: 0; }
.message .inp{ border: 0; height: 30px; background: none; width: 80%; text-indent: 1em; }
.message .left .ico{ display: inline-block; vertical-align: middle; background: url(../img/message_ico.png) no-repeat; width: 30px; height: 28px; }
.message .left .ico2{ background-position: -30px 0; }
.message .left .ico3{ background-position: -60px 0; }
.message .left .ico4{ background-position: -90px 0; }
.message .textarea{ width: 99%; border: 0; background: #f5f5f5; text-indent: 1em; padding-top: 5px; height: 120px; margin-bottom: 10px; }
.message .img_box .inp{ width: 50%; height: 40px; line-height: 40px; text-indent: 1em; background: #f5f5f5; border: 0; margin-right: 10px; }
.message .btn{ width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #bb1818; font-size: 20px; margin-top: 15px; padding: 0; border-radius: 0; }
.message .right{ width: 50%; height: 459px; background: url(../img/message_right_bg.jpg) no-repeat; float: right; position: relative; background-size: cover; }
.message .con{ padding: 10%; color: #fff; }
.message .con .tel{ margin-bottom: 25px;  }
.message .con .tel .title{ font-size: 16px; }
.message .con .tel a{ font-size: 42px; line-height: 1; /*font-family: "KMS_font";*/ color: #fff; }
.message .con .tel_ico{ display: block; width: 65px; height: 71px; background: url(../img/message_tel.png) no-repeat; margin-right: 10px; }
.message .con dt{ font-size: 30px; /*font-family: "KMS_font";*/ margin-bottom: 20px; }
.message .con dd{ margin-bottom: 5px; }
.message .con dd a{ color: #fff; margin-left: -7px; }
.message .ewm_box{ position: absolute; bottom: 0; right: 0; width: 100px; height: 100px; }
.message .ewm_box .ewm{ position: absolute; right: 0px; bottom: 0px; display: none; }
.cmtmsg{ border:1px solid #FCE1A9; background-color:#FEF1E0; margin-top:10px; padding:6px; display:none;}

/*人力资源*/
.job_center{ background: #eef2f5; }
.job_center .rect-82{ padding-bottom: 82%; }
.job_center .rect-41{ padding-bottom: 41%; } 
.job_center .pt_hd{ width: 80%; margin: 0 auto 40px; text-align: center; }
.job_center .pt_hd .tit{ font-size: 32px; /*font-family: "KMS_font";*/ color: #333; }
.job_center .left,.job_center .right{ width: 50%; }
.job_center .pt1{ margin-bottom: 60px; }
.job_center .box1{ background: #bb1818; }
.job_center .box1 a{ display: block; }
.job_center .box1 .con{ padding: 60px 40px 0; color: #fff; }
.job_center .box1 .con .title{ font-size: 30px; margin-bottom: 8px; }
.job_center .box2{ position: relative; }
.job_center .box2 a{ display: block; }
.job_center .box2 .con{ position: absolute; top: 0; left: 50%; width: 50%; height: 100%; margin-left: -25%; text-align: center; }
.job_center .box2 .con .title{ font-size: 30px; color: #bb1818; /*font-family: "KMS_font";*/ padding-top: 50px; }
.job_center .box2 .con .decs{ color: #000; margin: 10px 0; }
.job_center .box2 .more .face1{ border: 1px solid #bb1818; color: #bb1818; }
.job_center .box2 .more .face1 .t{ opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
.job_center .box2:hover .roll1{-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);display:none\9; z-index:0; opacity:0;}
.job_center .box2:hover .roll2{-webkit-transform: rotateX(0deg);transform: rotateX(0deg);display:block\9;z-index:1;opacity:1;}
.job_center .right{ position: relative; }
.job_center .right a{ display: block; }
.job_center .right .con{ position: absolute; bottom: 0; right: 0; background: url(../img/black.6.png); padding: 55px 50px; width: 218px; text-align: right; color: #fff; }
.job_center .right .con .title{ font-size: 30px; }
.job_center .right .con .decs{ margin: 10px 0; }
.job_center .right .more .face1{ border: 1px solid #fff; color: #fff; }
.job_center .right .more .face1 .t{ opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
.job_center .right:hover .roll1{-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);display:none\9; z-index:0; opacity:0;}
.job_center .right:hover .roll2{-webkit-transform: rotateX(0deg);transform: rotateX(0deg);display:block\9;z-index:1;opacity:1;}
.job_center .pt2 li{ line-height: 50px; width: 33%; text-align: center; }
.job_center .pt2 .ico{ display: inline-block; width: 40px; height: 50px; background: url(../img/job_center_ico.png) no-repeat; }
.job_center .pt2 .ico2{ background-position: -40px 0; }
.job_center .pt2 .ico3{ background-position: -80px 0; }

/*招聘列表*/
.job_list .form_box{ border: 8px solid #ededed; margin-bottom: 50px; }
.job_list .form_box form{ padding: 30px 40px; }
.job_list .form_box label{ margin-right: 10px; margin-left: 40px; }
.job_list .form_box label:first-child{ margin-left: 0; }
.job_list .form_box .sele{ width: 250px; border-radius: 0; height: 35px; line-height: 35px; border: 1px solid #f3f3f3; }
.job_list .select-ui-choose-default ._arrow{ background: #f3f3f3; width: 35px; }
.job_list .select-ui-choose-default ._arrow .arr{ border-color: #b8b8b8 transparent transparent; left: 50%; margin: -.2em 0 0 -.2em; }
.job_list .form_box .inp{ width: 250px; height: 35px; line-height: 35px; text-indent: 1em; border: 1px solid #f3f3f3; }
.job_list .form_box .btn{ width: 200px; height: 38px; line-height: 38px; color: #fff; text-align: center; padding: 0; vertical-align: top; border-radius: 0; background: #bb1818; margin-left: 40px;}
/* job-2 start*/
.widget-job-tit{ background: #bb1818; color: #fff; overflow: hidden; height: 56px; line-height: 56px; font-size: 18px;}
.widget-job-2 ._jt { height: 56px; line-height: 56px; overflow: hidden; *zoom: 1;cursor: pointer;border-bottom: 1px dashed #dedede; }
.widget-job-2 ._jt:hover{ background: #f3f3f3; }
.widget-job-2 ._ut{ float: left; text-align: center; height: 100%; }
.widget-job-2 ._t1 { width: 30%; }
.widget-job-2 ._t2 { width: 25%; }
.widget-job-2 ._t3 { width: 15%; }
.widget-job-2 ._t4 { width: 15%; }
.widget-job-2 ._t5 { width: 15%; }
.widget-job-2 ._jc { display: none; }
.widget-job-2 ._jcon { padding: 40px; background: #f3f3f3; padding-left:96px;}
.widget-job-btn{ cursor: pointer; background: #bb1818;color: #fff; width: 160px; height: 40px; line-height: 40px; margin-top: 40px; display: block;text-align: center;font-size: 15px;}
.widget-job-btn:hover{ color: #fff; }
.widget-job-2 .tit{font-size:16px; color:#5a5a5a; margin-bottom:20px;}
.widget-job-2 .info{font-size:13px; color:#5a5a5a; line-height:24px; margin-bottom:40px;}
@media only screen and (max-width: 760px) {
	.widget-job-2 ._jcon{padding-left: 30px;}
	.about .pt1 .con img{ margin:0px; max-width:100%;}
}
@media only screen and (max-width: 40rem) {
	.widget-job-2 ._jt span { display: none; }
}

/*首页*/
.transition03{-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.transition05{-webkit-transition: all 0.8s ease;transition: all 0.8s ease;}
.transition08{-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.transition1{-webkit-transition: all 1s ease;transition: all 1s ease;}
.transition14{-webkit-transition: all 1.4s ease;transition: all 1.4s ease;}
.transition24{-webkit-transition: all 2.4s ease;transition: all 2.4s ease;}
.transition10{-webkit-transition: all 10s ease;transition: all 10s ease;}

.delay01{transition-delay: 0.1s;-moz-transition-delay: 0.1s;-webkit-transition-delay: 0.1s;-o-transition-delay: 0.1s;}
.delay02{transition-delay: 0.2s;-moz-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;}
.delay03{transition-delay: 0.3s;-moz-transition-delay: 0.3s;-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;}
.delay04{transition-delay: 0.4s;-moz-transition-delay: 0.4s;-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;}
.delay05{transition-delay: 0.5s;-moz-transition-delay: 0.5s;-webkit-transition-delay: 0.5s;-o-transition-delay: 0.5s;}
.delay06{transition-delay: 0.6s;-moz-transition-delay: 0.6s;-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;}

.banner_mouse{ position: relative;width: 23px;height: 40px;cursor:pointer;background:url(../img/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite;}
.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}
.banner_mouse:before{width:23px;height:40px;background:url(../img/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner_mouse:after{background-color: #ffffff;width: 4px;height: 4px;border-radius: 100%;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}

@-webkit-keyframes colorSlide { 
	0% { height:0; }
  	90%{ height:40px;}
}
@keyframes colorSlide {
	0% { height:0; }
  	90%{ height:40px;}
}

@keyframes login_line {  
    0% {width: 0;}  
    100% { width: 100%;}
}  
@-webkit-keyframes "login_line" {  
    0% {width: 0;}  
    100% { width: 100%;}
} 

@-webkit-keyframes trackBallSlide {
	0% { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); }
	34% { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -webkit-transform: scale(0.9) translateY(4px); transform: scale(0.9) translateY(4px); }
	68% { opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-transform: scale(0.4) translateY(16px); transform: scale(0.4) translateY(16px); }
	100% { opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); }
}
@keyframes trackBallSlide {
	0% { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); }
	34% { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -webkit-transform: scale(0.9) translateY(4px); transform: scale(0.9) translateY(4px); }
	68% { opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-transform: scale(0.4) translateY(16px); transform: scale(0.4) translateY(16px); }
	100% { opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); }
}
@-webkit-keyframes nudgeMouse {
  	0% { -webkit-transform: translateY(0); transform: translateY(0); }
  	50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
  	100% { -webkit-transform: translateY(0); transform: translateY(0); } 
}
@keyframes nudgeMouse {
	0% { -webkit-transform: translateY(0); transform: translateY(0); }
  	50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
  	100% { -webkit-transform: translateY(0); transform: translateY(0); }
}


.i_banner{width:100%;height:655px;overflow:hidden;background:#000; position: relative; z-index: 5;}
.ibanner_cover{width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;text-align:left;}
.ibanner_cover2{ text-align: right; }
.ibanner_cover .oh{ position: relative; z-index: 2; }
.ibanner_cover .oh:after{ content: ""; position: absolute; top: 53%; left: 0; background: url(../img/ibanner_text_bg.png) no-repeat; width: 624px; height: 174px; z-index: -1; }
.ibanner_cover2 .oh:after{ left: 60%; }
.ibanner_cover .cover_title01{margin-top:260px;font-size:38px; line-height:48px;margin-bottom:22px;transform:translateX(60px);-ms-transform:translateX(60px); -moz-transform:translateX(60px);-webkit-transform:translateX(60px); -o-transform:translateX(60px);-moz-opacity:0;-khtml-opacity:0;opacity:0; text-shadow: 2px 2px 7px #444;}
.ibanner_cover .cover_title02{font-size:20px;margin-bottom:63px;font-weight:normal;transform:translateX(60px);-ms-transform:translateX(60px); -moz-transform:translateX(60px);-webkit-transform:translateX(60px); -o-transform:translateX(60px);-moz-opacity:0;-khtml-opacity:0;opacity:0; text-transform: uppercase; font-family: '微软雅黑';text-shadow: 1px 1px 4px #000; font-weight:bold;}
.i_banner .item{position:relative;overflow:hidden;width:100%; height: 655px; }
.i_banner .item .banner_img{position:absolute;top:0;left:0;width: 100%; height: 100%;}
.i_banner .owl-carousel .owl-item img{width:1920px;height:100%;position:absolute;top:0;left:50%;margin-left: -960px; max-width: 1920px;}
.i_banner .owl-carousel .item video{ position: absolute; width: 1920px; left: 50%; margin-left: -960px; top: -200px; }
.i_banner .item .banner_img .video_cover{width:100%;height:100%;position:absolute;background:url(../img/video_cover.png) repeat;z-index:1;top:0;left:0}
.i_banner .more{transform:translateX(60px);-ms-transform:translateX(60px); -moz-transform:translateX(60px);-webkit-transform:translateX(60px); -o-transform:translateX(60px);-moz-opacity:0;-khtml-opacity:0;opacity:0;}

.i_banner .active .item:after{content:"";height:5px;background-color:rgba(255,255,255,.6);display:block;animation:login_line 7s linear 1;-webkit-animation:login_line 7s linear 1;position:absolute;left:0;bottom:0;}
.i_banner .active .video_item:after{ display: none; }
.i_banner .item 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 10s ease;transition: all 10s ease;}
.i_banner .active .item 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);}
.i_banner .active .cover_title01,.i_banner .active .cover_title02,.i_banner .active .more{transform:translateX(0);-ms-transform:translateX(0); -moz-transform:translateX(0);-webkit-transform:translateX(0); -o-transform:translateX(0);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.i_banner .banner_bar{position:absolute;left:0;bottom:36px;width:100%;z-index:10;}
.i_banner .banner_nav{overflow:hidden;}
.i_banner .banner_nav .owl-dot{float:left;margin-right:10px;margin-top:10px;cursor: pointer;}
.i_banner .banner_nav .owl-dot span{display:block;width:15px;height:15px;border-radius:50%;border: 1px solid #fff; -moz-opacity:.6;-khtml-opacity:.6;opacity:.6;}
.i_banner .banner_nav .owl-dot.active span{-moz-opacity:1;-khtml-opacity:1;opacity:1; background: #fff;}

.imain{ margin-bottom: 425px; background: #fff; position: relative; min-height: 300px; z-index: 5; padding: 50px 0 0; } 
.imain .pt_hd{ width: 80%; margin: 0 auto 50px; }
.imain .pt_hd .tit{ font-size: 32px; color: #bb1818; /*font-family: "KMS_font";*/ margin-bottom: 10px; text-align: center;  }
.imain .pt1{ margin-bottom: 70px; }
.imain .pt1 .rect-555{ padding-bottom: 55.5%; }
.imain .pt1 .num_area{ margin-bottom: 40px; }
.imain .pt1 .num_area .box{ padding: 0 25px; text-align: center; color: #333; }
.imain .pt1 .num_area .box .num{ font-size: 40px; color: #000; font-family: "Arial"; margin-right: 5px; }
.imain .pt1 .imgbox a{ display: block; position: relative; }
.imain .pt1 .imgbox .title{ position: absolute; top: 25%; left: 8%; font-size: 20px; color: #333; }
.imain .pt2{ background: url(../img/imain_pt2_bg.jpg) no-repeat center center; /*min-height: 866px;*/ background-size: cover; position: relative; }
.imain .pt2 .pt_hd{ padding-top: 7%; margin: 0 auto 20px; }
.imain .pt2 .ico_box{ padding-bottom:20px;}
.imain .pt2 .ico_box li{ width: 33%; text-align: center; cursor: pointer; margin-bottom:10px; }
.imain .pt2 .ico{ display: block; width: 80px; height: 80px; background: url(../img/imain_pt2_ico.png) no-repeat; margin: 0 auto 5px; transition: all .5s ease; transform: rotateY(0); }
.imain .pt2 .ico2{ background-position: -80px 0; }
.imain .pt2 .ico3{ background-position: -160px 0; }
.imain .pt2 .ico4{ background-position: -240px 0; }
.imain .pt2 .ico5{ background-position: -320px 0; }
.imain .pt2 .ico6{ background-position: -400px 0; }
.imain .pt2 .ico_box li:hover,.imain .pt2 .ico_box li.cur{ color: #bb1818; }
.imain .pt2 .ico_box li:hover .ico1,.imain .pt2 .ico_box li.cur .ico1{ background-position: 0 -80px }
.imain .pt2 .ico_box li:hover .ico2,.imain .pt2 .ico_box li.cur .ico2{ background-position: -80px -80px }
.imain .pt2 .ico_box li:hover .ico3,.imain .pt2 .ico_box li.cur .ico3{ background-position: -160px -80px }
.imain .pt2 .ico_box li:hover .ico4,.imain .pt2 .ico_box li.cur .ico4{ background-position: -240px -80px }
.imain .pt2 .ico_box li:hover .ico5,.imain .pt2 .ico_box li.cur .ico5{ background-position: -320px -80px }
.imain .pt2 .ico_box li:hover .ico6,.imain .pt2 .ico_box li.cur .ico6{ background-position: -400px -80px }
.imain .pt2 .ico_box li.cur .ico{ transform: rotateY(360deg); }
.imain .pt2_con{ position: relative; height: 540px; z-index: 10;  }
.imain .pt2 .pro_list li{ position: absolute; left: -200px; bottom: 15%; width: 45%; visibility: hidden; transition: all .5s ease; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); }
.imain .pt2 .pro_list li.cur{ left: 8%; visibility: visible; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100);}
.imain .pt2 .pro_list li > a > div  {box-shadow: #000 3px 3px 9px; border:3px solid #eee; border-radius: 12px;}
.imain .pt2 .con_box{ position: absolute; bottom: 25%; right: 13%; width: 280px; height: 320px; border-radius: 15px; overflow: hidden; background: #bb1818; }
.imain .pt2 .con_box li{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .5s ease; transform: rotateY(180deg); visibility: hidden; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0);  background: #bb1818; }
.imain .pt2 .con_box li a{ color: #fff; display: block; }
.imain .pt2 .con_box li dl{ padding: 40px; }
.imain .pt2 .con_box li dt{ font-size: 24px; margin-bottom: 25px; color: #fff; position:relative;}
.imain .pt2 .con_box li dd{ position: relative; padding-left: 10px; margin-bottom: 10px; font-size: 16px; font-weight: bold; }
.imain .pt2 .con_box li dd:after{ content: ""; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background: #fff; border-radius: 50%; display: block; }
.imain .pt2 .con_box li.cur{ background: #bb1818; filter: alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform: rotateY(0); visibility: visible; opacity: 1;  }
.imain .pt2 .point_list{ position: absolute; top: 50%; right: 7%; width: 22px; height: 150px; margin-top: -75px; border-radius: 30px; box-shadow: 4px 3px 10px #ccc; }
.imain .pt2 .point_list:before{ content: ""; background: url(../img/ipro_jiantou.png) no-repeat; background-position: 0 0; width: 20px; height: 50px; display: block; position: absolute; top: -60px; left: 50%; margin-left: -10px; }
.imain .pt2 .point_list:after{ content: ""; background: url(../img/ipro_jiantou.png) no-repeat; background-position: -20px 0; width: 20px; height: 50px; display: block; position: absolute; bottom: -60px; left: 50%; margin-left: -10px; }
.imain .pt2 .point_list li{ margin: 0 auto 15px; display: block; width: 6px; height: 6px; border-radius: 50%; background: #d2d2d2; cursor: pointer; }
.imain .pt2 .point_list li:first-child{ margin: 15px auto; }
.imain .pt2 .point_list li.cur{ background: #bb1818; }
.imain .pt2 .pro_bg{ position: absolute; left: 0; bottom: 0; }
.imain .pt2 .pro_bg li{ display: none; border-radius: 0 20px 20px 0; box-shadow: 4px 3px 10px #ccc; position: relative; }
.imain .pt2 .pro_bg li .see_more{ display: block; width: 289px; height: 62px; line-height: 62px; color: #fff; font-size: 16px; position: absolute; bottom: 30px; right: 0; background: url(../img/ipro_more.png) no-repeat; cursor: pointer; z-index:20; }
.imain .pt2 .pro_bg li .see_more span{ padding-left: 50%; }
.imain .pt2 .pro_bg li img{ border-radius: 0 20px 20px 0; }
.imain .pt2 .pro_bg li.cur{ display: block; }
.imain .pt3{ background: url(../img/imain_pt3_bg.jpg) no-repeat center center; min-height: 600px; }
.imain .pt3 .pt_hd{ padding-top: 80px; }
.imain .pt3 .left{ width: 74%; }
.imain .pt3 .left li{ padding: 20px 0px 40px 0px;  border-bottom: 1px dotted #a2a2a2;}
.imain .pt3 .left li:last-child{ border-bottom: 0px; }
.imain .pt3 .left li:first-child{ padding-top:0px; }
.imain .pt3 .left li a{ display: block; }
.imain .pt3 .left .ico{ width: 60px; height: 60px; background: url(../img/ipt3_left_ico.png) no-repeat; display: inline-block; vertical-align: middle; margin-right: 20px; }
.imain .pt3 .left .ico2{ background-position: -60px 0; }
.imain .pt3 .left .con{ display: inline-block; vertical-align: middle; width: 86%; }
.imain .pt3 .left .t{ font-size: 22px; color: #333; }
.imain .pt3 .left .d{ color: #757575; }
.imain .pt3 .right{ width: 23%; }
.imain .pt3 .right li{ float: left; width: 100%; margin-right:0; margin-bottom: 25px; }
.imain .pt3 .right li a{ display: block; position: relative; }
.imain .pt3 .right li .con{ position: absolute; bottom: 0; left: 0; width: 100%; background: url(../img/ipt3_right_bg.png); }
.imain .pt3 .right li .title{ text-align: center; padding: 20px 0 20px; font-size: 18px; color: #fff; }

.imain .pt1 .num_area .box .point{ font-size: 40px; /*font-family: "KMS_font";*/ color: #000; margin: 0 -9px; }
.imain .pt1 .num_area .box .num4{ margin-right: 0; }

.about .pt2 .box .point{ font-size: 40px; /*font-family: "KMS_font";*/ color: #fff; margin: 0 -9px; }
.about .pt2 .box .num4{ margin-right: 0; }

.pro_detail .pt2 .sections table{ width:100%; margin-bottom:30px;}
.pro_detail .pt2 .sections table >tbody >tr >td{ padding: 8px 8px; border:1px solid #ddd;}
.pro_detail .pt2 .sections table >tbody >tr >td p{ margin:0px; padding:0px;}
.pro_detail .pt2 .sections table >tbody >tr:last-child{ border-bottom: 1px solid #ddd; }
body .bg-primary{ background-color: #bb1818; }
.i_video_box #about-close{ display: block; width: 40px; height: 40px; background: url(../img/close.png) no-repeat; position: absolute; top: 10px; right: 10px; z-index: 5; cursor: pointer; }

/*产品详细*/
.pro_detail .pt1 .right .t_box{ padding-bottom: 20px; border-bottom: 1px solid #b0b3b6; }
.pro_detail .pt1 .right .ul_list{ position: relative; margin-top: 15px; border: 1px solid #ddd; }
.pro_detail .pt1 .right .ul_list span{ position: relative; display: block; width: 120px; padding: 2px 15px; }
.pro_detail .pt1 .right .ul_list span:after{ content: ""; position: absolute; top: 50%; left: 88%; width: 0; height: 0; border-width: 5px;	border-color: #000 transparent transparent; border-style: solid; margin-top: -4px; }
.pro_detail .pt1 .right .ul_list ul{ position: absolute; top: 100%; left: 0; width: 100%; line-height: 30px; background: #f2f2f2; padding: 15px 0; display: none; z-index: 2;}
.pro_detail .pt1 .right .ul_list ul li{ padding: 0 15px; }

.pro_detail .pt2 .ul_list{ position: relative; margin-top:30px; border: 1px solid #ddd; }
.pro_detail .pt2 .ul_list span{ position: relative; display: block; width: 120px; padding: 2px 15px; }
.pro_detail .pt2 .ul_list span:after{ content: ""; position: absolute; top: 50%; left: 88%; width: 0; height: 0; border-width: 5px;	border-color: #000 transparent transparent; border-style: solid; margin-top: -4px; }
.pro_detail .pt2 .ul_list ul{ position: absolute; top: 100%; left: 0; width: 100%; line-height: 30px; background: #f2f2f2; padding: 15px 0; display: none; z-index: 2;}
.pro_detail .pt2 .ul_list ul li{ padding: 0 15px; }

.pro_list .pt1 .box .ch_title{ font-size: 30px; }
.foot_mobile{ display: none; }

.tan_box{position:fixed;width:100%;height:100%;background:url(../img/black.6.png) repeat;z-index:100;bottom:100%;right:0;-webkit-transition: all 0.8s ease;transition: all 0.8s ease;opacity:0;text-align:center;}
.tan_box.open{bottom:0;opacity:1;}
.tan_box .show_box{width:70%;background:#fff;position:relative;display:inline-block;vertical-align:middle; margin-top: 10%;}
.tan_box .center_box{padding: 3% 5%;}
.tan_box .right_btn{width:80px;position:absolute;top:0;right:-80px;}
.tan_box .right_btn .btn_box{width:100%;height:80px;background:url(../img/black.6.png) repeat;display:block;text-align:center;line-height:80px;margin-bottom: 1px;cursor:pointer;}
.tan_box .right_btn .btn_box:hover{background:#bb1818;}
.tan_box .con_box{height:350px;overflow:hidden;position:relative;padding-right: 48px;text-align:left;}
.tan_box .center_box .title{ margin-bottom: 30px; text-align: left; }
.tan_box .right_btn .close_btn{position:relative;}
.tan_box .right_btn .close_btn:after,.tan_box .right_btn .close_btn:before{content:"";width:60%;height:1px;background:#fff;display:block;position:absolute;left:50%;margin-left:-30%;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.tan_box .right_btn .close_btn:after{top:50%;-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg)}
.tan_box .right_btn .close_btn:before{bottom:50%;-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg)}
.tan_box .right_btn .close_btn i{opacity:0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;visibility:hidden;color:#fff;}
.tan_box .right_btn .close_btn:hover:after{top:24%;-moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg)}
.tan_box .right_btn .close_btn:hover:before{bottom:24%;-moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg)}
.tan_box .right_btn .close_btn:hover i{opacity:1;visibility:visible;}

.head .inav .nav_li{ margin: 0 50px; }
.head .lang{ display: none; }

.aspnetpager{ padding-right:0px; padding-top:20px; }
.AspNetPager1{margin-top:0px;font:1.15rem "微软雅黑"}
.AspNetPager1 A{ text-decoration:none;font:1.15rem "微软雅黑";font-weight:normal; color:#000;background:transparent;border:1px solid #d2d2d2;line-height:1.8rem; margin-right:0.5rem; padding: 0.41rem 0.9rem; border-radius:0.2rem; display:inline-block;}
.AspNetPager1 A:hover{background-color: #bb1818; color: #fff; }
.AspNetPager1 A[disabled]{color: #aaa;}
.AspNetPager1 A[disabled]:hover{background-color: #fff; color: #aaa; }
.AspNetPager1 A img{ vertical-align:bottom;}
.AspNetPager1 Span{font:1.15rem "微软雅黑";font-weight:normal;background:#bb1818;border:1px solid #bb1818; border-radius:0.2rem;color:#fff;line-height:1.91rem;margin-right:0.5rem; padding:0.41rem 0.9rem; }
.AspNetPager1 Span A{ border:0px; padding:0px; margin:0px; background-color:#cbb58b;}
.AspNetPager1 Span A:hover{background-color:transparent;}

video{ margin:0px auto;}