body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,'Hiragino Sans GB'; color:#666; background-color: #fff; -webkit-text-size-adjust: none; }
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'arial';}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none!important;}
a:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.wrap{ width:1200px; margin:auto;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body,.section,#fullpage{ width: 100%; height: 100% }
.text{ height: 20px; line-height: 20px; padding:0 8px; background: #fff; border:1px solid #c5c5c5; }



.hr a,.hr img,.navs li a:after,.navs li a,.header,.logo img,.logo,.navs,.hr,.abtn,.kdetails,.ov,.fuwu li i,.main-head a,.slt-item a,.detail-btn,.news-list li a,.cast-list li h3 a,.project-box span,.sub-btn,.line a,.fh-box a,.lineImg,.lineIpone,.line{ transition: all 0.3s ease 0s; }


.language,.er,.downx{ background: url(../images/icon1.png) no-repeat; display: inline-block; vertical-align: middle; }
.hr a:hover,.abtn:hover{ opacity: 0.8; filter:alpha(opacity=80); }

.slide-img,.slide-b{ width: 100%; height: 100%; position: relative; overflow: hidden; }
.slide-b li{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover!important; }
.header{ height: 86px; background: #1b1b1b; width: 100%; position: fixed; left: 0; top: 0; z-index: 9999; }
.header .logo{ float: left; font-size: 0; margin-top: 15px; width: 200px; }
.navs{ float: left; margin-left: 195px; position: relative; }
.navs li{ width: 98px; text-align: center; height: 86px; line-height: 86px; float: left; font-size: 14px;}
.navs li a{ display: block; color: #cac9c9; position: relative;}
.navs li span{ position: relative; z-index: 2; }
.navs li a:after{ content: ''; width: 98px; height: 86px; background: #e72826; position: absolute; left: 0; top: -100%; }
.navs li a:hover{color: #fff; }
.navs li a:hover:after{ top: 0; }


/**/
/*.flex-direction-nav { position: absolute; top: 0; left: 0; width: 100%; z-index: 99; opacity: 0; transition: all 0.4s ease 0s; }
.flex-direction-nav li{
  position: absolute;
  top:300px;
  width: 74px;
  height: 86px;
  text-indent: -9999px;
  background: url(../images/pic_l.png) no-repeat center center rgba(0,0,0,0.3);
}
.flex-direction-nav li a{display: block;width: 74px;
  height: 86px;}
.flex-direction-nav li:nth-child(2){
  right:0;
  background-image: url(../images/pic_r.png);
}
.flex-direction-nav li:nth-child(1){
  left: 0;
}
.slide-b a{
  display: block;
  height: 100%;
  width:100%;
}

.slide-img:hover .flex-direction-nav{ opacity: 1;}*/
/**/



.hr{ float: right; padding-top: 28px; position: relative;}
.language,.er{ background-position: 0 0; width: 31px; height: 31px; float: left; font-size: 0; text-indent: -9999px;  margin-right: 10px;}
.er{ background-position: -40px 0;}
.hr img{ position: absolute; left: -90px; top:100px; opacity: 0; filter:alpha(opacity=0); visibility: hidden;}
.hr .show{ top: 86px; opacity: 1; filter:alpha(opacity=100); visibility: visible;}
.downx{ background-position: 0 -40px; width: 21px; height: 62px; position: absolute; left: 50%; margin-left: -10px; bottom: 30px; z-index: 99;-moz-animation: fdd 1s infinite alternate;
    -webkit-animation: fdd 1s infinite alternate ;
    animation: fdd 1s infinite alternate;}

.fixed{ height: 50px; background: rgba(27,27,27,0.6);}
.fixed .logo img{ height: 40px; }
.fixed .logo{ margin-top: 5px; }
.fixed .navs{ margin: -17px 0 0 135px;}
.fixed .navs li{ height: 67px; overflow: hidden; }
.fixed .hr{ padding-top: 9px; }

.section{ background-repeat: no-repeat; background-position: 50% 50%; background-size: cover!important;   transition: all 0.3s ease 0.2s;}
.active.bk2{ background-position: 50% 50%;}
.item2{ height: 580px; position: relative; margin-top: 190px; overflow: hidden;}
.processingbar{ position: absolute; left: 0; top: 0; }
.about-block li{ width: 225px; position: absolute; text-align: center; }
.ab1{ left: 80px; top: 0; }
.about-block li .i{ background: url(../images/icon2.png) no-repeat; width: 112px; height: 112px; display: block; margin:0 auto 15px;transition: all 0.5s ease 0s;}
.about-block li:hover .i{
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  /* IE 9 */
  -webkit-transform: rotate(360deg);
  /* Safari and Chrome */
  -o-transform: rotate(360deg);
  /* Opera */
  -moz-transform: rotate(360deg);
  /* Firefox */
}
.about-block .ab1 .i{ background-position: 0 0; }
.about-block li h3{ font-size: 18px; height: 34px; overflow: hidden; border-bottom: 1px solid #6d6f78; margin-bottom: 12px;}
.about-block li h3 a{ color: #fff;}
.about-block li .intro{ color: #fff; line-height: 24px; height:  72px; overflow: hidden;}
.about-block .ab2 .i{ background-position: -119px 0; }
.about-block .ab3 .i{ background-position: 0 -126px; }
.about-block .ab4 .i{ background-position: -119px -126px; }
.ab2{ top:0; right: 80px; }
.ab3{ top:310px; left: 80px; }
.ab4{ top:310px; right: 80px; }
.intobox{/* background: url(../images/xing.png) no-repeat;*/ width: 328px; height: 328px; margin:60px auto 0; text-align: center; color: #fff;position: relative;}
.intoitem{
  position: absolute;
  top: 0;
  left: 0;
   width: 100%; 
   height: 100%;
}
.intobox img{
   width: 100%; height: 100%;
  /* 设置默认样式，开启3d硬件加速 */
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */
    -webkit-animation:play 13s linear infinite;
    -moz-animation:play 13s linear infinite;
    animation:play 13s linear infinite;
  /*transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -moz-transform: rotate(360deg);*/
}
@-webkit-keyframes play{
    0% {
        /*水平翻转
        -webkit-transform:rotateY(0deg);
        垂直翻转
        -webkit-transform:rotateX(0deg);
        顺时针旋转*/
        -webkit-transform:rotate(0deg);
        /*逆时针旋转
        -webkit-transform:rotate(0deg);*/
    }
    100% {
        /* 水平翻转
        -webkit-transform:rotateY(360deg); 
         垂直翻转
        -webkit-transform:rotateX(360deg);
        顺时针旋转*/
        -webkit-transform:rotate(360deg);
        /*逆时针旋转
        -webkit-transform:rotate(-360deg);*/
        
    }
}
@-webkit-keyframes play{
    0% {
        /*水平翻转
        /*-webkit-transform:rotateY(0deg);
        垂直翻转
        -webkit-transform:rotateX(0deg);
        顺时针旋转*/
        -webkit-transform:rotate(0deg);
        /*逆时针旋转
        -webkit-transform:rotate(0deg);*/
        
    }
    100% {
        /* 水平翻转 */
       /* -webkit-transform:rotateY(360deg);
        垂直翻转
        -webkit-transform:rotateX(360deg);
        顺时针旋转*/
        -webkit-transform:rotate(360deg);
        /*逆时针旋转
        -webkit-transform:rotate(-360deg);*/
        
    }
}
@-moz-keyframes play{
    0% {
        /*-moz-transform:rotateY(0deg);
        
        -moz-transform:rotateX(0deg);*/
        -moz-transform:rotate(0deg);
       /* -moz-transform:rotate(0deg);
        */
    }
    100% {
        /*-moz-transform:rotateY(360deg);
        
        -moz-transform:rotateX(360deg);
        -moz-transform:rotate(360deg);*/
        /*-moz-transform:rotate(-360deg);*/
        
    }
}
@keyframes play{
    0% {
        /*transform:rotateY(0deg);
        
        transform:rotateX(0deg);*/
        transform:rotate(0deg);
        /*transform:rotate(0deg);*/
        
    }
    100% {
        /*transform:rotateY(360deg);
        
        transform:rotateX(360deg);*/
        transform:rotate(360deg);
        /*transform:rotate(-360deg);*/
        
    }
}

.intobox h3{ font-size: 36px; margin-bottom: 10px; padding-top: 120px;}
.intobox p{ font-size: 18px; }
.fp-tableCell{ vertical-align: top!important;}
.cname{ text-align: center; color: #fff; padding: 190px 0 50px ; }
.cname h3{ font-size: 36px; margin-bottom: 10px; }
.cname p{ opacity: 0.8; }

.sn-pic img{ width: 290px; height: 216px; }
.sn-pic a{ display: block;  position: relative; }
.tu-info{ position: absolute; right:0; bottom: 0; height: 40px; line-height: 40px; }
.tu-info .time{ float: left; padding:0 8px; background: rgba(0,0,0,0.6);  color: #fff; font-size: 16px; }
.tu-info i{ background: url(../images/icon3.png) no-repeat; width: 43px; height: 40px; float: left; }
.dbox{ height: 176px; background: rgba(21,40,54,0.8); overflow: hidden;}
.dbox h3{ height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; margin:18px 18px 0 20px; 
white-space: nowrap; text-overflow: ellipsis;}
.dbox h3 a{ color: #fff;}
.dbox .intro{ line-height: 24px; color: #fff; height: 96px; overflow: hidden; margin:18px 18px 0 20px; }
.owl-nav{ display: none; }
.owl-carousel { height: 438px; }
.owl-controls{ position: absolute; width: 100%; left: 0; bottom: 0; }
.owl-dots{ text-align: center; }
.owl-dot{ width: 40px; height: 6px; background: #fff; margin: 0 4px; display: inline-block; }
.owl-dot.active{ background: #e72826; }

.ipro{ position: relative; }
.swiper-container {
  width:1000px;
  height: 450px;
  color: #fff;
  margin: auto;
  text-align: center;
}
.swiper-slide {
  height: 100%;
  opacity: 0.4;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.slide-span{
  display: block;
  width: 282px;
  height: 282px;
  margin: auto;
  border-radius: 50%;
  border:4px solid #d9d9d9;
  overflow: hidden;
}
.swiper-slide img{
  width: 100%;
  height: 100%;
}
.swiper-slide-visible {
  opacity: 1;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.swiper-slide-active {
  top: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.pagination {
  position: absolute;
  z-index: 20;
  left: 0px;
  width: 100%;
  text-align: center;
  bottom: 5px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: #aaa;
  margin-right: 8px;
  cursor: pointer;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  opacity: 0;
  position: relative;
  top: -50px;
}
.swiper-visible-switch {
  opacity: 1;
  top: 0;
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}
.ipro .swiper-slide h3{ font-size: 18px; margin: 20px 0 10px; }
.ipro .swiper-slide .intro{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px;
margin-bottom: 20px; }
.kdetails{ width: 104px; height: 27px; line-height: 27px; text-align: center; background: rgba(0,0,0,0.6); color: #fff; display: inline-block; }
.kdetails:hover{ background: #fff; color: #333; }
.abtn{ background: url(../images/icon4.png) no-repeat; width: 28px; height: 49px; position: absolute;
top: 130px; z-index: 1024; }
.arrow-left{ left: 0; background-position: 0 0; }
.arrow-right{ right: 0; background-position: -29px 0;}
.wans{ text-align: center; color: #171616; font-size: 24px; margin-bottom: 8px;
background: url(../images/icon5.png) no-repeat 50% 50%;}
.wanen{ text-align: center; font-size: 16px; color: #212020; }
.imap{ text-align: center; }
.jsba{ font-size: 14px; opacity: 0.8; text-align: center; margin-top: 10px; }

.fuwu li{ float: left; text-align: center; width: 33.3%; text-align: center;}
.fuwu li a{ display: inline-block; }
.fuwu li i{ width: 221px; height: 221px; display: inline-block; position: absolute; left:-14.5px; top: -14.5px;}
.is1 i{ background: url(../images/icon6.png) no-repeat; }
.is2 i{ background: url(../images/icon7.png) no-repeat; }
.is3 i{ background: url(../images/icon8.png) no-repeat; }
.fuwu li h3{ font-size: 18px; color: #fff; margin-top: 8px; }
.ov{ width: 192px; height:192px; overflow: hidden; border-radius: 50%; z-index: 9; position: absolute; left: 14.5px; top: 14.5px; }
.kj{ width: 221px; height: 221px; position: relative;}
.fuwu li a:hover .ov{ width: 221px; height: 221px; left: 0; top: 0; }
.fuwu li a:hover i{ left: 0; top: 0; }


.waybox{ width: 1160px; height: 460px; background: rgba(0,46,110,0.65); margin: 160px auto 0;}
.copy{ color: #fff; margin-top: 20px; }
.copy a{ color: #fff; }
.wmap{ float: left; margin:70px 0 0 35px; width: 530px;}
.cme{ float: left; color: #fff; margin:70px 0 0 80px; }
.gsname{ font-size: 24px; margin-top: 10px; margin-bottom: 30px;}
.cmeshow{ font-size: 16px; }
.cmeshow li{ margin-bottom: 12px; }
.cmeshow li i{ background: url(../images/icon9.png) no-repeat; display: inline-block; vertical-align: middle; width: 27px; margin-right: 12px;}
.cmeshow .address i{ background-position: 0 0; height: 24px; }
.cmeshow .btel i{ background-position: 0 -40px; height: 18px; }
.cmeshow .fax i{ background-position: 0 -75px; height: 19px; }
.cmeshow .email i{ background-position: 0 -112px; height: 16px; }
.cmeshow .website i{ background-position: 0 -145px; height: 23px; }


@-webkit-keyframes fdd
{
  0%   { opacity: 0; -webkit-transform: translateY(-15px); }
  100% {opacity: 1; -webkit-transform: translateY(0px); }
}
@-ms-keyframes fdd
{
  0%   { opacity: 0; -ms-transform: translateY(-15px); }
  100% {opacity: 1; -ms-transform: translateY(0px); }
}
@keyframes fdd
{
  0%   { opacity: 0; transform: translateY(-15px); }
  100% {opacity: 1; transform: translateY(0px); }
}
.cname p{ font-size: 14px; }



.fl{ float: left;}
.fr{ float: right;}
.z-banner{ margin-top: 86px; margin-bottom: 48px;}
.z-banner img{ width: 100%;}
.z-main{width: 1200px; margin:0 auto 40px;}
.select-left{ width: 246px; padding: 25px 0 28px; background:url(../images/pic_09.jpg) repeat-y 0 0;}
.select{text-align: center; }
.headline{ margin-bottom: 22px;}
.slt-box{ margin-bottom: 26px;}
.slt-item{ font-size: 16px; line-height: 46px; margin-bottom: 8px;}
.slt-item a{ color: #fff; display: block;}
.slt-item a:hover,.slt-show{ background: url(../images/pic_10.jpg) no-repeat 0 0;}
.offside-main{ width: 925px;}
.main-head a:hover{ color: #e72826;}
.main-head{ text-align: right; color: #828181; padding-bottom: 13px; border-bottom: 1px solid #e2e2e2;}
.seat{background: url(../images/pic_fw.png) no-repeat 0 0; padding-left: 20px;}
.article{ padding-top: 32px; font-size: 14px; line-height: 30px; color: #585757;  min-height: 400px;}
.article img{ margin-bottom: 10px;}
.h-box h2{ color: #3961af; font-size: 24px;}
.visit{ padding:0 15px 10px; margin-top: 36px; border-bottom:1px solid #eeeeee;}
.fh-box{ text-align: right; padding-right: 15px;margin-top: 110px;}
.fh-box a{ padding: 10px 24px; background: #133162; color: #fff; border: 1px solid #133162;}
.fh-box a:hover{ background: none; color:#333;}

.list{ padding: 45px 25px;}
.newsImg-box{padding: 3px; border: 1px solid #eeeeee;}
.detail{ width: 565px;}
.detail h3{ color: #3d68b8; font-size: 16px;}
.detailTxt{ color: #464646; font-size: 14px; margin: 22px 0 28px; line-height: 22px;}
.detail-btn{ display: block; width: 92px; height: 33px; background: url(../images/btn_03.png) no-repeat 0 0; line-height: 33px; text-align: center; color: #fff;}
.detail-btn:hover{ color: #e72826;}

.news-list{ margin-top: 45px;}
.news-list li{ position: relative; line-height: 50px; margin-left: 25px;border-bottom: 1px dashed #eeeeee; font-size: 14px; }
.news-list li i{ position: absolute; top: 0; left: -20px; width: 12px; height: 50px; background:url(../images/pic_11.png) no-repeat 0 center;}
.news-list li a:hover{color: #265da9;}
.times{ float: right; font-size: 12px;}


.list-paging{ text-align: center; margin-top: 99px;}
.list-paging a{ display: inline-block; padding: 10px 14px; border:1px solid #f2f2f2; margin: 0 3px;}
.list-paging a:hover,.list-paging .pag-show{ background: url(../images/pic_13.jpg) no-repeat 0 0; color: #fff!important;transition: all 0.3s ease 0s;}
.second{ margin-top: 20px; display: none}
.second li{  position: relative;line-height: 36px; height: 36px;}
.second li i{ position: absolute; bottom: 0;left:50%; border-bottom: 1px dashed #7995c7; width: 106px; margin-left: -53px;}
.second .secondShow a{ font-size: 12px;color:#a6cff9; background: none;}
.second li a:hover{ color: #fff;}

.lists{ padding: 30px 0;}
.cast-list li{ float: left; width: 290px; margin: 0 8px; margin-bottom: 45px;}
.cast-list li img{ display: block; width: 290px; height: 226px;}
.cast-list li h3{ font-size: 16px; line-height: 24px; background: #3f6bbd;text-align: center; padding: 10px 25px 0; height: 68px;}
.cast-list li h3 a{ color: #fff;}
.cast-list li h3 a:hover{ color:#a6cff9}


.project{ margin-top: 48px;}
.project-box{ text-align: left;}
.project-box span{
  display: inline-block;
  width: 133px;
  height: 32px;
   background:#e2e3e4;
   color: #3964b1;
   line-height: 32px;
   text-align: center;
   margin-bottom: 10px;
}
.project-box span:hover,.project-box .projectshow{ background: #3964b1; color: #fff;}
.project-ul{ margin-top: 54px;}
.project-ul .project-item{ text-align: left; padding-left: 10px; display: none;}
.project-ul .project-item.active{ display: block;}
.project-ul .project-item img{ width: 80%!important;}

.message{margin-top: 86px; margin-bottom: 40px;}
.message h3{ color: #0e73c9; font-size: 24px; text-align: left}
.form { width: 884px; height: 366px; margin-top: 32px; padding: 38px 0; background: #f4f3f3; text-align: left; }
.inp-box { padding-left: 65px; margin-bottom: 25px; line-height: 29px; }
.inp-txt, .textarea, .verify { background: #f4f3f3; border: 1px solid #dcdcdc; }
.inp-txt { width: 336px; height: 27px; }
.textarea { width: 506px; height: 115px; }
.verify { width: 132px; height: 27px; }
.verifyimg { margin-left: 8px; margin-right: 10px; }
.x { color: #dc1d03 }
.sub-btn { width: 117px; height: 37px; background: #0e73c9; color: #fff; border: none; margin-left: 70px; border: 1px solid #0e73c9; }
.sub-btn:hover { background: none; color: #333; }

/*底部*/
.footer{ padding-top: 66px; background: #1b1b1b;}
.footer .z-main{ margin-bottom: 0;}
.icon-box{ margin-top: 50px;}
.links-dl { width: 150px; height: 220px; margin-right: 85px; border-right: 1px solid #464747; position: relative;}
.links-dl dt,.dt{ position: relative; color: #9a9b9d; font-size: 18px; padding-bottom: 8px;margin-bottom: 15px; }
.spH{ position: absolute; bottom: 0; left: 0; width: 26px; height: 2px;background: #b9bbbd;}
.f_Nav{ overflow: hidden;}
.links-dl dd,.f_Nav li{ font-size: 12px; line-height: 30px;color: #fff; }
.links-dl dd a,.f_Nav li a{color: #fff;}
.links-dl dd a:hover,,.f_Nav li a:hover{ color: #b9bbbd}
.links-dl2{ width: 194px; margin-right: 54px;}
.pos{ position: absolute; top: 50px; right: 26px; width: 3px; height: 144px; background: #959799; }
.scroll_btn{ position: absolute; top: 0; left: -3px; width: 9px; height: 50px; background:url(../images/pic_06.png) no-repeat 0 0}
.links-dl3{ width: 352px; margin-right: 0;border-right: 0;}
.links-dl3 dd{padding-left: 40px; background: url(../images/icon9.png) no-repeat 0 5px; margin-bottom: 5px;}
.links-dl3 dd:nth-child(3){background-position: 0 -32px;}
.links-dl3 dd:nth-child(4){background-position: 0 -68px;}
.links-dl3 dd:nth-child(5){background-position: 0 -105px;}
.links-dl3 dd:nth-child(6){background-position: 0 -141px;}

.foots{ margin-top: 37px; height: 66px; border-top: 1px solid #696868; font-size: 12px; color: #fff;width: 100%;}
.foots p{ float: left; padding-top: 23px;}
.foots a{color: #fff;}
.foots a:hover{ color: #b9bbbd}
.linkQQ { float: right; margin-right: 35px;margin-top:15px;}
.linkQQ a{ margin-right: 19px;}

.line{
  position: fixed;
  bottom: 15%;
  right:-103px;
  width: 103px;
  background: #fff;
  z-index: 2;
  opacity: .8;
}
.line a{ display: block; height: 95px; background: url(../images/icon10.png) no-repeat 30px 32px; position: relative; z-index: 99; position: relative;}
.line a:nth-child(2){ background-position: 37px -48px;}
.line a:nth-child(3){ background-position: 32px -134px;}
.line a:nth-child(4){ background-position: 32px -216px;}
.line a:hover{ background-color: #ccc;}
.lineImg,.lineIpone{ position: absolute; bottom: 14%;left:-190px;opacity: 0; filter: alpha(opacity=0); visibility: hidden;}
.lineShow{ right:-190px; opacity:1; filter: alpha(opacity=100); visibility: visible;}
.lineIpone{ width:210px; bottom: 82%; font-size: 18px; padding: 10px 15px;background: #fff;left:-230px;}
.lineIpone i{border: 13px solid rgba(255,255,255,0); border-left: 13px solid #fff; position: absolute; top: 8px;right:-24px; }
.lineZx{ position: absolute; top: 0;left: -31px;  width: 31px; height: 110px; background: #fff; border-top-left-radius: 5px;border-bottom-left-radius: 5px; font-size: 16px; line-height: 18px; text-align: center; }
.zxbtn{ display: block; width: 18px; height: 12px; background: url(../images/pic-h_04.png) no-repeat 0 0; margin: 9px 0 12px 7px;}
.lineshow .line{ right: 0;}
/* .lineshow .lineZx{ background-image: url(../images/pic_x_04.png); cursor: pointer;} 
*/
.owl-carousel.containers { width: 90%; margin: auto;}
.slide-item{ margin-bottom: 30px; color: #fff; text-align: center; }
.slide-item h3{ font-size: 18px; margin: 20px 0 10px;}
.slide-item p{ font-size: 14px;margin-bottom: 20px; padding: 0 10px;}

.slide-item-imgs{
  margin: auto;
  width: 290px;
  height: 290px;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  border:4px solid #d9d9d9;
  -moz-box-shadow:5px 5px 5px #666 inset;               /* For Firefox3.6+ */
  -webkit-box-shadow:5px 5px 5px #666 inset;            /* For Chrome5+, Safari5+ */
  box-shadow:5px 5px 5px #666 inset;                    /* For Latest Opera */
}
.containers.owl-carousel .owl-item img{ width: auto; max-width: 100%; display: inline-block;transform-style:unset;}
.containers.owl-carousel .owl-dots{display: none!important;}
.containers.owl-carousel .owl-controls{ bottom:66%;}
.containers.owl-carousel .owl-nav{display: block; position: absolute; top: 50%; left: 0; width: 100%;}
.containers.owl-carousel .owl-prev,.containers.owl-carousel .owl-next{ background: url(../images/icon4.png) no-repeat; width: 28px; height: 49px; position: absolute;
top: 0; z-index: 1024; margin-top: -25px; text-indent: -9999px; overflow: hidden; }
.containers.owl-carousel .owl-prev{ left: -30px; background-position: 0 0; }
.containers.owl-carousel .owl-next{ right: -30px; background-position: -29px 0;}

/*nav*/
  .nav__trigger { width: 30px; height: 25px; position: absolute; right: 100px; top: 30px; z-index: 1024; display: none; cursor: pointer; }
  .fixed .nav__trigger { top: 12px;}
.nav__icon { display: inline-block; position: relative; width: 30px; height: 5px; background-color: rgba(255,255,255,0.8); -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.nav__icon:before, .nav__icon:after { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: rgba(255,255,255,0.8); -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
  .nav__icon:before { margin-top: -10px; }
  .nav__icon:after { margin-top: 10px; }
  .zjq-mnav { width: 100%; padding-bottom: 30px; position: absolute; z-index: 999; opacity: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: translateY(-128%); transform: translateY(-128%); left: 0; }
  .zjq-msons { padding: 14px 10px; border-bottom: 1px solid #50545a }
  .zjq-msons dt { font-size: 16px; margin-bottom: 8px }
  .zjq-msons a { color: #fff }
  .zjq-msons dd { line-height: 22px; margin-left: -20px }
  .zjq-msons dd a { margin-left: 20px; display: inline-block; color: #e9e8e8 }
  .nav--active .nav__trigger { opacity: 0.5; }
  .nav--active .nav__icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .nav--active .zjq-mnav { opacity: 1; background: #2c323a; -webkit-transform: translateY(0); transform: translateY(0); }


.dtimg{ display: none;}
.zzjg img{ width:95%}

  .zzjg table td{ width: 50%!important;}
  .zzjg table td img{ width: 90%!important; height: 290px!important; margin-bottom: 10px;}

@media only screen and (max-width: 1230px){
  .z-main{ width: 98%;}
  .offside-main{ width: 75%;}
  .cast-list li{ width: 265px;}
  .cast-list li img{ width: 265px; height: 190px;}
  .form { width: 100%; }
  .detail{ width: 61%;}
  .footer{ width: 100%;}
  .icon-box{ float: none; width: 270px; margin:0 auto 30px;}
  .links{ float: none; width: 75%; margin-left: 22%;}
  .links-dl{ width:20%;}
  .links-dl2{ width:25%;}
  .links-dl3{ width:30%;}
  .foots{ padding-left: 10px;}

}
@media only screen and (max-width: 1200px){
  .wrap{ width: 100%;}
  .navs{ margin-left: 145px;}
}
@media only screen and (max-width: 1175px){
  .offside-main{ width: 70%;}
  .cast-list li{ width:30%;}
  .cast-list li img{ width: 100%; height: 160px;}
  .cast-list li h3 a{ font-size: 14px;}
  .project-box a{ width: 100px;}
  .detail{ width: 55%;}
  .newsImg-box{ width: 40%;}
  .newsImg-box img{ width: 100%;}
  .navs{ display: none;}
  .header .nav__trigger{ display: block; }
}
@media only screen and (max-width: 1085px){
  .cast-list li h3 a{ font-size: 12px;}
  .cast-list li img{height: 130px;}
    .textarea { width: 388px; }
  .links{width:82%; margin-left: 18%;}
  .slide-item-imgs{ width: 260px; height: 260px;}
}
@media only screen and (max-width:992px){
  .slide-img{ height: 370px; margin-top: 86px;}
  .offside-main{ width: 65%;}
  .cast-list li h3{ padding: 5px 15px 0; line-height: 18px;}
  .cast-list li img{height: 110px;}
  .detail h3{ font-size: 14px;}
  .detailTxt{ font-size: 12px; line-height: 20px;}
  .links{ width:94%; margin-left: 6%;}
  .line{ display: none;}
  .flex-direction-nav,.flex-control-nav{ display: none;}
  .item2{ margin-top: 0;}
  .bk2,.bk7{ padding:50px 0;}
  .bk5{ background-size: 185% 100% !important;    background-position: top center; height:620px; }
  .cname{ padding: 50px 0}
  .waybox{ width: 85%; margin:0 auto; height: auto; padding: 70px 35px 0;}
  .wmap{ width: 100%;}
  .wmap,.cme{ float: none; margin: 0 0 35px;}
  .ab1,.ab3{ left: 30px;}
  .ab2,.ab4{ right: 30px;}

  .bk6{ height: auto; padding-bottom: 50px;}
  .swiper-container,.abtn,.fp-controlArrow{display: none;}
  .containers { display: block;}
  .bk4{ height: auto !important; padding-bottom: 50px;}
  
 /* .slide-item{ overflow: hidden; text-align: center;}
  .slide-item img{ width:300px; height:300px; border-radius: 50%; overflow: hidden;}*/
}
@media only screen and (max-width:880px){
  .select-left,.offside-main{ float: none;margin: 0 auto 30px; width: 95%;}
  .select-left{ background-image: url(../images/pic-bj_03.jpg) ; }
  .slt-item a:hover, .slt-show{ background-image: url(../images/pic-bj.jpg);}
  .cast-list li h3{ line-height:24px;}
  .cast-list li img{ height: 155px;}
  .links{ margin-left: 0;}
  .icon-box{ margin-left: 0;}
  .links-dl{ float: none; margin:auto; width:95%; margin-bottom: 20px; border-right: none; height: auto;}
   .links-dl dd{ float: left; margin-right: 20px;}
 .pos{ display: none;}
  .foots{margin-top: 0;}
  .foots,.linkQQ{  float: none; display: inline-block;}
  .linkQQ{ margin-left: 20px; margin-right: 0;}
  .about-block li{ width: 20%;}
.zzjg table td img{height: 250px!important;}
}
@media only screen and (max-width:680px){
  .cast-list li h3{ line-height:18px;}
  .cast-list li img{ height: 130px;}
    .textarea { width: 337px; }
    .inp-box { padding-left: 40px; }
  .project-box a{ width:80px;}
  .newsImg-box,.detail{ float: none; margin: 0 auto 30px; width: 60%;}
  .detail{ width: 80%;}
  .detail h3{ font-size: 16px;}
  .detailTxt{ font-size: 14px;}
  .fuwu li{ float: none; margin: auto; width: 50%;}
  .wmap img{ width:100%;}
  /*.slide-item{ width: 50%;height: auto; margin-bottom: 30px;}*/
  /*.slide-item img{ width: 240px; height: 240px;}*/
  .slide-item h3{ height: 38px;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
  .iframe{ display: none;}
  .dtimg{ display: block; width: 100%;}
  .box img{
    width: 100%!important;
  }
  .slide-item-imgs{ width: 220px; height: 220px;}
}
@media only screen and (max-width:580px){
  .cast-list li{ width:45%;}
  .cast-list li img{ height: 150px;}
    .inp-txt, .textarea { width: 247px; }
    .verify { width: 78px; }
    .kbqc { display: none; }
  .project-box a{ width:60px; font-size: 12px;}
   .news-list li a{
    float: left;
    width: 70%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;overflow: hidden;
  }
  .newsImg-box{ width: 75%;}
  .detail{ width: 95%;}
  .list-paging a{padding: 5px 10px;}
  .h-box h2{ font-size: 20px;}
  .about-block{ position: absolute; top: 320px;}
  .about-block li{ position: relative; float: left; top:0; left: 0;right: 0; width: 45%; margin: 0 10px 10px;}
  .item2{ overflow:inherit; height: 890px;}
  .intobox{ margin: 0 auto;}
  .bk5{ height: 480px;}
  /*.slide-item img{ width: 190px; height:190px;}*/
.zzjg table td img{height: 190px!important;}
}

@media only screen and (max-width:480px){
  .slide-img{ height: 230px;}
  .cast-list li img{ height: 110px;}
  .box h3{ font-size: 18px !important;}
    .inp-txt, .textarea { width: 180px; }
  .project-box a{ width: 52px;}
  .newsImg-box,.detail{ width: 100%;}
  .news-list li{ font-size: 12px;}
  .list-paging{ margin-top: 50px;}
  .list-paging a{ margin: 0; padding: 3px 5px;}
  .h-box h2{ font-size: 16px;}
  .fuwu li{ width: 90%;}
  .about-block li{  width:42%;}
  .intobox{ width: 280px; height: 280px; background-size: 100% 100%;}
  .header .logo{ width: 55px; overflow: hidden;}
  /*.slide-item img{ width: 140px; height:140px;}*/
  .zzjg{ min-height: 280px;}
  .project-ul .project-item table{ width: 95%!important;}
  .project-ul .project-item table td{ width: 25%!important;}
}
@media only screen and (max-width:375px){
  .cast-list li{ float: none; margin:0 auto 30px; width:80%;}
  .cast-list li img{ height: 165px;}
  .cast-list li h3{ line-height:24px;}
    .inp-box { padding-left: 20px; }
    .inp-txt, .textarea { width: 165px; }
  .h-box h2{ font-size: 14px;}
  .visit{ font-size: 12px;}
  .box{font-size: 12px!important;}
  .zzjg table td img{height: 150px!important;}

}
@media only screen and (max-height: 650px) {
  .header{ background: rgba(27,27,27,0.6);}
  .ab3,.ab4{ top: 240px; }
  .about-block li h3{ font-size: 16px; }
  .about-block li .i{ margin-bottom: 10px; }
  .about-block li .intro{ line-height: 20px; height: 40px; }
  .cname{ padding-top: 72px; padding-bottom: 30px;}
  .cname h3 {font-size: 20px; margin-bottom: 6px;}
  .wans,.wanen{ display: none; }
  .owl-carousel{ height: 416px; }
  .waybox{ margin-top: 88px; }

  .nav__trigger {  top: 30px; }

}