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

#flashs{ position:relative; height:500px; 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}
.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("Img/Index/tdbg_03.png")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/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("Img/Index/td1.png")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/td1.png*/}
.td .tdtit .l1:hover span,.td .tdtit .l1.cur span{background:url("Img/Index/tdhover1.png")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/tdhover1.png*/}
.td .tdtit .l2 span{ background:url("Img/Index/td2.png")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/td2.png*/}
.td .tdtit .l2:hover span,.td .tdtit .l2.cur span{background:url("Img/Index/tdhover2.png")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/tdhover2.png*/}
.td .tdtit .l3 span{ background:url("Img/Index/td3.png")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/td3.png*/}
.td .tdtit .l3:hover span,.td .tdtit .l3.cur span{background:url("Img/Index/tdhover3.png")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/tdhover3.png*/}
.td .tdtot{ background:url("Img/Index/tdtotbg_03.png")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/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:118px; padding-top:72px;}
.case .casetit h4{ font-size:26px; text-align:center; font-weight:normal; line-height:36px;}
.case .casetit h4 a{text-decoration:none;color:#0561be}
.case .casetit em{ display:block; text-align:center; font-size:18px;color:#0561be}
.case .casetot{ overflow:hidden}
.case .casetot .ct_l{ width:180px; float:left}
.case .casetot .ct_l ul li{ background:url("Img/Index/case.jpg")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/case.jpg*/; width:150px; height:40px; line-height:40px; padding-left:30px; cursor:pointer; font-size:14px;}
.case .casetot .ct_l ul li:hover a,.case .casetot .ct_l ul .cur a{color:#fff;}
.case .casetot .ct_l ul li:hover,.case .casetot .ct_l ul .cur{ background:url("Img/Index/casehover_07.jpg")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/casehover_07.jpg*/;color:#ffffff}
.case .casetot .ct_l span{ display:block;line-height:40px; padding-left:30px;}
.case .casetot .ct_l span a{color:#0561be}
.case .casetot .ct_r{ width:780px; float:right}
.case .casetot .ct_r img{ display:block; float:left; margin-right:30px;}
.case .casetot .ct_r h5 a{ font-size:20px;color:#0561be}
.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:#0561be}
/*公司风采*/
.gsfc{ background:url("Img/Index/gsfc_02.jpg")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/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("Img/Index/left.png")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/left.png*/}
.gsfc .gsfc_r .a1:hover{ background:url("Img/Index/lefthover.png")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/lefthover.png*/}
.gsfc .gsfc_r .a2{ background:url("Img/Index/right.png")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/right.png*/}
.gsfc .gsfc_r .a2:hover{ background:url("Img/Index/righthover.png")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/righthover.png*/}
/*广告位*/
.ggw{ background:url("Img/Index/ggw_02.jpg")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/ggw_02.jpg*/ top center no-repeat; height:246px;}
.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:#0561be}
.gsjs .gstot ul{ overflow:hidden; padding-top:40px; padding-bottom:70px;}
.gsjs .gstot li{ background:url("Img/Index/jsbg.jpg")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/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 #0561be 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("Img/Index/shtd.png")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/shtd.png*/; position:relative; margin-top:-214px;}
.gsjs .gstot .l2 .imga span{ display:block; width:275px; height:210px; background:url("Img/Index/yftd.png")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/yftd.png*/; position:relative; margin-top:-214px;}
.gsjs .gstot .l3 .imga span{ display:block; width:275px; height:210px; background:url("Img/Index/gcqj.png")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/gcqj.png*/; position:relative; margin-top:-214px;}
/*广告位2*/
.ggw2{ background:url("Img/Index/ggw2.jpg")/*tpa=http://www.wxhose.com/Skins/Default/Img/Index/ggw2.jpg*/ top center no-repeat; height:200px;}
.ggw2 a{ display:block; width:100%; height:200px;}
/*News Center*/
.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:#0561be; display:block}
.newscenter .nc_l  h4 span a{color:#ffffff;}
.newscenter .nc_l  ul{ width:395px; float:right}
.newscenter .nc_l  ul li{ padding-bottom:46px; border-bottom:1px #b5b5b5 dotted}
.newscenter .nc_l  ul li h5{ font-weight:normal;font-size:14px;}
.newscenter .nc_l  ul li h5 a{ color:#0561be}
.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 a{color:#0561be}
.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 a.cur{ background:#666666;color:#fff;}
.newscenter .nc_r ul li img{ padding:10px; background:#ffffff; margin:15px 0px;}
.newscenter .nc_r ul li h5{ font-weight:normal;font-size:14px;}
.newscenter .nc_r ul li h5 a{ color:#0561be}
.newscenter .nc_r ul li em{ font-family:Arial;color:#a6a6a6; line-height:24px;}
.newscenter .nc_r ul li p{ font-size:13px; line-height:24px; height:72px; overflow:hidden; margin-top:10px; margin-bottom:20px;}
.newscenter .nc_r ul li span a{color:#0561be}








.main{ background:#f7f7f7; overflow:hidden;}
.cgal{ background:url(Img/Index/cgbg.png) no-repeat center; height:33px; font-size:18px; color:#fff; line-height:33px; margin-top:40px;}
.cgal span{margin-left:418px;}
.cgal a{ font-size:14px; color:#666; float:right; line-height:0;}
.al_box{ margin-top:30px;margin-left:335px;}
.al_box a.cur , .al_box a:hover{background:#0561be;}
.al_box a{ display:block; width:157px; height:50px; float:left; font-size:14px; color:#fff; text-align:center;  text-decoration:none;background:#666;}
.al_box a span{ margin-top:10px; display:block; margin-top:10px;}
.al_box .al1{ background:#0561be; margin-left:335px;}
/*.al_box .al2{ background:#666;}*/
.tpzs{ margin-top:30px;}
.tpzs dl{width:235px; height:220px; background:#fff; border:1px solid #cacaca; float:left; margin-bottom:14px; margin-right:9px;}
.tpzs .tp_nom{ margin-right:0;}
.tpzs dl dt img{ padding:7px;}
.tpzs dl dd{ margin:6px 6px 0 6px; text-align:center; font-size:13px; color:#666; overflow:hidden;}
/*cgal*/
.cp_box{ margin-top:24px; padding-bottom:30px;}
.cp_box .cpzx{ background: url(Img/Index/cpbg.png) no-repeat; width:229px; height:673px; float:left;}
.cp_box .cpzx h4{ background:#0561be; padding:11px 0;}
.cpzx h4 span{ font-size:12px; color:#fff; text-transform:uppercase; margin-left:6px; font-weight:normal;}
.cpzx h4 a{background:url(Img/Index/cpzxImg.jpg) no-repeat left center; padding-left:15px; margin-left:19px; color:#fff;font-size:18px;}
.cplb{ }
.cplb dl dt{ background:url(Img/Index/cplbgb01.png) no-repeat center; height:43px; line-height:43px;}
.cplb dl dt a{   font-size:13px; color:#666; margin-left:15px; padding-right:30px;}
.cplb dl dd{ margin:0 11px 6px 11px; }
.cplb dl dd a{ display:block; color:#333; background:url(Img/Index/ddImg.png) no-repeat 20px center; padding-left:34px; height:30px; line-height:30px;border-top:1px solid #e1e1e1;}
.cpdb{ background:#0561be; overflow:hidden; height:225px;}
.cpdb .db1{ margin-top:14px; margin-left:22px; font-size:16px; color:#fffc00;}
.cpdb .db2{ font-size:14px; color:#fff; margin:8px 23px 0 20px; padding-bottom:13px; border-bottom:1px solid #83b4e7;}
.cpdb dl{ margin-left:22px; margin-top:7px;}
.cpdb dl dt{ float:left;}
.cpdb dl dd{ margin-left:43px; color:#fff;}
.cpdb dl dd p{ padding_top:3px;}
.cpdb dl dd span{ font-size:18px; font-family:"Arial";}
/*cp_box*/
.rxcp{ float:right; width:735px;}
.rxcp .rx_top{ border-bottom:1px solid #0561be; overflow:hidden; }
.rx_top a{ font-size:16px; text-align:center; line-height:39px;width:200px; height:39px; display:block; float:left;color:#0561be;}
.rx_top .rx1{  background:#0561be; color:#fff; margin-left:20px;}
/*.rx_top .rx2{  height:39px; color:#0561be;}*/
.rx_top a.cur , .rx_top a:hover{ background:#0561be; color:#fff;}
.cptp{ background:#fff; padding-top:22px; width:732px; overflow:hidden; height:598px;}
.cptp li{ width:244px; height:177px; border-right:1px solid #adadae; float:left; position:relative; margin-bottom:18px; margin-right:-1px;}
.cptp .nol{ border:none;}
.cptp li img{ padding-left:39px;}
.cptp li a{ font-size:14px; color:#0561be; margin-top:14px; display:block; text-align:center;}
.cptp li .cpxx{ width:244px; height:177px; background:#0561be; position:absolute; top:0; left:0; color:#fff; display:none; cursor:pointer;}
.cptp li .cpxx span{ display:block; margin:40px 39px 0px 36px; font-size:12px; width:186px; height:40px; line-height:22px;text-align:left;}
.cptp li .cpxx p{ width:205px; height:30px; margin-left:20px; margin-top:10px; font-size:12px; line-height:15px;}
.cptp li:hover .cpxx{ display:block;}
/*rxcp*/
/*main*/


/*特点*/
.tedian{ overflow:hidden; padding:35px 0; border-top:4px solid #ff7b03; background-color:#fff;  }
.tedian li{ float:left; width:250px; border-right:1px dotted #ccc; height:380px;}
.tedian .last{ border:none}
.tedian h4{ font-size:18px; color:#0561be; text-align:center;}
.tedian span{ display:block; text-align:center; font-size:12px; color:#999; margin-bottom:18px; margin-top:10px;}
.tedian .tu{ overflow:hidden; width:156px; height:156px; margin:0 auto; position:relative;}
.tedian .tu img{ display:block;}
.tedian .tu b{ display:block; width:156px; height:156px; background:url("Img/Index/tedian01.png") no-repeat center; position:absolute; left:0; top:0;}
.tedian p{ font-size:13px; color:#333; line-height:24px; width:190px; margin:0 auto; }














.tiaoSpanBg{padding-top:25px; background:url(Img/Index/tiaoBg.png) repeat 3px;}
.tiaoSpanBg2{position:relative; top:-50px; padding-top:80px; padding-bottom:25px; z-index:0;}


/*五大理由*/
.lyBox{position:relative; width:1040px; height:1448px; background:url(Img/Index/lyBg.jpg) no-repeat center;}
.lyBox p{position:absolute; width:430px; line-height:24px; font-size:14px; color:#898787;}
.lyBox dl{position:absolute; top:578px; left:80px; padding-left:38px; color:#8e1e7a; background:url(Img/Index/lyPhone.png) no-repeat left center;}
.lyBox dl dd{font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.lyBox .ly01{left:550px; top:234px; width:370px;}
.lyBox .ly02{left:80px; top:452px;}
.lyBox .ly03{left:545px; top:732px;}
.lyBox .ly04{left:80px; top:1000px;}
.lyBox .ly05{left:520px; top:1282px;}


.contTit{font-size:16px;}
.contTit span{font-size:36px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#d0d0d0;}
.contTit a{margin-left:6px; font-weight:normal; color:#0c4da2;}


.boxYy {
    width: 100%;
    height: 14px;
    background: url(Img/Index/boxYy.png) no-repeat center top;
}



/*about*/
.about{ overflow:hidden; width:100%; height:480px; background:url("Img/Index/aboutBg.jpg")/*tpa=http://www.trolink.cn/Skins/Default/Img/Index/aboutBg.jpg*/ no-repeat center bottom; background-color:#fff}
.about .aboutLeft{ overflow:hidden; width:730px; float:left;}
.about .aboutLeft dl{ overflow:hidden; width:100%; margin:50px 0;}
.about .aboutLeft dt{ float:left; width:370px; height:258px; padding:10px; background-color:#fff; overflow:hidden;}
.about .aboutLeft dd{ overflow:hidden; float:right; width:305px;}
.about .aboutLeft dd h4{ font-size:14px; margin-top:20px; margin-bottom:10px;}
.about .aboutLeft a{ color:#fff;}
.about .aboutLeft dd p{ font-size:13px; color:#fff; line-height:26px; width:100%; height:208px; overflow:hidden;}
.about .aboutLeft ul{ overflow:hidden; float:left;}
.about .aboutLeft ul li{ float:left; width:120px; text-align:center; font-size:14px; border-right:1px solid #524067;}
.about .aboutLeft ul li img{ display:block; margin:0 auto; margin-bottom:10px;}
.about .aboutLeft ul li.last{ border:none}
.about .aboutLeft .phone{ overflow:hidden; padding-left:50px; float:right; background:url("Img/Common/footerPhone.png")/*tpa=http://www.trolink.cn/Skins/Default/Img/Common/footerPhone.png*/ no-repeat left center;}
.about .aboutLeft .phone p{ font-size:13px; color:#fff;}
.about .aboutLeft .phone h4{ font-size:22px; color:#e60e1d; font-weight:normal}
.about .hezuo{ overflow:hidden; width:240px; float:right; height:507px; background-color:#0b58aa;}
.about .hezuo h3{ font-size:20px; margin-left:20px; margin-top:50px; margin-bottom:30px;}
.about .hezuo h3 a{ color:#fff;}
.about .hezuo h3 span{ font-size:12px; color:#99c8f3; font-weight:normal;}
.about .hezuo .hezuoBox{ overflow:hidden; margin:0 auto; width:193px; height:400px; position:relative}
.about .hezuoBox ul{ overflow:hidden}
.about .hezuoBox li{ width:100%;  float:left; text-align:center}
.about .hezuoBox li a{ text-decoration:none}
.about .hezuoBox li p{ font-size:13px; color:#fff; margin-top:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}



 /*news*/
.news{ overflow:hidden; width:100%; height:410px; padding-top:35px; background-color:#fff; margin-bottom:35px;}
.news .menu{ overflow:hidden; width:156px; float:left; margin-right:12px;}
.news .menu li{ width:100%; height:59px; text-align:center; line-height:59px; float:left; margin-bottom:10px; font-weight:bold; font-size:16px; background-color:#454545;}
.news .menu li a{ color:#fff;}
.news .menu li.on{ background-color:#085599;}
.news .newsBox{ overflow:hidden; width:500px; height:380px; float:left;}
.news .newsCont{ overflow:hidden; width:500px; height:380px;}
.news .newsCont dl{ overflow:hidden; width:100%; margin-bottom:10px;}
.news .newsCont dt{ float:left; width:201px; height:144px; padding:9px; border:1px solid #ccc; margin-right:10px;}
.news .newsCont dd{ overflow:hidden; width:265px; float:right;}
.news .newsCont dd h4{ font-size:14px; font-weight:normal; margin:10px 0;}
.news .newsCont dd h4 a{ color:#085599;}
.news .newsCont dd p{ font-size:13px; line-height:24px; height:72px; color:#333; overflow:hidden; margin-bottom:5px;}
.news .newsCont dd .xq{ display:block; width:99px;  height:29px; text-align:center; line-height:29px; color:#fff; font-size:13px; background-color:#999}
.news .newsCont ul{ overflow:hidden; width:100%;}
.news .newsCont li{ width:100%; float:left; font-size:13px; line-height:35px; background:url("Img/Index/new02.png") no-repeat left center; border-bottom:1px dotted #CCC}
.news .newsCont li a{ display:block; width:350px; float:left; margin-left:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333;}
.news .newsCont li span{ float:right; color:#333}
.news .wenda{ overflow:hidden; width:310px; float:right;}
.news .wenda .wdTitle{ overflow:hidden; width:100%; margin-bottom:20px;}
.news .wdTitle h3{ font-size:16px; float:left;}
.news .wdTitle h3 a{ color:#333}
.news .wdTitle h3 span{ font-weight:normal; font-size:12px; color:#999; margin-left:5px;}
.news .wdTitle .more{ float:right; font-size:12px; color:#666;}
.news .wendaBox{ overflow:hidden; width:100%; height:340px; position:relative}
.news .wendaBox .wendaList{ overflow:hidden; width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #bfbfbf;}
.news .wendaList h5{ background:url("Img/Index/wen.png")/*tpa=http://www.trolink.cn/Skins/Default/Img/Index/wen.png*/ no-repeat left center; font-size:14px; line-height:24px; padding-left:35px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:15px;}
.news .wendaList h5 a{ color:#000;}
.news .wendaList p{ font-size:13px; color:#333; line-height:24px; background:url("Img/Index/da.png")/*tpa=http://www.trolink.cn/Skins/Default/Img/Index/da.png*/ no-repeat left top; padding-left:35px; height:48px; overflow:hidden;}