@charset "utf-8";
/* by Sean Lu 20160507 */
html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body { font-size: 12px; background: #fff; color: #333; font-family: microsoft yahei; }
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 全局 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

.wrapper { width: 1100px; margin: 0 auto; }

.bannerlinks { }
.bannerlinks a { -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.bannerlinks:hover a { opacity: .5; filter: alpha(opacity=50); }
.bannerlinks a:hover { opacity: 1; filter: alpha(opacity=100); }

.prolist { position: relative; }
.prolist .prev, .prolist .next { position: absolute; top: 150px; width: 32px; height: 27px; background: url(../images/linefff.gif) no-repeat 0 0; display: block; }
.prolist .prev { left: -50px; }
.prolist .next { right: -50px; background-position: right 0; }
.prolist .bd { width: 1125px; }
.prolist02 .bd { width: 1072px; }
.prolist .bd .item { width: 200px; margin-right: 25px; float: left; }
.prolist02 .bd .item { margin-right: 68px; margin-bottom:20px; }
.prolist .bd .item .img { width: 200px; height: 200px; overflow: hidden; }
.prolist .bd .item:hover .img { background: url(../img/thumbover-imgbg.png) no-repeat center center; }
.prolist .bd .item .img a { display: block; }
.prolist .bd .item .img img { width: 200px; height: 200px; display: block; }
.prolist .bd .item .txt { color: #888; }
.prolist .bd .item .txt .title { border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; }
.prolist .bd .item .txt .title .en, .prolist .bd .item .txt .title .cn, .prolist .bd .item .txt .info { line-height: 20px; height: 20px; overflow: hidden; }
.prolist .bd .item .txt .title .cn a { font-size: 14px; color: #fff; font-weight: bold; font-family: Zetta Sans Bold, microsoft yahei; }
.prolist .bd .item .txt .title .cn a:hover { color: #f00; }
.prolist .bd .item .txt .info { line-height: 16px; height: 16px; overflow: hidden; margin-bottom: 16px; }
.prolist .bd .item .txt .links { line-height: 16px; height: 32px; overflow: hidden; }
.prolist .bd .item .txt .links p { margin-bottom: 0; }
.prolist .bd .item .txt .links a { padding-left: 18px; background: url(../images/ghg.gif) no-repeat left center; color: #999; }
.prolist .bd .item .txt .links a:hover { color: #fff; }

.newslist { position: relative; }
.newslist .prev, .newslist .next { position: absolute; top: -50px; width: 18px; height: 17px; background: url(../images/vbfh.gif) no-repeat 0 0; display: block; }
.newslist .prev { right: 21px; }
.newslist .next { right: 0; background-position: right 0; }
.newslist .bd { width: 1112px; }
.newslist .item { width: 266px; float: left; margin-right: 12px; margin-bottom: 12px; }
.newslist .item .img { width: 266px; height: 180px; overflow: hidden; }
.newslist .item .img a { display: block; }
.newslist .item .img img { width: 266px; height: 180px; display: block; }
.newslist .item .txt { background: #000; padding: 20px; color: #888; }
.newslist .item .txt .title { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #333; }
.newslist .item .txt .title .time { line-height: 16px; height: 16px; overflow: hidden; }
.newslist .item .txt .title .cn { line-height: 18px; height: 18px; overflow: hidden; }
.newslist .item .txt .title .cn a { font-size: 14px; color: #fff; font-family: microsoft yahei; }
.newslist .item .txt .title .cn a:hover { color: #f00; }
.newslist .item .txt .info { line-height: 16px; height: 64px; overflow: hidden; }

.search_input { background: transparent; color: #666; border: 0; font-size: 12px; }
.search_sumbit { background: url(../images/ste.jpg) no-repeat left center; color: #999; border: 0; font-size: 12px; padding-left: 20px; }

.sptoplinks a { color: #888; }
.sptoplinks a:hover { color: #fff; }

.incommonbg { background: #1c1c1c; }

.inbanner { background-repeat: no-repeat; background-position: center top; padding-bottom: 60px; }
.inbigtit { height: 260px; padding: 100px 0 0; width: 1100px; margin: 0 auto; }
.inbigtit .cn { font-size: 48px; color: #fff; }
.inbigtit .en { font-size: 22px; color: #fff; text-transform: uppercase; font-family: Zetta Sans, microsoft yahei; opacity: .6; filter: alpha(opacity=60); }

.inwrapper { background: #1c1c1c; width: 1100px; margin: 0 auto; box-shadow: 0 15px 30px rgba(0,0,0,0.3); border: 1px solid #1a1a1a; }

.innav { height: 43px; line-height: 40px; width: 1100px; margin: 0 auto; }
.innav li { float: left; border-right: 1px solid #1a1a1a; border-top: 1px solid #1a1a1a; border-left: 1px solid #1a1a1a; margin-right: -1px; }
.innav li a { display: block; padding: 0 40px; font-size: 14px; color: #fff; font-family: microsoft yahei; text-decoration: none; background: #333; color: #999; border-top: 2px solid #333; }
.innav li.on a { background: #1c1c1c; color: #fff; border-top-color: #f00; border-bottom: 1px solid #1c1c1c; }
.innav li a:hover { border-top-color: #f00; color: #fff; }

.incontent { padding: 40px; font-size: 14px; line-height: 24px; color: #ccc; font-family: simsun; }
.incontent p { margin-bottom: 20px; }
.incontent p em { text-decoration: underline; font-style:normal; color: #fff; margin: 0 4px; }

.insptit { font-size: 18px; font-weight: bold; color: #f00; border-left: 3px solid #f00; margin: 0 0 20px; padding-left: 10px; }

.new_ulbig { width: 100%; }
.new_ulbig li { padding: 20px 10px 20px 10px; border-bottom: 1px dashed #333; height: 152px; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.new_ulbig li.on { background: #f1f1f1; }
.new_ulbig li .img { float: left; width: 200px; height: 150px; overflow: hidden; border: 1px solid #ccc; margin-right: 20px; background: url(../img/nopic.jpg) no-repeat center center; }
.new_ulbig li .img img { width: 200px; height: 150px; display: block; }
.new_ulbig li .info { margin-left: 20px; margin-bottom: 20px; }
.new_ulbig li .info a { padding: 2px 4px; color: #ccc; text-decoration: none; font-family: microsoft yahei; }
.new_ulbig li h3 { margin-bottom: 10px; }
.new_ulbig li h3 a { line-height: 28px; font-size: 18px; font-weight: normal; padding: 3px 2px; font-family: microsoft yahei; margin: 0; }
.new_ulbig li p { line-height: 24px; color: #666; font-size: 14px; text-indent: 0; }
.new_ulbig li .info a:hover { text-decoration: none; background: #f00; color: #fff; }
.new_ulbig li .time { display: block; margin-top: 10px; color: #666; }

.newscontent { }
.newscontent .title { font-size: 24px; text-align: center; line-height: 40px; font-family: microsoft yahei; color: #fff; }
.newscontent .info { font-size: 12px; text-align: center; line-height: 30px; color: #666; }
.newscontent .info .author, .newscontent .info .time { margin: 0 5px; color: #666; }
.newscontent .maincon { margin: 20px 0; }
.newscontent .maincon p { font-size: 14px; line-height: 24px; margin-bottom: 20px; color: #ccc; }

.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #333; padding-top: 10px; margin: 30px 0; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border: 1px solid #666; color: #666; background: url(../img/arrow_t.png) no-repeat 90px center; padding-right: 10px; text-decoration: none; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { background: url(../img/arrow_l.png) no-repeat 38px center; padding-left: 10px; padding-right: 0; text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { background-image: url(../img/arrow_r.png); text-align: center; }
.newsbackline ul li a:hover { border-color: #fff; color: #fff; background-color: #000; }

.contact { padding: 0 30px 0; }
.contact .txt { float: left; margin-left: 60px; font-size: 14px; line-height: 24px; }
.contact .txt h1 { color: #f00; font-size: 26px; text-align: left; font-weight: normal; margin-bottom: 40px; margin-top: 40px; text-indent: 80px; font-family: microsoft yahei; }
.contact .qrcode { float: right; height: 400px; overflow: hidden; padding-top:0; }
.contact .txt .item { font-size: 12px; line-height: 38px; }
.contact .txt .item .nm { float: left; width: 70px; display: block; float: left; text-align: right; font-weight: bold; margin-right: 10px; }
.contact .txt .item .nr { display: block; margin-left: 80px; border-bottom: 1px dashed #999; width: 370px; }

.inprobg { background: url(../img/newsharebg.jpg) repeat center top; }
.probar { background: #111; height: 40px; line-height: 40px; overflow: hidden; color: #fff; }
.probar h1 { float: left; font-size: 16px; font-weight: normal; margin-right: 40px; position: relative; }
.probar h1:after { content: ""; display: block; width: 1px; height: 16px; background: #666; position: absolute; right: -20px; top: 50%; margin-top: -8px; }
.probar h1 em { font-size: 12px; font-style: normal; margin-left: 10px; color: #999; }
.probar .pronav { float: left; }
.probar .pronav li { float: left; padding-right: 20px; }
.probar .pronav li a { color: #999; }
.probar .pronav li a:hover, .probar .pronav li.on a { color: #f00; }
.probar .moreall { display: block; float: right; border: 1px solid #666; color: #666; padding: 0 20px; line-height: 22px; height: 22px; text-decoration: none; margin-top: 8px; }
.probar .moreall:hover { color: #fff; border-color: #fff; background: #000; }

.prosptit { padding-top: 650px; background: #1c1c1c; color: #fff; font-size: 26px; line-height: 30px; text-align: center; background-repeat: no-repeat; background-position: center top; font-family: simsun; padding-bottom: 30px; }
.prosptit .txt { width: 666px; margin: 0 auto; }
.prospbox { height: 600px; background-repeat: no-repeat; background-position: center center; position: relative; }
.prospbox .txt { width: 480px; padding-top: 140px; color: #fff; font-family: simsun; }
.prospbox .txt .tit { font-size: 30px; margin-bottom: 20px; }
.prospbox .txt .con { font-size: 22px; color: #ccc }

.procanshu { padding: 30px 0; }

.procans { background: #1c1c1c; border-top: 2px solid #f00; width: 100%; text-align: center;  }
.procans td { font-size: 14px; border: 1px solid #333; line-height: 20px; padding: 20px 20px;font-family: Helvetica Neue,Helvetica,Arial,simsun; vertical-align: middle; color: #ccc; }
.procans .phtit td { font-weight: bold; }
.procans tr:hover td { background: #1a1a1a; }
.procans tr.phimg:hover td { background: #fff; }
.procans th { background: #111; padding: 20px 20px; font-size: 16px; color: #ccc; }

.proslide { width: 1100px; margin: 30px auto; }
.csSlideOuter .csPager.cSGallery li.active { outline: 2px solid #f00; outline-offset: -2px; }
.csSlideOuter .csPager.cSGallery li a { display: block; margin: 0; }
.csAction > a { width: 32px; height: 40px; background: url(../img/slider-arrow.png) -110px 5px no-repeat; }
.csAction > .csPrev { background-position: -110px 5px; }
.csAction > .csNext { background-position: 8px 5px; }
.gallery li { position: relative; }
.main .con .gallery li a { display: block; margin: 0; }
.gallery li .name { width: 200px; position: absolute; left: 20px; bottom: 20px; padding: 0 20px; line-height: 30px; color: #fff; background: rgba(0,0,0,.5); font-size: 12px; border-radius: 6px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.gallery li:hover .name { opacity: 1; filter: alpha(opacity=100); }

.spritespin-preload { background : url(../img/ajax-loader.gif) no-repeat 50% 50%; }
.spritespin-instance { border: 1px dashed; margin: 20px 0; }
.spritespin-canvas { cursor: e-resize; }




































.slider-wrapper {width:100%; height:730px; overflow:hidden;}
.theme-default {width:100%; height:730px; position:relative; overflow:hidden;}
.theme-default #slider {width:1920px; height:730px;position:absolute; left:50%; top:0; margin-left:-960px;}
.theme-default .nivoSlider {position:relative;background:#fff url(../templets/default/images/loading.gif) no-repeat 50% 50%; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;}
.theme-default .nivoSlider img {position:absolute; top:0px; left:0px; display:none;}
.theme-default .nivoSlider a {border:0; display:block;}
.theme-default .nivo-controlNav {position:absolute; left:50%; bottom:167px; margin-left:-55px;}
.theme-default .nivo-controlNav a {display:block;width:22px;height:22px;background:url(../templets/default/images/bullets.png) no-repeat;text-indent:-9999px;border:0;float:left;}
.theme-default .nivo-controlNav a.active {background-position:0 -22px;}
.theme-default .nivo-directionNav a {display:block;width:30px;height:30px;background:url(../templets/default/images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
.theme-default a.nivo-nextNav {background-position:-30px 0; right:100px;}
.theme-default a.nivo-prevNav {left:100px;}
.theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a {color:#fff; border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover {color:#fff;}

.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
.nivo-controlNav a {position:relative; z-index:9; cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}