@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ width:100%;margin:0 auto; padding:0; font-size:12px; background:#fff;font-family: "微软雅黑"; overflow-x: hidden;}
img{ border:0px;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a{ text-decoration:none; }
li{ list-style:none;}
a,li,dl{cursor: pointer;}
input,select,area,textarea{outline: 0; -moz-outline: 0; vertical-align: middle;font-family: "微软雅黑";}
table{border-collapse:collapse;}
.m_2{ margin-bottom:2px}
.m_5{ margin-bottom:5px}
.m_8{ margin-bottom:8px}
.m_10{ margin-bottom:10px}
.m_18{ margin-bottom:18px}
.m_20{ margin-bottom:20px}
.m_r20{ margin-right:20px}
.m_r15{ margin-right:15px}
.m_30{ margin-bottom:30px}
.m_35{ margin-bottom:35px}
.m_40{ margin-bottom:40px}
.m_15{ margin-bottom:15px}
.m_50{ margin-bottom:50px}
.m_t10{ margin-top:10px}
.m_t15{ margin-top:15px}
.m_t20{ margin-top:20px}
.m_t30{ margin-top:30px}
.m_t40{ margin-top:40px}
.m_r17{ margin-right:17px}
.p_t35{ padding-top:35px}
.p_t30{ padding-top:40px}
.p_t40{ padding-top:40px}
.p_t20{ padding-top:20px}
.p_t17{ padding-top:17px}
.wrap{ width: 1200px; margin: 0 auto;}
@media screen and (max-width: 1279px) and (min-width:1025px) {/* 小屏幕的尺寸 */
.wrap{ width: 1024px; margin: 0 auto;}
}
@media screen and (max-width: 1024px) and (min-width:0px) {/* pad */
.wrap{ width:auto; padding-left:2%; padding-right:2%;}
}
samp{font-family: "微软雅黑";}
h1,h2,h3,h4,h5,h6,em,i{ font-weight: normal;font-style: normal;}
.font{font-size:0;line-height:0;}
.blank{width: 100%; height: 50px; overflow: hidden; clear: both; display: block;}
.blank100{width: 100%; height:101px; overflow: hidden; clear: both; display: block;}
.div{width: 100%; overflow: hidden;}
.ul{width: 110%;}
.pr{position: relative;}
.ov{overflow: hidden;}
.ani,a,img{transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.durtion a{transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
div:hover,li:hover,tr:hover,a:hover{ -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.dh_wrap{width:1200px; margin:0 auto;}
.head{position:fixed; top:0px; left:0px; width: 100%; z-index: 999;background: rgba(0,0,0,0.5);}
.logo{width:1200px; margin: 0 auto; padding:10px 0;}
/*菜单提示menu*/
.menu{ font-size:20px; line-height:58px; color: #ffffff;}
.mig{font-size: 0; margin-top: 15px;}
.dh{position: absolute; top: 0;left:0;width:100%; background: #FFFFFF; border-bottom: 1px solid #eeeeee; z-index:10; }
.dh_img{display: block; font-size: 0; margin-top:10px;}
.mli{float: left;height: 80px; line-height: 80px; margin-right:45px; font-size: 15px; position: relative;}
.mli a{display: block; color: #545761; }
.mch{display: block; width: 100%;}
.men{position: absolute; top: 0; left: 0; width:0; height:77px; line-height:77px; overflow: hidden; background: #FFFFFF;opacity:0; }
.men span{display: inline-block;border-top: 2px solid #F4CE1B; color:#F4CE1B;}
.mli:hover .men{ width:100%; opacity: 1;}
.mli.hover .men{ width:100%; opacity: 1;}
@media screen and (max-width: 1280px) and (min-width:1025px) {/* 小屏幕的尺寸 */
.mli{float: left;height: 80px; line-height: 80px; margin-right:25px; font-size: 15px; position: relative;}
.logo{ width: 1024px; margin: 0 auto; padding:5px 0;}
.dh_wrap{ width: 1024px; margin: 0 auto;}
.mli{float: left;height:70px; line-height: 70px; margin-right:35px; font-size: 15px; position: relative;}
.dh_img{display: block; font-size: 0; margin-top:5px;}
.dh_close{font-size: 0; margin-top: 20px;}
}
@media screen and (max-width: 1024px) and (min-width:0px) {/* pad */
.logo{ width:96%; padding-left:2%; padding-right:2%;}
.dh_wrap{ width:96%; padding-left:2%; padding-right:2%;}
}
.header-m {width: 100%;height: 70px;background: #fff; z-index:99999;display: none; }
.header-m .logo_m {height: 100%;display: block;float: left;margin-left: 2.7%; margin-top:8px; }
.header-m .nav-click {width: 60px;height: 100%;float: right;background: url(../images/nav_click.png) center no-repeat;margin-right: 2.7%;background-size: 100%;  }
.header-m .nav-click.on {background: url(../images/nav_click_h.png) center no-repeat;background-size: 38px; }
.header-m .search-click {width: 38px;height: 100%;float: right;background: url(../images/search_h.png) center no-repeat;margin-right: 4%;background-size: 100%; }
.header-m .mnav {width: 100%;height: 100%;position: absolute;top: 70px;left: 0;background: rgba(0, 0, 0, 0.5);z-index: 100;display: none; }
.header-m .mnav .mnav-new {width:45%;height: 100%;background: #f9f9f9;float: right;position: relative; }
.header-m .mnav .mnav-new ul {width: 100%;height: auto; }
.header-m .mnav .mnav-new ul li {width: 100%;height: 85px;border-bottom: 1px solid #dedede;font-size: 24px;line-height: 85px; }
.header-m .mnav .mnav-new ul li a {width: 80%;height: 100%;display: block;color: #222;padding-left: 20%; }
.header-m .mnav .mnav-new ul li:last-child {border-bottom: none; }
.header-m .mnav .mnav-new .language {width: 100%;height: auto;text-align: center;font-size: 0;position: absolute;bottom: 130px;left: 0; }
.header-m .mnav .mnav-new .language a {width: 70px;height: auto;display: inline-block;margin: 0 15px;font-size: 16px;line-height: 20px;color: #222;text-align: center; }
@media (max-width: 1024px) {
.head{ display:none;}
.header-m {display: block; }
}
@media (max-width: 768px) {
.header-m {height: 60px; }
.header-m .logo_m {width: 291px; }
.header-m .mnav {top:60px; }
}
@media (max-width: 650px) {
.header-m .mnav .mnav-new {width: 200px; }
.header-m .mnav .mnav-new ul li {height: 60px;font-size: 18px;line-height: 60px; } }
@media (max-width: 550px) {
.header-m .nav-click {width: 40px; }
.header-m .nav-click.on {background-size: 26px; }
.header-m .search-click {width: 28px; } }
@media (max-width: 440px) {
.header-m .logo_m{width: 240px; }
.header-m .nav-click {width: 35px; }
.header-m .nav-click.on {background-size: 22px; }
.header-m .search-click {width: 23px; }
}
@media (max-width: 420px) {
.header-m .mnav .mnav-new ul li {height: 50px;font-size: 16px;line-height: 50px; }
}
@media (max-width: 320px) {
.header-m .mnav .mnav-new ul li {height: 50px;font-size: 16px;line-height: 50px; }
.header-m .mnav .mnav-new .language a {width: 60px;font-size: 14px;margin: 0 10px; } 
.header-m .nav-click {width:30px; }
.header-m .search-click {width:18px; }
}


/*自定义下拉框*/ 
.mli div{ display: none; position: absolute; left:-15px; background: #ffffff; z-index: 10; width: 100%; text-align: center; line-height:40px; padding:5px 18px; }
.mli div a{ display: block;}
.mli div a:hover{ background:#F4CE1B; color: #ffffff; border-radius: 5px;}
.dh_close{font-size: 0; margin-top: 30px;}
.wid1{width: 80px;}
.wid2{width: 80px;}
.wid3{width: 100px;}
.wid4{width: 85px;}
.wid5{width: 100px;}
.wid6{width: 60px;}
.wid7{width: 60px;}

.foot{background: #33363B; color: #FFFFFF; padding-top:40px;}
.foot_top{ margin-bottom:40px; }
.foot_top .foot_top_left{line-height: 30px; width:70%; float:left;}
.foot_top .foot_top_right{line-height: 30px; float:right;}
.foot_top .foot_top_left h2{ font-size:24px;}
.foot_top .ft_ph{color: #FFFFFF;margin-top: 20px; width:87%;}
.foot .ft_contact{ color:#fff; height:121px;  font-size:14px;margin-top: 20px; width:100%;  }
.foot .ft_contact .contact{ padding-top:15px; padding-bottom:15px; padding-left:85px; line-height:121px; float:left; width:23%;}
.foot .ft_contact .contact1{ background:url(../images/dianhua.png) left center no-repeat;}
.foot .ft_contact .contact2{ background:url(../images/youjian.png) left center no-repeat;}
.foot .ft_contact .contact3{width:28%; background:url(../images/dingwei.png) left center no-repeat; }
.foot_bottom{ border-top:1px solid #4F5154; height:48px; line-height:48px;}
.ft_js a{color: #eee; margin-left:8px; margin-right:8px;}
.ftr_bot{margin-left: 8px;}
.ftr_wx{ margin-left:15px; margin-bottom:10px;}
.wx_code{width: 100px; height: 100px; padding:5px; background: #FFFFFF;}
.wx_wz{text-align: center; line-height: 30px; font-size: 12px; color: #999999;}
.fb_span{line-height: 32px; margin-right: 5px;}
.fb_fx a{display: block; width: 32px; height: 32px; background: url(../images/21.png) no-repeat; margin-right: 8px; float: left;}
.fb_fx span{display: block; width: 100%; height: 100%;}
.fx1{background: url(../images/18.png) no-repeat center center;}
.fx2{background: url(../images/19.png) no-repeat center center;}
.fx3{background: url(../images/20.png) no-repeat center center;}
.fb_fx a:hover{background: url(../images/21h.png) no-repeat;}
.fb_fx a:hover .fx1{background: url(../images/18h.png) no-repeat center center;}
.fb_fx a:hover .fx2{background: url(../images/19h.png) no-repeat center center;}
.fb_fx a:hover .fx3{background: url(../images/20h.png) no-repeat center center;}
.footer{background: #33363B; color: #FFFFFF;height:48px; line-height:48px;}
@media (min-width: 1025px) and (max-width: 1920px) {
.footer1 { display:none;}
.footer_contact { display:none;}
}
@media screen and (max-width: 1280px) and (min-width:1025px) {/* 小屏幕的尺寸 */
.foot .ft_contact .contact{ padding-left:75px; width:25%;}
}
@media screen and (max-width: 1920px) and (min-width:1025px) {
.foot_bottom_m{ display:none}
.footer_bottom_m{ display:none}

}
@media screen and (max-width: 1024px) {
.foot{background: #33363B; color: #FFFFFF; padding-top:20px;}
.foot_top{ margin-bottom:20px; }
.foot_top .foot_top_left{line-height: 30px; width:100%; margin-bottom:20px; float:none;}
.foot_top .foot_top_right{width:80%; margin:0 auto; float:none;}
.foot_top .ft_ph{color: #FFFFFF;margin-top: 10px; width:100%;}
.foot .ft_contact{ display:none}
.foot_bottom{ display:none}
.footer{display:none }
.foot_bottom_m { border-top:1px solid #4F5154; height:56px; line-height:28px; padding:5px 0 3px; text-align:center;}
.ft_js a{color: #eee; margin-left:8px; margin-right:8px;}
.footer1 {height: 28px;width: 100%;margin-top: 20px; z-index:9999;}
.footer_contact {height:50px;width: 100%;background: #EFA918;position: fixed;left: 0;bottom: 0; padding-top:5px;z-index:9999;}
.footer_contact a {display: block;height:48px;float: left;color: #fff;width: 24.7%;border-right: 1px solid #EDC60C;text-align: center;}
.footer_contact a:last-child {border-right: none;}
.footer_contact .ion {font-size:22px; margin-bottom:4px;}
.footer_contact a span {display: block;line-height:32px;}
.footer_contact a p {display: block;font-size:14px;line-height: 13px;}
.footer_bottom_m{background: #33363B; color: #FFFFFF; height:56px; line-height:26px; padding:5px 0 3px; text-align:center;}
}

.page_box { width:1200px; margin:0 auto; text-align:center; padding:67px 0 60px 0}
.page_box .pagination { float:none; width:auto; display:inline-block;}
.page_box .pagination li { float:left; margin:0 4px}
.page_box .pagination a { width:41px; height:38px; line-height:38px; display:block; text-align:center; background:#e2e1e1;color: #5e5e5e;}
.page_box .pagination .active a { background:#ee7600 !important; color:#fff !important;}
.page_box .pagination a:hover {color: #5e5e5e;}

@media screen and (max-width: 1024px) and (min-width:0px) {/* pad */
.page_box { width:100%; margin:0 auto; text-align:center; padding:30px 0}

}
.red-more{ text-align: center;}
.red-more a{ display: inline-block; width: 205px; height:44px; line-height: 44px; border:1px solid #f7bb09; text-transform: uppercase;color: #f7bb09; position: relative; transition: all ease .4s;  -webkit-transition: all ease .4s;  -ms-transition: all ease .4s;  -o-transition: all ease .4s;}
.red-more a:after{ content: "";position: absolute;display: block;top:0;left:0px;width: 100%;height: 100%;background: ##f7bb09;z-index: 0;opacity:0; transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -moz-transform: rotateX(180deg);-ms-transition: rotateX(180deg);-o-transition: rotateX(180deg); transform: rotateX(180deg);-webkit-transform: rotateX(180deg);}
.red-more a span{ position: relative; z-index: 1; }
.red-more a:hover:after{ opacity:1; transform: rotateX(0deg); -webkit-transform:rotateX(0deg);  -ms-transform:rotateX(0deg); -o-transform:rotateX(0deg); }
@media (max-width:1300px) {
.red-more a{ font-size:14px;}
}

.he_ZoomInImg{background:#333;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_img{background:#000;opacity:.9;position:relative;display:block;width:100%;padding:0;margin:0;opacity:.9;background:#000;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_img img{background:#000;opacity:.7;}
.he_ZoomInImg:hover .he_ZoomInImg_img{background:#333;opacity:.7;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.he_ZoomInImg .he_ZoomInImg_caption{color:#FBC201;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_caption,.he_ZoomInImg .he_ZoomInImg_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_caption_h{font-size:48px; color:#FBC201;font-weight: bold; font-family: "微软雅黑";text-align:center;width:90%; margin-top:22%; margin-left:auto; margin-right:auto; -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:.9}
.he_ZoomInImg:hover .he_ZoomInImg_caption_h{color:#FBC201;opacity:1}
@media screen and (max-width: 1280px) and (min-width:1024px) {/* 小屏幕的尺寸 */
.he_ZoomInImg .he_ZoomInImg_caption_h{font-size:38px; margin-top:25%;}
}
@media screen and (max-width: 1024px) and (min-width:768px) {/* 小屏幕的尺寸 */
.he_ZoomInImg .he_ZoomInImg_caption_h{font-size:34px; margin-top:25%;}
}
@media screen and (max-width: 768px) and (min-width:0px) {/* 小屏幕的尺寸 */
.he_ZoomInImg .he_ZoomInImg_caption_h{font-size:24px; margin-top:25%;}
}