@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
/*首页*/
/*新闻资讯*/
.i_one{ overflow:hidden; padding-top:6%; padding-bottom:4%; background:#f7f7f7;}
.i_one .i_one_l{ float:left; overflow:hidden; width:31%; max-width:340px;}
.i_one .i_one_l .txts{  overflow:hidden;}
.i_one_t{ position:relative; overflow:hidden; padding-bottom:36px;}
.i_one_t .h2{ font-weight:bold;background:url(../images/i_bg1.png) left center no-repeat; background-size:auto 100%;height:85px; line-height:85px; overflow:hidden; margin-bottom:4%;}
.i_one_t .p{ overflow:hidden; line-height:1.7;}
.i_one_t:after{ content:""; position:absolute; bottom:0; left:0; width:50px; height:2px; background:#d4d4d4;}
.i_one .i_one_l .ul{ margin-top:25%; margin-bottom:30%; overflow:hidden;}
.i_one .i_one_l .ul li{ float:left; width:50%; max-width:132px; overflow:hidden;background:url(../images/i_bg2.png) left center no-repeat; font-size:16px; line-height:40px; height:40px; overflow:hidden; text-indent:18px;transition:all 0.3s;}
.i_one .i_one_l .ul li:hover{ background-image:url(../images/top_bg4_on.png);}
.imore{ display:inline-block; width:205px; height:60px; line-height:60px; overflow:hidden; text-indent:59px; background:url(../images/i_bg3.png) 132px center no-repeat; border:1px solid #999999; margin-top:36px; margin-bottom:70px;transition:all 0.3s; text-align:left; color:#666666; font-size:16px;}
.imore:hover{ text-indent:62px; background-image:url(../images/i_bg3_on.png); color:#fff; background-color:#0075c1; border:1px solid #0075c1; background-position:135px center;}
.imore#i_more{ display:none;}
.i_one .i_one_r{width:66%; float:right; max-width:952px;}
.i_one .i_one_r .i_one_r_a{ width:48.9%; overflow:hidden; float:left;}
.i_one .i_one_r .i_one_r_b{ width:48.9%; overflow:hidden; float:right;}
.i_one .i_one_r .imgs{ overflow:hidden;position: relative;}
.i_one .i_one_r .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_one .i_one_r .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_one .i_one_r .i_one_r_b .imgs{ margin-bottom:4.5%;}
.i_one .i_one_r .txts{ position:absolute; bottom:20px; left:20px; right:20px; background:rgba(255,255,255,0.9);}
.i_one .i_one_r .txts .cons{ width:92%; margin:0 auto; max-width:370px; overflow:hidden; margin-top:23px; margin-bottom:23px;}
.i_one .i_one_r .txts .h2{ font-weight:normal; line-height:30px; max-height:60px; overflow:hidden; font-size:18px; color:#000;}
.i_one .i_one_r .i_one_r_b .txts .h2{/* max-height:30px;*/}
.i_one .i_one_r .txts .p{ padding-top:13px; margin-top:13px; line-height:24px; max-height:48px; border-top:1px dashed #c6c6c6;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:14px; color:#666;}
.i_one .i_one_r .i_one_r_b .txts .p{ display: -webkit-box; -webkit-line-clamp: 1;}
/*关于我们*/
.i_two{ overflow:hidden; padding-top:6%; padding-bottom:4%; background:url(../images/i_bg8.jpg) center bottom no-repeat #f7f7f7;}
.i_two .i_two_more{ text-align:center; overflow:hidden; margin-top:2%; clear:both;}
.i_two .i_two_more .imore{ margin-bottom:0%;}
.i_two .i_two_l{float:right; overflow:hidden; width:49%; max-width:675px; margin-top:2%;}
.i_two .i_two_l .txts{  overflow:hidden;font-size:16px;}
.i_two .i_one_t{ padding-bottom:16px;}
.i_two .i_one_t .h2{ /*margin-bottom:0; */padding-left:35px; background-image:url(../images/i_bg4.png);}
.i_two .i_one_t:after{ width:35px;}
.i_two .i_two_l .txts .desc{ overflow:hidden;  line-height:32px; margin-top:5%;}
.i_two .i_two_l .txts .i_about_ul{ clear:both; margin-top:10%; margin-bottom:2%; overflow:hidden; }
.i_two .i_two_l .txts .i_about_ul li{float:left; display:inline-block; width:30%; transition:all 0.3s; overflow:hidden;position:relative; text-align:center;}
.i_two .i_two_l .txts .i_about_ul li:first-child{ text-align:left;}
.i_two .i_two_l .txts .i_about_ul li:last-child{ width:40%; }
.i_two .i_two_l .txts .i_about_ul li .h2{  overflow:hidden; font-weight:normal; margin-bottom:2%; color:#0075c1; font-family:Arial; }
.i_two .i_two_l .txts .i_about_ul li .h2 span{ font-weight:bold;line-height:1; }
.i_two .i_two_l .txts .i_about_ul li .h2 label{ vertical-align:top;}
.i_two .i_two_l .txts .i_about_ul li .p{ overflow:hidden; line-height:30px;}
.i_two .i_two_r{float:left; overflow:hidden; width:48%; max-width:695px;}
.i_two .i_two_r img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_two .i_two_r:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

/*产品中心*/
.i_three{ overflow:hidden; padding-top:6%; padding-bottom:4%; background:#fff;}
.i_three ul li{ float:left; width:49%;transition:all 0.3s;position:relative;background:url(../images/i_bg5.jpg) center center no-repeat; background-size:cover; margin-right:2%; padding-top:3%; padding-bottom:3%; margin-bottom:2%; overflow:hidden;}
.i_three ul li:nth-child(2n+0){ margin-right:0;}
/*.i_three ul li:hover{ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);}*/
.i_three ul li .imgs{ float:right; width:51%; overflow:hidden; margin-right:2%;}
.i_three ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_three ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_three ul li .txts{ width:47%;overflow:hidden; float:left; }
.i_three ul li .txts .cons{overflow:hidden; width:94%; margin:0 auto; max-width:250px;}
.i_three ul li .txts .h3{ font-weight:bold; height:36px; line-height:36px; overflow:hidden; color:#333333; font-size:24px; margin-top:1%;}
.i_three ul li:hover .txts .h3{ color:#0075c1;}
.i_three ul li .txts .p{height:52px; line-height:52px; overflow:hidden; color:#666666; font-size:16px; position:relative; margin-bottom:8%;/*white-space:nowrap;text-overflow:ellipsis;*/}
.i_three ul li .txts .p:after{ content:""; position:absolute; bottom:0; left:0; width:24px; height:2px; background:#e0e0e0;}
.i_three ul li .txts .imore2{ overflow:hidden; margin-top:7%;}
.i_three ul li .txts .imore2 .label{ display:inline-block; height:22px; line-height:22px; color:#999999; font-size:14px; padding-right:15px;transition:all 0.3s; text-transform:uppercase; background:url(../images/i_bg6.png) right center no-repeat;}
.i_three ul li:hover .txts .imore2 .label{ color:#0075c1; background-image:url(../images/i_bg6_on.png);}
.i_three ul li .txts dl{ overflow:hidden; min-height:95px;}
.i_three ul li .txts dl dd{ display:block; max-height:44px; overflow:hidden; line-height:22px; margin-bottom:7px; background:url(../images/i_bg7.png) left 8px no-repeat; padding-left:19px; font-size:16px; color:#333333;}
.i_three ul li .txts dl dd:last-child{ margin-bottom:0;}
.i_three .pro_more{ text-align:center; overflow:hidden; clear:both;}

@media screen and (max-width:1366px) {
/*新闻资讯*/
.i_one_t{ padding-bottom:26px;}
.i_one_t .h2{ height:70px; line-height:70px;}
.i_one .i_one_l .ul{ margin-top:20%; margin-bottom:25%;}
.imore{ width:170px;text-indent: 40px; background-position:117px center; height:50px; line-height:50px; font-size:15px;}
.imore:hover{ text-indent:43px; background-position:120px center;}
.i_one .i_one_r .txts{ left:15px; right:15px; bottom:15px;}
.i_one .i_one_r .txts .h2{ font-size:17px;line-height:26px; max-height:52px;}
.i_one .i_one_r .i_one_r_b .txts .h2{/* max-height:26px;*/}
.i_one .i_one_r .txts .cons{margin-top: 15px; margin-bottom: 18px;}
/*关于我们*/
.i_two .i_two_l .txts{ font-size:15px;}
.i_two .i_two_l .txts .desc{ line-height:30px;}
.i_two .i_two_l .txts .i_about_ul{ margin-top:7%; margin-bottom:0;}
/*产品中心*/
.i_three ul li .txts .h3{ font-size:22px; height:30px; line-height:30px;}
.i_three ul li .txts .p{ font-size:15px; height:48px; line-height:48px;}
.i_three ul li .txts dl{ min-height:93px;}
.i_three ul li .txts dl dd{ font-size:15px; margin-bottom:5px;}
}
@media screen and (max-width:1100px) {
/*新闻资讯*/
.i_one_t{ padding-bottom:20px;}
.i_one_t .h2{ height:60px; line-height:60px;}
.i_one .i_one_l .ul{ margin-top:16%; margin-bottom:21%;}
.i_one .i_one_l .ul li{ font-size:15px; height:36px; line-height:36px;}
.i_one .i_one_r .txts .h2{ font-size:16px;line-height:24px; max-height:48px;}
.i_one .i_one_r .i_one_r_b .txts .h2{ max-height:24px;}
.i_one .i_one_r .txts .p{ margin-top:10px; padding-top:10px; line-height:22px; max-height:44px;}
.i_one .i_one_r .i_one_r_b .txts .p{ max-height:22px;}
/*关于我们*/
.i_two .i_two_l{ margin-top:0;}
.i_two .i_one_t .h2{ margin-bottom:0;}
.i_two .i_two_l .txts .desc{ line-height:26px;}
.i_two .i_two_l .txts .i_about_ul{ margin-top:5%;}
.i_two .i_two_l .txts .i_about_ul li .p{ line-height:26px;}



}

@media screen and (max-width: 960px) {
/*新闻资讯*/
.i_one_t .h2{ height:50px; line-height:50px;}
.i_one .i_one_l .ul{ margin-top:12%; margin-bottom:17%;}
.i_one .i_one_l .ul li{ font-size:13px;}
.imore{ width:150px;text-indent: 30px; background-position:107px center; height:44px; line-height:44px; font-size:14px;}
.imore:hover{ text-indent:33px; background-position:110px center;}
.i_one .i_one_r .txts .h2{ font-size:15px; line-height:22px; max-height:44px;}
.i_one .i_one_r .i_one_r_b .txts .h2{ max-height:22px;}
.i_one .i_one_r .txts .p{ font-size:13px;}
/*关于我们*/
.i_two .i_two_l .txts{ font-size:14px;}
.i_two .i_two_l .txts .desc{ line-height:24px;}
.i_two .i_two_l .txts .i_about_ul li .p{ line-height:22px;}
/*产品中心*/
.i_three ul li .txts .h3{ font-size:20px; height:26px; line-height:26px;}
.i_three ul li .txts .p{ font-size:14px; height:40px; line-height:40px; margin-bottom:6%;}
.i_three ul li .txts dl{ min-height:85px;}
.i_three ul li .txts dl dd{ font-size:14px; line-height:20px; padding-left:16px; background-position:left 6px;}
.i_three ul li .txts .imore2 .label{ font-size:13px;}

}
@media screen and (max-width: 830px) {
/*关于我们*/
.i_two .i_two_l .txts .desc{ margin-top:2%;}
.i_two .i_two_l .txts .i_about_ul{ margin-top:2%;}
.i_two .i_two_l .txts .imore{ margin-top:20px;}
}
@media screen and (max-width: 789px) {
/*新闻资讯*/
.i_one .i_one_l{ float:none; width:100%; max-width:none;}
.i_one{ text-align:center;}
.i_one .i_one_l .txts{ text-align:center;}
.i_one .i_one_l .ul{ margin-top:2%; margin-bottom:2%;}
.i_one .i_one_l .ul li{ width:24%; max-width:96px; float:none;; display:inline-block; vertical-align:top; text-align:left;}
.i_one_t{ text-align:center;}
.i_one_t .h2{ background-position:center center; margin-bottom:2%;}
.i_one_t:after{ left:50%; margin-left:-25px;}
.imore#i_more2{ display:none;}
.imore#i_more{display:block;}
.imore{ margin:0 auto;margin-top:4%; margin-bottom:4%;}
.i_one .i_one_r{ float:none; width:100%; max-width:none;}
/*关于我们*/
.i_two .i_two_l{ float:none; width:100%; max-width:none;}
.i_two .i_two_l .txts .i_about_ul{ max-width:500px; margin:0 auto; margin-top:4%; margin-bottom:4%;}
.i_two .i_two_l .txts .i_about_ul li:first-child{ text-align:center;}
.i_two .i_one_t .h2{ padding-left:0;}
.i_two .i_two_r{ float:none; width:100%; max-width:none; margin-bottom:3%;}
.i_two .i_two_more{ margin-top:0; margin-bottom:3%;}
/*产品中心*/
.i_three ul li .txts .h3{ font-size:18px; height:24px; line-height:24px;}
.i_three ul li .txts .p{ font-size:13px;}
.i_three ul li .txts dl dd{ font-size:13px;}

}
@media screen and (max-width: 640px) {
/*新闻资讯*/
.i_one_t .h2{ height:44px; line-height:44px;}
.i_one .i_one_r .txts{ left:10px; right:10px; bottom:10px;}
/*产品中心*/
.i_three ul li{ float:none; width:100%; margin-right:0;}
.i_three ul li .txts .h3{ margin-top:4%;}
}

@media screen and (max-width: 480px) {
/*新闻资讯*/
.i_one_t{ padding-bottom:15px;}
.i_one_t:after{ width:35px;}
.i_one_t .h2{ height:40px; line-height:40px;}
.i_one .i_one_r .txts .cons{ margin-top:10px; margin-bottom:12px;}
.i_one .i_one_r .txts .h2{ font-size:14px; line-height:20px; max-height:40px;}
.i_one .i_one_r .i_one_r_b .txts .h2{ max-height:20px;}
.i_one .i_one_r .txts .p{ font-size:12px; line-height:20px; padding-top:8px; margin-top:8px; max-height:40px;}
.i_one .i_one_r .i_one_r_b .txts .p{ max-height:20px;}

.imore{ width:130px;text-indent: 28px; background-position:92px center; height:40px; line-height:40px; font-size:13px;}
.imore:hover{ text-indent:31px; background-position:95px center;}
/*关于我们*/
.i_two .i_two_l .txts{ font-size:13px;}
.i_two .i_two_l .txts .desc{ line-height:22px;}
/*产品中心*/
.i_three ul li{ padding-top:4%; padding-bottom:4%;}
.i_three ul li .txts .h3{ font-size:16px;}
.i_three ul li .txts .p{ font-size:12px;}
.i_three ul li .txts dl{ min-height:inherit; margin-bottom:3%;}
.i_three ul li .txts dl dd{ font-size:12px;}
.i_three ul li .txts .imore2 .label{ font-size:12px; padding-right:13px;}

}

@media screen and (max-width: 420px) {
/*新闻资讯*/
.i_one .i_one_r .txts{ left:6px; right:6px; bottom:6px;}
.i_one .i_one_r .txts .h2{ font-size:13px;}
.i_one .i_one_r .txts .p{ padding-top:5px; margin-top:5px;}
}