@charset "utf-8";
/* CSS Document */
/*{transition:all .5s;}*/
/*banner*/
.banner{ width:100%; height:386px; }

#flashs{ position:relative; height:386px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#ff4200;}
/*特点*/
.td .tdtit{ overflow:hidden; position:relative; z-index:9}
.td .tdtit .bor{ border-left:1px #dfe4eb solid;height: 79px;}
.td .tdtit li{ width:303px; border-right:1px #dfe4eb solid; height:73px; float:left; cursor:pointer; padding-top:27px; padding-left:29px;}
.td .tdtit li span{ width:42px; height:42px; display:block; float:left; margin-right:20px;}
.td .tdtit li h5{ font-size:18px; font-weight:normal; line-height:24px;}
.td .tdtit li p{ font-size:14px;color:#999999}
.td .tdtit li:hover,.td .tdtit .cur{ background:url(tdbg_03.png);color:#ffffff; height:79px; border-right:0px #ffffff solid; margin-right:1px;}
.td .tdtit li:hover p,.td .tdtit .cur p{color:#ffffff}
.td .tdtit .l1 span{ background:url(td1.png)}
.td .tdtit .l1:hover span,.td .tdtit .l1.cur span{background:url(tdhover1.png)}
.td .tdtit .l2 span{ background:url(td2.png)}
.td .tdtit .l2:hover span,.td .tdtit .l2.cur span{background:url(tdhover2.png)}
.td .tdtit .l3 span{ background:url(td3.png)}
.td .tdtit .l3:hover span,.td .tdtit .l3.cur span{background:url(tdhover3.png)}
.td .tdtot{ background:url(tdtotbg_03.png); padding:80px 0px; margin-top:-6px; position:relative; z-index:0}
.td .tdtot img{ display:block;}
/*案例*/
.case{ height:550px; }
.case .casetit{ height: 90px;padding-top: 40px;}
.case .casetit h4{ font-size:26px; text-align:center; font-weight:normal; line-height:36px;}
.case .casetit h4 a{text-decoration:none;color:#0c4da1}
.case .casetit em{ display:block; text-align:center; font-size:18px;color:#0c4da1}
.case .casetot{ overflow:hidden}
.case .casetot .ct_l{ width:318px; float:left}
.case .casetot .ct_l h3 img{float: left;}
.case .casetot .ct_l h3 span{display: block;color: #0c4da1;height: 35px;margin-top: 10px; border-bottom: 1px solid #c6c6c6; width: 213px;line-height: 35px;margin-left: 74px;}
.case .casetot .ct_l ul{display: block;clear: both; }
.case .casetot .ct_l ul li{display: block;padding:10px; }

.case .casetot .ct_r{ width:682px; float:right}
.case .casetot .ct_r img{ display:block; float:left; margin-right:30px;}
.case .casetot .ct_r h5 a{ font-size:20px;color:#0c4da1}
.case .casetot .ct_r p{ font-size:13px; line-height:24px; margin-top:20px; height:144px; overflow:hidden}
.case .casetot .ct_r span{ display:block; width:100px; height:35px; float:left; margin-left:2px; margin-top:45px; }
.case .casetot .ct_r span a{color:#ffffff; display:block;background:#666666; display:block;height:35px; font-size:14px; text-align:center; line-height:35px; text-decoration:none}
.case .casetot .ct_r span a:hover{ background:#0c4da1}
/*公司风采*/
.gsfc{ background:url(gsfc_02.jpg) top center no-repeat; height:570px; position:relative }
.gsfc .gsfc_l{ position:absolute; left:50%; margin-left:-500px; width:470px; float:left}
.gsfc .gsfc_l>a{text-decoration:none;}
.gsfc .gsfc_l .fz{ display:block; margin-top:95px; margin-left:-4px;}
.gsfc .gsfc_l em{ font-size:24px; font-weight:bold;color:#ffffff}
.gsfc .gsfc_l p{ font-size:16px; color:#8e9aad; font-family:Arial; margin-top:20px; margin-bottom:60px;}
.gsfc .gsfc_l p span{ font-size:24px;}
.gsfc .gsfc_l .s1{ font-size:18px; font-weight:bold;color:#ffffff; display:block; margin-top:10px;}
.gsfc .gsfc_l .s2{ font-size:24px;color:#ffffff; display:block; line-height:30px;}
.gsfc .gsfc_l .s3{ display:block;color:#8e9aad; margin-top:20px;}
.gsfc .gsfc_r{ position:absolute; left:50%; margin-left:-30px;  float:left; top:118px;}
.gsfc .gsfc_r ul{ width:1131px; overflow:hidden; height:220px;}
.gsfc .gsfc_r ul li{ width:320px; float:left; margin-right:57px;}
.gsfc .gsfc_r ul li img{ display:block; padding:10px; background:#ffffff}
.gsfc .gsfc_r .a1,.gsfc .gsfc_r .a2{ display:block; width:49px; height:49px; margin-top:43px; margin-right:3px; float:left}
.gsfc .gsfc_r .a1{ background:url(left.png)}
.gsfc .gsfc_r .a1:hover{ background:url(lefthover.png)}
.gsfc .gsfc_r .a2{ background:url(right.png)}
.gsfc .gsfc_r .a2:hover{ background:url(righthover.png)}
/*广告位*/
.ggw{ background:url(ggw_02.jpg) top center no-repeat; height:244px;}
.ggw a{ display:block; width:100%; height:200px; font-size:16px;color:#ffffff; text-decoration:none}
.ggw a span{ display:block; padding-top:150px; padding-left:350px;}
/*公司介绍*/
.gsjs{ background:#ebebeb}
.gsjs .gstit{ padding-top:20px;}
.gsjs .gstit h4{ font-weight:normal; font-size:26px; text-align:center;color:#666666 ; line-height:36px;}
.gsjs .gstit em{ text-align:center; display:block; font-size:18px;color:#0c4da1}
.gsjs .gstot ul{ overflow:hidden; padding-top:40px; padding-bottom:70px;}
.gsjs .gstot li{ background:url(jsbg.jpg); width:299px; height:317px; float:left; margin-left:51px;}
.gsjs .gstot li .imga{ width:275px; height:214px; display:block;margin:0px auto; padding-top:10px;}
.gsjs .gstot li .imga img{ display:block; border-bottom:4px #0c4da1 solid; }
.gsjs .gstot li div{height:86px; padding:0px 20px;}
.gsjs .gstot li div h5{ font-weight:normal; font-size:15px; padding-top:20px; line-height:24px; float:left}
.gsjs .gstot li div h5 img{ display:block}
.gsjs .gstot li div .more{ float:right; margin-top:30px;}
.gsjs .gstot .l1{ margin:0px;}
.gsjs .gstot .l1 .imga span{ display:block; width:275px; height:210px; background:url(shtd.png); position:relative; margin-top:-214px;}
.gsjs .gstot .l2 .imga span{ display:block; width:275px; height:210px; background:url(yftd.png); position:relative; margin-top:-214px;}
.gsjs .gstot .l3 .imga span{ display:block; width:275px; height:210px; background:url(gcqj.png); position:relative; margin-top:-214px;}
/*广告位2*/
.ggw2{ background:url(ggw2.jpg) top center no-repeat; height:200px;}
.ggw2 a{ display:block; width:100%; height:200px;}
/*新闻中心*/
.newscenter{ background:#ebebeb; padding:70px 0px 20px 0px; overflow:hidden}
.newscenter .nc_l{ width:615px; float:left}
.newscenter .nc_l .trdt{ overflow:hidden;}
.newscenter .nc_l  h4{ width:190px; float:left}
.newscenter .nc_l  h4 span{ width:88px; height:36px; text-align:center; line-height:36px;  font-size:14px; background:#0c4da1; display:block}
.newscenter .nc_l  h4 span a{color:#ffffff;}
.newscenter .nc_l  ul{ width:395px; float:right;border-bottom:1px #b5b5b5 dotted}
.newscenter .nc_l  ul li{ padding: 8px 0;}
.newscenter .nc_l  ul li a{ font-weight:normal;font-size:14px;}
.newscenter .nc_l  ul li h5 a{ color:#0c4da1}
.newscenter .nc_l  ul li em{ font-family:Arial;color:#a6a6a6; line-height:24px;}
.newscenter .nc_l  ul li p{ font-size:13px; line-height:24px; height:72px; overflow:hidden; margin-top:10px; margin-bottom:20px;}
.newscenter .nc_l  ul li span{float: right;}
.newscenter .nc_l .hydt{ overflow:hidden; margin-top:50px;}
.newscenter .nc_l .hydt h4 span{ background:#ff7a02}
.newscenter .nc_l .hydt ul li{ border:0px;}
.newscenter .nc_r{ width:300px; float:right;}
.newscenter .nc_r h4{ width:190px; float:left}
.newscenter .nc_r h4 span{ width:178px; height:36px; text-align:center; line-height:36px;  font-size:14px; display:block}
.newscenter .nc_r h4 span a{color:#333;display:block;float:left; background:#fff;width: 86px;}
.newscenter .nc_r h4 span i{color:#dbdbdb;display:block;float:left; background:#fff;width: 86px;}
.newscenter .nc_r h4 span a.cur{ background:#666666;color:#fff;}
.newscenter .nc_r ul li{padding: 10px; padding-left: 30px;background: url(downloads.jpg) no-repeat 0 50%;}
.newscenter .nc_r ul li img{ padding:10px; background:#ffffff; margin:15px 0px;}
.newscenter .nc_r ul li.img{background: none;padding-left: 0;padding-bottom: 0;}

.cbg {background:#fff url(cbg.jpg) no-repeat left top;}
.cbg .left{float: left; width: 224px;}
.cbg .left h2{font-size: 18px;font-weight: bold;color: #fff;padding: 10px 0; text-align: center;}
.cbg .left form{display: block;padding: 5px;}
.cbg .left form #htss-ys{height: 26px;border:1px solid #eeeeee;float: left;width: 168px;}
.cbg .products_list li{display: inline-block;padding: 5px;}
.cbg .products_list li a{font-size: 14px;}
.graybg{background: url(tdtotbg_03.png);padding-top: 20px;}

.home-products{margin-top: 10px;}
.home-products .thumb{margin: 10px;float: left;width: 312px;}
.home-products .thumb img{width: 100%}
.home-products .thumb .title{display: block;height: 35px;line-height: 35px;overflow: hidden;text-align: center;}