* { margin: 0px; padding: 0px; } 
html,
body { width: 100%; height: 100%; background: #fff; font-family: "微软雅黑"; color: #333 } 
a { color: #666; font-size: 14px; text-decoration: none; } 
a:hover { color: #1d3d7d; font-size: 14px; text-decoration: none; } 
ul,li,ol { list-style: none; } 
input,textarea { font-family: "微软雅黑"; font-size: 16px; } 
b,em,i { font-style: normal; font-weight: normal; } 

.main { width: 1400px; margin: auto; clear: both; position: relative; } 
.fl { float: left; } 
.fr { float: right; } 
.lf { float: left; } 
.rt { float: right; } 
.tac{text-align: center;}
input,select,textarea { outline: none; border: none } 
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #9c9c9c; font-size: 14px; } 
input:-moz-placeholder { color: #9c9c9c; font-size: 14px; } 
input::-moz-placeholder { color: #9c9c9c; font-size: 14px; } 
input:-ms-input-placeholder { color: #9c9c9c; font-size: 14px; } 
textarea { resize: none; color: #9c9c9c; font-size: 14px; } 
a { text-decoration: none; color: #666 } 
i,em,b,h1,h2,h3,h4,h5 { font-style: normal; font-weight: normal; } 
img { border: none; } 

.head { width: 100%; float: left; font-size: 14px; color: #666; height: 40px; line-height: 40px; background: #f1f4f9; border-bottom: 1px solid #e3e7eb; } 
.head .fr li { float: left; position: relative; padding: 0px 15px; border-left: 1px solid #e3e7eb; } 
.head .fr li img { vertical-align: middle; } 
.header { height: 130px; width: 100%; float: left;background: #fff;} 
.header .fl {padding-top: 20px; } 
.header .fr { float: right; margin-top: 40px;; } 
.header .fr dt { float: left; width: 300px; } 
.header .fr dt p { width: 230px; float: left; font-size: 22px; text-align: left; } 
.header .fr dt b { float: left; padding-top: 5px;} 
.header .fr dt span { text-align: left; width: 100%; display: inline-block; font-weight: bold; text-indent: 20px; } 
.header .fr p .t1{color: #666666;font-size:18px;}
.header .fr p .t2{color: #0759A5; font-size:26px; font-weight: bold;}

.nav { width: 100%; height: 60px; line-height: 60px; float: left; background: #12389D; } 
.nav ul li { width: 233px; float: left; height: 60px; line-height: 60px; cursor: pointer; } 
.nav ul li a { width: 233px; height: 60px; line-height: 60px; display: inline-block; text-align: center; color: #fff; font-size: 16px; position: relative; } 
.nav ul li:first-child a { border-left: none; } 
.nav ul li:last-child a { border-right: none; } 
.nav ul li:hover>a,.nav ul li.active>a { background: #6EB624;} 
.nav ul li:hover dl { display: block; } 
.nav ul li dl { width: 233px; position: relative; top: -1px; display: none; z-index: 9; left: 0px; } 
.nav ul li dl dd { height: 40px; line-height: 40px; width: 100%; } 
.nav ul li dl dd a { height: 40px; line-height: 40px; width: 100%; background: #12389D; display: inline-block; color: #fff; font-size: 14px; border: none; } 
.nav ul li dl dd a:hover { background: #6EB624 } 

.banner { position: relative; top: 0px; float: left; width: 100%; } 
.banner img { width: 100%; } 
.banner .bd li{text-align: center;}
.banner .bd li img{ margin: 0 auto;}
.banner .hd{ position: absolute; bottom: 25px; z-index: 999; text-align: center; left: 0; right: 0;}
.banner .hd li{ background: #fff; display: inline-block; opacity: 1; width: 12px; height: 12px; border-radius: 12px; margin:0px 5px; cursor: pointer; } 
.banner .hd li.on { opacity: 1; width: 60px; background: #fff; height: 12px; } 

.footer1 {background:#ffffff; width:100%;line-height: 90px;}
.footer1 span{ color: #1f81c9; font-size: 18px;}
.footer1 a{ color: #666666; font-size: 14px; margin: 0px 10px;}
.footer1 a:hover{ color: #1f81c9; text-decoration: underline;}

.footer2 {background:#313131; width:100%;height:362px; border-bottom: 1px solid #3d3d3d;}
.footer2 ul { padding-top: 90px;}
.footer2 ul li {float:left; width:250px}
.footer2 ul li h5 {color:#fff; font-size:20px; margin-bottom:15px;}
.footer2 ul li p a {color:#a9a9a9; font-size:14px; line-height:32px;}
.footer2 ul li p a:hover {text-decoration:underline; color:#fff;}
.footer2 ul li.w1 p{width:115px; float: left;}

.footer3 {width:100%; height:92px;background:#313131;}
.footer3 .main{position: relative;height:92px;}
.footer3 .footer_ab{ position: absolute; z-index: 2; right: 0px; bottom: 0px; width: 395px; height: 553px; background: url(../images/bg1.jpg) no-repeat;}
.footer3 .footer_ab p{ color: #ffffff; font-size: 14px; line-height: 32px; padding: 160px 0px 30px 75px;}
.footer3 .footer_ab .tac{ color: #ffffff; font-size: 14px; line-height: 40px;}
.footer3 .fl{ color: #ffffff; font-size: 14px; line-height: 92px;}
.footer3 .fl a{ color: #ffffff; font-size: 14px; line-height: 92px;}
.footer3 .fl a:hover{ text-decoration: underline;}
.footer3 .fr{ margin-right: 450px;}
.footer3 .fr a{ color: #ffffff; font-size: 14px; line-height: 92px;}
.footer3 .fr a:hover{ text-decoration: underline;}

.banner_img { width: 100%; height: 350px; margin: auto; overflow: hidden; overflow: hidden; } 
.banner_img p { width: 100%; height: 350px; margin: auto; overflow: hidden; overflow: hidden; position: relative; top: 0px; } 
.banner_img p img { position: absolute; left: 50%; margin-left: -960px; } 

#gallery-overlay{background-color:#000}
#gallery-container{font:16px/22px verdana,arial,sans-serif}
#gallery{color:#999;display:none;height:200px;margin:0 auto;position:relative;width:300px;box-shadow:0 0 64px #000;-moz-box-shadow:0 0 64px #000;-webkit-box-shadow:0 0 64px #000}
#gallery-image-container{display:none;height:100%}
#gallery-loading{padding:8px}
#gallery-controls{display:none;height:100%;left:0;position:absolute;top:0;width:100%}
#gallery-controls div{float:left;height:100%;width:50%}
#gallery-controls a{background:#fff;color:#000;font-size:12px;outline-style:none;position:absolute;text-decoration:none;top:40px}
#gallery-previous-link{left:0;padding:6px 10px 6px 6px;border-radius:0 6px 6px 0;-moz-border-radius-bottom-right:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px}
#gallery-next-link{padding:6px 6px 6px 10px;right:0;border-radius:6px 0 0 6px;-moz-border-radius-bottom-left:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px}
#gallery-meta-container{background:#fff;color:#999;display:none;margin:0 auto;overflow:auto}
#gallery-image{padding:8px}
#gallery-meta{display:none;height:44px;padding:0px 8px}
#gallery-meta div{float:left}
#gallery-info{text-align:left;width:80%}
#gallery-close{line-height:30px;text-align:right;width:20%}
#gallery-close a{color:#999;font-size:24px;font-weight:bold;outline-style:none;text-decoration:none}
#gallery-close a:hover{color:#bbb}
#gallery-title a,#gallery-title a:link,#gallery-title a:visited{color:#666;font-size:14px;font-weight:bold;line-height:14px}
#gallery-title a:visited:hover{color:#999}
#gallery-pages{color:#999;display:block;font-size:10px;line-height:14px}

.index_tit{width: 100%; text-align: center; padding: 80px 0px 50px; background: url(../images/title_bg.png) center 30px no-repeat;}
.index_tit h1{font-size: 46px;font-weight: bold;color: #1b3c8f;}
.index_tit h5{font-size: 18px;color: #666666; padding-top: 15px; position: relative;}

.index1{ width: 100%; height: auto; padding-bottom: 90px; background: #f4f4f4;}
.index1 .index11{ width: 100%; overflow: hidden;}
.index1 .index11 ul li{ float: left; background: #fff; box-shadow: 2.728px 2.925px 15px 0px rgba(0, 0, 0, 0.05); margin-right: 20px;}
.index1 .index11 ul li a{ display: block; width: 335px; height: 505px; text-align: center;}
.index1 .index11 ul li a .img{padding: 10px; height: 240px;}
.index1 .index11 ul li a h1{ color: #333333; font-size: 20px; margin-bottom: 20px;}
.index1 .index11 ul li a p{ color: #666666; font-size: 16px; line-height: 25px; height: 50px; padding-bottom: 20px; text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 0 20px ; margin-bottom: 20px;}
.index1 .index11 ul li a h5{ border: 1px solid #1b3c8f; color: #1b3c8f; border-radius: 30px; padding: 15px 50px; display: inline-block;} 
.index1 .index11 ul li a:hover h1{ color: #1b3c8f;}
.index1 .index11 ul li a:hover h5{ background: #1b3c8f; color: #fff;}

.index2{ width: 100%; height: 861px; overflow: hidden; background: url(../images/bg2.jpg) center no-repeat;}
.index2 .index_tit{ text-align: left;}
.index2 .index_tit h1,.index2 .index_tit h5{ color: #fff; padding-left: 55px;}
.index2 .index_tit h5::after{ width: 65px; height: 5px; background: #fff; position:absolute; bottom: -30px; content: ""; left: 55px;}
.index2 .hd{ position: absolute; right: 0px; top: 100px;}
.index2 .hd li{ float: left; margin-left: 20px; width: 190px; height: 75px; line-height: 75px; text-align: center; color: #ffffff; font-size: 22px; border: 1px solid #888888; border-radius: 50px; cursor: pointer;}
.index2 .hd li.on{ background: #1b3c8f; border-color: #1b3c8f;}
.index2 .bd .index2_con{background-color: #fff; overflow: hidden; margin: 40px 0 40px 55px;height: 520px;}
.index2 .bd .index2_con .fl{ width: 350px; padding-top: 100px; padding-left: 50px; }
.index2 .bd .index2_con .fl .t{ line-height: 100px; color: #333333; font-size: 42px;}
.index2 .bd .index2_con .fl .t h1{ float: left; color: #1b3c8f; font-size: 95px; padding-right: 15px; font-weight: bold;}
.index2 .bd .index2_con .fl p{ color: #666666; font-size: 16px; line-height: 30px; padding: 20px 0px;}
.index2 .bd .index2_con .fl p.more a{ display: block; width: 200px; height: 55px; background: #8ec31f; line-height: 55px; text-align: center; color: #fff; font-size: 16px; border-radius: 50px; margin-top: 80px;}
.index2 .bd .index2_con .fl p.more a:hover{ background: #1b3c8f;}
.index2 .bd .index2_con .fr{ padding: 50px 50px 0px;}

.index3{ width: 100%; height: 706px; padding-bottom: 90px; background: url(../images/bg3.jpg) center no-repeat;}
.index3 .main{ height: 796px;}
.index3 .index_tit h5::after{ width: 65px; height: 5px; background: #1b3c8f; position:absolute; bottom: -30px; content: ""; left: 50%; margin-left: -32px;}
.index3 .index31{ text-align: center; color: #666666; font-size: 14px; line-height: 34px; padding: 0px 90px;}
.index3 .index31 .more a{ display: inline-block; margin:50px 0px 0px; width: 370px; height: 70px; line-height: 70px; color: #1b3c8f; font-size: 18px; text-align: center; border: 1px solid #1b3c8f; border-radius: 80px;}
.index3 .index31 .more a:hover{ background: #1b3c8f; color: #fff;}
.index3 .index32{ position: absolute; left: 0; right: 0; bottom: -100px; height: 275px; padding: 45px 70px 0; background: #fff; box-shadow: 3.254px 7.308px 26px 0px rgba(0, 0, 0, 0.11); overflow: hidden; position: relative;}
.index3 .index32 .hd a{display: block; position: absolute; width: 40px;  height: 40px; background: url(../images/left.png) no-repeat; left: 0px; left: 10px; top: 50%; margin-top: -40px; cursor: pointer;}
.index3 .index32 .hd a.prev{ right: 10px; left: auto;  background-image: url(../images/right.png);}
.index3 .index32 .bd{ width: 100%; overflow: hidden;}
.index3 .index32 .bd li{ float: left; margin-right: 20px;}
.index3 .index32 .bd li p{ text-align: center; color: #333333; font-size: 18px; padding-top: 10px;}
.index3 .index32 .bd li a:hover p{ color: #1b3c8f;}

.index4{ width: 100%; height: auto; background: #fff; padding-top: 150px;}
.index41 .top_news{ float: left; width: 618px; padding: 25px; background: #f6f6f6; overflow: hidden;}
.index41 .top_news .news_li{background: none; padding-top: 20px; padding-bottom: 0px;}
.index41 .list_news{ float: right; width: 670px; overflow: hidden;}
.index41 .list_news .news_li{margin-bottom: 30px;}
.index41 .news_li{ width: 100%; height: 90px; overflow: hidden; padding: 0px 0px 30px; background: #fff; border-bottom: 1px solid #e2e2e2; cursor: pointer;}
.index41 .news_li:last-child{border-bottom: 0px none;}
.index41 .news_li .time{ float: left; height: 90px; text-align: center; width: 125px; border-right: 1px solid #e1e1e1; margin-right: 25px;}
.index41 .news_li .time b{ color: #0669b6; font-size: 52px; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif}
.index41 .news_li .time p{ color: #0669b6; font-size: 16px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
.index41 .news_li .text{ color: #666666; font-size: 14px; line-height: 24px;}
.index41 .news_li .text h5{ padding-bottom: 10px;}
.index41 .news_li .text h5 a{  color: #333333; font-size: 18px; font-weight: bold;}
.index41 .news_li .text h5 a:hover{ color: #0669b6;}
.index41 .news_li:hover h5 a{ color: #0669b6;}

.content { width: 100%; float: left; padding: 30px 0px; min-height: 400px; } 
.nav_page { width: 100%; float: left; } 
.nav_page ol { display: table; margin: 0px auto; padding: 20px 0px 40px; } 
.nav_page ol li { line-height: 48px; width: 140px; text-align: center; margin-right: 10px; color: #f3f3f3; margin-top: 3px; float: left; } 
.nav_page ol>li>a { width: 100%; color: #000; display: inline-block; border-radius: 25px; border: 1px solid #bcbcbc; } 
.nav_page ol li ul { display: none; } 
.nav_page ol li ul li { width: 100%; height: 40px; line-height: 40px; text-indent: 20px; background: #fff; color: #333 } 
.nav_page ol li ul li.show a { color: #c21a20; } 
.nav_page ol li.hover ul { display: block; } 
.nav_page>ol>li.hover>a,.nav_page>ol>li>a:hover { color: #fff; background: #12389D; border: 1px solid #12389D; } 
.content_r { width: 100%; float: left; margin-bottom: 0px; border-top: 1px solid #e8e8e9; } 

.about_con { width: 100%; float: left; } 
.about_con div { font-size: 14px; color: #666; line-height: 30px; width: 100%; float: left } 
.contactbot { width: 100%; float: left; margin-bottom: 50px; } 

.honor { width: 100%; float: left; margin-top: 30px; } 
.honor ul li { width: 300px; text-align: center; float: left; margin-right: 50px; margin-bottom: 22px; /* background-color: #ffffff; */ } 
.honor ul li a { width: 100%; display: inline-block; float: left; line-height: 50px; } 
.honor ul li img { vertical-align: middle; width: calc(100% - 4px); padding: 2px; border: solid 1px #dfdfdf; } 
.honor ul li:nth-child(4n) { margin-right: 0px; } 
.honor ul li:hover img { border: 1px solid #c21a20; } 

.pages { display: table; margin: auto; padding-top: 30px; padding-bottom: 50px; } 
.pages li { float: left; } 
.pages li a { height: 32px; padding: 0px 10px; line-height: 32px; background: #f3f3f3; color: #666; display: inline-block; margin-right: 10px; color: #666; text-align: center; } 
.pages li a:hover { height: 32px; line-height: 32px; background: #12389D; color: #fff; text-align: center; } 
.pages li.active a { background: #12389D; color: #fff } 

.pageimg5 { width: 100%; float: left; margin-bottom: 50px; margin-top: 30px; } 
.pageimg5 ul li { width: 264px; text-align: center; float: left; margin-right: 20px; margin-bottom: 22px; } 
.pageimg5 ul li a { width: 100%; display: inline-block; float: left; line-height: 40px; } 
.pageimg5 ul li img { vertical-align: middle; width: calc(100% - 2px); border: solid 1px #dfdfdf; } 
.pageimg5 ul li:nth-child(5n) { margin-right: 0px; } 
.pageimg5 ul li:hover img { border: 1px solid #c21a20; } 

.cer { width: 100%; float: left; margin-top: 30px; } 
.cer ul li { width: 300px; text-align: center; float: left; margin-right: 50px; margin-bottom: 22px; /* background-color: #ffffff; */ } 
.cer ul li a { width: 100%; display: inline-block; float: left; line-height: 40px; } 
.cer ul li img { vertical-align: middle; width: calc(100% - 4px); padding: 2px; border: solid 1px #dfdfdf; } 
.cer ul li:nth-child(4n) { margin-right: 0px; } 
.cer ul li:hover img { border: 1px solid #c21a20; } 

.contact1_top { width: 100%; display: flex; justify-content: space-between; } 
.contact1_topl { width: 600px; display: flex; flex-direction: column; } 
.contact1_topl dl { display: flex; flex-direction: column; font-size: 14px; line-height: 30px; margin-bottom: 20px; } 
.contact1_topl dl dt { font-size: 18px; color: #2c5d97; } 
.contact1_topl ul { width: 100%; display: flex; flex-direction: row; } 
.contact1_topl ul li { display: flex; flex-direction: row; width: 180px; margin-right: 50px; color: #0d387c; font-size: 14px; align-items: center; } 
.contact1_topl ul li img { margin-right: 10px; } 
.contact1_topr { width: 464px; float: left; } 
.contact1_bot { width: 100%; float: left; font-size: 16px; color: #333; margin-top: 20px; } 
.contact1_bot>p { font-size: 14px; } 
.contact1_botcon { background: #f5f6f6; margin-top: 40px; width: calc(100% - 60px); padding: 30px 25px; float: left; } 
.contact1_botcon ul li { margin-bottom: 25px; background: #fff; border: 1px solid #e1e6eb; float: left; display: flex; align-items: flex-start; } 
.contact1_botcon ul li.wid45 { width: 650px; margin-right: 30px; } 
.contact1_botcon ul li:nth-child(2n) { margin-right: 0px; } 
.contact1_botcon ul li.wid100 { width: 100%; } 
.contact1_botcon ul li b { line-height: 40px; width: 45px; text-align: center; display: inline-block; } 
.contact1_botcon ul li b img { vertical-align: middle; } 
.contact1_botcon ul li input { width: calc(100% - 70px); padding: 0px 5px 0px 10px; line-height: 40px; border-left: 1px solid #e1e6eb; } 
.contact1_botcon ul li select { width: calc(100% - 70px); padding: 0px 5px 0px 10px; line-height: 40px; border: none; border-radius: 0px; height: 40px; background: #fff; border-left: 1px solid #e1e6eb; font-size: 14px; color: #666; } 
.contact1_botcon ul li select option { border-radius: 0px; } 
.contact1_botcon ul li textarea { width: calc(100% - 70px); height: 110px; padding: 10px; border-left: 1px solid #e1e6eb; } 
.contact1_botcon p { float: left; } 
.contact1_botcon p input { width: 70px; height: 40px; line-height: 40px; text-align: center; display: inline-block; margin-right: 10px; color: #fff; border-radius: 5px; cursor:pointer; } 
.contact1_botcon p input:first-child { background: #12389D; } 
.contact1_botcon p input:last-child { background: #12389D; } 
.contact1_botcon p input:hover { background: #6EB624; } 

.download { width: 100%; float: left; margin-top: 20px; } 
.download ul li { width: 100%; height: 45px; line-height: 45px; float: left; background: #efefef; margin-bottom: 8px; cursor: pointer; } 
.download ul li p { position: relative; text-indent: 30px; width: 80%; overflow: hidden; float: left; font-size: 14px; } 
.download ul li p:before { position: absolute; left: -15px; content: '·'; top: 0px; font-size: 40px; color: #333; font-size: 14px; } 
.download ul li span { float: right; } 
.download ul li span a { width: 120px; height: 45px; background: #2d3a4e; line-height: 45px; text-align: center; display: inline-block; color: #fff; font-size: 14px; } 
.download ul li:hover span a { width: 120px; height: 45px; background: #c21a20; line-height: 45px; text-align: center; display: inline-block; color: #fff; font-size: 14px; } 
.download ul li.hover { color: #c21a20 } 

.news_con,.news_con ul { width: 100%; float: left; margin-top: 0px; } 
.news_con ul li { width: calc(100% - 40px); padding: 20px; float: left; border: 1px solid #e8e8e9; margin-bottom: 20px; } 
.news_con ul li a { width: 100%; display: inline-block; display: flex; align-items: center; } 
.news_con ul li a>p { float: left; margin-right: 20px; } 
.news_con ul li dl { width: calc(100% - 350px); display: flex; justify-content: space-between; align-items: center; } 
.news_con ul li dl dt { width: 900px; display: flex; flex-direction: column; line-height: 26px; color: #666; } 
.news_con ul li dl dt p { font-size: 18px; color: #333333; } 
.news_con ul li dl dd { float: right; } 
.news_con ul li dl dt span { line-height: 34px; color: #999; } 
.news_con ul li dl dt span img { width: 14px; line-height: 34px; margin-right: 5px; vertical-align: middle; } 
.news_con ul li:hover dl dt p { color: #12389D; } 
.news_con ul li dl dd img:first-child { display: none; } 
.news_con ul li:hover dl dd img:first-child { display: block; } 
.news_con ul li:hover dl dd img:last-child { display: none; } 

.faqshow { padding-bottom: 0px; width: 100%; float: left; } 
.faqshow .tc { text-align: center; width: 100%; font-size: 16px; font-weight: bold; padding: 20px 0px 20px; color: #12389D; } 
.faqshow .time { text-align: center; padding-bottom: 10px; height: 20px; line-height: 20p; } 
.faqshow .time img { vertical-align: middle; width: 20px; margin-right: 5px; } 
.faqshow div { line-height: 28px; color: #666; font-size: 14px; padding-bottom: 5px; float: left; border-top: 1px solid #e8e8e9; padding-top: 20px; } 
.faqshow dl { float: left; width: 100%; line-height: 26px; font-size: 14px; } 
.faqshow dl dt { float: left; color: #666; } 
.faqshow dl dd a { float: left; color: #666 } 
.faqshow dl dd a:hover { color: #c21a20 } 
.faqshow img { width:100%;} 

.productcon,.productcon ul { width: 100%; float: left; margin-top: 0px; } 
.productcon ul li { width: calc(100% - 40px); padding: 20px; float: left; border: 1px solid #e8e8e9; margin-bottom: 20px; } 
.productcon ul li a { width: 100%; display: inline-block; display: flex; align-items: center; } 
.productcon ul li a>p { float: left; margin-right: 35px; } 
.productcon ul li dl { width: 1000px; display: flex; justify-content: space-between; align-items: center; } 
.productcon ul li dl dt { width: 1000px; display: flex; flex-direction: column; line-height: 26px; color: #666; } 
.productcon ul li dl dt p { font-size: 18px; color: #333333; padding-bottom: 10px; } 
.productcon ul li dl dt span { width: 115px; height: 36px; line-height: 36px; text-align: center; display: inline-block; background: #f5f5f5; border: 1px solid #dddddd; color: #333333; margin-top: 20px;; } 
.productcon ul li:hover dl dt span { background: #12389D; color: #fff; } 
.productcon ul li:hover dl dt p { color: #12389D; } 
.productcon ul li dl dd img:first-child { display: none; } 
.productcon ul li:hover dl dd img:first-child { display: block; } 
.productcon ul li:hover dl dd img:last-child { display: none; } 

.proshow { width: 100%; float: left; padding: 30px 0px; } 
.faqshow_l { width: 608px; float: left; } 
.faqshow_l img { width: 600px; padding: 2px; border: 1px solid #e5e5e5; height: 450px; } 
.proshow .faqshow_r { width: 760px; float: right; } 
.proshow .faqshow_r p { padding-bottom: 10px } 
.proshow .faqshow_r p.col_c21a20 { color: #c21a20 } 
.pro_tit { width: 100%; height: 50px; line-height: 50px; font-size: 18px; float: left; background: #f4f4f4; font-weight: normal; } 
.pro_tit b { width: 140px; text-align: center; display: inline-block; float: left; cursor: pointer; } 
.pro_tit b.hover { background: #12389D; color: #fff; } 
.faqshow div.product_small_btn { width: 16px; height: 69px; line-height: 69px; text-align: center; font-size: 14px; border: 1px solid #ccc; background: #e9e9e9; box-sizing: border-box; cursor: pointer; } 
.faqshow div .product_small_r { float: right; } 
.faqshow_tyext { width: 100%; float: left; line-height: 28px; color: #666; font-size: 14px; padding-bottom: 20px; float: left } 
.faqshow_tyext table td { padding-left: 6px; } 


.product_detail { padding: 20px 0; position: relative; left: 0px; } 
.product_detail_list { padding: 0px 0; overflow: hidden; } 
.product_detail_list ul { margin-right: -20px; position: relative; } 
.product_detail_list li { float: left; width: 208px; margin-right: 20px; text-align: center; } 
.product_detail_list li .product_detail_list_pic { height: 208px; padding: 3px; box-sizing: border-box; border: 1px solid #efefef; overflow: hidden; } 
.product_detail_list li img { width: 100%; } 
.product_detail_list li p a { display: block; font-size: 14px; line-height: 34px; background: #008bd6; color: #fff; } 
.product_detail_info_l { position: relative; float: left; width: 402px; } 
.product_big { position: relative; height: 402px; width: 402px; border: 1px solid #e9e9e9; box-sizing: border-box; margin-bottom: 10px; overflow: hidden; cursor: move; } 
.img_mark { position: absolute; top: 0; left: 0; width: 200px; height: 200px; background-size: 100%; margin: -100px 0 0 -100px; display: none; } 
.zoom_box { position: absolute; top: 0; right: -400px; width: 390px; height: 390px; border: 1px solid #e9e9e9; display: none; } 
.product_big img { width: 100%; } 
.product_small_list { margin-left: 2px; width: 368px; overflow: hidden; } 
.product_small_list ul { width: 100000px; position: relative; } 
.product_small_list li { float: left; width: 69px; height: 69px; text-align: center; padding: 2px; margin: 0 2px; border: 1px solid #e9e9e9; box-sizing: border-box; cursor: pointer; overflow: hidden; } 
.product_small_list li img { width: 63px; height: 63px; } 
.product_small_list li.show { border: 1px solid #c21a20; padding: 2px; } 
.copy2{width:200px;float:left; }
.copy_tit{font-size:16px; color:#CCCCCC; padding-bottom:10px; font-weight:bold;}