/* CSS Document */
/*---------- import ---------*/
@import url("page.css");
@import url("layout.css");



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;list-style:none}
img,a img{border:0px;vertical-align:bottom}
body{font:14px/0px  "Microsoft YaHei";color:#444; }
a:link{color:#444;text-decoration:none}
a:visited{color:#444;text-decoration:none}
a:hover{color:#ff0000;text-decoration:none}
a:active{color:#444;text-decoration:none}
span.more a,span.more a:visited{float:right;display:block;height:30px;padding-right:10px;margin-top:-33px;color:#444;line-height:30px;font-weight:bold;font-family:arial;font-size:12px}
span.more a:hover{color:#444}
input{border: none;outline: none;}

.clear{clear:both;}
.fl{ float:left}
.fr{ float:right}

video::-webkit-media-controls-enclosure
 {overflow:hidden;}video::-webkit-media-controls-panel
 {width: calc(100%
 + 30px);}


.Amsg{width:1200px;margin:0 auto;overflow:hidden;}
.AMsgInter{width:1080px;margin:0 auto;overflow:hidden}
.LMsg{float:left;width:250px;display:inline;overflow:hidden}
.RMsg{float:right;width:930px;overflow:hidden; padding-bottom:10px;}
.RAMsg{float:right;width:930px;overflow:hidden;}
.LHsg{float:left;width:730px;overflow:hidden;}


.h-top{
    background-color: #0958A5;
    height:38px;
}
.header{margin:0 auto;width:1200px;height:100px;}
.header_tit{height:38px; line-height:38px; color:#fff;width: 1200px;margin: 0 auto;}
.header_tit span{float: right;line-height:38px; color:#fff;}
.header_tit span em{color:#fff; font-weight:bold;font-style:normal}

.header_tit span a{color:#fff;padding-right: 6px;}
.logo{float:left; margin-top:15px;overflow:hidden;display: flex;align-items: center; }
.logo img{float:left; }
.logo img+img{margin-left: 15px;}
.h-webchart{float: right;width: 95px;height: 95px;margin-left: 40px;margin-top: 3px;}
.h-webchart img{width: 100%;}


#rr{float:right; margin-top:12px;}
#rr li.dd{float:right; width:20px; height:20px; transition:all 0.5s;}
#rr li.dd #tt{float:right; display:none; width:200px; height:30px; margin-right:-20px; background:#eee;border-radius:5px; transition:all 0.5s;}

.search{overflow:hidden;float:left; font-size:14px; margin-top:33px; height:36px; line-height:36px; overflow:hidden;width:348px; border: 2px solid #0958A5;background-color: #0958A5;margin-left: 140px;}
.search .text{ color:#666666; font-size:14px;  padding:10px 5px; width:243px; border:none;background-color: #FFFFFF;}
.search .button{ width:90px; height:36px;background:url(../images/search1.png) no-repeat 14px 10px #0958A5; padding-left:22px;border:none; color: #fff;font-size: 14px;}
.h-tel{float: right; margin-top: 28px;background: url(../images/h-tel.jpg) no-repeat left 2px;padding-left: 50px;}
.h-tel p.name{font-size: 14px;color: #888888;display: block;line-height: 20px;}
.h-tel p.tel{
    font-size:27px;
    font-weight:bold;
    color: #0958A5;
    line-height: 24px;
}

.nav-ibox{
    width: 100%;
    height: 50px;
    background-color: #0F58A5;
}
.nav{width:1200px;font-size:16px; position:relative;margin: 0 auto;color: #fff;}
.tab{position:relative;display:block;float:left;cursor:pointer;}
.tab .tablink{position:relative; width:97px;text-align:center; line-height:50px;display:block;height:50px;color:#fff;font-size:16px;z-index:99;float:left; margin: 0 18px;}
.tab  i{position: absolute;left: 0;top: 18px;background-color: #1a76d0;width: 1px;height: 16px;}
.tab .tablink a{line-height:50px;text-decoration:none; color:#fff; }
.tab:hover,.tab.active{ background:#FFCB2D;}
.tab:hover a,.tab.active a{color: #222222;}

.tab:hover .tablink{color:#222222;text-decoration:none}
.tab:hover .tablink a{color:#222222; }

.dropdown:hover .arwlink{height:50px;color:#222222}
.dropdown ul{display:none;}
.dropdown:hover ul{position:absolute;display:block;top:50px;left:1px;z-index:9; }
.subnav{width:131px;}
.subnav li a{line-height:36px;width:131px;font-size:14px;color:#5e5e5e;display: block; text-align:center;background:#f5f5f5;  }
.subnav li a:hover{text-decoration:none;color:#222222; background:#FFCB2D;-webkit-transition: all ease .5s;transition: all ease .5s; }




/*slider*/
.fullSlide {margin:0 auto;width:100%;position:relative;height:600px; margin-top:0px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:600px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:600px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:20px;line-height:20px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:50px;height:5px;margin:1px 5px;overflow:hidden;background:#fff;filter:alpha(opacity=90);opacity:0.9;line-height:999px;}
.fullSlide .hd ul .on {background:#0095da;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-20px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:15%;background-position:-6px -137px;}


/*banner*/

.banner{margin:0 auto;width:100%;position:relative;height:400px; margin-top:0px;overflow:hidden; background:#f6f6f6; }
.banner .bd ul {width:100% !important;}
.banner .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner .bd li {width:100% !important;height:400px;overflow:hidden;text-align:center;}
.banner .bd li a {display:block;height:400px;}



/* scrollDiv */
.index_scrollDiv_box{background-color: #E3E3E6;}
.scrollDiv_box{margin:0 auto;width:1200px; height:60px; overflow:hidden;}
.scrollDiv_box h2{ float:left; line-height:60px; font-size:16px; color:#0958a5; width:90px;}
.scrollDiv{ float:left;height:35px;line-height:35px; width:800px;overflow:hidden; margin-top:12px;}
.scrollDiv li{height:35px;padding-left:10px;}
.scrollDiv li span{ padding-left:50px;}
.scrollDiv_box .more a{ float:right; line-height:25px; margin-top:15px; font-size:14px; color:#0958a5; padding:0 20px;border:1px solid #0958a7;border-radius:12px;}
.scrollDiv_box .more:hover a{ float:right; line-height:25px; margin-top:15px; font-size:14px; color:#ff0000; padding:0 20px;border:1px solid #ff0000;border-radius:12px;}



#lx{ float:left;width:100%;overflow:hidden; background:#e3e3e6;padding-bottom: 50px; }
#lx h2{width:100%;overflow:hidden; height:60px; margin-top:45px; line-height:45px; text-align:center; font-size:30px; color:#404040; background:url(../images/home_pro_tit_bg.png) no-repeat center bottom; }
.lx_menu {margin:0 auto;width:1200px;}
.lx_menu ul{width:1200px; height:100px; margin:35px auto 0;display: flex;align-items: center;justify-content: center;}
.lx_menu li{float:left;display:block;cursor:pointer;width:128px;text-align:center; color:#fff; font-size:15px;height:40px; margin-left:10px; margin-top:10px;line-height:40px;background:#3493FB; }
.lx_menu li.hover{padding:0px;background:#FD8236;width:128px;color:#fff;height:40px;line-height:40px;}

.www_zzjs_net_3{clear:both;margin-top:0px;line-height:25px;margin:0 auto;width:1200px; border-top:none;border-bottom:none;text-align:left;}

.home_pro{ float:left; width:1200px; margin:40px auto 0 auto; overflow:hidden;}
.home_pro ul{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin: 0 -12px;}
.home_pro ul li{float:left;width:calc(25% - 24px); margin: 0 12px;}
.home_pro ul li img{float:left;width:100%;border:1px solid #dcdcdc;height: 185px;object-fit: cover;object-position: center;}
.home_pro ul li p{float:left;width:100%; font-size:16px; color:#404040; text-align:center; height:35px; overflow:hidden; line-height:35px;}
.home_pro ul li:hover p{float:left;width:100%; font-size:16px; color:#0958a5; text-align:center; line-height:35px;}
.home_pro ul li:hover img{float:left; border:1px solid #0958a5;}

#zzjs_zzjs_net_4{display: none;}
#zzjs_zzjs_net_4.active{display: block;}

.support{float:left;width:100%;overflow:hidden; height:540px; background:#fff; }
.support h2{float:left;width:100%;overflow:hidden; height:60px; margin-top:45px; line-height:45px; text-align:center; font-size:30px; color:#404040; background:url(../images/home_sup_tit_bg.png) no-repeat center bottom; }
.support .con{margin:0 auto;width:1080px;}
.support .con ul{float:left;width:1080px; height:350px; margin-top:50px; border-left:1px solid #dcdcdc;}
.support .con ul li{float:left;width:215px; height:350px; border:1px solid #dcdcdc;border-left: none;}
.support .con ul li dl{float:left;width:195px; height:320px; margin:10px;}
.support .con ul li dl img{float:left;width:80px; height:80px; margin-left:57px; margin-top:20px;transition:all 0.5s;}
.support .con ul li dl dt{float:left;width:161px; height:40px; line-height:40px; font-size:18px; color:#0958a5; text-align:center; margin:0 17px; border-bottom:1px solid #dcdcdc;}
.support .con ul li dl dd{float:left;width:185px; line-height:25px;margin:10px 5px; font-size:13px; color:#737373;}
.support .con ul li dl span a{float:left;width:120px; line-height:25px; text-align:center; margin-left:38px; margin-top:20px; border:1px solid #dcdcdc; color:#737373;transition: all ease .5s;}
.support .con ul li dl span:hover a{float:left;width:120px; line-height:25px; text-align:center; margin-left:38px; margin-top:20px; border:1px solid #0958a5;color:#fff;background:#0958a5;transition: all ease .5s;}
.support .con ul li:hover dl img{float:left;width:80px; height:80px; margin-left:57px; margin-top:20px;transform: rotate(-25deg);transition:all 0.5s;}


.partner{float:left;width:100%;overflow:hidden; background:#fff; }
.partner h2{float:left;width:100%;overflow:hidden; height:60px; margin-top:45px; line-height:45px; text-align:center; font-size:30px; color:#404040; background:url(../images/home_partent_tit_bg.jpg) no-repeat center bottom; }
.partner h3{float:left;width:100%;overflow:hidden;line-height:30px; margin-top:30px; text-align:center; font-size:14px; color:#95c5ed; font-weight:normal;}
.partner .con{margin:0 auto;width:1200px;overflow: hidden;}
.partner .con ul{margin: 0px -10px 0;padding-top: 24px;padding-bottom: 56px;}
.partner .con ul li{float:left;width:20%; height:110px; margin-top:20px;  overflow:hidden;}
.partner .con ul li a{ display: block; border: 2px solid #EBEBEB; margin:0 10px; height:110px; box-sizing: border-box; overflow: hidden; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; }
.partner .con ul li img{width:220px; height:110px;transition:all 0.5s;box-sizing: border-box;overflow: hidden;}
.partner .con ul li img:hover{  transform: scale(1.05); -webkit-transform: scale(1.05); transition:all 0.5s; -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.partner .con ul li:hover a{border-color: #0958a5;}


.newsbox{float:left;width:100%;overflow:hidden; height:665px; background:#fff; }
.newsbox h2{float:left;width:100%;overflow:hidden; height:60px; margin-top:45px; line-height:45px; text-align:center; font-size:30px; color:#404040; background:url(../images/home_news_tit_bg.png) no-repeat center bottom; }
.newsbox .con{margin:0 auto;width:1080px;}

.news{float:left;width:670px;overflow:hidden;margin-top:30px; overflow:hidden;}
.news ul{height:40px;width:670px;line-height:40px;overflow:hidden; background:#f2f2f2;}
.news ul .text{float:left;line-height:40px;font-size:16px;color:#fff;font-weight: normal; padding:0 25px; background:#0958a5;}
.news ul .more a{float:right; color:#404040;line-height:40px; font-size:12px; text-transform: uppercase; margin-right:10px;}
.news dl{float:left;width:670px; margin-top:25px; border-bottom:1px solid #d9d9d9; padding-bottom:25px;}
.news dl img{float:left;width:180px; height:120px; margin-right:25px;}
.news dl dt{float:right;width:460px;line-height:30px; height:30px; font-size:16px; color:#0958a5; overflow:hidden; text-align:left;}
.news dl:hover dt{float:right;width:460px;line-height:30px; height:30px; font-size:16px; color:#ff0000; overflow:hidden; text-align:left;}
.news dl dd{float:right;width:460px;line-height:25px;font-size:14px; color:#737373; overflow:hidden; text-align:left;}

.news ol{width:670px;margin-top:15px;float:left;overflow:hidden;}
.news ol li{float:left;width:670px; font-size:14px; line-height:35px; color:#737373;}
.news ol li a{color:#737373;}
.news ol li span{float:right; font-size:14px;}
.news ol li:hover a{color:#0958a5;}

.baike{width:360px;margin-top:30px;float:right;overflow:hidden;}
.baike ul{height:40px;width:360px;line-height:40px;overflow:hidden; background:#f2f2f2;}
.baike ul .text{float:left;line-height:40px;font-size:16px;color:#fff;font-weight: normal; padding:0 25px;background:#0958a5;}
.baike ul .more a{float:right; color:#404040;line-height:40px; font-size:12px; text-transform: uppercase; margin-right:10px;}

.baike .con{width:300px; padding:29px; height:330px;overflow:hidden; border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;}
.baike .con dl{float:left;width:300px; margin-top:15px; border-bottom:1px dotted #d9d9d9; padding-bottom:15px;}
.baike .con dl dt{float:right;width:300px;line-height:30px; height:30px; font-size:14px; color:#0958a5; overflow:hidden; text-align:left;}
.baike .con dl:hover dt{float:right;width:300px;line-height:30px; height:30px; font-size:14px; color:#ff0000; overflow:hidden; text-align:left;}
.baike .con dl dd{float:right;width:300px;line-height:25px; height:50px;font-size:14px; color:#737373; overflow:hidden; text-align:left;}

.baike span a{ float:left;width:360px;height:50px; line-height:50px; color:#fff; font-size:18px; text-align:center;overflow:hidden; background:#0958a5;}
.baike span:hover a{ float:left;width:360px;height:50px; line-height:50px; color:#fff; font-size:18px; text-align:center;overflow:hidden; background:#ff0000;}



/* .success{float:left;width:100%;overflow:hidden; height:370px; background:#0958a5;}
.success h2{float:left;width:100%;overflow:hidden; height:60px; margin-top:45px; line-height:45px; text-align:center; font-size:30px; color:#fff; background:url(../images/home_cases_tit_bg.png) no-repeat center bottom; }
.rollBox{width:1080px;overflow:hidden;margin:0 auto;}
.rollBox .Cont{width:1080px;overflow:hidden;float:left; margin-top:40px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:200px;float:left;text-align:center; height:200px;margin-right:18px; font-size:14px;}
.rollBox .Cont .pic img{widht:200px; height:133px;display:block; }
.rollBox .Cont .pic p{width:200px;float:left;text-align:center; height:40px; font-size:14px; line-height:40px;font-weight:normal; overflow:hidden;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#fff;text-decoration:none; font-weight:normal;}
.rollBox .Cont a:hover{color:#ff0000;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;} */


.success{float:left;width:100%;overflow:hidden;  background:#0958a5;}
.success h2{float:left;width:100%;overflow:hidden; height:60px; margin-top:45px; line-height:45px; text-align:center; font-size:30px; color:#fff; background:url(../images/home_cases_tit_bg.png) no-repeat center bottom; }
.rollBox{width:1200px;overflow:hidden;margin:0 auto;}
.rollBox .Cont{width:100%;overflow:hidden;float:left; margin-top:40px;}
.rollBox .ScrCont{margin: 0 -9px;}
.rollBox .ScrCont .tempWrap{width: 100% !important;}
/* .rollBox .ScrCont{width:10000000px;} */
/* .rollBox .Cont .pic{width:200px;float:left;text-align:center; height:200px;margin-right:18px; font-size:14px;} */
.rollBox .Cont .pic{float:left;text-align:center; height:200px; font-size:14px;width: 204px;}
.rollBox .Cont .pic a{display: block;margin: 0 9px;}
.rollBox .Cont .pic img{ height:133px;display:block;width: 100%; }
.rollBox .Cont .pic p{width:100%;float:left;text-align:center; height:40px; font-size:14px; line-height:40px;font-weight:normal; overflow:hidden;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#fff;text-decoration:none; font-weight:normal;}
.rollBox .Cont a:hover{color:#ff0000;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}




.cooperation{float:left;width:1080px; background:url(../images/hz_bg.png) no-repeat;  margin-top:100px; overflow:hidden;}
.cooperation h2{margin:0 auto;width:1080px; height:30px; line-height:30px;color:#333; font-size:18px; }
.cooperation ul{float:left;width:1152px;overflow:hidden; margin-top:10px; }
.cooperation ul li{float:left;width:167px; height:67px; margin-right:19px;margin-top:15px; }
.cooperation ul li a img{float:left;width:165px;height:65px; border:1px solid #ddd;}
.cooperation ul li a img:hover{float:left;width:165px;height:65px; border:1px solid #509e49;}


.application{margin:0 auto;width:1080px; margin-top:40px;}
.application h2{margin:0 auto;width:300px; height:60px; overflow:hidden;}
.application ul{float:left;width:1080px; margin-top:20px;}
.application ul li{float:left;width:550px; height:216px; margin-right:1px;margin-top:1px;overflow:hidden;}
.application ul li a img{float:left;width:550px;height:216px;-webkit-transition: all ease .8s;transition: all ease .8s;}
.application ul li a:hover img{float:left;width:550px;height:216px;-webkit-transform: scale(1.05);transform: scale(1.05);}
.application ul li a h2{float:left; text-align:center; margin-left:175px; margin-top:88px; width:200px;height:35px; line-height:35px;  border:1px solid #fff;position: absolute;color:#fff;z-index:1000; font-size:18px; font-weight:normal;}
.application ul li a:hover h2{color:#509e49; border:1px solid #509e49;}





.xwcms{ margin: 0 auto; -webkit-border-radius:110px; border-radius: 110px; -webkit-transition: -webkit-transform 0.2s ease-out;-moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out;-ms-transition: -ms-transform 0.2s ease-out; }
.xwcms:hover {-webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -o-transform: rotateZ(180deg);-ms-transform: rotateZ(180deg);transform: rotateZ(180deg); }



.categories{width:250px; float:left;margin-top:25px; }
.categories ul{width:250px; float:left; overflow:hidden; background:#084f94 url(../images/left_ico.png) no-repeat 190px -1px; }
.categories ul h2{width:230px;font-size:20px; padding-left:20px;color:#fff; height:60px; line-height:60px; overflow:hidden; font-weight:normal;}
.categories ol{width:250px; float:left; overflow:hidden;}
.categories ol li{width:250px; float:left; height:42px;line-height:42px;font-size:14px;font-weight:normal; background:#eeeeee url(../images/left_bg_r.png) no-repeat 18px ; border-top:1px solid #fff;}
.categories ol li a{width:230px;float:left;color:#333;line-height:42px;padding-left:30px; }
.categories ol li a:hover{width:220px;padding-left:30px;float:left;color:#222222; background:#FFCB2D;line-height:42px;background:#FFCB2D url(../images/left_bg_r_1.png) no-repeat 18px ;}
.categories .thisclass{width:220px;padding-left:30px;float:left;color:#222222;background:#FFCB2D;line-height:42px; background:#FFCB2D url(../images/left_bg_r_1.png) no-repeat 18px ;}



.left_about{float:left;width:250px; display:inline; margin-top:15px; margin-bottom:20px;}
.left_about_tit{width:230px;height:45px;  line-height:45px; background:#0958a5; float:left; padding-left:20px; color:#fff; font-size:18px; }
.left_about .content{float:left;width:250px;overflow:hidden; font-size:14px;font-family:"Microsoft YaHei";}
.left_about ul{float:left;width:250px; overflow:hidden;}
.left_about ul li{float:left;width:250px;height:41px;line-height:38px;font-size:14px; font-weight:normal;background:#eeeeee url(../images/ico-1.gif) no-repeat 5px 18px;border-top:1px solid #fff; }
.left_about ul li a{float:left;width:235px; padding-left:15px;height:38px;line-height:38px; color:#333; }
.left_about ul li :hover{background:#eeeeee url(../images/ico-1.gif) no-repeat 5px 18px;}
.left_about ul li:hover a{float:left;height:38px;line-height:38px;width:235px; color:#222;background-color: #FFCB2D;text-decoration:none;overflow:hidden; }



.left_about11{float: right;width:250px; display:inline; margin-top:5px; border:1px solid #F5F5F5; padding:4px; }
.left_about11_tit{width:250px;height:45px;  line-height:45px; background:#33aa66; text-align:center; color:#fff; font-size:18px; }
.left_about11 .content{float:left;width:250px;overflow:hidden; font-size:14px;font-family:"Microsoft YaHei";}
.left_about11 ul{float:left;width:250px; overflow:hidden; margin-top:5px;}
.left_about11 ul li{float:left;width:232px; padding:9px;line-height:38px;font-size:14px; font-weight:normal; margin-top:2px;}
.left_about11 ul li img{ width:230px; height:230px; border:1px #F5F5F5 solid }
.left_about11 ul li h2{float:left;width:230px;height:25px; margin-top:5px;text-align:center;line-height:25px;font-size:16px; font-weight:normal; color:#333; }
.left_about11 ul li a h2{ color:#333; }
.left_about11 ul li a:hover h2{float:left;height:25px;line-height:25px;width:230px; color:#f56e00;text-decoration:none;overflow:hidden; }
.left_about11 ul li a:hover img{ border:1px #f56e00 solid }






.tui_pro{float:right;width:866px;overflow:hidden;margin-top:25px;}
.tui_pro ol{float:left;width:866px; height:44px; line-height:44px;overflow:hidden; background:url(https://www.hqitt.com/templets/default/images/km_r_top_c.jpg) no-repeat}
.tui_pro ol .text{float:left; line-height:44px; padding-left:50px; font-size:20px;color:#fff;font-weight: normal; }
.tui_pro ol .more a{float:right; line-height:44px; color:#fff; padding-right:10px;}
.tui_pro ul{float:left;width:880px;overflow:hidden; margin-top:10px; }
.tui_pro ul li{float:left;width:398px; height:142px; border:1px solid #dfdfdf;overflow:hidden; background:url(../images/pro_bg.jpg) repeat-x; margin-right:6px;margin-top:6px; padding:15px; }
.tui_pro ul li a img{float:left;width:142px;height:142px; border:2px solid #fefefe;}
.tui_pro ul li a img:hover{float:left;width:142px;height:142px; border:2px solid #dfdfdf;}
.tui_pro ul li strong{ width:227px;float:left;height:32px;font-weight: normal; padding-left:15px;font-size:14px;line-height:30px;color:#333;}
.tui_pro ul li a:hover strong{ color:#ff0000;}
.tui_pro ul li p{ width:227px;float:left; height:82px;font-weight: normal;padding-left:15px;font-size:12px;line-height:20px;color:#656565;}
.tui_pro ul li span{ float: right; width:108px; height:26px; line-height:26px; margin-top:5px; color:#fff; text-align:center;  background:url(../images/pro_more.png) no-repeat}








.factory{float:left;width:663px;overflow:hidden;margin-top:20px; border:1px solid #cdcdcd;}
.factory ol{height:41px;width:663px; line-height:41px;overflow:hidden; border-bottom:1px solid #98c36e;}
.factory ol .text{float:left;line-height:40px; padding-left:30px; font-size:20px;color:#549b0d;font-weight: normal; border-bottom:2px solid #98c36e; background:url(https://www.hqitt.com/templets/default/images/km_ico.jpg) no-repeat 15px;}
.factory ol .text1{float:left;line-height:40px; padding-left:5px; font-size:13px;color:#549b0d;font-weight: normal;  }
.factory ol .more a{float:right; line-height:35px; padding-top:5px;  color:#549b0d; padding-right:10px;}
.factory ul{float:left;width:663px;overflow:hidden; margin-top:20px; }
.factory ul li{float:left;width:186px; height:200px;overflow:hidden; margin-left:25px; }
.factory ul li a img{float:left;width:186px;height:140px;overflow: hidden;  }
.factory ul li a img:hover{float:left;width:186px;height:140px; }
.factory ul li a strong{ float:left;height:42px;font-weight: normal;font-family:"Microsoft YaHei"; text-align: center; font-size:16px;line-height:42px;width:186px;}





.video{float:right;width:420px;overflow:hidden;margin-top:20px; border:1px solid #cdcdcd;}
.video ol{height:41px;width:420px; line-height:41px;overflow:hidden; border-bottom:1px solid #98c36e;}
.video ol .text{float:left;line-height:40px; padding-left:30px; font-size:20px;color:#549b0d;font-weight: normal; border-bottom:2px solid #98c36e; background:url(https://www.hqitt.com/templets/default/images/km_ico.jpg) no-repeat 15px;}
.video ol .text1{float:left;line-height:40px; padding-left:5px; font-size:13px;color:#549b0d;font-weight: normal;  }
.video ol .more a{float:right; line-height:35px; padding-top:5px; color:#549b0d; padding-right:10px;}
.video ul{width:360px; height:302px; float:left; overflow:hidden; margin:15px 30px;}








.contact1{float:left;width:218px; display:inline; margin-top:15px; border:2px solid #5da21a;margin-bottom:10px; }
.contact1_tit{width:218px;  height:45px; line-height:45px; background:#5da21a; font-family:"Microsoft YaHei";font-size:18px; font-weight: normal;color:#fff; text-align:center;}
.contact1_content{float:left;width:206px; padding:6px; line-height:25px;overflow:hidden;   }




.yingyong{float:left;width:475px;overflow:hidden;margin-top:25px;}
.yingyong ol{float:left;width:475px;overflow:hidden; }
.yingyong ol .text{float:left; color:#0075c2; height:40px; line-height:40px; font-family:"Microsoft YaHei"; font-size:18px; font-weight: 700; }
.yingyong ol .more{float:right; line-height:40px;padding-right:5px; font-size:12px; font-family:Arial;font-weight: normal;}
.yingyong ul{float:left;width:490px;overflow:hidden; margin-top:5px; height:240px;}
.yingyong ul a img{float:left; padding-top:5px; padding-right:5px;}
.yingyong ul a img:hover{float:left; padding-top:5px; padding-right:5px;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}











.servbox{margin:0 auto;width:1103px;overflow:hidden;margin-top:15px; height:310px;}
.servbox ol{float:left;width:1103px;overflow:hidden; }
.servbox ol .text{float:left; color:#0075c2; height:40px; line-height:40px; font-family:"Microsoft YaHei"; font-size:18px; font-weight: 700; }
.servbox ol .more{float:right; line-height:40px;padding-right:5px; font-size:12px; font-family:Arial;font-weight: normal;}
.servbox ul{float:left;width:1022px;overflow:hidden;margin-top:5px;}
.servbox ul li{background: #fff; float: left; margin-right:15px; width:230px; padding-right:10px;}
.servbox ul li img{ width:228px; height:78px; border:1px solid #dcdcdc}
.servbox ul li h2{ color:#0075c2; width:230px; font-weight:400; height:35px; line-height:35px; font-size:14px; text-align: center;font-family: "Microsoft YaHei"; }
.servbox ul li span{ float:left; width:230px; line-height:23px; font-size:12px; text-align:center; max-height:65px; overflow:hidden; }
.servbox ul li a{ margin-top:15px; margin-left:82px; background:#cc0001; width:62px; height:26px; background:url(https://www.hqitt.com/templets/default/images/shuangyi_65.jpg) no-repeat; float:left; line-height:26px; text-align: center; font-size:12px; color:#fff; }






.faq{float:right;width:316px; overflow:hidden;margin-top:15px;}
.faq ul{width:316px; overflow:hidden; height:30px; background:url(../images/newstitle.png) no-repeat }
.faq ul .text{float:left; color:#0075c2; height:30px;line-height:30px; font-family:"Microsoft YaHei"; font-size:18px; font-weight: 700;}
.faq ul .more{float:right; line-height:30px;padding-right:5px; font-size:12px; font-family:Arial;font-weight: normal;}
.faq dl{width:316px; float:left; margin-top:15px; background:#fff;}
.faq dl dt a{float:left;width:306px;line-height:28px; color:#0075c2; padding:0 5px;font-family:"Microsoft YaHei"; font-size:12px; background:#fff; }
.faq dl dd{ float:left;height:55px;font-weight:normal;padding:0 5px; font-size:12px;line-height:25px;width:306px;background:#fff; }



.r_news3{float:left;width:254px; display:inline; margin-top:10px;}
.r_news3_tit{width:254px;  height:47px; background:url(https://www.hqitt.com/templets/default/images/xingao_30.jpg) no-repeat;}
.r_news3_tit h2{float:left; color:#fff;width:224px; text-align:center;height:47px;line-height:47px; font-size:18px; font-weight: normal;}
.r_news3 .content{float:left;width:224px; padding:15px; overflow:hidden; line-height:26px; background: url(https://www.hqitt.com/templets/default/images/xingao_39.jpg) repeat-y; border-bottom:1px solid #e2e2e2;}
.r_news3 li{float:left;width:222px; margin-top:5px;height:31px;line-height:31px; font-family:"Microsoft Yahei";background:url(../images/leftn_28.jpg) no-repeat left 11px; border-bottom:1px dotted #CCCCCC;}
.r_news3 li a{float:left;padding-left:13px;height:31px;line-height:31px; }
.r_news3 li a:hover{float:left;overflow:hidden;text-decoration:underline;color:#ff0000;}








.tui_pro1{float:left;width:730px;overflow:hidden;display:inline;}
.tui_pro1_tit{width:730px; overflow:hidden; height:32px; background:url(https://www.hqitt.com/templets/default/images/baiyun_56.jpg) no-repeat}
.tui_pro1_tit h2{float:left; padding-left:30px; line-height:32px; font-weight: normal; color:#333333; font-size:16px; }
.tui_pro1_tit h3 a{float:right;color:#c2c2c2;padding:0 5px; margin-top:5px; height:18px; font-size:12px; font-weight:normal;line-height:18px; background:#e0e0e0;}
.tui_pro1_tit h3 a:hover{color:#fff; background:#ff7900;text-decoration:none; }
.tui_pro1_content{float:left;width:730px;line-height:24px;overflow:hidden; padding-bottom:5px; margin-top:20px; }
.tui_pro1_content ul{float:left;width:750px;overflow:hidden;display:inline; }
.tui_pro1_content li{float:left;width:170px;height:140px;overflow:hidden;display:inline; margin-right:17px; }
.tui_pro1_content li a img{float:left;width:170px;height:110px;overflow: hidden;display:inline;  }
.tui_pro1_content li a img:hover{float:left;width:170px;height:110px;display:inline; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.tui_pro1_content li strong a{ float:left;height:30px;font-weight:normal; text-align: center; font-size:14px;line-height:30px;width:170px;}



.tui_pro2{float:left;width:1103px;overflow:hidden;display:inline;}
.tui_pro2_tit{width:1103px; overflow:hidden; height:32px; background:url(https://www.hqitt.com/templets/default/images/baiyun_56.jpg) no-repeat}
.tui_pro2_tit h2{float:left; padding-left:30px; line-height:32px; font-weight: normal; color:#333333; font-size:16px; }
.tui_pro2_tit h3 a{float:right;color:#c2c2c2;padding:0 5px; margin-top:5px; height:18px; font-size:12px; font-weight:normal;line-height:18px; background:#e0e0e0;}
.tui_pro2_tit h3 a:hover{color:#fff; background:#ff7900;text-decoration:none; }
.tui_pro2_content{float:left;width:1103px;line-height:24px;overflow:hidden; padding-bottom:5px; margin-top:20px; }
.tui_pro2_content ul{float:left;width:1022px;overflow:hidden;display:inline; }
.tui_pro2_content li{float:left;width:230px;height:190px;overflow:hidden;display:inline; margin-right:24px; }
.tui_pro2_content li a img{float:left;width:230px;height:150px;overflow: hidden;display:inline;  }
.tui_pro2_content li a img:hover{float:left;width:230px;height:150px;display:inline; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.tui_pro2_content li strong a{ float:left;height:30px;font-weight:normal; text-align: center; font-size:14px;line-height:30px;width:230px;}





.L_weizhi{ height:40px; border-bottom:1px solid #e0e0e0; color:#666; line-height:40px; font-size:14px; margin-top:5px;}

.L_lanmu{ width:1080px;float:left;overflow:hidden;margin-top:5px;}
.L_lanmu ul{width:1110px; overflow:hidden; }
.L_lanmu ul li{ float:left; height:45px;line-height:45px;font-size:16px;margin-top:15px; text-align:center; font-weight:normal; margin-right:10px;}
.L_lanmu ul li a{float:left;height:45px;line-height:45px; color:#333; padding:0 30px;border-radius:5px; background:#eaeaea; }
.L_lanmu ul li a:hover{text-decoration:none;background:#e50012;color:#fff; }
.L_lanmu .currclass a{background:#e50012;color:#fff;height:45px;line-height:45px;}




.piclistbox{width:1080px; float:left; margin-top:20px; margin-bottom:20px; line-height:25px;font-size:14px; min-height:300px;border:1px solid #EAEAEA;border-radius:5px; padding:10px;}



.site{ float:left;width:930px; overflow:hidden; height:38px;margin-top:47px; background:#eeeeee;}
.site_link{float:right; line-height:38px;padding-right:5px; color:#666; font-size:14px;font-weight: normal;}
.site_link a{color:#666;}
.site_link a:hover{color:#ff0000; text-decoration:none; }

.SubContent{float:left;width:910px;overflow:hidden; line-height:28px; color:#666; margin-top:20px; margin-left:20px; min-height:500px; margin-bottom:20px;}

.service_hd .service_left .service_lefttitle {
	font-weight: bold;
}


.allnews{float:left;width:910px ;overflow:hidden; }
.newstit{margin-top:10px;text-align:center;width:910px;height:50px;font-size:16px; line-height:40px;font-weight:bold;color:#333;border-bottom:1px solid #EFEFEF;}
.news_stit{text-align:center;width:910px;height:25px; line-height:25px; margin:5px 10px 0 10px;font-size:12px;color:#666;}
.news_content{float:left;width:910px; padding:10px 0; font-size:14px;overflow:hidden; line-height:27px;}
.news_content p{padding:0px;}
.return{margin:0 auto;width:82px;height:25px;}

.dy_news{float:left;width:910px ;overflow:hidden; padding:30px; margin-top:20px;background:#efefef;}
.dy_news ol{float:left;width:910px ; line-height:45px; font-size:18px;overflow:hidden;}
.dy_news ul{float:left;width:910px ;overflow:hidden;}
.dy_news ul li{float:left;width:390px; line-height:35px;}


.dy_pro{float:left;width:790px ;overflow:hidden; padding:10px; margin-top:20px;background:#efefef;}
.dy_pro ol{float:left;width:790px; line-height:45px; font-size:18px;overflow:hidden;}
.dy_pro ul{float:left;width:820px;overflow:hidden; }
.dy_pro ul li{float:left;width:257px; height:230px;overflow:hidden; margin-right:10px; }
.dy_pro ul li a img{float:left;width:255px;height:168px;border:1px solid #f2f0f0;}
.dy_pro ul li a img:hover{float:left;width:255px;height:168px;border:1px solid #0958a5;}
.dy_pro ul li a h2{float:left;width:257px;font-weight: normal;font-size:16px; text-align:center; height:35px; padding-top:10px; line-height:35px;color:#333;}
.dy_pro ul li a:hover h2{ color:#0958a5;}



.tui_pro11{float:left;width:910px;overflow:hidden;}
.tui_pro11 ul{float:left;width:880px; margin-left:5px; }
.tui_pro11 ul li{float:left;width:257px; height:230px;overflow:hidden; margin-right:54px; }
.tui_pro11 ul li a img{float:left;width:255px;height:168px;border:1px solid #f2f0f0;object-fit: cover;object-position: center;}
.tui_pro11 ul li a img:hover{float:left;width:255px;height:168px;border:1px solid #0958a5;}
.tui_pro11 ul li a h2{float:left;width:257px;font-weight: normal;font-size:14px; text-align:center; height:35px; padding-top:10px; line-height:35px;color:#333; overflow:hidden;}
.tui_pro11 ul li a:hover h2{ color:#0958a5;}
.tui_pro11.fuwu_tui_pro11 ul li a .text{float: left;;height: 48px;overflow: hidden;line-height: 24px;overflow:hidden;display:-webkit-box !important;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.tui_pro11.fuwu_tui_pro11 ul li a:hover .text{ color:#0958a5;}
.tui_pro11.fuwu_tui_pro11 ul li{height: 286px;}



.tui_pro22{float:left;width:910px;overflow:hidden;}
.tui_pro22 ul{float:left;width:880px; margin-left:5px; }
.tui_pro22 ul li{float:left;width:182px; height:145px; margin-right:24px;margin-top:15px; }
.tui_pro22 ul li a img{float:left;width:180px;height:108px; border:1px solid #ddd;}
.tui_pro22 ul li a img:hover{float:left;width:180px;height:108px; border:1px solid #0958a5;}
.tui_pro22 ul li a h2{float:left;width:182px;font-weight: normal;font-size:14px; text-align:center; height:35px;  line-height:35px;color:#333;overflow:hidden;s}
.tui_pro22 ul li a:hover h2{ color:#0958a5;}

.tui_pro11 ul li:nth-child(3n){margin-right: 0}



.tui_pro33{float:left;width:780px;overflow:hidden;}
.tui_pro33 ul{float:left;width:780px; margin-left:25px;}
.tui_pro33 ul li{float:left;width:227px; height:210px; margin-right:25px;margin-top:15px; }
.tui_pro33 ul li a img{float:left;width:225px;height:170px; border:1px solid #ddd;}
.tui_pro33 ul li a img:hover{float:left;width:225px;height:170px; border:1px solid #509e49;}
.tui_pro33 ul li a h2{float:left;width:227px;font-weight: normal;font-size:16px; text-align:center; height:35px;  line-height:35px;color:#333;}
.tui_pro33 ul li a:hover h2{ color:#33aa66;}




.case11{ float:right; width:910px;overflow:hidden;}
.case11 ol{ float:left;width:910px;overflow:hidden; }
.case11 ol li{float:left;width:910px; padding:15px 0;overflow:hidden;border-bottom:1px solid #CCCCCC}
.case11 ol li p{float:left;width:890px; margin-left:20px; height:30px; line-height:30px; font-size:16px; color:#f56e00; font-weight: 700; }
.case11 ol li span{float:left;width:890px; margin-left:20px; padding-top:2px; height:75px; line-height:25px; font-size:14px; color:#747474; font-weight: normal; overflow:hidden; }








.Igc{float: left;width:980px;display:inline;}
.Igc_tit{float:left;width:980px;height:32px;overflow:hidden;background:url(https://www.hqitt.com/templets/default/images/oupusi_22.jpg) no-repeat; margin-top:10px;}
.Igc_tit_L{float:left; padding-left:36px; line-height:34px; color:#fff; font-size:14px; }
.Igc_tit_R{float:right; padding-right:5px;height:34px; padding-top:5px; color:#666; font-size:14px; }




.ipc{float:left;width:976px;height:195px;overflow:hidden; border:2px solid #E9E9E9;}
.scroll_con{float:left;width:2120px;margin:10px 0px 10px 0px;display:inline;overflow:hidden}
.scroll_con ul{float:left;width:2120px;overflow:hidden;display:inline;}
.scroll_con li{float:left;width:202px;height:190px; margin-right:10px;display:inline; text-align: center; }
.scroll_con li a img{float:left;width:200px;height:150px;border:1px solid #d5d5d5;display:inline;}
.scroll_con li a img:hover{float:left;width:200px;height:150px;border:1px solid #ff0000;display:inline;}
.scroll_con li span.imgname{float:left;width:200px;line-height:20px;}
.scroll_con li span.imgname1{float:left;width:200px; color:#FF5500; padding-top:5px; font-weight:bold;line-height:20px;}



.video_home{ float:left; width:220px; padding:10px;}
.first_home{ float:right; width:730px; margin-top:15px; overflow:hidden}



.capbox {BORDER: #E9E9E9 1px solid; margin-top:10px;}

.inhead { FONT-SIZE: 14px; BACKGROUND: url(https://www.hqitt.com/templets/default/images/oupusi_42.jpg) repeat-x; PADDING-BOTTOM: 0px; LINE-HEIGHT: 32px;  HEIGHT: 34px}
.inhead .more { float:right;padding-right:5px; margin-top:12px; height:20px;LINE-HEIGHT: 20px}
.inhead .more:hover {TEXT-DECORATION: underline}
.inhead STRONG {PADDING-LEFT: 10px; COLOR: #30619B}



.v6 {MARGIN-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 320px; HEIGHT: 280px}
.v6 .inbody {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 10px;}
.v6 .focus {PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; CURSOR: pointer; PADDING-TOP: 0px; HEIGHT: 94px; TEXT-DECORATION: none}
.v6 .focus IMG {BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ccc 1px solid; DISPLAY: inline; PADDING-LEFT: 1px; FLOAT: left; PADDING-BOTTOM: 1px; BORDER-LEFT: #ccc 1px solid; WIDTH: 120px; MARGIN-RIGHT: 10px; PADDING-TOP: 1px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 90px}
.v6 .focus STRONG {DISPLAY: block; FONT-WEIGHT:BLOD; FONT-SIZE: 14px; OVERFLOW: hidden; COLOR: #256EB1; LINE-HEIGHT: 26px; HEIGHT: 26px}
.v6 .focus SPAN {DISPLAY: block; OVERFLOW: hidden; COLOR: #4d4d4d; LINE-HEIGHT: 22px; HEIGHT: 66px}
.v6 UL {PADDING-RIGHT: 5px; BORDER-TOP: #e2e2e2 1px solid; MARGIN-TOP: 10px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 5px}
.v6 LI {OVERFLOW: hidden; LINE-HEIGHT: 26px; FONT-FAMILY: arial; HEIGHT: 26px; font-family:"Microsoft Yahei"}
.v6 LI SPAN {DISPLAY: inline; FLOAT: right; MARGIN-LEFT: 5px; COLOR: #666}
.v6 LI .cat {BORDER-RIGHT: #959595 1px solid; PADDING-RIGHT: 8px; FONT-WEIGHT: normal; MARGIN-RIGHT: 8px}
.v6 LI .cat A {COLOR: #4A8109; }
.v6 LI .arc {COLOR: #4D4D4D}
.v6 .inbody A:hover {TEXT-DECORATION: none; }
.v6 LI A:hover {COLOR: #e23f13; }
.v6 .focus:hover STRONG {COLOR: #e23f13;}
.v6 .arrow a{ font-weight:normal; padding-left:5px; font-size:12px;background:url(https://www.hqitt.com/templets/default/images/oupusi_50.jpg) no-repeat left 5px; }


.r{FLOAT: right}
.l{FLOAT: left}
.c{FLOAT: left; margin-left:18px;}


.v8 {margin-bottom: 10px; overflow: hidden; width: 867px;}
.v8 .inbody {padding-right: 5px; padding-left: 5px; padding-bottom: 5px;  padding-top:5px; float:left; display: block; overflow:hidden}
.v8 .focus {padding-right: 5px; display: block; padding-left: 5px; padding-bottom: 0px; overflow: hidden; cursor: pointer; margin-top:10px; height:84px; text-decoration: none;border-bottom:1px dotted #cccccc}
.v8 .focus img {border-right: #ccc 1px solid; padding-right: 1px; border-top: #ccc 1px solid; display: inline; padding-left: 1px; float: left; padding-bottom: 1px; border-left: #ccc 1px solid; width: 120px; margin-right: 10px; padding-top: 1px; border-bottom: #ccc 1px solid; height: 90px}
.v8 .focus strong {display: block; font-weight:blod; font-size: 14px; overflow: hidden; color: #333;font-family:"microsoft yahei"; line-height: 27px; height: 27px}
.v8 .focus span {display: block; overflow: hidden;  line-height:18px; height:54px}
.v8 ul {padding-right: 5px; border-top: #e2e2e2 1px solid; margin-top: 10px; padding-left: 5px; padding-bottom: 0px; padding-top: 5px}
.v8 li {overflow: hidden; line-height: 26px; font-family: arial; height: 26px; font-family:"microsoft yahei"}
.v8 li span {display: inline; float: right; margin-left: 5px; color: #666}
.v8 li .cat {border-right: #959595 1px solid; padding-right: 8px; font-weight: normal; margin-right: 8px}
.v8 li .cat a {color: #4a8109; }
.v8 li .arc {color: #4d4d4d}
.v8 .inbody a:hover {text-decoration: none; }
.v8 li a:hover {color: #e23f13; }
.v8 .focus:hover strong {color: #e23f13; }
.v8 .arrow a{ font-weight:normal; padding-left:5px; font-size:12px;}

.rq{float:left; width:71px; height:65px; margin-right:12px; text-align:center;background:url(../images/ns_03.jpg) no-repeat left top;}
.rq h4{ font-size:30px;font-weight:bold;font-family:"΢���ź�";line-height:43px;color:#ff4400}








/*ͼƬ�Ŵ�����ʽ*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:400px;height:300px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../imagess/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*ͼƬСͼԤ���б�*/
.spec-preview{width:400px;height:400px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:402px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"����";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:370px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:62px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}


.previe12{float:left; width:405px; overflow:hidden;}
.previe34{float:right; width:330px; margin-top:10px; line-height:30px; font-size:14px; overflow:hidden;}
.previe34 h2{float:left;width:330px; font-size:14px; color:#019740; font-weight:bold;}
.previe45{float:right; width:330px; margin-top:20px; line-height:30px; font-size:14px; overflow:hidden; background:#f5f5f5; padding:5px;border-radius:5px;}

.previe56{float:left; margin-top:10px; margin-left:3px; padding-top:10px; width:780px; min-height:400px; overflow:hidden; border-top:1px solid #CCCCCC;}








/**********��Ʒ����************/
.goods{ float: left; width: 720px; overflow:hidden; }
.goods-left { float: left; width: 430px; }
.goods-right { float: right; width: 270px; margin-top:15px; }
.goods-right li del { color: #666; }
.goods-spce-ul li {padding: 5px;line-height:25px;}
.goods-spce-ul li strong { font-size: 16px;font-weight: 700;}


.link ul li.friend-link{padding-left: 36px;}
.link{ float:left; width:100%;overflow:hidden; padding:15px 0; background:#0958a5;}
.link ul{margin:0 auto;width:1200px; padding:5px 0; box-sizing: border-box;}
.link ul li{ float:left;line-height:30px; font-size:16px;padding-left:10px;color:#fff; }
.link ul li a{ float:left; padding-right:12px;padding-left: 22px; font-size:14px; color:#fff;;opacity:0.5;}
.link ul li a:hover{color:#ff0000;opacity: 1;}


.footer_about{ float:left; width:140px; margin-right:5px;overflow:hidden; margin-top:5px; padding-bottom:10px;}
.footer_about ol{ float:left; width:140px; line-height:40px; font-size:16px; font-weight: normal; color:#fff; overflow:hidden; }
.footer_about ul{ float:left; width:140px; overflow:hidden;font-size:14px; line-height:28px;font-weight:normal;}
.footer_about ul li{float:left;width:140px; line-height:25px; overflow:hidden; color:#bfbfbf;}
.footer_about ul li a{float:left;  line-height:25px; color:#bfbfbf; overflow:hidden}
.footer_about ul li a:hover{color:#ff0000}

.footer_pro{ float:left; width:220px; margin-right:5px;overflow:hidden; margin-top:5px; padding-bottom:10px;}
.footer_pro ol{ float:left; width:160px;padding-left:40px; line-height:40px;font-size:16px; font-weight: normal; color:#fff; overflow:hidden; }
.footer_pro ul{ float:left; width:200px; overflow:hidden;font-size:14px; line-height:28px;font-weight:normal;}
.footer_pro ul li{float:left;width:90px; line-height:25px; overflow:hidden; color:#bfbfbf;}
.footer_pro ul li a{float:left;  line-height:25px; color:#bfbfbf; overflow:hidden}
.footer_pro ul li a:hover{color:#ff0000}



.ft-logo{height: 51px;}
.footer_left .left, .footer_right .left{float: left;}
.ft_webchart_ibox {
    float: right;
}
.footer_left{float: left;padding-right:80px;border-right: 1px solid #cfcfcf;}
.footer_left ul{line-height: 22px;color: #222;font-size: 16px;width: 320px;margin-top: 25px;}
.footer_left ul li{margin-bottom: 7px;}
.footer_left ul li.tit,.footer_right ul li.tit{font-weight: bold;}
.footer_right{ float:left; padding-left:80px; overflow:hidden;  }
.footer_right ul{float:left; width:302px;  overflow:hidden; color:#222; font-size:16px; line-height:25px;margin-top: 25px; }
.footer_right ul li{overflow:hidden; color:#222; font-size:16px; line-height:22px; margin-bottom: 7px;}
.ft_webchart_ibox p{color: #505050;font-size: 14px;text-align: center;line-height: 22px;margin-top: 10px;}
.ft_webchart_ibox .imgs{float: left;margin-left: 22px;}
.ft_webchart_ibox .imgs img{ border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; display: block;}



.footerbg{margin:0 auto; float:left; width:100%; padding:40px 0;  background:#e8e8e8;  }

.footer{margin:0 auto;width:100%; height:48px; background:#e8e8e8; border-top:1px solid #cfcfcf; overflow:hidden;}
.footer_end{margin:0 auto; width:1080px;padding-top:10px; text-align:center; line-height:25px;color:#222;}
.footer_end a{color:#222;}





/*CSS pageinfo style pagination*/
.pageinfo_box{ float:left;width:100%; margin-top:30px; overflow: hidden;}
.pageinfo {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:3px;  text-align: center; line-height:25px; font-size:14px; }
.pageinfo a {border: #0958a5 1px solid; padding-right: 5px;padding-left: 5px; padding-bottom: 2px; margin: 2px;  color: #0958a5; padding-top: 2px;  text-decoration: none}
.pageinfo a:hover {border: #0958a5 1px solid;color: #ff0000; }
.pageinfo a:active {border: #0958a5 1px solid;color: #ff0000;}
.pageinfo .thisclass {border: #0958a5 1px solid; padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; color: #fff; padding-top: 2px;  background-color: #0958a5}
.pageinfo .disabled {border: #0958a5 1px solid;padding-bottom: 2px; padding-right: 5px;padding-left: 5px; color: #0958a5; margin-right: 2px; padding-top: 2px; }
.pageinfo strong{color: #ff0000; padding:0 3px;}


/*固定的悬浮窗*/

.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff8000 url(../images/fixcont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff8000 url(../images/fixcont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff8000 url(../images/fixcont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff8000 url(../images/fixcont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


.yb_conct{display: none;}
/* 服务支持 */
.ind-service{padding-bottom: 62px;}
.ind-service h2{
    width: 1343px;
    overflow: hidden;
    height: 60px;
    margin: 40px auto 0;
    line-height: 45px;
    text-align: center;
    font-size: 32px;
    color: #222222;
    background: url(../images/home_service_tit_bg.jpg) no-repeat center bottom;
}
.ind-service h2 span{
    color: #0958A5;
}
.ind-service ul{width: 1200px;margin: 0 auto;padding-top: 32px;}
.ind-service ul li{
    float: left;
    width:224px;
    height:293px;
    margin-right: 20px;
    color: #fff;
    text-align: center;
    overflow: hidden;
	cursor: default;
}
.ind-service ul li a{color: #fff;}
.ind-service ul li.last{margin-right: 0;}
.ind-service ul li p{
    line-height:28px;
    font-size: 24px;
    font-weight: bold;
}
.ind-service ul li span{
    display: block;
    line-height:28px;
    opacity:0.3;
    color: #fff;
    font-size: 12px;
    font-family:Arial;
}
.ind-service .arr{
    width: 30px;
    height: 30px;
    background: url(../images/arr.png) no-repeat;
    margin: 40px auto 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.ind-service i.icon{
    display: block;
    width: 45px;
    height: 38px;
    margin: 60px auto 26px;
    background: url(../images/service-icon.png) no-repeat;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.ind-service i.icon1{
    background-position: 0 0;
}
.ind-service i.icon2{
    background-position: -56px 0;
}
.ind-service i.icon3{
    background-position: -110px 0;
}
.ind-service i.icon4{
    background-position: -160px 0;
}
.ind-service i.icon5{
    background-position: -206px 0;
}
.ind-service .text{
    font-size: 14px;
    line-height: 24px;
    padding: 0 22px;
    opacity: 0;
    display: none;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.ind-service .arr2{
    opacity: 0;
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
}
.ind-service ul li:hover i.icon{
    opacity: 0;
    margin: 0 auto;
}
.ind-service ul li:hover .arr{
    margin: 0 auto -40px;
    opacity: 0;
}
.ind-service ul li:hover .arr2{
    opacity: 0.2;
}
.ind-service ul li:hover .text{
    opacity: 1;
    display: block;
}
/* 核心业务 */
.ind-yewu{
    background-color: #0958a5;
    padding-bottom: 56px;
}
.ind-yewu table{
	line-height: 26px;
}
.ind-yewu table tr td{
	position: relative;
	overflow: hidden;
}
.ind-yewu a.link{
	position: absolute;
	left: 0;
	top: 0;
	height: 77%;
	background-color: transparent;
	z-index: 2;
}
.ind-yewu h2{
    float: left;
    width: 100%;
    overflow: hidden;
    height: 60px;
    margin-top: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 32px;
    color: #fff;
    margin-bottom: 30px;
    background: url(../images/home_yewu_tit_bg.jpg) no-repeat center bottom;
}
.ind-yewu div.txt{width: 610px;margin: 0 auto;text-align: center;color: #95C5ED;line-height: 28px;font-size: 14px;}
.ind-yewu ul{
    width: 1076px;
    margin: 26px auto 0;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #DDDDDD;
    border-bottom: 0;
    border-left: 0;
}
.ind-yewu ul li.md-5{width: 50%;float: left;text-align: center;}
.ind-yewu ul li.md-4{width: 25%;float: left;text-align: center;}
.ind-yewu ul li .imgs{
    border-bottom: #DDDDDD 1px solid;
    border-left: 1px solid #DDDDDD;
    overflow: hidden;
    height: 132px;
    box-sizing: border-box;
}
.ind-yewu ul li.md-4 .imgs{
    height: 180px;
}
.ind-yewu ul li.md-4 .imgs img{
    margin-top: 30px;
}
.ind-yewu ul li .imgs img{
    transition:transform 1s ;
    -webkit-transition:transform 1s ;
    -moz-transition:transform 1s ;
    -ms-transition:transform 1s ;
    -o-transition:transform 1s ;
}
.ind-yewu ul li:hover .imgs img{
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}
@media only screen and (max-width: 1343px){
	.ind-service h2{width: 100%;}
}

/* 技术服务 */
.fuwu_pro11{float:left;overflow:hidden;margin:0 -7.5px;padding-left: 5px;}
.fuwu_pro11 ul{float:left;}
.fuwu_pro11 ul li{float:left;width:33.3%; overflow:hidden;margin-bottom: 20px;}
.fuwu_pro11 ul li a{display: block;margin: 0 7.5px;}
.fuwu_pro11 ul li a .pic{width: 100%;overflow: hidden;    width: 257px;height: 168px;}
.fuwu_pro11 ul li a img{border:1px solid #f2f0f0; width: 257px;height: 168px;box-sizing: border-box;}
.fuwu_pro11 ul li a img:hover{border:1px solid #0958a5;}
.fuwu_pro11 ul li a h2{width:100%;font-weight: normal;font-size:18px; text-align:center;padding-top:10px;color:#333; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.fuwu_pro11 ul li a:hover h2{ color:#0958a5;}
.fuwu_pro11 ul li a .text{height: 48px;overflow: hidden;line-height: 24px;overflow:hidden;display:-webkit-box !important;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.fuwu_pro11 ul li a:hover .text{ color:#0958a5;}




/* 荣誉资质 */
.w1200{display: block;width: 1200px;margin: 0 auto;position: relative;}
.ind-honor h2 {width: 100%;overflow: hidden;height: 60px;margin-top: 45px;line-height: 45px;text-align: center;font-size: 30px;color: #404040;background: url(../images/home_honor_tit_bg.jpg) no-repeat center bottom;}
.ryBox{padding-bottom: 40px;padding-top: 40px;}
.mySwiperHonor{width: 100%;position: relative;overflow: hidden;}
.ryBox .img{width: 100%;border: 1px solid #E5E5E5;overflow: hidden;}
.ryBox .img img{width: 100%;transition: .5s;}
.ryBox .honorBg{margin: 30px -40px 0;}
.ryBox .honorBg img{width: 100%;}
.ryBox .img img:hover{transform: scale(1.05);}



.indAbout{display: flex;padding: 40px 0 80px;}
.ind-About h2{width: 100%;overflow: hidden;height: 60px;margin-top: 45px;line-height: 45px;text-align: center;font-size: 30px;color: #404040;background: url(../images/home_about_tit_bg.jpg) no-repeat center bottom;}
.indAbout .img{width: 50%;}
.indAbout .img img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.indAbout .desc{width: 50%;display: flex;flex-direction: column;align-items: flex-start;padding: 45px 50px;background: #FFFFFF;}
.indAbout .desc .atit{height: 50px;line-height: 50px;background: linear-gradient(90deg, #FF3838, #FF5B5B);padding: 0 10px;font-size: 26px;font-weight: bold;color: #FFFFFF;}
.indAbout .desc .btit{text-indent: 2em;font-size: 16px;color: #333333;line-height: 1.55;margin-top: 15px;}
.indAbout .desc .btit p+p{margin-top: 20px;}



.xfooter{display: flex;margin: 0 -30px;}
.xfootInfo{width: 33.333%;display: flex;margin: 0 30px;position: relative;}
.xfootInfo+.xfootInfo::after{content: "";display: block;position: absolute;left: -30px;top: 0;
width: 1px;height: 100%;background: #cfcfcf;}
.xfootInfo .desc{width: calc(100% - 105px);padding-right: 20px;box-sizing: border-box;}
.xfootInfo .img{width: 105px;}
.xfootInfo .img img{border-radius: 10px;display: block;width: 100%;}
.xfootInfo .img p{color: #505050;font-size: 14px;text-align: center;line-height: 22px;margin-top: 10px;}
.xfootInfo ul{line-height: 22px;color: #222;font-size: 16px;margin-top: 25px;}
.xfootInfo li{margin-bottom: 7px;}
.xfootInfo li.tit{font-weight: bold;}





.pagesDiv {clear:both;width:100%;margin:0 auto;line-height:25px;padding:10px 0px 10px 0px;}

.pages {height:30px;color:#666666;margin-top:5px;text-align:center;}

.pages a:link,.pages a:visited {color:#666666;}

.pages a,.pages a:link {text-decoration:none;padding:2px 5px;border:1px solid #DDDDDD;background:#FFFFFF;margin:0px 2px;font-size:12px;color:#666666;text-align:center;}

.pages a:hover {background:#FB9007;color:#FFFFFF;border:1px solid #E61636;text-decoration:none;text-align:center;padding:2px 5px;}

.pages .cpb {font-weight:bold;color:#FFFFFF;background:#FB9007;border:1px solid #E61636;text-align:center;margin:0px 2px;padding:2px 5px;}

.pages .intext {width:30px;border:1px solid #7F9DB9;height:19px;line-height:19px;}

.pagination {text-align:center;}

.pagination li {display:inline-block;color:#333333;height:30px;line-height:30px;margin:0px 4px;vertical-align:middle; font-size: 14px;}

.pagination li a {float:left;display:block;height:25px;line-height:25px;padding:0 10px;font-size:14px;border:1px solid #dddddd;color:#666;text-decoration:none;}

.pagination li a:hover {background:#FB9007;color:#ffffff;}

.pagination li a.thisclass {background:#FB9007;color:#ffffff;border:1px solid #E61636;cursor:default;}

.pagination li a.thisclass:hover {background:#FB9007;color:#ffffff;border:1px solid #E61636;cursor:default;}

.pagination li .pageinfo {line-height:21px;padding:12px 10px 12px 16px;color:#999999;}

.pagination li .pageinfo strong {color:#555555;font-weight:normal;}

.pagination table {text-align:center;margin:10px 0px 0px 25%;}

.pagination table td {padding:0px 2px;}

#pages {padding:14px 0 70px;text-align:right;}

#pages a {display:inline-block;height:30px;line-height:30px;background:#ffffff;border:1px solid #e3e3e3;text-align:center;color:#333333;padding:0 14px;margin: 0;}

#pages a.a1 {background:url('../images/pages.png') no-repeat 0 5px;padding:0 5px;}

#pages a:hover {background:#f1f1f1;color:#000000;text-decoration:none;}

#pages span {display:inline-block;height:30px;padding:0 14px;line-height:30px;background:#0F58A5;border:1px solid #0F58A5;color:#ffffff;text-align:center;}

#pages .noPage {display:inline-block;height:22px;line-height:22px;background:url('../images/titlebg.png') repeat-x 0 -55px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}


.zxSec{background: #F8F9FB;padding: 50px;}
.messageBox{display: flex;}
.messageBox form{display: flex;width: 100%;justify-content: center;}
.msgItem{display: flex;align-items: center;border: 1px solid #E6E6E6;border-radius: 25px;background: #FFFFFF;overflow: hidden;width: 250px;margin-right: 20px;}
.msgItem i{width: 50px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;position: relative;}
.msgItem i:after{content: "";display: block;width: 1px;height: 25px;background: #E6E6E6;position: absolute;right: 0;top: 50%;margin-top: -12px;}
.messageBox .int{width: 100%;height: 50px;color: #666;font-size: 18px;padding: 0 15px;}
.messageBox .int::placeholder{color: #CCCCCC;}
.messageBox .btn{display: block;height: 50px;line-height: 50px;width: 150px;text-align: center;background: linear-gradient(90deg, #FF3838, #FF5B5B);border-radius: 25px;font-size: 18px;color: #FFFFFF;margin-right: 20px;cursor: pointer;transition: .3s;}
.messageBox .btn:hover{transform: translateY(-5px);box-shadow: 0px 5px 10px 0 #ccc;}
.msgPhone{display: flex;align-items: center;}
.msgPhone img{margin-right: 10px;}
.msgPhone span{font-family: DIN;font-weight: bold;line-height:1.2;font-size: 36px;color: #0048BD;background: linear-gradient(0deg, #FF3838 0%, #FF5B5B 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}


.header{display: flex;align-items: center;}
.h-tel{margin-top: 0;margin-left: 50px;}
.search{margin-top: 0;margin-left: 0;}
.logo{margin-top: 0;margin-right: auto;}
.logo2{display: block;margin-left: auto;}



.side-box-out{position: relative;position: fixed;right: 10px;top: 30%;z-index: 150;}
.side_box{background:linear-gradient(0deg, #0958a5 0%, #0958a5 100%) ;border-radius: 4px;}
.side_icon{position: relative;padding: 10px;cursor: pointer;text-align: center;}
.side_icon:not(:last-child)::after{position: absolute;content: "";left: 10%;bottom: 0;width: 80%;border-bottom: 1px solid #fff;}
.side_icon .side_icon_1 img{margin: auto;width: 30px;}
.side_icon .side_icon_1 p{font-size: 12px;text-align: center;color: #FFFFFF;margin-top: .04rem; line-height: 2;}
.side_icon_2{width: 120px;position: absolute;right: 80px;top: 50%;transform: translateY(-50%);opacity: 0;visibility: hidden;transition: all .5s  ease-in-out;background: #fff;box-shadow: 0px 0px 5px 0 rgba(0,0,0,.2);border-radius: 10px;overflow: hidden;padding: 5px 5px 10px;}
.side_icon_2.auto{width: auto;padding: 10px 15px 10px;}
.side_icon_2_p1{font-size: 16px!important;font-weight: 500;color: #28292E;line-height: 25px;text-wrap: nowrap;}
.side_icon_2_p2{margin-top: 5px;font-size: 20px!important;font-weight: 600;color:  #FF3838;line-height: 30px;text-wrap: nowrap;}
.side_icon_2>div+div{margin-top: 10px;}
.side_icon_2 img{width:100%;}
.side_icon_2 p{font-size: 12px;text-align: center;line-height: 1;}
.side_icon:hover  .side_icon_2{opacity: 1;visibility: visible;}