@charset "utf-8";
/* CSS Document */
/*网站首页滚动通知和时间*/

/*----滚动文字开始----*/
.rolling-notice{ box-shadow: 0px 0px 3px #ccc; height: 40px; margin-right: auto; margin-left: auto; width: 1200px; margin-top: 5px; margin-bottom: 5px; }
.shadow { box-shadow: 0px 0px 5px #999; }
.size1{ height: 30px; overflow: hidden; }
.smarticker .sec1-2 { float: left; width: 120px; }
.smarticker ul{ padding: 0; margin: 0; list-style: none; }
.smarticker-news{ height: 100%; overflow: hidden; margin-left: 128px; }/*滚动文字左右位置*/
.smarticker li{ height: 30px; line-height: 32px; }/*滚动文字行高*/
.smarticker { text-align: left;	position: relative; }
.smarticker a { color: #666; font-family: Calibri, Tahoma; font-size: 14px;  text-decoration: none; }/*滚动文字大小*/
.smarticker ul li{ margin-left: 10px; display: none; position: absolute; display: none; height: 100%; top: 0px; }/*滚动文字效果*/
.tickertitle{ height:100%; line-height:30px; text-align:center; font-weight:bold; background-color:#e20048; color:#fff; }/*滚动字前标题字背景色和大小*/
.padding{ padding: 5px; float: left; height: 40px; width: 860px; margin-right: auto; margin-left: auto; }


.contactus-news1 { color: #F00; font-weight: bold; text-decoration: underline; }/*站内消息链接加红色*/
/*---滚动文字END----*/

#nowTime { line-height: 30px; float: right; height: 30px; width: 300px; box-shadow: 0px 0px 5px #999; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 0px; padding-left: 10px; }
/*轮播图片展示*/
body{font-family:"microsoft yahei",simsun,arial;min-width:1260px}.newIndex-layout{width:1260px;margin-left:auto;margin-right:auto;font-size:14px}.layout-width{width:1260px;margin-left:auto;margin-right:auto;font-size:14px}.borderNo{border:0}.banner-bg{position:relative;z-index:1;max-width:1920px;margin:0 auto}.banner-bg .slide-item{width:100%;height:430px;background-repeat:no-repeat;background-position:center top}#bannerSlider,#bannerSlider .NISlider-imgbox{width:100%;height:430px;overflow:hidden}#bannerSlider .NISlider-imgbox .NISlider-imgitem{width:50%;height:480px;overflow:hidden;text-align:center}.NISlider-imglist{left:0;top:0;width:200%}#bannerSlider .NISlider-imglist img{height:100%}#bannerSlider .NISlider-trigger-box{width:60px;height:60px;top:210px;cursor:pointer}.NISlider-triggerLeft-box{left:40px;background:url(../image/arr-l.png)}.NISlider-triggerRight-box{right:40px;background:url(../image/arr-r.png)}

.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider{ background:#fff; position:relative; zoom:1; margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; }.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.carousel li{margin-right:5px}.flex-direction-nav a{text-decoration:none;display:block;width:60px;height:60px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.flex-direction-nav .flex-prev{left:-50px;background:url(../images/arr-l.png)}.flex-direction-nav .flex-next{right:-50px;text-align:right;background:url(../images/arr-r.png)}.flexslider:hover .flex-prev{opacity:.7;left:50px}.flexslider:hover .flex-next{opacity:.7;right:50px}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;cursor:default}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:hover{opacity:1}.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{ display:inline-block; zoom:1; height:10px; margin-top: 0; margin-right: 3px; margin-bottom: 0; margin-left: 3px; }/*图片滚动对应下方长方条间距*/
.flex-control-paging li a{width:50px;height:4px;border-radius:4px;background-color:rgba(255,255,255,.5);cursor:pointer;display:inline-block;text-indent:-9999px}.flex-control-paging li a.flex-active{background-color:#fff;cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}/*轮播结束*/

/*简介和公告*/
.intro-above { height: 260px; width: 1200px; margin-right: auto; margin-left: auto; }
.introduce { float: left; height: 260px; width: 750px; }
.introduces { height: 40px; background-image: url(../images/jjgg.jpg); background-repeat: no-repeat; background-position: left 6px; margin-bottom: 20px; }
.introduced { height: 200px; text-align: justify; line-height: 28px; width: 750px; }
.announcement { float: right; height: 260px; width: 380px; }
.announs { background-image: url(../images/jjgg.jpg); background-repeat: no-repeat; background-position: left -34px; height: 40px; margin-bottom: 20px; }
.announs-more { float: right; background-image: url(../images/icon1.png); padding-right: 20px; background-repeat: no-repeat; background-position: right center; height: 40px; line-height: 40px; }
.annoutxt { background-image: url(../images/owl.gif); background-repeat: no-repeat; background-position: left center; border-bottom-width: thin; border-bottom-style: dashed; border-bottom-color: #e3e3e3; padding-left: 12px; line-height: 23px; white-space: nowrap; width: 380px; overflow: hidden; text-overflow:ellipsis; }
/*我们的服务*/
.project { height: 223px; width: 1200px; margin-right: auto; margin-left: auto; overflow: hidden; }
.title { font-size: 32px; margin-bottom: 10px; text-align: center; margin-top: 20px; }
.titleb-a { font-weight: bold; color: #c00; }
.title-c {
	font-size: 18px;
	color: #999;
}
.lines { text-align: center; margin-top: 15px; margin-bottom: 15px; }

/*左右延展式服务介绍*/
.indexTypes{ width:1200px; height: 126px; border: thin dashed #CCC; }
.indexTypes ul li{ position:relative; float:left; width:120px; overflow:hidden; height:125px; overflow:hidden; }
.indexTypes ul li:hover{ cursor:pointer; }
.indexTypes ul li.currnet{ width:1200px; }
.indexTypes ul li .titles{ width:120px; padding-top:30px; padding-left:50px; font-size:18px; color: #fff; font-family:"微软雅黑"; height:105px; float:left; background-image: url(../images/fuwu/typebgf.png); background-repeat: repeat-x; }
.indexTypes ul li .titles a{ color:#fff; }
.indexTypes ul li .titles h2{font-size:20px;font-weight:bold;padding-bottom:5px;}
.indexTypes ul li.current .titles{ background-image: url(../images/fuwu/typet.png); background-repeat: no-repeat; background-position: left top; }
.indexTypes ul li .con{ position:absolute; top:0; width:480px; left:119px; overflow:hidden; height:125px; background-color: #FFF; }
.indexTypes ul li .con ul{padding-top:12px;}
.indexTypes ul li .con ul li{ float:none; height:auto; width:auto; margin-left: 200px; }
.indexTypes ul li .con ul li a{ line-height:28px; width:195px; display:block; border-bottom:1px dashed #d1d1d1; background-repeat: no-repeat; background-position: 6px 7px; }
.indexTypes ul li .con ul li a:hover{color:#F87C02;}
.conimg { height: 105px; width: 125px; float: left; position: relative; overflow: hidden; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; }
.cona { float: right; height: 105px; width: 310px; line-height: 21px; position: relative; overflow: hidden; margin-top: 10px; margin-bottom: 10px; margin-right: 15px; text-align: justify; }
/*广告条*/
.banner { height: 120px; width: 1200px; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom: 10px; }
/*人物介绍*/
.calligraphy-class { background-color: #F8F8F8; }
.Profile { height: 240px; width: 1200px; background-image: url(../images/back1.jpg); margin-right: auto; margin-left: auto; margin-top: 10px; }
.photo { height: 180px; width: 136px; margin-top: 48px; margin-left: 20px; float: left; }
.introduce-a { float: right; height: 180px; width: 1000px; margin-top: 48px; }
.titlea { margin-top: 10px; overflow: hidden; }
.profilea { float: left; width: 160px; }
.titlea h2 { font-size: 32px; color: #3c3c3c; font-weight: normal; }
.profileb { float: right; height: 30px; width: 820px; padding-top: 10px; font-size: 18px; line-height: 30px; color: #CCC; }
.titleb { line-height: 36px; margin-top: 10px; padding-right: 20px; }
/*书画展示*/
.calligraphy { height: 1520px; width: 1200px; margin-right: auto; margin-left: auto; background-image: url(../images/shufa1.jpg); background-repeat: no-repeat; background-position: top; padding-top: 1px; }
.calligrapshy-one { overflow: hidden; }
.shuframe { float: left; height: 520px; width: 200px; margin-top: 10px; margin-right: 19px; margin-bottom: 30px; margin-left: 19px; border: 1px solid #CCC; }
.shulitxt { text-align: center; height: 50px; width: 200px; overflow: hidden; line-height: 50px; padding-top: 20px; }
h3 { font-size: 16px; font-weight: normal; color: #333; }
.shuframes { float: left; height: 270px; width: 558px; margin-right: 20px; margin-left: 20px; border: 1px solid #CCC; }

.shulibimg { height: 200px; width: 558px; }
.shulibtxt { line-height: 50px; padding-top: 20px; height: 50px; text-align: center; overflow: hidden; }

/*查看更多开始*/
  background-position-y: -24px;
  background-position-x: -700px;
@keyframes water-go {
  0% { height: 27px; right: 22px; top: 4px; }
  100% { right: -1500px; height: 5000px; top: -3000px; }
}
.more{ text-align:center; margin-top: 20px; margin-bottom: 20px; }
.more a{display:inline-block;border: #cdcdcd 1px solid;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;width: 150px;height: 40px;line-height: 38px;font-size: 14px;color: #848484;text-transform:uppercase;position:relative;overflow:hidden;margin: 0 auto;}
.more a span{ position:relative; z-index:10; }
.more a:hover{ color:#fff; transition-delay:0.36s; background-color: #B00; }
@keyframes criss-cross-left {
  0% { left: -20px;}
  50% { left: 50%; width: 20px; height: 20px; }
  100% { left: 50%; width: 375px; height: 375px; }
}
@keyframes criss-cross-right {
  0% { right: -20px; font-style: normal; }
  50% { right: 50%; width: 20px; height: 20px; }
  100% { right: 50%; width: 375px; height: 375px; }
}
.btn-11:before, .btn-11:after { position: absolute; top: 50%; content: ''; width: 20px; height: 20px; background: #C00; border-radius: 50%; }
.btn-11:before { left: -20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  /*     animation: criss-cross-left 0.8s reverse; */
}
.btn-11:after { right: -20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); }
.btn-11:hover:before, .btn-11:hover:after {   /*       @include size($btn-width); */
}
.btn-11:hover:before { -webkit-animation: criss-cross-left 1s both; animation: criss-cross-left 1s both; }
.btn-11:hover:after { -webkit-animation: criss-cross-right 1s both; animation: criss-cross-right 1s both; }
/*查看更多结束*/
/*推荐业务*/
.Recommend-business { height: 320px; width: 1200px; margin-right: auto; margin-left: auto; }
.one { width:1200px; height:224px; overflow:hidden; position:relative; border:solid 1px #e5e5e5; border-right:none; margin-right: auto; margin-left: auto; }
.one ul {width:9999px; height:224px;}
.one li {width:239px; text-align:center; border-right:solid 1px #e5e5e5; float:left;}
.one li i {width:113px; height:113px; display:inline-block; margin:20px 0;}
.one li h3 {font-size:16px; color:#3c3c3c; font-weight:normal;}
.one li p {color:#999; font-size:14px; padding:10px 0 20px;}
.one .pic_pre, .one .pic_next { width:30px; height:61px;  position:absolute; top:80px; z-index:99; cursor:pointer; background-image: url(../images/ico1.png); }
.one .pic_pre {left:0;}
.one .pic_next {background-position:-32px 0px; right:0;}
/*广告服务*/
.ggtitle { font-size: 32px; margin-bottom: 30px; text-align: center; margin-top: 40px; }
.fdapic {overflow:hidden;}
.fdapic img {-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;transition:all 0.4s ease;}
.fdapic:hover img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

/*用于手机屏幕，大于480px小于640px*/
@media (min-width: 480px) and (max-width: 640px) {}

.oneBs {background:#3c4754; overflow:hidden;}
.tltles h2 {color:#fff;}
.oneBa {width:1200px; overflow:hidden; margin:0 auto; text-align:center;}
.oneBa a {
	display:inline-block;
	width:180px;
	height:42px;
	line-height:42px;
	text-align:center;
	background:#303943;
	color:#fff;
	font-size: 16px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}
.oneBa a.active {background:#fd7d22;}
.oneB { width:1200px; overflow:hidden; margin-top: 30px; margin-right: auto; margin-left: auto; }
.oneB li { width:285px; float:left; margin-top: 0; margin-right: 20px; margin-bottom: 20px; margin-left: 0; }
.oneB li i {width:285px; height:196px; text-align:center; display:block; background:#fff; overflow:hidden;}
.oneB li i img {width:100%;}
.oneB li p { height:40px; background:#fff; line-height:40px; padding:0 20px; text-align: center; }
.oneB li.liA {margin-right:inherit;}
.oneBs .title-tltles { line-height: 32px; color: #FFF; }
/*绣画作品*/
.Embroidery { height: 890px; width: 1200px; margin-top: 10px; margin-right: auto; margin-left: auto; }
.xiua, .xiub  { overflow: hidden; }
.xiuli-a { float: left; height: 225px; width: 335px; border: 1px solid #CCC; margin-right: 24px; margin-top: 20px; margin-bottom: 20px; }
.xiuliaimg { height: 150px; width: 335px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; }
.xiuliatxt { line-height: 50px; text-align: center; padding-top: 20px; height: 50px; overflow: hidden; }
.xiuli-b { float: right; height: 225px; width: 110px; border: 1px solid #CCC; margin-top: 20px; }
.xiulibimg {
	height: 150px;
	width: 110px;
}
.xiuli-c {
	float: left;
	height: 225px;
	width: 109px;
	border: 1px solid #CCC;
	margin-top: 30px;
}
.xiuli-d { float: right; height: 225px; width: 335px; margin-left: 24px; border: 1px solid #CCC; margin-bottom: 30px; margin-top: 30px; }
/*画匾展示*/
.drawb { background-color: #F1F5FC; overflow: hidden; }
.theme { height: 720px; width: 1200px; margin-right: auto; margin-left: auto; overflow: hidden; }
.huabian { height: 580px; width: 1230px; overflow: hidden; margin-top: 30px; }
.huabian li { border: 1px solid #eeeeee; width: 376px; float: left; margin-top: 0px; margin-right: 32px; margin-bottom: 32px; margin-left: 0px; }
.huaimg { height: 180px; width: 376px; border: 1px dashed #CCC; }
.huatext { text-align: center; background-color: #FFF; height: 73px; padding-top: 15px; line-height: 73px; }
/*底部文章三栏*/
.waia { background: url(../images/bg1.jpg) repeat-x bottom; }
.columns { margin-right: auto; margin-left: auto; height: 580px; margin-top: 10px; width: 1200px; }
.box1 { float: left; width: 350px; margin-right: 70px; }
.box2 { float: right; width: 780px; }
.row { line-height: 40px; height: 40px; }
.row h2 { font-size: 24px; font-weight: normal; color: #3c3c3c; }
.row1 { float: left; }
.row2 { float: right; width: 230px; }
.row3 { float: left; font-size: 12px; text-transform: uppercase; color: #999; height: 30px; margin-top: 10px; line-height: 30px; }
.row4 { float: right; background-image: url(../images/icon1.png); padding-right: 15px; background-repeat: no-repeat; background-position: right center; }
.picture { height: 150px; width: 350px; margin-top: 10px; margin-bottom: 10px; }
.cubicle ul .cub1 { line-height: 45px; background-image: url(../images/icon2.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #e3e3e3; overflow: hidden; white-space: nowrap; width: 340px; text-overflow:ellipsis; }/*本代码中text-overflow:ellipsis;表示超出部分用省略号代替，部分低版浏览器不支持*/
.box3 { float: right; width: 350px; }
/*返回顶部*/
#toTop { display: none; position: fixed; bottom: 40px; right: 10px; width: 60px; height: 60px; background-image: url(../images/icoa.png); background-repeat: no-repeat; opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ }
#toTop:hover { opacity: 0.8; filter: alpha(opacity=100); /* For IE8 and earlier */ }