@import url("common.css");
@import url("font/iconfont.css");
.icon-prosort5::before {
    content: "\e611";
}
.icon-prosort6::before {
    content: "\e607";
}
.icon-prosort7::before {
    content: "\e648";
}
.icon-prosort8::before {
    content: "\e606";
}
.icon-prosort9::before {
    content: "\e601";
}
@media only screen and (min-width: 992px) {
	.ibar {font-size:36px; color:#666; padding:45px 0; text-align:center;}
	.ibar font {font-size:18px; color:#969696; display:block; margin-top:10px;}

	.product {width:100%; margin:0; background-color:#fff; padding:50px 0 20px 0;}
	.product .prosort {width:100%; z-index:10000;}
	.product .prosort a {padding:10px 30px; margin:0 5px; border-radius:8px; background-color:#38a3e7; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; font-size:14px; color:#fff;}
	.product .prosort a:hover,.product .prosort a.on {background-color:#2885c0;}
	.product ul {width:1224px; margin:0 auto;}
	.product li {width:280px; border:1px solid #e2e2e2;transition: all 0.25s ease-out; text-align: left; height:263px; background-color:#fff; float:left; margin:0 12px; margin-bottom:24px;}
	.product li i {float:right; font-style:normal; background-color:#38a3e7; color:#fff; height:26px; line-height:26px; font-size:12px; padding:0 15px; margin-left:10px; text-align:center;}
	.product li font {height:26px; background-color:#f2f2f2; line-height:26px; display:inline-block; font-size:16px;white-space:nowrap;width:calc(100% - 24px); margin-left:2px; padding:10px; font-size:14px; overflow:hidden;text-overflow:ellipsis;}
	.product li span {display:inline-block; text-align:center; width:260px; padding:10px; height:195px; position:relative; overflow:hidden;}
	.product li:hover {border-color:#38a3e7;transition: all 0.25s ease-out;}

	.case {width:1220px; margin:0 auto 20px auto; overflow: hidden;}
	.case ul {width:100%;}
	.case ul li {width:285px; height:190px; overflow:hidden; text-align:center; margin:0 10px 20px 10px; float:left; text-align:center; position:relative;}
	.case ul li img {display:inline-block; width:285px; height:190px; position:relative; overflow:hidden;}
	.case ul li i {top:140px; height:50px; line-height:50px; position:absolute; width:90%; left:5%; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; color:#fff;}
	.case ul li i::before {display:none;}
	.case ul li font {top:140px; height:50px; background:url(../images/bg_icase.png); position:absolute; width:100%; left:0; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
	.case ul li a:hover font {display:inline-block; height:190px; top:0; left:0;}
	.case ul li a:hover i {display:inline-block; text-align:center; top:50px; font-size:18px; line-height:200%; font-weight:bold;}
	.case ul li a:hover i::before {display:block; font-size:32px; margin-bottom:10px;}

	.orderol {height: 218px;background: url(../images/zxzxbg.jpg) no-repeat center top;color: #fff; text-align: left;}
	.orderol .orderbody {width:1200px; margin:0 auto; height: 218px;position: relative;}
	.orderol .p1 {font-size: 14px; display:inline-block; padding-top: 35px;margin-bottom: 21px;width:360px;}
	.orderol .p1 b {display: block;font-size: 30px;margin-bottom: 5px;}
	.orderol .p2 {width: 303px;height: 46px;line-height: 46px; display:block; border: 1px solid #7d7eb1;border-radius: 27px; text-align:center;}
	.orderol .p2 b {font-size: 18px;}
	.orderol .p2::before {font-size:32px; float:left; margin-left:30px; margin-right:8px;}
	.orderol .zxly_con {position: absolute; top:55px; right: 0; height: 218px;width: 678px;}
	.orderol .zxly_con .p3 {padding-top: 35px;font-size: 18px;margin-bottom: 15px;}
	.orderol .zxly_con .p3 i {color: #ff5c01;}
	.orderol .zxly_con .info_p1 {width: 486px;height: 50px;background: #fff;border-radius: 3px;overflow: hidden;margin-bottom: 13px;}
	.orderol .zxly_con .info_p1 input {border: none;height: 50px;line-height: 50px;width: 430px;padding-right: 56px;color: #999;text-indent: 20px;}

	.orderol .zxly_con .info_p2 {width: 486px;height: 50px;background: #fff;border-radius: 3px;overflow: hidden;margin-bottom: 13px;}
	.orderol .zxly_con .info_p2 input {border: none;height: 50px;line-height: 50px;width: 430px;padding-right: 56px;color: #999;text-indent: 20px; margin-top:10px;}

	.orderol .zxly_con .tjyy {width: 168px;height: 112px;position: absolute;top: 0;right: 0;background: #ff6601;border-radius: 3px;text-align: center;}
	.orderol .zxly_con .tjyy a {display: block;padding-top: 38px;font-weight: bold;color: #fff;font-size: 18px;height: 64px;background: url(../images/zxlyjt.png) no-repeat center 73px;}


	.advantage {width:1250px; margin:0 auto; text-align: left;}
	.advantage ul li {width:575px; text-align: left; margin:0 25px 60px 25px; float:left; line-height:28px; font-size:14px; color:#666;}
	.advantage ul li font {display:block; font-size:16px; font-weight:bold; margin-bottom:5px;}
	.advantage ul li img {float:left; margin-right:15px;border-radius: 50%;width: 125px;height: 125px;}

	.about {background-color:#f4f3f3; padding-bottom:40px;}
	.about .aboutcont {width:1200px; margin:0 auto; background-color:#fff; height:320px;}
	.about .aboutcont i {display:block; font-size:18px; font-weight:bold; font-style:normal; padding-bottom:10px;}
	.about .aboutcont span { width:520px; text-align: left; float:left; color:#666; line-height:240%; padding:30px 40px;}
	.about .aboutcont font { width:560px; float:right; background:url(../images/about.jpg?2); height:320px; text-align:center}
	.about .aboutcont font a {display:inline-block; padding:10px; border:2px solid #fff; color:#fff; font-size:16px; font-weight:bold; margin:130px auto 0 auto;}
	.about .aboutcont font a:hover {color:#CCC; border-color:#ccc;}

	.news {width:1230px; margin:0 auto; margin-bottom:40px;}
	.news ul li {width:380px; float:left; margin:0 15px; text-align:left;}
	.news ul li span {display:block; color:#1b1b1b; text-align: left; font-size:18px; padding-left:20px; background:url(../images/dk_03.jpg) left no-repeat; height:42px;}
	.news ul li span a {float:right; line-height:42px; color:#929292; font-size:14px;}
	.news ul li span i { color:#929292; font-size:14px; display:block; font-style:normal;}
	.news dl {width:calc(100% - 50px); margin-top:30px; height:390px; background-color:#f8f8f8; padding:27px;}
	.news dl dt img {padding: 2px;border: 1px solid#d7d7d7;transition: all 0.5s linear; width:324px;}
	.news li:not(.ques) dl dd {height:36px; line-height:36px; margin-top:8px;}
	.news li:not(.ques) dl dd i {background-color:#e3e3e3; display:inline-block; float:left; width:92px; height:34px; line-height:34px; text-align:center;}
	.news li:not(.ques) dl dd a {display:inline-block; width:calc(100% - 100px); margin-left:8px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news li.ques dl dd {border-bottom:1px dashed #ccc; padding:15px 0; text-align: left;}
	.news li.ques dl dd a {color:#ff5400; font-size:15px; display: inline-block; width:calc(100% - 30px); margin-left:8px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news li.ques dl dd a::before {font-size:18px; padding-right:6px;}
	.news li.ques dl dd font {line-height:28px; font-size:13px; color:#666; margin-left:25px; display:block;}
	.news li.ques dl {padding:15px 27px; height:414px;}
}


@media only screen and (max-width: 991px) {
	.ibar {font-size:0.6rem; color:#666; padding:0.8rem 0; text-align:center;}
	.ibar font {display:none;}

	.product .prosort {z-index:10000; padding:0.5rem 0.2rem;}
	.product .prosort a {padding:0.2rem 0.3rem; float:left; margin:0 0.05rem 0.2rem 0.05rem; border-radius:8px; background-color:#38a3e7; font-size:0.375rem; color:#fff;}

	.product {width:calc(9.62rem + 4px); margin:0 auto;}
	.product li {width:4.6rem; height:calc(4.45rem + 2px); border:1px solid #e2e2e2; text-align: left; margin:0 0.1rem 0.2rem 0.1rem; background-color:#fff; float:left; overflow:hidden;}
	.product li i {display:none;}
	.product li font {background-color:#f2f2f2; overflow:hidden; margin:0 2px; padding:0 0.2rem; line-height:1rem; overflow:hidden; height:1rem; display:block; font-size:0.35rem;}
	.product li a span img {width:4.6rem; height:3.45rem; display:block; margin:0 auto;}
	.product li a {font-size:0.35rem;}

	.case {width:100%; margin:0 auto 0.3rem auto; overflow: hidden;}
	.case ul {width:9.8rem; margin:0 auto;}
	.case ul li {width:4.65rem; overflow:hidden; text-align:center; margin:0 0.1rem 0.2rem 0.1rem; float:left; text-align:center; position:relative; height:3.1rem;}
	.case ul li img {display:inline-block; width:4.65rem; height:3.1rem; position:relative; overflow:hidden;}
	.case ul li i,.case ul li font {top:0; position:absolute; width:100%; left:0; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
	.case ul li font {display:inline-block; height:3.1rem; top:0; left:0; background:url(../images/bg_icase.png);}
	.case ul li i {display:inline-block; color:#fff; text-align:center; left:0; top:0.8rem; font-size:0.4rem; font-weight:bold;}
	.case ul li i::before {display:block; font-size:0.6rem; margin-bottom:0.2rem;}

	.orderol {display:none;}


	.advantage {display:none;}

	.about {background-color:#f4f3f3; padding-bottom:0.3rem; text-align:left;}
	.about .aboutcont {width:9.6rem; margin:0 0.2rem;}
	.about .aboutcont i {display:block; font-size:0.375rem; font-weight:bold; font-style:normal; padding-bottom:0.3rem;}
	.about .aboutcont span {display:block; text-align:left; color:#666; line-height:240%;}
	.about .aboutcont font { width:100%; display:block; background:url(../images/about.jpg); padding-top:2rem; margin-top:0.4rem; height:3.7143rem; background-size:100% 100%; text-align:center}
	.about .aboutcont font a {display:block; width:3.5rem; margin:0 auto; line-height:0.9rem; border:2px solid #fff; color:#fff; font-size:16px; font-weight:bold;}
	.about .aboutcont font a:hover {color:#CCC; border-color:#ccc;}

	.news {width:100%; margin:0 auto; text-align:left; padding-bottom:0.3rem;}
	.news ul li {width:9.6rem; margin:0 auto;}
	.news ul li:nth-child(n+3) {display:none;}
	.news ul li span {display:none;}
	.news dl {width:100%;}
	.news dl dt {display:none;}
	.news li:not(.ques) dl dd {height:36px; line-height:36px; margin-top:8px;}
	.news li:not(.ques) dl dd i {background-color:#e3e3e3; display:inline-block; float:left; width:92px; height:34px; line-height:34px; text-align:center;}
	.news li:not(.ques) dl dd a {display:inline-block; width:calc(100% - 100px); margin-left:8px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news li:not(.ques) dl dd:nth-child(n+5) {display:none;}
}