/*�ص����*/

#indexPage #mservice { height:100px; } /*�ص����-�߶�*/
#indexPage #mservice .content { margin:0; height:100px; top: auto; padding-top:-60px; }

#servicelist {width: 1260px;margin: 0 auto}
#servicelist {overflow:hidden; padding-top:20px;}

#servicelist .serviceitem {width: 342px;height: 335px;float: left;margin-bottom: 50px;margin-right: 50px;}
#servicelist .serviceitem a {display: block;width: 100%;height: 100%; text-align:center;}
#servicelist .serviceitem a img { width:100px; height:60px; overflow:hidden; transition: all 0.3s ease-out 0s; position: relative; top:0; margin-bottom:10px; margin-top:10px;}

#servicelist .serviceitem div p { padding:0 30px; }
#servicelist .serviceitem div { position:relative; margin:0; transition: all 0.3s ease-out 0s; top:0px; padding-top:0; }

#servicelist .serviceitem div:after { position: absolute; content: ""; left: 10px; width:98px; height: 120%; border: 1px solid rgba(255, 255, 255, .0); margin-left: 0; top:1px; transition: all 0.3s ease-out 0s; }

#servicelist .serviceitem:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); margin-top: -8px; background: #fff; }
#servicelist .serviceitem:hover div { margin-top:0px; }
#servicelist .serviceitem:hover p.title { color:#444; }
#servicelist .serviceitem:hover div:after { border: 1px solid rgba(255, 255, 255, .4); width:98px; left:10px; height:125%; }
#sitecontent .serviceitem a.details { width:35px; height:35px; text-align:center; display:block; border-radius: 0; border: 1px solid transparent; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
margin:0 auto; overflow:hidden; position:relative; }
#sitecontent .serviceitem a.details:after { content:''; width: 15px; height: 9px; background: url(../images/icon.png) no-repeat -110px -11px; display: block; margin: 13px 0 0 11px; position:absolute; top:0px; left:0px; }
#servicelist .serviceitem:hover .details { margin-top:-15px; border-color: #b6b6b6; text-indent:130px; }
#servicelist .serviceitem .details:hover { border:1px solid transparent; text-align: inherit; }
#servicelist .serviceitem div p.title::after {content:'';position:absolute;width:50px;height:1px;background:rgba(255, 255, 255, .2);left: 50%;margin-left: -25px;
top:45px;transition: all 0.3s ease-out 0s;}

#indexPage #servicelist .serviceitem:hover {margin-top:-20px; height:190px; }
#indexPage #servicelist .serviceitem:hover div {padding-top:34px; }
#indexPage #servicelist .serviceitem:hover div p.title::after {top:100px;}



#indexPage #servicelist {overflow:hidden; position: relative; top: -90px; z-index: 2; width:1360px;}/*���*/

#sitecontent #indexPage #mservice .serviceitem a.details { width:35px; height:35px; text-align:center; display:block; border-radius: 0; border: 1px solid transparent; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
margin:0 auto; overflow:hidden; position:relative; top:-20px; display: none; }
#indexPage #servicelist .serviceitem div p.description { margin-top:15px; padding:0 40px; line-height:14px; color:#fff; }
#indexPage #servicelist .serviceitem div p.title { font-size:14px; color:#fff; }
#indexPage #servicelist .serviceitem { height:150px; min-height:150px; margin-bottom:0px; padding-bottom:0; background:#fff; margin-right:0; width:136px; transition: all 0.3s ease-out 0s; }

#indexPage #servicelist #serviceitem_v3 { background:#43b9f6; }

#indexPage #servicelist #serviceitem_0 { background:#43b9f6; }
#indexPage #servicelist #serviceitem_1 { background:#6686ff; }
#indexPage #servicelist #serviceitem_2 { background:#9878ff; }

.service_img{ display:inline;}
#indexPage #projectlist .projectitem {margin: 0}

/*�ص����*/



/*��ҳͨ��_v3*/
#imgPlay {overflow:hidden; width:1920px; height:600px; position:relative;}
#imgPlay .imgs {width:100%}
#imgPlay .imgs img {width:1920px;}
#imgPlay .imgs LI {FLOAT: left; position: relative;list-style:none;}

#imgPlay .prev,#imgPlay .next { width: 45px; height: 100px; position: absolute; top: 100px; cursor: pointer; opacity:0.3; filter:alpha(opacity=30);}
#imgPlay .prev:hover,#imgPlay .next:hover{ opacity:0.6; filter:alpha(opacity=60);}

#imgPlay .prev {BACKGROUND: url(/templets/default/images/imgPlayer_v3.png) no-repeat 0px 0px; LEFT:2px; WIDTH:25px; CURSOR: pointer; TEXT-INDENT: -9999px; position: absolute; TOP:200px; HEIGHT:56px}
#imgPlay .next {BACKGROUND: url(/templets/default/images/imgPlayer_v3.png) no-repeat 0px 0px; LEFT:2px; WIDTH:25px; CURSOR: pointer; TEXT-INDENT: -9999px; position: absolute; TOP:200px; HEIGHT:56px}
#imgPlay .next {BACKGROUND-position: right 0px; RIGHT:20px; LEFT: auto}

#imgPlay .num SPAN {DISPLAY: inline-block; margin:0 2px; overflow:hidden; width:14px; height:2px; CURSOR: pointer; LINE-HEIGHT: 0; background-color:#c3c3c3;}
#imgPlay .num SPAN.on {background-color:#0069dc; height:3px;}

#imgPlay #numInner {padding:0px; top:492px; text-align:center; position: absolute;}/*�������߶�����*/ 
/*��ҳͨ��_v3 end*/


/*jQuery����ͼ400-460*/
#flash {float:left; width:460px;}
#faded {width:400px; height:460px; overflow:hidden; z-index:9; position:relative}
#faded UL { padding:0px; margin:0px;}
#faded UL.pagination {Z-INDEX: 10; FLOAT: left; margin:440px 0 0 140px; LIST-STYLE-TYPE: none; POSITION: relative}
#faded UL.pagination LI {PADDING-RIGHT: 1px; FLOAT: left}
#faded UL.pagination LI A {PADDING: 0px; DISPLAY: block; BACKGROUND: #e5e5e5; OVERFLOW: hidden; WIDTH:30px; TEXT-INDENT: 100px; HEIGHT:4px; TEXT-DECORATION: none}
#faded UL.pagination LI.current A {BACKGROUND: #43b9f6}
#faded UL.pagination LI A:hover {BACKGROUND: #6686ff}
/*jQuery����ͼ end*/

/*jQuery����ͼ1000-169*/
#aier_ban2 {OVERFLOW: hidden; WIDTH:1360px; HEIGHT:235px; margin:10px auto; border:#ccc 1px solid; padding:2px;}
#aier_ban2 UL {padding:0px; margin:0px;}
#aier_ban2 UL.pagination {PADDING: 5px; Z-INDEX: 10; FLOAT: left; MARGIN:186px 0px 0px 580px; LIST-STYLE-TYPE: none; POSITION: relative}
#aier_ban2 UL.pagination LI {PADDING-RIGHT: 1px; FLOAT: left}
#aier_ban2 UL.pagination LI A {PADDING: 0px; DISPLAY: block; BACKGROUND: #e5e5e5; OVERFLOW: hidden; WIDTH:40px; TEXT-INDENT: 100px; HEIGHT:2px; TEXT-DECORATION: none}
#aier_ban2 UL.pagination LI A:hover {BACKGROUND: #4aa931}
#aier_ban2 UL.pagination LI.current A {BACKGROUND: #4aa931}
#aier_ban2 ul li a img{width: 100%;height:100%}
/*jQuery����ͼ end*/













/*��ҳͼƬ����_v3*/
#indexPage #mproject .content .wrapper{width:1360px;margin:0 auto;}

#indexPage #mproject{background-attachment:fixed;background-color:#fff;height:auto;padding:10px 0}

#projectlist .projectitem {height: auto;margin-right: 1%;margin-bottom: 1%;float: left;position: relative; width:430px;}

#indexPage #projectlist .projectitem img{width:400px;z-index:1;position:relative;height:460px}
#projectlist .projectitem div.project_img{width:400px;height:460px;overflow:hidden}

#projectlist .projectitem_c {height: auto;margin-right: 1%;margin-bottom: 1%;float: left;position: relative; width:520px;}
#projectlist .projectitem_r {height: auto;margin-right: 1%;margin-bottom: 1%;float: left;position: relative; width:380px;}

.projectitem_r_01 {background:url(../images/index_1_r_01.png) no-repeat; width:377px; height:118px;}
.projectitem_r_02 {background:url(../images/index_1_r_02.png) no-repeat; width:388px; height:176px;}
.projectitem_r_03 {background:url(../images/index_1_r_03.png) no-repeat; width:392px; height:181px;}

.projectitem_r_03 ul{ padding:5px 0 0 32px; clear:both}
.projectitem_r_03 ul:nth-of-type(2){padding-top:12px}
.projectitem_r_03 ul:nth-of-type(3){padding-top:14px}
.projectitem_r_03 ul:nth-of-type(4){padding-top:14px}
.projectitem_r_03 .t1 { font-size:16px; color:#6686ff}
.projectitem_r_03 .t2 { font-size:14px; color:#949494; line-height:12px;}
.projectitem_r_03 .t2 span { color:#52b8b2; margin:0 3px;}

#indexPage #projectlist #projectitem_0 .project_img::after{background-color:#cccccc87;display:block;top:25px;position:absolute;width:160px;height:160px;content:"";left:-25px;top:325px}




#project_img { width:100px; height:100px; background-color:#000}
/*��ҳͼƬ����_v3 end*/


/*��������*/

#news_1_v3 {float:left;}
.news_t {background:url(/templets/default/images/news_t_bg.jpg) no-repeat; width:370px; height:51px;margin-top:-5px}
#news_1_v3 .news_t span.right { padding-top:20px; float:right;}
#news_1_v3 .news_t span.right a{COLOR: #4aa931; TEXT-DECORATION: none;}
#news_1_v3 .news_t span.right a:hover{COLOR: #333; TEXT-DECORATION: underline;}

.news_n {height:150px; width:460px; border:#d9d9d9 1px solid; margin-left:10px;}
.news_n ul{text-align:center; width:460px; padding-top:20px;}
.news_n li{text-align:left; font-size:12px; padding:12px 14px 0 20px; line-height:24px; text-indent:2em; color:#999; width:430px; list-style-type:none;}
.news_n li a{ text-decoration:none; color:#6686ff}
.news_n li a:hover{ text-decoration: underline; color:#F00}

.news_txt{ margin:11px 0 6px 4px; padding-left:10px;}
.news_txt LI{padding-left:22px; list-style-type:none; background-image:url(/templets/default/images/news_v3_icon.gif);background-repeat:no-repeat;background-position:6px 17px; font-size:14px; line-height:37px; width:430px; border-bottom:#d9d9d9 1px dashed;padding-top:3px;}
.news_txt LI a{ color:#333; text-decoration:none;}
.news_txt LI a:hover{color:#007aff;}
.news_txt LI span { float:right; color:#e1e1e1; padding-right:6px; opacity:0.3;}
.news_txt LI span en1 { color:#0055a4;}
.news_txt LI span en2 { color:#72bb38}
.news_txt LI span en3 { color:#0055a4}
/*�������� end*/