@charset "utf-8";
/* CSS Document */
.header{background: url(../images/headerbg.jpg) no-repeat top center; height: 141px}
.logo img{display: block;margin-top:23px;}
.header .wrap{ position:relative; height: 141px;}
.tel{ margin-top:20px; font-size: 24px; font-weight: bold; color: #197bc6; padding: 21px 0 10px 50px; background: url(../images/tel.png) no-repeat left center;}
.ss { margin-top: 10px; margin-right: 20px; float: right; position: relative;width: 150px;background: url(../images/searchbg.png) no-repeat center center }
.txt { float:left;padding: 0 0 0 10px;height: 26px;line-height: 26px;width: 118px;border:none; background: none }
.btn { height: 26px;width: 19px; float: right; background: none; border: none }
.nav_nav{ position: absolute; right: 0;  bottom: 0; height: 50px; z-index: 100}
.nav {}
.nav li{float: left; text-align: center; width: 156px; margin: 0 -10px;}
.nav li a{ display: block;color: #FFF; font-size: 16px; line-height: 50px;}
.nav li.on { cursor:pointer;background:url(../images/navlihbg.png) no-repeat  center center;}
.nav li.on a{ color: #FFF}
.nav li:hover{cursor:pointer;background:url(../images/navlihbg.png) no-repeat  center center;}
.nav li:hover a{ color: #FFF}
/*content*/
.content { position: relative; }
/*index banner*/
.banner{width: 100%;height:600px;position: relative;z-index: 0;overflow: hidden;}
.banner .flexslider{ width:1920px;height:100%;position:relative;left: 50%;margin-left: -960px;overflow:hidden; min-width:1000px;}
.banner .slides{position:relative;z-index:1;}
.banner .slides li{height:100%;}
.banner .slides li img{width: 100%; margin:0 auto; display:block;}
/*左右切换*/
.banner .flex-direction-nav {width: 1200px;height: 48px;position: absolute;left: 50%;top: 50%;margin:-24px 0 0 -600px;  z-index: 1}
.banner .flex-direction-nav a.flex-prev,
.banner .flex-direction-nav a.flex-next{position: absolute;width: 25px;height: 48px;background:url(../images/public/banner_btn.png) no-repeat;font-size: 0}
.banner .flex-direction-nav a.flex-prev{left: 0;}
.banner .flex-direction-nav a.flex-next{right: 0;background-position:-25px 0; }
/*dot*/
.banner .flex-control-paging{}
.banner .flex-control-nav{ width: 1000px;position:absolute;left: 50%;margin-left: -500px;bottom: 10px; z-index:2;text-align:center;}
.banner .flex-control-nav li{display:inline-block;*display:inline;zoom:1;font-size: 0;margin: 0 6px;}
.banner .flex-control-nav a{display:block;width:14px;height:14px;background:url(../images/public/dot.png) 0 0 no-repeat;cursor:pointer;}
.banner .flex-control-nav .flex-active{background-position:right 0;}

.in-content{ position: relative; z-index: 100;}
.in-content .title{ padding: 30px 0 20px; display: block; text-align: center;  padding-bottom: 10px;}
.in-content .title h2{ font-size: 35px; color: #1a1a1c; font-weight: normal}
.in-content .title p{ font-size: 14px; color: #2381c2}
.in-content .title h3{font-weight: normal; font-size: 16px; color: #323232; line-height: 50px;  position: relative; margin-top:5px;}
.in-content .title h3::before{
    content: "";
    width:40px;
    height: 3px;
    background:#000;
    display: inline-block;
    position: absolute;
    top:0;
    left:50%;
    margin-left:-20px;

}


.in-pro{

    overflow: hidden;
    width: 100%;
}
.in-pro a.amore{
    color:#fff;
}
.in-pro .title{ margin: 40px 0 30px;}
.in-pro .top{  color: #FFF;  padding-right: 20px;  text-align: right; line-height: 80px; font-size: 18px; height: 77px}
.in-pro .top em{ font-size: 27px;}
.in-pro .left{
    overflow: hidden;
    width: 286px;
    margin-left: 1px;
    padding-top: 14px;
}
.in-pro .left li {
    width: 240px;
    margin: 0 auto;
    background: url(../images/pro-left-libg2.jpg) repeat-x bottom;
    line-height: 30px;
}
.in-pro .left li a{
    background:url(../images/pro-left-libg.png) no-repeat left center ;
    padding-left: 30px;
    color: #FFF;
    font-size: 16px;
}
.in-pro .left li ul.m_2{
    overflow: hidden;
}
.in-pro .left li ul.m_2 li{
    background: none;
    line-height: 25px;
}
.in-pro .left li ul.m_2 li a{
    background: none;
    font-size: 15px;
}
/* 本例子css */
.slideGroup{ width:100%; }
.slideGroup .parHd{ height:80px;  position:relative; background: #f3f3f3 ; margin-bottom:40px;  }


.slideGroup .pagee{overflow: hidden;}

.slideGroup .parHd .prev,.slideGroup .parHd .next {
    position: absolute;
    width: 16px;
    height: 80px;
    top: 0;
    cursor: pointer;
}
.slideGroup .parHd .prev {
    left: -15px;
    background: url(../images/proleft.png) no-repeat;
}



.slideGroup .parHd .next {
    right: -15px;
    background: url(../images/proright.png) no-repeat;
}



.slideGroup .parHd ul{ float:left; position:absolute; left:0; top:0;  width: 130%; text-align: center  }
.slideGroup .parHd ul li{  display: inline-block;cursor:pointer; width: 300px; height:80px; float: left;   }
.slideGroup .parHd ul li span{width:50px; height: 33px; display: inline-block; vertical-align: middle; padding-right:10px; overflow: hidden; position: relative;}
.slideGroup .parHd ul li a{ color: #1a1a1c; font-size: 18px; line-height: 40px; display: block; border-right: 1px solid #d0d1d1; margin-top:20px;}

.slideGroup .parHd ul li span .img1,.slideGroup .parHd ul li span .img2{transition: all ease-out 0.5s; overflow: hidden; position: absolute; left:0}
.slideGroup .parHd ul li span .img2{left:60px;}
.slideGroup .parHd ul li:hover span .img1,.slideGroup .parHd ul li.on span .img1{ left:-60px; transform:left 10ms;}
.slideGroup .parHd ul li:hover span .img2,.slideGroup .parHd ul li.on span .img2{left:0px; transform:left 10ms;}
.slideGroup .parHd ul li.on{  background:#005496; color: #FFF;  }
.slideGroup .parHd ul li.on a{ color:#fff;}
.slideGroup .parHd ul li:hover a,.slideGroup .parHd ul li.on a{
    border: none;
}


.slideGroup .slideBox{ zoom:1; padding:0 0 10px 0; position:relative; height:315px;  }

.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:-68px; top:100px; display:block; width:68px; height:68px; background:url(../images/icoLeft.png) center center no-repeat; }
.slideGroup .sNext{ left:auto; right:-68px; background:url(../images/icoRight.png) center center no-repeat;  }
.tempWrap{ width: 1200px!important; overflow: hidden}

.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:287px; height:245px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:60px; margin: 0; background: #f6f6f6 ; padding:0;  }
.slideGroup .parBd ul li:hover .title a{
    color:#197bc6;
    font-weight: bold;
}
.amore{
    width:159px;
    height: 40px;
    line-height: 40px;
    color:#fff;
    text-indent: 58px;
    margin: 50px auto;
    display: block;
    background: url(../images/amore.png) no-repeat center;
}
.amore:link{
    color:#fff;
}

.in-ad{
    height: 370px;
    background: url(../images/in-ad-bg.jpg) repeat;
	margin-bottom: 20px;
}
.in-ad .wrap{
    position: relative;
}
.in-ad .title p,.in-case .title p{
    color: #aaa8ab;
}
.in-ad ul{
    overflow: hidden;
    padding:20px 0;
}
.in-ad ul li{
    width: 239px;
    float: left;
    position: relative;
    border-right: 1px dashed #a5a8a1;
}
.in-ad ul li img{
    display: block;
    margin: 24px auto 10px;
}
.in-ad ul li:last-child{
    border: none;
}
.in-ad ul li p{
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #313130;
}
.in-ad ul li span{
    text-align: center;
    color: #aaa8ab;
    font-size: 12px;
    display: block;
    width: 100%;
}
.in-ad p.wrap,.in-ad2 p.wrap,.in-about p.wrap{
    height: 115px;
    background: url(../images/add-telbg.png) no-repeat 280px center;
    line-height: 105px;
    text-align: center;
    color: #FFF;
    font-size: 25px;
    padding: 0;
}
.in-case{
   
}
.in-case a{
    color:#fff;
}
.in-case ul{
    padding: 40px 0 0 0;
}
.in-case ul li{
     width: 373px;
    float: left;
    margin-right:35px;
    margin-bottom:20px;
    overflow: hidden;
}
.in-case ul li img{
    width:100%;
    height: 237px;
}
.in-case ul li h2{
    font-size: 18px;
    color:#197bc6;
    height: 40px;
    vertical-align: middle;
    font-weight: normal;
    line-height: 40px;
    border-bottom:2px dotted #adadad;
}
.in-case ul li h2 i{
   width:8px;
   height: 8px;
   border-radius:4px;
   vertical-align: middle;
   margin-right:10px;
   display: inline-block;
   background: #197bc6;
}
.in-case ul li p {
    line-height: 50px;
    font-size: 16px;
    color:#888889;
    height: 50px;
}
.in-case ul li p span{
    width:83px; 
    height: 29px;
    line-height: 29px;
    color:#fff;
    background: #005496;
    display: inline-block;
    margin-right:10px;
    margin-top:10px;
    text-align: center;

}
.in-ad p.wrap span,.in-ad2 p.wrap span,.in-about p.wrap span{
    font-size: 27px;
}

.in-about{
    background: url(../images/about_bg.jpg) no-repeat center top;
    height: 629px;
    overflow: hidden;
}
.about_txt{
    width:670px;
    float: right;
    padding:80px 0;
    
}

.in-about .title{
    color: #FFF;
    text-align: left;
    padding:0
}
.in-about .title h2{
    color: #474646;
    font-size: 24px;
}
.in-about .title span{
    color: #005496;
}
.in-about .bottom{
    display: block;
    margin: 0 auto ;
    font-size: 16px;
    color: #474646;
    line-height: 30px;
    text-align: left;
    height: 160px;
    padding: 20px 0;
}
.in-about .bottom a{
    color: #197bc6;
    float: right;
}
.in-about .cultur p{
    font-size: 16px;
    color:#252635;
    margin-bottom:15px;

}
.in-about .cultur p span{
    display: inline-block;
    width:96px;
    height: 33px;
    color:#fff;
    background: #197bc6;
    position: relative;
    text-align:center;
    line-height: 33px;
    margin-right:15px;

}
.in-about .cultur p span::after{
    display: inline-block;
    position: absolute;
    content:"";
    right:-17px;
    top:7px;
    height:0;
    width:0;
    border-width:10px;
    border-style:solid;
    border-color:transparent transparent transparent #197bc6 ;
    
}
.in-about .cultur p:hover span{

    -webkit-animation:moving 0.75s linear;animation:moving 0.75s linear;
    
}
@-webkit-keyframes hvr-buzz-out {
    10% {
   
      transform: translateX(3px) rotate(2deg);
    }
    20% {
    
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
   
      transform: translateX(3px) rotate(2deg);
    }
    40% {
   
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
    
      transform: translateX(2px) rotate(1deg);
    }
    60% {
     
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
    
      transform: translateX(2px) rotate(1deg);
    }
    80% {
     
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
    
      transform: translateX(1px) rotate(0);
    }
    100% {
     
      transform: translateX(-1px) rotate(0);
    }
  }
  @-webkit-keyframes moving{

    10%{transform:translateY(-15px)}
    20%{transform:translateY(10px)}
    30%{transform:translateY(-10px)}
    40%{transform:translateY(0px)}
    50%{transform:translateY(-12px)}
    60%{transform:translateY(12px)}
    70%{transform:translateY(-8px)}
    80%{transform:translateY(5px)}
    90%{transform:translateY(-2px)}
    100%{transform:translateY(0px)}
}

/* @-moz-keyframes myfirst{0%{-moz-transform: scale(.8);}
50%{-moz-transform: scale(1);}
100%{-moz-transform: scale(.8);}}
@-webkit-keyframes myfirst{0%{-webkit-transform: scale(.8);}
50%{-webkit-transform: scale(1);}
100%{-webkit-transform: scale(.8);}}
@-o-keyframes myfirst{0%{-o-transform: scale(.8);}
50%{-o-transform: scale(1);}
100%{-o-transform: scale(.8);}} */

.honor{
    overflow: hidden;
    margin-top:30px;
}
.honor li{
    width:156px;
    height: 114px;
    margin-right:10px;
}

.main{width:1200px;height: 150px;margin:0 auto;font-size: 0;}
.mumping_mun li{width: 240px;display: inline-block;margin: 30px auto; color: #FFF;}
.mumping_mun{width: 1200px;list-style: none; text-align: center}
.mumping_mun p{font-size: 20px;width: 100%;display: block;clear: both;}
.mumping_mun span{font-size: 35px;font-weight: normal;}
.mun_top{ width: 100%;font-size: 35px;}



/*NEWS*/
.news{
    margin-top:30px;
    margin-bottom:70px;
}
.news_nav{
    width: 160px;
    height: 36px;
    margin: 10px auto 60px;
}
.news_nav a{
    display: block;
    cursor: pointer;
    width: 75px;
    height: 36px;line-height: 36px;text-align: center;
    background: #B5B5B5;
    color: white;
	font-size:16px;
}
.news_nav a.txt2{
  
}
.news_nav a.on{
    background: #197bc6;
}
.news_box{display: none}
.news_box .left{
    width: 390px;
    padding:40px 60px;
    /*color: #C4C4C4;*/
    background: #F5F5F5;
}
.news_box .left .txt1{
    font-size: 24px;
}
.news_box .left .txt2{
    font-size: 20px;
    background: #197bc6;
    color:#fff;
    padding:10px 5px;
    margin: 26px 0;
}
.news_box .left .txt2 a{
    color: white;
}
.news_box .left .txt3{
    width: 350px;
    height: auto;
    line-height: 24px;
    padding-left: 30px;
    border-left: 2px solid #C8C8C8;
}
.news_box .left img{
    margin: 40px 0;
}
.news_box .left .more{
    display: block;
    height: 36px;
    width: 95px;
    text-align: center;
    line-height: 36px;
    color: white;
    background: #197bc6;
}
.news_box  .right{
    width: 635px;
    height: auto;
    margin-top: 20px;
}
.news_box  .right li{
    width: 100%;
    height: 126px;
    padding-top: 45px;
    background: url("../images/n4.jpg") no-repeat right top;
}
.news_box  .right li .title01{
    width: 590px;
    /*height: auto;*/
    height: 30px;line-height: 30px;
    padding-left: 30px;
    background: url("../images/n5.png") no-repeat left center;
}
.news_box  .right li .title01 a{
    color: black;
    font-size: 18px;
}
.news_box  .right li .txt2{
    width: 600px;
    padding-left: 30px;
    margin-top: 10px;
    line-height: 25px;
}
.advert{
    width: 100%;
    height: 2px;
    background: url("../images/i2.jpg") no-repeat center;
    margin-top: 60px;
}


/*idea*/
.idea{width: 100%;height: 271px;background: url(../images/mainC6bg.jpg) no-repeat;padding-top: 100px}
.linian1{width: 240px;height: 149px;background: #fff;margin-left: 100px;padding-top: 30px}
.linian2{width: 240px;height: 149px;background: #fff;margin-right: 100px;padding-top: 30px}
.linian1 h1{font-size: 30px;color: #0659ae;font-weight: normal;text-align: center;margin-bottom: 10px;}
.linian1 img{margin: 0 auto;display: block;margin-bottom: 20px;}
.linian1 span{text-align: center;display: block;color: #000}
.linian2 h1{font-size: 30px;color: #0659ae;font-weight: normal;text-align: center;margin-bottom: 10px;}
.linian2 img{margin: 0 auto;display: block;margin-bottom: 20px;}
.linian2 span{text-align: center;display: block;color: #000}










.ddb p { float: left;line-height: 55px;color: #FFF; width: 33%; }
.ddb p a{ color: #FFF}
.xf{ position: fixed; left: 0; bottom: 0; width: 400px; height: 300px;background: #FFF; z-index: 1000}
.xf .close{border: 1px solid #000;
    border-radius: 50%;    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 5px;}
.xf h2{ text-align: center; color: #000;  line-height: 40px;}
.xf .video{ width: 350px; height: 250px; display: block; margin: 0 auto; border:1px solid #ccc; overflow: hidden}

/*bannerul*/
.bannerul { margin-top: -50px;position: relative;z-index: 99; overflow: hidden }
.bannerul li { width: 248px;height: 210px;background: url(../images/bg2.png) no-repeat ;float: left;margin: 0px 1px; }
.bannerul li:hover { width: 248px;height: 210px;background: url(../images/bg22.png) no-repeat ; }
.bannerul li span { display: block;text-align: center;font-size: 18px;color: #ffffff;margin-top: 8px; }
.bannerul li img { margin: 50px 0 0 85px; }
/*in-ourdc*/
.in-ourdc { overflow: hidden; margin-bottom: 40px; }
.ourdcimg  { overflow:hidden;display: block;margin: 0 auto 46px;padding-top: 45px; text-align: center; font-size: 14px; line-height: 30px; }
.ourdcimg a{ color: #7f7f7f;}
.ourdcimg h2{ color:#3b8f5b; font-size: 26px; width: 480px; border-bottom: 1px solid #afafaf; display: block; margin: 0 auto; line-height: 50px;}
.ourdcimg p{ width: 80px; display: block; height: 5px; background: #3b8f5b; margin: 0 auto; margin-top: -3px;}
.dzx p { background: url(../images/bg3.png) no-repeat ;width: 476px;height: 32px;font-size: 18px;color: #ffffff;padding: 3px 0 0 10px }
.dyh p { background: url(../images/bg3.png) no-repeat ;width: 476px;height: 32px;font-size: 18px;color: #ffffff;padding: 3px 0 0 10px }
.dzx ul,.dyh ul { list-style: square outside url('../images/dian.png') !important; }
.dzx ul li,.dyh ul li { font-weight:500; line-height: 30px; width: 470px; font-size:16px;list-style: square outside url('../images/dian.png') !important;color: #7f7f7f;margin: 5px 0 0 14px; }
.dzx ul li span{ color: #3b8f5b}
.dzx,.dyh { margin-top: 50px; }
/*in-ourdb*/
.in-ourdb { background: url(../images/dbbg.png) no-repeat center center;height: 601px; c }
.in-ourdb .ourdcimg{}
.in-ourdb .ourdcimg h2{color: #FFF;}
.in-ourdb .ourdcimg p{; background: #FFF;}
.in-ourdb .ourdcimg a{color: #FFF;}
.ourdb img { display: block;margin: 0 auto;padding-top: 40px; }
.ourdblist { margin-top: 70px; }
.ourdblist li { float: left;width: 250px; }
.ourdblist li img { display: block;margin: 0 auto 18px; }
.ourdblist li p { font-size: 14px;color: #fff;display: block;width: 180px;margin: 0 auto; padding: 5px 0 }
/*in-our*/
.in-our { overflow: hidden}
/*in-ouradv*/
.ouradv img { display: block;margin: 0 auto;padding-top: 40px; }
.advlist { margin-top: 40px; overflow: hidden}
.advlist li { float: left;width: 250px; }
.advlist li img { margin: 0 auto;display: block; }
.advlist li p { color: #0d3f20;font-size: 18px; font-weight:500;text-align: center;margin-top: 5px; }
.advlist li span { display: block;color: #7f7f7f;font-size: 14px;text-align: center;width: 200px;margin: 10px auto 0; }
/*in-ourab*/
.inr img { float: left;margin-top: 37px; }
.inrr { margin-top: 43px;width: 480px;color: #7f7f7f; font-size: 18px;}
.more img { float: right; }
/*hzlist*/
.hzlist{ margin-bottom: 40px; overflow: hidden}
.hzlist li { float: left;width: 174px;margin: 10px 13px 0px; }
.jigou img { margin-top: 25px; }
/*in-ourcon*/
.in-ourcon { height: 528px;background: url(../images/conbg.jpg) no-repeat; }
.ouradd h1 { font-size: 27px;color: #fff;margin-bottom: 27px; }
.ouradd { font-size: 16px;color: #fff;padding-top: 80px;width: 550px; }
.add1 p { line-height: 30px; }
.syly { width: 393px;position: relative;height: 434px; }
.syly span { font-size: 16px;color: #fff }
.txtt1 { width: 308px;height: 38px;border-radius: 10px;margin-top: 15px;line-height: 38px;text-indent: 1em }
.texacnt span { float: left;margin-top: 15px; }
.btnt { background: url(../images/btn.png) no-repeat;width: 126px;height: 39px;position: absolute;bottom: 20px;right: 100px; }
.texar { }
.dy { font-size: 14px;color: #fff;margin-top: 27px; }
.dy p { width: 308px;float: right; }
/*foot*/

.bq { width: 300px;text-align: right; }
.ba { width: 300px;text-align: center; }
.js { width: 300px;text-align: left; }