@charset "utf-8";
* {margin:0; padding:0; list-style:none; }
html{_background:url(about:blank);background-attachment:fixed;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,
button,input,textarea,th,td{margin:0;padding:0;}
body{ background:#fff; color:#555; font-size:12px; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:25px;}
ul,li{list-style:none;}
input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#555; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}
button{cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}

a{color:#555; text-decoration:none;-webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;-o-transition:color 0.2s ease-out;transition:color 0.2s ease-out;}
a:hover{color:#d22020; text-decoration:none;}
img{border:none;}
#clear{width:100%; height:0px; clear:both;}
h2{ font-size:24px; font-weight:blod; line-height:30px;}
h4{ font-size:14px; font-weight:blod; line-height:30px;}
p{line-height:25px;}


.se1{color:#f15a2e;}.se2{color:#006db1}
.left{float:left;}.right{float:right;}
.line35{line-height:35px;}.line40{line-height:40px;}.line50{line-height:50px;}.line60{line-height:60px;}.line70{line-height:70px;}
.s12{font-size:12px;}.s14{font-size:14px;}.s16{font-size:16px;}.s18{font-size:18px;}.s20{font-size:20px;}.s22{font-size:22px;}.s24{font-size:24px;}.s26{font-size:26px;}.s28{font-size:28px;}.s30{font-size:30px;}.s32{font-size:32px;}.s34{font-size:34px;}.s36{font-size:36px;}.s38{font-size:38px;}.s40{font-size:40px;}






::selection {background:#222; color:#fff;}
::-moz-selection {background:#222; color:#fff;}
::-webkit-selection {background:#222; color:#fff;}




@media only screen and (min-width:1600px) {
#topw{width:100%; height:115px; position:absolute; top:0; left:0; z-index:999; background:#fff;}
#top{width:100%; height:115px; position:relative;}
#topl{width:380px; height:115px; float:left; margin-left:10px;}
#topc{width:762px; height:115px; position:absolute; top:0; right:230px;}
#topc ul li{float:left;}
#topc ul a{display:block; padding:0px 20px 0px 20px; height:115px; line-height:115px; font-size:16px; text-align:center;}
#topr{width:160px; height:40px; float:right; margin-top:35px; background:url(../images/aa03_06.jpg) left center no-repeat; padding-left:40px; line-height:40px; font-size:20px; color:#ee0000; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
}

.yapiskan{width:100%; height:115px; background:#fff;transition:top .5s; z-index:999; position:absolute; top:0; left:0; z-index:999; }
.yya{position:fixed;left:0;top:0; z-index:999}
.gizle{top:-115px; -moz-box-shadow:0px 0px 0px #ddd; -webkit-box-shadow:0px 0px 0px #ddd; box-shadow:0px 0px 0px #ddd;}

.sabit{top:0; z-index:9999; -moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;}
.toper{height:115px;width: 100%;background-color: #fff;}

#topt{width:100%; height:115px;}


@media only screen and (max-width: 1599px) {
#topw{width:100%; height:115px; position:absolute; top:0; left:0; z-index:999; background:#fff;}
#top{width:100%; height:115px; position:relative;}
#topl{width:380px; height:115px; float:left; margin-left:10px;}
#topc{width:670px; height:115px; position:absolute; top:0; right:220px;}
#topc ul li{float:left;}
#topc ul a{display:block; padding:0px 12px 0px 12px; height:115px; line-height:115px; font-size:16px; text-align:center;}
#topr{width:160px; height:40px; float:right; margin-top:35px; background:url(../images/aa03_06.jpg) left center no-repeat; padding-left:40px; line-height:40px; font-size:20px; color:#ee0000; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
}








#mean_wp{width:100%; height:50px; padding-top:0px;}


/*menu*/
#menu { display:block; width:100%; height:50px; background:url(../images/k3.png) center center;}
#nav {display:block; width:100%; margin:0px auto; padding-top:20px;}
#nav li.mainlevel{}
#nav .mainlevel {float:left; text-align:center; display:block;}
#nav .mainlevel a{text-decoration:none; width:115px; text-align:center; color:#666; line-height:50px; height:50px; padding:0px; display:block; font-size:16px; border-radius:4px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#nav .mainlevel a:hover {color:#4577ad; background:#fff; text-decoration:none; }
#nav .mainlevel ul {position:absolute; display:none; margin-left:-40px; background:#4577ad url(../images/k2.jpg) top center no-repeat; padding:25px 25px 35px 25px; z-index:9999; border-radius:0px 0px 0px 0px; }
#nav .mainlevel li {}
#nav .mainlevel li a {padding:0px; width:145px; text-align:center; color:#fff; border-bottom:#5989bd 1px dotted; font-size:14px; line-height:40px; height:40px; display:block; _padding-bottom:2px;/*IE6 only*/-webkit-transition:all 0s ease-out;-moz-transition:all 0s ease-out;-o-transition:all 0s ease-out;transition:all 0s ease-out;}
#nav .mainlevel li a:hover {color:#fff; font-weight:bold; text-decoration:none; background:none;}











/*幻灯代码*/
#banner{width:100%; height:500px; margin:0 auto; }
.fullSlide {width:100%;position:relative;height:500px;background:#fff;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:500px;overflow:hidden;text-align:center; background-position:center; background-repeat:no-repeat;}
.fullSlide .bd li a {display:block;height:500px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:40px;line-height:40px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:1px; margin-left:2px; margin-right:2px;overflow:hidden; background-image:url(../images/ber1.png);line-height:999px;}
.fullSlide .hd ul .on { background-image:url(../images/ber2.png);}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:15%;background-position:-6px -137px;}





#bt1{width:100%; height:75px; line-height:75px; font-size:42px; color:#333; text-align:center}
#bt2{width:100%; height:48px; line-height:48px; font-size:16px; color:#aaa; text-align:center}



#line50{width:100%; height:50px;}#line40{width:100%; height:40px;}#line30{width:100%; height:30px;}#line20{width:100%; height:20px;}#line10{width:100%; height:10px;}








#cont1{width:100%; height:400px; margin:0 auto;}
#cont1 ul li{display:block; width:25%; height:400px; float:left;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#cont1 ul .lb1{background:#f8f8f8;}
#cont1 ul .lb2{background:#eee;}


#cont1 ul .lb1:hover{background:#d03c3c;}
#cont1 ul .lb2:hover{background:#d03c3c;}

#cont1 ul li:hover .c1b{background-position:bottom center;}

#cont1 ul li:hover{color:#fff;}
#cont1 ul li:hover a{color:#fff;}
#cont1 ul li:hover .c1a{color:#fff;}



.c1a{width:100%; height:60px; padding-top:48px; text-align:center; line-height:60px; font-size:28px; color:#333;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.c1a a{ display:block; width:100%; height:60px;}
.c1b{width:100%; height:100px; margin-top:20px; background-position:top center; background-repeat:no-repeat;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.c1b a{display:block; width:100%; height:100px;}


@media only screen and (min-width:1600px) {
.c1c{width:70%; height:120px; margin:0 auto; margin-top:20px;}
.c1c a{display:block; width:50%; height:40px; line-height:40px; float:left; background:url(../images/jt.png) left center no-repeat; text-indent:30px; font-size:16px;}
}

@media only screen and (max-width:1599px) {
.c1c{width:85%; height:120px; margin:0 auto; margin-top:20px;}
.c1c a{display:block; width:50%; height:40px; line-height:40px; float:left; background:url(../images/jt.png) left center no-repeat; text-indent:24px; font-size:14px;}
}









@media only screen and (min-width:1720px) {
#cont2{width:100%; min-height:1120px; margin:0 auto; padding-bottom:0px; background:url(../images/c2b1.jpg) center center; background-size:cover;}

#cont2c{width:1682px; height:755px; padding-left:2px; margin:0 auto; overflow:hidden;}
#cont2c ul li{display:block; width:400px; height:360px; background:#fff; float:left; margin:10px;}

#cont2c ul li:hover .lia{background-size:115% auto;}
#cont2c ul .lia{width:100%; height:260px; background-size:100% auto; background-position:center center; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#cont2c ul .lia a{ display:block; width:100%; height:260px;}
#cont2c ul .lib{width:88%; height:32px; margin:0 auto; padding-top:20px; line-height:32px; font-size:18px; }
#cont2c ul .lic{width:88%; height:25px; margin:0 auto; color:#aaa; font-size:14px;}
#cont2c ul .licl{float: left;}
#cont2c ul .licr{float:right; background:url(../images/aa03_19.jpg) left center no-repeat; padding-left:25px;}
#cont2c ul .licr a{color:#aaa;}
}


@media only screen and (max-width:1719px) {
#cont2{width:100%; min-height:1110px; margin:0 auto; padding-bottom:0px; background:url(../images/c2b1.jpg) center center; background-size:cover;}
	
#cont2c{width:1201px; height:725px; padding-left:1px; margin:0 auto; overflow:hidden;}
#cont2c ul li{display:block; width:380px; height:340px; background:#fff; float:left; margin:10px;}

#cont2c ul li:hover .lia{background-size:115% auto;}
#cont2c ul .lia{width:100%; height:240px; background-size:100% auto; background-position:center center; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#cont2c ul .lia a{ display:block; width:100%; height:240px;}
#cont2c ul .lib{width:88%; height:32px; margin:0 auto; padding-top:20px; line-height:32px; font-size:18px;}
#cont2c ul .lic{width:88%; height:25px; margin:0 auto; color:#aaa; font-size:14px;}
#cont2c ul .licl{float:left;}
#cont2c ul .licr{float:right; background:url(../images/aa03_19.jpg) left center no-repeat; padding-left:25px;}
#cont2c ul .licr a{color:#aaa;}
}



#c2mr{width:1000px; height:48px; margin:0 auto; margin-top:40px;}
#c2mr a{display:block; width:270px; height:48px; margin:0 auto; line-height:48px; text-align:center; font-size:16px; color:#fff; background:url(../images/hn1.png); -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#c2mr a:hover{background:url(../images/hn2.png); color:#ee0000}







@media only screen and (min-width:1720px) {
#cont3{width:1608px; height:364px; margin:0 auto; overflow:hidden; border-top:#eee 1px solid; border-left:#eee 1px solid; overflow:hidden;}
#cont3 ul li{float:left; display:block; width:200px; height:120px; border-bottom:#eee 1px solid; border-right:#eee 1px solid; background-position:top center;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
}




@media only screen and (max-width:1719px) {
#cont3{width:1206px; height:364px; margin:0 auto; overflow:hidden; border-top:#eee 1px solid; border-left:#eee 1px solid; overflow:hidden;}
#cont3 ul li{float:left; display:block; width:200px; height:120px; border-bottom:#eee 1px solid; border-right:#eee 1px solid; background-position:top center;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
}



#cont3 ul li:hover{background-position:bottom center;}
#cont3 ul a{display:block; width:200px; height:120px;}






#cont4{width:100%; min-height:50px; background:#f6f6f6; padding-bottom:60px;}








@media only screen and (min-width:1720px) {
#cont4c{width:1600px; height:537px; margin:0 auto; overflow:hidden; position:relative; overflow:hidden;}

#c4l{width:525px; height:530px; float:left; background:#fff;}
#c4l a{display:block; width:525px; height:530px; position:relative;}
#c4l .ax1{width:335px; min-height:30px; background:url(../images/h02.png) right center no-repeat; color:#fff; padding:20px 160px 20px 30px; font-size:16px; line-height:28px; position:absolute; bottom:0; left:0;}

#c4c{width:525px; height:530px; position:absolute; left:537px; background:#fff; overflow:hidden;}
#c4r{width:525px; height:530px; float:right; background:#fff;}

}





@media only screen and (max-width:1719px) {
#cont4c{width:1200px; height:537px; margin:0 auto; overflow:hidden; position:relative; overflow:hidden;}

#c4l{width:392px; height:530px; float:left; background:#fff;}
#c4l a{display:block; width:392px; height:530px; position:relative;}
#c4l .ax1{width:242px; min-height:30px; background:url(../images/h02.png) right center no-repeat; color:#fff; padding:20px 120px 20px 30px; font-size:16px; line-height:28px; position:absolute; bottom:0; left:0;}

#c4c{width:392px; height:530px; position:absolute; left:404px; background:#fff;}
#c4r{width:392px; height:530px; float:right; background:#fff;}
}




#c4c .lp1{width:100%; height:260px; margin:0 auto;}
#c4c .lp1 a{ display:block; width:100%; height:260px;}

#c4c .lp2{width:100%; height:10px; background:#f6f6f6;}

#c4c .pp1{width:80%; height:40px; margin:0 auto; line-height:40px; font-size:18px; overflow:hidden; padding-top:35px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} 
#c4c .pp2{width:80%; height:50px; margin:0 auto; line-height:25px; font-size:14px; color:#aaa; overflow:hidden; padding-top:10px;}
#c4c .pp3{width:80%; height:90px; margin:0 auto; margin-top:20px; border-top:#eee 1px solid; background:url(../images/k5.png) top right no-repeat;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#c4c .tm{width:60px; height:60px; float:left; font-size:14px; line-height:20px; color:#888; margin-top:15px;}
#c4c .tm h4{font-size:36px; line-height:40px; color:#888;}

#c4c .lp1:hover .pp3{background:url(../images/k5.png) bottom right no-repeat;}




#c4r .rp1{width:80%; height:100px; margin:0 auto; padding:35px 0px 35px 0px;}
#c4r .rp1 a{ display:block; width:100%; height:100px;}

#c4r .rp2{width:100%; height:10px; background:#f6f6f6;}

#c4r .rp1_l{width:100px; height:100px; border-right:#f2f2f2 1px solid; float:left; font-size:14px; line-height:20px; color:#888; padding-top:15px;}
#c4r .rp1_l h4{font-size:36px; line-height:40px; color:#888;}


@media only screen and (min-width:1720px) {
#c4r .rp1_r{width:290px; height:100px; font-size:18px; line-height:30px; float:right; background:url(../images/k51.png) left bottom no-repeat;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#c4r .rp1_r:hover{ background:url(../images/k512.png) left bottom no-repeat;}
}




@media only screen and (max-width:1719px) {
#c4r .rp1_r{width:180px; height:100px; font-size:16px; line-height:30px; float:right; background:url(../images/k51.png) left bottom no-repeat;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#c4r .rp1_r:hover{ background:url(../images/k512.png) left bottom no-repeat;}
}











#c4mr{width:1000px; height:48px; margin:0 auto; margin-top:40px;}
#c4mr a{display:block; width:270px; height:48px; margin:0 auto; line-height:48px; text-align:center; font-size:16px; color:#fff; background:#cd1717; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#c4mr a:hover{background:#e93b3b; color:#fff}






@media only screen and (min-width:1720px) {
#footer{width:100%; min-height:50px; background:#262626; padding-top:40px; font-size:14px; color:#aaa;  line-height:30px;}
#footerc{width:1600px; height:280px; margin:0 auto;}
#footerc li{width:15%; height:280px; float:left; line-height:30px;}
#footerc li p{line-height:30px;}
#footerc .liw{width:24% !important;}

#footerc .liw1{width:30% !important;}

#footerc li h2{font-size:18px; line-height:50px; color:#fff;}
#footerc li a{font-size:14px; color:#aaa; line-height:30px;}
#footerc li a:hover{text-decoration:underline;} 


#fot{width:100%; min-height:25px; margin:0 auto; padding:25px 0px 25px 0px; background:#1c1c1c; border-bottom:#2c2c2c 1px solid;}
#fotc{ width:1570px; margin:0 auto; line-height:25px; font-size:14px; padding-left:30px; background:url(../images/03_33-34.jpg) left center no-repeat; color:#aaa;}
#fotc a{margin:0px 10px 0px 10px; color:#aaa;display: inline-block;}
#fotc a:hover{text-decoration:underline;}


#fott{width:100%; min-height:25px; margin:0 auto; padding:25px 0px 25px 0px; background:#1c1c1c; text-align:center; font-size:12px; color:#aaa;}
#fottc{width:1600px; margin:0 auto; text-align:center;}
}







@media only screen and (max-width:1719px) {
#footer{width:100%; min-height:50px; background:#262626; padding-top:40px;font-size:14px; color:#aaa;  line-height:30px;}
#footerc{width:1200px; height:280px; margin:0 auto;}
#footerc li{width:15%; height:280px; float:left; line-height:30px;}
#footerc li p{line-height:30px;}
#footerc .liw{width:24% !important;}

#footerc .liw1{width:30% !important;}

#footerc li h2{font-size:18px; line-height:50px; color:#fff;}
#footerc li a{font-size:14px; color:#aaa; line-height:30px;}
#footerc li a:hover{text-decoration:underline;} 


#fot{width:100%; min-height:25px; margin:0 auto; padding:25px 0px 25px 0px; background:#1c1c1c; border-bottom:#2c2c2c 1px solid;}
#fotc{ width:1170px; margin:0 auto; line-height:25px; font-size:14px; padding-left:30px; background:url(../images/03_33-34.jpg) left center no-repeat; color:#aaa;}
#fotc a{margin:0px 10px 0px 10px; color:#aaa;display: inline-block;}
#fotc a:hover{text-decoration:underline;}


#fott{width:100%; min-height:25px; margin:0 auto; padding:25px 0px 25px 0px; background:#1c1c1c; text-align:center; font-size:12px; color:#aaa;}
#fottc{width:1200px; margin:0 auto; text-align:center;}
}















#bannera1{width:100%; height:900px; background:#222;}


#bannera{width:100%; height:600px; background:#222;}

.bana1{width:100%; height:60px; line-height:60px; font-size:55px; font-weight:bold; color:#fff; text-align:center; padding-top:200px;}
.bana2{width:100%; height:40px; line-height:40px; font-size:20px; color:#f0f0f0; text-align:center; padding-top:40px;}

  





#m_ab{width:1140px; min-height:200px; margin:0 auto; background:#fff; margin-top:-100px; z-index:88; padding:80px 30px 70px 30px; text-align:center; font-size:14px; line-height:35px; position:relative;}

.m_ab4{width:42px; height:48px; background:url(../images/v_03.png) center center; position:absolute; bottom:-24px; left:50%; margin-left:-21px;}


.m_ab1{width:70%; min-height:50px; margin:0 auto; line-height:45px; font-size:28px; text-align:center;}

.m_ab11{width:100%; height:40px; margin:0 auto; line-height:40px; font-size:14px; color:#f0f0f0; text-align:center;}

.m_ab2{width:40px; height:3px; margin:0 auto; background:#ed1f23; margin-top:30px; margin-bottom:20px;}
.m_ab3{width:80%; min-height:70px; margin:0 auto; line-height:32px; text-align:center; padding:20px 0px 0px 0px;}


#m_ab2{width:100%; height:740px; background:#404042 url(../images/about-idea-t.jpg) top center no-repeat; margin-top:60px;}


#m_ab2a{width:1200px; height:50px; margin:0 auto; line-height:50px; padding-top:80px; font-size:34px; color:#fff; text-align:center}

#m_ab2b{width:1200px; height:40px; margin:0 auto; line-height:40px; font-size:14px; color:#f0f0f0; text-align:center;}

#m_ab2c{width:40px; height:3px; margin:0 auto; background:#ed1f23; margin-top:30px; margin-bottom:20px;}

#m_ab2d{width:90%; height:400px; margin:0 auto; margin-top:60px;}

#m_ab2d li{width:33.33%; height:400px; float:left; text-align:center;}

#m_ab2d li:hover .ali1{background-size:120% auto;}


#m_ab2d .ali1{width:90%; height:250px; margin:0 auto; background-position:center center; background-repeat:no-repeat; background-size:100% auto; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}

#m_ab2d .ali2{width:90%; height:60px; margin:0 auto; line-height:60px; font-size:24px; color:#fff;}

#m_ab2d .ali3{width:90%; height:50px; margin:0 auto; line-height:25px; font-size:14px; color:#aaa;}



#m_ab3{width:100%; min-height:50px; background:#fff; padding:20px 0px 50px 0px;}

#m_ab3c{width:1201px; min-height:50px; padding-left:1px; margin:0 auto; margin-top:30px;}
#m_ab3c ul li{display:block; width:260px; height:260px; float:left; padding:20px; text-align:center;}

#m_ab3c ul .a1li1{width:100%; height:106px;}
#m_ab3c ul .a1li2{width:100%; height:50px; line-height:50px; color:#d03c3c; text-align:center; font-size:18px;}
#m_ab3c ul .a1li3{width:100%; height:75px; min-height:25px; font-size:14px; color:#888;}




#m_ab4{width:100%; min-height:50px; background:#fafafa; border-top:#eee 0px solid; padding:0px 0px 0px 0px;}





@media only screen and (min-width:1720px) {

/*========客户案例========*/
.case_box {overflow:hidden; background:#000;}
.case_box li {width:25%;position: relative;float: left;}
.case_box li div{ height:100%;opacity: 0.7;}
.case_box li img{width: 100%;margin: 0px; display:block;}

.case_box li div{position: absolute;width: 100%;opacity: 0.6;
	box-shadow: 0 0 0 500px #000 inset;
	transition: all 0.4s ease-in-out;
	-webkit-box-shadow: 0 0 0 500px #000 inset;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-box-shadow: 0 0 0 500px #000 inset;
	-moz-transition: all 0.4s ease-in-out;
	-o-box-shadow: 0 0 0 500px #000 inset;
	-o-transition: all 0.4s ease-in-out;
	-ms-box-shadow: 0 0 0 500px #000 inset;
	-ms-transition: all 0.4s ease-in-out;
}
.case_box li div:hover {
	box-shadow: 0 0 0 0 #000 inset;
	-webkit-box-shadow: 0 0 0 0 #000 inset;
	-moz-box-shadow: 0 0 0 0 #000 inset;
	-o-box-shadow: 0 0 0 0 #000 inset;
	-ms-box-shadow: 0 0 0 0 #000 inset;
	opacity: 0;
	cursor: pointer;
}
}










@media only screen and (max-width:1719px) {

/*========客户案例========*/
.case_box {overflow:hidden; background:#000;}
.case_box li {width:25%;position: relative;float: left;}
.case_box li div{ height:100%;opacity: 0.7;}
.case_box li img{width: 100%;margin: 0px; display:block;}

.case_box li div{position: absolute;width: 100%;opacity: 0.6;
	box-shadow: 0 0 0 500px #000 inset;
	transition: all 0.4s ease-in-out;
	-webkit-box-shadow: 0 0 0 500px #000 inset;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-box-shadow: 0 0 0 500px #000 inset;
	-moz-transition: all 0.4s ease-in-out;
	-o-box-shadow: 0 0 0 500px #000 inset;
	-o-transition: all 0.4s ease-in-out;
	-ms-box-shadow: 0 0 0 500px #000 inset;
	-ms-transition: all 0.4s ease-in-out;
}
.case_box li div:hover {
	box-shadow: 0 0 0 0 #000 inset;
	-webkit-box-shadow: 0 0 0 0 #000 inset;
	-moz-box-shadow: 0 0 0 0 #000 inset;
	-o-box-shadow: 0 0 0 0 #000 inset;
	-ms-box-shadow: 0 0 0 0 #000 inset;
	opacity: 0;
	cursor: pointer;
}
}




#m_cs{width:1124px; min-height:200px; margin:0 auto; background:#fff; margin-top:-100px; z-index:88; padding:20px 30px 40px 30px; text-align:center; font-size:14px; line-height:35px; position:relative;}
.m_cs1{width:100%; height:30px; line-height:30px; text-align:center;font-size: 16px;}

.m_cs1 a{display:inline; padding:5px 20px 5px 20px; border:#eee 1px solid; margin:0px 5px 0px 5px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.m_cs1 a:hover{ background:#e50015; border:#e50015 1px solid; color:#fff;}




.m_cs1a{width:100%; height:30px; line-height:30px; text-align:left; font-size: 16px; padding-bottom:40px;}

.m_cs1a a{display:inline; padding:5px 20px 5px 20px; border:#fff 1px solid; background:#fff; margin:0px 10px 0px 0px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.m_cs1a a:hover{ background:#e50015; border:#e50015 1px solid; color:#fff;}


@media only screen and (min-width:1720px) {

#pcont2c{width:1682px; min-height:55px; padding-left:2px; margin:0 auto; overflow:hidden; padding:20px 0px 30px 0px;}
#pcont2c ul li{display:block; width:400px; height:360px; background:#fff; float:left; margin:10px;}

#pcont2c ul li:hover .lia{background-size:115% auto;}
#pcont2c ul .lia{width:100%; height:260px; background-size:100% auto; background-position:center center; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#pcont2c ul .lia a{ display:block; width:100%; height:260px; color:#222;}
#pcont2c ul .lib{width:88%; height:32px; margin:0 auto; padding-top:20px; line-height:32px; font-size:18px; color:#222; font-weight:;}
#pcont2c ul .lic{width:88%; height:25px; margin:0 auto; color:#aaa; font-size:14px;}
#pcont2c ul .licl{float: left;}
#pcont2c ul .licr{float:right; background:url(../images/aa03_19.jpg) left center no-repeat; padding-left:25px;}
#pcont2c ul .licr a{color:#aaa;}
}


@media only screen and (max-width:1719px) {
	
#pcont2c{width:1201px; min-height:55px; padding-left:1px; margin:0 auto; overflow:hidden; padding:20px 0px 30px 0px;}
#pcont2c ul li{display:block; width:380px; height:340px; background:#fff; float:left; margin:10px;}

#pcont2c ul li:hover .lia{background-size:115% auto;}
#pcont2c ul .lia{width:100%; height:240px; background-size:100% auto; background-position:center center; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#pcont2c ul .lia a{ display:block; width:100%; height:240px; color:#222;}
#pcont2c ul .lib{width:88%; height:32px; margin:0 auto; padding-top:20px; line-height:32px; font-size:18px; color:#222; font-weight:;}
#pcont2c ul .lic{width:88%; height:25px; margin:0 auto; color:#aaa; font-size:14px;}
#pcont2c ul .licl{float:left;}
#pcont2c ul .licr{float:right; background:url(../images/aa03_19.jpg) left center no-repeat; padding-left:25px;}
#pcont2c ul .licr a{color:#aaa;}
}



/*分页*/
#nx_pg{width:98%; height:30px; padding:20px 0px 50px 0px; text-align:center;}
#nx_pg a{display:inline; padding:8px 15px 8px 15px; background:#fff; font-size:14px; margin:0px 3px 0px 3px; border-radius:2px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#nx_pg a:hover{background:#e50015; color:#fff;}
#nx_pg .on{background:#e50015; color:#fff;}









/*案例详细页*/
#bannerac{width:100%; height:700px; }

#banneracp{width:100%; height:400px; }

#p_d_w{width:95%; min-height:50px; padding:20px 0px 40px 0px; z-index:55; margin:0 auto; margin-top:40px;}

#p_d_1p{width:90%; min-height:50px; margin:0 auto; padding:20px 0px 0px 0px; background:#; position:relative;}

#p_d_1{ width:100%; min-height:0px; margin:0 auto; padding-bottom:10px; }


#p_d_2{width:90%; min-height:50px; margin:0 auto; padding-top:30px; padding-bottom:50px;}
#p_d_2 img{width:100%;}


#p_d_1l{width:78%; float:left; line-height:25px;}
#p_d_1l h2{font-size:24px; font-weight:100; color:#333; line-height:50px; padding-bottom:px;}
#p_d_1l .tt1{font-size:14px; color:#888; padding:15px 0px 15px 0px;}

#p_d_1l img{max-width:100%;}




#p_d_1r{width:19%; float:right;}



#p_d_1rcc{width:100%; min-height:50px; line-height:30px; color:#888; padding-bottom:30px;}
#p_d_1rcc h2{font-size:24px; font-weight:100; color:#333; line-height:50px; padding-bottom:px;}
#p_d_1rcc .tt1{font-size:14px; color:#888; padding:15px 0px 15px 0px;}



#p_d_1r ul a{display:block; width:100%; height:45px; line-height:45px; font-size:14px; text-align:center; border-radius:2px; margin-bottom:12px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#p_d_1r ul .a1{background:#1f98dd; color:#fff;}
#p_d_1r ul .a1:hover{background:#1f98dd; color:#fff;}
#p_d_1r ul .a2{background:#ee2b2b; color:#fff;}
#p_d_1r ul .a2:hover{background:#fa3636; color:#fff; text-decoration:underline;}
#p_d_1r ul .a3{background:#ddd; color:#888;}










/*新闻资讯页*/


#m_ar{width:1124px; height:50px; margin:0 auto; background:#fff; margin-top:-60px; z-index:88; padding:20px 30px 30px 30px; text-align:center; font-size:16px; line-height:35px; position:relative;}
.m_ar1{width:100%; height:50px; line-height:50px; text-align:center;}

.m_ar1 a{display:inline; padding:15px 20px 15px 20px; border-bottom:#eee 1px solid; margin:0px 5px 0px 5px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.m_ar1 a:hover{ border-bottom:#e50015 1px solid; color:#e50015;}




.content{padding:0px; width:90%;margin:0 auto; padding-top:65px; }
.item{background:#fff;  color:#888;border-radius:2px; padding:20px; line-height:22px; word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.item a{color:#999;}
.item h2{font-size:16px; color:#444; font-weight:200; line-height:28px; padding-top:15px; padding-bottom:15px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}

.item:hover{background-color:#e50015; }
.item:hover a{color:#fff; -webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}
.item:hover h2{color:#fff;}
.item img{width:100%;height:auto;}
.item p{margin-top:10px; font-size:12px;}




/*新闻详细页*/
#news_xx{width:1100px; margin:0 auto; padding:43px; background:#fff; margin-top:20px; margin-bottom:30px;} 

#news_xxl{width:1100px; position:relative;}

#news_close{width:66px; height:22px; position:absolute; top:0px; right:0px; z-index:88}

#news_xxr{width:300px; float:right;}

#nw1{width:1100px; min-height:28px; margin:0 auto; line-height:28px; padding-bottom:12px; padding-top:12px; font-size:20px; font-weight:bold; text-align:center}
#nw2{width:1100px; height:35px; margin:0 auto; line-height:35px; padding-bottom:15px; border-bottom:#e2e2e2 1px solid; color:#999; text-align:center}
#nw3{width:1100px; margin:0 auto; line-height:35px; font-size:14px; padding-top:20px; padding-bottom:20px;}
#nw3 p{line-height:35px;}
#nw4{width:1100px; margin:0 auto; padding-top:15px; border-top:#e2e2e2 1px solid;}




#m_ct{width:100%; min-height:50px; padding:50px 0px 80px 0px; background:#fff;}
#m_ctc{width:1200px; margin:0 auto;}
#mctcl{width:520px; float:left;}
#mctcr{width:660px; float:right;}

.lx1{width:100%; height:60px; line-height:60px; color:#e50015; border-bottom:#e50015 2px solid; padding-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:42px;}
.lx2{width:100%; height:80px; line-height:50px; padding:20px 0px 20px 0px; font-size:28px;}
.lx3{width:100%; height:50px; line-height:50px; font-size:20px;}
.lx4{width:100%; min-height:50px; font-size:16px; line-height:35px;}

.rx1{width:100%; height:70px; line-height:30px; font-size:28px; color:#333; padding-top:112px; text-align:right;}
.rx1 b,strong{color:#e50015;}

.rx2{width:100%; height:200px; margin:0 auto;}
.rx2 ul li{ display:block; width:200px; height:190px; padding-top:10px; float:right; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.rx2 ul li a{display:block; width:200px; height:170px; padding-top:20px; font-size:14px; text-align:center; border:#eee 1px solid; background:#fff; margin-left:-1px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.rx2 ul li:hover{ padding-top:0px;}
.rx2 ul li:hover a{ z-index:2; position:absolute; border:#e50015 1px solid;}








#m_ct1{width:100%; height:180px; padding:50px 0px 50px 0px; text-align:center; margin:0 auto; background:url(../images/lk2.jpg) center center; background-size:cover;}
#m_ct1 h2{font-size:28px; font-weight:normal; color:#fff; line-height:60px;}
#m_ct1 p{font-size:16px; color:#eee; line-height:35px;}
#m_ct1 .ac1{ display:block; width:250px; height:45px; border-radius:2px; font-size:16px; margin:0 auto; line-height:43px; background:#e50015; color:#fff; margin-top:20px;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
#m_ct1 .ac1:hover{background:#f71c30; text-decoration:underline;}




/*通用服务*/

#fw{width:100%; height:600px; margin:0 auto; margin-top:0px; z-index:66;}

.main_image {width:100%; height:600px; overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px; height:600px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:600px;}
.main_image li span {display:block; width:100%; height:600px}
.main_image li a {display:block; width:100%; height:600px}

div.flicking_con {width:990px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner {position:absolute; top:360px; left:90px; z-index:999; width:300px; height:21px} /* 121126 */
div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}


#fwp{width:100%; min-height:1px; background:#f9f9f9; padding:50px 0px 50px 0px;}

#fw_c{width:1200px; min-height:50px; margin:0 auto; font-size:14px; line-height:34px; padding:20px 0px 60px 0px;}