/*title*/
.index_title{text-align: center;padding-top: 60px;margin-bottom: 45px;}
.index_title h2 {font-size: 36px;color: #188bca;}
.index_title p {color: #999;font-size: 18px;margin-top: 10px;}

.in_title{text-align: center;}
.in_title p.txt3 {color: #666666;font-size: 24px;background: url(../images/title_bg.png) no-repeat center center;}

/*index search*/
.search{width: 100%;height: 90px;border-bottom: 1px solid #cccccc;}
.search_box{width: 660px;}
.search_txt{height: 90px;line-height: 90px;font-size: 18px;color: #343433;}
.search_txt a{color: #343433;margin-right: 25px;}
.search_cnt{width: 535px;height: 49px;position: relative;margin-top: 20px;}
.search_cnt .txt{font-family: "微软雅黑";font-size: 18px;width: 516px;height: 47px;line-height: 47px;padding-left: 17px;color:#343433;border: 1px solid #dcdcdc;border-radius: 10px;}
.search_cnt .btn{width: 74px;height: 49px;background: url("../images/btn.png") no-repeat;position: absolute;right: 0;top: 0;}

.notice{margin-top: 20px;}
.notice .picScroll-top{ margin:0 auto;width:100%;overflow:hidden; position:relative;}
.notice .picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.notice .picScroll-top .bd ul li{ zoom:1;padding-left: 40px;background: url("../images/notice.png") no-repeat left center; }
.notice .picScroll-top .bd ul li .title{ overflow:hidden;line-height:25px;height:25px;font-size: 18px; color: #333;}

/*product*/
.product .product_con{
	/* height: 1111px; */
	overflow: hidden;
	}
.product .product_nav {
  background: #197bc6;
  width: 250px;
  padding-bottom: 25px;
}
.product .product_top{background: #ff7e00;color: #fff;padding: 22px;}
.product .product_top div{border-left: 5px solid #fff;padding-left: 20px;}
.product .product_top h2{font-size: 30px;}
.product .product_top p{font-size: 14px;}
.product .product_nav ul li {
  height: 53px;
  border-bottom: 1px solid #7ca9d8;
  line-height: 53px;
}
.product .product_nav ul li a {
  color: white;
  font-size: 16px;
  padding-left: 23px;
}
.product .product_nav ul li.on{
  width: 250px;
  background:url(../images/nav_bg.png) no-repeat 200px center #ff7e00;
}
.product .product_nav .bottom {
  text-align: center;
  margin-top: 25px;
  color: white;
}
.product .product_nav .bottom .txt1 {
  font-size: 18px;
  margin: 6px 0;
}
.product .product_nav .bottom .txt2 {
  font-size: 30px;
  line-height: 31px;
  letter-spacing: -1px;
}
.product_box {
  width: 942px;
  overflow: hidden;
}

.product_list{
  width: 100%;
  position: relative;
}

.product_list ul{
  width: 100%;
  height: auto;
  overflow: hidden;
  display: none;
}

.product_list ul.on {
  display: block;
}

.product_list ul li {
  float: left;
  margin-left: 27px;
  margin-bottom: 27px;
  border: 1px solid #ccc;
  padding: 1px;
}

.product_list ul li img {
  padding: 1px;
  width: 281px;
  height: 232px;
  display: block;
  cursor: pointer; 
}

.product_list ul li p {
  text-align: center;
  line-height: 50px;
  height: 50px;
  font-size: 18px;
  width: 283px;
  overflow: hidden;
}

.product_list ul li p a {
  color: #333333;
}

.product_list ul li:hover {
  border: 1px solid #188bca;
}
.product_list ul li:hover p a {
  color: #188bca;
}


/*good*/
.good {
    width: 100%;
    padding-bottom: 60px;
}
.good ul li {
    margin-bottom: 40px;
    padding-bottom: 70px;
    background:url(../images/advan_bg.jpg) no-repeat bottom center;
}
.good ul li.last{margin-bottom: 0;padding-bottom: 0;background:none;}
.good ul li img{margin:0 20px;}

.good ul li .list {
    width: 665px;
}

.good ul li .list .tits {
    width: 114px;
    height: 71px;
    font-size: 71px;
    line-height: 71px;
    text-align: center;
    color: #c5c4c2;
    font-weight: bold;
}

.good ul li .list .txt {
    width: 540px;
}

.good ul li .list .txt .txt1 {
    font-size: 35px;
    color: #188bca;   
    font-weight: bold;
}

.good ul li .list .txt .txt2 {
    font-size: 20px;
    color: #8c8c8c;
    font-weight: bold;
    line-height: 30px;
}

.good ul li .list .txt .txt3 p {
    line-height: 28px;
    font-size: 18px;
    margin-top: 18px;
    padding-left: 20px;
    background: url(../images/b9.png) no-repeat  left 10px;
    color: #666666;
}

/*about*/
.about {
    width: 100%;
    height: 703px;
    background: url(../images/bg3.jpg) no-repeat top center;
}
.about .txt {width: 560px;}
.about .txt .about_t{margin-bottom: 15px;}
.about .txt p {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
}
.about .txt ul li{float: left;margin-right: 10px;margin-top: 12px;}
.about .txt ul li img{display: block;}
.about .txt ul li.last{margin-right:0;}
.about .img{ width:580px;}

/*case*/
.case {width: 100%;margin-top: 60px;height:640px;background: url(../images/case_bg.jpg) no-repeat top center;}
.case .single {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.case .single .single_box {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.case .single .single_box ul {
    width: 10000px;
    position: relative;
}
.case .single .single_box ul li {
    width: 285px;
    height: auto;
    float: left;
    margin-right: 20px;
    text-align: center;
    transition: 0.3s;
}
.case .single .single_box ul li img {
    width: 269px;
    height: 240px;
    display: block;
    cursor: pointer;
    padding: 7px;
    border: 1px solid #cccccc;
    background: #fff;
}
.case .single .single_box ul li p{
    width: 100%;
    margin-top: 15px;
    font-size: 18px;
    color: #333333;
}
.case .single .single_box ul li:hover img{border: 1px solid #188bca;}
.case .single .single_box ul li:hover p{
    color: #188bca;
}
.case .more {
  font-size: 18px;
  line-height: 48px;
  width: 212px;
  color: #ffffff;
  margin-top: 20px;
  display: block;
  background: #188bca;
  border-radius: 24px;
  margin: 50px auto 0;
  text-align: center;
}
/*workshop*/
.workshop {width: 100%;margin-top: 60px;}
.workshop .single {
    width: 1200px;
    margin: 0 auto 0;
    position: relative;
}
.workshop .single .single_box {
    width: 100%;
    height: auto;
    padding-top: 45px;
    overflow: hidden;
}
.workshop .single .single_box ul {
    width: 10000px;
    position: relative;
}
.workshop .single .single_box ul li {
    width: 380px;
    height: auto;
    float: left;
    margin-right: 30px;
    text-align: center;
    transition: 0.3s;
}
.workshop .single .single_box ul li img {
    width: 100%;
    height: 200px;
    display: block;
    cursor: pointer;
}
.workshop .single .single_box ul li p{
    width: 100%;
    margin-top: 15px;
    font-size: 18px;
    color: #666666;
}
.workshop .single .single_box ul li:hover p{
    color: #188bca;
}
/*news*/
.news{padding-bottom: 25px;background: #efefef;margin-top: 60px;}
.news .news_list .fl{width: 500px;}
.news .news_list .fl img{width: 500px;height: 317px;}
.news .news_list .fl h2{font-size: 18px;color: #333333; line-height: 60px; font-weight: 500}
.news .news_list .fl li:hover h2{color: #188bca}
.news .news_list .fl p{font-size: 14px; line-height: 18px;color: #666666;}
.news .news_list .fr{width: 560px;}
.news .news_list .fr ul li{margin-bottom:45px;padding-left:25px;position: relative;border-left: 3px solid #afafaf;height: 76px;}
.news .news_list .fr ul li span{position: absolute;left: -90px;top: 0;font-size: 16px;color: #afafaf;text-align: right}
.news .news_list .fr ul li span b{display: block;font-size: 24px;font-weight: 500}
.news .news_list .fr ul li h2{color: #333333;line-height: 24px;margin-bottom:10px;font-weight: 500;font-size: 18px;}
.news .news_list .fr ul li p{color: #666666;line-height: 18px;}
.news .news_list .fr ul li:hover h2{color: #188bca}