@charset "utf-8";
@-webkit-keyframes fadeIn {
0% {opacity: 0.5;}
20% {opacity: 0.5;}
50% {opacity: 0.7;}
75% {opacity: 0.75;}
100% {opacity: 1;}
}

body{background-color:#f8f8f8;}
p{margin:0;}
.bfbview{height:240px;background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPnBhdGh7b3BhY2l0eTouMTtjbGlwLXBhdGg6dXJsKCNjbGlwUGF0aCk7ZmlsbDp1cmwoI2xpbmVhckdyYWRpZW50KTt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXBQYXRoIj48cmVjdCB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDAwIi8+PC9jbGlwUGF0aD48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhckdyYWRpZW50IiB4MT0iMCUiIHkxPSIwJSIgeDI9IjkwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMSkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9ImhzbCgwIDAlIDEwMCUvMCkiLz48L2xpbmVhckdyYWRpZW50PjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MjAsMTAwMClzY2FsZSgtMSwtMSkiPjxwYXRoIGQ9Ik0xMzg0LjUgMzQzLjJMMTkyLjcgMTUzNWwtMjEzLjUtM0wxMzgzIDEyOC4ybDEuNSAyMTV6Ii8+PHBhdGggZD0iTTE5MTkuNyA0NDguM0wxMzU5IDEwMDlsLTEwMC40LTEuNEwxOTE5IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMTc2LjcgNTE0LjNMNjE2IDEwNzVsLTEwMC40LTEuNEwxMTc2IDQxMy4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik02NDQuNyA0NTcuM0w4NCAxMDE4bC0xMDAuNC0xLjRMNjQ0IDM1Ni4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMzg3LjcgNDQ4LjNMODI3IDEwMDlsLTEwMC40LTEuNEwxMzg3IDM0Ny4xbC43IDEwMS4yeiIvPjxwYXRoIGQ9Ik0xMjUwLjEgNDkzLjhsLTU0NSA1NDUtNTIuNyA0My42IDY0MS45LTY0MS45LTQ0LjIgNTMuM3oiLz48cGF0aCBkPSJNODkxLjEgNjM5LjFMLTc3OCAyMzA4LjNsLTI5OC45LTQuMkw4ODkgMzM4LjFsMi4xIDMwMXoiLz48cGF0aCBkPSJNMTg3MC40IDQxOS44TC0yOC44IDIzMTlsLTM0MC4xLTQuOEwxODY4IDc3LjNsMi40IDM0Mi41eiIvPjxwYXRoIGQ9Ik05MDguNCA0MzYuOEwtOTkwLjggMjMzNmwtMzQwLjEtNC44TDkwNiA5NC4zbDIuNCAzNDIuNXoiLz48cGF0aCBkPSJNMTYzMi40IDUxNS44TC0yNjYuOCAyNDE1bC0zNDAuMS00LjhMMTYzMCAxNzMuM2wyLjQgMzQyLjV6Ii8+PHBhdGggZD0iTTExNzYuMyA1NjcuMUwtMTQ0NS42IDMxODlsLTQ2OS41LTYuNkwxMTczIDk0LjNsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0xNDI3LjMgNTgwLjFMLTExOTQuNiAzMjAybC00NjkuNS02LjZMMTQyNCAxMDcuM2wzLjMgNDcyLjh6Ii8+PHBhdGggZD0iTTE2NDkuNSA4ODAuMkw0NTcuNyAyMDcybC0yMTMuNS0zTDE2NDggNjY1LjJsMS41IDIxNXoiLz48cGF0aCBkPSJNNjc1LjggNTIyLjJsLTI2MjEuOSAyNjIxLjktNDY5LjQtNi42TDY3Mi41IDQ5LjRsMy4zIDQ3Mi44eiIvPjxwYXRoIGQ9Ik0yNTk1LjkgNTIyLjJMLTI2IDMxNDQuMWwtNDY5LjUtNi42TDI1OTIuNiA0OS40bDMuMyA0NzIuOHoiLz48L2c+PC9zdmc+") 0px 0px / 1920px repeat-x, linear-gradient(91deg, rgb(53, 97, 111) 0%, rgb(177, 219, 214) 100%) center top / cover;animation-timeline: auto;animation-range-start: normal;animation-range-end: normal;background-position: 0px 0px, center top;animation: 180s linear 0s infinite normal none running bganimation;}

.proinf{float:left;width:100%;text-align:left;margin-top:-206px;}
.proinf .tp{float:left;width:230px;}
.proinf .tp img{border-radius:12px;}
.proinf .u1{float:left;width:700px;color:#fff;}
.proinf .u1 li{float:left;width:100%;}
.proinf .u1 .l1{font-size:28px;font-weight:700;}
.proinf .u1 .l2{padding:15px 0 15px 0;}
.proinf .u1 .l3{color:#fff;font-size:14px;}
.proinf .u1 .l3 span{float:left;line-height:25px;height:25px;padding:0 33px 0 28px;}
.proinf .u1 .l3 .s1{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAd5JREFUOE+dlU+IjlEUxn8PiR2asmBlMVsbDSbCQsmfpY2yMJPEAiUNCxsbdqKmSMPUZGXt36wU8yWzn6ZsbDU1kaJB49H5uu/Xneu+H+Ndvufc33vuc855XlF5bK8B9gG7gEFgc0pbBD4As0BH0s/yuMoXtvcDp4CB2seyd5+ASUmdPK8HTFWNAEf/AirD08CEpF8RyIFngcOrhDXpzyU97AFt7wUu94GFdkvAtj45dyS9ke11wL1M+PzMj9SAKeBL0vYQsKECjo+eC+BB4EKR8Ba43ejSMgmh9/EidjeAY8DuIvBU0mQLaL2k77aPAaNlIQGM6275F6DtnVGVpBstwMUAPgHWFsBXksZtDwMbJb20vSeN1E1JS7ZPACeLc8ttwHlJ11PDrgKf0y26sIDYvggcqAEfVLZiGTgt6VuChviha2/VWqRaiAqvAHG18nkk6VlLY4aAa5XYuwDG7l6qBL8CY5I+5jHbm4BblUZG2ngAw1nut5jBQjdJmku6bU2V1TYmzOJ8d5f7VNkUN59Wb0dlIpqcWIRObg5ngCP/aQ7TkqK5K9wmrh7Q1TrOCyAauNK+msqS88SeNi7dVnSYwWNJr/OEPxw7aRoOFL+AGI/tWcNiwN8nB5qpmcdvEWe+7CSHjG0AAAAASUVORK5CYII=) left center no-repeat;}
.proinf .u1 .l3 .s2{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAaxJREFUOE+NlT1LHVEQhp9XMVgaBctACktLI6KIlaLkJ6QRgh+FBESuCIJWFiJBQVBEkyaVP8BwWz8QBf+ARRRL4aKdouiEkd3LYd2zd7c8Z+Y5c868867I+cysCRgAvgBdwMckrAZcAefAiaTnbLqyC2Y2CHwDOvIOC9bugN+STsK4OjCpahwYawDKbleBXUmvvhECJ4CRCOwFaC446EDSXh1oZv3AbCTBrzYPLAKfCqDrko5kZi3AVvDw2ZwVSRdmtgZ8LgB6w6YcOATMRAKrknZ8rwTQwzYcWAF6c4A3QCWVRkngqQP9up0Z4BOwIOk6XTez1qAx7cB6ThE1B+7ndNBl8Df2Xmbm8vqas/8SA64Aj0nCg6R/QaXdwHJMXg70Ry+aiitJc0lj2oDVgvhbB3pwX4EcQmCsgWn6mQN9dn80AprZMDDZYCw3HejOsl10DdcXsAR8KAD6RE2/zXKJKsv4xU93ntAcvgOjZTJzYuoTlbUvh8YcJ3aW6/XXO/sKdObO48JNXToGcjP4I+kwDHjn2MmbugP5L6AncZhUp/fAZfILOE6rCoH/AR8pn+w8GxRlAAAAAElFTkSuQmCC) left center no-repeat;}
.proinf .u1 .l3 .s3{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAcxJREFUOE+dlTFIllEUhp9XySWQRHAUCnJsCRVRoqaoTYIEcREizJQgRFBoKnAo0iBQIg3UyckWw9UUUxCnFh3cAykQIRI9cuL+cr1+9xf9xnvf89xzz7nn/UTBZ2YVQBvQBNwEaoJsF9gB1oEVSQdpuNIFM7sDdAG1RYdFa7+BL5JWYt0JMGTVDTw8B5RuLwKfJR35Rgx8Cty/IKwkX5A0eQI0s1bgZRnYn7B3rYxmTNJ3mdkVYDwqfBzzDxiV5E0gHNwHVBWAvWE9DrwL9GdO/ippOt4zs8dAR0b/wYGDQHNG8FbSjwR4GxjO6Fcd6NetywhmJM0nwPbwrIpCdh04B1RmgPvAa0nboYY3gFdAdUZ/eB7QH+8G8BM4BBqAW0B9OeCnzFRsAu8k/S2YplxjfnmGA0BLEuRXfS5pL/fuzGwkZBxL1hzos/siCdyU9Kbc1JjZI6Az0Xx0oDvLRHJtd5ShIjcJzfGYXuBeBPR6P/s/y5ksvQn++n1aYpu6CvgIptPy3p0nNocnwINLmsOiJG/uKbfxazj0oo7zDZg6Y1+lzIIBuC+WXDqXtJdjVtJSLDjj2KGm7kD+C2gErkcNcxvbCr+A5VJWMfAYXEOk7MNyvlIAAAAASUVORK5CYII=) left center no-repeat;}
.proinf .xsnum{float:left;padding:0 27px;border-radius:34px;color:#999999;line-height:34px;background-color:#d9e6e6;}
.proinf .xsnum span{color:#333;}

.viewleft{float:left;width:834px;text-align:left;margin:15px 0 0 0;}

.viewleft .taocan{float:left;width:818px;}
.viewleft .taocan a{float:left;border-radius:13px;margin:20px 20px 0 0;line-height:46px;border:#dcdcdc solid 1px;padding:0 27px;font-size:14px;background-color:#fff;}
.viewleft .taocan .a1{border:#88baff solid 1px;color:#1475fa;background-color:#d7e9ff;}
.viewleft .taocan1{float:left;width:834px;}
.viewleft .taocan1 a{float:left;border-radius:3px;margin:20px 16px 0 0;line-height:52px;border:#dcdcdc solid 1px;padding:0 0 0 45px;width:354px;background:url(../img/tc1.png) 16px center no-repeat;background-color:#fff;}
.viewleft .taocan1 .a1{background:url(../img/tc2.png) 16px center no-repeat;background-color:#edf5ff;}
.viewleft .taocan1 a span{float:left;}
.viewleft .taocan1 a .s2{float:right;margin-right:10px;color:#df1e1c;font-size:13px;font-weight:700;}
.viewleft .procap{float:left;width:100%;border-bottom:#d9d9d9 solid 1px;height:55px;margin:60px 0 0 0;}
.viewleft .procap a{float:left;margin:0 34px 0 0;font-size:16px;line-height:55px;}
.viewleft .procap .a1{font-weight:700;font-size:19px;border-bottom:#1890ff solid 1px;}
.viewleft .proview{float:left;font-size:14px;line-height:25px;width:786px;padding:16px 16px 15px 16px;background-color:#fff;border-radius:5px;margin:26px 0 0 0;}
.viewleft .proview img{max-width:100%;}
.viewleft .pronew{float:left;width:786px;padding:0 16px 15px 16px;background-color:#fff;border-radius:5px;margin:26px 0 0 0;}
.viewleft .pronew .u1{float:left;width:786px;border-bottom:#f3f3f3 solid 1px;padding:16px 0;}
.viewleft .pronew .u1 li{float:left;}
.viewleft .pronew .u1 .l1{width:175px;}
.viewleft .pronew .u1 .l1 img{width:157px;height:98px;border-radius:12px;}
.viewleft .pronew .u1 .l2{width:611px;font-weight:700;line-height:25px;height:25px;overflow:hidden;font-size:18px;margin:15px 0 0 0;}
.viewleft .pronew .u1 .l2 a:hover{color:#1475fa;}
.viewleft .pronew .u1 .l3{width:611px;height:36px;margin:5px 0 0 0;overflow:hidden;line-height:18px;}

.viewleft .pjcap{float:left;width:818px;background-color:#fff;padding:10px 0 10px 0;border-bottom:#F6F5F7 solid 1px;margin:26px 0 0 0;}
.viewleft .pjcap li{float:left;}
.viewleft .pjcap .l2{border-right:#E5E5E5 dotted 1px;width:120px;margin:10px 0 0 0;height:40px;text-align:center;color:#999;line-height:20px;}
.viewleft .pjcap .l2 strong{font-size:18px;font-family:Arial, Helvetica, sans-serif;color:#ff6600;}
.viewleft .pjcap .l3{width:320px;}
.viewleft .pjcap .l3 a{float:right;margin:8px 0 0 0;color:#fff;background-color:#ff6600;width:150px;font-size:14px;height:29px;text-align:center;padding:10px 0 0 0;}
.viewleft .pjlist{float:left;width:818px;background-color:#fff;}
.viewleft .pjlist .pj{float:left;width:796px;margin:20px 20px 0 0;padding:5px 0 5px 0;}
.viewleft .pjlist .pj .u1{float:left;text-align:center;width:100px;}
.viewleft .pjlist .pj .u1 li{float:left;}
.viewleft .pjlist .pj .u1 .l1{width:100px;padding:0 0 5px 0;}
.viewleft .pjlist .pj .u1 .l1 img{border-radius:50px;}
.viewleft .pjlist .pj .u1 .l2{width:100px;color:#999;}
.viewleft .pjlist .pj .u2{float:left;text-align:left;width:566px;}
.viewleft .pjlist .pj .u2 li{float:left;}
.viewleft .pjlist .pj .u2 .l1{border-bottom:#DBDBDB dotted 1px;font-size:16px;padding:0 0 5px 0;line-height:25px;width:566px;}
.viewleft .pjlist .pj .u2 .l1 img{border:#f2f2f2 solid 1px;margin:5px 5px 0 0;}
.viewleft .pjlist .pj .u2 .l2{padding:10px 0 0 0;line-height:20px;width:730px;font-size:14px;color:#AF874D;}
.viewleft .pjlist .pj .u2 .l3{padding:10px 0 0 0;width:730px;color:#999;}
.viewleft .pjlist .pj .d2{float:right;color:#FFD600;font-size:16px;width:130px;text-align:right;}
.viewleft .pjlist .pj .d2 span{float:left;padding:0 30px 0 0;width:100px;}
.viewleft .pjlist .pj .d2 .s1{background:url(../img/pj1.gif) right center no-repeat;}
.viewleft .pjlist .pj .d2 .s2{background:url(../img/pj2.gif) right center no-repeat;}
.viewleft .pjlist .pj .d2 .s3{background:url(../img/pj3.gif) right center no-repeat;}
.viewleft .pjlist .pj .d3{float:right;width:80px;height:28px;padding:8px 0 0 50px;}
.viewleft .pjlist .pj .d3 .img1{float:left;}
.viewleft .pjlist .pj .d3 .pf{float:left;margin-top:-15px;height:15px;overflow:hidden;}
.viewleft .pjlist .pj1{border-left:#FFAC13 solid 2px;}
.viewleft .pjlist .pj2{border-left:#83C44E solid 2px;}
.viewleft .pjlist .pj3{border-left:#2196F3 solid 2px;}
.viewleft .allpj{float:left;width:818px;background-color:#fff;padding:0 0 15px 0;}
.viewleft .allpj a{color:#999;border:#dedede solid 1px;padding:7px 0 0 0;height:27px;margin-left:334px;float:left;font-size:14px;width:148px;border-radius:5px;text-align:center;}
.viewleft .allpj a:hover{background-color:#f2f2f2;}

.viewright{float:right;width:392px;text-align:left;margin:103px 0 0 0;}
.viewright .buy{float:left;width:390px;border-radius:5px;background-color:#fff;border:#dcdcdc solid 1px;}
.viewright .buy li{float:left;}
.viewright .buy .l1{width:100%;border-bottom:#ebebeb solid 1px;font-size:18px;padding:15px 15px 14px;}
.viewright .buy .l2{width:0;border-bottom:#ebebeb solid 1px;font-size:14px;text-align:right;}
.viewright .buy .l2 .s1{float:right;color:#9999a6;margin:4px 10px 0 0;font-size:14px;}
.viewright .buy .l2 .s2{float:right;color:#df1e1c;font-size:18px;font-weight:700;}
.viewright .buy .l3{padding:15px 18px;width:354px;}
.viewright .buy .l3 a{float:left;cursor:pointer;color:#fff;font-size:14px;border-radius:5px;width:100%;height:42px;text-align:center;line-height:42px;background-color:#1475fa;}
.viewright .tjcap{float:left;margin:29px 0 0 0;width:392px;font-size:25px;font-weight:700;height:56px;line-height:56px;}
.viewright .tuijian{float:left;width:392px;border-radius:5px;background-color:#fff;padding:10px 0 40px 0;}
.viewright .tuijian .d1{float:left;width:108px;line-height:19px;font-weight:700;margin:30px 10px 0 50px;height:190px;}
.viewright .tuijian .d1 img{width:108px;border-radius:5px;margin:0 0 8px 0;transition: box-shadow 0.2s ease-in-out;}
.viewright .tuijian .d1:hover img{box-shadow:0px 0px 20px rgba(50, 50, 50, 0.3);}

#buyBtn{
    border:0;
    float: left;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    width: 100%;
    height: 42px;
    text-align: center;
    line-height: 42px;
    background-color: #1475fa;
}