@charset "UTF-8";

/**
 * style.css
 * @authors leiting (444961169@qq.com)
 * @Last Modified time: 2018-09-03 17:47:51
 * @version 0.0.1
 * @desc    19196.com 改版
 * @update-log:
 *
 */
body{font-size: 14px; font-family: 'Microsoft Yahei', 'Lantinghei SC', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif; color: #363636; background: #efefef;}
*{margin: 0; padding: 0;}
input,
select,
textarea{vertical-align: middle;}
img{border: 0;}
ul,
li{list-style-type: none;}
em{font-style: normal;}
.clearfix:after{clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;}
.clearfix{zoom: 1}
.fl{float: left;}
.fr{float: right !important;}
/*主体内容*/
.warp{width: 1260px;margin: 30px auto;background: #fff;}
.main{width: 1200px; margin: 0 auto; height: 100%; clear: both;}
.service-box-t{padding: 10px;width: 1260px;margin: 30px auto 20px;position: relative;}
.service-box-t>div{width: 650px;position: absolute;right: 0px;top: 60px;text-align: center;font-size: 20px;line-height: 30px;}
.service-box-t>div>div{display:inline-block;vertical-align:middle;margin: 0 20px;}
.service-box-t a{border-radius: 5px;background-color: rgb(45, 155, 248);box-shadow: inset 0px -2px 0px 0px rgba(19, 123, 211, 0.75);width: 250px;height: 38px;line-height: 38px;color: #fff;font-size: 16px;display: inline-block;margin-top: 10px;}
.service-box-t a:hover{background-color: #1c84dc;}
.faq-search{padding: 10px;width: 1260px;margin: 0 auto 20px;position: relative;}
.faq-search-form{border:1px solid rgb(45, 155, 248);border-radius: 4px;background-color: rgb(255, 255, 255);width: 402px;height: 38px; line-height: 38px; position: relative; display: inline-block; margin-right: 40px;}
.faq-search-form a{background-color: rgb(45, 155, 248);width: 57px;height: 38px;text-align: center;line-height: 36px;color: #fff;float: right;}
.faq-search-form i{ position: absolute; z-index: 2; left: 10px; }
.faq-search-form input{width: 280px;padding-left: 35px;line-height: 36px;height: 36px;border: 0;vertical-align:  top;}
.faq-search p{ display: inline-block; color: #2d66f8; border-bottom: 1px solid #2d66f8; margin-left: 20px;  }
.faq-list {font-size: 0px;width: 1280px;margin: 0 auto 20px;position: relative;}
.faq-list li {border: 1px solid #fff;background-color: rgb(255, 255, 255);width: 406px;height: 197px;display: inline-block;font-size: 14px;padding:10px;margin: 0 10px 10px;cursor: pointer;}
.faq-list li:hover {border: 1px solid rgb(249, 168, 51);}
.faq-list li h3{ text-align: center; font-size: 16px; margin: 10px 0 20px;}
.faq-list li h3 i,.faq-list2 li i,.service-l dl dt i{width: 32px;height: 32px;background: #ffcb2f;color: #fff;border-radius: 100px;display: inline-block;vertical-align: middle;line-height: 32px;margin-right: 10px;font-size: 18px;text-align: center;}
.faq-list li a{border-right: 1px solid #b8b8b8;padding: 0 15px;height: 17px;margin: 10px 0;line-height: 37px;word-wrap: break-word;word-break: break-all;}
.faq-list .list-wt a:last-child{ border-right: 0px; }
.faq-list li a.more{text-align: right;color: #f9a833;float: right;border-right: 0px;line-height: 17px;}
.faq-list .list-wt{height: 80px;overflow: hidden;width: 100%;}
.faq-list2{display: flex;margin-bottom: 30px;align-items: stretch;}
.faq-list2 .tab{width: 220px;display: inline-block;border-right: 1px solid #e6e6e6;}
.faq-list2 .tab li{ line-height: 60px; height: 60px; padding-left: 20px; font-size: 16px; cursor: pointer}
.faq-list2 .tab li.on{background: #ffcb2f;}
.faq-list2 .tab li.on i{ color: #f9a833; background: #fff; }
.faq-list2 .tab li.on a{ color: #fff; }
.faq-r{padding: 0 20px 20px;width: 1030px;}
.faq-list2 .tab1{width: 980px;height: 50px;border-bottom: 1px solid #e6e6e6;}
.faq-list2 .tab1 li{ line-height: 47px; height: 47px; padding: 0  20px; font-size: 16px; display: inline-block;}
.faq-list2 .tab1 li.on{ border-bottom: 3px solid #f9a833 }
.faq-pic-list li{width: 310px;display: inline-block;text-align: center;margin-right: 20px;margin-top: 20px;line-height: 30px;}
.faq-pic-list li:nth-child(3n+0){ margin-right: 0px; }
.faq-pic-list li>div{ width: 240px; height: 170px; overflow: hidden; }
.faq-pic-list li img{width: 310px;height: 220px;}
.faq-pic-list li:hover img{transform:scale(1.1);}
.faq-pic-list li:hover a p{color: #f9a833;}
.faq-title{ border-bottom: 1px solid #e8e8e8; line-height: 50px; font-weight: bold;  }
.faq-title i{background-color: rgb(249, 168, 51);width: 4px;height: 16px;display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 16px;}
.faq-as-list dl{ padding: 10px 0 30px; border-bottom: 1px solid #e8e8e8;  }
.faq-as-list dl:last-child{ border-bottom: 0px; }
.faq-as-list dt{ font-weight: bold; margin-bottom: 10px; }
.faq-as-list dt i{background-color: rgb(250, 200, 225);width: 26px;height: 26px;line-height: 26px;text-align: center;border-radius: 50%;display: inline-block;color: #dd378a;font-size: 12px;font-style: normal;margin-right: 10px;position: relative;font-weight: normal;}
.faq-as-list dt i:after {border: 5px solid transparent;border-left: 10px solid rgb(250, 200, 225);width: 0;height: 0;position: absolute;content: ' ';top: 13px}
.faq-as-list dd{ padding-left:30px}
.faq-as-list dd i{background-color: #c8e4fa;width: 26px;height: 26px; line-height: 26px; text-align: center; border-radius: 50%; display: inline-block; color: #277ae0; font-size: 12px; font-style: normal; margin-right: 10px; position: relative;}
.faq-as-list dd i:after {border: 5px solid transparent;border-right: 10px solid #c8e4fa;width: 0;height: 0;position: absolute;content: ' ';top: 3px;left: -10px;}
.current{font-size: 14px; height: 42px; line-height: 42px; color: #666;}
.current a{display: inline-block; text-align: center;}
.service-l{width: 400px;padding: 20px;border-right: 1px solid #e8e8e8;display: inline-block;vertical-align: top;}
.service-l .faq-search-form{width: 330px; margin: 20px 0;}
.service-l .faq-search-form input{width: 230px;}
.service-l dl{display: inline-block;width: 49%;border-top: 1px solid #e8e8e8;padding: 20px 0;vertical-align: top;}
.service-l dt{ font-weight: bold; margin-bottom: 10px; }
.service-l dd{ font-size: 14px; line-height: 30px; }
.service-l dd .more{ color: #f9a833;}
.service-c{width: 480px;padding: 40px 60px;display: inline-block;vertical-align: top;text-align: center;border-right: 1px solid #e8e8e8;margin-right: 60px;}
.service-c a.btn,.service-zx-l a.btn {background-color: rgb(67, 172, 199);width: 351px;height: 60px; line-height: 60px; text-align: center; font-size:24px; color: #fff; font-weight: bold; display: inline-block; margin:10px 0; border: 1px solid #fff;  }
.service-c a.btn i,.service-zx-l a.btn i{ font-weight: normal; font-size: 30px; display: inline-block; vertical-align: top; margin-right: 10px;}
.service-c a.btn:hover,.service-zx-l a.btn:hover,
.service-c a.btn:active,.service-zx-l a.btn:active,
.service-c li.on a.btn,.service-zx-l li.on a.btn  { background: #fff; color: rgb(67, 172, 199); border: 1px solid rgb(67, 172, 199); }
.service-c a.btn1,.service-zx-l a.btn1{ background: #f7664a }
.service-c a.btn1:hover,.service-zx-l a.btn1:hover,
.service-c a.btn1:active,.service-zx-l a.btn1:active,
.service-c li.on a.btn1,.service-zx-l li.on a.btn1 { background: #fff; color: #f7664a; border: 1px solid #f7664a; }
.service-c a.btn2,.service-zx-l a.btn2{ background: #6fa828 }
.service-c a.btn2:hover,.service-zx-l a.btn2:hover,
.service-c a.btn2:active,.service-zx-l a.btn2:active,
.service-c li.on a.btn2,.service-zx-l li.on a.btn2  { background: #fff; color: #6fa828; border: 1px solid #6fa828; }
.ser-kf{ color: #2d4af8; font-size: 16px; border-bottom: 1px solid #2d4af8 }
.service-r{border-style: solid;border-width: 1px;border-color: rgb(232, 232, 232);background-color: rgb(255, 255, 255);width: 235px;height: 200px; display: inline-block; vertical-align: top; line-height: 30px; font-size: 16px; text-indent: 20px; padding: 10px 0; }
.red{ color: #ff4200; }
.service-r h4{ background: #ecf7f9; width: 100%; height: 40px; line-height: 40px; font-weight: normal; margin:10px 0; }
.service-r h4 a{color: #2d4af8; }
.service-zx{ display: flex; align-items: stretch; }
.service-zx-l{width: 300px;text-align: center;padding: 30px;font-size: 16px;line-height: 50px;border-right: 1px solid #e8e8e8;min-height: 600px;}
.service-zx-r{padding: 20px;width: 950px;}
.service-zx-r img.ewm{ display: inline-block; vertical-align: middle; margin:0 10px;  }
.service-zx-r th{font-weight: normal;font-size: 16px;text-align: right;padding:0 20px;vertical-align: top;width: 100px;white-space: nowrap;}
.service-zx-r td{ padding: 10px 0; }
.service-zx-r .zx-input{border-style: solid;border-width: 1px;border-color: rgb(168, 173, 179);border-radius: 2px;background-color: rgb(255, 255, 255);width: 282px;height: 34px;line-height: 34px;padding: 0 10px;}
.service-zx-r td textarea{border-style: solid;border-width: 1px;border-color: rgb(168, 173, 179);border-radius: 2px;background-color: rgb(255, 255, 255);width: 700px;padding: 10px;}
.service-zx-r .zx-input:focus,.service-zx-r td textarea:focus{ border:1px solid #f9a833; }
.btn-zx{border-radius: 2px;background-color: rgb(92, 192, 26);width: 200px;height: 46px;line-height: 46px; text-align: center; color: #fff; display: inline-block; margin:20px 0;font-size: 18px; }
.zx-pic{ display:inline-block;}
.zx-pic li,.add-zx-pic{display: inline-block;width: 120px;vertical-align: top;height: 90px;position:relative;margin: 20px 14px 10px 0;text-align: center;}
.zx-pic li img{ display: inline-block; width: 120px; height: 90px; }
.zx-pic li i.zx-dele{width: 26px;height:  26px;background: #e52b2b;display: inline-block;position:  absolute;top: -10px;right: -10px;border-radius: 50px;text-align:  center;line-height: 20px;color:  #fff;font-weight:  bold;font-size: 30px;font-style: normal; cursor: pointer;}
.add-zx-pic{ border: 2px dotted #909599; line-height: 90px; }
.add-zx-pic i{ font-size: 50px; color: #909599; }
.add-zx-pic input[type="file"]{ position: absolute;top:0px; left: 0px; width: 120px; height: 90px; opacity: 0;  }
.service-zx-l a.btn {width: 250px;font-size: 16px;font-weight: normal;margin: 5px 0;}
.service-zx-l a.btn i{font-size: 24px;}
.wdzx-table{ font-size: 14px; text-align: center;border: 1px solid #a8adb3;}
.wdzx-table th{background: #f2f8fa;font-weight: normal;line-height: 40px;border-bottom: 1px solid #a8adb3;font-size: 14px;text-align: center;}
.wdzx-table td{border-right: 1px solid #a8adb3;padding: 5px;border-bottom: 1px solid #a8adb3;}
.wdzx-tj{margin: 30px 0; }
.wdzx-tj select{border-style: solid;border-width: 1px;border-color: rgb(168, 173, 179);border-radius: 2px;background-color: rgb(255, 255, 255);width: 202px;height: 34px; margin-right: 20px;}
.fl-zx{ padding: 20px 0; }
.fl-zx p{ padding: 10px; background: #ededed; margin-top: 10px; }
.kf-fw-table{margin-top: 20px;}
.kf-fw-table td{ padding: 10px; vertical-align: top; }
.kf-fw-table td input[type="radio"]{ margin:0 10px 0 40px; width: 16px; height: 16px; }

.wdzx-con{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

.faq-pic-box ul li{ display: inline-block; margin-right: 5px; }
.faq-pic-box{ width: 100%; }
.tm-m-photos,  .tm-m-photos-thumb {zoom: 1;}
.tm-m-photos-thumb {margin: 10px 0;list-style-type: none;}
.tm-m-photos-thumb li {border: 2px solid #f2f2f2;padding: 2px;margin-right: 8px;position: relative;transition: border-color .2s ease-out;}
.tm-m-photos-thumb .tm-current {border: 2px solid #f23d6a;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;cursor: auto;}

.tm-photos-arrow {width: 0;height: 0;line-height: 0;font-size: 0;border: 6px dashed transparent;border-top: 6px solid #f23d6a;position: absolute;left: 15px;filter: alpha(opacity=0);opacity: 0;bottom: -12px;background: 0 0;}
.tm-current .tm-photos-arrow {filter: alpha(opacity=100);opacity: 1;}
.tm-m-photos-thumb img {display: block;width: 120px;height: 60px;cursor: url(Images/T1nTBDFCRbXXbzTk_b-25-20.png), url(http://assets.alicdn.com/img/common/zoom_in.cur), auto;}
.tm-m-photo-viewer, .tm-m-photo-viewer img,  .tm-m-photos-thumb .tm-current img {cursor: url(Images/T1oq4AFupvXXcu5FDa-20-20.png), url(http://assets.alicdn.com/img/common/zoom_out.cur), auto;}
.tm-m-photo-viewer {position: relative;margin: 10px 0;width: 0;height: 0;border: 1px solid #ccc;background: #fff;padding: 2px;overflow: hidden;display: none;transition: all 0.2s ease-in;}
.tm-m-photo-viewer-navleft,  .tm-m-photo-viewer-navright {top: 0;bottom: 0;position: absolute;width: 30%;background: url(http://assets.alicdn.com/s.gif); /*解决IE 下背景透明的空白元素无法触发 click 和 hover 事件*/}
.tm-m-photo-viewer-navleft {left: 0;}
.tm-m-photo-viewer-navright {right: 0;}
.tm-m-photo-viewer-navleft i,  .tm-m-photo-viewer-navright i{top: 50%;margin-top:-24px;position: absolute;width: 48px;height: 48px;display: none;}
.tm-m-photo-viewer-navleft i{left: 0;background-image: url(Images/arrow-l.png);}
.tm-m-photo-viewer-navright i{right: 0;background-image: url(Images/arrow-r.png);}