body{ font-family: "Microsoft YaHei","微软雅黑"; color: #666; width: 100%; }
/*body.nybody{background: #f9f9f9;}*/

ul{padding:0;}
ul li{ list-style-type: none;}
* {
    transition: all 0.5s ease 0s;
}
a {
    color: #666;
    text-decoration: none;
}
a:hover{text-decoration:none}

.gytm {
       
       z-index: 9999;

       color: white;
       width: 100% 

       
    }
      .about{
        font-size: 35px;
        font-style: italic
    }
    .gy{
        font-family: '微软雅黑';
        font-size: 16px;
            
    }
    .gyall{
        font-family: '微软雅黑';
        font-size: 14px;
        width: 100px;
    }
	.gg{
	
	}
    .pagetit{ padding: 20px 0; display: inline-block; text-align: center;}
.page-icon{ display: inline-block;}
.page-tit{display: inline-block; margin-left: 15px;}
.page-tit-c{ font-weight: bold; color: #27517b; font-size: 36px; text-align: left;}
.page-tit-e{ text-align: left; font-weight: bold; color: #ccc; font-size: 18px; position: relative}

.page-tit-e span {
    display: inline-block;
    width: 150px;
    border-top: 1px solid #ccc;
    vertical-align: 20%;

}

.aboutpage > .container > .col-md-5 >img {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.aboutpage > .container > .col-md-7{ background: rgba(254,254,254,0.7); color: #333!important; border-radius: 8px;box-shadow: 5px 5px 15px #ccc;}
.aboutpage > .container > .col-md-5:hover >img {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.aboutpage > .container > .col-md-5:hover >img{-webkit-animation: tada 1s .2s ease both;
    -moz-animation: tada 1s .2s ease both;}

.menu-container, .menu-head{background: #f5f5f5;}
.menu-head{ padding: 20px 0; text-align: center;}
.carousel-control span{ font-size: 24px; font-family: "宋体"; font-weight: bold; position: absolute; top: 50%;}
.carousel-control.right,.carousel-control.left{ background-image: none;}

.aboutpage{ padding: 60px 0; background: url("../image/gywm_02.jpg"); width: 100%;  display: inline-block;}
.about-en-name{ font-weight: bold; font-size: 36px; color: #27517b}
.about-name{ font-size: 24px; font-weight: bold; color: #27517b;}
.about-con{line-height: 160%; margin-top: 20px; color: #27517b;}

.news-imgs{ height:460px; }
.newimg{ overflow: hidden; height: 460px; float: left;}
.newimg img{ height: 100%; max-width: 100%; width: 100%;}
.newtext{width: 80%; margin-left: 10%; display: inline-block; padding: 40px 0;}
.topx{ width: 50px; border-radius: 2px; height: 4px; background: #ffc600; display: inline-block; margin-top: 20px;}
.newtext  .h3{ padding: 6px 0px; display: inline-block; margin-top: 6px; }
.new-time{ color: #ccc; font-size: 12px;}
.newtext > .news-note{ line-height: 30px;}

.new-icon{background: #ffc600; width: 50px; height: 50px; position: absolute; left: 50%; margin-left: -25px; z-index: 11; top: 50%; color: #fff;}
.new-icon span{ text-align: center; line-height: 50px; font-size: 24px; display: inline-block; width: 100%;}


.new-more{ display: inline-block;  border: 1px solid #ffc600; margin-top: 20px;}
.new-more a{ color: #ffc600; padding: 6px 20px; display: inline-block;}
.new-more a:hover{display: inline-block; background: #ffc600; color: #fff;  }

/* 缩略图 */
.owl-pagination{position:absolute;left:40%;top:80%; padding-top:20px; text-align:center;}
.owl-page{position:relative;display:inline-block;width:25px;height:25px;margin:1px 0; line-height: 25px; font-size: 12px; padding: 1px; background: #f4f4f4;border:0px solid#ccc;*display:inline;*zoom:1;vertical-align:middle;overflow:hidden;}
.owl-page img{width:100%;height:100%;}
.owl-pagination .active{width:25px;height:25px;}
.owl-pagination span{position:absolute;left:0;top:0;width:25px;height:25px;}
.owl-pagination .active span{width:25px;height:25px; background: rgba(254,215,0,1);}

.Owl-list2 .owl-pagination{position:absolute;left:55%;top:80%; padding-top:20px; text-align:center;}


.jjfa-div{ position: relative; width: 100%; display: inline-block; overflow: hidden; height: 500px;}
.jjfa-div a{ color: #fff; }
.jjfa-div .jjfa-con{   background-color: #3684bb; width: 100%; position:absolute; top: 0; z-index: 3; background-color: rgba(0,0,0,0); height: 100%; text-align: center; }
.jjfa-div .jjfa-body{position: absolute; width: 100%; top: 50%; margin-top: -40px;}
.jjfa-div .jjfa-body .h3{ font-size: 18px; font-weight: bold; width: 80%;   display: inline-block; color: #fff; }
.jjfa-div .jjfa-body .jj-note{ font-size: 12px; color: #fff; width: 80%; display: inline-block;}

.jjfa-div a:hover .jjfa-con{  background-color: #333; background-color: rgba(51,51,51,.7);}
.jjfa-div a:hover > img{ transform:scale(1.1);}

.cp-div{ margin-top: 20px;}
.cpimg{ width: 100%; height: 620px; overflow: hidden;}
.cpimg img{ width: 100%; border-radius: 8px;}
.cptext{position: absolute; width: 100%; padding: 10px; height: 95px; overflow: hidden; bottom: 10px; color: #fff;}
.cptext a{ color: #fff;}
.cpimg:hover img{ transform: scale(1.2)}

.cpzs-div{ width: 100%; height: 300px; overflow: hidden; display: inline-block;position: relative; margin-top: 20px;}
.cpzs-img{ height: 100%; overflow: hidden; width: 100%; z-index: 10;}
.cpzs-img img{border-radius: 8px; width: 100%; height: 100%;}
.cpzs-body{ height: 100%; color: #fff; width: 100%; background: rgba(50,110,160,0.8); position: absolute; padding: 10px; z-index: 11; top: 100%; }
.cpzs-body a{ color: #fff;}
.cpzs-tit{ font-size: 16px; font-weight: bold; margin-top: 20px;}
.cpzs-note{ margin-top: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; line-height: 160%; padding: 20px 0;}
.cpzs-more{ margin-top: 20px; float: right;}
.cpzs-div:hover .cpzs-body{ top: 0;}


.page-foot{ margin-top: 40px; background: url("../image/footbj.png") center no-repeat #3684bb; height:220px;}

.footlogo{ margin-top: 40px;}
.foot-nav{ margin-top: 20px;}
.foot-nav li{ float: left;}
.foot-nav li a{ display: inline-block; padding: 6px 16px;}
.footewm{ margin-top: 40px;}
.foottel{ margin-top: 60px; font-size: 18px; font-weight: bold;}
.foottel > div{ font-size: 14px;}
.foottel > span{ color: #ffc600;}

.footbq{border-top: 1px solid #fff; margin-top: 20px; padding: 20px 0;}


.page-foot,.page-foot a{ color: #fff;}


/*内页*/

.n-news-imgs{ height:260px; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #f7f7f7; display: inline-block; }
.n-newimg{ overflow: hidden; height: 260px; float: left;}
.n-newimg img{ height: 100%; max-width: 100%; width: 100%;}
.n-newtext{width: 80%; margin-left: 10%; display: inline-block; padding: 40px 0;}
.n-topx{ width: 50px; border-radius: 2px; height: 4px; background: #ffc600; display: inline-block; margin-top: 20px;}
.n-newtext  .h3{ padding: 6px 0px; display: inline-block; margin-top: 6px; }
.n-new-time{ color: #ccc; font-size: 12px;}
.n-newtext > .news-note{ line-height: 30px;}

.n-new-icon{background: #ffc600; width: 50px; height: 50px; position: absolute; left: 0; margin-left: -25px; z-index: 11; top: 50%; margin-top: -25px; color: #fff;}
.n-new-icon span{ text-align: center; line-height: 50px; font-size: 24px; display: inline-block; width: 100%;}


.n-new-more{ display: inline-block;  border: 1px solid #ffc600; margin-top: 20px;}
.n-new-more a{ color: #ffc600; padding: 6px 20px; display: inline-block;}
.n-new-more a:hover{display: inline-block; background: #ffc600; color: #fff;  }

.nypage{ width: 100%; display: inline-block;}
.nypage img{ max-width: 100%;}
.newlisbtn{border-top: 1px solid #ccc;padding-bottom: 15px;margin-left: 10px;margin-right: 10px; width: 100%; display: inline-block; margin-top: 20px;}
.newlisbtn a:hover{color:#27517b;text-decoration: none;}
.newlistul li{height:30px;line-height: 30px;font-size: 14px;margin-left: 30px;margin-right: 30px;}
.newlistul li a{color:#666;}
.newlistul li a:hover{color:#27517b;text-decoration: none;}
.new-note-x {
    font-size: 12px;
    color: #999;
}
.page-nav1{ padding: 20px 0; background: #1a58ab; margin-top: 20px; }

.ny-nav-ul{ margin-top: 0px; width: 100%; display: inline-block; text-align: center;}
.ny-nav-ul li{ margin: 0 5px; display: inline-block;
}
.ny-nav-ul li a{ border: 1px solid #ebb326; padding: 8px 0px; display: inline-block; color: #fff;width: 100px;margin-top:10px;overflow: hidden;}
.ny-nav-ul li a:hover,.ny-nav-ul li a.active{ background: #ebb326;}
.ny-pagen{ width: 100%; line-height: 50px; font-weight: bold; font-size: 20px; letter-spacing: 5px;}
.nypage{line-height: 30px;}
.about-hz{background: #ebb326; margin-top: 20px; padding: 20px 10px;}

.zswd-ul{ display: inline-block; width: 100%; margin-top: 20px;}
.zswd-ul li{ display: inline-block; width: 100%; padding: 10px 0; border-bottom: 1px solid #ebebeb;}
.zswd-tit{ font-size: 14px; font-weight: bold;}
.zswd-tit .iconfont{ font-size: 30px; color: #013c5c;}
.zswd-tit a{ color: #013c5c;}
.zswd-note{ font-size: 14px; line-height: 20px; color: #999;}


/**/
.news-ul li .news-div{ z-index: 1; position: relative;}
.news-ul li:hover .news-div{box-shadow: 5px 5px 15px #f5f5f5; z-index: 999; transform: scale(1.2);}
.news-div .wenhua-img{ display: inline-block; width: 100%;  position: relative; margin-bottom: 0px;}
.news-div .wenhua-img img{width: 100%; height: 100%; }
.wenhua-tit{color: #fff; display: inline-block; padding: 2px 6px;width: 100%;text-align: center;font-size: 18px;margin-top: 5px;}
.wenhua-note{color: #fff; margin-top: 4px; font-size: 12px; display: inline-block; width: 100%; padding: 0px 10px; font-weight: bold; height: 90px; line-height: 26px;text-align: center;}

/**/


.zswd-ul li{ background: #eeeded; margin-top: 20px; border-radius: 10px; cursor: pointer;}
.zswd-ul li{ transition: all 0s ease 0s;}
.wd-tit{ font-size: 14px; font-weight: bold; line-height: 60px;}
.wd-note{ line-height: 24px; font-size: 12px; margin-top: 10px; color: #999; width: 100%; display: inline-block; padding-right: 16px;}
.wd-note .huida{ background: #fff; border-radius: 10px; display: inline-block; padding: 10px; transition: all 0s ease 0s;}
.zlzq-ul{ width: 100%; display: inline-block;}
.zlzq-ul li{ background: #f5f5f5;  box-shadow: 5px 5px 15px #ccc; padding: 10px; width: 100%; display: inline-block; margin-top: 20px;}
.zlzq-ul li .h3{ font-weight: bold; font-size: 14px;}
.zlzq-ul li .new-icon{ color: #ccc; font-size: 12px;}
.zlzq-ul li .new-note{ color: #999; font-size: 14px;}
.zlzq-ul li .mores{ width: auto; padding: 4px 30px;}
.zlzq-ul li .mores a{ font-size: 14px;}


/**/

.advance_ico{ width:64px; height:64px; overflow:hidden; margin:0 auto; position:relative;}
.advance_list{text-align: center; margin-top: 20px;}
.advance_list li u { display: block; position: absolute; width: 64px; height: 64px; background:url(../image/aim_02.png) no-repeat;

    -webkit-transition: all .5s ease-in-out 0s;

    -moz-transition: all .5s ease-in-out 0s;

    -ms-transition: all .5s ease-in-out 0s;

    -o-transition: all .5s ease-in-out 0s;

    transition: all .5s ease-in-out 0s; *+display:none;}

.advance_list li u.cl { clip:rect(0px, 64px, -10px, 32px); }

.advance_list li:hover u.cl { clip:rect(0px,64px,64px,32px);}

.advance_list li u.cr { clip:rect(64px,32px,64px,0px);}

.advance_list li:hover u.cr { clip:rect(0px,32px,64px,0px);}

.advance_list li:hover u{ display:block;}

.advance_list li i { display: block; width: 64px; height:64px ; position: relative; margin: 15px auto; font-size: 32px; }



.nav-tel{ text-align: center; color: #3684bb; font-size: 18px; font-weight: bold; margin-top: 20px;}
.nav-la{ display: inline-block; width: 100%; margin-top: 20px; text-align: center;}
.nav-la .nav-cn{ background: #3684bb; color: #fff; display: inline-block; padding: 6px 16px;}
.nav-la .nav-en{ border: 2px solid #3684bb; display: inline-block; padding: 4px 16px; color: #3684bb;}


.has-sub ul li a{ text-align: center;}
.dropdown-heading,.menu-items li a{    padding: 12px 12px 12px 100px;}
.menu-trigger{ line-height: 100%; font-size: 18px; font-weight: bold; padding: 0px 16px;}
.menu-trigger:before {
    font-family: 'Material-Design-Iconic-Font';
    content: '';
    font-size: 22pt;
}

.menu-trigger.left{ color: #fff;}
    .p0{padding-left: 0px; padding-right: 0px;}
    .fr{float: right;}
    .f18{ font-size: 18px;}
    .pt20{ padding-top: 20px;}
    .mt20{ margin-top: 20px;}
    .mt40{ margin-top: 40px;}

    @media screen and (max-width: 1366px) and (min-width: 768px){
        .cpzs-div{ height: 200px;}
    .cpzs-img{
        height: 200px !important;
    }
    .cpimg{
        height: 425px !important;
    }

        .jjfa-div{ position: relative; width: 100%; display: inline-block; overflow: hidden; height: 360px;}
        .jjfa-div .jjfa-body{ margin-top: -100px;}
}

