/*common*/
.bg {display:block;height:350px;overflow: hidden;}
.bg h3 {font-size: 3.2em;color:#f0f0f0;margin-bottom:20px;}
.bg p { font-size: 1.5em;color: #f0f0f0; }
.fbc { background: #f7f7f7;}
.onc,.onc i,.onc p { color:#c70008 !important; }
.onbc { background: #c70008 !important;color:#f0f0f0 !important; }
.onbc a { background: #c70008 !important;color:#f0f0f0 !important; }
h2 { font-size: 2.6em;text-align:center;color:#333333;margin: 50px 0 10px 0; }
.page-icon { margin:20px 0 20px 0;font-size:0;text-align:center;}
.page-icon a,.rd,.page-next{ border:1px solid #ccc;border-radius:3px;padding:4px 10px 5px;font-size:14PX;margin-right:10px;}
.page-icon a { text-decoration:none;color:#333333;}
.page-icon a:hover { color: #f0f0f0;background: #9e9e9e;}
.page-current { color:#c70008;padding:4px 10px 5px;font-size:14PX;}
.rd { color:#c70008;}

.ftitle {font-size:1.5em;margin-bottom:30px;color:#626060;line-height: 30px;}
@media (max-width:540px) {
.bg {margin-top:55px;height:150px;}
.h180 { height:40px}
.bg h3 { font-size: 2.0em; margin-bottom: 10px;  }
.bg p { font-size: 1.3em;}
  h2 { font-size:2.0em;margin:30px 0; }
  .ftitle { font-size:1.2em; }
}
@media (min-width: 540.7px) and (max-width: 768px) {
.bg {margin-top:55px;height:200px;}
.h180 { height:80px}
.bg h3 { font-size: 2.0em; margin-bottom: 10px;  }
.bg p { font-size: 1.3em;}
}
@media (min-width: 768px) and (max-width: 991px) {
.bg {margin-top:55px;height:300px;}
.h180 { height:100px}
.bg h3 { font-size: 2.0em; margin-bottom: 10px;  }
.bg p { font-size: 1.3em;}
}

/**************************Server**********************/
.bgf7{background:#f7f7f7; padding:0 50px;}
.server_bg { background: url("/zg/images/server-bg.jpg") center;}
.svr .promise li { display: inline-block;width: 260px;height: 200px;margin-right: 40px;position: relative;margin-bottom: 50px; }
.svr .promise li i { display: block;width: 150px;height: 150px;background: url("../images/server-1.png") no-repeat;margin:0 auto;}
.svr .promise li:first-child+li i { background-position-x:-149px;}
.svr .promise li:first-child+li+li i { background-position-x:-299px;}
.svr .promise li:first-child+li+li+li i { background-position-x:-450px;}
.svr .promise li:hover i { background-position-y:-150px;}
.svr .promise li span { position: absolute;top: 55px;left: 100px;font-size: 4em;color: #c70008; }
.svr .promise li p { text-align: center;margin-top: 20px;font-size: 1.4em; }
.svr .promise li:hover p { color: #c70008; }
.svr .promise li:last-child { margin-right: 0; }
.svr .policy li { display: inline-block;width: 390px;height: 530px;margin-right: 11px;position: relative;margin-bottom: 50px;vertical-align:top; }
.svr .policy li img { display: block;margin: 0 auto;margin-top: 235px; }
.svr .policy li span { display: block;text-align: center;font-size: 2.4em;margin:20px 0; }
.svr .policy li p { margin-bottom: 10px;font-size: 1.4em;text-align: center; }
.svr .policy li p em { color: #c70008; }
.svr .policy li.front { background:#f0f0f0 url('../images/server-2.jpg') no-repeat top center; }
.svr .policy li.middle { background:#f0f0f0 url('../images/server-3.jpg') no-repeat top center; }
.svr .policy li.behind { background:#f0f0f0 url('../images/server-4.jpg') no-repeat top center;margin-right: 0; }
.svr .parts li { display: inline-block;width: 386px;height: 270px; margin-right:15px;margin-bottom: 20px;position: relative; }
.svr .parts li img{width:386px; height:270px;}
.svr .parts li span { display: block;width:100%;height:100%;font-size: 2.4em;position: absolute;bottom: 0;left:0;z-index: 2;background: #000000;opacity: 0.5;transition:all 0.6s;}
.svr .parts li:hover span{ height:50px;}
.svr .parts li p { width:280px; font-size: 2.2em;position: absolute;bottom: 95px;left:calc(50% - 140px);z-index: 9;color:#f0f0f0;text-align: center;transition:all 0.6s;}
.svr .parts li:hover p { width: 280px; font-size: 2.2em;position: absolute;bottom:8px;left:calc(50% - 140px);z-index: 9;color:#f0f0f0;text-align: center;}
.svr .parts li:nth-child(3n) { margin-right: 0; }



.svr .tool .calc li { display: inline-block;width: 197px;}
.svr .tool .calc li div { width:110px;height: 108px;border: 1px solid #dcdcdc;border-radius:5px;background: #ffffff;margin: 0 auto;  }
.svr .tool .calc li p { margin-bottom: 0;padding-top: 15px;line-height: 25px;font-size: 1.4em;text-align: center; }
.svr .tool .calc li p:nth-child(2) { font-size: 2.4em;font-weight:600; }
.svr .tool .news .lt { display: inline-block;width: 585px; margin-right:26px; }
.svr .tool .news .lt .title { font-size: 1.8em;margin-bottom:30px;  }
.svr .tool .news .lt .title a{ font-size: 0.8em;float: right;color:#999999; }
.svr .tool .news .lt dl { font-size: 1.4em;color:#626060;height: 30px;padding-top: 5px;border-bottom: 1px solid #dcdcdc;margin-bottom:20px;  }
.svr .tool .news .lt dl dt { float: left; }
.svr .tool .news .lt dl dd { float: right; }
.svr .tool .news .rt { display: inline-block;width: 585px;}
.svr .tool .news .rt .title { font-size: 1.8em;margin-bottom:30px;  }
.svr .tool .news .rt .title a{ font-size: 0.8em;float: right;color:#999999; }
.svr .tool .news .rt dl { font-size: 1.4em;color:#626060;height: 30px;padding-top: 5px;border-bottom: 1px solid #dcdcdc;margin-bottom:20px;  }
.svr .tool .news .rt dl dt { float: left; }
.svr .tool .news .rt dl dd { float: right; }
.svr .cooperate .clist dl { width: 343px; margin: 0 40px 40px 0; padding: 30px 0 30px 30px; height: 110px; float: left; background: #f5f5f5; position: relative; }
.svr .cooperate .clist dl:nth-child(3n) { margin-right:0;  }
.svr .cooperate .clist dl:after { content: " "; display: block; width: 0; height: 1px; background: #c70008; position: absolute; bottom: 0; transition: all 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53); left: -0px; }
.svr .cooperate .clist dl:hover:after { width: 100%; }
.svr .cooperate .clist dt { width: 110px; height: 110px; float: left; overflow: hidden; border-radius: 4px; }
.svr .cooperate .clist img { width: 100%; height: 100%; }
.svr .cooperate .clist dd { width: 210px; height: 100%; float: right; color: #666666; padding-top: 3px; }
.svr .cooperate .clist a { font-size: 18px; color: #333333; display: block; }
.svr .cooperate .clist a:hover { color: #c70008; }
.svr .cooperate .clist .det { width: 98px; height: 28px; line-height: 28px; border: 1px solid #c70008; text-align: center; color: #c70008; margin-top: 15px; border-radius: 4px; font-size: 14px; }
.svr .cooperate .clist .det:hover { background: #c70008; color: #FFFFFF; }
.svr .datum .file_down_main { margin: 0 auto;overflow: hidden;}
.svr .datum .file_down_title { font-size: 24px;color: #222;line-height: 24px;padding-top: 26px;padding-bottom: 20px;padding-left:0px;}
.svr .datum .file_down_li li { width: 580px;height: 52px;float: left;margin-right:30px;line-height: 52px;border-bottom: 1px dashed #cfcfcf;}
.svr .datum .file_down_li li:nth-child(2n) { margin-right: 0; }
.svr .datum .file_down_li .load-all { color: #999999;padding-left: 18px;font-size: 1.4em;}
.svr .datum .file_down_li .load-all i { padding-right:5px; }
.svr .datum .file_down_li .down-nose { width: 500px;float: left;font-size:1.4em;}
.svr .down-mask { display: none;width: 100%;height: 100%;position: fixed;background: rgba(0, 0, 0, 0.3);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);zoom: 1;z-index: 9999;top: 0;left: 0;}
.svr .pop-window { width: 580px;height: 400px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background-color: #f0f0f0;border-radius: 4px;padding: 28px;}
.svr .pop-content { position: relative;}
.svr .pop-content .down-tip {font-size: 16px;font-weight: bold;color: #333;}
.svr .pop-close-btn { width: 14px;height: 14px;background: url(//static.zzboiler.com/web/images/pop-close-btn.png) no-repeat center;cursor: pointer;position: absolute;top: 0;right: 0;}
.svr .pop-lis { text-align: left;position: relative;}
.svr .pop-msg {font-size: 14px;color: #888;line-height: 24px;margin-top: 11px;}
.svr .pop-content .inner-down-tip {font-size: 14px;color: #999999;text-align: center;}
.svr .down-form form { height: 100px;}
.svr .down-form .form-row { margin-top: 20px;}
.svr .down-form .form-row { width: 320px;margin: 0 auto;}
.svr .down-form input { width: 315px;background: #dcdcdc;height: 42px;padding: 0 14px;font-size: 14px;color: #333;margin-top: 20px;border: 0;}
.svr .down-form button { height: 42px;width: 120px;margin-top: 20px;margin-left: 80px;line-height: 42px;text-align: center;font-size: 14px;background-color: #c70008;color: #f0f0f0;border-radius: 5px;padding: 0;outline: none;border: 0;cursor:pointer;}
.svr .form-row .yanz { width: 200px;}
.svr .yz-bt { position: absolute;width: 97px !important;height: 42px;background: #ff9600;line-height: 42px;text-align: center;font-size: 14px;color: #f0f0f0;top: 85px;left: 376px;padding-left: 4px!important;cursor:pointer;}
.svr .newslist .titles{ width:510px;margin: 0 auto 30px;height: 42px;padding-left: 60px;}
.svr .newslist h2{ display:block;height:42px;width:120px;font-size:2.6em;text-align:center;font-weight:600;color:#333;margin:0 auto;line-height:30px;padding-left: 0;float: left;margin-right:50px;cursor: pointer;transition: all .2s;}
.svr .newslist .trd { border-bottom: 1px dashed #eee;padding-bottom: 10px;font-size: 16px;}
.svr .newslist .trd span{ margin-right: 30px;cursor: pointer;line-height: 16px;transition: all .2s;}
.svr .newslist .trd span:hover{ color:#c70008;}
.svr .newslist .trd span i{ display:inline-block;width:11px;height:11px;margin-right: 5px;border:1px solid #666666;}
.svr .newslist .trd span.on i{ background: #c70008;border-color:#c70008;}
.svr .newslist .piece { width: 100%;}
.svr .newslist .piece dl { width: 45%;padding-right: 5%;float: left;margin-top: 30px;}
.svr .newslist .piece dl:nth-child(2n){ padding-left: 5%;padding-right: 0;}
.svr .newslist .piece dl dt{ font-size: 1.5em;text-overflow: ellipsis;white-space:nowrap;width: 100%;overflow: hidden;}
.svr .newslist .piece dl dt a{ color:#333;}
.svr .newslist .piece dl dd { font-size: 1.4em;margin: 10px 0;color: #626060;line-height:30px;min-height:60px; }
.svr .newslist .piece dl a:hover{ color:#c70008;}
.svr .newslist .piece .bts{height: 400px;}
.svr .newslist .piece a.more{display: block; width: 350px; height: 34px; line-height: 34px; text-align: center; font-size: 14px; color: #c70008; border: 1px solid #c70008; margin: 50px auto 0; transition: all .3s;}
.svr .newslist .piece a.more:hover{background: #c70008;color: #FFFFFF;}
.svr .newslist .infobox { display: inline-block;width: 380px;margin-right:17px;vertical-align:top;  }
.svr .newslist .infobox .title { font-size: 1.8em;margin-bottom:30px;text-indent: 20px;  }
.svr .newslist .infobox .title a{ font-size: 0.8em;float: right;color:#999999;padding-right: 25px; }
.svr .newslist .infobox .box_bg { background:#f7f7f7;padding:30px 20px;}
.svr .newslist .infobox dl { font-size: 1.4em;color:#626060;height: 30px;padding-top: 5px;border-bottom: 1px solid #dcdcdc;margin-bottom:10px;  }
.svr .newslist .infobox dl dt {float: left; }
.svr .newslist .infobox dl dd { float: right; }
.svr .newslist .infobox:last-child { margin-right: 0; }
.news .content .newstext h2 { font-size: 2.0em;text-align:left;color:#333333;margin: 30px 0; }
.news .content .newstext h3 { font-size:1.8em;margin:20px 0;}
.news .content .newstext h4 { font-size:1.6em;margin:20px 0;}
.news .content .newstext ul, .news .content .newstext ol {background: #d8d8d82e;border-radius: 5px;padding: 20px 20px 20px 40px;}
.news .content .newstext ul li, .news .content .newstext ol li {font-size: 1.4em;line-height: 40px; color: #282626;}
.news .content .newstext ol li {list-style: decimal;}
.news .content .newstext ul li {list-style: disc;}



@media (max-width: 768px) {
	.svr .promise ul { text-align: center; }
	.svr .promise li { margin-right: 0;width: 49%;height: 170px; vertical-align: top; }
	.svr .promise li i { background-position-y: -150px; }
	.svr .policy li { width: 100%;margin:0;height:430px;border-radius:10px;margin-bottom:10px; }
	.svr .parts li { width: 100%;margin:0 0 20px 0px;height: auto; }
  	.svr .tool .calc ul { width:332px;margin:0 auto; }
	.svr .tool .calc li { width: 108px;margin-bottom:20px; }
  	.svr .tool .calc li div { width:85px;height:85px; }
 	 .svr .tool .calc li p { line-height:18px; }
 	 .svr .tool .calc li p:nth-child(2) { font-size:1.6em;font-weight:600; }
	.svr .cooperate .clist dl { width: auto;margin: 10px auto;padding:10px;height: 80px;float: none;position: unset; }
	.svr .cooperate .clist dt { height: auto; }
	.svr .cooperate .clist img { width: 70%; }
	.svr .cooperate .clist dd { width: auto;height: auto;float: none;padding-top: 18px; }
	.svr .cooperate .clist .det { display: none; }
	.svr .policy { background: #ffffff; }
	.svr .newslist .infobox { width: 100%;margin:0 0 20px 0; }
	.svr .newslist .trd { display: none; }
	.svr .tool .news .lt,.svr .tool .news .rt { width: 100%; margin:20px 0;}
	.svr .tool .news .lt dl dt,.svr .tool .news .rt dl dt { width: 250px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
	.page-icon a { margin-right: 6px; }
  .svr .pop-window { width:77%; }
  .svr .yz-bt { left:63%; }
  .svr .down-form input { width:75%; }
  .svr .form-row .yanz  { width:35%; }
  .svr .policy li img { margin-top:160px; }
  .svr .policy li span { font-size:1.8em; }
}

@media (min-width: 768.7px) and (max-width: 991px) {
	.svr .promise li { width: 154px; }
	.svr .policy li { width: 239px;margin-right: 12px; }
	.svr .parts li { width: 237px;height: 170px; }
	.svr .parts li p { font-size: 1.8em; }
	.svr .tool .calc li { width: 122px; }
	.svr .tool .news .rt { width: 100%; }
	.svr .tool .news .lt { width: 100%;margin-bottom: 30px;margin-right:0; }
	.svr .cooperate .clist dl { width: 226px;margin-right: 21px;padding-left: 10px; }
	.svr .cooperate .clist dt { width: 80px;height: 80px; }
	.svr .cooperate .clist dd { width: 110px;margin-right: 15px; }
	.svr .datum .file_down_li li { width: 360px; }
	.svr .datum .file_down_li .down-nose { width: 314px; }
	.svr .newslist .piece dl { width: 43%; }
	.svr .newslist .infobox { width: 100%;margin-right: 0px; }
} 

@media (min-width: 992.7px) and (max-width: 1199px) {
	.svr .promise li { width: 212px; }
	.svr .policy li { width: 316px;margin-right: 12px; }
	.svr .parts li { width: 314px; }
	.svr .tool .calc li { width: 160px; }
	.svr .tool .news .rt { width: 480px; }
	.svr .tool .news .lt { width: 480px;margin-right: 16px; }
	.svr .cooperate .clist dl { width: 283px;margin-right: 20px; }
	.svr .cooperate .clist dd { width: 148px; }
	.svr .datum .file_down_li li { width: 469px; }
	.svr .datum .file_down_li .down-nose { width: 423px; }
	.svr .newslist .piece dl { width: 43%;padding-right: 9%; }
	.svr .newslist .infobox { width: 307px;margin-right: 17px; }
}



/**************************Server Parts**********************/

.svr .parts { height:auto;}
.svr .parts .tab { width:100%;height:74px;border-bottom:1px solid #dcdcdc;margin-bottom:36px;}
.svr .parts .tab ul{ height:85px;text-align: center;}
.svr .parts .tab ul li { display:inline-block;margin:10px !important;width:177px;height: 40px; cursor: pointer;}
.svr .parts .tab ul li a {border:1px solid #c70008;line-height:40px;height:38px;display:block;text-align:center;color:#c70008}
.svr .parts .tab ul .on {background:url(//static.zzboiler.com/web/images/hsj.jpg) no-repeat center bottom}
.svr .parts .tab ul .on a {background-color:#c70008;color:#FFF}
.svr .parts .tab_con_con { height:auto;display:none}
.svr .parts .tab_con_con div { width:284px;float:left;margin-right:21px;margin-bottom:50px}
.svr .parts .tab_con_con div:nth-child(4n) { margin-right: 0; }
.svr .parts .tab_con_con div img{ display:block;width:280px;border:1px solid #dfdfdf}
.svr .parts .tab_con_con div p{ height:48px;border:1px solid #dfdfdf;border-top:none;width:280px;text-align:center;line-height:48px}
.svr .parts .tab_con_con div:hover p{ border-bottom:1px solid #c70008}


@media (max-width: 768px) {
	.svr .parts .tab { border-bottom: none;margin-bottom: 120px; }
	.svr .parts .tab ul li { width: 110px;border-radius: 10px; }
	.svr .parts .tab_con_con div { width: 100%;float: none;margin: 0; }
	.svr .parts .tab_con_con div img { width: 100%; }
	.svr .parts .tab_con_con div p { width: 100%;}
	.svr .parts .tab ul li a { border-radius: 5px; }
}

@media (min-width: 768.7px) and (max-width: 991px) {
	.svr .parts .tab ul li { width: 102px; }
	.svr .parts .tab_con_con div { width: 236px; }
	.svr .parts .tab_con_con div p { width: 236px; }
	.svr .parts .tab_con_con div:nth-child(4n) { margin-right: 21px; }
	.svr .parts .tab_con_con div:nth-child(3n) { margin-right: 0; }
} 

@media (min-width: 992.7px) and (max-width: 1199px) {
	.svr .parts .tab ul li { width: 140px; }
	.svr .parts .tab_con_con div { width: 229px; }
	.svr .parts .tab_con_con div p { width: 229px; }
}



/**************************Server Doc**********************/

.svr .standard .table1 { overflow: scroll; overflow-x: hidden; box-sizing: border-box; margin-bottom: 30px; width: 100%; height: 572px; margin: 50px 0 50px; }
.svr .standard .table1 tr td { width: 200px; height: 50px; border: 1px solid #ebebeb; color: #666; text-align: center; font-size: 14px; cursor: pointer; }
.svr .standard .table1 tr:nth-child(1) { height: 60px; background-color: #f5f5f5; }
.svr .standard .table1 tr:nth-child(1) td { border-right: 2px solid #f0f0f0; color: #333; text-align: center; font-size: 18px; line-height: 60px; }
.svr .standard .table1 tr:nth-child(1) td:nth-child(2) { width: 584px; }
.svr .standard .table1 tr:nth-child(1) td:nth-child(4) { border-right: 1px solid #ebebeb; }


@media (max-width: 768px) {
	.svr .datum .file_down_li li { float: none;width: 100%; }
	.svr .datum .file_down_li .down-nose { display: inline-block; width: 83%; float: none;}
	.svr .newslist .piece dl { width: 100%;padding:0;float: none; }
	.svr .newslist .piece dl:nth-child(2n) { padding:0 !important; }
	.svr .newslist .titles { width: 100%;padding:0;margin:0;text-align: center; }
	.svr .newslist h2 { font-size: 2.0em;margin: 0 10px;width: auto;float: none;display: inline-block; }
	.svr .newslist .piece a.more { width: 80%;margin:20px auto;border-radius: 10px;height: 30px;line-height: 30px; }
	.svr .newslist .piece:nth-child(3) { height: 920px; }
	.svr .newslist .piece:nth-child(3) a.more { margin-top: 463px; }
}



/**************************Server Subsidy List**********************/

.svr .newsbox .tabbox dl { margin-bottom: 20px; }


/**************************Server Tool**********************/

.svr .tool .calculatorAll { margin: 40px 0; }
.svr .tool .calculatorAll ul { height: 120px; }
.svr .tool .calculatorAll ul li { float: left; box-sizing: border-box; margin-right: 94px; width: 120px; height: 120px; border: 1px solid #e6e6e6; border-radius: 4px; cursor: pointer; }
.svr .tool .calculatorAll ul li:last-child { margin: 0; }
.svr .tool .calculatorAll ul li h5 { padding: 26px 0 10px 0; color: #666; text-align: center; font-size: 16px; }
.svr .tool .calculatorAll ul li h6 { color: #333; text-align: center; font-size: 26px; line-height: 26px; }
.svr .tool .calculatorAll ul .a { border: none; background-color: #c70008; }
.svr .tool .calculatorAll ul .a h5, .svr .tool .calculatorAll ul .a h6 { color: #FFFFFF; }
.svr .tool .calculatorAll ul li .b { color: #f0f0f0; }
.svr .tool .li-tab { display: none; overflow-x: hidden; height: auto; border: 1px solid #ebebeb; padding-bottom: 40px }
.svr .calculate div { display:none; } 
.svr .tool .show { display: block; }
.svr .tool .calculatorNavigation { margin-bottom: 40px; height: 60px; background-color: #f5f5f5; color: #333; text-align: center; font-size: 18px; line-height: 60px; }
.svr .tool .heat_transfer ul { overflow: hidden; margin-bottom: 10px; margin-left: 40px; }
.svr .tool .heat_transfer li { float: left; margin-bottom: 30px; width: 33%; }
.svr .tool .heat_transfer li .name { float: left; padding: 15px 0 0 0; color: #666; font-size: 14px; }
.svr .tool .heat_transfer li input { float: left; width: 178px; height: 50px; border: solid 1px #e2e2e2; border-radius: 4px; text-indent: 10px; font-size: 16px; line-height: 28px; }
.svr .tool .heat_transfer .huansuanAll { margin-bottom: 20px; height: 50px; text-align: center; }
.svr .tool .heat_transfer .huansuanAll .huansuan { display: inline-block; margin-left: 20px; width: 178px; height: 48px; border: 1px solid #d9d9d9; border-radius: 4px; color: #666; text-align: center; font-size: 18px; line-height: 50px; cursor: pointer; }
.svr .tool .heat_transfer .huansuanAll .huansuan:hover { border: none; background-color: #c70008; color: #f0f0f0; }
.svr .tool .calculatorjieshao { margin-top: 40px; margin-left: 40px;  color: #999; font-size: 14px; line-height: 23px; }
.svr .tool .news_xuan { width: 550px; margin-top: 60px;}
.svr .tool .news_xuan h5 { display: block; text-align: center; font-size: 24px; font-weight: normal; }
.svr .tool .news_xuan ul li { width: 100%; border-bottom: 1px solid #e6e6e6; height: 70px; line-height: 70px; }
.svr .tool .news_xuan ul li a { color: #666666; transition: .3s; display: block; }
.svr .tool .news_xuan ul li a span { float: right; }
.svr .tool .news_xuan ul li a:hover { color: #ff3f3b; }
.svr .tool .news_xuan ul li p { display: inline-block;width: 80%; text-align: left;font-size: 1.4em;margin: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.svr .tool .news_xuan a.more { width: 200px; height: 40px; line-height: 40px; text-align: center; display: block; font-size: 14px; margin: 30px auto; border: 1px solid #e6e6e6; transition: all .2s; }
.svr .tool .news_xuan a.more:hover { background: #c70008; border-color: #ff3f3b; color: #FFFFFF; }
.svr .tool div.tb1, .svr .tool div.tb2 { margin-left: 40px; }
.svr .tool .menudiv { height: 100px; border-top: 0; background: #fefefe; font-size: 14px; }
.svr .tool .li-tab .t_list_a a span { float: left; display: block; margin-right: 20px; width: 200px; height: 40px; border: 1px solid #e6e6e6; border-radius: 4px; color: #333; text-align: center; line-height: 40px;margin-bottom:20px; }
.svr .tool table { margin: 0 auto; border: 1px solid #e6e6e6; border-collapse: collapse; border-spacing: 0; }
.svr .tool table td { padding-right: 20px; padding-left: 20px; height: 40px; border: 1px solid #e6e6e6; color: #666; font-size: 14px; }
.svr .tool button { margin-top: 5px; margin-left: 5px; padding: 0 10px; border-radius: 2px; background-color: #c70008; color: #f0f0f0; }
.svr .tool input { margin-right: 20px; margin-left: 20px; height: 38px; border: 1px solid #e6e6e6; border-top: none; border-bottom: none; text-indent: 10px; }



@media (max-width: 768px) {
	.svr .tool .calculatorAll { text-align: center; }
	.svr .tool .calculatorAll ul { height: auto; }
	.svr .tool .calculatorAll ul li { display: inline-block;width: 85px;height: 85px; margin: 10px; float: none; }
  .svr .tool .calculatorAll ul li:last-child { margin:10px; }
	.svr .tool .heat_transfer ul { margin-left: 0; }
	.svr .tool .heat_transfer li { width: 100%;margin-bottom:15px; }
	.svr .tool .heat_transfer li input { width: 80px;height: 35px; }
	.svr .tool .heat_transfer li .name { padding-top:10px; }
	.svr .tool .news_xuan { width: 100%;margin-top: 0; }
	.svr .tool .calculatorAll ul li h5 { font-size: 1.4em; }
	.svr .tool .calculatorAll ul li h6 { font-size: 1.8em; }
	.svr .tool .heat_transfer .huansuanAll .huansuan { width: 100px;height:40px;line-height:40px;font-size:1.4em; }
	.svr .tool .calculatorjieshao { margin: 40px 20px 0 40px;  }
	.svr .tool .calculatorAll ul li h5 { font-size: 1.4em;padding:10px 0; }
	.svr .tool .calculatorAll ul li h6 { font-size: 1.6em;font-weight:600; }
	.svr .tool .news_xuan ul li p { width: 70%; }
  .svr .tool div.tb1, .svr .tool div.tb2 { margin-left:0; }
  .svr .tool input { width:90px; }
  .svr .tool .calculatorNavigation { font-size:1.6em; }
  .svr .tool .news_xuan h5 { padding-top:20px; }
  #con_one_8 { width:340px;margin:0 auto; }
  #con_one_8 a span { width:90px;margin:10px}
}

@media (min-width: 768.7px) and (max-width: 991px) {
	.svr .tool .calculatorAll ul li { margin-right: 6px; }
	.svr .tool .heat_transfer li { width: 50% }
	.svr .tool .heat_transfer li input { width: 100px;height: 35px; }
	.svr .tool .heat_transfer li .name { padding-top:10px; }
	.svr .tool .news_xuan { width: 100%; }
	.svr .tool .calculatorAll ul li h5 { font-size: 1.4em; }
	.svr .tool .calculatorAll ul li h6 { font-size: 2.0em; }
} 

@media (min-width: 992.7px) and (max-width: 1199px) {
	.svr .tool .calculatorAll ul li { margin-right: 52px; }
	.svr .tool .heat_transfer li input { width: 100px;height: 35px; }
	.svr .tool .heat_transfer li .name { padding-top:10px; }
	.svr .tool .news_xuan { width: 460px; }
}


/**************************Server Cooperate**********************/

.over { background: none !important; cursor: default !important; }
.over span { display: block !important; }
#loadmore, #loadcase { background: url("//static.zzboiler.com/web/images/go_more.gif") no-repeat center top; width: 162px; line-height: 62px; height: 65px; text-align: center; margin: 0 auto 100px; display: block; bottom: 0; color: #ff2020; font-size: 16px; cursor: pointer; }
#loadmore span, #loadcase span { color: #999999; font-style: italic; display: none; }
#loadmore img, #loadcase img { width: 30px; height: 30px; }
#loadcase { margin-bottom: 0; }


/**************************Server Cooperate Content**********************/

.svr .cooperate .tsum { width: 100%; height: 400px; margin-top: 100px; }
.svr .cooperate .tsum .timg { width: 580px; height: 100%; float: left; position: relative; }
.svr .cooperate .tsum .timg img { display: block; width: 100%; }
.svr .cooperate .tsum .timg span { display: block; position: absolute; right: 10px; bottom: 3px; color: #FFFFFF; opacity: .5; }
.svr .cooperate .tinfo { width: 540px; height: 340px; background: #f5f5f5; float: right; padding: 30px 20px; }
.svr .cooperate .tinfo .tt { width: 100%; height: 80px; }
.svr .cooperate .tinfo .tt dt { width: 80px; height: 80px; background: #FFFFFF; border-radius: 5px; float: left; overflow: hidden; }
.svr .cooperate .tinfo .tt dt img { width: 100%; }
.svr .cooperate .tinfo .tt dd { width: 440px; height: 79px; border-bottom: 1px solid #cccccc; float: right; }
.svr .cooperate .tinfo .tt dd span { display: block; font-size: 24px; line-height: 30px; color: #333333; }
.svr .cooperate .tinfo .tt dd em { font-style: normal; display: block; color: #CCCCCC; }
.svr .cooperate .tinfo .cinfo { margin-top: 30px; }
.svr .cooperate .tinfo .cinfo dl { margin-bottom: 40px; margin-top: 0; }
.svr .cooperate .tinfo .cinfo dd { width: 195px; }
.svr .cooperate .tinfo .cns { width: 100%; height: 40px; text-align: center; }
.svr .cooperate .tinfo .cns a { display: inline-block; width: 198px; height: 38px; line-height: 38px; border: #c70008 1px solid; color: #c70008; margin-top: -10px; }
.svr .cooperate .tinfo .cns .chat { margin-right: 30px; background: #c70008; color: #FFFFFF; }
.svr .cooperate .smalltext p { text-indent: 2em;text-align: left;font-size: 1.4em;line-height: 35px; }
.svr .cooperate .cinfo dl { width: 50%; float: left; height: 60px; margin-top: 40px; }
.svr .cooperate .cinfo dl dt { width: 58px; height: 58px; float: left; border: 1px solid #aaaaaa; }
.svr .cooperate .cinfo dl dd { width: 250px; float: right; height: 100%;  color: #666; }
.svr .cooperate .cinfo dl dd em { display: block; color: #333; font-style: normal;font-size: 16px; }
.svr .cooperate .iloca,.imac,.iapps,.ifuel,.itime{background: url("https://static.zzboiler.com/web/img/ppci.png") no-repeat -70px -184px;}
.svr .cooperate .imac { background-position-x: -127px;}
.svr .cooperate .iapps { background-position-x: -186px;}
.svr .cooperate .itime { background-position-x: -246px;}
.svr .cooperate .ifuel { background-position-x: -302px;}
.svr .cooperate .more a { width: 583px; height: 38px; line-height: 38px; border: #f0f0f0 1px solid; color: #666666; text-align: center; padding: 10px 0; display: inline-block; border-bottom-color: white; transition: background .2s,border .2s; float: left; margin-right: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size: 1.4em; }
.svr .cooperate .more a:hover { background: #c70008; border-color: red; color: #FFFFFF; }
.svr .cooperate .more a:hover span { border-color: #ffb2b1; }
.svr .cooperate .more a:last-child, .ind_cases a:nth-child(7) { border-bottom-color: #f0f0f0; }
.svr .cooperate .more a:nth-child(2n) { margin-right: 0; }
.svr .cooperate .more span { display: block; width: 198px; float: left; border-right: 1px solid #f0f0f0; transition: all .2s; }

@media (max-width: 768px) {
	.svr .cooperate .tsum { margin-top: 0; }
	.svr .cooperate .tsum .timg { display: none; }
	.svr .cooperate .tinfo { width: 100%;width: auto;height: auto;float: none;padding: 20px;margin: 20px auto; }
	.svr .cooperate .tinfo .tt dt { display: none; }
	.svr .cooperate .tinfo .tt dd { width: 100%;text-align: center; }
  .svr .cooperate .tinfo .tt dd h1 { font-size:1.6em;padding-bottom:10px; }
	.svr .cooperate .tinfo .cinfo dd { float: none;padding-left: 67px;padding-top: 10px;width:auto; }
	.svr .cooperate .more a { width: 100%;margin-right:0; }
	.svr .cooperate .more span { width: 90px;}
	.svr .cooperate .tinfo .cns a:first-child+a { display: none; }
	.svr .cooperate .clist dl:after { display: none; }
	.svr .cooperate .cinfo dl dd em { font-size:1.4em;padding-bottom:5px;  }
	.svr .cooperate .tinfo .cns a { border-radius: 5px; }
}

@media (min-width: 768.7px) and (max-width: 991px) {
	.svr .cooperate .tsum .timg { display: none; }
	.svr .cooperate .tinfo { width: 100%; }
	.svr .cooperate .tinfo .tt dd { width: 660px; }
	.svr .cooperate .tinfo .cinfo dd { width: 290px; }
	.svr .cooperate .more a { width: 358px; }
	.svr .cooperate .more span { width: 130px;}
} 

@media (min-width: 992.7px) and (max-width: 1199px) {
	.svr .cooperate .tsum .timg { width: 390px;overflow: hidden; }
	.svr .cooperate .more a { width: 473px; }
	.svr .cooperate .tsum { margin-top: 30px; }
	.svr .cooperate .tsum .timg img { width: auto;max-width: unset; }
}

/**************************Server Baike**********************/

.svr .baike .search .mbox { width: 700px;margin: 80px auto; }
.svr .baike .search form { width: 100%; height: 44px; line-height: 40px; }
.svr .baike .search form .key { height: 38px; width: 638px; float: left; border: 1px #cccccc solid; border-right: none; border-radius: 4px 0 0 4px; text-indent: 15px; }
.svr .baike .search form .sub { width: 56px; height: 96%; float: left; background: url("https://static.zzboiler.com/web/img/icon_baike.png") #c70008 no-repeat -46px 11px; border: 1px solid #c70008; border-radius: 0 4px 4px 0; cursor: pointer; }
.svr .baike .search .hotkeys { font-size: 1.2em; color: #999;margin-top:10px; }
.svr .baike .search .hotkeys a { color: #999999; margin-right: 20px; transition: all .2s; }
.svr .baike .search .hotkeys a:hover { color: #c70008; }
.svr .baike .search .hks { width: 100%; margin-bottom: 40px; text-align: justify; height: 100px; overflow: hidden; }
.svr .baike .search .hks a { border: 1px solid #cccccc; border-radius: 4px; padding: 0 20px; margin: 0 0 20px 0; line-height: 35px; display: inline-block; transition: all .2s; }
.svr .baike .search .hks a:hover { color: #c70008; border-color: #c70008; }.search 
.svr .baike .answer { margin-bottom: 25px; }
.svr .baike .answer dl { width: 100%; height: 150px; margin-bottom: 30px;padding-bottom:20px;border-bottom: 1px dashed #dcdcdc; }
.svr .baike .answer dl:hover { border-bottom: 1px dashed #c70008; }
.svr .baike .answer dl dt { width: 225px; height: 150px; float: left; }
.svr .baike .answer dl dd { width: 920px; float: right; padding-top: 5px; }
.svr .baike .answer dl dd h6 { font-size: 16px; transition: all .2s;margin-bottom: 20px; }
.svr .baike .answer dl dd span { font-size: 12px; color: #333333; display: block; margin: 15px 0; }
.svr .baike .answer dl dd p { color: #666666; font-size: 14px; line-height: 28px; }
.svr .baike .answer dl:hover h6 { color: #c70008; }
.svr .baike a.more { display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; color: #f0f0f0; margin: 0 auto 50px; background: #c70008; border-radius: 4px;font-size:1.4em; }
.svr .baike .question dl { width: 100%; margin-bottom: 35px; }
.svr .baike .question dl dt { font-size: 16px; color: #333; margin-bottom: 10px; }
.svr .baike .question dl dt:before { display: inline-block; width: 26px; height: 23px; background: url("https://static.zzboiler.com/web/img/icon_baike.png") no-repeat -65px -67px; content: " "; margin-right: 5px; }
.svr .baike .question dl dt a { color: #666666; transition: all .2s; }
.svr .baike .question dl dt a:hover { color: #c70008; }
.svr .baike .question dl dd { background: #f5f5f5; padding: 20px; }
.svr .baike .question dl dd span { display: block; color: #333333; overflow: hidden; height: 34px; line-height: 34px; margin-bottom: 5px; }
.svr .baike .question dl dd span:before { display: block; content: " "; width: 34px; height: 34px; margin-right: 20px; background: url("https://static.zzboiler.com/web/img/icon_baike.png") no-repeat -113px -63px; float: left; }
.svr .baike .question dl dd p { line-height: 28px; color: #666666; }
.svr .baike .repair .mtainlist { width: 100%; margin-top: -10px; }
.svr .baike .repair .mtainlist li { width: 48%; float: left; font-size: 14px; color: #666666; border-bottom: #f0f0f0 1px solid; line-height: 50px; height: 50px; }
.svr .baike .repair .mtainlist li a { display: inline-block; }
.svr .baike .repair .mtainlist li a:before { content: "●  "; color: #c70008; }
.svr .baike .repair .mtainlist li span { float: right; }
.svr .baike .repair .mtainlist li:nth-child(2n) { float: right; }
.svr .baike .repair .mtainlist .telph { width: 360px; height: 40px; line-height: 40px; text-align: center; color: #f0f0f0; background: #c70008; margin: 55px auto; border-radius: 4px; font-size: 16px; }
.svr .baike .repair .mtainlist .telph:before { content: " "; display: inline-block; width: 20px; height: 20px; background: url("https://static.zzboiler.com/web/img/icon_baike.png") -68px -128px; margin: 0 20px  0 0; vertical-align: middle; }
.svr .baike .baseknow { width: 100%;height: 540px; background: #f3f3f3; padding: 60px 0 15px 0; background: url("https://static.zzboiler.com/web/img/bg_base.jpg") center ; }
.svr .baike .baseknow dl { width: 48%; float: left; margin-bottom: 50px;height:90px;}
.svr .baike .baseknow dl dt { color: #333333; font-size: 16px; margin-bottom: 6px; }
.svr .baike .baseknow dl dt * { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
.svr .baike .baseknow dl dt a { color: #333333; transition: all .2s; }
.svr .baike .baseknow dl:hover dt a { color: #c70008; }
.svr .baike .baseknow dl dd { padding-bottom: 15px;border-bottom: 1px solid #dcdcdc;height:50px; }
.svr .baike .baseknow dl:hover dd { border-bottom: 1px solid #c70008; }
.svr .baike .baseknow dl dd span { display: none; }
.svr .baike .baseknow dl dd span a { font-size: 12px; color: #666666; padding: 3px 8px; border-radius: 4px; margin-right: 10px; border: #cccccc 1px solid; transition: all .2s; display: none; }
.svr .baike .baseknow dl dd span a:hover { color: #c70008; }
.svr .baike .baseknow dl dd > p { text-align: justify; color: #666666; line-height: 28px; margin-top: 6px; }
.svr .baike .baseknow dl:nth-child(2n-1) { float: right; }
.svr .titles { width: 100%; height: 40px; line-height: 40px; margin-bottom: 40px;}
.svr .titles span { display: block; font-size: 2.8em; color: #333333; margin-right: 40px;  float: left;font-weight: 600; }
.svr .titles a { font-size: 14px; color: #999999; display: block; float: right; transition: all .2s; }
.svr .titles a:hover { color: #c70008; }



@media (max-width: 768px) {
	.svr .baike .answer dl dd { width: 100%;float: none; }
	.svr .baike .repair .mtainlist li { width: 100%; }
	.svr .baike .search form .key { width: 78%; }
	.svr .baike .search .mbox { width: 300px;margin:20px auto; }
	.svr .baike .answer dl dt { width: 100%;height: auto;float: none; }
	.svr .baike .answer dl { height: auto; }
	.svr .baike .baseknow dl { width: 100%;height: auto;float: none; }
  .svr .baike .baseknow dl:nth-child(2n-1) { float:none; }
	.svr .baike .baseknow { background: url(https://static.zzboiler.com/web/img/bg_base.jpg) repeat-y center -100px;height: auto; }
	.svr .titles span { font-size: 2.0em; }
	.svr .baike .answer dl dd h6 { text-align: center;padding:10px 0;}
	.search h2,.svr .baike .search .hks { display: none; }
	.answer h2 { font-size: 2.0em;margin:30px auto; }
	.svr .baike .search .hotkeys { display: none; }
	.svr .baike .search form .sub { width: 61px; }
	.svr .baike .answer dl dt img { display: block; border-radius: 5px;margin: 0 auto; }
	.svr .baike .answer dl dd span { display: none; }
	.svr .baike .repair .mtainlist li p  {display: inline-block; width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  }
	.svr .baike .repair .mtainlist li a:before { display: none; }
	.svr .baike .repair .mtainlist .telph { width: 275px }
	.svr .baike .question dl dt { font-size: 1.4em; }
  .svr .baike .repair .mtainlist li a  { display:inline-block;width:250px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
}

@media (min-width: 768.7px) and (max-width: 991px) {
	.svr .baike .answer dl dd { width: 486px; }
	.svr .baike .repair .mtainlist li { width: 100%; }
} 

@media (min-width: 992.7px) and (max-width: 1199px) {
	.svr .baike .answer dl dd { width: 720px; }
	.svr .baike .repair .mtainlist li { width: 100%; }
}


/**************************Server Baike List**********************/

.news .newsbox .baike dl dd { width: 900px; }

/**************************Server Baike Content**********************/

.svr .baike .bknav { width: 100%; height: 128px; border: 1px solid #f0f0f0; }
.svr .baike .bknav dl { width: 25%; float: left; height: 128px; }
.svr .baike .bknav dl a { display: block; width: 100%; height: 100%; }
.svr .baike .bknav dl dt { width: 45px; height: 45px; background: url("https://static.zzboiler.com/web/img/icon_baike.png") -139px -199px; margin: 25px auto 10px; }
.svr .baike .bknav dl dt.que { background-position-y: -264px; }
.svr .baike .bknav dl dt.mat { background-position-y: -328px; }
.svr .baike .bknav dl dt.faq { background-position-y: -396px; }
.svr .baike .bknav dl dd { font-size: 16px; color: #666666; text-align: center; }
.svr .baike .bknav dl:hover { background: #f5f5f5; }
.svr .baike .bknav dl:hover dt { background-position-x: -209px; }
.svr .baike .bknav dl:hover dd { color: #c70008; }


/**************************Server Info**********************/

.svr .info .ibox{ height:267px;width:100%;position:relative}
.svr .info .lbox{ width:64.7%;height:100%;margin-right:2.5%;position:absolute;left:0;top:0}
.svr .info .lbox .info_fm_l { width:51.9%;float:left;margin-right:3.9%;height:100%;overflow:hidden}
.svr .info .lbox .info_fm_r { width:44.2%;float:left;height:100%}
.svr .info .lbox .info_fm_r h2{font-size:20px;line-height:20px;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:20px 0 15px 0}
.svr .info .lbox .info_fm .red { height:38px;width:122px;line-height:38px;text-align:center;border:1px solid #c70008;display:block;margin-top:23px;position:absolute;bottom:20px;color:#c70008}
.svr .info .lbox ul{ position:absolute;width:450px;left:0;bottom:30px;text-align:center;height:10px}
.svr .info .lbox li{ width:10px;height:10px;margin-right:5px;background-color:#FFF;border-radius:5px;display:inline-block;cursor:pointer}
.svr .info .rbox { width:32.7%;height:100%;float:left;position:absolute;right:0;top:0}
.svr .info .rbox ul li{ height:50px;width:100%;margin-bottom:22px;float:left}
.svr .info .rbox ul li .con_l{ height:100%;width:14.6%;border-right:1px solid #999;float:left;margin-right:2.5%}
.svr .info .rbox ul li .con_l p{ font-size:12px;line-height:18px;float:left;width:100%;color:#999}
.svr .info .rbox ul li .con_l b{ width:100%;text-align:center;line-height:30px;font-size:24px;color:#999;display:block}
.svr .info .rbox ul li .con_r{ width:82%;float:left;height:100%}
.svr .info .rbox ul li .con_r h3{ font-size:16px;line-height:26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.svr .info .rbox ul li .con_r h3:hover{ color:#c70008}
.svr .info .info_fm_r h2:hover{ color:#c70008}



@media (max-width: 540px) {
	.svr .info .rbox { width: 100% }
	.svr .info .lbox { display: none; }
	.svr .info .rbox ul li .con_r h3 { white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
}

@media (min-width: 540.7px) and (max-width: 768px) {
	.svr .info .rbox { display: none; }
	.svr .info .lbox { width: 100%; }
}

@media (min-width: 768.7px) and (max-width: 991px) {
	.svr .info .rbox { display: none; }
	.svr .info .lbox { width: 100%; }
} 


/**************************Server Info List**********************/

.svr .info .tab li { display: inline-block;width: 170px;height: 50px;margin-right: 30px;border: 1px solid #dcdcdc;text-align: center;line-height: 50px;font-size: 1.6em; }
.svr .info .tab li:last-child { margin-right: 0 }
.svr .info .tab li:hover { background: #c70008; }
.svr .info .tab li:hover a { color: #f0f0f0; }
.svr .info .newsbox .tabbox dl dd { width: 870px; }


@media (max-width: 768px) {
	.svr .info .tab { text-align: center; }
	.svr .info .tab li { width:123px;  margin:10px;font-size: 1.4em;height: 40px;line-height: 40px;border-radius: 5px; }
	.svr .info .tab li:last-child { margin-right:10px;  }
	.svr .info .newsbox .tabbox dl dd { width:57%; }  
}

@media (min-width: 768.7px) and (max-width: 991px) {
	.svr .info .tab li { width: 114px;margin-right: 7px; }
	.svr .info .newsbox .tabbox dl dd { width: 450px; } 
} 

@media (min-width: 992.7px) and (max-width: 1199px) {
	.svr .info .tab li { width: 133px; }
	.svr .info .newsbox .tabbox dl dd { width: 680px; }
}



/************************News Center**********************/

.news_bg { background: url("/zg/images/news-bg.jpg") no-repeat center;}
.news .topline h2 { text-align: left; }
.news .topline li { display: inline-block;margin-bottom: 50px;position: relative;overflow: hidden;}
.news .topline li a { color:#f0f0f0; }
.news .topline li span { display: block;font-size: 1.4em; position: absolute;left:28px;bottom: 60px;z-index: 1; }
.news .topline p { font-size: 2.0em;font-weight: 600;position: absolute;left:28px;bottom: 20px;z-index: 1;}
.news .topline img{ cursor: pointer;transition: all 0.6s;}
.news .topline img:hover{ transform: scale(1.1);}
.news .newsbox .tab h2 { display: inline;font-size: 2.4em;padding-right: 30px;cursor: pointer;font-weight: 600; }
.news .newsbox .tab a { float: right;padding-right: 20px; }
.news .newsbox .tabbox dl { height: 200px; }
.news .newsbox .tabbox dl img { float: left;width: 270px;margin-right: 30px;}
.news .newsbox .tabbox dl dt { font-size: 1.6em;margin-bottom: 30px; }
.news .newsbox .tabbox dl dd {display: inline-block;height: 110px;border-bottom: 1px solid #9e9e9e;width:100%;}
.news .newsbox .tabbox dl:hover dd {border-bottom: 1px solid #c70008;}
.news .newsbox .tabbox dl dd span { display: block;font-size: 1.4em; color: #999999;margin-bottom: 18px;  }
.news .newsbox .tabbox dl dd p {font-size: 1.4em;line-height: 26px;}
.news .newsbox .tabbox:last-child { display: none;}
.news .special h3 {display: inline-block;font-size: 2.4em;font-weight: 600;margin: 36px 0;}
.news .special span { float: right;padding-right: 20px;margin: 36px 0;}
.news .special dl {display: inline-block;width: 244px;margin-right:15px;margin-bottom: 40px;border: 1px solid #9e9e9e;padding:20px;border-radius: 5px;}
.news .special dl:hover {border: 1px solid #c70008;transition: all .3s;}
.news .special dl:nth-child(4n) {margin-right: 0;}
.news .special dl dt { font-size: 2.4em;text-align: center;margin: 20px 0; }
.news .special dl dd { margin: 20px 0; }


@media (max-width: 540px) {
	.news .topline li:last-child {display: none;}
	.news .newsbox .tabbox dl { height: auto; }
	.news .newsbox .tabbox dl dt { font-size: 1.4em;margin-bottom: 10px;}
	.news .newsbox .tabbox dl img { width: 40%;margin-right: 15px; }
	.news .newsbox .tabbox dl dd { width: 100px !important;border: 0;height: 66px;}
	.news .newsbox .tabbox dl dd p { display: none; }
	.news .special dl { display: block; width: 260px;margin: 20px auto;padding:20px; }
	.news .special dl:nth-child(4n) { margin-right: auto; }
	.svr .baike .bknav dl dd { font-size: 1.2em; }
}


@media (min-width: 540.7px) and (max-width: 768px) {
	.news .topline li span { bottom: 82px; }
	.news .topline p { font-size: 1.6em; }
	.news .topline li:last-child {display: none;}
	.news .newsbox .tabbox dl img { width: 40%;margin-right: 15px; }
	.news .newsbox .tabbox dl dt { font-size: 1.4em;margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
	.news .newsbox .tabbox dl dd { width: 57%;border: 0;  }
	.news .newsbox .tabbox dl dd p { height: 50px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; }
	.news .special dl:nth-child(2n) { margin-right: 0; } 
	.news .special dl:nth-child(4n) { margin-right: auto; }
	.news .special dl { width: 40%; }
	.news .newsbox .tabbox dl { height: 181px; }
}

@media (min-width: 768.7px) and (max-width: 991px) {
	.news .topline li:first-child { width: 56%;margin-right: 18px; }
	.news .topline li:last-child { width: 41%; }
	.news .newsbox .tabbox dl dd { width: 450px; }
	.news .special dl:nth-child(4n) { margin-right: 20px; }
	.news .special dl:nth-child(3n) { margin-right: 0px; }
	.news .special dl { width: 195px; }
}

@media (min-width: 992.7px) and (max-width: 1199px) {
	.news .topline li:first-child { width: 57%;margin-right: 16px; }
	.news .topline li:last-child { width: 41%; }
	.news .newsbox .tabbox dl dd { width: 680px; }
	.news .special dl:nth-child(4n) { margin-right: 20px; }
	.news .special dl:nth-child(3n) { margin-right: 0px; }
	.news .special dl { width: 272px; }
}



/************************News List**********************/

.news .newsbox .tablist h2 { display: inline;font-size: 2.4em;padding-right: 30px;cursor: pointer;font-weight: 600; }
.news .newsbox .tablist a { float: right;padding-right: 20px; }



/************************News Content********************/

.news .content h1 { font-size: 2.8em;text-align: center;margin:30px 0;}
.news .content .newstime { font-size: 1.6em; text-align: center; margin:20px 0;}
.news .content .newstext p { font-size: 1.4em; line-height: 35px;}
.news .content .newstext p img { margin:20px auto;}
.news .turnpage { width:100%;height:60px;margin: 40px 0;font-size: 1.4em;}
.news .turnpage p { text-align:center; line-height:58px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .turnpage .pre { width:514px;float:left;border:1px solid #dcdcdc;border-right:none;}
.news .turnpage .mid { width:158px;float:left;border:1px solid #dcdcdc;border-right:none;}
.news .content .newstext h3 { font-size:1.6em;margin:18px 0;}
.news .content .newstext table { width:100%;margin:20px 0 }
.news .content .newstext table td {line-height: 39px;border: 1px #dcdcdc solid;text-align: center;}
.news .content .newstext h2 { font-size:1.8em;text-align:left;margin:20px 0 }


@media (max-width: 768px) {
	.news .content h1 { font-size: 2.0em;text-align: center;margin:30px 0;}
	.news .turnpage .mid { display: none; }
	.news .turnpage .pre { width: 97%; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;border-right:1px solid #dcdcdc;margin-top:10px;height:50px;line-height:50px;float:none;text-align:left;padding-left:3%; }
	.svr .subsidy  dl,.svr .subsidy  dl dd { width: 100% !important;height:auto!important;  }
    .news .content .newstext p img  { width:100%; }
    .news .turnpage { margin:0;height:auto; }
}

@media (min-width: 768.7px) and (max-width: 991px) {
	.news .turnpage .mid { display: none; }
	.news .turnpage .pre { width: 373px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;  }
	.svr .subsidy  dl,.svr .subsidy  dl dd { width: 100% !important;height:auto!important;padding-bottom: 20px;  }
}

@media (min-width: 992.7px) and (max-width: 1199px) {
	.news .turnpage .pre { width: 409px; }
	.svr .subsidy  dl,.svr .subsidy  dl dd { width: 100% !important;height:auto!important;padding-bottom: 20px; }
}


/**************************相关调用**********************/
/******相关产品*******/
.news .part {clear: both;}
.news .part .ptitle h3 { border-bottom: 2px solid #c70008; width: 100px; text-align: center; font-size: 2em;line-height: 40px;height: 40px;margin-top: 40px;font-weight: normal;margin-bottom:20px;margin-right:0;}
.pnews .part .ptitle p {border-bottom: 2px solid #efefef; width: 700px;}
.news .yq_box dd a { color: #c70008;  }
.news .yq_box dd a:hover { font-style: normal;}
.yq_box { width: 100%; clear: both; overflow: hidden; }
.yq_box dl { width: 276px; height: 265px; background: #f7f7f7; margin: 0 32px 0 0;}
.yq_box dl:first-child+dl+dl+dl {margin-right: 0;}
.yq_box dl i { display: block; width: 100%; height: 100%; position: absolute; background: black; left: 0; top: 100%; opacity: 0; transition: all 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53); }
.yq_box dl * { transition: all 0.2s; }
.yq_box dt { width: 100%; height: 183px; overflow: hidden; background: #fafafa; }
.yq_box dt img { width: 100%; }
.yq_box dd { text-align: center; color: #c70008; font-size: 1.2em; height: 58px; padding-top: 15px; position: absolute; bottom: 0; width: 100%; background: #f7f7f7; overflow: hidden; }
.yq_box span, .yq_box em { display: block; font-style: normal; font-weight: normal; font-size: 1.1em; }
.yq_box span { color: #999999; margin: 0px 0 15px; }
.yq_box em { color: #999999; margin-bottom: 7px; opacity: 0; }
.yq_box .con, .yq_box .chat { opacity: 0; }
.yq_box dl:hover i { opacity: .3; top: 0; }
.yq_box dl:hover dd { height: 110px; }
.yq_box dl:hover dd em, .yq_box dl:hover dd a { opacity: 1; }
.yq_box dl:hover dd .pat { color: #c70008;}
.yq_box dl { position: relative; overflow: hidden; float: left; }
.yq_box dl .con, .yq_box dl .chat, .bio_box dl .con, .bio_box dl .chat { display: inline-block; width: 78px; height: 24px; color: #626060; border: 1px solid #999; border-radius: 4px; margin-right: 15px; font-size: 1.0em; line-height: 24px; font-weight: normal; text-align: center; transition: all .2s; }
.yq_box dl .con:hover, .bio_box dl .con:hover { background: #c70008; border-color: #c70008; color: #FFFFFF; }
.news .yq_box dl .chat, .bio_box dl .chat { border-color: #c70008; background: #c70008; color: #FFFFFF; margin-right: 0; }
.yq_box dl .pat, .bio_box dl .pat { display: block; font-size: 1.4em; color: #333333; }
.yq_box dl .pat:hover, .bio_box dl .pat:hover { color: #c70008; }
.yq_box dl:after, .bio_box dl:after { content: " "; display: block; width: 0; height: 1px; background: #c70008; position: absolute; bottom: 0; transition: all 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53); }
.yq_box dl:hover:after, .bio_box dl:hover:after { width: 100%;}

/******相关资讯*******/
.news .content .conlist li { display: inline-block;width: 588px;height: 60px;text-align: center;font-size: 1.6em;background: #f7f7f7;margin-bottom: 5px;line-height: 60px;color:#626060;margin-right: 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .content .conlist li:nth-child(2n){ margin-right:0;}
.news .content .conlist li i { display:inline-block;width: 55px; }
.news .content .conlist li:hover { background: #c70008;cursor: pointer; }
.news .content .conlist li:hover a { color:#f0f0f0; }
/******相关案例*******/
.news #part_2 .content li { display: inline-block;width: 384px;margin-right: 16px;background: #f7f7f7;margin-bottom: 40px;overflow: hidden;border:1px solid transparent;vertical-align:top; }
.news #part_2 .content li:nth-child(3){ margin-right:0;}
.news #part_2 .content li h2 { font-size: 1.6em;margin: 20px 0;padding:15px;height:40px; }
.news #part_2 .content li p { font-size: 1.4em;margin: 20px 0;padding:15px;}
.news #part_2 .content li p span { border:1px solid #dcdcdc;padding:5px 10px;color: #626060;border-radius: 5px; }
.news #part_2 .content li p i { display: inline-block;float: right; }
.news #part_2 .content li img { cursor: pointer;transition: all 0.6s; }
.news #part_2 .content li:hover { border: 1px solid #dcdcdc; }
.news #part_2 .content li:hover img { transform: scale(1.05); }
.news #part_2 .content li:hover span { border-color: #dcdcdc;color: #c70008; }

/******相关专题*******/
.news #part_1 h3 {display: inline-block;font-size: 2.4em;font-weight: 600;margin: 36px 0;}
.news #part_1 span { float: right;padding-right: 20px;margin: 36px 0;font-size:1.4em;}
.news #part_1 dl {display: inline-block;width: 378px;height: 368px; margin-right:29px;margin-bottom: 40px;background: #f7f7f7;overflow: hidden;}
.news #part_1 dl div { overflow: hidden; }
.news #part_1 dl:hover {background: #eeeeee;transition: all .3s;}
.news #part_1 dl:nth-child(3n) {margin-right: 0;}
.news #part_1 dl dt { font-size: 1.6em;font-weight: 600; margin: 40px 0 20px 0;padding-left: 15px; }
.news #part_1 dl dd { font-size: 1.4em;padding:0 15px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; }
.news #part_1 dl img{ cursor: pointer;transition: all 0.6s;}
.news #part_1 dl img:hover{ transform: scale(1.1);}

@media (max-width: 540px){
.yq_box dl { width: 100% !important;min-height: 315px;border-radius: 5px;margin:0 0 20px 0;float:none; }
.yq_box dt { min-height:248px;  }
.news #part_2 .content li {width: 100%;}
.news .content .conlist li  { width:97%;height: 40px;text-align: left;font-size: 1.4em;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left:3%;}
.news #part_1 dl { display: block; width: 100%;height: 290px;text-align: center;margin-bottom: 20px; }
.news #part_1 dl:nth-child(4n) { margin-right: auto; }
.news #part_1 dl img { border-radius: 10px; }
.news #part_1 dl dt { margin:20px 0; }
}
@media (min-width: 540.7px) and ( max-width: 768px ){	
.yq_box {  width: 514px;margin:0 auto; }
.yq_box dl { width: 239px;height: 255px;border-radius: 5px; }
.yq_box dl:first-child+dl { margin-right: 0; }	
.proctleft .yq_box dl { width: 233px;height: 239px; }	
.news .content .conlist li  { font-size: 1.4em; width: 100%;height: 50px;line-height: 50px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;border-radius: 5px;margin-right:0; }
.news #part_2 .content li {width: 100%;}
.news .content .conlist li  i { width: 5px; }
.news #part_2 .content li h2 {height: 30px;line-height: 30px;padding-bottom: 30px;}
.news #part_1 dl:nth-child(3n) { margin-right: 29px; }
.news #part_1 dl:nth-child(2n) { margin-right: 0; } 
.news #part_1 dl { width: 46%;height: 278px;margin-bottom:20px; }
.news #part_1 dl dt {padding-left: 0;text-align: center; margin:20px auto; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
	
}
@media (min-width: 768.7px) and (max-width: 991.7px) {	
.yq_box dl { width: 359px;height: 315px; }
.yq_box dl:first-child+dl { margin-right: 0; }
.proctleft .yq_box dl { width: 233px;height: 239px; }
.news #part_2 .content li {width: 234px;}
.news .content .conlist li  { width: 363px; }
.news .content .conlist li  i { width: 10px; }
.news #part_1 dl:nth-child(3n) { margin-right: 29px; }
.news #part_1 dl:nth-child(2n) { margin-right: 0; } 
.news #part_1 dl { width: 358px;height: 350px; }
.news #part_1 dl dt { white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
	
}
@media (min-width: 992px) and (max-width: 1199.7px){	
.yq_box dl { width: 220px; }
.proctleft .yq_box dl { width: 313px;height: 290px;margin:20px 20px 20px 0; }
.proctleft .yq_box dl:first-child+dl+dl { margin-right: 0; }
.news #part_2 .content li {width: 311px;}
.news .content .conlist li  { width: 478px; }
.news #part_1 dl { width: 304px;height: 350px; }
}

