@charset "utf-8";
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0;  }
body
{ font-family:Microsoft YaHei,'黑体',Verdana,Tahoma,Arial,sans-serif; font-size:14px; color:#333; min-width:1257px;}
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}
/*a:hover img
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
*/
a
{ color:#333; text-decoration:none; }
a:hover
{ color:#ee7800;}
a:focus
{ outline:none;} 
.clear:after
{content:''; display:block; clear:both; }
.clear
{ height:0px; clear:both; }
.text-cut  /*限制文字,文字超出显示冒号*/
{ overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}

/*效果*/
.trans1
{ transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

/*图片放大*/
.fdapic
{ overflow:hidden;}
.fdapic img
{
-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;transition:all 0.4s ease;}
.fdapic:hover img
{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye
{ line-height:25px; padding:20px 0; clear:both; }
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB
{ font-size:14px; color:#666;}
.wengzhengfanye a
{ font-size:13px;}
.wengzhengfanye a:hover
{ text-decoration:underline; color:#2f4d93;}

/* 文章类别上下页 */
.page
{ padding:20px; overflow:hidden; text-align:center;}
.pagelink a
{ display:inline-block; padding:6px 12px; color:#b8b8b8;border: 1px solid #b8b8b8;margin: 0 4px}
.pagelink a:hover,.pagelink a.on
{ background:#ee7800;color:#fff;}
.pagelink span{display:inline-block; background:#ee7800;padding:6px 12px; color:#fff;margin: 0 3px}

/*========================================= 首页 =====================================*/
.container{width: 1257px;margin: 0 auto}
.fl{float: left}
.fr{float: right}
.clear{clear: both}
header{ width:100%; position:fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.7);z-index: 9999;color: #fff;text-align: center}
.topl{line-height: 60px;font-size: 20px;margin: 0;}
.nav{text-align: center;display: inline-block}
.nav li {line-height:60px; position:relative;margin:0 35px;box-sizing: border-box;display: inline-block}
.nav li a {display:block;font-size:18px;box-sizing: border-box;color: #fff}
.nav li a:hover,.nav li.active a{border-bottom: 1px solid #fff}
.nav li .xlnav
{ z-index:2; left:-20px; top:50px;right:auto; position:absolute;display:none;padding: 15px 0 0;
    background-color: #fff;width: 150%;overflow: hidden}
.nav li .xlnav li{margin: 0;height: 40px!important;line-height: 40px!important;width: 100%;text-align: center}
.nav li .xlnav li a
{ font-size:14px;height: 40px!important;color: #333!important;}
.nav li:last-child{margin-right: 0}
.line{width: 100%;height: 110px;overflow: hidden}
.nav li .xlnav li:hover{background-color: #ed2628}
.nav li .xlnav li:hover a{color: #fff!important;}

/*banner图片切换样式*/
.bannerA
{ width:100%; height:653px; position:relative;overflow:hidden;}
.banner
{ width:100%; height:653px; overflow:hidden;}
.banner  ul
{ width:9999px; position:absolute; left:0px; top:0px;}
.banner ul li
{ overflow:hidden; float:left; height: 653px}
.banner .pic_pre,.banner .pic_next
{ width:60px; height:90px; background:url(../img/banner_arrows.png); position:absolute; top:40%; z-index:99; cursor:pointer;}
.banner .pic_pre
{ background-position:0px 180px; left:5px;}
.banner .pic_next
{ background-position:0px 90px; right:5px;}
.banner .pic_pre:hover
{ background-position:0px 0px; left:5px;}
.banner .pic_next:hover
{ background-position:0px 270px; right:5px;}
.banner_btn
{ width:100%; height:16px; text-align:center; position:absolute; bottom:20px;}
.banner_btn ol
{  height:16px; margin:0 auto;}
.banner_btn ol li
{ width:12px; height:12px; float:left; margin:0 5px; cursor:pointer;border: 1px solid #fff;border-radius: 100%}
.banner_btn ol .Btn_ys
{ width:12px; height:12px; background:#fff; float:left; margin:0 5px; cursor:pointer;}


.oneA{overflow: hidden;background-color: #ee7800;text-align: center;color: #fff;padding: 30px 0}
.oneA h3{font-size: 36px;font-weight: normal}
.oneA p{font-size: 18px;margin-top: 20px;letter-spacing:8px}

.title{text-align: center;overflow: hidden;color: #595757;margin-top: 50px}
.title h3{font-size: 34px;font-weight: normal;letter-spacing: 6px}
.title p{font-size: 22px}
.title i{display: inline-block;width: 39px;height: 3px;background-color: #f7ab00;margin: 10px 0}

.oneB{overflow: hidden;margin-top: 50px}
.oneB ul li{width: 410px;height: 398px;overflow: hidden;float: left;margin: 0 13px 13px 0;}
.oneB ul li a{display: inline-block;width: 100%;height: 100%}
.oneB ul li dd{width: 100%;height: 398px;overflow: hidden;position: relative}
.oneB ul li img{height: 398px;width: 100%}
.oneB ul li:nth-child(3n){margin-right: 0}
.oneB ul li:last-child{width: 833px;margin-right: 0}
.oneB ul li dd:after{content:'';width: 100%;height: 100%;background:rgba(238,120,0,0.5);position: absolute;top: 0;left: 0;
    border-radius: 8px;opacity: 0}
.oneB ul li:hover dd:after{opacity: 1}

.more{text-align: center;overflow: hidden;margin-top: 50px}
.more a{display: inline-block;width: 187px;line-height: 47px;border-radius: 5px;border: 1px solid #000;font-size: 18px}
.more a:hover{background-color: #ee7800;color: #fff;border: 1px solid #ee7800}


.oneC{height: 310px;background: url("../img/onec.jpg") no-repeat center;margin-top: 50px;overflow: hidden;
    text-align: center;color: #fff}
.oneC h3{font-size: 36px;font-weight: normal;margin-top: 60px}
.oneC i{display: inline-block;width: 39px;height: 3px;background-color: #fff;margin: 20px 0}
.oneC p{font-size: 18px;line-height: 2}

.oneD{overflow: hidden;margin-top: 50px;}
.oneDl{width: 662px;height: 432px;overflow: hidden}
.oneDr{width: 540px;}
.oneDr h3{font-size: 24px;font-weight: normal;margin: 10px 0}
.oneDr dl{color: #666;line-height: 30px;font-size: 16px}

.oneE{overflow: hidden;margin: 45px auto;position: relative}
.oneE ul li{float: left;width: 303px;height: 216px;overflow: hidden;margin-right: 15px}
.oneE ul li img{max-width: 100%}
.oneE .prev{position: absolute;left: 0;top: 80px}
.oneE .next{position: absolute;right: 0;top: 80px}

.footer { width:100%; background:#5b5b5b; overflow:hidden;}
.foot{padding: 50px 0 40px;overflow: hidden;color: #fff;}
.foot1 h3{font-weight: normal}
.foot1 dl{line-height: 2;margin: 15px 0 30px;overflow: hidden}
.foot2{text-align: center;}
.foot2 img{width: 110px;height: 110px;border: 3px solid #fff}
.foot2 p{margin: 10px 0 35px}
.foot2 a{color: #fff}

/*========================================= 作品 =====================================*/
.zuopin{overflow: hidden;margin-top: 50px}
.zuopin ul li{width: 400px;float: left;text-align: center;margin: 0 28px 40px 0;}
.zuopin ul li dd{width: 400px;height: 398px;overflow: hidden;position: relative}
.zuopin ul li dd:after{content:'';width: 100%;height: 100%;background:rgba(238,120,0,0.5);position: absolute;top: 0;left: 0;
    border-radius: 8px;opacity: 0}
.zuopin ul li dd img{height: 398px;width: 100%}
.zuopin ul li dt{font-size: 18px;color: #666;margin-top: 20px}
.zuopin ul li:nth-child(3n){margin-right: 0}
.zuopin ul li:hover dd:after{opacity: 1}

/*========================================= 工作照 =====================================*/
.gongzuo{overflow: hidden;margin-top: 50px}
.gongzuo ul li{width: 400px;float: left;text-align: center;margin: 0 28px 28px 0}
.gongzuo ul li dd{width: 400px;height: 285px;overflow: hidden}
.gongzuo ul li dd img{height: 285px;width: 100%;transition: all 0.5s;}
.gongzuo ul li dt{font-size: 18px;color: #666;margin-top: 20px}
.gongzuo ul li:nth-child(3n){margin-right: 0}
.gongzuo ul li:hover dd img{transition: all 0.5s;transform:rotateY(180deg);}

/*========================================= 关于 =====================================*/
.aboutA{background-color: #f3f3f3;overflow: hidden;margin-top: 50px}
.aboutAl{width: 800px;float: left;overflow: hidden}
.aboutAr{width: 455px;padding: 85px 0 0 110px;box-sizing: border-box}
.aboutAr h3{font-size: 24px;color: #ee7800;font-weight: normal}
.aboutAr dl{line-height: 2;color: #595757;margin-top: 40px}
.aboutB{line-height: 2;color: #595757;margin: 40px 0 60px;font-size: 18px}

/*========================================= 联系 =====================================*/
.contactA{border-bottom: 1px solid #e5e5e5;margin: 50px 0;padding-bottom: 40px;font-size: 16px;color: #666;line-height: 2}
#map{height: 440px;margin-bottom: 60px}

/*========================================= 新闻动态 =====================================*/
.new{overflow: hidden;margin-top: 40px;}
.newl {width: 250px;}
.newl .nav_tit {  background-color: #f8f8f8;  padding: 15px 0;  }
.newl .nav_tit i {  float: left;  width: 30px;  height: 30px;  background-color: #ee7800;  margin-right: 5px;  }
.newl .nav_tit h2 {  font-size: 30px;  font-weight: bold;  height: 35px;  line-height: 30px;  color: #ee7800;  }
.newl .nav_tit span {  font-size: 16px;  font-weight: bold;  color: #bcbcbc;  text-transform: uppercase;  padding-left: 5px;  }
.newl dl {  margin-bottom: 20px;  border-bottom: 1px solid #e8e8e8;  }
.newl dl dt {  height: 45px;  line-height: 45px;  margin-bottom: -2px;  background-color: #ee7800;  background-image: url(../img/ico1.png);
    background-repeat: no-repeat;  background-position: 230px center;  position: relative;
}
.newl dl dt i, .newl dl dd i {  display: block;  width: 16px;  height: 8px;  background-color: #fff;  position: absolute;
    left: 7px;  top: 50%;  margin-top: -4px;
}
.newl dl dt a {  color: #fff;  font-size: 18px;  display: block;  width: 185px;  height: 45px;  line-height: 45px;
    white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  padding-left: 30px;
}
.newl dl .cur i, .newl dl dt:hover i, .newl dl dd:hover i {
    transform: scale(1, 0.2);
}
.side-bar #wjdh-side-hot{background-color: #f8f8f8}
.side-bar #wjdh-side-hot .tempWrap {  margin: auto;  }
.side-bar dl ul li{padding-top: 10px;border-bottom: 1px solid #e9e9e9}
.side-bar dl ul li .img {  width: 210px;  height: 170px;  padding: 4px;  margin: 0 auto;  background-color: #e9e9e9; overflow: hidden }
.side-bar dl ul li .img img{max-width: 100%}
.side-bar dl ul li .title-a {  display: block;  width: 90%;  height: 30px;  line-height: 30px;  margin: 0 auto;
    white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  text-align: center;
}
.side-bar #wjdh-side-hot .hot-btn {  text-align: center;  padding: 10px;  }
.side-bar #wjdh-side-hot span.prev, .side-bar #wjdh-side-hot span.next {  display: inline-block;  _display: inline;  zoom: 1;
    width: 35px;  height: 20px;  margin: 0 5px;  cursor: pointer;
}
.side-bar #wjdh-side-hot span.prev {  background: url(../img/sidebar_left.png);  }
.side-bar #wjdh-side-hot span.next {  background: url(../img/sidebar_right.png);  }
.side-contact{background-color: #ee7800;color: #fff;line-height: 2;padding: 20px;box-sizing: border-box}
.side-contact h3{font-size: 18px}

.side-contact .side-contact-phone {  background-color: #00A650;  font-size: 16px;  color: #fff;  background-image: url(../img/phone.png);
    background-position: 20px center;  background-repeat: no-repeat;  padding: 10px 10px 10px 55px;
}
.side-contact .side-contact-phone p {  font-size: 24px;  font-weight: bold;  }
.side-contact .side-contact-adress {  padding: 10px 20px;  background-color: #353537;  background-image: url(../img/adress.png);
    background-position: 20px 10px;  background-repeat: no-repeat;  text-indent: 25px;  color: #cecece;  line-height: 22px;
}

.newr{width: 960px;overflow: hidden}
.newsrr ul{overflow: hidden}
.newsrr ul li{width:100%;height:130px;border-bottom: 1px solid #f4f4f4;padding: 10px;box-sizing: border-box}
.newsrr ul li dl{width: 210px;height: 110px;overflow: hidden;float: left}
.newsrr ul li dl img{max-width: 100%}
.newsrr ul li dd{width: 700px;float: right}
.newsrr ul li p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px}
.newsrr ul li span{margin: 10px 0;color: #747474;display: inline-block}
.newsrr ul li .more {  float: right;  width: 100px;  height: 22px;  line-height: 22px;  border: 1px solid #333;text-align: center;margin-top: 0}
.newsrr ul li:hover{background-color: #F8F8F8;transition: all 0.5s ease;}
.newsrr ul li:hover .more{background-color: #ee7800;color: #fff;border-color: #ee7800}

/*=======================================新闻详情页============================================*/
.content{ padding:30px 0px;overflow: hidden;}
.cont{padding: 3%;box-sizing: border-box}
.cont_top{text-align: center;overflow: hidden}
.cont_top h1{font-size: 28px;font-weight: bold;margin-bottom: 20px}
.cont_top span{color: #999}
.share{width: 100%;background-color: #f8f8f8;overflow: hidden;padding: 3px 0;text-align: center;border: 1px solid #e9e9e9;box-sizing: border-box;
    margin-top: 20px}
.share a{display: inline-block!important;;float: inherit!important;}
.con{line-height: 2;margin: 30px 0;overflow: hidden;border-bottom: 1px solid #e5e5e5;padding-bottom: 30px}
.con img{max-width: 100%}
.con iframe{width: 100%!important;height: 500px!important;}