@charset "utf-8";
/**common**/
*{ margin:0; padding:0;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {font:12px \5FAE\8F6F\96C5\9ED1,Arial,Helvetica,sans-serif;}
table,td,tr,th{font-size:12px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.clear {clear:both;}
.clearfix:after {content:'.';clear:both;display:block;height:0;visibility:hidden;line-height:0px;}
.clearfix {zoom:1}
a { text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
.fl { float:left;}
.fr { float:right;}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:6px;}/* 滚动槽 */
::-webkit-scrollbar-track { background-color:#212121; border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background-color:#333;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#444;}	

body{ background:#fafafa;}
.cont_bg{background:#fff;width:1000px;margin:0 auto 30px;box-shadow:0 0 10px rgba(0,0,0,.1);}
.sur_main{ width:100%;padding:0 55px 20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-top:-50px; position:relative;}
.h_top_desc{background:#fff;border-radius:20px;padding:20px 26px;box-shadow:0 0 10px rgba(0,0,0,.1);}
.h_top_desc .wz{font-size:15px;color:#555;line-height:26px;}
.h_top_desc .sj{font-size:15px;color:#ff2a00;margin-top:10px;}
.h_top_desc .sj strong{color:#333;}
.pr_list{background:#f5fafb;border-radius:8px;margin-top:20px;padding:20px 0;}
.pr_list .tlt2{font-size:18px;font-weight:bold;color:#088cff;text-align:center;margin-bottom:20px;}
.pr_list ul{text-align:center;}
.pr_list ul li{display:inline-block;margin:0 21px;width:220px;}
.pr_list ul li .pic{border: 4px solid transparent;border-radius:8px;background-clip: padding-box, border-box;background-origin: padding-box, border-box;background-image: linear-gradient(to right, #222, #222), linear-gradient(-45deg, #4facfe, #00f2fe);overflow:hidden;font-size:0;}
.pr_list ul li .pic img{width:100%;height:100%;}
.pr_list ul li p{font-size:15px;color:#333;text-align:center;margin-top:7px;}
.pr_list ul li span{display:block;font-size:15px;color:#ff2a00;text-align:center;}

.sur_con{padding-top:30px;}
.sur_con ul li .tlt{font-size:0;background:#f5fafb;line-height: 24px;padding: 10px 14px;}
.sur_con ul li .tlt em{display:inline-block;vertical-align: top;font-size:20px;color:#ff0000;height: 24px;line-height: 31px;}
.sur_con ul li .tlt span{display:inline-block;vertical-align: top;font-size:15px;color:#333;font-weight:bold;margin-left:5px;line-height: 24px;max-width: 95%;}

.bt{ width:100%; text-align:center; margin:25px auto;}
.bt img{ display:inline-block; max-height:100%; max-width:100%;}
.ny_case ul li {width:23.5%;height:420px;margin:0 2% 20px 0;padding:10px;background-color:#fff; border:1px solid #eaeaea;box-shadow:0 0 0 rgba(0,0,0,0.1);float:left;border-radius: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ny_case ul li:nth-child(4n+4) { margin:0 0 20px;}
.ny_case ul li .idxCase_img { width:100%; height:140px; overflow:hidden; margin:0 auto 6px; padding:0; position:relative;}
.ny_case ul li .idxCase_img img { display:block; max-width:100%; max-height:100%;margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.ny_case ul li:hover .idxCase_img a img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.ny_case ul li .idxCase_text { width:100%; height:auto; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ny_case ul li .idxCase_text .idxCase_name { width:100%; height:30px; margin:0 auto; padding:0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ny_case ul li .idxCase_text p span{ display:inline-block;}
.ny_case ul li .idxCase_text .idxCase_name b { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#333; font-size:13px; white-space: nowrap; text-overflow: ellipsis; margin:0; padding:0;}
.ny_case ul li .idxCase_text .idxCase_name b sup { font-size:12px;}
.ny_case ul li .idxCase_text p { width:100%; line-height:22px; color:#888; font-size:12px; word-break:break-all; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ny_case ul li .idxCase_text p sup{ font-size:12px;}
.ny_case ul li:hover .idxCase_img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} 


.sur_con ul li .xuanxiang{padding:14px;}
.sur_con ul li .checkbox-option {width:48%;float:left;}
.sur_con ul li .checkbox-option1{ width:100%; float:left;}
.sur_con ul li .checkbox-option:nth-child(2n){float:right;}
.sur_con ul li .checkbox-option2 {width:33%;float:left;}
.sur_con ul li .checkbox-option2:nth-child(2n){float:left;}
.sur_con ul li .checkbox-option2:nth-child(3n){float:right;}
.sur_con ul li .checkbox-option .checkbox-input {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.checkbox-cell {padding:0 14px;min-height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:-14px;margin-left:-14px;border-radius:3px;cursor:pointer; line-height:36px;position:relative;word-break:break-word;}
.checkbox-input:checked + .checkbox-cell {color:#2863f3;}
.radio-box {float:left;display:inline-block;width:16px;height:16px; margin-top:5px;margin-right: 14px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%;border:1px solid #cbd5de;-webkit-transition:all 0.2s;transition:all 0.2s;}
.checkbox-input:checked + .checkbox-cell .radio-box {border:solid 4px #018fff;}
.checkbox-input:checked + .checkbox-cell .radio-box {border-color:#2863f3;}
.checkbox-input + .checkbox-cell .radio-box {border-color:rgba(0,0,0,0.3);}
.sur_con ul li .checkbox-option .cell-m{font-size:15px;height: 25px;line-height: 25px;float: left;}
.sur_con ul li .checkbox-option1 .cell-m{ height:36px; line-height:36px;}

.check-box {position:relative;float:left;display:inline-block;width:16px;height:16px; margin-top:5px;margin-right:14px;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px #cbd5de;border-radius:3px;}
.sur_con ul li .checkbox-option1 .check-box{ margin-top:10px;}
.checkbox-input + .checkbox-cell .check-box {border-color:rgba(0,0,0,0.3);}
.check-box .checkbox-icon {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);fill:none;stroke:#fff;stroke-width:2px;width:10px;height:8px;stroke-dasharray:16,16;stroke-dashoffset:16;-webkit-transition:all 0.2s;transition:all 0.2s;}
.checkbox-input:checked + .checkbox-cell .check-box {border:1px solid transparent;background:#018fff;}
.checkbox-input:checked + .checkbox-cell .check-box {background-color:#2863f3;}
.checkbox-input + .checkbox-cell .check-box {border-color:rgba(0,0,0,0.3);}
.sr_text,.sr_text1{border:0;border-bottom:1px solid #e8e8e8;outline:none;display: inline-block;width: 100px;font-size: 15px;color: #999; line-height:24px;text-indent:10px;}
.sr_text1{ width:165px;}
.sr_text2,.sr_text3{border:0;border-bottom:1px solid #e8e8e8;outline:none;width: 165px;font-size: 15px;color: #555; margin: 0 0 0 1%;height:36px;line-height:36px;text-indent:10px; float:left;}
.sr_text3{width: 28%;height:25px;line-height:25px;}
.sr_text4,.sr_text5{border:0;border-bottom:1px solid #e8e8e8;outline:none;width: 98%;font-size: 15px;color: #555;margin:14px 0 14px;height:40px;line-height:40px;text-indent:10px;}
.sr_text5{ width:45%; float:left;}

input::-webkit-input-placeholder,input:-ms-input-placeholder,input:-moz-placeholder,input::-moz-placeholder{ color:#999; opacity:1;}
.xh input::-webkit-input-placeholder,.xuanxiang input::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
    color : #ff0000;
}
.xh input:-moz-placeholder,.xuanxiang input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
   color : #ff0000;
}
.xh input::-moz-placeholder,.xuanxiang input::-moz-placeholder{ /* Mozilla Firefox 19+ */
   color : #ff0000;
}
.xh input:-ms-input-placeholder,.xuanxiang input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
   color : #ff0000;
}
.xh input::-ms-input-placeholder,.xuanxiang input::-ms-input-placeholder{ /* Microsoft Edge */
   color : #ff0000;
}

.sur_con ul li.curr .qu1{float:left;width:50%;}
.sur_con ul li.curr .qu1:nth-child(2) .sr_text3{float:right;}
.code{ float:right; width:52%;margin: 14px 0 14px;}
.code input{ float:left;display:block;width:60%;height: 40px;overflow:hidden;line-height: 40px;color:#565656;font-size:15px;border-radius: 2px;background-color:#fff;border: 1px solid #d3d3d3;margin:0 auto;padding:0 15px;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.code button{ float:right;display:block; width:40%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:15px; text-align:center; background-color:#aaa; border-radius:0 4px 4px 0; border:none; outline:none; cursor:pointer;}
.code button:hover{background:#ff171b;}


.f_btn{border-top:1px solid #f2f2f2;padding:30px 0 40px;}
.f_btn input{display:block;width:160px;height:42px;line-height:42px;background:#ff2a00; border-radius:6px;color:#fff;font-size:15px;color:#fff;font-weight:bold;text-align:center;border:0;margin:0 auto;cursor:pointer;}
.f_btn input:hover{background:#ff171b;}

/*百分比选择*/
.left {float:left;}
.right {float:right;}
.f-w500 {width:500px;}
.f-range {height:66px;width: 100%;position:relative;margin-bottom: 30px;font-size:0;}
.f-hk {position:absolute;top:0;height:66px;width:20px;z-index:1;cursor:move;background:url(../images/btn.png) center center no-repeat;background-size:100% 100%;}
.f-rangeArea {margin-top:10px;color:#333;font-size:16px;width:890px;}
.f-mt60 {margin-top:60px;}
.f-color {width:20px;height:20px;display:inline-block;position:relative;top:0;*top:-0px;vertical-align:middle;}
.f-color1 {background-color:#87ceeb;}
.f-color2 {background-color:#ff6347;}
.f-color3 {background-color:#4ad987;}
.f-color4 {background-color:#5e97f1;}
.f-color5 {background-color:#f3aa53;}
.f-range-tips {display:none!important;color:#fff;width:35px;font-size:12px;height:22px;line-height:17px;z-index:2;position:relative;top:-30px;left:-15px;text-align:center;background-image:url(../images/rangeNum.png);background-size:cover;background-repeat:no-repeat;}
.f-rangeArea {}
.f-range-msg {margin:20px 20px 20px 0;font-size: 15px;text-align:left;color:#333;vertical-align: middle;}
.f-color-text {display:inline-block;margin-left:4px;vertical-align:middle;}
.f-color-area {display:inline-block;width:auto;color:#ff7916;vertical-align:middle;font-size: 15px;}
.f-mb20 {margin-bottom: 10px;text-align: center;font-size: 0;margin-top: 20px;}
.f-color-area {min-width:1%;height:56px;line-height:56px;color:#fff;font-size:16px;text-align:center;position:absolute;top:0;}
.f-area1 {background-color:#87ceeb;}
.f-area2 {background-color:#ff6347;}
.f-area3 {background-color:#4ad987;}
.f-area4 {background-color:#5e97f1;}
.f-area5 {background-color:#f3aa53;}

.f-valMax,.f-valMin {display:none;}

#loginModal .modal-content{border-radius:6px;}
#loginModal .modal-content .cont{width: 90%;margin: 0 auto;padding: 5%; text-align:center;}
#loginModal .modal-content .cont span{text-align: center;display: block;margin: 0 auto; font-size:18px; line-height:38px; font-weight:bold; color:#ff2a00;}
#loginModal .modal-content .cont p{text-align: center;font-size:15px; line-height:24px;}
#loginModal .modal-content .cont img{ max-width:120px;margin: 0 auto;padding: 5%;}

@media (max-width:1000px) {
}
@media (max-width:950px) {
	.cont_bg{ width:100%;}
	.banner{ width:100%;}
	.banner img{ width:100%;}
	.sr_text2{ width:90%;}
	.pr_list ul li{margin: 0 2% 20px 0; width: 45%;}
	.pr_list ul li:nth-child(3){ margin-bottom:0;}
}
@media (max-width:880px) {
	.ny_case ul li{ width:49%; height:auto;}
	.ny_case ul li:nth-child(2n+2){ margin-right:0;}
}
@media (max-width:768px) {
	.xh .checkbox-option{ width:100% !important;}
	.code input{ font-size:14px;}
	.sr_text3{ width:100%;}
}
@media screen and (max-width: 767px) and (min-width: 426px){
	.sur_main{padding: 0 20px 20px;margin-top: -30px;}
	.pr_list ul li{margin: 0 2% 20px 0; width: 45%;}
	.pr_list ul li:nth-child(3){ margin-bottom:0;}
	.sur_con ul li .checkbox-option{ width:100%;}
	.sur_con ul li .checkbox-option .cell-m{ font-size:14px;height:auto; width:90%;}
	.sur_con ul li .checkbox-option:nth-child(4),.sur_con ul li .checkbox-option:nth-child(5),.sur_con ul li .checkbox-option:nth-child(6),.sur_con ul li .checkbox-option:nth-child(7){ margin-bottom:5px;}
	.sur_con ul li .checkbox-option:last-child .cell-m{ width:auto;}
	.sr_text2{ width:80%;}
	.sur_con ul li.curr .qu1{ width:100%;}
	.f-color-text{ width:90%;}
	.ny_case ul li{ width:100%; height:auto;}
}
@media (max-width:425px) {
	.h_top_desc{ padding:15px;}
	.sur_main{padding: 0 20px 20px;margin-top: -20px;}
	.pr_list ul li{margin: 0 2% 10px 0; width: 43%;}
	.pr_list ul li p{ font-size:14px;}
	.pr_list ul li:nth-child(3){ margin-bottom:0;}
	.sur_con ul li .checkbox-option{ width:100%;}
	.sur_con ul li .checkbox-option .cell-m{ font-size:14px;height:auto; width:90%;}
	.sur_con ul li .checkbox-option:nth-child(4),.sur_con ul li .checkbox-option:nth-child(5),.sur_con ul li .checkbox-option:nth-child(6),.sur_con ul li .checkbox-option:nth-child(7){ margin-bottom:5px;}
	.sur_con ul li .checkbox-option:last-child .cell-m{ width:auto;}
	.sr_text2{ width:80%;}
	.sur_con ul li.curr .qu1{ width:100%;}
	.f-color-text{ width:90%;}
	.bt{ margin:15px auto 25px;}
	.ny_case ul li{ width:100%; height:auto;}
	.sr_text1{ width:140px;}
}
@media (max-width:375px) {
	.sr_text3{ width:100%;}
}
@media screen and (max-width: 374px) and (min-width: 321px){
	.sur_con ul li .tlt span{ max-width:94%;}
	.sr_text5{ width:46%;}
	.code{ width:50%;}
	.code input{padding: 0 13px;}
	.sur_con ul li .checkbox-option .cell-m{ width:88%;}
	.f-color-text{ width:88%;}
}
@media (max-width:320px) {
	.sur_con ul li .tlt span{ max-width:94%;}
	.sr_text5{ width:46%;}
	.code{ width:50%;}
	.code input{padding: 0 13px;}
	.sur_con ul li .checkbox-option .cell-m{ width:88%;}
	.f-color-text{ width:88%;}
}