.title { line-height: 2em; display: block; }
.title h2 { color: #3854a8; display: inline-block; font-size: 18px; font-weight: bold; border-left: 5px solid #3854a8; padding-left: 5px; }
.title span { color: #808080; font-size: 16px; padding-left: 5px; }
.title2 { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #ccc; }

.title3 { padding-bottom: 20px; position: relative; }
.title3 a { color: #3854a8; display: block; font-size: 18px; font-weight: bold; width: 100%; text-align: center; background: #fff; height: 30px; line-height: 30px; width: 150px; margin: 0 auto; }
.title3 span { content: " "; position: absolute; top: 13px; width: 100%; display: block; border-bottom: 3px solid #3854a8; z-index: -1; }

.tjcp { float: left; width: 270px; margin-right: 30px; }
.gsxx { float: left; width: 450px; }
.lxwm { float: right; width: 220px; }

.tjcp .swiper-slide { text-align: center; }
.tjcp .swiper-slide .pic { width: 270px; height: 230px; background: #fff; font-size: 0; vertical-align: middle; display: table-cell; text-align: center; }
.tjcp .swiper-slide .pic img { display: inline-block; max-width: 270px; max-height: 230px; _width: 270px; _height: 230px; }
.swiper-container { width: 100%; height: 230px; overflow: hidden; }

.gsxx h3 { padding-bottom: 10px; font-size: 22px; }
.gsxx p { font-size: 16px; line-height: 1.5em; text-indent: 2em; }

.lxwm .over { background: #0E4D9C; padding: 10px; }
.lxwm .over img { float: left; margin-right: 10px; padding: 5px 0; }
.lxwm .over p,
.lxwm .over span { display: block; color: rgb(204, 224, 250); font-size: 12px; }
.lxwm .over span { font-size: 20px; font-weight: bold; }
.lxwm .contact { border: 1px solid #ccc; border-top: none; }
.lxwm .contact li { position: relative; padding: 8px 0; padding-left: 30px; border-top: 1px solid #ccc; line-height: 1.5em; }
.lxwm .contact li:before { content: " "; display: block; width: 30px; height: 30px; background: url(../images/icon2_34_afvn.png) no-repeat left top; position: absolute; top: 10px; left: 5px; }
.lxwm .contact li.email:before { background-image: url(../images/icon2_42_81js.png); top: 13px; }
.lxwm .contact li.address:before { background-image: url(../images/icon2_38_1aqn.png); left: 8px; }

.product dt a { float: left; width: 200px; height: 60px; line-height: 60px; color: #fff; font-size: 14px; background: url(../images/product_nav_bg.png) repeat-y center; text-align: center; position: relative; cursor: pointer; }
.product dt a.cur { background: #ffa918; }
.product dt a.cur:after { content: " "; width: 7px; height: 4px; background: url(../images/product_nav_cur.png) no-repeat center; position: absolute; left: 96px; top: 60px; }
.product dt a.more { cursor: pointer; }

.product dd { clear: both; display: block; padding-top: 20px; }
.product dd ul { display: none; }
.product dd ul:first-child { display: block; }
.product dd li { width: 232px; height: 311px; border-bottom: 3px solid #d4d4d4; float: left; text-align: center; line-height: 30px; font-size: 14px; background-color: #ebebeb; margin: 0 8px 16px 8px; }
.product dd li a { color: #454545; display: block; padding: 5px; }
.product dd li h3 { display: block; line-height: 1.2em; height: 2.4em; margin: 10px 0 5px; overflow: hidden; }
.product dd li span { display: block; line-height: 16px; height: 16px; padding-bottom: 10px; }
.product dd li:hover,
.product dd li.cur { background-color: #196cbc; border-bottom: 3px solid #033582; }
.product dd li:hover a,
.product dd li.cur a { color: #fff; }
.product dd li .pic { width: 222px; height: 220px; background: #fff; font-size: 0; vertical-align: middle; display: table-cell; text-align: center; }
.product dd li .pic img { display: inline-block; max-width: 222px; max-height: 220px; _width: 222px; _height: 220px; }

.listbox { width: 480px; }
.listbox li { border-bottom:1px dashed #eee; height:30px; line-height:30px; background: url(../images/list-origin-gb.gif) 0 -108px no-repeat; position: relative; color: #808080; }
.listbox li a { margin-left:10px; text-indent: 5px; color: #666; font-size: 14px; height:30px; line-height:30px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 100px; }
.listbox li:hover { border-color: #3854a8; }
.listbox li span { position: absolute; right: 10px; top: 0; }

.anli a { float: left; display: block; width: 200px; height: 120px; }
.anli a img { width: 120px; height: 120px; }

.youshi li { width: 210px; height: 297px; float: left; border: 1px solid #ccc; border-radius: 5px; padding: 10px; margin: 0 9px; }
.youshi li h3 { color: #3854a8; font-size: 18px; text-align: center; height: 30px; line-height: 30px; }
.youshi li .pic { border: 1px solid #ccc; padding: 3px; }
.youshi li .pic img { width: 100%; height: 120px; }
.youshi li p { color: #666; padding: 5px 0; text-indent: 2em; }

.flinks { padding-top: 30px; font-size: 13px; }
.flinks strong { font-weight: bold; padding-right: 10px; display: block; float: left; }
.flinks ul { float: left; }
.flinks li { float: left; }
.flinks a { padding: 0 10px; color: #000; }
.flinks a:hover { color:#007FFF; }