.titleimg .line.left150{ left: 150px;}
.mainheader{margin-top: 1px; height: 760px;background: url(../images/cm_calligraphy_bg.jpg) no-repeat center top;}
.mianhader-nav{padding-top: 90px;height: 140px;}
.mianhader-nav dt{width: 153px;padding-left: 74px;}
.mianhader-nav dt a{font-size: 40px;color: #fff;font-weight: bold;}
.mianhader-nav dd a{margin: 0 8px;font-size: 16px;color: #444444; font-weight: bold; }
.mianhader-nav dd a:hover{color: #cc393e;}
.mianhader-nav dd {line-height: 40px;color: #444444;width: 866px;}

.mainhder-con .conl{width: 500px;height: 466px; position: relative;z-index: 1;
 margin-left: 15px;
}
.mainhder-con .conl .bg{position: absolute;width: 530px;height: 397px;left: -15px;top: -11px;background: url(../images/cm_calligraphy_1.png) no-repeat center;z-index: -1;}

.mainhder-con .conl .swiper-container1{width: 500px;height: 466px;}
.mainhder-con .conl .swiper-slide{position: relative;height: 375px;}
.mainhder-con .conl .swiper-slide .title{height: 80px;line-height: 80px;width: 100%;text-align: center;color: #fff;}
.mainhder-con .conl .swiper-slide .title a{color: #444444;font-size: 16px;}
.mainhder-con .conl .swiper-container1 img{width: 500px;height: 375px;}
.mainhder-con .conr{width: 460px;height: 360px;position: relative;top: 40px;}
.fixedslidera{position: absolute;top: 50%;margin-top: -25px;z-index: 10;width:100%;}
.mainhder-con .conr .conrwrap{
	padding: 0 0 0 54px;
	width: 426px;
	height: 308px;
	position: relative;
}
.h40{height: 40px;}
.h80{height: 80px;}
.h60{height: 60px;}
.mainhder-con .conr .conrwrap a{color: #444444;}
.mainhder-con .conr .conrwrap a:hover{color: #cc393e;}
.mainhder-con .conr .conrwrap .title{ padding-bottom: 20px; position: relative;}
.mainhder-con .conr .conrwrap  .line{position: absolute;width: 30px;height: 3px;background: #444444;left: 54px;top: -20px;}
.mainhder-con .conr .conrwrap .title a{font-size: 22px; line-height: 32px; height: 64px; overflow: hidden; display: block;}
.mainhder-con .conr .conrwrap  .newsitem{margin-bottom: 16px; height: 22px; overflow: hidden; }
.mainhder-con .conr .conrwrap .item-title a{font-size: 16px; line-height: 22px; overflow: hidden; }
.mainhder-con .conr .conrwrap .text{color: #666;line-height: 20px;overflow: hidden;}
.mainhder-con .conr .conrwrap .go{position: absolute;bottom: 13px;right: -118px;}


/*咨询*/
.zx-top {margin-top: 64px;}
/*.zx-top-l-m{height: 352px;}*/
.zx-top .zx-top-l{width: 670px;position: relative;}
.zx-top .zx-top-l .bg{position: absolute;width: 324px;height: 234px;border: 3px solid #fdd300;left: -20px;top: 81px;z-index: -1;}
.zx-top  .title{height: 70px;position: relative;}
.titleimg{display: inline-block;position: relative;font-weight: bold;font-size: 26px;color: #cc393e;}
.titleimg .line{position: absolute;z-index: -1;width: 109px;height:27px ;background: url(../images/cm_calligraphy_2.png) no-repeat left center;left: 17px;top: 10px;}

.title .more{position: absolute;right: 0;height: 30px;line-height: 30px;color: #cc393e;}
.zx-top .zx-top-l .imgcon{
	width: 360px;
	height: 270px;
	position: relative;
}
.zx-top .zx-top-l .imgcon img{width:360px;height: 270px;}
.zx-top .zx-top-l .imgcon .imgcontitle {line-height: 37px;position: absolute;left: 0;width: 278px;line-height: 26px;left: 390px;top: 10px;}
.zx-top .zx-top-l .imgcon .imgcontitle  a{    overflow: hidden;
    display: block;
    height: 52px; color: #fff;font-size: 16px;color: #444;font-weight: bold;}
.zx-top .zx-top-l .imgcon .imgcontitle .line{position: absolute;width: 50px;height: 1px;background: #cc393e;left: -55px;top: 12px;}

.zx-top .zx-top-l .artilelist{width: 292px;}
.zx-top  .artilelist ul{padding-top: 90px;height: 180px;overflow: hidden;}
.zx-top  .artilelist ul li{line-height: 30px;padding-left: 14px;background: url(../images/cm_calligraphy_2.jpg) no-repeat left 12px;}
.zx-top  .artilelist ul li a{color: #444444;font-size: 16px;display: block; overflow: hidden;}
.zx-top  .artilelist ul li a:hover{color: #cc393e;}




.zx-top .zx-top-r {width: 400px;}
.zx-top .zx-top-r .artilelist{margin-left: 2px;background: #f9f9f9;position: relative;height: 407px;}
.zx-top .zx-top-r .artilelist .shlogo{position: absolute;top: -17px;left: -9px;}
.zx-top .zx-top-r .artilelist .line{position: absolute;width: 98px;height:100px;right: -20px;bottom: -30px;background: url(../images/cm_calligraphy_6.png) no-repeat;}

.zx-top .zx-top-r .artilelist ul{padding: 60px 30px 0 28px;height: 300px;overflow: hidden;}
.zx-top .zx-top-r .artilelist ul li{padding-left: 14px;}
.zx-top .zx-top-r .artilelist ul li a{font-weight: normal;font-size: 16px;color: #444; overflow: hidden; display: block; }

.zx-bottom{height: 192px;position: relative;padding-top: 20px;}

.zx-bottom  .videolist{width:1130px;margin-bottom: 125px;}
.zx-bottom  .videolist li{float: left;width: 210px;position: relative;margin-right: 20px;position: relative;}
.zx-bottom  .videolist li .thumb {position: relative;}
.zx-bottom  .videolist li .thumb .thumbimg{width: 210px;height: 117px;}
.zx-bottom  .videolist li .thumb .play{position: absolute;cursor: pointer;left: 10px;bottom: 10px; width: 30px; height: 30px; }
.zx-bottom  .videolist li .title{padding-top:15px;line-height: 18px;text-align: center;height: 38px;}
.zx-bottom  .videolist li .title a{color: #444;font-weight: bold;    overflow: hidden;
    display: block;
    height: 36px;}
.zx-bottom  .videolist li .title a:hover{color: #cc393e;}

.row1{margin-top: 51px;}
.row1 .row-l{position: relative;}
.row1 .row-l .htmianwrap{height: 596px;}
.row1 .row-l .title{position: relative;left: -20px;}
.row1 .row-l .row-l-t{ position: relative;height: 182px;}
.row1 .row-l .row-l-t .shan{position: absolute;top: -100px; right: -80px;}
.row1 .row-l .httitle{height: 75px;position: relative;padding-top: 4px;}

.row1 .row-l .httitle .more{position: absolute;right: 0;top: 35px;color: #ffffff;font-size: 16px;height: 40px;width: 128px;text-align: center;line-height: 40px;background: #cc393e;}
.row1 .row-l .httitle .img-title{display: inline-block;padding-top: 8px;}

.row1 .row-l .htmian-thumb{width: 400px;height: 533px;margin-left: 66px;position: relative;}
.row1 .row-l .htmian-thumb .thumbimg img{width: 400px;height: 533px;}
.row1 .row-l .htmian-thumb .bg{position: absolute;width: 439px;height: 569px;background: url(../images/cm_calligraphy_8.png) no-repeat;left: -24px;top: -16px;z-index: -1;}

.row1 .row-l .htmian-thumb .more{position: absolute;left: 182px;bottom: -46px;padding-right: 30px;height: 20px;line-height: 20px;color: #ef8100;font-size: 16px;background: url(../images/mvicon1.png) no-repeat right center;width: 70px;z-index: 1;}
.row1 .row-l  .htmain{width: 460px;padding-top: 90px;position: relative;margin-right: 80px;}
.row1 .row-l  .htmain .line1{position: absolute;left:-109px;top: 100px;height: 1px;width: 100px;background: #cc393e;}
.row1 .row-l .htmain .line2 {
	position: absolute;
	right: -21px;
	top: 88px;
	height: 10px;
	width: 128px;
	z-index: -1;
	background: #cc393e;
}

.row1 .row-l  .htmain .htmaintitle{height: 34px;}
.row1 .row-l  .htmain .htmaintitle a{font-size: 22px;color: #444;}
.row1 .row-l  .htmain .htmaintitle a:hover{color: #cc393e;}
.row1 .row-l  .htmain .htmaintext{line-height: 22px;color: #666666;height: 64px;overflow: hidden;font-size: 16px;color: #666;text-align: justify;}
.row1 .row-l   .htlist{position: absolute;top: 500px;left: 606px;width: 410px;line-height: 32px;}
.row1 .row-l   .htlist ul{height: 256px;overflow: hidden;}
.row1 .row-l   .htlist ul li{padding-left: 14px;background: url(../images/cm_calligraphy_2.jpg) no-repeat left center;}
.row1 .row-l   .htlist .line{left: -37px;top: -6px;height: 120px;width: 2px;background: #cc393e;position: absolute;}
.row1 .row-l   .htlist a{font-size: 16px;color: #444; height: 32px; display: block;overflow: hidden;}
.row1 .row-l   .htlist a:hover{color: #cc393e;}
.row1 .row-l   .htlist span{font-weight: bold;margin-right: 6px;color: #cc393e;}

.row1 .row-r .row-r-l{width: 672px;}
.row1 .row-r .pltitle{height: 60px;position: relative;}

.row1 .row-r .pltitle .more{position: absolute;right: 0;color: #cc393e;font-size: 16px;top: 4px;}

.row1 .row-r .pl-list {width: 680px;}
.row1 .row-r .pl-list li{margin-bottom: 16px;width: 220px;float: left;margin-right: 6px;}
.row1 .row-r .pl-list .thumb{width: 220px;height: 165px;position: relative;}
.row1 .row-r .pl-list .thumb .thumbimg{width: 220px;height: 165px;}

.row1 .row-r .pl-list .title {height:50px; overflow: hidden;overflow: hidden;padding-left: 14px;position: relative;}
.row1 .row-r .pl-list .title  .line{position: absolute;width: 3px;height: 14px;background: #cc393e;left: 0;top: 13px}
.row1 .row-r .pl-list .title a{font-weight: bold;
  font-size: 14px; overflow: hidden; display: block; padding-top: 10px;
  color: #444; line-height: 18px; max-height: 36px;}
.row1 .row-r .pl-list .title a:hover{color: #cc393e;}
.row1 .row-r .row-r-r{width: 400px;}

.row1 .row-r .row-r-r .sectioncanvas{width: 381px;height: 197px;background: url(../images/shootcanbg_19.jpg) no-repeat center; margin:0 0 0 19px ;position: relative;top: -4px;}

.row2{padding-top: 86px;height: 526px;}
.row2 .row-l{width: 812px;position:relative;height: 462px;}


.row2>.title{height: 60px;position: relative}
.row2 .row-l .title .more{position: absolute;right: 17px;top: 7px;color: #ef8100;font-size: 16px;}
.row2 .row-l .thumb{width: 520px;height: 390px;position: relative;}
.row2 .row-l .thumb .line{position: absolute;width: 57px;height: 6px;background: #cc393e;top: 20px;right: -57px;}

.row2 .row-l .thumb img{width: 520px;height: 390px;}
.row2 .row-l .thumb .title{height: 37px;line-height: 37px;text-align: center;position: absolute;left: 0;bottom: 0;width: 100%;background: url(../images/listbg.png);}
.row2 .row-l .thumb .title a{color: #fff;font-weight: bold;}
.row2 .row-r{width: 200px;margin-right: 14px;}
.jxmian {margin-bottom: 30px;}
.jxmian  .artilelist{width: 273px;}
.jxmian  .artilelist ul{padding-top:80px;height: 270px;overflow: hidden;}
.jxmian  .artilelist ul li{line-height: 30px; padding-left: 14px;background: url(../images/cm_calligraphy_2.jpg) no-repeat left 12px;}
.jxmian  .artilelist ul li a{color: #666666;font-size: 16px; display: block; overflow: hidden; }
.jxmian  .artilelist ul li a span{color: #cc393e;margin-right: 4px;font-weight: bold;}
.jxmian  .artilelist ul li a:hover{color: #cc393e;}

.jxbtns a{float: left;width: 216px;height: 38px;    overflow: hidden;
    display: block;
    padding: 0 10px; text-align: center;line-height: 38px;background: url(../images/cm_calligraphy_10.png) no-repeat ;color: #444;margin-right: 30px;}
.jxbtns a:hover{color: #cc393e;}
.row-r .jxk{width: 200px;height: 267px;position: relative;top: 106px;}
.row-r .jxk .bg{position: absolute;width: 200px;height: 383px;background: url(../images/cm_calligraphy_11.png) no-repeat center;left:  15px; top: -106px;z-index: -1;}
.row-r .jxk .thumb{width: 200px;height: 267px;}
.row-r .jxk .icon{position: absolute;left: 50%;margin-left: -28px;top: 59px;}
.row-r .jxk .title{position: absolute;width: 100%;left: 0;text-align: center;top: 130px;font-weight: bold;font-size: 22px;color: #fff;}


.row3{position: relative;margin-top: 58px;}
.row3 .row-l{position: relative;height: 432px;}
.row3 .row-l .title{height: 64px;position: relative;}
.row3 .row-l .title .more{position: absolute;right: 0;top: 0;color: #cc393e;}
.row3 .row-l ul{width: 1184px;}
.row3 .row-l  li{width: 214px;float: left;margin-right: 82px;}
.row3 .row-l  li .thumb{position: relative;width: 174px; height:174px ;border-radius: 100px;margin: 0 auto;position: relative;border: 3px solid #cc393e;overflow: hidden;}
.row3 .row-l  li .thumb .thumbimg{height:174px ;}
.row3 .row-l  li .name{display: block;width:126px ;height: 30px;margin: 0 auto;margin-top: -15px;background: url(../images/cm_calligraphy_12.png) no-repeat;text-align: center;line-height: 30px;position: relative; z-index: 1; font-size: 18px; color: #ffffff;font-weight: bold;}

.row3 .row-l  li .mes{padding:16px 0 0 0px ;}
.row3 .row-l  li .mes .mes-t{line-height: 20px;margin-bottom: 10px;height: 41px;overflow: hidden;text-align: center;}
.row3 .row-l  li .mes .mes-t a{color: #666;font-size: 16px;}
.row3 .row-l  li .mes .mes-t a:hover{color: #cc393e;}
.row3 .row-l  li .mes .mes-text{line-height: 20px;color: #666;height: 100px;overflow: hidden;text-align: center;}


.row3 .row-r{position: absolute;width: 380px;top: -120px;right: 0;}
.row3 .row-r .art{position: relative;width: 380px;height: 180px;}
.row3 .row-r .art img{width: 380px;height: 180px;}
.row3 .row-r .art .title{position: absolute;width: 100%;left: 0;right: 0;top: 76px;text-align: center;}
.row3 .row-r .art .title a{font-size: 20px;font-weight: bold;color: #fff;}
.row3 .row-r .art .line{position: absolute;width: 60px;height: 2px;left: 50%;margin-left: -30px;top: 124px;background: #fff;}
.row3 .row-r .sectioncanvas{padding:28px 0 0 70px ;}

.mainbottom{height: 730px;background: url(../images/cm_calligraphy_14.png) no-repeat center bottom;margin-top: 132px;}
.mainbottom .ymsj{position: relative;}
.mainbottom .ymsj .title{position: absolute;left: -20px;top: -82px;}
.mainbottom .ymsj li{position: absolute;}
.mainbottom .ymsj li img{width: 100%;height: 100%;position: absolute;}

.mainbottom .ymsj .item1{width: 212px;height: 162px;left: 223px;top: 0;}
.mainbottom .ymsj .item2{width: 212px;height: 300px;left: 445px;top: 0;}
.mainbottom .ymsj .item3{width: 212px;height: 210px;left: 667px; top: 0;}
.mainbottom .ymsj .item4{width: 212px;height: 140px;left: 889px; top: 0;}
.mainbottom .ymsj .item5{width: 212px;height: 230px;left: 0;top: 216px;}

.mainbottom .ymsj .item6{width: 212px;height: 250px;left: 223px;top: 172px;}
.mainbottom .ymsj .item7{width: 212px;height: 140px;left: 445px;top: 310px;}

.mainbottom .ymsj .item8{width: 212px;height: 150px;left: 667px;top: 220px;}
.mainbottom .ymsj .item9{width: 212px;height: 200px;left: 889px;top:151px;}
.mainbottom .ymsj .item10{width: 212px;height: 130px;left: 223px; top: 432px;}
.mainbottom .ymsj .item11{width: 212px;height: 140px;left: 445px; top: 460px;}
.mainbottom .ymsj .item12{width: 212px;height: 180px;left: 667px;top: 380px;}
.mainbottom .ymsj .item13{width: 212px;height: 200px;left: 889px;top: 360px;}

.mainbottom .ymsj a{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important; }
.mainbottom .ymsj p{ width: 100%;
    opacity: 0;
    display: none\9;
    text-align: center;
    line-height: 22px;
    max-height: 44px;
    background: url(../images/cm-wyzy4.png) repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #ffffff;
    padding: 5px 4%;
    width: 92%;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}
.mainbottom .ymsj a:hover p{ opacity: 1; display: block\9; }


.footer-top{margin-top: 0;}

.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:110px;
  width: 100%;
  z-index: 1;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 20px;
  height: 2px;
  border-radius: 10px;
  background: url(../images/shpagenation_05.png);
  margin: 0 7px;
  cursor: pointer;
}
.swiper-active-switch {
  background: url(../images/shpagenation_03.jpg);
	

}

.bggroup{position: relative;z-index: -10;}
.bggroup .bg4{position: absolute;left: 0;right: 0;bottom: 0;height: 820px;background: url(../images/sfbig4.jpg) no-repeat center;}
.bggroup .bg3{position: absolute;left: 0;right: 0;bottom: 820px;height: 820px;background: url(../images/sfbig3.jpg) no-repeat center;}
.bggroup .bg2{position: absolute;left: 0;right: 0;bottom: 1640px;height: 820px;background: url(../images/sfbig2.jpg) no-repeat center;}
.bggroup .bg1{position: absolute;left: 0;right: 0;bottom: 2440px;height: 820px;background: url(../images/sfbig1.jpg) no-repeat center;}

.row1 .tags a{color: #fff;visibility: hidden;}
.row1 .row-r .sectioncanvas .ieimg{
padding-top: 40px;
	margin: 0 auto;
	width: 210px;
	overflow: hidden;
	position: relative;
	height: 100px;
	display: none;
}
.row1 .row-r .sectioncanvas .ieimg .ieimgwrap{
	width: 420px;
	position: absolute;
}
.row1 .row-r .sectioncanvas .ieimg .ieimgwrap .ieimgitem{
	float: left;
	text-align: center;
	width: 70px;
}
.row1 .row-r .sectioncanvas .ieimg .ieimgwrap .ieimgitem a{
	display: block;
	line-height: 34px;
	color: #888;
}