.trial_box{max-width: 1147px; margin:4% auto 8%;}
.trial_box h2{display: inline-block; text-align: center; line-height: 35px; height: 35px;margin-bottom: 3%;}
.trial_box h2 em{ float: left; margin-right: 25px; width:12px; height: 35px; background: #BD0017;}
.trial_box h2 span{ float: left;}
.trial_box ul{margin:0 -1% 2%; position: relative; z-index: 10;}
.trial_box li{ float: left; width:48%; margin: 0 1% 1.8%; /*overflow: hidden;*/ min-height: 44px;}
.trial_box li .inp{height: 44px; line-height: 44px; border:1px solid #D7D7D7; box-sizing: border-box;}
.trial_box li .inp span,.trial_box li.long .txt span{ float: left;width:20px; text-align: center; color:#FF0000; vertical-align: middle;}
.trial_box li .inp input{ float: left; width:calc(100% - 30px); height:44px; line-height: 44px; padding:0 10px 0 0; border:none; background: none;}
.trial_box li .inp input::placeholder,.trial_box li.long .txt textarea::placeholder{color:#434343;}
.trial_box li.long{ width:98%;}
.trial_box li.long .inp01{ float: left; width: 49%;}
.trial_box li.long .inp01+.yzm{ float: left; margin-left: 2%; cursor: pointer; width: 270px;height: 44px;overflow: hidden;}
.trial_box li.long .inp01+button{float: left; margin-left: 2%;width:270px; height: 44px; text-align: center; color:#fff; border:none;background: #9DB0C1;}
.trial_box li.long .txt{ width:calc(100% - 2px); height:145px; border:1px solid #D7D7D7;}
.trial_box li.long .txt textarea{float: left; width:calc(100% - 30px);line-height: 1.5; height: calc(100% - 22px); font-family: "SourceHanSansCN-Regular"; padding:10px 10px 10px 0; border:none; background: none;}
.trial_box li:last-child{margin-bottom: 0;}
.trial_box .btn{ position: relative; z-index: 1; width:196px; height: 56px; line-height: 56px;color:#C70F40; bordeR:1px solid #C70F40; background: #fff;}
.trial_box .agree{margin-top:2%; color: #898989;}
.trial_box .agree a{ padding-bottom: 5px; border-bottom: 1px solid #000;}

.trial_box .year_select dt.gray{color: #434343;}
.trial_box .year_select dt span{ margin-right: -10px; width: auto; font-size:36px; color: #A0A0A0; transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.trial_box .year_select dt.on_o span{transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
.trial_box .year_select dd{top:44px; box-sizing: border-box;}

.prod_tree{position: relative;}
.prod_tree .inp{position: relative;}
.prod_tree .inp i{transition:all 0.3s; position: absolute; right: 10px; top: 0;font-size:36px; color: #A0A0A0; transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.prod_tree .inp.active i{transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
.prod_treebox{ display: none; position: absolute; z-index: 10; top:45px; left:0; width: 100%; min-height: 300px; background: #fff; box-shadow: 0 3px 3px 3px rgba(0,0,0,0.05);}
.prod_treebox ol.product_menu{border-top: 1px solid #ccc; margin: 10px; position: relative;}
.prod_treebox ol li{ width: 100%; float: none; margin: 0;}
.prod_treebox ol li h3{ position: relative; cursor: pointer; width: 200px; border-right:1px solid #ccc; padding: 0 10px; height: 44px; line-height: 44px; }
.prod_treebox ol li h3::after{content: "";position: absolute;top: 50%;right: 20px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 7px; height: 12px; background:url(../images/yjt.png) no-repeat 50% 50%; background-size: contain;}
.prod_treebox ol li.on h3,.prod_treebox ol li h3:hover{ background: #EBF0F4; color: #E8390D;}
.prod_treebox ol li .prod_tree_sub{display: none; position: absolute; left:220px; top:0; width:calc(100% - 220px); height: 100%; overflow-y: auto;}
.prod_treebox ol li.on .prod_tree_sub{ display: block;}
.prod_treebox ol li .prod_tree_sub::after{content: ""; position: absolute; lefT:220px; top:0; width: 1px; height: 100%; background: #ccc;}
.prod_treebox ol li .prod_tree_sub.nosub::after{ display: none;}

.prod_tree_item{ width: 100%;}
.prod_tree_item h4{position: relative; cursor: pointer; width: 200px; padding: 0 10px; height: 44px; line-height: 44px;}
.prod_tree_item h4::after{content: "";position: absolute;top: 50%;right: 20px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 7px; height: 12px; background:url(../images/yjt.png) no-repeat 50% 50%; background-size: contain;}
.prod_tree_item.on h4,.prod_tree_item h4:hover{background: #EBF0F4; color: #E8390D;}
.prod_tree_item .prod_tree_item_sub{display: none; position: absolute; left:220px; top:0; width:calc(100% - 220px); height: 100%; overflow-y: auto;}
.prod_tree_item.on .prod_tree_item_sub{ display: block;}
.prod_tree_item_sub p{cursor: pointer; float: left; width: 50%; padding: 0 20px;height: 44px; line-height: 44px;box-sizing: border-box;}
.prod_treebox ol li .prod_tree_sub.nosub .prod_tree_item .prod_tree_item_sub{left:0; width: 100%;}

.prod_treebox ol li .prod_tree_sub .mCSB_inside>.mCSB_container{margin-right: 0;}

.pro_name{ cursor: pointer;display: inline-block; height: 30px; line-height: 30px; margin: 5px; position: relative; padding: 0 24px 0 16px; background: #F2F4F8;}
.pro_name::after{content: ""; position: absolute; right:8px; top:10px; width:9px; height: 10px; background: url(../images/close.png) no-repeat; background-size: cover;}
.btn_add{ cursor: pointer; display: inline-block; height: 30px; line-height: 30px;margin: 5px; padding-left: 18px;background: url(../images/jia1.png) no-repeat 0 50%;background-size: 14px 14px;}
.prod_search{line-height:40px; width:calc(100% - 20px); margin: 10px;}
.prod_search input{ box-sizing: border-box; padding: 0 10px; width: 100%; height: 40px; line-height: 40px; background: none;border:1px solid #efefef;}
.prod_search .btn_clear{ cursor: pointer; display: none; position: absolute; right:10px; top:10px; width: 30px;line-height: 44px; font-size: 18px;}
.prod_search .btn_clear.show{ display: block;}
.prod_search ul{ max-height: 180px; overflow-y: auto; margin: 10px 10px;}
.prod_search ul li{cursor: pointer; width: 100%; margin: 0; min-height: 30px; line-height: 30px;}

.product-menu{margin-top:20px; border-top: 1px solid #E0E0E1;}
.product-category{-ms-flex-negative: 0;flex-shrink: 0;box-sizing: border-box;min-width: 150px;border-right: 1px solid #C0C0C0;}
.product-category_item,.product-sub-category_item {position: relative;padding-right: 48px;padding-left:12px;font-size:16px;color: #333;font-weight: 400;line-height: 38px;cursor: pointer;white-space: nowrap;}
.product-category_item::after,.product-sub-category_item::after {position: absolute;top: 50%;right: 20px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 7px; height: 12px;background: url('../images/yjt.png') no-repeat 50% 50%; background-size: contain;content: '';}
.product-category_item:hover,.product-category_item.active,.product-sub-category_item:hover,.product-sub-category_item.active {background: #F6F6F6;color: #0032B4;}



@media only screen and (max-width:1279px){
    .trial_box h2{ height: 24px; line-height: 24px;}
    .trial_box h2 em{ width: 6px; height: 24px; margin-right: 15px;}
}
@media only screen and (max-width:1023px){
.prod_treebox ol li{min-height: auto;}
.prod_treebox ol li h3{width: calc(100% - 20px); height: 30px; line-height: 30px;}
.prod_treebox ol li .prod_tree_sub{ max-height: 270px; left:0; width: 100%; z-index: 10; background: #fff; box-shadow: 0 5px 5px 5px rgba(0,0,0,0.05);}
.prod_treebox ol li .prod_tree_sub::after{ display: none;}
.prod_tree_item .prod_tree_item_sub{left: 0; width: 100%; z-index: 11;background: #fff; box-shadow: 0 5px 5px 5px rgba(0,0,0,0.05);}
.prod_tree_item h4,.prod_tree_item p{height: 30px; line-height: 30px;}
.prod_tree_item h4{width: calc(100% - 20px);}
.prod_tree_item_sub p{ width: 100%;}
.prod_treebox ol li .prod_tree_sub.nosub .prod_tree_item .prod_tree_item_sub{ display: block;}
}
@media only screen and (max-width:767px){
.trial_box ul{margin: 0 0 5%;}
.trial_box li{width:100%; float: none; min-height: 30px; margin: 0 0 2%;}
.trial_box li.long{width: 100%;}
.trial_box li.long .inp01{width: 100%;}
.trial_box li.long .inp01+.yzm,.trial_box li.long .inp01+button{margin: 2% 0 0;}
.trial_box .btn{width:120px; height: 36px; line-height: 36px;}
}

.yhxy_tcbg{ display: none; position: fixed; z-index: 1000; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.yhxy_tcbox{ display: none; position: fixed;z-index: 1001; max-width: 1178px; width: 90%; background: #fff;}
.yhxy_tcbox .close{ float: right; margin:0 10px 20px;}
.yhxy_tcbox  .inner{ padding:5% 7% 7%;}
.yhxy_tcbox  .inner h2{ position: relative; padding-bottom: 20px; margin-bottom: 3%; border-bottom: 1px solid #D8D8D8;}
.yhxy_tcbox  .inner h2::before{content: ""; position: absolute; left:0;bottom:-4px; width: 70px; height: 4px; background: #BD0018;}
.yhxy_tcbox  .inner .c{height: 21em;}
.yhxy_tcbox  .inner .c p{margin-bottom: 3%;}
.yhxy_tcbox  .inner .c p:last-child{margin-bottom: 0;}