/**首页**/


/**sitetit**/
.sitetit{ height:102px; font-size:26px ; color:#515C65; text-align: center;line-height: 102px;}
/***prolist***/
.prolist{overflow: hidden;}
.pbleft{width: 846px;overflow: hidden;}
.accorbox{position: relative;width: 850px;}
.accorbox li{ width:405px; height: 144px; float: left;margin:0 20px 20px 0;box-shadow: 0 6px 12px #727677;overflow: hidden;    transition-duration: 1s;transition-property:all;position: relative;}

.pbleft li a{color:#FFF; text-decoration: none; display:block;padding:16px 40px 30px 58px;width:306px; height: 97px;}
.pbleft li h3{font-size: 24px;line-height: 34px;}
.pbleft li p{font-size: 14px; line-height: 32px;}
.accorbox li.c1{background-color: #63AD11;}
.accorbox li.c2{background-color: #22A5DC;}
.accorbox li.c3{background-color: #009898;}
.accorbox li.c4{background-color: #CE4239; box-shadow: none;}
.accorbox li.c5{background-color: #CE4239;}
.accorbox li.c6{background-color: #9830F4;}
.accorbox li i{display: block; width:60px; height: 60px; position: absolute; background: url(/08cms../images/mainbg.png) no-repeat -129px 0; top:0; left:-2px;}
.accorbox li.c4 i{display: none;}
.accorbox li:hover{ background-color: #000; }


.mentinfo{width:350px; float: right;}

.infotit{ height: 60px;line-height: 60px; background: #FE934E; color:#FFF; font-size: 22px;}
.infotit a,.pl24{ display: block; padding-left:30px;}

.newslist li{ background-position:-104px -122px; height: 40px; line-height: 40px; padding:0 22px 0 32px;font-size: 14px; overflow:hidden;}
.newslist li a{color:#323232; text-decoration: none;}
.newslist li a:hover{color:#f30;}
.newslist li span{float: right; font-size: 12px; color:#B4B4B4;}
.newslist li i{float: right; font-size: 14px; color:#656565;}
.ggimg{margin-top: 2px;}
/****demo****/
.demolist{margin-top: 60px;}
.case{margin-top: 60px;}
.busbox{ margin-top: 60px; overflow: hidden;}



.demleft{width:240px;}
.demad{width: 240px;margin-right: 2px;}
.dlist{width: 958px; overflow: hidden;}
.dlist ul{width: 966px; overflow: hidden;}
.dlist li{float: left; width: 476px; height: 166px;margin: 0 4px 4px 0; color:#FFF; position: relative;-webkit-transition:all .5s ease-in;
	-moz-transition:all .5s ease-in;
	transition:all .5s ease-in;}

.dlist li.dc1{background: #393;}
.dlist li.dc2{background: #FEB132;}
.dlist li.dc3{background: #FD9A88;}
.dlist li.dc4{background: #76CCFE;}
.dlist li.dc5{background: #1AD1AF;}
.dlist li.dc6{background: #CC67FD;}
.dlist li .shade{width:476px;background:url(/08cms../images/bantouming.png) no-repeat left top; height: 166px; position: absolute;-webkit-transition:all .5s ease-in;
	-moz-transition:all .5s ease-in;
	transition:all .5s ease-in;}

.dlist li .shade:hover{ opacity: 0; -webkit-transition:all .4s linear;
	-moz-transition:all .4s linear;
	transition:all .4s linear;}
.dlist li:hover{ background: #242D3C;}

.dcinfo{ padding:29px 0 0 53px; overflow: hidden; }
.cwh{color:#FFF; text-decoration:none;}
.xctit h4{font-size: 30px;font-weight: normal; height: 44px; line-height: 44px; overflow: hidden;}
.xctit p{ line-height: 30px;font-size: 16px;}
.tupic{ padding-top:13px; margin-right: 20px;}
.xctit{width: 304px;}
/**case**/
.ctitbox p{ height: 60px; line-height: 60px; font-size: 16px; }
.ctitbox .ctit{margin-right: 2px;}

.ctit{width: 216px;height: 60px;line-height: 60px; color:#FFF; font-size: 22px;}
.greentit{background: #30AC36;}
.greentit a{ display: block; padding-left:24px;}
.caseleft{width:846px;overflow: hidden;}
.scase{margin-top: 25px; width:853px; position: relative;}
.scase li{float: left;width: 204px; height: 160px; border: 1px solid #DCDCDC; margin:0 7px 10px 0; -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;}
.scase li img{-webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;}
.scase li:hover{ box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);  }
.scase li:hover img{    transform: scale(1.2);}

.caseimg{width:144px; height: 67px; margin: 9px auto 0}
.websites{padding:0 15px; margin-top: 13px;}
.webtit{font-size: 16px;font-weight: 700;line-height: 27px; height:27px; overflow:hidden;}
.wbcon{font-size: 14px;}
.websites{}

.websites i{display: inline-block; width:40px; height: 25px;line-height: 25px; margin-right: 4px; text-align: center; color:#FFF;font-weight: normal;}
.websites i.col1 { background: #30AC36;}
.websites i.col2 { background: #FF6507;}
.websites i.col3 { background: #31A7FD;}
.websites i.col4 { background: #323232;}
.scase ul{width:853px;}
.scase span{position: absolute;display: block;width:45px; height: 80px; top:127px;cursor: pointer;z-index: 99}
.scase span.prev{background-position: -37px 0;left:0;}
.scase span.next{background-position: -82px 0;right:9px;}

/**qushu**/
.w600{width: 600px;}
.btit{background: #31A7FD;}
.w504{width:504px;}
.qushi{margin-right: 96px;}

.infotit a,.btit a,.greentit a{ text-decoration: none; color:#FFF;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s}
.btit a{ display: block;width:192px; height: 60px; padding-left:24px;}
.infotit a:hover,.btit a:hover,.greentit a:hover{font-size: 23px;}
/**flink**/
.flink{margin-top: 30px;background: #EEE;width: 100%;min-width: 1200px;font-size: 14px; min-height: 45px; line-height: 45px;overflow: hidden;}
.flink a,.flink span{float: left;}
.flink a{margin-right: 15px;color:#666666;text-decoration: none;white-space: nowrap;}

.anavs{ width:560px; padding-top:10px}
.anavs a{float: left; width:183px; height:50px; line-height:50px; text-align:center; background:#F7F7F7; font-size: 20px; text-decoration:none; margin-right:2px; color:#53595F}
.anavs a:hover{background: #FE934E; color:#FFF;}