@charset "utf-8";
/* CSS Document */

.bacimg{background-size:cover; background-position:center; background-repeat:no-repeat;}
.product_ban img{ max-width:100%; margin:0 auto;}
.product_ban{ background-position:center; background-size:cover; background-repeat:no-repeat;}
.pro_01_tit{ padding:55px 0; font-size:30px; color:#2e2e2e; text-align:center; line-height:1;}
.pro_01{ padding:35px 0;}
.pro_01 ul{ padding:30px 0;}
.pro_01 ul li{ width:15%; float:left; margin-left:2%; text-align:center; background:#176de6; color:#fff; border-radius:100px; font-size:18px; line-height:2;}
.pro_01 ul li:first-child{ margin:0;}
.pro_01 ul li .tbc{ height:230px;}
.pro_01 p{ display:block; text-align:center; padding:30px 15px; font-size:18px; color:#666666;}


.img_kaori .txts .ty_tit{ font-size:30px; margin-bottom:25px;}
.img_kaori .txts p{ font-size:16px; line-height:2;}
.img_kaori .imgss img{ max-width:100%;}
.img_kaori .txts p em{ font-style:normal; display:inline-block; margin-right:10px;}

.img_kaori .txtsw p{ color:#fff;}
.img_kaori .txtsw .ty_tit{ color:#fff;}
.img_kaori .txtsb .ty_tit{ color:#176de6;}
.img_kaori .txtsb p{ color:#333333;}
.img_kaori .txtsb p em{ color:#003399;}

.pro_02{ background-image:url(../images2/1dh_03.jpg); padding:85px 0;}
.pro_02 .txts{ width:55%;padding-top:50px;}
.pro_02 .imgss{ width:45%;}

.pro_03{padding:85px 0;}
.pro_03 .txts{ width:55%;padding-top:50px;}
.pro_03 .imgss{ width:45%; max-width:400px;}

.pro_04{padding:85px 0; background-image:url(../images2/1dh_05.jpg);}
.pro_04 .txts{ width:50%; padding-top:30px;}
.pro_04 .imgss{ width:50%;}

.li_four li{ width:22.75%; float:left; margin-right:3%; margin-bottom:2%;}
.li_four li:nth-child(4n){ margin-right:0;}

.li_five li{ width:18.4%; float:left; margin-right:2%; margin-bottom:3%;}
.li_five li:nth-child(5n){ margin-right:0;}

.pro_05ul li{ text-align:center; background:#176de6; padding:15px 20px; border-radius:5px; height:200px;}
.pro_05ul li span{ color:#fff; font-size:18px; display:block; margin:15px auto;}
.pro_05ul li p{ color:#fff; font-size:14px;}

.cgal_box li{ width:19.2%; margin-right:1%; margin-bottom:2%; float:left; border:1px solid #e5e5e5; height:110px; position:relative;}
.cgal_box li:nth-child(5n){ margin-right:0;}
.cgal_box li img{ position:absolute; left:50%; top:50%; max-width:80%; max-height:80%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.pro_06{ padding-bottom:60px;}

.pro2_01{ padding:40px 0;}
.pro2_01ul li{ width:23.5%; float:left; margin-right:2%; box-shadow:0 5px 15px rgba(0,0,0,.2); height:300px; text-align:center; padding:0 20px;}
.pro2_01ul li:nth-child(4n){ margin-right:0;}
.pro2_01ul li img{ display:block; margin:30px auto;}
.pro2_01ul li b{ font-size:24px; color:#333333; display:block; margin-bottom:25px;}
.pro2_01ul li p{ font-size:18px; color:#999999; display:block; line-height:1.7;}


.img_kaori .txts.txtsa .ty_tit{ color:#333333;}
.img_kaori .txts.txtsa p{ color:#666666;}

.pro2_02,.pro2_03,.pro2_04{ padding:75px 0;}
.pro2_03{ background:#f6fbff;}
.pro2_02{ padding-top:0;}

.pro2_02 .txts{ width:50%; padding:90px 90px;}
.pro2_03 .txts{ width:50%; padding:50px 90px;}
.pro2_04 .txts{ width:50%; padding:90px;}
.pro2_02 .imgss{ width:50%; max-width:444px;}
.pro2_03 .imgss{ width:50%; max-width:552px;}
.pro2_04 .imgss{ width:50%; max-width:580px;}


.pro2_05{ background-color:#193e87; padding:20px 0 40px;}
.pro2_05 .pro_01_tit{ color:#fff;}
.pro2_05ul li{ text-align:center; background:#fff; padding-bottom:20px; border-radius:8px;} 
.pro2_05ul li img{ display:block; margin:20px auto;}
.pro2_05ul li span{ font-size:24px; color:#333;}

.fuwuchangjing ul li{ width:32%; float:left; margin-right:2%;}
.fuwuchangjing ul li:nth-child(3n){ margin-right:0;}
.fuwuchangjing ul li .imgss{ height:190px; overflow:hidden;}
.fuwuchangjing ul li .imgss img{width: 100%;height:100%;object-fit: cover;}
.fuwuchangjing ul li .txtss{ padding:20px; height:140px;}
.fuwuchangjing ul li .txtss b{ font-size:24px; color:#333333; display:block; margin-bottom:10px;}
.fuwuchangjing ul li .txtss p{ font-size:14px; color:#666666; line-height:1.75;}

.pro3_02{ padding:90px 0;}
.pro3_02_box .imgss{ width:50%;max-width:610px;}
.pro3_02_box .imgss img{ width:100%;}
.pro3_02_box .txts{ width:50%;}
.pro3_02_box .txts  img{ max-width:564px; margin-top:40px; width:100%;}

.pro3_03{  background:#2b81ff; padding:50px 0 60px;}
.pro3_04{ padding:50px 0 60px;}

.pro3_03_box .txts{ width:44%; padding-top:60px;}
.pro3_03_box .txts p{ line-height:2; margin-top:15px; display:block;}
.pro3_03_box .txts p em{ font-weight:bold; font-size:20px;}
.pro3_03_box .imgss{ width:50%;max-width:520px;}

.pro3_04_box .txts{ width:50%; padding-top:60px;}
.pro3_04_box .txts p{ line-height:2; margin-top:10px; display:block;}
.pro3_04_box .imgss{ width:50%;max-width:460px;}
.pro3_04_box .txts p em{ font-weight:bold; font-size:20px;}

.pro3_03 .txts p b{ display:block; font-size:18px;}
.pro3_05 .txts { padding-top:30px;}

.pro3_06 .fuwuchangjing li{ width:23.5%; margin-right:2%}
.pro3_06 .fuwuchangjing li .txtss{ padding:20px 10px;}
.pro3_06 .fuwuchangjing li b{ font-weight:normal; font-size:24px;}
.pro3_06 .fuwuchangjing li:nth-child(3n){ margin-right:2%;}
.pro3_06 .fuwuchangjing li:nth-child(4n){ margin-right:0;}
.img_box img{ max-width:100%; display:block; margin:0 auto;}

.pro4_01{ padding:30px 0;}
.pro4_01 li{ width:30%; margin-right:5%; float:left; box-shadow:0 0 10px rgba(0,0,0,.2); padding:30px 40px; height:560px;}
.pro4_01 li:nth-child(3){ margin-right:0}
.pro4_01 li img{ display:block; margin:0 auto 30px;}
.pro4_01 li b{ font-size:26px; color:#0043cb; font-weight:normal; display:block; text-align:center;}
.pro4_01 li span{ display:block; color:#333333; font-size:20px; margin-top:35px; margin-bottom:10px;}
.pro4_01 li span em{ color:#0043cb ; font-size:20px; font-style:normal; font-weight:bold; margin-right:10px;}
.pro4_01 li p{ font-size:14px; color:#666;}

.pro_01_tit p{ font-size:16px; color:#666666; display:block; margin-top:40px; display:block; margin:40px auto 0; max-width:850px; line-height:2;}

.pro4_tab{ text-align:center;}
.pro4_tab li{ display:inline-block; margin:0 30px; cursor:pointer;}
.pro4_tab li span{ border-bottom:3px solid #fff; padding-bottom:10px; display:inline-block;}
.pro4_tab li .imgss{ height:80px;}
.pro4_tab li img { display:block;}
.pro4_tab li img.on{ display:none;}
.pro4_tab li.on img.on{ display:block;}
.pro4_tab li.on img.w{ display:none;}
.pro4_tab li.on span{ border-bottom:3px solid #176de6; color:#176de6;}

.pro4_box li{ display:none; padding:50px 0;}
.pro4_box li img{ max-width:100%; margin:0 auto; display:block;}

.pro4_03 li{ width:20%; float:left; text-align:center; position:relative;}
.pro4_03 li .tbc{ height:260px;}
.pro4_03 li img{ display:block; margin:0 auto;}
.pro4_03 li span{ font-size:16px; color:#666666; margin-top:15px; display:block;}

.pro4_03{ background-image:url(../images2/bg2.png); padding:60px 0;}
.pro4_03 li .txtss{ position:absolute; display:none; left:0; top:0; background:#1a80ff; border-radius:10px; box-shadow:0 0 10px rgba(144,192,252,1); padding:0 15px;}
.pro4_03 li:hover .txtss{ display:block;}
.pro4_03 li .txtss b{ font-size:16px; color:#fff; display:block; margin:20px auto;}
.pro4_03 li .txtss p{ font-size:14px; color:#fff;}
.pro4_03 li .txtss img{ width:40px;}

.pro4_04 li{ height:300px; width:23.5%; float:left; margin-right:2%; position:relative;}
.pro4_04 li:nth-child(4){ margin-right:0;}
.pro4_04 li img{ width:100%; height:100%; object-fit: cover;}
.pro4_04 li .txts{ position:absolute; left:0; bottom:0; padding:30px 20px;}
.pro4_04 li .txts b{ font-size:24px; color:#fff; font-weight:normal; display:block; margin-bottom:10px;}
.pro4_04 li .txts p{ font-size:14px; color:#fff;}
.pro4_04 li:hover .txts{ height:100%; padding-top:50px;}
.pro4_04 li:hover .txts b,.pro4_04 li:hover .txts p{ color:#ff0000;}


.pro5_01,.pro5_03{ padding:20px 0 60px;}
.pro5_02{ background:#f6faff; padding:20px 0 60px;}

.pro5_04{ background:#0519ca}
.pro5_04 img{ height:75px;}
.pro5_04 .line{ width:40px; height:3px; background:#176de6; margin:0 auto; margin-bottom:20px;}

.pro6_01_box li{ width:23.5%; float:left; margin-right:2%; padding:50px 25px; border:1px solid #f0f7ff;}
.pro6_01_box li:nth-child(4){ margin-right:0;}
.pro6_01_box li .imgss{ height:90px; margin-bottom:10px;}
.pro6_01_box li .txts b{ font-size:18px; color:#333333; font-weight:normal; display:block; margin-bottom:10px;}
.pro6_01_box li .txts p{ font-size:14px; color:#999999; line-height:2; min-height:56px; display:block;}


.pro6_02{ padding:50px 0; background:#0001c1;}
.pro6_02 .txts{ width:50%; padding-top:30px;}
.pro6_02 .imgss{ width:50%; max-width:441px;}

.pro6_03{ padding:50px 0;}
.pro6_03 .txts{ width:50%; padding-top:30px;}
.pro6_03 .imgss{ width:50%; max-width:415px;}

.pro6_06 li{ width:18.4%; float:left; margin-right:2%; background:#eeeeee; text-align:center; padding:0 25px; border-radius:10px; margin-bottom:3%;}
.pro6_06 li:nth-child(5n){ margin-right:0;}
.pro6_06 li .tbc{ height:120px; color:#666666; font-size:16px;}
.pro6_06 li:hover{ background:#0519ca;}
.pro6_06 li:hover .tbc{ color:#fff;}

.pro6_07{ background:#0001c1; padding:20px 0 60px;}
.pro6_07 li{ width:31.33%; float:left; margin-right:3%; padding:25px 15px 35px; position:relative; background:#fff; border-radius:5px; margin-bottom:3%; text-align:center;}
.pro6_07 li:nth-child(3n){ margin-right:0;}
.pro6_07 li .imgss{ height:100px;}
.pro6_07 li .imgss img{ max-height:100%; margin:0 auto; display:block;}

.pro6_07 li .txts{ text-align:left; border-radius:5px;padding:15px; position:absolute; left:0; top:0; background:#fff; height:100%; width:100%; font-size:14px; color:#666666; line-height:2; display:none;}
.pro6_07 li:hover .txts{ display:block;}
.pro6_07 li span{ font-size:20px; color:#333;}
.pro6_07 .pro_01_tit{ color:#fff;}
.pro6_06{ padding-bottom:40px;}
.pro7_01_box li{ padding-bottom:0; min-height:285px;}
.pro7_04 li img{ height:50px;}
.pro7_04{ background:#000066;}

.pro7_02{ background:#000066; padding:30px 0;}
.pro7_box{ position:relative; padding:50px 0 40px;}
.pro7_box img{ position:absolute; left:0; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%); max-height:100%;}
.pro7_txts{ width:100%; max-width:705px; float:right; position:relative; z-index:1;}
.pro7_txts li{ width:48%; margin:1%; min-height:180px; background:#fff; float:left; padding:25px;}
.pro7_txts li b{ font-size:24px; color:#666666; font-weight:normal;}
.pro7_txts li b span{ color:#0708ef; display:inline-block; margin-right:5px;}
.pro7_txts li p{ font-size:14px; color:#666666; margin-top:20px;}
.pro7_02 .pro_01_tit{ color:#fff;}

.pro7_03_box{ position:relative;}
.pro7_03_box .imgri,.pro7_03_box .imgle{ width:37%;}
.pro7_03_box img{ position:absolute; width:20%; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.pro7_03_box li{ background-repeat:no-repeat; margin-bottom:40px; min-height:120px;}
.pro7_03_box .imgri li{ background-position:right top; padding-right:90px; text-align:right;}
.pro7_03_box .imgle li{ background-position:left top; padding-left:90px;}

.pro7_03{ padding:20px 0 40px;}
.pro7_03_box li b{ font-size:24px; color:#333; display:block; margin-bottom:20px; font-weight:normal;}
.pro7_03_box li p{ color:#999999; font-size:14px; line-height:1.7;}

.pro7_04 li{ padding:20px 0 40px; border-radius:0;}
.pro7_04 li span{ font-size:20px;}

@media screen and (max-width:1300px){
	.pro_05ul li span{ font-size:16px; margin:10px auto;}
	.pro4_01 li b{ font-size:20px;}
	}
@media screen and (max-width:960px){
	.pro_01_tit{ padding:20px 0; font-size:20px; line-height:1.75;}
	.pro_01 ul{ padding:10px 0;}
	.pro_01 ul li{ width:31.33%; margin:1%; font-size:14px; line-height:1.5; }
	.pro_01 ul li .tbc{ height:5.2rem;padding:5px 10px;}
	.pro_01 p{ padding:10px; font-size:14px;}
	.img_kaori .txtsw .ty_tit{ line-height:1.75;}
	.img_kaori .txts{ float:none ;width:100% !important; padding:0 !important; margin-bottom:15px;}
	.img_kaori .imgss{ float:none; width:100% !important;}
	.img_kaori .imgss img{ margin:0 auto; display:block;}
	.pro_02,.pro_03,.pro_04,.pro2_02, .pro2_03, .pro2_04{ padding:40px 0;}
	.img_kaori .txts .ty_tit{ font-size:18px; margin-bottom:10px;}
	.img_kaori .txts p{ font-size:14px; line-height:1.7;}
	.pro_05ul li{ width:48%; margin:1% !important;}
	.pro_05ul li img{ width:33px;}
	.pro_05ul li p br{ display:none;}
	.cgal_box li{ width:48%; margin:1% !important; height:70px;}
	.pro_06{ padding-bottom:30px;}
	.pro_01{ padding-top:20px;}
	
	.pro2_01ul li img{ width:40px; margin:10px auto;}
	.pro2_01ul li b{ font-size:16px; margin-bottom:5px;}
	.pro2_01ul li p{ font-size:14px;}
	.pro2_01ul li{ width:48%; margin:1% !important; min-height:160px; height:auto; padding:10px; height:auto !important;}
	.pro2_01ul li:nth-child(2n+1){ clear:left;}
	.pro2_05ul li span{ font-size:14px;}
	.pro2_05ul li img{ width:30px; margin-bottom:5px; margin-top:10px;}
	.pro2_05ul li { width:31.33%; margin:1% !important; padding-bottom:10px}
	.fuwuchangjing ul li,.pro3_06 .fuwuchangjing li{ width:48%; margin-right:4% !important;}
	.fuwuchangjing ul li:nth-child(2n){ margin-right:0 !important;}
	.fuwuchangjing ul li .txtss,.pro3_06 .fuwuchangjing li .txtss{ padding:10px 0;}
	.fuwuchangjing ul li .txtss b{ font-size:14px; margin-bottom:5px;}
	.fuwuchangjing ul li .txtss p{ font-size:12px;}
	.fuwuchangjing ul li .imgss{ height:5rem;}
	.fuwuchangjing ul li .txtss{ height:auto;}
	.fuwuchangjing ul li:nth-child(2n+1){ clear:left;}
	.pro2_01{ padding:0;}
	.pro3_02{ padding:40px 0;}
	.pro3_02_box .txts img{ margin-top:15px;}
	.pro3_03_box .txts p{ margin-top:10px;}
	.pro3_03_box .txts p br{ display:none;}
	.pro3_04_box .txts p br{ display:none;} 
	.pro3_04,.pro3_03{ padding:30px 0;}
	.pro3_03 .txts p b{ font-size:14px;}
	
	.pro4_01 li{ width:100%; margin:0; margin-bottom:15px; float:none; height:auto; padding:20px 15px;}
	.pro4_01 li img{ width:50px; margin-bottom:15px;}
	.pro4_01 li span{ margin-top:15px; font-size:16px;}
	.pro4_01 li b{ font-size:16px;}
	.pro_01_tit p{ font-size:14px; margin-top:15px;}
	.pro4_tab li{ width:25%; float:left; margin:0;}
	.pro4_tab li img{ width:30px; display:block; margin:0 auto;}
	.pro4_tab li .imgss{ height:40px;}
	.pro4_tab li span{ font-size:14px; padding-bottom:5px;}
	.pro4_box li{ padding:30px 0;}
	.pro4_03{ padding:30px 0; padding-top:0;}
	.pro4_03 li{ width:100%; float:none;  margin-bottom:15px;}
	.pro4_03 li>.table{ display:none;}
	.pro4_03 li .txtss{ display:block; position:relative;}
	.pro4_03 li .tbc{ height:auto; padding:20px 15px;}
	.pro4_03 li .txtss b{ margin:10px auto;}
	.pro4_04 li{ width:48%; margin:1% !important; height:9rem;}
	.pro4_04 li .txts b{ font-size:18px;}
	.pro4_04 li .txts{ padding:15px;}
	.pro4_04 li:hover .txts{ padding-top:15px;}
	.pro4_01{ padding:0;}
	.pro5_04 .line{ margin:10px auto;}
	.pro5_04 li img{ height:2rem; width:auto;}
	.pro5_04 li span{ font-size:12px;}
	.pro5_01, .pro5_03{ padding-bottom:30px; padding-top:0;}
	.pro5_02{ padding-bottom:30px;}
	
	.pro6_07 li span{ font-size:16px;}
	.pro6_07 li .txts{ display:block; position:static;}
	.pro6_07 li{ width:100%; margin:0; margin-bottom:15px;}
	.pro6_07 li{ padding:20px 15px;}
	.pro6_07 li .imgss{ height:auto; margin-bottom:10px;}
	.pro6_07 li .txts{ padding-bottom:0;}
	.pro6_07 li .imgss img{ width:30px;}
	.pro6_07{ padding-bottom:30px;}
	.pro6_06 li{ width:48%; margin:1% !important;}
	.pro6_06 li .tbc{ height:70px; font-size:14px;}  
	.pro6_06{ padding-bottom:30px;}
	.pro6_01_box li{ width:100%;padding:20px; margin-bottom:15px;}
	.pro6_01_box li .txts p{ min-height:inherit;}
	.pro6_01_box li .imgss{ height:auto; margin-bottom:10px;}
	.pro6_01_box li .imgss img{ max-width:30px;}
	.pro6_01_box li .txts b{ font-size:16px; margin-bottom:5px;}
	.pro6_01_box li{ min-height:inherit;}
	.pro7_txts li b{ font-size:16px;}
	.pro7_box img{ max-width:100%;}.pro7_box{ padding:20px 0;}
	.pro7_txts li{ padding:15px;}
	.pro7_03_box .imgri li{ text-align:left; background-position:left top;   width:100%;}
	.pro7_03_box .imgri, .pro7_03_box .imgle{ width:100%; float:none;}
	.pro7_03_box li{ margin:0; padding:0 !important;padding-left:60px !important;background-size:50px auto !important ; min-height:inherit; margin-bottom:15px}
	.pro7_03_box img{ display:none;}
	.pro7_03{ padding-top:0; padding-bottom:20px;}
	.pro7_03_box li b{ font-size:16px; margin-bottom:10px;}
	.pro7_04 li{ width:48%; margin:1% !important;}
	.pro7_04 li img{ width:auto; height:30px;}
	}