*, *:before, *:after { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);box-sizing: border-box; max-height: 100000px;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,textarea, td {
border: 0 none; color: inherit;margin: 0;padding: 0;vertical-align: baseline;}
.textarea{	display: table;}
h1, h2, h3, h4, h5, h6 ,em, strong {font-weight: normal;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,em,img,small,strong,b,u,i,ul,li,ol,dl,dt,dd,form,select,label,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;}
address,cite,dfn,em,var,i{font-style:normal; }
ul, ol, li {list-style: none;}
a{text-decoration:none;outline:none;}
input{border:1px solid #ccc;outline:none;}
textarea{outline:none;}
table{cellspacing:0px;cellpadding:0px;}
img{border:none;vertical-align: middle;}
a,img{border:0;}
.clearfix{*zoom:1;}
.clearfix:after{ content: ''; display: block;clear: both;}
button{padding:0;outline:0;border:none; cursor: pointer;}
input{outline:0; border: none;padding: 0;margin: 0;}
input[type=text]{outline:0}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#999;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#999;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999; font-size: 14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#999; font-size: 14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#999; font-size: 14px;}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {color:#999; font-size: 14px;}
textarea{resize:none;outline:0}   
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica.woff2") format("woff2"),
       url("../fonts/Helvetica.woff") format("woff"),
       url("../fonts/Helvetica.ttf") format("truetype"),
       url("../fonts/Helvetica.eot") format("embedded-opentype"),
       url("../fonts/Helvetica.svg") format("svg");
       font-weight: normal;
       font-style: normal;
}
@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/HelveticaNeue.woff2") format("woff2"),
       url("../fonts/HelveticaNeue.woff") format("woff"),
       url("../fonts/HelveticaNeue.ttf") format("truetype"),
       url("../fonts/HelveticaNeue.eot") format("embedded-opentype"),
       url("../fonts/HelveticaNeue.svg") format("svg");
       font-weight: normal;
       font-style: normal;
}
.wrapper{width: 100%;max-width: 1440px;padding: 0 20px;min-width: 1024px;margin: 0 auto;border-top: 1px #ddd solid;    -webkit-font-smoothing: antialiased;
-moz-box-sizing: border-box;  -webkit-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;font: 14px/1.6 Helvetica,"Helvetica Neue",Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; }
.casCrumbs ul li{float: left;color: #666;}
.casCrumbs ul li a:hover{color: #3366CC;text-decoration: underline;}
.casCrumbs{padding: 15px 0;}
.casBox h1{font-size: 28px;color: #333;font-weight: bold;display: inline-block;}
.casBox a.buyBtn{color: #fff;font-size: 16px;padding: 0px 13px;background: #ff6633;height: 32px;line-height: 32px;display: inline-block;border-radius: 3px;vertical-align: 5px;margin-left: 5px;}
.casBox a.buyBtn:hover{background: #ec5e2e;}
.casBox1{border: 1px #dedede solid;border-right: none;margin-top: 20px;}
.casBox1  li{float: left;width: 25%;border-right: 1px #dedede solid;padding: 20px 15px;position: relative;    word-break: break-word;}
.casBox1  li .imgBox{height: 100%;position: relative;}
.casBox1  li .imgBox img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;margin:auto;}
.casBox1  li ol li{width: 100%;color: #333;line-height: 28px;padding: 0;border: none;    height: auto !important;}
.casBox1  li ol li span{color: #888;}
.casBox1  li h3{color:#6600CC ;font-size: 18px;font-weight: 600;margin-bottom: 10px;}
.casNav{margin: 30px 0;}
.casCon.fixed{padding-top: 70px;}
.casCon.fixed .casNav{position: fixed;top: -30px;max-width: 1400px;min-width: 984px;width: 100%;    z-index: 5;box-shadow: 0 0 5px #999;}
.casNav ul{background: #069;padding: 0 20px;}
.casNav ul li{float: left;height: 46px;line-height: 46px;}
.casNav ul li a{color: #fff;font-size: 16px;display: inline-block;width: 100%;height: 100%;padding: 0 13px;border-right: 1px #009ec5 solid;
transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out ;-moz-transition:all 0.3s ease-in-out ;}
.casNav ul li.curr{background: #FF6633;border-right: none;}
.casNav ul li:hover{background: #FF6633;border-right: none;}
.titH2{font-size: 24px;color: #333;font-weight: bold;    margin-top: 30px; }
.titH3 a{color: #3366CC;float: right;text-decoration: underline; }
.titH2 span{margin-right: 10px;}
.titH3{color: #333;font-size: 18px;font-weight: bold;margin: 15px 0;}
.casBox2 table{width: 100%;border: 1px #ccc solid;border-right: none;table-layout: fixed;}
.casBox2 table th{text-align: left;height: 36px;background: #f2f2f2;vertical-align: middle;padding: 0 10px;border-right: 1px #ccc solid;}
.casBox2 table td{line-height: 24px;padding: 10px;vertical-align: middle;border-right: 1px #ccc solid;border-top: 1px #ccc solid;}
.casBox2 table td b{color: #c00;font-weight: normal;}
.casBox2 table td a.contactBtn{display: inline-block;width: 155px;height: 30px;background: #ff8a00;color: #fff;border-radius: 3px;line-height: 27px;text-align: center;
transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out ;-moz-transition:all 0.3s ease-in-out ;}
.casBox2 table td a.contactBtn:hover{background: #ff6a00;}
.casBox2 table td a.contactBtn i{vertical-align: 1px;margin-right: 4px;}
.thBtn{width: 178px;}
.thPro{width: 18%;}
.thFob{width: 15%;}
.thOrder{width: 10%;}
.thAbi{width: 14%;}
.thSup{width: 28%;}
.casBox3{margin-top: 40px;}
.casBox3 .casBox3Li p{color: #555;line-height: 28px;}
.casBox4 table{width: 100%;border: 1px #ccc solid;border-right: none;table-layout: fixed;margin-top: 30px;}
.casBox4 table th{text-align: left;height: 36px;background: #f2f2f2;vertical-align: middle;padding: 0 10px;border-right: 1px #ccc solid;}
.casBox4 table th.thDetail{text-align: center;}
.casBox4 table td{line-height: 24px;padding: 10px;vertical-align: middle;border-right: 1px #ccc solid;border-top: 1px #ccc solid;}
.casBox4 table td .detailBtn{display: block;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out ;-moz-transition:all 0.3s ease-in-out ;
    width: 65px;height: 24px;background: #C9C9C9;text-align: center;border-radius: 33px;margin: 0 auto;}
.casBox4 table td .detailBtn:hover{ background: #ff6600;color: #fff;}
.thBrand{width: 12%;}
.thCode{width: 45%;}
.thCas{width: 12%;}
.thPack{width: 10%;}
.thPri{width: 10%;}
.thDetail{width: 100px;}
.casBox4 table b{color: #c00;font-weight: normal;margin-right: 3px;}
.casBox5 .casBox5Main{border: 1px #ccc solid;padding: 15px;margin-top: 30px;position: relative;}
.titH4{font-weight: bold;color: #333;line-height: 28px;}
.casBox5 .casBox5Main dl dd{display: inline-block;line-height: 28px;width: calc(100% - 350px);}
.casBox5 .casBox5Main dl dt{display: inline-block;font-weight: bold;min-width: 290px;margin-right: 20px;line-height: 28px;float: left;    color: #333;}
.casBox5 .casBox5Main .viewMore{color: #3366CC;text-decoration: underline;position: absolute;right: 40px;bottom: 20px;}
.casBox6 .contactBox{margin-top: 30px;}
.casBox6 .contactBox img{max-width: 100%;}
.casBox7 ul{margin-top: 30px;border: 1px #ccc solid;border-right: none;border-bottom: none;}
.casBox7 ul li{float: left;width: 14.28%;text-align: center;line-height: 20px;padding: 8px 5px;border-right: 1px #ccc solid;
border-bottom: 1px #ccc solid;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.casBox7 ul li a span{color: #3366CC;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.casBox7 ul li:hover{background: #F2F2F2;}

#search_Structure{background: #f2f2f2;height: 50px;line-height: 50px; border: 1px #ccc solid;}
.search_Structure_1 table{border-right: 1px #ccc solid;border-bottom: 1px #ccc solid;}
.search_Structure_1 table th{text-align: left;padding: 0 15px;font-size: 16px;height: 50px;background: #eee;line-height: 50px;border-left: 1px #ccc solid;border-top: 1px #ccc solid;}
.search_Structure_1 table th#search_CAS{width: 180px;}
.search_Structure_1 table th#search_Formula{width: 230px;}
.search_Structure_1 table td{padding: 0 15px;height: 45px;vertical-align: middle;border-left: 1px #ccc solid;border-top: 1px #ccc solid;}
.search_Structure_1 table td a{color: #006699;}
.search_Structure_1 table td a:hover{text-decoration: underline;color: #FF6600;}
.search_Structure_1 table tr:nth-child(2n+1){background: #fbfbfb;}
.search_Structure_1 table tr:hover{background: #fffcf4;}
.search_product_adc{padding: 0 15px;width: 100%;text-align: center;margin-bottom: 10px;border: 1px #ccc solid;}
.search_product_adc a{display: inline-block;padding: 20px 30px;text-decoration: underline;color: #006699;font-weight: bold;}
.Skipping{color: #555;text-align: center;margin: 30px 0;}
.Skipping .Skipping1{display: inline-block;}
.Skipping span{display: inline-block;border: 1px #006699 solid;background: #006699;color: #fff;padding: 0 8px;border-radius: 3px;}
.Skipping a{border: 1px #006699 solid;display: inline-block;padding: 0 8px;border-radius: 3px;}
.index_page_list{color: #666;font-size: 13px;line-height: 26px;}
.index_page_list a{margin: 0 5px;}
.index_page_list a:hover{color: #FF6600;text-decoration: underline;}
/* 2021-7-16 */
.routeItem{position: relative;padding: 5px;border-bottom: 2px #f2f2f2 solid;}
.routeItem .itemCon{display: flex;align-items: center;max-width: 90%;/* max-height: 180px; */overflow: hidden;padding-top: 20px;}
.routeItem .itemCon.change{flex-wrap: wrap;}
.routeItem dl{margin-right: 10px;}
.routeItem dl dt{position: relative;}
.routeItem dl dt .imgBox{border: 1px #dedede solid;}
.routeItem dl dt .imgBox:hover{border-color: #009EC5;}
.routeItem dl dd{background: #ececec;padding: 10px;width: 112px;}
.routeItem dl dd a{display: inline-block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 12px;}
.routeItem dl dd a:hover{color: #069;}
.routeItem dl dd p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 12px;color: #999;}
.routeItem .imgBox{width: 112px;height: 103px;display: flex;align-items: center;justify-content: center;}
.routeItem .imgBox img{max-width: 100%;max-height: 100%;}
.routeBox{border: 1px #ccc solid;}
.routeMore{margin-left: 10px;position: absolute;right: 10px;top: 50%;}
.routeMore a{color: #069;margin-left: 10px;}
.routeMore a img{margin-left: 10px;}
.routeBox{max-height: 600px;overflow-y:auto ;margin-top: 10px;}
::selection {background: #222 ; color: white ; text-shadow: none ; }
::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2}
::-webkit-scrollbar{width:5px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:hover{background:#eee} 
.routeItem .son{display: flex;align-items: center;margin-bottom: 20px;}
.routeItem .son .tit{position: absolute;top: -20px;left: 50%;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.routeItem .son .add{margin-right: 10px;}
.routeItem .son .arrL{margin-right: 10px;}
.routeItem  .blue  dl dt .imgBox{border: 1px #c6e3f5 solid;}
.routeItem  .blue  dl .imgBox:hover{border-color: #009EC5;}
.routeItem  .blue  dl dd {background: #d9edf9;}
.routeItem .detail{padding-left: 10px;}
.routeItem .detail a{color: #069;}
.routeItem .detail img{margin-left: 5px;}
.routeItem .detail table{border-right: 1px #dedede solid;border-bottom: 1px #dedede solid;display: none;}
.routeItem .detail table.open{display: table;}
.routeItem .detail table td,.routeItem .detail table th{border-left: 1px #dedede solid;border-top: 1px #dedede solid;padding: 5px;}