﻿/* ====首页====== */
body{ background-color:#fff;}
/** header **/
.header{ position:relative; z-index:10; border-top:5px solid #e60012; background-color:#f7f7f7;}
.loarea{ height:80px; position:relative; z-index:3;}
.logo{ width:220px; display:block; padding-top:17px;}
.logo .logoimg{ height:52px;}

/*PC导航 begin*/
.nav{ position:relative;  z-index:5; float:right; width:850px;}
.navul{ font-size:0; text-align:right;}
.navul li{ display:inline-block; font-size:14px; border-right:1px solid #ebebeb; position:relative; }
.navul li>a{ padding:22px 24px 0; text-align:center; display:inline-block; height:58px; position:relative;}
.navul li>a .span1{ display:block; font-size:14px;}
.navul li>a .span2{ display:block; text-transform:uppercase; font-size:12px; color:#999; }
.navul li>a .line{ width:100%; display:block; position:absolute; left:0; top:0; height:0px;  background-color:#e60012; z-index:-1;-webkit-transition:all .2s ease-out 0s; -moz-transition:all .2s ease-out 0s; -ms-transition:all .2s ease-out 0s; -o-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}
.navul li:hover a .line{  height:100%;}
.navul li:hover a .span1{ color:#fff;}
.navul li:hover a .span2{ color:#fff;}
/*.line{ height:3px;  background-color:#19c758; position:absolute; left:150px; top:88px; }*/
.act_nav{background: url(/hyseo/img/act_nav.png) center bottom no-repeat !important;}
/*PC导航end*/
.subnav{ position:absolute; left:0; top:80px;background:#fff; width:auto; display:none;}
.subnav .nr{ }
.subnav .nr a{height:30px;  line-height:30px; font-size:14px; display:block; width:80px; padding:4px 24px; color:#fff !important; text-align:center; border-bottom:1px solid #444444; background-color:#333333;}
.subnav .nr a:hover{ color:#fff !important; text-indent:2px; background-color:#000;}
.subnav .subnavimg{ width:288px; height:155px; float:right; display:block;}
.subnav_r{ left:auto; right:0;}


/*手机导航按钮及下拉菜单begin*/
.menubtn{ position:absolute; width:24px; height:24px;top:19px; right:10px; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#d60c1a; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}
/*小导航*/
.inav{ background:url(/hyseo/img/black8.png) repeat; position:absolute; left:0; top:60px; width:100%; display:none; z-index:9; }
.inav{ display:none;}
.inav dl{ padding:0 10px; text-align:left;}
.inav dt{ font-size:14px; color:#fff; height:40px; line-height:40px; border-bottom:1px solid #812b43; padding-left:8px; position:relative;}
.inavbtn{ position:absolute; right:0px; top:14px; width:14px; height:14px; background:url(/hyseo/img/jia3.png) center center no-repeat; -webkit-transform-origin:center center; -moz-transform-origin:center center; -ms-transform-origin:center center; -o-transform-origin:center center; transform-origin:center center;-webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.inav dd{ display:none; padding-left:2em; border-bottom:1px solid #812b43; padding-bottom:6px;}
.inav a{ color:#fff;}
.inav a:hover{ color:#ccc;}
.inav dd h6{ font-size:14px; font-weight:normal; line-height:2;}
.inav dd h6 a{ display:block;}
.inav dd p{ font-size:12px; text-indent:1em; line-height:1.8;}
.act_inav{ font-weight:bold;}
.act_inav .inavbtn{ -webkit-transform:rotate(135deg) !important; -moz-transform:rotate(135deg) !important; -ms-transform:rotate(135deg) !important; -o-transform:rotate(135deg) !important;transform:rotate(135deg) !important;}
/*手机导航按钮及下拉菜单end*/
/*banner begin*/
.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; height:auto; display:block;-webkit-transition:all 20s ease-out 0s; -moz-transition:all 20s ease-out 0s; -ms-transition:all 20s ease-out 0s; -o-transition:all 20s ease-out 0s; transition:all 20s ease-out 0s;}
/*.banner .swiper-slide-active .banimg{-webkit-animation: zoomin_out 20s infinite ease-in-out;-moz-animation: zoomin_out 20s infinite ease-in-out;-ms-animation: zoomin_out 20s infinite ease-in-out;-o-animation: zoomin_out 20s infinite ease-in-out;}*/

@-webkit-keyframes zoomin_out{
0%{-webkit-transform:scale(1);}
50%{-webkit-transform:scale(1.1);}
100%{-webkit-transform:scale(1);}
}
@-moz-keyframes zoomin_out{
0%{-moz-transform:scale(1);}
50%{-moz-transform:scale(1.1);}
100%{-moz-transform:scale(1);}
}
@keyframes zoomin_out{
0%{transform:scale(1);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}

.banner .swiper-pagination{ bottom:16px !important;}
.banner .swiper-pagination-bullet{width:14px;height:14px;padding:0;background-color:#fff;font-size: 0;line-height: 0;outline:none;cursor: pointer; -webkit-border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%; -o-border-radius:50%; border-radius:50%;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 8px !important; vertical-align:middle;}

.banner .swiper-pagination-bullet-active{background-color:#e60012; border:1px solid #e60012;}
.banner .swiper-button-prev{ left:2%;}
.banner .swiper-button-next{ right:2%;}
.banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;width:33px;  height:60px; top:50%; margin-top:-30px; -webkit-background-size:80%; -moz-background-size:80%;-ms-background-size:80%; -o-background-size:80%; background-size:80%; display:none;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
/*banner end*/
.h_media{ margin-top:30px;}
.h_tit{ font-size:20px;}
.h_tit span{ font-size:12px; margin-left:8px; color:#999; text-transform:uppercase;}

.hmarea{ margin-top:10px; overflow:hidden;}
.hmslide{ width:34.8%; float:left; }
.hmslide{position:relative; -webkit-box-shadow:0 0 4px 0 #ccc; -moz-box-shadow:0 0 4px 0 #ccc; -ms-box-shadow:0 0 4px 0 #ccc; -o-box-shadow:0 0 4px 0 #ccc; box-shadow:0 0 4px 0 #ccc;}
.hmslide .bd ul, .hmslide .bd li{ }
.hmslide .bd li{background-position: center center; background-repeat: no-repeat; position:relative;}
.hmslide .bd li img{ width:100%; display:block;}
.hmslide .meet{ background:url(/hyseo/img/black6.png) repeat;position:absolute; left:0px; bottom:0px; width:100%; }
.hmslide .meet p{   white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color:#fff; padding:8px 14px 24px 10px;}
.hmslide .hd{position:absolute; z-index:1; right:10px;bottom:10px;  text-align:right;}
.hmslide .hd ul{display:inline-block; *display:inline; zoom:1; font-size:0; }
.hmslide .hd li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin: 0 0px 0 10px; background:#fff;overflow:hidden; vertical-align:top; text-align:center;   }
.hmslide .hd .on{ background-color:#d60c1a;}

.hmtab{ width:34.8%; float:left; margin-left:1.2%;}
.hmtab .hm_tit{ background:url(/hyseo/img/black2.png) left bottom repeat-x;}
.hmtab .hm_tit span{ font-size:16px; margin-right:36px; display:inline-block; border-bottom:3px solid transparent; padding-bottom:5px; position:relative; cursor:pointer;}
.act_hm{ border-color:#d60c1a !important; color:#d60c1a !important;}
.act_hm::after{content:""; display:block; border-width:6px; border-style:solid; border-color:#d60c1a transparent transparent transparent; position:absolute; left:50%; bottom:-14px; margin-left:-3px;}
.hn_con{}
.hmbox{ display:none;}
.hnul{ padding:14px 6px 0; font-size:14px;}
.hnul li{ font-size:14px; padding:6px 0 6px 14px; position:relative;}
.hnul li a{ color:#555; font-family:"宋体"; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hnul .circle{ display:inline-block; border-width:5px; border-style:solid; border-color:transparent transparent transparent #999999 ; height:0; position:absolute; left:0;  margin-top:4px;}
.hnul li a:Hover{ color:#d60c1a;}
.hnul li a:Hover .circle{}
.hnul li .time{  color:#999; font-size:12px;}

.h_enter{ width:28%; float:right; background-color:#f9f9f9;}
.h_enter .tp{ display:block; font-size:0;}
.h_enter .tp img{ width:100%;}
.h_enter .tp:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.h_enter .des{ padding:15px 20px 20px;}
.h_enter .des .nr{ font-size:14px; color:#555; line-height:1.8; height:75px; overflow:hidden;}
.h_enter .des .morediv{ text-align:center; margin-top:14px;}
.morea{ display:inline-block; padding:6px 24px; font-size:16px; color:#fff; background-color:#d60c1a;}
.morea:hover{ background-color:#c00512;}

.mhmediaul{ margin:10px -2% 0; display:none;}
.mhmediaul li{ width:21%; padding:0 2%; margin-bottom:2%; float:left; background:url(/hyseo/img/black3.png) right center repeat-y;}
.mhmediaul a{ display:block;}
.mhmediaul .tp{ font-size:0; overflow:hidden; display:block; }
.mhmediaul .tp img{ width:100%; border:0px solid #ddd;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s; }
.mhmediaul a:hover .tp img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2); }
.mhmediaul .des{ padding:10px 0 0;}
.mhmediaul .des h4{ font-size:16px; margin-bottom:6px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mhmediaul a:hover .des h4{color:#00a1e9;}

.h_pro{ margin-top:20px;}
.hp_tit{ background:#f9f9f9; font-size:0; margin-top:12px;}
.hp_tit span{ font-size:16px; margin-right:100px; display:inline-block; border-bottom:3px solid transparent; padding:8px 0; position:relative; cursor:pointer;}
.act_hp{ border-color:#d60c1a !important; color:#d60c1a !important;}
.act_hp::after{content:""; display:block; border-width:6px; border-style:solid; border-color:#d60c1a transparent transparent transparent; position:absolute; left:50%; bottom:-14px; margin-left:-3px;}
.hp_con{margin-top:30px;}
.hpbox{ display:none; overflow:hidden;}
.hpul{ margin:0px -1.5% 0;}
.hpul li{ width:22%; padding:0 1.5%; margin-bottom:1.5%; float:left;}
.hpul a{ display:block;}
.hpul .tp{ font-size:0; overflow:hidden; display:block; border:1px solid #e2e2e2;}
.hpul .tp img{ width:100%; -webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s; }
.hpul a:hover .tp img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2); }
.hpul .des{ padding:10px 0 0;}
.hpul .des h4{ text-align:center; font-size:16px; color:#666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hpul a:hover .des h4{color:#d60c1a;}
.hpul a:hover .tp{ border-color:#d60c1a;}

.qlink{overflow:hidden; margin-top:14px;}
.qlinkul{}
.qlinkul li{float:left;  width:33.33%;}
.qlinkul a{display:block;}
.qlinkul .tparea{ position:relative; font-size:0;}
.qlinkul .tp{width:100%;}
.qlinkul .shade{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(/hyseo/img/black5.png) repeat;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.qlinkul .shade .box{ text-align:center; color:#fff; font-size:24px; padding:0 5%; top:50%; transform:translateY(-50%); position:absolute; width:90%; left:0; }
.qlinkul .shade .tit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px;}
.qlinkul .shade p{ font-weight:bold; border:1px solid #ffffff; border-width:1px 0; padding:8px 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qlinkul a:hover .shade{filter:alpha(opacity=100); -moz-opacity:; -khtml-opacity:; opacity:1;}

.footer{ background-color:#333;padding: 15px 0;text-align: center;line-height: 24px;font-family: Verdana;color: #999; font-size:12px;}
.copy{ font-family:"宋体";}

.mfooter{background:#333333; z-index:99; width:100%; position:fixed; left:0; bottom:0; display:none;}
.mfooterul{ padding:8px 0px;}
.mfooterul li{width:25%; float:left; text-align:center;}
.mfooterul li a{ display:block; font-size:12px; color:#fff; line-height:1.3;}
.mfooterul li a:hover{ color:#fafafa;}
.mfooterul li img{ height:20px;}
.mfooterheight{ height:62px; display:none;}
/*产品服务*/
.i_banner{ font-size:0;}
.i_banner img{ width:100%; display:block;}

.location{margin-top:16px;}
.location .locationarea{ font-size:12px; color:#999999; line-height:24px; padding:5px 10px;  background-color:#f3f3f3;}
.location .home{ margin-right:8px; padding-left:24px; background:url(/hyseo/img/map_icon.png) left center no-repeat;}
.location .home .iconfont{ vertical-align:top; font-size:18px !important;}
.location span{ margin-right:4px;}
.location a{ display:inline-block; color:#999999;}
.location .cutoff{ margin:0 6px; font-style:normal;}
.location a:hover{ color:#333;}

.i_main{ padding:30px 0; min-height:400px;}
.i_l{ width:220px; float:left;}
.lm{ position:relative; margin-bottom:22px;}
.lm_tit{ background-color:#d60c1a;  padding:10px 14px;}
.lm_tit .icon{ float:left; width:44px; padding-top:2px;}
.lm_tit .des{ color:#fff; padding-left:48px;}
.lm_tit .des h4{ font-size:22px; font-weight:bold; line-height:1.2;}
.lm_tit .des p{ font-size:12px; text-transform:uppercase;}

.lmul{}
.lmul li{border-bottom:2px dotted #cccccc;}
.lmul li a{ padding-left:64px;  display:block; height:50px; line-height:50px; font-size:14px; color:#333;-webkit-transition:all 0s ease-out 0s; -moz-transition:all 0s ease-out 0s; -ms-transition:all 0s ease-out 0s; -o-transition:all 0s ease-out 0s; transition:all 0s ease-out 0s;}
.lmul li a:hover{color:#d60c1a;background:url(/hyseo/img/lm_icon01.png) 36px center no-repeat;}
.act_lm{color:#d60c1a !important; background:url(/hyseo/img/lm_icon01.png) 36px center no-repeat;}

.sidetuiul{}
.sidetuiul li{ font-size:14px; position:relative;border-bottom:2px dotted #cccccc;}
.sidetuiul li a{ color:#555; font-family:"宋体"; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:12px 0 12px 22px; background:url(/hyseo/img/lm_icon02.png) 12px center no-repeat;}
.sidetuiul li a:Hover{ color:#d60c1a;}
.sidetuiul li a:Hover .circle{}
.sidetuiul li .time{  color:#999; font-size:12px;}

.sidelink{}
.sidelink a{ margin-top:18px; display:block;}
.sidelink a h4{ font-size:18px; margin-bottom:8px; color:#333333;}
.sidelink a img{ width:100%; display:block;}

.i_r{ padding-left:250px; }
.i_con{ min-height:500px;}
.i_tit{ border-bottom:1px solid #ddd;}
.i_tit .mc{ display:inline-block; font-size:20px; color:#d60c1a; padding:0 4px; border-bottom:2px solid #d60c1a; padding-bottom:6px;}
.i_tit .more{ float:right; font-size:12px; color:#999; margin-top:12px;}
.i_tit .more:hover{ color:#333;}

.pro{}
.prolist{ margin-bottom:20px; overflow:hidden;}
.prolistul{ margin:18px -2% 0;}
.prolistul li{ width:29.33%; padding:0 2%; float:left;}
.prolistul a{ display:block;}
.prolistul .tpdiv{ border:1px solid #e2e2e2; padding:12px;}
.prolistul .tp{ font-size:0; overflow:hidden; display:block;}
.prolistul .tp img{ width:100%; -webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s; }
.prolistul a:hover .tp img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2); }
.prolistul .des{ padding:10px 0 0;}
.prolistul .des h4{ text-align:center; font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.prolistul a:hover .des h4{color:#d60c1a;}
.prolistul a:hover .tp{ border-color:#d60c1a;}
/*联系虹阳*/
.contact{ padding:30px 0 0px; }
.contact{ overflow:hidden;}
.contact .des{}
.contact .des .tit{ font-size:20px; margin-bottom:18px;}
.contact .des .wz{ font-size:15px; color:#454545; line-height:2.2; padding:8px 0;}
.contact .des .wz .icon{ vertical-align:middle; margin-right:10px;}
.map{ margin-top:38px; border:1px solid #ddd; font-size:0;}
/*走进虹阳*/
.entercom{margin-top:30px;}
.entercom .wz{ line-height:1.8;color:#555; text-indent:2em; font-size:14px;}
.entercom .tp{display:block; margin:0px 14px 14px 0px; float:left;}
/*详情页面*/
.location2 .locationarea{padding: 5px 0px; background:none !important; text-align:right;}
.in_sh{ padding:0px 0 20px;}
.in_sh .in_tit{  text-align:center;  position:relative; background:url(/hyseo/img/in_sh_titbg.png) center 15px no-repeat;}
.in_sh .in_tit h4{ font-size:24px; color:#333; margin-bottom:6px;padding-bottom:14px; margin-bottom:10px;}
.in_sh .in_tit .pub_del{  margin:0 auto; font-size:12px; overflow:hidden; text-align:center; color:#666;}
.in_sh .in_tit .pub_del span{ display:inline-block; margin:0 20px; }
.in_sh .in_tit .pub_del span .icon{ vertical-align:middle; margin-right:6px;}
.in_sh .sh_con{ padding:20px 0px 20px; border-bottom:1px solid #e5e5e5;  }
.in_sh .sh_con .wz{ line-height:2em; text-indent:2em;}
.in_sh .sh_con .tp{ display:block; margin:30px auto;}
.in_sh .sxy1{ line-height:2.2em; padding:20px 0 0px 0px;}
.in_sh .sxy1 p{white-space:nowrap; color:#666; overflow:hidden; text-overflow:ellipsis;}
.in_sh .sxy1 p a{ color:#666;}
.in_sh .sxy1 a:hover{ color:#d60c1a;}
/*荣誉资质*/
.turnpage{ margin:0 auto; text-align:center; font-size:0;}
.turnpage a,.turnpage span{ display:inline-block; padding:4px 10px; font-size:12px;margin:0 5px; color:#333; border:1px solid #dddddd;}
.turnpage a:hover{ color:#fff; background-color:#d60c1a; border-color:#d60c1a;}
.current{ color:#fff !important; background-color:#d60c1a !important;border-color:#d60c1a !important;}

.hon{ padding-top:36px;}
.honul li{float:left;  width:33.33%; margin-bottom:36px;}
.honul a{display:block;}
.honul .tparea{ position:relative; font-size:0;}
.honul .tp{width:100%;}
.honul .shade{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(/hyseo/img/black5.png) repeat;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.honul .shade .box{ text-align:center; color:#fff; font-size:24px; padding:0 5%; top:50%; transform:translateY(-50%); position:absolute; width:90%; left:0; }
.honul .shade p{  border:1px solid #ffffff; border-width:1px 0; padding:8px 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.honul a:hover .shade{filter:alpha(opacity=100); -moz-opacity:; -khtml-opacity:; opacity:1;}
/*招商代理*/
.agent{margin-top:30px;}
.agent .wz{ line-height:1.8;color:#555; text-indent:2em; font-size:14px;}
.agent .tp{display:block; margin:24px auto;}
/*在线申请*/
.mess{ padding:34px 0 10px;  max-width:100%;}
.mess .tp{ width:296px; margin:0 auto; max-width:100%;}
.mess .tp img{ width:100%;}
.mess_part{ margin-top:30px;}
.messtab{width:600px; max-width:100%; margin:0 auto 0px; overflow:hidden;font-size:14px;}
.messtab td{ padding:8px 8px ; vertical-align:top;}
.messtab td.mc{ width:60px; font-size:14px; color:#333; text-align:right; padding-right:10px; line-height:28px;}
.messtab td.nr{}
.messtab  label{height:28px;  line-height:28px; color:#333;}
.messtab  label .star{ color:#f00; margin-right:6px; vertical-align:middle;}
.messtab  .text{ width:100%; height:30px; border:1px solid #c0c0c0; display:block; padding-left:8px;  padding-left:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.messtab  textarea{width:100%; height:90px; border:1px solid #c0c0c0; display:block; float:left; padding:8px;  padding-left:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.messtab .tj{ padding-top:20px; margin-bottom:8px !important;}
.messtab .tj input{ padding:0 40px; height:38px; text-align:center; font-size:16px; color:#fff; background-color:#d60c1a;  cursor:pointer; border:none;}
.messtab .tj input:hover{ background-color:#c00512;}
/*工程案例*/
.case{ padding:20px 0 0;}
.caseul{ padding-bottom:30px; margin-right:-4%;}
.caseul li{ padding:16px 0; margin:0 4% 0 0; width:46%; float:left;  overflow:hidden;}
.caseul .tp{ width:222px; float:left;}
.caseul .tp a{ font-size:0;}
.caseul .tp img{ width:100%; height:150px;}
.caseul .tp a:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;  opacity:.8;}
.caseul .des{ padding-left:232px;}
.caseul .des h4{ font-size:18px; margin-bottom:6px; color:#333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.caseul .des h4 a{ color:#333;}
.caseul .des h4 a:hover{ color:#0070b4;}
.caseul .des .nr{ font-size:14px; color:#999; line-height:1.8; height:78px; overflow:hidden;font-family:"微软雅黑";}
.caseul .des .morediv{ margin-top:10px;}
.caseul .des .morediv a{ display:inline-block; font-size:0; overflow:hidden;}
.caseul .des .morediv a .mc{ display:inline-block; padding:0 22px; height:28px;  text-align:center;  background:#d60c1a; color:#fff; font-size:14px; line-height:28px; float:left;}
.caseul .des .morediv a .btn{ display:inline-block; margin-left:1px; width:36px; height:28px; background:#e3e4e3 url(/hyseo/img/sear3.png) center center no-repeat; float:left;}
.caseul .des .morediv a:hover .mc{ background-color:#c00512;}
/*媒体中心*/
.new{ padding:30px 0 0px;}
.newul{ padding-bottom:24px;}
.newul li{ overflow:hidden; padding:8px 0;}
.newul li .tp{ width:150px; font-size:0; float:left; margin:0; overflow:hidden; display:block;}
.newul li .tp img{width:100%; height:90px; float:left;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.newul li .tp:hover img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.newul li .time{ width:100px;  text-align:right; color:#999; float:left;}
.newul li .time h4{ font-size:14px; font-weight:800; line-height:1.2; padding-top:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newul li .time p{ font-size:30px;line-height:1.6;}
.newul li .des{ padding-left:260px; padding-top:16px;}
.newul li .des .tit{ font-size:15px; margin-bottom:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newul li .des .tit a{ color:#333;}
.newul li .des .tit a:hover{ color:#d60c1a;}
.newul li .des .nr{ font-size:12px; color:#666666; line-height:1.8;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }



/*2017-11-09修改*/
/*荣誉资质-相册效果pdelgallery*/
.hon{ padding-top:0px;}
.pswp__caption small{ display:none;}
.pdelgallery{ margin-right:-2%; margin-top:20px;}
.pdelgallery .iterm1{ float:left; display:block; width:29.33%; padding:15px 2% 15px; border-bottom: 1px dashed #e8e8e8;}
.pdelgallery .iterm1 img{ display:block; width:100%; border: 1px solid #D6D6D6;
padding: 2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.pdelgallery .iterm1 figure{ font-size:14px;  padding:6px 0%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; text-align:center; margin-top:6px; color:#666;}
.pdelgallery .iterm1:hover img{ border-color:#d60c1a;}
.pdelgallery .iterm1:hover figure{color:#d60c1a; }

/*详细页面*/
/*工程案例更改*/
.case2{ padding-top:0px;}
.caseul2{ margin-top:10px; overflow:hidden; padding-bottom:50px;}
.caseul2 li{float:left; display:block; width:31.33%; padding:15px 1% 15px; border-bottom: 1px dashed #e8e8e8;}
.caseul2 li a{ display:block;}
.caseul2 li img{display:block; width:100%; border: 1px solid #D6D6D6;
padding: 2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.caseul2 li p{font-size:14px;  padding:6px 0%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; text-align:center; margin-top:6px; color:#666;}
.caseul2 li a:hover img{border-color:#d60c1a;}
.caseul2 li a:hover p{color:#d60c1a;}

/*首页主体部分*/
.h_main{ margin:-40px auto 0; background-color:#fff; border-top:#e60012 5px solid; position:relative; z-index:4; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, .35); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, .35); -ms-box-shadow: 0px 0px 2px rgba(0, 0, 0, .35); -o-box-shadow: 0px 0px 2px rgba(0, 0, 0, .35);box-shadow: 0px 0px 2px rgba(0, 0, 0, .35);}
.hmain{ padding:26px 0 16px;}
.hmainul{ width:98%; margin:0 auto;}
.hmainul li{ width:23.4%; margin:0 0.8% 14px; float:left;}

.hmainul .title {font-size: 18px;font-weight: bold;color: #333;}
.hmainul .title .t_en {font-size: 14px;font-weight: normal;color: #999;border-top: 2px solid #999;margin-top: 3px;text-transform: uppercase;margin-left: 5px;}
.hmainul .iterm{ margin-top:18px; position:relative; padding-bottom:10px;}
.hmainul .iterm .tp{ display:block; font-size:0; overflow:hidden;}
.hmainul .iterm .tp img{ display:block; width:100%;-webkit-transition:all .2s ease-out 0s; -moz-transition:all .2s ease-out 0s; -ms-transition:all .2s ease-out 0s; -o-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}
.hmainul .iterm .mc{ width:100%; position:absolute; left:0; bottom:10px;-webkit-transition:all .2s ease-out 0s; -moz-transition:all .2s ease-out 0s; -ms-transition:all .2s ease-out 0s; -o-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s; background-color:#000;}
.hmainul .iterm .mc a{ display:block; font-size:14px; color:#fff; padding:6px 12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}

.hmainul .iterm:hover .tp img{webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px);}
.hmainul .iterm:hover .mc{ bottom:0; background-color:#d60c1a;}








.hong{ color:#d60c1a;}
.shong{ color:#c00512;}

