﻿/*
 ===============================
 * @authro      : kis2
 * @created     : 2018-05-26
 * @content     : 
 ===============================
 */
@charset "UTF-8";

.wrap{width:1200px;clear: both;margin:0 auto;}

.huoban_box{ max-width:1300px;}
/*
* banner kis2
*/


.articleBox {
    overflow: hidden;
    font-size: 16px;
    color: #454545;
    line-height: 40px;
    padding: 20px 0 0 0;
	}


/*
/ 关于我们 2017-07-23 kis2
*/

/*1*/
.aboutBox1{
    clear:both;
    background-color:#fff;
    background-image: url(about_Bg.jpg);
    background-repeat: no-repeat;
    background-position:center top;
    position: relative;
    z-index: 3;
}
.aboutBox1 .about_h240{height: 240px;margin-bottom:10px}
/**/
.aboutData{
    height: 110px;
    clear: both;
}
.aboutDataDl{
    overflow:hidden;
    height:200px;
    clear:both;
    background:#fff;
    box-shadow:0 3px 5px rgba(0,0,0,0.1);
    position: relative;
    top: -90px;
    }

.about_h260{margin-bottom:23px;height:240px}
/*2*/
.aboutBox2{
    clear: both;
    background-color:#fff;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.aboutBox2Bg{
    width: 100%;
    height: 600px;
    background-image: url(aboutUs_bg1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index:-1;
}
.aboutBox2Slide{
    width: 100%;
    position: relative;
}
.aboutBox2Slide .bt{
    display: block;
    width: 12px;
    height: 22px;
    cursor: pointer;
    position: absolute;
    top: 63px;
    left: 50%;
    z-index:9;
    background-position: center center;
    background-repeat: no-repeat;
}
.aboutBox2Slide .bt.prev{margin-left:-604px;background-image: url(aboutUs_icon3.png)}
.aboutBox2Slide .bt.next{margin-left:586px;background-image: url(aboutUs_icon4.png)}
.aboutBox2Slide .hd{
    width: 100%;
    height:158px;
    overflow: hidden;
    background-image:url(aboutUs_icon1.png);
    background-position:center bottom;
    background-repeat: no-repeat;
    position: relative;
}
.hdWrap{
    width:1110px;
    margin:0 auto;
    overflow: hidden;
}
.aboutBox2Slide .hd ul{
    overflow: hidden;
    position: relative;
    left: 0;
}
.aboutBox2Slide .hd ul li{
    float: left;
    width: 138px;
    height: 158px;
    background-image:url(aboutUs_icon2.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}
.aboutBox2Slide .hd ul .li1{
    height: 1px;
    background-image:url();
    background-color:rgba(255,255,255,0.4);
    position: absolute;
    left: 0;
    bottom:12px;
}
.aboutBox2Slide .hd ul .li2{
    height: 1px;
    background-image:url();
    background-color:rgba(255,255,255,0.4);
    position: absolute;
    right: 0;
    bottom:12px;
}
.aboutBox2Slide .hd ul li span{
    display: block;
    height: 78px;
    text-align: center;
    line-height: 78px;
    color: #ffffff;
    font-size: 16px;
    margin-top: 35px;
    cursor: pointer;
    transition-duration: 0.3s;
    transition-property:margin;
    transition-timing-function: linear;
}
.aboutBox2Slide .hd ul li.on span:before{
    content:"";
    display: block;
    width: 78px;
    height: 78px;
    border:15px solid #d6000f;
    border-radius:100%;
    opacity: 0.2;
    position: absolute;
    top:50%;
    left:50%;
    margin:-54px 0 0 -54px; 
    
}
.aboutBox2Slide .hd ul li.on span{
    display: block;
    width: 78px;
    height: 78px;
    margin:15px auto;
    border-radius:100%;
    line-height: 78px;
    text-align:center;
    background-color:#d6000f;
    color: #ffffff;
    position: relative;
}
.aboutBox2Slide .bd{
    clear: both;
    width: 100%;
    height: 275px;
    overflow: hidden;
}
.aboutBox2Slide .bd dd{
    height: 290px;
}
.aboutBox2Slide2{
    width: 1020px;
    height: 270px;
    margin:0 auto;
    background:#fff;
    overflow: hidden;
    box-shadow:0 2px 5px #dadada;
    display: none;
}
.aboutBox2Slide2 .picLBox{
    width: 400px;
    height: 270px;
    overflow: hidden;
    margin-right:40px;
}
.aboutBox2Slide2 .picLBox img{
    display: block;
    width: 400px;
    height: 270px;
}
.aboutBox2Slide2 .divR{
    overflow: hidden;
}
.aboutBox2Slide2 .bd2{
    overflow: hidden;
    height:135px;
    margin-top:55px;
    padding-right:40px;
    position: relative;
}
.aboutBox2Slide2 .bd2:after{
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: url(aboutUs_icon7.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.aboutBox2Slide2 .bd2:before{
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    position: absolute;
    bottom:0;
    left: 0;
    z-index: 1;
    background-image: url(aboutUs_icon8.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.aboutBox2Slide2 .bd2 h2{ font-size:20px; color:#15437A; line-height:35px; font-weight:700;}
.aboutBox2Slide2 .bd2 p{ line-height:26px; font-size:14px;}




.aboutBox3{clear: both;background-color:#fff;margin: 0 auto;}

/*关于我们*/
.nr_row_4{ width:100%; text-align:center;}
.nr_row_4 .nr_inner{ margin-left:-20px;}
.nr_row_4_col{ display:inline-block;padding:0px 20px; width:250px;}
.nr_row_4_col dl{text-align:center;}
.nr_row_4_col dt{color:#606060; font:normal 22px/22px 'Microsoft Yahei'; padding:15px 0 8px;}
.nr_row_4_col dd{margin-top:10px;}
.nr_row_4_col dd a{color:#005aaa;}
.nr_row_4_col dd a i{background-position:-123px 0; height:12px; margin-right:5px; vertical-align:middle; width:6px; margin-top\0:-4px; _margin-top:4px; *margin-top:0;}
.nr_row_4_col .icons{background-repeat:no-repeat; background-image:url(nr_row_4_col.png) !important; background-image:url(images/nr_row_4_col_ie6.png); cursor:pointer; display:block; height:216px; position:relative; width:216px;}
.nr_row_4_col .icons .hover_img{background-repeat:no-repeat; background-image:url(nr_row_4_col.png) !important; background-image:url(nr_row_4_col_ie6.png); height:242px; left:-30px; position:absolute; top:-20px; width:242px; opacity:0; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s;}
.nr_row_4_col .icons:hover .hover_img{left:-13px; opacity:1;}
.nr_row_4_col .icons .hover_arrow{background-position:-232px 0; height:52px; left:50px; position:absolute; top:78px; width:32px; opacity:0; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; transition-timing-function:ease; -webkit-transition-timing-function:ease; -moz-transition-timing-function:ease; -ms-transition-timing-function:ease; -o-transition-timing-function:ease;}
.nr_row_4_col .icons:hover .hover_arrow{left:100px; opacity:1;}
.nr_row_4_col_1 .icons{background-position:-4px 0;}
.nr_row_4_col_2 .icons{background-position:-248px 0;}
.nr_row_4_col_3 .icons{background-position:-490px 0;}
.nr_row_4_col_4 .icons{background-position:-735px 0;}
.nr_row_4_col_1 .hover_img{background-position:-26px -229px;}
.nr_row_4_col_2 .hover_img{background-position:-326px -229px;}
.nr_row_4_col_3 .hover_img{background-position:-623px -229px;}
.nr_row_4_col_4 .hover_img{background-position:-930px -229px;}
.nr_btm_float_bar{background:#f7f7f7; display:block; height:35px; margin-bottom:-35px; width:100%;}



.wel-service{padding: 0;width: 100%; position: relative;overflow: hidden;max-width:1200px; margin:0 auto;}
.wel-service_a{ width:25%;  float:left;}
.wel-service_a ul li{ display:inline-block;}
.wel-service_a_left{ float:left; width:100%;opacity:0;}
.wel-service_a_left h1{ font-size:18px; color:#ff0000; line-height:40px; padding-top:20px; text-align:center; padding-left:140px;}
.wel-service_a_left p{ font-size:13px; text-align:center;  padding-top:8px; line-height:26px; position:relative;padding-left:120px;}
.wel-service_a_left p a{ color:#333;font-size:13px; padding-left:20px; }
.wel-service_a_left p a:hover{ color:#ff0000;}	
.wel-service_a_left h1 a:hover{ color:#ff0000;}		

		
		
/*4*/
.aboutBox4{
    overflow: hidden;
    position: relative;
    z-index:1;
}
.aboutBox4Bg{
    width: 100%;
    height: 665px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(aboutUs_bg2.jpg);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.aboutBox4Slide{overflow: hidden;}
.aboutBox4Dl dd{
    float:left;
    width: 20%;
    overflow: hidden;
}
.aboutBox4Dl{margin:0 -43px !important}
.aboutBox4Dl dd a{
    display: block;
    margin:0 43px;
}
.aboutBox4Dl dd a .icon{
    clear: both;
    width: 126px;
    height: 126px;
    margin:0 auto;
    border-radius:100%;
    overflow: hidden;
    border:1px solid #bcccd4;
    background-repeat: no-repeat;
    background-position: center center;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: linear;
}
.aboutBox4Dl dd a:hover .icon{background-color:#d6000f;border:1px solid #d6000f;}
.aboutBox4Dl dd a .divT{
    clear: both;
    height:36px;
    overflow: hidden;
    line-height: 36px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    margin-top: 30px;
}
.aboutBox4Dl dd a .txt{
    clear: both;
    width: 165px;
    margin:0 auto;
    margin-top:15px;
    overflow:hidden;
    text-align: center;
    color: #ffffff;
    line-height: 22px;
}
/*5*/
.aboutBox5{
    clear: both;
    overflow:hidden;
    background-image: url(aboutUs_icon14.png);
}

@media (min-width: 1200px) and (max-width:1399px ) {
}

@media only screen and (max-width: 1199px) {

.wrap{width:980px;clear: both;margin:0 auto;}
.huoban_box{ max-width:1300px;}
.aboutBox1 .about_h240{height: 170px;}
.aboutDataDl{ height:170px; top: -70px;}
.articleBox { font-size: 15px;line-height: 35px;}
.aboutBox4Dl dd a .txt{width: 130px;}

.nr_row_4{ display:none;}

.wel-service{max-width:980px;}



.wel-service_a_left h1{ padding-left:0px;}
.wel-service_a_left p{ padding-left:0px;}
.wel-service_a_left p a{  padding-left:0px; }
	



}