body,ul,li,dl,dt,dd,p,span{ list-style:none; margin:0; padding:0;}
body{ overflow-x:hidden; background:#fff}
.displayblock{ display:block;}

.w10{ width:100%; height:10px; clear:both;}
.w15{ width:100%; height:15px; clear:both;}
.w20{ width:100%; height:20px; clear:both;}
.w25{ width:100%; height:25px; clear:both;}
.w30{ width:100%; height:30px; clear:both;}

.margin0{ margin:0;}
.margin5{ margin:5px;}
.margin10{ margin:10px;}
.margin20{ margin:20px;}
.margin25{ margin:25px;}
.margin30{ margin:30px;}
.margin_top10{ margin-top:10px;}
.margin_top20{ margin-top:20px;}
.margin_top25{ margin-top:25px;}
.margin_top30{ margin-top:30px;}
.margin_btm10{ margin-bottom:10px;}
.margin_btm20{ margin-bottom:20px;}
.margin_btm25{ margin-bottom:25px;}
.margin_btm30{ margin-bottom:30px;}
.margin_l5{ margin-left:5px;}
.margin_l10{ margin-left:10px;}
.margin_l20{ margin-left:20px;}
.margin_l25{ margin-left:25px;}
.margin_l30{ margin-left:30px;}
.margin_r5{ margin-right:5px;}
.margin_r10{ margin-right:10px;}
.margin_r20{ margin-right:20px;}
.margin_r25{ margin-right:25px;}
.margin_r30{ margin-right:30px;}

.padding0{ padding:0;}
.padding_1{ padding:1px;}
.padding_5{ padding:5px;}
.padding_10{ padding:10px;}
.padding_20{ padding:20px;}
.padding_25{ padding:25px;}
.padding_30{ padding:30px;}
.padding_top10{ padding-top:10px;}
.padding_top20{ padding-top:20px;}
.padding_top25{ padding-top:25px;}
.padding_top30{ padding-top:30px;}
.padding_btm10{ padding-bottom:10px;}
.padding_btm20{ padding-bottom:20px;}
.padding_btm25{ padding-bottom:25px;}
.padding_btm30{ padding-bottom:30px;}
.padding_l5{ padding-left:5px;}
.padding_l10{ padding-left:10px;}
.padding_l20{ padding-left:20px;}
.padding_l25{ padding-left:25px;}
.padding_l30{ padding-left:30px;}
.padding_r5{ padding-right:5px;}
.padding_r10{ padding-right:10px;}
.padding_r20{ padding-right:20px;}
.padding_r25{ padding-right:25px;}
.padding_r30{ padding-right:30px;}

.borderall{ border:1px solid #DBDBDB;}
.bordert{ border-top:1px solid #DBDBDB;}
.borderr{ border-right:1px solid #DBDBDB;}
.borderb{ border-bottom:1px solid #DBDBDB;}
.borderl{ border-left:1px solid #DBDBDB;}
.border1{ border:1px;}
.border4{ border:4px;}
.bordercolor_red{ border-color:#ca140b;}
.borderstyle_solid{ border-style:solid;}

.border4red{ border:4px;border-color:#ca140b; border-style:solid;}

.fontcolor_goden{ color:#5b4606;}
.fontcolor_yellow{ color:#b8993a;}

.bg_yellow{ background:#b8993a;}
.bg_kc{ background:#f4eff3;}
.bg_inews{ background:#ffeebb;}
.bg_red{ background:#ca0000;}
.bg_white{ background-color:#fff;}

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

.indent2em{ text-indent:2em;}

.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f25{ font-size:25px;}
.f30{ font-size:30px;}
.f38{ font-size:38px;}

.clear{ clear:both;}

.red{ color:#ca0000;}
a.red{ color:#ca0000;}
.brown{color:#a26c38;}
a.write{ color:#fff}
.blue{ color:#0099cc;}

.img_center img{ display:block; margin:0 auto;}

.height15{ width:100%; height:15px; clear:both;}
.height20{ width:100%; height:20px; clear:both;}
.height25{ width:100%; height:25px; clear:both;}
.height35{ width:100%; height:35px; clear:both;}
.height45{ width:100%; height:45px; clear:both;}

.ellipsis1{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ellipsis2{ overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.imgcover img{ width:100%; height:100%; object-fit:cover;}

.topout{ width:100%; height:30px; background:#ebebeb;}
.top{ width:1190px; height:30px; font-size:12px; line-height:30px;  margin:0 auto;}
.topleft{ width:790px; height:30px; float:left;}
.topleft span{ color:#ff8a00;}
.topright{ width:400px; height:30px; text-align:right; float:left;}
.topright a{ padding:10px;}
.head{ width:1190px; height:95px; margin:0 auto;}
.head .logo{ width:280px; height:95px; float:left;}
.head .slg{ width:650px; height:95px; float:left;}
.head .slg .bigword{ width:650px; height:45px; padding-top:15px; font-size:28px; color:#000000;} 
.head .slg .bigword span{ color:#006699;} 
.head .slg .smallword{ width:650px; height:45px; padding-top:15px; font-size:14px; color:#666;}
.head .tel{ width:260px; height:95px; padding-top:15px; float:left;}
.head .tel .icon{ width:55px; height:95px; padding-top:10px; float:left;}
.head .tel .txt{ width:205px; height:20px; padding-top:8px;font-size:14px; color:#666; float:left;} 
.head .tel .number{ width:205px; height:45px; font-size:28px; color:#f8961e; float:left;}


/*banner*/
.banner{width:100%; height:536px; overflow:hidden; position:relative;}
.banner_inner{position:relative;height:536px;width:1190px;margin:0 auto}
.banner_img{width:2000000px}
.banner_img li{float:left;width:1600px;position:relative}
.banner_common{position:relative;width:1190px;margin:0 auto}
.banner_pre{position:absolute;top:50%;left:0;margin-top:180px;width:60px;height:60px;cursor:pointer;background:url(../images/banner_btn_l_24.png) no-repeat;opacity:.5;filter:alpha(opacity=50)}
.banner_next{position:absolute;top:50%;right:0;margin-top:180px;width:60px;height:60px;cursor:pointer;background:url(../images/banner_btn_r_24.png) no-repeat;opacity:.5;filter:alpha(opacity=50)}
.banner_pre:hover, .banner_next:hover{opacity:1;filter:alpha(opacity=100)}
.banner .control{width:130px;position:absolute;top:500px;left:50%;margin-left:-40px}
.banner .control li{float:left;margin-left:10px;width:18px;height:18px;border-radius:50%;cursor:pointer;background:#fff;}
.banner .control li a{display:none}
.banner .control li.current{background:#0c4eb2}

/*nav*/
.inav{ width:100%; height:50px; background:#0c4eb2;}
.inav ul{ width:1190px; height:50px; margin:0 auto;}
.inav ul li{ display:inline-block; line-height:50px; font-size:16px;}
.inav ul li a{ padding:16px 34px; color:#fff;}
.inav ul li a:hover{ background:#0c408f;}

/*keyword*/
.keywordout{ width:100%; height:35px; background:#f5f5f5;}
.keyword{ width:1190px; height:34px; line-height:34px; margin:0 auto;}
.keyword .word{ width:900px; height:34px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; float:left;}
.keyword .word a{ padding:0 8px;}
.keyword .search{ width:290px; padding-left:80px; height:34px; padding-top:5px; float:left;}
.keyword .searchbox{ width:180px; height:25px; border-top-left-radius:8px; border-bottom-left-radius:8px; padding-left:5px; border-right:0; float:left;}
.keyword .searchbtn{ width:30px; height:25px; border-top-right-radius:8px; border-bottom-right-radius:8px; background:url(../images/icon_search.jpg) no-repeat center center #0066cc; border-left:0; border:#0066cc; float:left;}


/*pro_top*/
.iprotop{ width:1190px; height:130px; margin:0 auto;}
.iprotop .tit{ width:240px; height:130px; float:left;}

.ihonor{ width:950px; height:130px; float:left;}
.honor{height:130px;margin:0 auto;overflow:hidden;width:950px;}
.mr_frbox{height:130px;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;width:20px;height:52px;margin:35px 30px 0 0;}
.mr_frUl{float:left;height:130px;width:864px;}
.mr_frBtnR{float:right;margin-top:35px;cursor:pointer;width:20px;height:52px;}
.mr_frUl ul li{display:inline;float:left;width:172px; height:130px; overflow:hidden;position:relative;}
.mr_frUl ul li a{display:block; width:160px; height:130px; border:1px solid #EBEBEB;}

/*pro_list*/
.iprolist{ width:1190px; height:auto; overflow:hidden; margin:0 auto;}
.proclass{ width:240px; height:700px; padding:5px; float:left; background:#f7f7f7;}
.proclass .tit{ width:228px; height:35px; line-height:35px; text-align:center; color:#fff; background:#0066CC;}
.proclass ul{ width:228px; height:auto; overflow:hidden;}
.proclass ul li a{ display:block; width:228px; height:45px; line-height:45px; padding-left:30px; background:url(../images/icon_class.jpg) no-repeat 5px 15.5px; border-bottom:1px dashed #DBDBDB;
  -webkit-transition:all .15s linear;
       -o-transition:all .15s linear;
          transition:all .15s linear;}
.proclass ul li a:hover{ padding-left:40px; background:url(../images/icon_class.jpg) no-repeat 15px 15.5px; border-bottom:1px solid #DBDBDB; 
  -webkit-transition:all .15s linear;
       -o-transition:all .15s linear;
          transition:all .15s linear;}
.iprotj{ width:950px; height:auto; overflow:hidden; float:left;}
.iprotj li{ width:237.5px; height:237.5px; float:left;}
.iprotj li a{ display:block; width:225px; height:225px; float:right; position:relative;  overflow:hidden;}
.iprotj li a img{ display:block; width:100%; height:100%; object-fit: cover;}
.iprotj li a .txt{ width:225px; height:35px; line-height:35px; text-align:center; color:#fff; background:rgba(0,0,0,.6); position:absolute; bottom:0; left:0; z-index:10}
.iprotj li a:hover .txt{  background:rgba(0,0,0,1); 
  -webkit-transition:all .15s linear;
       -o-transition:all .15s linear;
          transition:all .15s linear;}
		  
/*order_list
.iordertit{ width:1190px; height:38px; margin:0 auto;}
.iorder{ width:1190px; height:auto; overflow:hidden; margin:0 auto;}
.iorder table td{ border: 1px solid #fff; font-size:14px; }
.iorder table tr{ text-align:center;height:40px; line-height:40px;}
.iorder table tr.tit{ background:#c7e3ff; color:#0066cc; font-weight:bold; }
.iorder table tr.bg1{ background:#f4f4f4;}
.iorder table tr.bg2{ background:#eef7ff;}
*/
/*order_list*/

.iordertit{ width:1190px; height:38px; margin:0 auto;}
.iorder{ width:1190px; height:420px; overflow:hidden; margin:0 auto;}
.tit1{background:#c7e3ff;width:1190px;height:40px;margin:0 auto;}

.tita{ text-align:center;height:40px; line-height:40px;float:left; color:#0066cc; font-weight:bold;border-left: 1px solid #fff; font-size:14px;border-top: 1px solid #fff; }
.tita1{ text-align:center;height:40px; line-height:40px;float:left; color:#3D3D3D; border-left: 1px solid #fff; font-size:14px;border-top: 1px solid #fff; }
.bg1{ background:#f4f4f4;width:100%;height:38px;float:left}
.bg2{ background:#eef7ff;width:100%;height:38px;float:left}

/* news & case */
.newsout{ width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:20px 0;}
.inewsin{ width:1190px; height:auto; overflow:hidden; margin:0 auto;}
.inews{ width:585px;  height:auto; overflow:hidden; float:left; }
.inews .tit{ width:385px; text-align:left; float:left; }
.inews .tit p.p1{ width:135px; height:35px; line-height:35px; text-align:center; background:#f69600; color:#fff; float:left; }
.inews .tit p.p2{ width:125px; height:35px; line-height:35px; text-align:center; color:#676767; float:left;}
.inewslist { width:585px; height:auto; overflow:hidden;}
.inewslist li{ width:585px; height:120px; padding:11px 0; border-bottom:1px dashed #DBDBDB;}
.inewslist li .pic{ width:125px; height:95px; float:left;}
.inewslist li .pic img{  width:100%; height:100%; object-fit: cover;}
.inewslist li .nr{ width:460px; height:95px; padding-left:15px; float:left;}
.inewslist li .nr .name{ width:445px; height:40px; line-height:30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.inewslist li .nr .xx{ width:445px; height:44px; line-height:22px; color:#848484; overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.icase{ width:605px; height:auto; overflow:hidden; float:left;}
.icase .tit{ width:580px; text-align:left; margin-left:25px; padding-bottom:10px; float:left; }
.icase .tit p.p1{ width:135px; height:35px; line-height:35px; text-align:center; background:#f69600; color:#fff; float:left; }
.icase .tit p.p2{ width:125px; height:35px; line-height:35px; text-align:center; color:#676767; float:left;}
.icaselist{ width:605px; height:auto; padding-left:9px; overflow:hidden;}
.icaselist li{ width:298px; padding-left:18px; padding-top:10px; height:245px; float:left;}
.icaselist li .pic{ width:280px; height:195px; object-fit: cover; }
.icaselist li .pic img{ width:100%; height:100%; object-fit: cover;}
.icaselist li .name{ width:280px; height:34px; line-height:34px; text-align:center; background:#fff; border-top:none;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 3youshi */
.youshitit{ width:1190px; height:70px; line-height:70px; text-align:center; font-size:46px; margin:0 auto;}
.youshitit span{ color:#0066cc;}
.youshititxz{ width:1190px; height:50px; line-height:50px; text-align:center; font-size:14px; color:#747474; margin:0 auto;}
.youshi01{ width:1190px; height:555px; margin:0 auto;}
.youshi01_left{ width:845px; height:505px; float:left; background:url(../images/iys_pro01.jpg) no-repeat; position:relative;}
.youshi01_left .txt{ width:585px; height:175px; background:#fff; position:absolute; bottom:0; right:0; padding-top:20px; padding-left:45px;}
.youshi01_left .txt .t1{ width:100%; height:50px; line-height:50px; font-size:28px;}
.youshi01_left .txt .t2{width:100%; line-height:25px; font-size:15px;}
.youshi01_right{ width:345px; height:505px; padding-left:38px; float:left;}
.youshi01_right .txt{ width:307px; height:234px; background:#0066cc; padding-left:60px; color:#fff;}
.youshi01_right .txt .t1{ width:100%; line-height:130px; font-size:72px;}
.youshi01_right .txt .t2{ width:100%; line-height:40px; font-size:36px;}
.youshi01_right .txt .t3{ width:100%; line-height:28px; font-size:14px;}
.youshi01_right .pic{ width:307px; height:268px;}
.youshi02{ width:1190px; height:355px; margin:0 auto;}
.youshi02_left{ width:705px; height:355px; float:left; }
.youshi02_right{ width:485px; height:355px; padding-top:60px; float:left;}
.youshi02_right .t1{ width:80px; height:90px; color:#0066cc; font-size:72px; float:left;}
.youshi02_right .t2{ width:380px; height:80px; line-height:40px; padding-top:25px; font-size:36px; float:left;}
.youshi02_right .t2 span{ display:block; width:400px; height:16px; line-height:16px; font-size:16px;}
.youshi02_right .t3{ width:100%; height:60px; line-height:60px; color:#000; font-size:28px; float:left; }
.youshi02_right .t4{ width:100%; height:60px; line-height:30px; font-size:15px;  float:left;}
.youshi03{ width:1190px; height:388px; margin:0 auto;}
.youshi03_left{ width:485px; height:355px; padding-top:60px; float:left;}
.youshi03_left .t1{ width:80px; height:90px; color:#0066cc; font-size:72px; float:left;}
.youshi03_left .t2{ width:380px; height:80px; line-height:40px; padding-top:25px; font-size:36px; float:left;}
.youshi03_left .t2 span{ display:block; width:400px; height:16px; line-height:16px; font-size:16px;}
.youshi03_left .t3{ width:100%; height:60px; line-height:60px; color:#000; font-size:28px; margin-top:20px; float:left; }
.youshi03_left .t4{ width:100%; height:60px; line-height:30px; font-size:15px;  float:left;}
.youshi03_right{ width:705px; height:388px; float:left; }
.youshi03_right img{ display:block; float:right; }

/* iabout */
.iaboutout{ width:100%; height:1020px; padding-top:70px; background:url(../images/iabout_bg.jpg) no-repeat center top; background-size:contain}
.iabouttit{ width:1190px; height:135px; margin:0 auto;}
.iabouttit .t1{ width:1190px; height:50px; color:#fff; font-size:32px;}
.iabouttit .t2{ width:1190px; height:60px; color:#fff; font-size:26px;}
.iabout_part1{ width:1190px; height:360px; background:#fff; margin:0 auto;}
.iabout_part1 .pic{width:475px; height:330px; float:left; }
.iabout_part1 .js{width:715px; height:330px; padding-left:30px; float:left;}
.iabout_part1 .js .t1{width:100%; height:100px; line-height:100px; font-size:26px; color:#0066cc;}
.iabout_part1 .js .t2{width:95%; height:155px; line-height:32px; font-size:14px; color:#4a4a4a; overflow:hidden;}
.iabout_part1 .js a{ display:block; width:125px; height:40px; line-height:40px; text-align:center; border:1px solid #0066cc;}
.iabout_part2{ width:1190px; height:430px; margin:0 auto;}
.iabout_part2_left{ width:632px; height:430px; float:left;}
.iabout_part2_left li{ width:316px; height:215px; float:left;}
.iabout_part2_left li a{ display:block; width:292px; height:194px; position:relative;}
.iabout_part2_left li a p{ width:292px; height:35px; line-height:35px; text-align:center; color:#fff; position:absolute; bottom:0; left:0; background:rgba(0,0,0,.5)}
.iabout_part2_right{ width:558px; height:430px; float:left;}
.iabout_part2_right a{ display:block; width:558px; height:409px; position:relative;}
.iabout_part2_right a p{ width:558px; height:35px; line-height:35px; text-align:center; color:#fff; position:absolute; bottom:0; left:0; background:rgba(0,0,0,.5)}

/* ikehu & wenda */
.ikehu{ width:1190px; height:570px; margin:0 auto;}
.ikehu_kehu{ width:895px; height:570px; float:left;}
.ikehu_kehu .tit{ width:885px; height:55px; float:left;}
.ikehu_kehu .tit .t1{ width:120px; height:35px; line-height:35px; text-align:center; font-size:24px; background:#f69600; color:#fff; float:left;}
.ikehu_kehu .tit .t2{ width:750px; height:35px; line-height:35px; padding:0 10px 0 15px; font-size:16px; background:#f3f3f3; color:#4a4a4a; float:left;}
.ikehu_kehu .tit .t2 span{ float:right; font-size:14px;}
.ikehu_kehu .list{ width:885px; height:540px;}
.ikehu_kehu .list li{ width:295px; height:250px; float:left;}
.ikehu_kehu .list li .pic{ width:280px; height:195px; object-fit: cover; }
.ikehu_kehu .list li .pic img{ width:100%; height:100%; object-fit: cover;}
.ikehu_kehu .list li .name{ width:280px; height:34px; line-height:34px; text-align:center; background:#fff; border-top:none;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ikehu_wenda{ width:295px; height:570px; float:left;}
.ikehu_wenda .tit{ width:295px; height:50px; float:left;}
.ikehu_wenda .tit .t1{ width:120px; height:35px; line-height:35px; text-align:center; font-size:24px; background:#f69600; color:#fff; float:left;}
.ikehu_wenda .tit .t2{ width:175px; height:35px; line-height:35px; padding:0 10px 0 15px; font-size:16px; background:#f3f3f3; color:#4a4a4a; float:left;}
.ikehu_wenda .tit .t2 span{ float:right; font-size:14px;}
.ikehu_wenda .list { width:295px; height:500px; overflow:hidden;}
.ikehu_wenda .list li{ width:295px; height:100px; padding:10px 0; border-bottom:1px dashed #D0D0D0; overflow:hidden;}
.ikehu_wenda .list li .qus{width:295px; height:auto; padding-bottom:8px; overflow:hidden;}
.ikehu_wenda .list li .qus .icon{width:22px; height:22px; margin-right:10px; line-height:22px; text-align:center; font-size:14px; color:#fff; background:#0066cc; float:left;}
.ikehu_wenda .list li .qus .nr{width:255px; height:22px; line-height:22px; font-size:14px; float:left;}
.ikehu_wenda .list li .qus .nr a{ color:#0066cc;}
.ikehu_wenda .list li .qus .nr a:hover{ text-decoration:underline;}
.ikehu_wenda .list li .ans{ width:295px; height:auto; overflow:hidden;}
.ikehu_wenda .list li .ans .icon{ width:22px; height:22px; margin-right:10px; line-height:22px; text-align:center; font-size:14px; color:#fff; background:#f69600; float:left;}
.ikehu_wenda .list li .ans .nr{ width:255px; height:44px; line-height:22px; font-size:14px; color:#464646; float:left;}

/* left tj pro */
.left_protj{ width:240px; height:auto; padding:5px; float:left; background:#f7f7f7;}
.left_protj .tit{ width:228px; height:35px; line-height:35px; text-align:center; color:#fff; background:#0066CC;}
.left_protj li{ width:228px; height:238px; margin:0 auto;}
.left_protj li a{ display:block; width:228px; height:228px; float:right; position:relative;  overflow:hidden;}
.left_protj li a img{ display:block; width:100%; height:100%; object-fit: cover;}
.left_protj li a .txt{ width:228px; height:35px; line-height:35px; text-align:center; color:#fff; background:rgba(0,0,0,.6); position:absolute; bottom:0; left:0; z-index:10}
.left_protj li a:hover .txt{  background:rgba(0,0,0,1); 
  -webkit-transition:all .15s linear;
       -o-transition:all .15s linear;
          transition:all .15s linear;}
		  
/* footer */
.footernav{ width:100%; height:50px; background:#d8d6d6;}
.footernav ul{ width:1190px; height:50px; margin:0 auto;}
.footernav ul li{ display:inline-block; line-height:50px; font-size:16px;}
.footernav ul li a{ padding:16px 34px; color:#4c4c4c;}
.footernav ul li a:hover{ background:#4c4c4c; color:#fff;}
.footer{ width:1190px; height:100px; margin:0 auto;}
.footer .logo{ width:305px; height:100px; float:left;}
.footer .tel{ width:395px; height:100px; padding-top:10px; border-right:1px solid #ccc; float:left;}
.footer .tel .cn{ width:100%; height:35px; line-height:35px; color:#ff3302; font-size:18px;}
.footer .tel .number{ width:100%; height:40px; line-height:40px; color:#f8961e; font-size:32px;}
.footer .add{ width:375px; height:100px; padding-left:25px; float:left;}
.footer .add .txt{ width:100%; height:25px; line-height:25px; float:left;}
.footer .ewm{ width:100px; height:100px; float:left;}
.copyright{ width:100%; height:40px; line-height:40px; text-align:center; color:#fff; background:#323232; font-size:12px;}
.copyright a{ color:#fff;}