@charset "UTF-8";

/*hom*/

*{font-family: "Microsoft Yahei" , "arial"; margin: 0; padding: 0}

ul{list-style: none;}

img{max-width:100%}

.cutepage{    text-align: center; font-size:14px;}

.cutepage a{color:#000}

.chanye2 img{width:284px; height:186px;border: 1px solid #DDDDDD;}

.cd-top {

  display: inline-block;

  height: 40px;

  width: 40px;

  position: fixed;

  bottom: 40px;

  right: 10px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  /* image replacement properties */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  background: rgba(232, 98, 86, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

}

.cd-top.cd-is-visible {

  /* the button becomes visible */

  visibility: visible;

  opacity: 1;

}

.cd-top.cd-fade-out {

  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */

  opacity: .5;

}

.no-touch .cd-top:hover {

  background-color: #e86256;

  opacity: 1;

}

@media only screen and (min-width: 768px) {

  .cd-top {

    right: 20px;

    bottom: 20px;

  }

}

@media only screen and (min-width: 1024px) {

  .cd-top {

    height: 60px;

    width: 60px;

    right: 30px;

    bottom: 30px;

  }

}

#kefu{width:120px;height:200px;position:fixed;top:0;right:5px;z-index:8888;background:#fff;border:1px solid #d1d1d1;border-top:2px solid #ca2d25;display:none; bottom: 0; margin: auto;}

#kefu .top{width:100%;height:35px;line-height:35px;font-family:"Microsoft YaHei";font-size:14px;color:#333;font-weight:bold;text-align:center;}

#kefu .middle{font-size:12px;width:100%;text-align:center;}

#kefu .middle p{color:#991C0A;}

#kefu .close{float:right;margin-right:10px;margin-top:10px;cursor:pointer;}

.right_bar{width:28px;height:95px;position:fixed;top:0;right:0; bottom: 0; margin: auto; z-index:9999;}

.right_bar img{cursor:pointer;}



.main_left dt .active,.navbar .nav .active a{color:#c61a20}

.heda_top{height: 52px; background: #c61a20; transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out;}

.container{width: 1200px; margin: 0 auto}

a{text-decoration: none;}

header{position: relative; background: #f5f5f5; height: 135px; box-shadow: 0px 10px 10px #e0e0e0; margin-bottom:10px;}

header:before{content: ""; height: 52px; background: #c61a20; width: 100%; display: block; position: absolute;}

header .container{position: relative;}

header .container:before{content: ""; height: 135px; background: #edeef5; left: -100%; width: 100%; display: block; position: absolute; z-index: 1;}

.logo{position: absolute; top: 0; left: 0}

.heda_top{padding-left: 335px;}

.welcome{color: #fff; font-size: 14px; line-height: 52px; float: left;}

.heda_top .tel{float: right; line-height: 52px; color: #fff; font-size: 17px; font-weight: bold;}

.heda_top .tel i{font-size: 20px;}

.heda_top .tel b{width: 42px; height: 22px; display: inline-block; background: url(../images/tel.png) no-repeat; float: left; margin-top: 16px;}

.clear{clear: both;}

.navbar-inner{border: 0; background: none; box-shadow:none; margin-top: 32px;}

.navbar .nav>li>a{padding: 0 14px; font-size: 16px; color: #333; border-right: solid 1px #999;}

.navbar .nav{margin-right: 0}

.navbar{margin-bottom: 0}



.navbar .nav>li{float: none; display: inline-block;}

.navbar .nav>li:last-child a{padding-right:0; border-right: 0}

.navbar .nav>.active>a{border: 0; background: none; box-shadow:none;  border-right: solid 1px #999;}

.banner .swiper-container {width: 100%;max-height: 613px !important;height: auto;}

.banner .swiper-slide {

    text-align: center;

    font-size: 18px;

    background: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

     align-items: center;

}

.banner .swiper-pagination-bullet {width: 15px;height: 15px;background: #fff;opacity: 1;}

.banner .swiper-pagination-bullet-active {width: 15px;height: 15px;background: #f00;}

.banner .swiper-slide img{display: block; max-height: 613px; width: 100%;}

.nav-collapse, .nav-collapse.show{height: auto}

.hexin h6{font-size: 26px; font-weight: bold; color: #212121; 
line-height: 100px; height: 100px;text-align: center;}

.yewu{background: #f5f5f5; overflow: hidden;}

.yewu .span4{width: 33.333%; float: left; border-right: solid 5px #f5f5f5; border-left: solid 5px #f5f5f5;}

.yewu .container{ border-right: solid 5px #f5f5f5; background: #f5f5f5; border-left: solid 5px #f5f5f5; overflow: hidden;}

.yewu .span4 h5{font-size: 26px; text-transform:uppercase;  color: #000; line-height: 36px;}

.yewu .span4 h5:before{content: ""; width: 15px; height: 4px; background: #000; display: block; margin-bottom: 26px;}

.yewu .span4 h4{font-size: 24px; color: #3c3c3c; line-height: 70px; margin-bottom: 40px;}

.hover p{font-size: 14px; color: #fff; height: 180px; overflow: hidden; line-height: 26px; padding: 20px 0;
display:none;}

.hover a{display: block; padding-top: 20px; border-bottom: solid 1px #fff; 
line-height: 30px; color: #fff; text-decoration: none; font-size: 14px;}

.hover a span{float: right;}

.yewu .span4 .heise{ height: 505px; padding: 40px;}

/*.yewu .heise:hover{background: rgba(0,0,0,0.65); animation:myfirst 0.5s;

-moz-animation:myfirst 0.5s; 

-webkit-animation:myfirst 0.5s;

-o-animation:myfirst 0.5s; }*/

@keyframes myfirst

{

from {background: rgba(0,0,0,0);}

to {background: rgba(0,0,0,0.65);}

}



@-moz-keyframes myfirst /* Firefox */

{

from {background: rgba(0,0,0,0);}

to {background: rgba(0,0,0,0.65);}

}



@-webkit-keyframes myfirst /* Safari and Chrome */

{

from {background: rgba(0,0,0,0);}

to {background: rgba(0,0,0,0.65);}

}



@-o-keyframes myfirst /* Opera */

{

from {background: rgba(0,0,0,0);}

to {background: rgba(0,0,0,0.65);}

}

/*.yewu .heise:hover h5:before{background: #c61a20}

.yewu .heise:hover h5, .yewu .heise:hover h4{color: #fff}

.yewu .heise .hover{opacity: 0}

.yewu .heise:hover .hover{opacity: 1}*/

.about_content h3 span{display: none}

.about_content h3 .active{font-size: 22px; font-weight: normal; display: block;}



.news h6{font-size: 26px; font-weight: bold; letter-spacing: 1px;text-align: center;
color: #212121; line-height: 120px; height: 120px;}

.news{background: url(../images/new_bg.jpg) no-repeat center top; 
margin-bottom: 0px; height: 608px; margin-top: 100px;}

.swiper-container2{width: 562px; height: 368px; float: left; overflow: hidden; position: relative;}

.news .swiper-button-prev{width: 36px; height: 39px; left: 0; display: block; background: url(left.png) no-repeat;}

.news .swiper-button-next{width: 36px; height: 39px; right: 0; display: block; background: url(right.png) no-repeat;}

.news .swiper-slide h7{position: absolute; width: 100%; left: 0;bottom: 0; text-align: center; height: 75px; line-height: 75px; font-size: 20px; color: #fff; background: rgba(0,0,0,0.5);
letter-spacing: 1px;}

.news2{float: right; width: 600px; padding-left: 36px; border-left: dashed 1px #999;}

.new_list:first-child{border-top: solid 1px #999;}

.new_list{overflow: hidden; border-bottom: dashed 1px #999; padding: 17px 0;}

.new_list .new_time{width: 68px; float: left;position: relative;top: -8px;}

.new_time .new_ri{font-size: 48px;display: block; color: #e04728; width:100%; text-align: center;}

.new_time .new_nianyue{font-size: 16px; color: #e04728; font-weight: bold; width:100%; text-align: center;}

.xinwen{ float: right; width: 480px;}

.xinwen h3{font-size: 18px; padding: 0px 0px 5px 0px;margin-top: 5px;
    margin-bottom: 5px;font-weight: bold;color: #222222;}

.xinwen p{font-size: 14px; color: #6c6c6c; line-height: 24px;}

.xinwen p a{font-weight: bold; color: #e04728; }

.lujing{height: 135px; position: relative; display:none}

.lujing:before{content: ""; display: block; height: 135px; width: 65%; background: #c61a20; position: absolute; left: 0; top: 0;}

.lujing:after{content: ""; display: block; height: 135px; width: 35%; background: #eeeef6; position: absolute; right: 0; top: 0;}

.lujing .container{overflow: hidden;}

.lujing h4{line-height: 135px; font-size: 34px; color: #fff; position: relative; z-index: 1; float: left;}

.lujing .nav_lj a,.lujing .nav_lj{font-size: 14px; color: #666; position: relative;z-index: 1}

.lujing .nav_lj{float: right; padding-top: 90px; background: #eeeef6; height: 135px; padding-left: 15px;}



.xiangmu h6{font-size: 26px; font-weight: bold; letter-spacing: 1px;text-align: center;
color: #212121; line-height: 120px; height: 120px;}

/*.xiangmu h6:before{content: ""; width: 24px; height: 3px; background: #000; display: block;}*/

.xiangmu{background: #f5f5f5; padding-bottom: 100px; margin-bottom: 0px;}
.xiangmu{    position: relative;}
.xmdan{width: 370px !important; margin-right:0 !important; overflow: hidden; background: #fff; float: left; margin-left: 40px; border-right:solid 2px #dddcdc; border-bottom: solid 2px #dddcdc;}
.xiangmu .swiper-container-horizontal>.swiper-pagination-bullets{bottom:35px;}
.xiangmu .swiper-pagination-bullet{width:15px; height:15px;}
.swiper-pagination-bullet-active{background:#c61a20}
.xmdan:first-child{margin-left: 0px;}

.xm_list{overflow: hidden;}

.xmdan img{width: 100%}

.xmdan h5{height: 100px; overflow: hidden; font-size: 19px; line-height: 30px; padding-top: 20px;
color: #212121;font-weight: bold;}

.xm_word{padding: 0 30px;}

.xmdan p{font-size: 14px; color: #999; line-height: 24px; height:120px;}

.xmdan a{font-size: 12px; color: #e04728; text-transform: uppercase; font-weight: bold; padding:20px 0; display: block;}

.span9{width: 71%; float:right;}





.chanye h6{font-size: 26px; font-weight: bold; letter-spacing: 1px;text-align: center;
color: #212121; line-height: 120px; height: 120px;}

/*.chanye h6:before{content: ""; width: 24px; height: 3px; background: #000; display: block;}*/

.chanye{background: #f5f5f5;}

section{position: relative; overflow: hidden; width: 100%;}

section:after{ content: ""; position: absolute; display: block; right:0; top: 3px; 
height: 30000px; /*border-right: solid 116px #c61a20*/}

.chanye li{width: 284px; float: left; margin-left: 20px; margin-bottom: 20px; position: relative;}

.chanye li:nth-child(1),.chanye li:nth-child(5){margin-left: 0}

.chanye li p{display: none; position: absolute; width: 284px; height: 186px; top: 0; left: 0; padding: 0 30px; text-align: center; line-height: 30px; background: rgba(0,0,0,0.5);}

.chanye li:hover p{display: table;}

.chanye li p a{vertical-align: middle; display: table-cell; color: #fff;}

.chanye ul{overflow: hidden; width: 1200px;}

/*.chanye2:after{width: 60%; height: 630px; display: block; content: ""; right: 0; top: 0; 
position: absolute; background:url(../images/chanye_bg.jpg)no-repeat left top #c61a20;}*/

.chanye2{position: relative; height: 550px;}

.chanye2 ul{position: absolute; z-index: 2; top: 0px;}

.chanye2 .more212{width: 600px; line-height: 30px; margin-top: 40px; font-size: 14px; 
color: #000; border-bottom: solid 1px #fff; float: right}

.chanye2 .more212 span{margin-left: 10px; }





.abouts{height: 422px; background: url(../images/baout.jpg) no-repeat; background-size:cover;}

.about_left,.about_right{width: 50%; float: left;}

.about_left h3{font-size: 42px; color: #fff; line-height: 60px; text-transform: uppercase; padding-top: 80px;}

.about_left h4{font-size: 36px; color: #c61a20; padding-top: 20px;}

.about_right h5{font-size: 20px; color: #fff; font-weight: normal; padding-top: 90px; padding-bottom: 30px;}

.about_right p{font-size: 14px; line-height: 24px; color: #fff; padding-bottom: 20px;}

.about_right a{line-height: 30px; margin-top: 20px; width: 100%; display: block; font-size: 14px; color: #fff; border-bottom: solid 1px #fff;}

.about_right span{float: right; padding-right: 10px;}

footer{background: url(foot.jpg) no-repeat; background-size: cover;}

.zhinan{padding-top: 85px; overflow: hidden; overflow: hidden;}

.zhinan dl{width: 200px; float: left;}

.zhinan dt{font-size: 18px; line-height: 75px; color: #fff;}

.zhinan dt a{color: #fff; font-weight: bold}

.zhinan dt:before{content: ""; display: block; width: 20px; height: 3px; 
/*background: #c61a20;*/
}

.zhinan dd{line-height: 36px;}

.zhinan dd a{font-size: 15px; color: #fff;}

.copyright{line-height: 25px; text-align: center; color: #7e7e7e; 
font-size: 15px; border-top: solid 1px #3e3e3e; margin-top: 20px;padding-top: 20px;padding-bottom: 20px;}
.copyright p{margin-bottom: 0px;}






/*about*/

.main_left{width: 270px; float: left; margin-bottom: 30px;}

.main_left h3{height: 80px; line-height: 80px; /*background: #c61a20; */background: #366A80;
font-size: 26px; color: #fff; text-align: center;margin-top: 0px;margin-bottom: 0px;}

.main_left dl{ border-right: solid 1px #ddd;
/*border-left: solid 8px #c61a20;*/border-left: solid 8px #366A80;
margin-bottom: 0px;}

.main_left dt a{line-height: 70px; font-size: 16px; color: #404040; font-weight: bold; padding-left: 30px;  display: block;  background: url(../images/up.jpg) no-repeat right center; margin-right: 10px;}

.main_left dl dt{border-bottom: solid 1px #ddd;}

.main_left .down dt a{line-height: 70px; font-size: 16px; color: #c61a20;background: url(../images/down.jpg) no-repeat right center;}

.main_left .down dd{line-height: 56px; border-bottom: solid 1px #ddd;  margin-left: 30px; padding-left: 15px; border-left: solid 1px #ddd}

.main_left .down dd a{color: #5e5e5e; font-size: 16px;}

.main_left .up dt a{border-bottom: 0;}



.main_left .up:last-of-type{border-bottom: solid 1px #ddd;}

.main_left .up dd{display: none;}

.main_left .dowm dd{display: block;}

.main_right{width: 920px; float: right; background: #fff; min-height: 500px; margin-bottom: 120px; padding: 40px;}

.main_content{background: #f5f5f5;  padding-top:20px;}

.main_content .container{overflow: hidden;}

.about_content h3{font-size: 22px; padding-bottom: 35px; font-weight: normal; 
background: #fff; position: relative; z-index: 2; display: inline-block; padding-right: 15px;
top: -18px;}

.about_content{position: relative;}

.about_content:before{content: ""; display: block; width: 100%; height: 2px; background: #ddd; position: absolute; top: 15px; z-index: 1}

.about_content p{font-size: 14px; line-height: 24px; color: #2f2f2f; margin-bottom: 24px;}

.about_content h4{font-size: 17px; font-weight: normal; line-height: 50px;}

.about_content h5{font-size: 16px; line-height: 36px; font-weight: normal; padding-left: 30px;}

.tuijian{margin-top: 10px; border: solid 1px #ddd}

.tuijian h4{height: 60px; line-height: 60px; padding-left: 50px; 
font-size: 20px; font-weight: normal; 
background: url(tuijian.jpg) no-repeat left top; 
/*border-bottom: solid 3px #c61a20;*/
border-bottom: solid 3px #366A80;
}

.tuijian li{height: 46px; line-height: 46px; overflow: hidden; padding: 0 20px; border-top: solid 1px #ddd;}

.tuijian li a{font-size: 15px; color: #404040}

.tuijian li:first-child{border: 0}



/*专题研究*/

.zhuanti{overflow: hidden; padding-bottom: 30px; border-bottom: solid 1px #ddd; margin-bottom: 30px;}

.zhuanti img{width: 200px; height: 150px; float: left; margin-right: 30px;}

.ztyj_right{float: left; width: 605px;}

.ztyj_right h2{font-size: 20px; line-height: 30px;margin-top: 0px; margin-bottom: 0px;}

.ztyj_right p{text-indent: 0; padding-top: 10px; color: #535353;}

.time_fenlei span{color: #999; font-size: 14px; }

.time_fenlei i{font-style:normal; color: #999; font-size: 14px; float: right;}

.map{margin: 30px; text-align: center;}

.liuyan{color: #666; font-size: 14px;}

.liuyan h3{font-size: 22px; color: #404040;}

.liuyan .span6{width: 50%; line-height: 50px; float: left; margin-bottom: 20px;}

.liuyan input{width: 320px; height: 50px; line-height: 50px; border: solid 1px #ddd; padding:0 5px;}

.liuyan textarea:focus,.liuyan input:focus{outline: none;}

.liuyan textarea{width: 100%; height: 230px; padding: 5px;}

.liuyan .span12{line-height: 50px;}

.guihua_img{text-align: center;}

.map img,.guihua_img img{max-width: 100%}

.daoyu{background: #f2eeee; border-radius: 4px; margin-bottom: 30px; padding: 15px; overflow: hidden;}

.daoyu span{width: 46px; float: left; font-size: 14px; color: #c61a20; font-weight: bold;}

.daoyu p{margin: 0; float: left; width: 750px; text-indent: 0; font-weight: bold;}

.phone_nav{display: none}
.xiangmu2{display:none}




@media (max-width: 1300px){

    .lujing,.up2{display: none}
    .xiangmu{display:none}
    .xiangmu2{display:block}
    .navbar .down2{top: 80px; right: 0; width: 100%; z-index: 100; padding: 15px 30px; position: fixed; top: 130px; background: #c61a20}

    .down2 li{width: 100%; border-right: 0; border-bottom: solid 1px #d0353a;}

    .navbar .down2 li a{color: #fff; line-height: 30px; border-right: 0 !important; display: block;}

    section:after{border-right: solid 40px #c61a20;}

    .phone_nav{float: right; cursor: pointer; display: block;}

    

    .chanye ul,.container{width: 800px;}

    .welcome{display: none}

    .main_left{width: 210px;}

    .main_left .down dd a{font-size: 14px;}

    .main_right{width: 580px;}

    .liuyan input{width: 230px;}

    .liuyan .span6{line-height: 40px; margin-bottom: 0}

    .zhuanti img{width: 100%; height: auto; margin-bottom: 10px;}

    .ztyj_right{width: 100%}

    .chanye h6,.xiangmu h6,.news h6,.hexin h6{font-size: 20px; font-weight: bold;color: #212121; line-height: 45px; height: 45px;}

    .yewu .span4{width: 100%; background-size: 100% 50% !important;}

    .swiper-container2{width: 240px;}

    .news .swiper-slide h7{font-size: 14px;}

    .news2{width: 560px;}

    .xinwen{width: 440px;}

    .xmdan{width: 100% !important; margin-left: 0}

    .news{height: 548px;}

    .chanye li{width: 390px;}

    .chanye li img{width: 100%}

    .chanye li{width: 390px; height: 255px;}

    .chanye li:nth-child(3),.chanye li:nth-child(7){margin-left: 0}

    .chanye2{height: 1230px;}

    .chanye2:after{height: 1230px; background-size: 100% 100%}

    .chanye2 .more212{width: 490px; margin-top: 0}

    .chanye2 .more212 span {margin-left: 405px;}

    .zhinan dl{width: 132px;}

    .chanye li p{width: 100%; height: 255px;}

}

@media (max-width: 800px){

    .liuyan input{width: 95%}

    .navbar .down2{top: 80px;}

    .main_right,.main_left{width: 100%}

    .chanye ul,.container{width: 470px; padding: 0 10px;}

    .heda_top{display: none}

    header:before{background: none}

    header{height: 85px;}

    .logo{width: 200px;}

    .swiper-container2,.logo img{width: 100%}

    section:after{border-right: 0}

    .news2{width: 100%; padding-left: 0; border-left: 0}

    .xinwen{width: 360px;}

    .news{height: 948px; background-size: 130% 100%}

    .chanye li{width: 100%; height: auto; margin-left: 0}

    .chanye2:after{height: 2700px; width: 100%; background: #c61a20}

    .chanye2{height: 2780px;}

    .chanye2 .more212{width: 100%}

    .chanye li p{width: 100%; height: 295px;}

    .chanye2 .more212 span {margin-left: 385px;}

    .abouts{height: auto}

    .about_left, .about_right{width: 100%}

    .abouts .container{overflow: hidden; padding-bottom: 40px;}

    .zhinan dd{display: none;}

    .zhinan dl{width: 33%}

}
@media only screen and (min-width: 1300px){.xmdan img{height:206px;}}
@media (max-width: 470px){

    .container{width: 100%; padding: 0 10px;}

    .xinwen {width: 74%;}

    .news{height: auto}

    .news .container{overflow: hidden;}

    .chanye ul{padding: 0; position: initial; background: #c61a20; overflow: hidden; width: 100%; padding: 20px 10px;}

    .chanye ul li{width: 100%; float: none;}

    .chanye2 .container{padding: 0; overflow: hidden;}

    .chanye2{height: auto;}

    .chanye2:after{height: 100%; display: none}

}