@charset "utf-8";
.box{ margin-top: 60px; }
.box_banner{ width: 100%;background: rgb(49, 49, 49);overflow: hidden;padding-bottom: 118px; }
.box_banner_content{ width: 974px;margin: 0 auto;display: flex;justify-content: space-between; }
.box_banner_text{ color: #fff;font-family: SourceHanSansSC-regular;padding-top: 107px; }
.banner_text_title{ font-size: 36px;margin-bottom: 7px; }
.banner_text_info{ font-size: 14px;margin-bottom: 7px; }
.banner_text_btn{ border-radius: 60px;width: 203px;height: 50px;font-size: 16px;color: #fff;background-color: #ff9100;margin-top: 43px;text-align:center;line-height: 50px;cursor: pointer; }
.box_banner_content>img{ margin-top: 97px; }

.product_intro{ width: 100%;background: rgb(91, 89, 89);padding-top: 49px;padding-bottom: 88px; }
.product_intro_title{  }
.line-title{ font-size: 36px;color: #fff;text-align:center;display: flex;justify-content: center;align-items: center; }
.line-title:before{ display: block;content: "";height: 1px;width: 150px;background: #bbb;margin-right: 23px; }
.line-title:after{ display: block;content: "";height: 1px;width: 150px;background: #bbb;margin-left: 23px; }
.product_intro_text{ width: 843px;margin: 60px auto 0;font-size: 14px;color: #fff;text-align:left; }

.product_core{ width:100%;padding-top: 59px;padding-bottom: 93px;background: rgb(51, 51, 51); }
.product_core_desc{ width: 912px;margin: 58px auto 0;font-family: SourceHanSansSC-regular;display: flex;justify-content: space-between; }
.core_desc_box{ margin-bottom: 21px;height: 76px; }
.core_desc_box div{ font-size: 14px;color: #fff; }
.core_desc_box div:nth-child(1){ font-size: 16px;font-weight: bold; }
.core_desc_box2{ margin: 21px 0; }

.product_features{ padding-top: 55px;padding-bottom: 43px;background: rgb(91, 89, 89);font-family: SourceHanSansSC-regular;overflow: hidden; }
.product_features:after,.product_features:before{ clear: both;display: block;content: ""; }
.product_features_container{ width: 997px;margin: 0 auto 30px; }
.feature_title{ height: 108px; }
.feature_title span{ font-size: 28px;color: #fff; }
.feature_title .feature_title_num{ margin-right: 22px;color: rgb(139, 139, 139);font-size: 72px; }
.feature_text{ margin-top: 12px; }
.feature_text ul{ padding-left: 137px; }
.feature_text ul li{ list-style: disc;color: #fff;font-size: 14px;margin-bottom: 5px; }
.product_features_container_right{ margin-right: -165px; }
.product_features_cpu{ display: flex;justify-content: space-between;width: 740px;margin: 25px auto 0; }
.feature_cpu{ display: flex;justify-content: space-between;flex-direction: column;align-items: center; }
.feature_cpu_title{ font-size: 18px;color: #fff; }
.feature_cpu_desc{ margin-top: 2px; }
.feature_cpu_desc p{ font-size: 14px;color: #fff;line-height: 21px;margin-bottom: 1px; }
.product_features_container_add{ margin:0 auto 30px; }
.feature_title_add{ text-align: right;padding-right: 165px; }
.feature_text2{ width: 740px;margin:35px auto 0; }
.feature_text2 ul{ padding:0;display: flex;justify-content: space-between; }
.feature_text2 ul li{ list-style: none;text-align: center; }
.feature_text2 ul li:nth-child(odd){ margin-top: 65px; }

.scenario{ width: 100%;background: rgb(242,242,246);padding-top: 44px;padding-bottom: 95px; }
.scenarios_title{ color: #333; }
.scenario ul{ width: 1152px;margin: 55px auto 0;display: flex;justify-content: space-between;text-align: center;font-size: 14px;color: #fff; }
.scenario ul li div{ padding-top: 25px; }
.scenario_con{ background: #fff;border-radius: 2px; }
.scenario_tab{ width: 1000px;margin: 30px auto 0;position: relative; }
.scenario_table{ align-items: center;position: absolute;left: -150px;top: 0; }
.scenario_table_item{ width: 130px;text-align: center;height: 40px;line-height: 40px;cursor: pointer;margin-bottom: 10px;background: #fff;border-radius: 2px; }
.scenario_table_item_active{ color: #fff;background: #ff9100; }
.scenario_con_item1{ display: flex;flex-wrap: wrap; }
.scenario_list{ width: 250px;margin:20px 0;text-align: center; }
.scenario_list p{ font-size: 14px;margin-top: 2px; }
.scenario_con_item{ padding:20px 0 10px; }
.lan_title{ margin-bottom: 10px;font-size: 18px;color: #000;padding-left: 10px; }
.lan_list{ display: flex;flex-wrap: wrap;padding:0 10px; }
.lan_list_item{ width: 196px;height: 36px;line-height: 34px;text-align: center;border: 1px solid #ee7e4b;box-sizing: border-box; }
.lan_box{ display: flex;align-items: center;flex-wrap: wrap;padding:0 10px; }
.lan_item{ width: 196px;text-align: center;height: 40px;line-height: 38px;box-sizing: border-box;border: 1px solid #ee7e4b; }
.functionList_top{ display: flex;align-items: center;border: 1px solid #ee7e4b; }
.item_width1{ width: 119px; }
.item_width2{ width: 172px; }
.functionList_top_item{ height: 38px;line-height: 36px;box-sizing: border-box;text-align: center;border-right: 1px solid #ee7e4b; }
.functionList_con_item{ display: flex;align-items: center;box-sizing: border-box;text-align: center;border: 1px solid #ee7e4b; }
.functionList_con_item_right_list{ display: flex;align-items: center; }
.item_right_item{ width: 172px;text-align: center;border: 1px solid #ee7e4b;box-sizing: border-box;border-bottom: none; }

.mode{ width:100%;background: rgb(91, 89, 89);padding-top: 44px;padding-bottom:39px;overflow: hidden;color:#fff; }
.mode_container { width: 1000px;margin: 55px auto 0;text-align:center; }
.mode_container ul{ margin-top: 57px; }
.mode_container ul li{ width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 65px;font-size: 28px;font-family: SourceHanSansSC-regular; }
.mode_container ul li:nth-child(odd){ flex-direction: row; }
.mode_container ul li:nth-child(even){ flex-direction: row-reverse; }

.call_us{ width: 100%;background: rgb(45, 19, 95);color: #fff;padding: 55px 0 50px 0;font-family: SourceHanSansSC-regular; }
.call_us_title_desc{ text-align: center;font-size: 22px;margin-bottom: 67px; }
.call_list{ width: 1266px;margin:0 auto;display: flex;justify-content: space-between; }
.call_list_info{ width: 422px;text-align: center;position: relative; }
.call_list_info .call_info_title{ font-weight: bold;font-size: 20px; }
.call_list_info .call_info_desc{ font-size: 14px;margin: 4px 0 15px 0; }
.call_list_info .call_info_btn{ width: 150px;height: 38px;margin:0 auto;background-color: #ff9100;border-radius: 2px;line-height: 38px;text-align: center;cursor: pointer; }
.call_list_info .call_info_btn2{ background: rgb(225, 223, 224);color: rgb(51, 51, 51); }
.call_list_info .call_info_btn4{ display: block; }
.mobile_set{ display: none; }

.call_information_box{ position: absolute;left: 50%;transform: translate(-50%,0px);padding-top: 5px;cursor: auto;height: 0px;transition:height .2s;-moz-transition:height .2s; /* Firefox 4 */-webkit-transition:height .2s; /* Safari and Chrome */-o-transition:height .2s; /* Opera */overflow: hidden;z-index: 99; }
.call_information{ padding: 5px 13px 10px;width: 150px;background-color: #fff;z-index: 99;border-radius: 2px;box-sizing: border-box; }
.call_info_list{ display: flex;align-items: center;margin-top: 5px; }
.call_info_text{ font-size: 12px;color: #101010;text-align: left;padding-left: 5px; }
.call_info_text div{ line-height: 15px; }
.icon_add{ width: 32px;height: 28px; }
.work_time{ line-height: 18px;font-size: 12px;color: #101010;text-align: left; }
.call_info_btn3:hover .call_information_box{ height: 248px; }

/*ipad*/
@media screen and (max-width: 1199px) and (min-width: 750px)
{
	.box_banner_content{ width: 100%;box-sizing: border-box;padding: 0 57px; }
	.product_intro_text{ width: 100%;box-sizing: border-box;padding: 0px 70px;margin-top: 30px; }
	.product_core_desc{ width: 100%;box-sizing: border-box;padding: 0 70px; }
	.product_features_container{ width: 100%;box-sizing: border-box;padding: 0 70px; }
	.product_features_container_right{ margin: 0; }
	.product_features_cpu{ width: auto; }
	.feature_title_add{ text-align: left; }
	.feature_text2{ width: 100%; }
	.scenario{ padding-bottom: 65px; }
	.scenario ul{ width: auto;box-sizing: border-box;padding: 0 70px; }
	.scenario ul li{ width: 24%; }
	.scenario ul li img{ width: 100%;height: 95px; }
	.scenario ul li div{ padding-top: 15px; }
	.mode_container{ width: 100%;margin-top: 35px; }
	.mode_top_pic{ width: 85%;height: auto; }
	.mode_container ul li{ padding: 0 70px;box-sizing: border-box;display: block;margin-bottom: 35px; }
	.mode_container ul li div{ text-align: left;margin-bottom: 10px; }
	.mode_container ul li img{ width: 100%;height: auto; }
	.mode_container ul li:nth-child(even) div{ text-align: right; }
	.call_us_title_desc{ margin-bottom: 35px; }
	.call_list{ width: 100%; }
	.call_list_info{ width: 30%; }
	.call_list_info .call_info_desc{ width: 210px;margin: 4px auto 15px;height: 51px; }
	.call_list_info .call_info_btn4{ display: none; }
	.mobile_set{ display: block; }

	.scenario_tab{ width: 100%; }
	.scenario_table{ position: initial;display: flex; }
	.scenario_table_item{ margin-right: 10px; }
	.scenario_list{ width: 25%; }
	.item_width1{ width: 12.1%; }
	.item_width2{ width: 17.6%; }
	.functionList_con_item_right{ width: 87.9%; }
	.item_right_item{ font-size: 12px; }
}
/*mobile*/
@media screen and (max-width: 750px)
{	
	.right_fixed{ display: none; }
	.box_banner{ padding-bottom: 20px; }
	.box_banner_content{ width: 100%;box-sizing: border-box;padding: 0 30px; }
	.box_banner_text{ background: url(https://www.tangpafanyi.com/0.1.0/img/v2_r0tdwk.d6c84782.png) no-repeat center center;padding-top: 30px;width: 100%; }
	.banner_text_title{ font-size: 30px;color: wheat; }
	.banner_text_info{ color: aqua; }
	.banner_text_btn{ margin: 20px auto 0;height: 36px;line-height: 36px;width: 150px; }
	.box_banner_content>img{ display: none; }
	.product_intro{ padding: 29px 0 58px; }
	.line-title{ font-size: 22px; }
	.line-title:before{ width: 70px; }
	.line-title:after{ width: 70px; }
	.product_intro_text{ width: 100%;box-sizing: border-box;padding: 0 15px;margin-top: 30px; }
	.product_core{ padding: 29px 0 63px; }
	.product_core_desc{ width: 100%;box-sizing: border-box;padding: 0 15px;margin-top: 28px;display: block; }
	.core_desc_box{ height: auto; }
	.product_features_container{ width: 100%;box-sizing: border-box;padding: 0 15px; }
	.product_features_container_right{ margin: 0; }
	.feature_title .feature_title_num{ font-size: 52px;margin-right: 10px; }
	.feature_title span{ font-size: 20px; }
	.feature_title{ height: 88px; }
	.feature_text ul{ padding-left: 25px;box-sizing: border-box; }
	.feature_text2 ul li{ width: 19%; }
	.feature_text2 ul li img{ width: 100%;height: auto; }
	.product_features_cpu{ width: 120%;transform: scale(.8);margin-left: -10%;margin-top: 5px; }
	.product_features_container4{ margin-top: -40px; }
	.feature_cpu_text{ text-align: center; }
	.feature_cpu_title{ font-size: 14px; }
	.feature_cpu_desc p{ font-size: 12px; }
	.feature_title_add{ text-align: left;padding-right: 0; }
	.feature_text2{ width: 100%; }
	.scenario{ padding-bottom: 65px; }
	.scenario ul{ width: auto;box-sizing: border-box;padding: 0 15px; }
	.scenario ul li{ width: 24%; }
	.scenario ul li img{ width: 100%;height: 65px; }
	.scenario ul li div{ padding-top: 15px;font-size: 12px; }
	.mode_container{ width: 100%;margin-top: 35px; }
	.mode_top_pic{ width: 85%;height: auto; }
	.mode_container ul li{ width: 85%;box-sizing: border-box;display: block;margin: 0 auto 15px; }
	.mode_container ul li div{ text-align: left;margin-bottom: 2px; }
	.mode_container ul li img{ width: 100%;height: auto; }
	.mode_container ul li:nth-child(even) div{ text-align: right; }
	.call_us_title_desc{ margin-bottom: 15px;font-size: 18px; }
	.call_list{ width: 100%;display: block; }
	.call_list_info{ width: 100%;margin-bottom: 20px; }
	.call_list_info .call_info_desc{ width: 210px;margin: 4px auto 15px; }
	.call_us{ padding-top: 25px; }
	.call_list_info .call_info_btn4{ display: none; }
	.mobile_set{ display: block; }

	.scenario_tab{ width: 100%; }
	.scenario_table{ position: initial;display: flex;justify-content: space-between; }
	.scenario_table_item{ margin: 0 5px 10px; }
	.scenario_list{ width: 25%;margin: 10px 0; }
	.scenario_list img{ width: 33px; }
	.item_width1{ width: 12.1%; }
	.item_width2{ width: 17.6%; }
	.functionList_con_item_right{ width: 87.9%; }
	.item_right_item{ font-size: 12px;border: none;border-right: 1px solid #ee7e4b; }
	.functionList_top_item{ height: auto;line-height: initial; }
	.functionList_con_item_right_list{ border: 1px solid #ee7e4b;border-right: none; }
	.functionList_con_item_right .functionList_con_item_right_list:nth-child(1){ border-top: none; }
	.functionList_con_item_right .functionList_con_item_right_list:last-child{ border-bottom: none; }
	.functionList_con_item_right .functionList_con_item_right_list .item_right_item:last-child{ border-right: none; }
	.lan_list_item{ width: 49%; }
}