﻿.main .layout_1 { }
.main .layout_1 .image { float: left; width: 300px; height: 262px; border: 1px solid #cecece; padding: 1px; text-align: center; }
.main .layout_1 .image img { }

.main .layout_1 .product { float: left; margin-left: 18px; width: 364px; }
.main .layout_1 .product .title { font-size: 16px; font-weight: bold; }
.main .layout_1 .product ul { border-bottom: 1px dashed #c3bbac; padding: 10px 0px; }
.main .layout_1 .product ul li { line-height: 25px; color: #666; }

.main .layout_1 .cert { width: 252px; height: 45px; margin-top: 12px; background: #fffdd4; color: #666; padding-left: 11px; padding-top: 5px; }
.main .layout_1 .cert p { line-height: 20px; }
.main .layout_1 .cert .blue { color: #00379b; }
.main .layout_1 .cert .red { color: #f00; font-weight: bold; }

.main .layout_1 .web { margin-top: 20px; }
.main .layout_1 .web a.webSite { display: block; background: url(/Images/Sec_BG.png) 0px -33px no-repeat; width: 113px; height: 29px; float: left; margin-left: 14px; }
.main .layout_1 .web a.skype { display: block; background: url(/Images/Sec_BG.png) 0px 0px no-repeat; height: 24px; float: left; padding-left: 33px; line-height: 24px; color: #000; text-decoration: underline; margin-left: 30px; margin-top: 3px; }

.main .layout_1 .contact { float: right; width: 274px; height: 266px; }
.main .layout_1 .contact .title { height: 31px; line-height: 31px; }
.main .layout_1 .contact .title .left { float: left; height: 31px; width: 4px; }
.main .layout_1 .contact .title .text { float: left; padding-left: 8px; font-weight: bold; font-size: 12px; }
.main .layout_1 .contact .title .right { float: right; height: 31px; width: 4px; }
.main .layout_1 .contact .ruTitle { background: url(/Images/Sec_BG.png) 0px -105px repeat-x; color: #000; }
.main .layout_1 .contact .ruTitle .left { background: url(/Images/Sec_BG.png) 0px -70px no-repeat; }
.main .layout_1 .contact .ruTitle .right { background: url(/Images/Sec_BG.png) -7px -70px no-repeat; }
.main .layout_1 .contact .ruContent { border: 1px solid #e2e2e2; }
.main .layout_1 .contact .ctText { padding: 0px 10px; margin-bottom: 10px; }
.main .layout_1 .contact .ctText li { color: #666; word-break: break-all; overflow: hidden; width: 257px; height: 26px; line-height: 26px; font-size: 12px; }

.main .layout_2 { margin-top: 20px; }
.main .layout_2 .content pre { font-size: 14px; color: #666; padding: 20px 10px; white-space: pre-wrap; word-wrap: break-word; line-height: 20px; }
.main .layout_2 .image { text-align: center; }

.main .layout_3 { margin-top: 20px; margin-bottom: 40px; }
.main .layout_3 ul { margin-top: 19px; height: 177px; }
.main .layout_3 ul li { margin: 0px 37px; float: left; }
.main .layout_3 ul li .img { width: 117px; height: 117px; border: 1px solid #cecece; padding: 1px; text-align: center; display: block; display: table-cell; vertical-align: middle; }
.main .layout_3 ul li img { }
.main .layout_3 ul li span { display: block; word-break: break-all; overflow: hidden; width: 121px; height: 45px; line-height: 22px; margin: 9px 0px; text-align: center; }
.main .layout_3 ul li span a { color: #666; }
.main .layout_3 ul li span a:hover { color: #df0000; text-decoration: underline; }

.main .titleBox { border-bottom: 2px solid #ababab; }
.main .titleBox .title { height: 32px; line-height: 32px; margin-left: 13px; }
.main .titleBox .title .left { float: left; height: 32px; width: 6px; }
.main .titleBox .title .text { float: left; padding: 0px 20px; font-weight: bold; font-size: 14px; color: #000; }
.main .titleBox .title .right { float: left; height: 32px; width: 6px; }
.main .titleBox .proTitle .text { background: url(/Images/Sec_BG.png) 0px -184px repeat-x; }
.main .titleBox .proTitle .left { background: url(/Images/Sec_BG.png) 0px -145px no-repeat; }
.main .titleBox .proTitle .right { background: url(/Images/Sec_BG.png) -9px -145px no-repeat; }

