@import url("system.css");
@charset "utf-8";
/* CSS Document */

html{overflow-x:hidden}
body{overflow-x:hidden}

/*网站头部开始*/
#header{width:100%; background:url(http://file.hedaweb.com/skin/moju1549/img/header_bg.png) no-repeat; background-size:100% 610px;}
#header .top{width:1100px; height:160px; margin:0 auto; overflow:hidden;}
#header .top .logo{width:740px; height:106px; float:left; padding-top:52px;}
#header .top .logo a{text-decoration:none;}
#header .top .logo .logo_img{ width:97px; height:62px; overflow:hidden; float:left;}
#header .top .logo .logo_img img{width:97px;}
#header .top .logo .logo_text{ width:600px; overflow:hidden; line-height:32px; color:#000; font-size:16px; margin:0 0 0 16px; float:left;}
#header .top .logo .logo_text:first-line{line-height:36px; color:#075E9D; font-size:34px;}


#header .top .text{width:285px; height:120px; float:right; padding-top:17px;}
#header .top .text p{padding:0 10px; height:28px; line-height:28px; background-color:#2c7cad;  filter:alpha(opacity=50); -moz-opacity:0.5;  opacity:0.5; text-align:center; font-size:10px; color:#fff; float:right; border-radius:8px;}
#header .top .text p a{font-size:12px; color:#fff;}
#header .top .phone{width:218px; height:61px; background:url(http://file.hedaweb.com/skin/moju1549/img/phone_bg.png) no-repeat; padding-left:70px; font-size:14px; color:#333; margin-top:28px;}
#header .top .phone span{ font-size:30px; color:#c31618; }

.menu{ height:50px; background-color:#2c7cad;}
.menu ul{width:1100px; margin:0 auto;}
.menu li{ float:left; width:122px; color:#fff; text-align:center; line-height:50px; font-size:16px; position:relative;} 
.menu li a{ color:#fff; width:100%;display:block; text-decoration:none;}
.menu li a:hover, .menu .on{ background-color:#c31618;}

.menu .xiala{width:122px; background-color:#2c7cad;  filter:alpha(opacity=80); -moz-opacity:0.8;  opacity:0.8; display:none; position:absolute; top:50px; left:0; z-index:20;}
.menu .xiala li{line-height:36px; font-size:14px; border-top:1px dashed #72a7c9; overflow:hidden;}
.menu .xiala li a:hover{ background-color:#86b4d1; }
.menu .xiala li:first-child{border-top:none;}
/*网站头部结束*/
#header .bannerBox{width:100%; height:397px; position:relative}
#header .bannerBox .banner{width:2000px; height:100%; position:absolute; top:0; left:50%; margin-left:-1000px;}
#header .bannerBox .banner .hd{position:absolute; width:100%; bottom:20px; z-index:99}
#header .bannerBox .banner .hd ul{display:flex; justify-content:center; width:100%}
#header .bannerBox .banner .hd ul li{width:30px; height:8px; background:rgba(255,255,255,0.5); cursor:pointer; box-shadow:3px 3px 3px rgba(-0,0,0,0.2)}
#header .bannerBox .banner .hd ul li.on{background:rgba(255,255,255,1);}
#header .bannerBox .banner .hd ul li img{display:none}

/*首页*/
.index .title{width:1100px; height:26px; line-height:26px; padding-bottom:18px; border-bottom:1px solid #dcdcdc; margin:0 auto;}
.index .title .title1{height:26px; float:left;}
.index .title .title1 .ttitleC{width:118px; height:26px; line-height:26px; border-bottom:2px solid #c31618; padding-bottom:17px; font-size:26px; color:#c31618; text-align:center; float:left;}
.index .title .title1 .ttitleE{width:118px; height:26px; line-height:34px;  font-size:20px; color:#999; float:left; text-transform:uppercase; padding-left:10px;}
.index .title .title2{float:left;}
.index .title .title2 .ttitleC{width:138px; height:26px; line-height:26px; border-bottom:2px solid #c31618; padding-bottom:17px; font-size:26px; color:#fff; text-align:center; float:left;}
.index .title .title2 .ttitleE{width:118px; height:26px; line-height:34px;  font-size:20px; color:#fff; float:left; text-transform:uppercase; padding-left:10px;}
.index .title .more{float:right; font-size:12px; color:#999; line-height:36px;}
.index .title .more2{float:right; font-size:12px; color:#fff; line-height:36px;}
.index .title .more:hover{color:#d60000}


.index{width:1140px; margin:0 auto; background:#f5f5f5; overflow:hidden;}
.index .product{width:100%; padding:50px 0px; overflow:hidden; }
.index .product .content{width:1100px; margin:0 auto; padding-top:30px; position:relative;}
.index .product .content .letfPro{width:580px; float:left; position:relative}
.index .product .content .next, .index .product .content .prev{width:28px; height:114px; margin-top:100px;background:url(http://file.hedaweb.com/skin/moju1549/img/but_pro.png) no-repeat; position:absolute; z-index:99; top:0}
.index .product .content .next{ left:0;}
.index .product .content .prev{ background-position:-28px 0; right:0;}
.index .product .content .next:hover, .index .product .content .prev:hover{ background:url(http://file.hedaweb.com/skin/moju1549/img/but_pro1.png) no-repeat;}
.index .product .content .prev:hover{ background-position:-28px 0;}
.index .product .content .ul{width:504px; overflow:hidden; margin:0 auto;}
.index .product .content .ul ul{width:100%;}
.index .product .content .ul ul li{width:232px !important; height:310px; padding:15px; background-color:#fff; float:left; box-sizing:border-box; margin:0 10px}
.index .product .content .ul ul li a{ text-decoration:none;}
.index .product .content .ul ul li .pimg{width:100%; height:150px; overflow:hidden;}
.index .product .content .ul ul li .pimg img{width:100%; height:100%;}
.index .product .content .ul ul li .src{width:94px; height:94px; background:url(http://file.hedaweb.com/skin/moju1549/img/pro_detail.png) no-repeat; z-index:999; position:absolute; margin-top:-118px; margin-left:54px; display:none;}
.index .product .content .ul ul li .tit{width:100%; height:40px; line-height:40px; border-bottom:1px dashed #d2d2d2; font-size:16px; color:#d60000;}
.index .product .content .ul ul li .context{width:100%; height:36px; line-height:18px; font-size:12px; color:#666; margin-top:10px; margin-bottom:16px;}
.index .product .content .ul ul li .but{width:70px; height:24px; background-color:#000; line-height:24px; text-align:center; font-size:12px; color:#fff; font-family:"宋体","Microsoft Yahei",Arial,Helvetica,sans-serif;}
.index .product .content .ul ul li:hover .but{background-color:#d60000;}
.index .product .content .ul ul li:hover .context{color:#d60000;}
.index .product .content .rightIntro{width:470px; float:right}
.index .product .content .rightIntro .titl{width:100%; height:46px; background:url(img/tb.png) no-repeat; text-align:center; margin-bottom:40px}
.index .product .content .rightIntro .titl .titC{font-size:24px; color:#111; margin-bottom:2px;}
.index .product .content .rightIntro .titl .titE{font-size:12px; color:#999; text-transform:uppercase}
.index .product .content .rightIntro .text{font-size:16px; color:#666; line-height:1.7em}
.index .product .content .rightIntro .text p{margin-bottom:15px; overflow:hidden;}
.index .product .content .rightIntro .text p span{color:#222; margin-right:12px; float:left;}
.index .product .content .rightIntro .text p em{font-style:normal; float:left; width:440px;}

.index .news{width:100%; padding:50px 0px; background-color:#2c7cad; overflow:hidden; }
.index .news .content{width:1100px; height:323px; margin:0 auto; padding-top:34px;}
.index .news .content .left{width:436px; height:323px; float:left;}
.index .news .content .left .newsImg{width:436px; height:323px; position:relative;}}
.bigUl{width:436px; height:258px;}
.bigUl li { position:absolute;}
.numberUl {width:56px; height:30px; background-color:#000; filter:alpha(opacity=80); -moz-opacity:0.8;  opacity:0.8; padding-left:380px;  position:absolute; bottom:82px; z-index:400;}
.numberUl li{width:10px; height:10px;  float:left; background:#fff; margin-right:5px; border-radius:10px; margin-top:10px;}
.numberUl li a{ display:block ;width:10px; height:10px; color:#fff; font-size:12px; text-align:center; line-height:13px;}
.textUl li{ position:absolute; bottom:0px; display:none;}
.textUl li a{ font-size:18px; font-family:"Microsoft Yahei"; color:#000; font-weight:bold;}
.numberUl li.night a{ background:#c31618; color:black;  border-radius:10px;}
.index .news .content .left .newsImg .textUl li{width:436px; height:70px; color:#fff; margin-top:16px;}
.index .news .content .left .newsImg .textUl li .tit{width:436px; height:16px; line-height:16px; font-size:16px;}
.index .news .content .left .newsImg .textUl li .tit span{width:100px; height:16px; line-height:16px; display:block; float:right; text-align:right; font-size:14px;}
.index .news .content .left .newsImg .textUl li p{font-size:12px; color:#dcdcdc; font-family:"宋体","Microsoft Yahei",Arial,Helvetica,sans-serif; margin-top:10px; line-height:18px;}

.index .news .content .right{width:614px; height:323px; float:right;}
.index .news .content .right ul li{width:570px; height:78px; padding:13px 22px; margin-bottom:5px;}
.index .news .content .right ul li:hover,.index .news .content .right ul li.on{ background-color:#c31618;}
.index .news .content .right ul li .num{width:76px; height:62px; float:left; padding:8px 14px 8px 0px; border-right:1px solid #fff;}
.index .news .content .right ul li .text{width:460px; height:62px; float:right; color:#fff; padding:7px 0px;}
.index .news .content .right ul li .text .tit{width:460px; height:16px; line-height:16px; font-size:16px;}
.index .news .content .right ul li .text .tit span{width:100px; height:16px; line-height:16px; display:block; float:right; text-align:right; font-size:14px;}
.index .news .content .right ul li .text p{font-size:12px; color:#fff; font-family:"宋体","Microsoft Yahei",Arial,Helvetica,sans-serif; margin-top:13px; line-height:18px;}

.index .device{width:100%; padding:50px 0px 5px 0px; overflow:hidden; }
.index .device .content{width:1100px; margin:0 auto; padding-top:30px;}
.index .device .content .ul{width:1100px;}
.index .device .content .ul ul{width:1166px;}
.index .device .content .ul ul li{width:253px; margin:0px 30px 47px 0px; float:left; position:relative; overflow:hidden;}
.index .device .content .ul ul li .pimg{width:100%; height:190px;}
.index .device .content .ul ul li .zhezhao{width:100%; height:100%; background:url(http://file.hedaweb.com/skin/moju1549/img/zhezhao_bg.png); position:absolute;left:0;top:250px;}
.index .device .content .ul ul li .zhezhao .tit{width:220px; margin:0 auto; height:54px; line-height:54px; text-align:center; border-bottom:1px solid #fff; margin-top:12px; font-size:16px; color:#fff;}
.index .device .content .ul ul li .zhezhao .but{width:70px; height:70px; margin:0 auto; margin-top:24px; border-radius:70px;  background-color:#d60000; line-height:70px; text-align:center; font-size:12px; color:#fff; text-transform:uppercase;}

.index .about{width:100%; padding:50px 0px; background-color:#2c7cad; overflow:hidden; }
.index .about .content{width:1100px; height:213px; margin:0 auto; padding-top:30px;}
.index .about .content .left{width:714px; height:213px; float:left; font-size:14px; color:#fff; line-height:24px;} 
.index .about .content .left a{color:#d60000;}
.index .about .content .right{width:356px; height:213px; float:right; background:url(http://file.hedaweb.com/skin/moju1549/img/aboutbg.jpg) no-repeat; background-size:100% 100%; position:relative;}
.index .about .content .right .playBtn{width:56px; height:56px; position:absolute; top:78px; left:150px;}

.index .contact{width:100%; padding:50px 0px; overflow:hidden; }
.index .contact .content{width:1100px; height:322px; margin:0 auto; padding-top:30px;}
.index .contact .content .left{width:450px; height:322px; float:left;} 
.index .contact .content .left .map{width:450px; height:190px;}
.index .contact .content .left p{font-size:14px; color:#000; line-height:24px; margin-top:15px;}
.index .contact .content .right{width:607px; height:133px; float:right;}
.index .contact .content .right .form{width:620px;}
.index .contact .content .right .form input{width:284px; height:32px; background-color:#fff; border:1px solid #dcdcdc; padding-left:10px; line-height:34px; float:left; font-size: 14px; color:#999; margin-right:12px; margin-bottom:12px;}
.index .contact .content .right .form textarea{width:591px; height:163px; background-color:#fff; border:1px solid #dcdcdc; padding-left:10px; line-height:34px;  font-size: 14px; color:#999;}
.index .contact .content .right .form .button{width:607px; height:43px; background-color:#c31618; border:1px solid #c31618; line-height:40px; text-align:center; font-size:16px; color:#fff; font-family:"Microsoft Yahei","宋体",Arial,Helvetica,sans-serif; margin-top:10px;}
.index .contact .content .right .form .button:hover{background-color:#f54336; }

.index .youlian {width:1100px; height:30px; line-height:30px; border-bottom:1px dashed #dcdcdc; border-top:1px dashed #dcdcdc; margin:0 auto; font-family:"宋体","Microsoft Yahei",Arial,Helvetica,sans-serif; overflow:hidden; font-size:12px; color:#c31618;}
.index .youlian a{ display:inline-block; font-size:12px; color:#666; margin-right:10px;}

#container{width:1100px; margin:0 auto; padding:20px 0px; overflow:hidden;}
#container #left{width:250px; float:left; padding-right:14px; border-right:1px solid #dcdcdc;}
#container #left .leftMenu{width:250px; margin-bottom:25px;}
#container #left .leftMenu .title{width:230px; height:115px; background:url(http://file.hedaweb.com/skin/moju1549/img/leftMenu_title.png) repeat; padding:45px 0px 0px 20px; font-size:34px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; line-height:36px;}
#container #left .leftMenu .title span{font-size:30px; font-family:"Microsoft Yahei","宋体",Arial,Helvetica,sans-serif;}
#container #left .leftMenu ul{margin-top:30px;}
#container #left .leftMenu ul li a{width:207px; height:49px; line-height:49px; background:url(http://file.hedaweb.com/skin/moju1549/img/leftMenu_co_bg.png) no-repeat 14px 18px; padding-left:43px; font-size:16px; color:#666; display:block; text-decoration:none;}
#container #left .leftMenu ul li a:hover,#container #left .leftMenu ul li a.on{width:207px; height:49px; line-height:49px; background:url(http://file.hedaweb.com/skin/moju1549/img/leftMenu_on_bg.png) no-repeat 14px 18px; padding-left:43px; font-size:16px; color:#000; font-weight:bold;  padding-right:13px; border-right:3px solid #c31618;}
#container #left .leftMenu ul li:hover a,#container #left .leftMenu ul li.on a{color:#000;}
#container #left .contact{width:234px; height:310px; background-color:#c31618; margin-bottom:25px; padding:8px;}
#container #left .contact .pimg{width:234px; height:86px;}
#container #left .contact .cont{width:224px; padding:15px 5px; border-bottom:1px solid #e18b8c; font-size:14px; color:#fff; line-height:24px;}
#container #left .contact .phone{width:234px; padding:7px 0px; font-size:31px; color:#fff; font-style:italic; font-weight:bold;}

#container #right{width:790px; float:right; overflow:hidden;}
#container #right .dangqian{width:790px; height:12px; line-height:12px; font-size:12px; color:#999; margin-bottom:25px;}
#container #right .tit{width:790px; height:30px; border-bottom:1px solid #dcdcdc;}
#container #right .tit_con{width:160px; height:30px; line-height:30px; background-color:#fff; font-size:30px; color:#333; margin-top:-17px;}

/*关于我们*/
#container #right .about{width:749px; padding:50px 40px 20px 0px; border-right:1px solid #dcdcdc; margin-top:-14px; line-height:2em; }
#container #right .about p{font-size:14px; color:#666;margin-bottom:10px;}

/*产品展示*/
#container #right .product{width:749px; padding:60px 40px 20px 0px; border-right:1px solid #dcdcdc; margin-top:-14px; overflow:hidden;}
#container #right .product ul{width:786px;}
#container #right .product ul li{width:237px; height:178px; margin:0px 25px 25px 0px; float:left; position:relative; overflow:hidden;}
#container #right .product ul li .pimg{width:237px; height:178px;}
#container #right .product ul li .zhezhao{width:237px; height:178px; background:url(http://file.hedaweb.com/skin/moju1549/img/zhezhao_bg.png); position:absolute;left:0;top:178px;}
#container #right .product ul li .zhezhao .tit{width:200px; margin:0 auto; height:54px; line-height:54px; text-align:center; border-bottom:1px solid #fff; margin-top:20px; font-size:16px; color:#fff;}
#container #right .product ul li .zhezhao .but{width:60px; height:60px; margin:0 auto; margin-top:15px; border-radius:60px;  background-color:#d60000; line-height:60px; text-align:center; font-size:12px; color:#fff; text-transform:uppercase;}

/*产品展示内容页*/
#container #right .product_cont{width:749px; padding:60px 40px 20px 0px; border-right:1px solid #dcdcdc; margin-top:-14px; overflow:hidden;}
#container #right .product_cont h1{width:749px; line-height:30px; font-size:22px; color:#c31618; text-align:center; margin-bottom:20px;}
#container #right .product_cont h2{width:749px; height:30px; line-height:30px; font-size:12px; color:#888; text-align:center; margin-bottom:20px; border-bottom:1px dashed #dcdcdc; border-top:1px dashed #dcdcdc; font-family:"宋体","Microsoft Yahei",Arial,Helvetica,sans-serif;}
#container #right .product_cont .content{ padding-top:10px;}
#container #right .product_cont .content p{ font-size:14px; color:#666; line-height:2em; margin-bottom:10px;}

/*企业动态*/
#container #right .news{width:749px; padding:60px 40px 20px 0px; border-right:1px solid #dcdcdc; margin-top:-14px; overflow:hidden;}
#container #right .news ul li{width:749px; height:90px; padding:20px 0px; border-bottom:1px dashed #dcdcdc;}
#container #right .news ul li a{ text-decoration:none;}
#container #right .news ul li img{width:134px; height:89px; float:left; margin-right:25px;}
#container #right .news ul li .text{height:90px;}
#container #right .news ul li .text .tit1{ height:16px; line-height:16px; font-size:16px; color:#333; margin-bottom:20px;}
#container #right .news ul li .text .tit1 span{color:#c31618;}
#container #right .news ul li .text .int{line-height:20px; font-size:12px; color:#666; font-family:"宋体","Microsoft Yahei",Arial,Helvetica,sans-serif;  margin-bottom:11px;}  
#container #right .news ul li .text .date{width:100px; height:12px; line-height:12px; font-size:12px; color:#c31618; float:left; }
#container #right .news ul li .text .more{width:100px; height:12px; line-height:12px; font-size:12px; color:#c31618; float:right; text-align:right;}
#container #right .news ul li:hover .tit1,#container #right .news ul li:hover .int,#container #right .news ul li:hover .date,#container #right .news ul li:hover .more{color:#c31618}

/*招聘岗位*/
.zhaopin{width:750px}
.zhaopin th{height:50px; font-size:14px; color:#333; background:#eee; padding:0 10px}
.zhaopin td{height:40px; font-size:14px; color:#666; background:#fff; padding:0 10px; border-bottom:1px solid #eee; text-align:center}
.zhaopin td a{color:#c31618; margin-right:10px;}
 
/*表单提交页模板*/
#container #right .message{width:749px; padding:60px 40px 20px 0px; border-right:1px solid #dcdcdc; margin-top:-14px; overflow:hidden;}

/*网站尾部*/
#footer{width:100%; background-color:#000; padding:25px 0px;}
#footer .bottom{width:1100px; margin:0 auto; overflow:hidden; padding-bottom:20px;}
#footer .bottom .nav{width:360px; float:left; display:none}
#footer .bottom .nav ul li{width:75px; float:left; margin-right:45px;}
#footer .bottom .nav ul li .tit{font-size:16px; color:#fff; margin-bottom:10px; font-weight:bold;}
#footer .bottom .nav ul li p{font-size:12px; color:#fff; line-height:22px; font-family:"宋体","Microsoft Yahei",Arial,Helvetica,sans-serif; }
#footer .bottom .erweima{width:90px; height:90px; float:left; padding-left:40px;}
#footer .bottom .copyright{width:560px; height:90px; margin:0 auto; text-align:center; font-size:12px; color:#999; line-height:26px;}

	.newsImg1 { position: relative; width: 436px; height:320px; overflow:hidden;}
	.newsImg1 .pic img { float:left; width: 436px; height: 294px;}
	.newsImg1 .pic li{}	
	.newsImg1 .pic li .txt{ position:absolute; left:0; top:294px; background-color:#dedede; color:#333; font-weight:bold; width:436px; line-height:26px; text-align:center; height:26px;}
	.newsImg1 .num{  width: 436px; position:absolute; height:19px; z-index:10; right:0; bottom:26px; background:url(http://file.hedaweb.com/javascript/mf-pattern/img/mF_classicHC/btn-bg.png) no-repeat right bottom;}	
	.newsImg1 .num ul{ float:right;}
	.newsImg1 .num ul li{ float: left; position: relative; width: 26px; height: 16px; overflow: hidden; text-align: center; background:url(http://file.hedaweb.com/javascript/mf-pattern/img/mF_classicHC/btn-red.gif) no-repeat right 22px; cursor: pointer; padding-top:3px;}
	.newsImg1 .num li a{color: white; display:block; width:100%; border-left:1px #ccc solid; line-height: 16px; text-decoration: none; color:#fff;}
	.newsImg1 .num li.on{ background-position:left top }

/*幻灯片通用设置*/
.hd ul li { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0 5px; overflow: hidden; text-indent: -999px; }
/*首页幻灯片*/
.mobile_hdp { max-width: 640px; position: relative; overflow: hidden; margin: 0 auto; }
.mobile_hdp ul, .mobile_hdp ul li { margin: 0; padding: 0; list-style: none; }
.mobile_hdp .hd { width: 100%; height: 11px; position: absolute; bottom: 10px; left: 0; text-align: center; }
.mobile_hdp .hd ul li { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0 5px; overflow: hidden; text-indent: -999px; }
.mobile_hdp .bd li { text-align: center; }
.mobile_hdp .bd li img { display: block; width: 100%; max-height: 320px; height:auto }

.proCont{font-size:14px; color:#666; line-height:1.8em}
.newNone{width:100%; text-align:center; font-size:16px; line-height:2em}
.newNone a{color:#c31618; text-decoration:underline}


.classMenu{height:40px; overflow:hidden; padding-bottom:30px}
.classMenu a{width:120px; height:40px; background:#2c7cad; text-align:center; line-height:40px; border-radius:4px; font-size:16px; color:#fff; margin-right:15px; display:inline-block; text-decoration:none}
.classMenu a.on,#container #right .product .classMenu a:hover{background:#c31618}