* {
				margin: 0;
				padding: 0;
			}
			
			body {
				background: #F6F6F6;
			}
				.platform_imgdiv>img,#top_img_pro,#pro_img_top{
				width: 100%;
				height: auto;
			}
			
			#top_img_pro {
				width: 100%;
				height: auto;
			}
			
			.flexbox {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
			}
			
			.divmaincon {
				width: 100%;
				height: auto;
				background: #FFF;
				padding: 20px 0;
				padding-bottom: 80px;
			}
			
			.pro_menu {
				min-width: 230px;
				width: 15%;
				margin-right: 20px;
			}
			
			.prolist {
				min-width: 500px;
				width: 50%;
			}
			
			.pro_title {
				height: 40px;
				line-height: 40px;
				border-bottom: 1px solid #EEEEEE;
			}
			
			.pro_title>span {
				border-bottom: 1px solid #263473;
				padding: 0px 5px;
				padding-bottom: 7px;
			}
			
			.pro_menu_btndiv {
				width: 100%;
				/*border: 1px solid #D9D9D9;*/
				
			}
			
			.pro_listdiv {
				width: 100%;
				display: none;
				/*border-bottom: 1px solid #D9D9D9;*/
			}
			
			.pro_menu_btn,
			.childpro_menu_btn {
				width: 100%;
				height: 40px;
				line-height: 40px;
				border-bottom: 1px solid #EEEEEE;
				text-indent: 5px;
				display: flex;
				align-items: center;
				justify-content: space-between;
				align-content: center;
				cursor: pointer;
				color: #777474;
				overflow: hidden;
				text-overflow:ellipsis;
				white-space: nowrap;
			}
			
			.childpro_menu_btn {
				text-indent: 3em;
			}
			
			.childpro_menu_btn>div:last-child {
				margin-right: 2.5em;
			}
			
			.pro_menu_btn_active,
			.pro_menu_btn:hover,
			.childpro_menu_btn:hover {
				color: #08367f;
				/*border-left: 1px solid #263473;*/
			}
			
			.promorebtn {
				width: 40px;
				height: 40px;
			}
			
			.rotateimg {
				width: 60%;
				height: 60%;
				transition: all 0.2s;
				-moz-transition: all 0.2s;
				/* Firefox 4 */
				-webkit-transition: all 0.2s;
				/* Safari 和 Chrome */
				-o-transition: all 0.2s;
				/* Opera */
				transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				/* IE 9 */
				-moz-transform: rotate(0deg);
				/* Firefox */
				-webkit-transform: rotate(0deg);
				/* Safari 和 Chrome */
				-o-transform: rotate(0deg);
				/* Opera */
			}
			
			.rotateimgclick {
				transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				/* IE 9 */
				-moz-transform: rotate(90deg);
				/* Firefox */
				-webkit-transform: rotate(90deg);
				/* Safari 和 Chrome */
				-o-transform: rotate(90deg);
				/* Opera */
			}
			
			.product_img img {
				margin-right: auto;
				margin-left: auto;
				display: block;
				max-height: 320px;
				max-width: 100%;
				height: auto;
				margin-bottom: 10px;
				padding: 0px 0px 0px 0px;
				cursor: pointer;
			}
			
			.opacity_img {
				border: 1px solid #eeeeee;
				transition: border 0.4s;
			}
			
			.opacity_img:hover {
				border: 1px solid #263473;
			}
			
			.product_title {
				text-align: center;
				padding: 0px 15px 0px 0px;
				height: 40px;
				cursor: pointer;
			}
			
			.proiconimg {
				width: 15px;
				height: 15px;
				margin-right: 5px;
			}
			
			.childmenu_btndiv {
				display: none;
			}
			
			.hy_btn {
				display: inline-block;
				border: 1px solid #E4EAED;
				padding: 10px 20px;
				color: #000;
				background: #fff;
				cursor: pointer;
			}
			
			.hy_btn:active {
				background: #08367f;
				color: #fff;
			}
			
			.hy_btn_currpage {
				background: #08367f;
				color: #fff;
			}
			
			.prodetail_img {
				width: 90%;
				height: auto;
			}
			
			.detail_box>h4 {
				border-bottom: 1px solid #eee;
				padding-bottom: 15px;
			}
			
			.detailinfo {
				padding: 5px 0;
				text-align: 2em;
				border-bottom: 1px solid #eee;
			}
			
			.prodetail_info {
				margin-top: 5px;
			}
			.tj_title{
				width: 100%;
				text-align: center;
				color: #777474;
			}
			.tj_title:hover{
				color: #08367f;
			}
			.pro_link>p{
				margin-bottom: 5px;
				color: #777474;
			}
			div#link {
			    height: 50px;
			    line-height: 50px;
			    font-size: 16px;
			}
			@media only screen and (max-width: 1260px) {
				.prolist {
					width: 70%;
				}
			}
			@media only screen and (max-width:768px) {
				.divmaincon {
					flex-direction: column-reverse;
				}
				.prolist{
					width: 95%;
					margin-left: 2.5%;
					min-width: 0;
					display: block;
				}
				
				.hy_btn{
					font-size: 12px;
    				padding: 5px;
				}
				.pro_menu {
				    margin-top: 30px;
				    width: 95%;
				    margin-left: 2.5%;
			    }
			    .pro_listdiv_0{
					min-height: 800px;
					background: yellow;
			    }
			   
			}