@charset "utf-8";


/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {color:#000;text-decoration:none;}
a:hover {color:#cf2b1d;}
a:active {color:#cf2b1d;}
.hidden{ display:none}
i{ font-style:normal}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#000;}  

/*index*/
.head{ float: left; width: 100%; border-top: 2px solid #cf2b1d; position:fixed; _position: absolute; z-index: 100; top:0; _top:expression(eval((document.body.scrollTop||document.documentElement.scrollTop)+((self.innerHeight||document.documentElement.clientHeight)/2)-40)); left: 0; background: #fff; border-bottom: 1px solid #eee;}
.logo{ float: left; margin: 13px 0 0 28px; display: inline;}
.menu{float: right;}
.menu li{ float: left; width: 146px; height: 77px; border-right: 1px solid #e5e5e5; text-align: center;position: relative; }
.menu li a{ display: block; font-size: 15px;transition: all 0.1s ease 0s; height: 77px;color: #000; font-weight:bold}
.menu li a span{display: inline-block; line-height: 37px; margin: 20px 0 0;}
.menu li.hover{ z-index: 2;}
.menu li.hover a,.menu li.on a,.menu li a:hover{ background: #cf2b1d; color: #fff;font-size: 17px;}
.menu li.hover a span,.menu li.on a span,.menu li a:hover span{ border-bottom: 2px solid #fff;}
.navbox{ position: absolute; left: 0; top: 77px; width: 150px;background: #fff; display: none;}
.menu li li{ float: none; height: 50px; border-right: medium none; border-top: 1px solid #e5e5e5;  }
.menu li li.notop{ border-top: medium none;}
.menu li li a{font-size: 14px; height: 50px;color: #626262; line-height: 50px;}
.menu li.hover li a,.menu li.on li a{background: transparent; color: #000; font-size: 14px;}
.menu li.hover li a:hover,.menu li.on li a:hover,.menu li li a:hover{background: transparent; color: #ff0000; font-size: 14px;text-decoration: none;}
.languagebox{ float: right; width: 150px;position: relative;}
.language{ padding: 0 0 0 19px; line-height: 77px;  font-size: 15px; font-family: arial; position: relative;}
.language img{ vertical-align: middle; margin-right: 15px;}
.sanjiao{width: 0;height: 0;border-left: 5px solid transparent;border-right:5px solid transparent;border-top: 8px solid #de2910;  display: inline-block;transition: all 0.3s ease 0s; position: absolute; right: 19px; top: 35px;}
.sanjiao_hover{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);border-top: medium none\9; border-bottom: 8px solid #de2910\9;}
.lan_xiala{ position: absolute; left: 0; top: 77px; width: 150px; background: #fff; display: none;}
.lan_xiala li{ line-height: 77px; font-size: 15px; font-family: arial;}
.lan_xiala li img{vertical-align: middle; margin-right: 15px;}
.lan_xiala li a{ display: block;padding: 0 0 0 19px;}
.lan_xiala li a:hover{ color: #cf2b1d; text-decoration: none;}
.foot{float:left; width: 100%; position:fixed; _position: absolute; z-index: 100; bottom:0; _top:expression(eval((document.body.scrollTop||document.documentElement.scrollTop)+((self.innerHeight||document.documentElement.clientHeight)/2)-40)); left: 0; background: #fff; height: 44px; border-top: 1px solid #eee;}
.footnav{ float: left; font-size: 13px; line-height: 44px;}
.footnav i{ margin: 0 32px; }
.footnav a:hover{ color: #cf2b1d; text-decoration: none;}
.copy{ float: right; font-size: 13px; line-height: 44px;}
/*index end*/

/*关于中虹*/
#fullPage-nav { _display: none; font-size: 12px;  width: 100px; height: 153px;}
#fullPage-nav ul{ margin: 17px 0 0;}
#fullPage-nav li { width: 100px; height: 21px;  margin: 9px 0 0; vertical-align: middle; }
#fullPage-nav li a { float: right; width: 12px; height: 12px; color: #cf2b1d; text-decoration: none; text-align: right; background:#eee; }
#fullPage-nav li .active { background:#cf2b1d;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right:6px; font: 12px "Microsoft Yahei"; color: #cf2b1d; line-height: 16px; }
.section { position: relative; overflow: hidden;}
#zhnav {position:fixed; _position: absolute; z-index: 100; top:145px; _top:expression(eval((document.body.scrollTop||document.documentElement.scrollTop)+((self.innerHeight||document.documentElement.clientHeight)/2)-40)); left: 50%; width: 125px; margin-left: -600px;}
#zhnav li { font-size: 14px; border-bottom: 1px solid #dcdcdc; line-height: 18px; padding:13px 0; position: relative;}
#zhnav li.zhnavtle{font-size: 18px; color: #cf2b1d; font-weight: bold;font-family:"\5FAE\8F6F\96C5\9ED1";}
#zhnav a { font-size: 14px; color: #000; display: block;}
#zhnav .active,#zhnav li.hover{ border-bottom: 1px solid #cf2b1d;}
#zhnav .active a,#zhnav li.hover a{ color: #cf2b1d; background: url(ico1.gif) no-repeat right center;}
#zhnav ul{display: none; }
#zhnav .active li a,#zhnav li.hover li a{color: #000; background: no-repeat;}
#zhnav li li.hover a{color: #cf2b1d; background: url(ico1.gif) no-repeat right center;}
#zhnav li li.hover li a{color: #666; background: no-repeat;}
.mainbox1{ position: absolute; width: 100%;  left: 0; top: 130px; }
.about{height: 372px; }
.aboutcon{font-size: 14px; line-height: 24px; margin: 0 auto; width: 1000px; padding: 0 0 0 200px; color: #000;}
.aboutcon img{ max-width: 100%;}
.titlebox{ margin: 0 auto; width: 1200px;}
.title1{ float: right; width: 1000px; font-size: 22px; color: #cf2b1d; font-weight: bold; line-height: 44px;}
.titlebox .title1{ padding: 0 0 10px;}
.mainbox{position: absolute; width: 1200px; left: 50%; top: 130px; margin-left: -600px;}
.main_pos{ float: right; width:1000px;}
.title2{  font-size: 22px; color: #cf2b1d; font-weight: bold; line-height: 44px;}
.culture{font-size: 14px; line-height: 22px; color: #000; }
.newslist{ float: left; width: 998px; border: 1px solid #dcdcdc; margin: 10px 0 0;}
.newslist li{ float: left; width:958px; background: #dcdcdc; line-height: 40px; padding: 0 20px; font-size: 14px;}
.newslist li span{ float: right;}
.newslist li a{color: #999;}
.newslist li.hover a,.newslist li a:hover{ color: #cf2b1d;}
.newslist li.newsbg1{background: #fff;}
.joinlist{ float: left; width: 100%;}
.joinlist li{ float: left; width: 100%; border-bottom: 1px solid #dcdcdc; line-height: 40px; font-size: 14px; color: #999;}
.joinname{ float: left; width: 432px;}
.joinadd{ float: left; width: 462px;}
.jointime{ float: right;}
.joinlist li.hover{ color: #cf2b1d;}
.contactleft{ float: left; width:493px; margin:15px 0 0;}
.contactbox{ float: left; width: 467px; border: 1px solid #dcdcdc; height: 114px; padding: 0 12px; margin: 0 0 10px;transition: all 0.2s ease 0s; }
.title3{font-size: 16px; line-height: 24px; margin: 10px 0 0; color: #666;}
.contactcon{font-size: 14px; color: #999; line-height: 24px; margin: 3px 0 0;}
.contactbox_hover{ background: #cf2b1d; border: 1px solid #cf2b1d;}
.contactbox_hover .title3{ color: #fff;}
.contactbox_hover .contactcon{ color: #fff;}
.contactright{ float: right; width: 493px; margin: 15px 0 0;}
.map{float: left; width: 100%; margin: 0 0 36px;}
.map1{ display: none;}
.map img{ display: block; width:493px;vertical-align: bottom; height: 216px;}
/*关于中虹*/

/*精品工程*/
.project_slidebox{ width: 1044px; height: 368px; position: relative;}
.project_slide{  width: 1044px; height: 368px;   position: relative; overflow: hidden;}
.project_slide dl{float: left; width: 1000px;padding: 34px 0 34px 44px;}
.project_slide dt{float: right; width: 388px;}
.project_slide dt img{ display: block; width: 388px; height: 300px;}
.project_slide dd{ float: left; width: 612px;}
.project_slide li{ float: left; width: 187px; margin: 0 17px 10px 0; position: relative;}
.picbox{ display: block;}
.picbox img{display: block; width: 187px; height: 145px; vertical-align: bottom;}
.showpic{ position: absolute; left: 0; top: 0; width: 187px; height: 145px; display: none;}
.showpic img{ display: block; width: 100%; height: 100%; vertical-align: bottom;}
.showpic span{ position: absolute; left: 0; bottom: 0; width: 100%; height: 42px; color: #fff; background: url(touming.png); color: #fff; text-align: center; font-size: 14px; line-height: 42px;}
.project_slide li.hover{ z-index: 2;}
.project_slide li.hover .showpic{ display: block;}
.projectbtn{ position: absolute; left:0 ; bottom: -12px; width: 100%; text-align: center;}
.leftbtn{ display: inline-block; width: 0; height: 0;border-top: 6px solid transparent; border-right: 13px solid #cf2b1d; border-bottom: 6px solid transparent; margin: 0 25px;}
.rightbtn{display: inline-block; width: 0; height: 0;border-top: 6px solid transparent; border-left: 13px solid #cf2b1d; border-bottom: 6px solid transparent;margin: 0 25px;}
.walldl{ float: left; width: 100%; margin: 20px 0 0;}
.walldl dt{ float: left; width:495px;}
.walldl dt img{ display: block; width: 495px; height: 358px; vertical-align: bottom;}
.walldl dd{ float: right; width: 493px; color: #999; line-height: 24px; font-size: 14px; margin: 107px 0 0;}
.decorated{ float: left; width: 100%; margin: 20px 0 0;}
.decorated dt{ float: left; width: 240px;}
.decorated dt img{ display: block; width: 240px; height: 358px; vertical-align: bottom;}
.decorated dd{ float: right; width:726px; border: 1px solid #eee; padding: 83px 16px 0; height: 273px;}
.civildl{ float: left; width: 100%; margin: 20px 0 0;}
.civildl dt{ float: right;}
.civildl dt img{ width: 495px; height: 362px; display: block; vertical-align: bottom;}
.civildl dd{ float: left; width: 496px; color: #999; line-height: 24px; font-size: 14px; }
/*精品工程 end*/

/*中虹技术*/
.tecbox{ margin: 20px 0 0; color: #000; line-height: 24px; font-size: 14px;}
.development{ float: left; width: 100%; margin: 20px 0 0;}
.development dt{ float: left; width: 238px;}
.development dt img{ display: block; width: 238px; height: 357px;}
.development dd{float: right; width: 746px;}
.after_sales dt img{ height: 286px;}
/*中虹技术 end*/

/*业务领域*/
.area{text-align: center;}
.area img{ width: 558px; height: 409px;}
.partnerlist{ float: left; width: 100%; margin: 30px 0 0;}
.partnerlist li{ float: left; width: 131px; margin: 0 0 0 35px; display: inline;}
.partnerlist li img{ display: block; width: 131px; height: 75px; vertical-align: bottom;}
/*业务领域 end*/

/*精品工程1*/
.projectlist{ float: left; width: 100%;}
.projectlist li{ float: left; width: 450px; margin:0 50px 20px 0;}
.projectlist li dt{ float: left; width: 160px;}
.projectlist li dt img{ display: block; width: 160px; height: 123px; vertical-align: bottom;}
.projectlist li dd{ float: right; width: 266px;}
.title4{ font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; font-weight: bold; margin: 5px 0;}
.title4 a{ color: #cf2b1d;}
.detail4{ line-height: 22px; height: 44px; overflow: hidden;}
.more{ display: block;background: #cf2b1d; width: 120px; line-height: 32px; color: #fff; text-align: center; margin: 13px 0 0;transition: all 0.3s ease 0s;}
.more:hover{ color: #fff; background: #de4235;}
/*精品工程1 end*/

/*精品工程2*/
.site{ font-size: 14px; background: url(home.gif) no-repeat 0 center; padding: 0 0 0 0px; border-bottom: 1px solid #cf2b1d; line-height: 40px;}
.site i{ margin: 0 5px;}
.projectlist1{float: left; width: 1035px;}
.projectlist1 li{ float: left; width:310px; margin: 30px 35px 0 0;}
.projectlist1 li img{ display: block; width: 310px; height: 240px; vertical-align: bottom;}
.projecttxt{ float: left; width: 100%;}
.projecttxt span{float: left; background: #cf2b1d; width: 50px; text-align: center; line-height: 30px; color: #fff; font-size: 14px;}
.projecttxt a{float: left; width: 308px; text-align: center; line-height: 30px; height: 29px; overflow: hidden; font-size: 14px; border-right: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
/*精品工程2 end*/

/*精品工程3*/
.projectpic{ float: left; width: 450px; margin: 30px 0 0;}
.projectpic img{ display: block; width: 450px; height: 348px; vertical-align: bottom;}
.project_right{ float: right; width: 485px; margin: 30px 0 0;}
.title5{color: #cf2b1d; font-size: 20px; line-height: 30px; font-weight: bold; margin: 20px 0 0;}
.project_intro{ line-height: 24px; font-size: 14px; margin: 10px 0 0;}
.title6{ float: left; width: 100%; border-bottom: 1px solid #cf2b1d; margin: 30px 0 0;}
.title6 span{ float: left; padding: 0 30px; background: #cf2b1d; line-height: 40px; font-size: 14px; color: #fff;}
.project_detail{float: left; width: 100%; line-height: 24px; font-size: 14px; margin: 20px 0 0;}
.project_detail img{ max-width: 100%;}
/*精品工程3 end*/

/*share*/
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}
.wrap{margin:0 auto; width:1200px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/
.danye{ padding-top:150px; width:800px; margin:0 auto; line-height:28px; font-size:14px;}
.danye img{ max-width:800px;}


.page{ float:left; width:100%; text-align:center; padding:30px 0; padding-bottom:90px;}
.page a{ display:inline-block; line-height:30px; padding:0 10px; border:1px solid #e0e0e0; border-radius:3px;  margin:0 3px; font-size:14px;}
.page a.current,.page a:hover{ color:#fff; border:1px solid #cf2b1d; background:#cf2b1d;}