﻿/* dede58.com 做最好的织梦模板 */
@charset "utf-8";
/*common*/
html, body, form, ul, li, dl, dt, dd, input, textarea, label, p, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
form { display: inline; }
img { border:0 none; }
td { word-break: break-all; }
ul, li, dl, dt, dd { list-style: none; }
a { text-decoration: none; color: #666; }
a:hover { color: #805600; }
.clearfix { *zoom: 1; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.none { display: none; }
.w1200 { width: 1200px; margin: 0 auto; }
.right { float: right; }
.more { float: right; padding-right: 20px; }
.mar-t10 { margin-top: 10px; }
.mar-t20 { margin-top: 20px; }
.bg-white { background: #fff; }
.bg-wg { background: #d6f0ed; }
body { font: 12px/1.5 'Microsoft Yahei', Verdana, Arial, sans-serif; color: #666; }
/*End common*/

/*右侧浮动拉条*/
.shift { position: relative; width: 1200px; margin: 0 auto; }
.shiftright { display: block; width: 30px; height: 110px; background: url(../images/shiftright.jpg) no-repeat; position: absolute; right: -50px; top: 822px; z-index: 1000; }
/*End 右侧浮动拉条*/

/*头部和底部*/
.C-top { min-width: 1200px; width: auto; height: 52px; background: #33a49a; }
.C-welcome { float: left; height: 52px; padding-left: 34px; background: url(../images/welcome.png) 0 16px no-repeat; line-height: 52px; color: #fff; }
.C-top-login { float: right; height: 27px; padding-top: 13px; }
.C-top-login a { display: inline-block; height: 27px; padding: 0 10px; margin-left: 10px; line-height: 27px; color: #33a49a; }
.C-top-login a:hover { background: #fff; }
.C-top-login .QQ-ico { padding-left: 30px; background: #d6f0ed url(../images/qq-ico.png) 4px 3px no-repeat; }
.C-top-login .QQ-ico:hover { background: #fff url(../images/qq-ico.png) 4px 3px no-repeat; }
.C-head { min-width: 1200px; width: auto; height: 88px; background: #f3f3f3; }
.logo { float: left; margin-left: -26px; width: 265px; height: 88px; background: url(../img/logo.png) 14px 0 no-repeat; text-indent: -9999px; outline: none; }
.nav { float: right; }
.nav li { position: relative; float: left; }
.nav li i { z-index: 2; position: absolute; top: 0; left: -3px; width: 6px; height: 87px; background: url(../images/nav-vbg.png) 0 center no-repeat; }
.nav li i.last { top: 0; left: auto; right: -3px; }
.nav li a { position: relative; float: left; height: 88px;line-height: 88px; padding: 0 30px; text-align: center; color: #666; outline: none; }
.nav li a:hover,.nav li.tip a { color: #fff; background: #df9700; }
.nav li a span { position: relative;display: block; font-size: 14px;  }

.pic-bg { position: relative; overflow: hidden; height: 544px; }
.adv { width: 1920px; height: 544px; position: relative; left: 50%; margin-left: -960px; }
.bigpic .pica { display: none; }
.jsNav { position: absolute; bottom: 10px; right: 360px; }
.trigger { float: left; display: block; width: 9px; height: 9px; background: #fff ; border: 5px solid #FFCC00; border-radius: 11px; margin: 0 5px; text-align: center; outline: none; *overflow: hidden; }
.trigger.imgSelected{border: 5px solid #D63323;background-color: #FFF;}
.imgSelected { background: #33a49a; color: #000; }
.indexC-wrap { height: 79px; background-color:#e3e3e3;border-top: 15px solid #ccc; }
.indexContact { width: 1200px; margin: 0 auto;overflow: hidden;}
.indexContact a.gonggao{ background: url(../img/01.gif) center 50% no-repeat;width:140px; height: 79px; float: left;}
.indexContact ul { float: left;width: 1050px; height: 79px; }
.indexContact ul li{float: left;width:500px;height: 79px; line-height: 79px; margin-left:25px;overflow: hidden;position: relative;}
.indexContact ul li span{float: right;}
.indexContact ul li a{font-size: 14px;}
.indexContact ul li i{width:4px;height:4px;background-color: #df9700;display: block;float: left;margin: 39px 10px 0 0;}

.indexC-wrapB { height: 96px; background: #e1f5f3; }
.indexContactB { width: 1200px; margin: 0 auto; background: url(../images/indexcontactb.jpg) no-repeat; }
.indexContactB a { float: left; height: 96px; }
.indexContactB a.phoneB { width: 367px; }
.indexContactB a.qqB { width: 372px; }
.indexContactB a.addressB { width: 461px; }
.loveCC { height: 91px; background: #f5f5f5; }
.sitemap li { float: left; display: inline; width: 125px; padding: 22px 20px 16px; border-right: 1px solid #e9e9e9; }
.sitemap li.cclogoB { padding: 0; width: 203px; height: 78px; border-right: 1px solid #e9e9e9; background: url(../images/cc-logob.png) 0px 10px no-repeat; text-indent: -9999px; }
.sitemap li .ch { display: block; font-size: 16px; line-height: 20px; text-align: center; color: #33a49a; }
.sitemap li .en { display: block; font-family: Verdana, Century Gothic, Arial, serif; font-size: 16px; line-height: 20px; text-align: center; color: #8fd0ca; }
.links-wrap { height: 90px; background: #f1f1f1; }
.links { width: 990px; height: 40px; overflow: hidden; line-height: 20px; padding: 25px 10px 25px 200px; background: url(../images/links.png) 10px 25px no-repeat; }
.links a { padding: 0 5px; white-space: nowrap; }
.footer-wrap { padding: 20px 0; background: #8fd0ca; }
.copyright { width: 1200px; margin: 0 auto; color: #000; text-align: center; }
.copyright a { color: #fff; }
.copyright a:hover { color: #33a49a; }
.indexvideo { width:1213px; }
.indexvideo li { float:left; width:391px; height:255px; padding-right:13px; position:relative; }
.indexvideo li a { cursor:pointer; }
.indexvideo li a .trans { position:absolute; top:0; left:0; width:391px; height:255px; background:url(../images/video.png) no-repeat; }
.indexvideo li a:hover .trans { position:absolute; top:0; left:0; width:391px; height:255px; background:url(../images/indexvideo.png) no-repeat; z-index:9999; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; }
/*pages*/
.lmlpage { clear:both; margin:0 auto; float:right; padding:10px 0; font-size:14px; }
.lmlpage li { background:#fff; border: 1px solid #33a49a; color: #33a49a; float:left; display:block; margin-right:10px; font-weight: normal; list-style-type: none; min-width:30px; ; height:30px; line-height:30px; text-align: center; }
.lmlpage li a { display:block; color: #33a49a; margin:0; padding:0; border:none; }
.lmlpage li a:hover { display:block; background:#33a49a; color: #fff; min-width:30px; ; height:30px; text-decoration:none; }
.lmlpage li.thisclass { background:#33a49a; border: 1px solid #33a49a; color: #fff; }
.lmlpage li.thisclass a { color: #33a49a}

/*End 头部和底部*/


.link{background-color: #ccc;padding:20px 0;line-height:30px;}

.footer{background-color: #f4f4f4;overflow: hidden;padding:0 0 20px;}
.footer-qrcode{float: left;background: url(../img/05.gif) 0 0 no-repeat;width:210px;height:200px;margin-top: 20px;border-right: 2px solid #ccc;}
.footer-link{float: left;overflow: hidden;margin-top: 20px;}
.footer-link dl{float: left;margin: 0 20px;text-align: center;}
.footer-link dt{margin: 0;height:30px;line-height: 30px;font-weight: bold;}
.footer-link dd{margin: 0;height:30px;line-height: 30px;}

.footer-map{float: right;width:300px;height:200px;margin-top: 20px;}
.footer-map strong{font-size: 16px;}
.footer-map-img{background:url(../img/07.gif) 0 10px no-repeat;width:180px;height:150px;}

.footer-wrap{background-color: #bebebe;}