@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "΢ÈíÑźÚ"; color:#504a48;text-align:center;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% "΢ÈíÑźÚ";}
li,p{text-align:left;font:normal 12px/200% "΢ÈíÑźÚ"; }
a:link,a:visited{color:#504a48; text-decoration:none;}
a:hover{color:#504a48; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% "΢ÈíÑźÚ";}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.fl{ float:left;}
.fr{ float:right;}

.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}
.red,.red a:link,.red a:visited,.red a:hover{ color:#cc3333;}

.w1920_320{width:1260px;  overflow:hidden;}

/*top*/
.top01{ height:36px; background:url(/img/MAIN/2015/12/116051/images/bg01.gif);}
.top01 em{ float:left;}
.top01 i{ float:right; line-height:36px;}
.top01 i a{ padding:0 8px;}

.top{ background:url(/img/MAIN/2015/12/116051/images/top_02.jpg) top center no-repeat; height:790px;}
.top p{ display:block; width:420px; margin:540px 160px 0 auto; float:right; font:normal 14px/220% "΢ÈíÑźÚ"; text-indent:2em;}

/*p1*/
.p1_con ul li{ float:left;width:419px; height:340px;border-top:#7a7a7a 10px solid; background:#ededed; text-align:center;margin-right:1px;}
.p1_con ul li.ct{width:419px; border-left:none; border-right:none;}
.p1_con ul li em{ display:block; margin:70px auto 0;position:relative; z-index:10;}
.p1_con ul li i{ display:none;}
.p1_con ul li span{ display:block; margin:20px auto 0;  font:normal 40px/180% "΢ÈíÑźÚ";}
.p1_con ul li:hover{ border-top:#fcbd25 10px solid; background:#f6f6f6;}
.p1_con ul li:hover em{ display:none;}
.p1_con ul li:hover i{display:block; margin:70px auto 0; }
.p1_con ul li:hover span{ color:#3eaccd; font-weight:bold;}
.p1_con ul li a{ text-decoration:none;}




/*p2*/
.p2_con{ background:#2c8dcb; height:600px; height:394px; width:1260px;}
.p2_con ul li{ float:left; width:210px; height:394px;position:relative;}
.p2_con ul li p{ display:none;width:48px; height:48px; position:absolute;}
.p2_con ul li:hover{ background:#4299d0;}
.p2_con ul li em{ height:50px; line-height:50px; font-size:22px; color:#fff; position:absolute; z-index:3;}
.p2_con ul li em i{ font-size:46px;}
.p2_con ul li:hover em{ color:#f6e73d;}
.p2_con ul li em a{ display:block; height:50px; width:210px;text-decoration:none; position:absolute; z-index:4;}

.p2_con ul li:hover p{animation-name: imgAnimation;
      animation: imgAnimation 0.5s alternate infinite;
      -webkit-animation: imgAnimation 0.7s alternate infinite;
      -moz-animation: imgAnimation 0.5s alternate infinite;}
	  
 @-webkit-keyframes imgAnimation{
    0%{ opacity: 0}
    50%{ opacity: 0.5}
    100%{ opacity: 1}
 }
  @-moz-keyframes imgAnimation{
    0%{ opacity: 0}
    50%{ opacity: 0.5}
    100%{ opacity: 1}
 }
.p2_con ul li:hover b{ display:none;}



.p2_con ul li.t01 span{ background:url(/img/MAIN/2015/12/116051/images/line_01c.png) 0 0 no-repeat; display:block;width:210px; height:394px;position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t01 b{ display:block; width:48px; height:48px; position:absolute; top:355px; left:75px; z-index:2;}
.p2_con ul li.t01:hover p{ display:block;top:355px; left:75px; z-index:10;}
.p2_con ul li.t01 em{ top:300px; left:50px;}

.p2_con ul li.t02 span{ background:url(/img/MAIN/2015/12/116051/images/line_01c.png) -210px 0 no-repeat; display:block; width:210px; height:394px;  position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t02 b{ display:block; width:48px; height:48px; position:absolute; top:350px; left:70px; z-index:2;}
.p2_con ul li.t02:hover p{ display:block;  top:350px; left:70px; z-index:10;}
.p2_con ul li.t02 em{ top:300px; left:20px;}

.p2_con ul li.t03 span{ background:url(/img/MAIN/2015/12/116051/images/line_01c.png) -420px 0 no-repeat; display:block;width:210px; height:394px;position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t03 b{ display:block; width:48px; height:48px; position:absolute; top:335px; left:80px; z-index:2;}
.p2_con ul li.t03:hover p{ display:block; top:335px; left:80px; z-index:10;}
.p2_con ul li.t03 em{ top:320px; left:150px; right:-150px;}

.p2_con ul li.t04 span{ background:url(/img/MAIN/2015/12/116051/images/line_01c.png) -630px 0 no-repeat; display:block; width:210px; height:394px;position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t04 b{ display:block; width:48px; height:48px; position:absolute; top:0px; left:80px; z-index:2;}
.p2_con ul li.t04:hover p{ display:block;top:0px; left:80px; z-index:10;}
.p2_con ul li.t04 em{ top:10px; right:-145px;}

.p2_con ul li.t05 span{ background:url(/img/MAIN/2015/12/116051/images/line_01c.png) -840px 0 no-repeat; display:block; width:210px; height:394px;  position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t05 b{ display:block; width:48px; height:48px; position:absolute; top:290px; left:80px; z-index:2;}
.p2_con ul li.t05:hover p{ display:block; top:290px; left:80px; z-index:10;}
.p2_con ul li.t05 em{ top:240px; left:100px; right:-100px;}

.p2_con ul li.t06 span{ background:url(/img/MAIN/2015/12/116051/images/line_01c.png) -1050px 0 no-repeat; display:block; width:210px; height:394px;  position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t06 b{ display:block; width:48px; height:48px; position:absolute; top:355px; left:80px; z-index:2;}
.p2_con ul li.t06:hover p{ display:block; top:355px; left:80px; z-index:10;}
.p2_con ul li.t06 em{ top:300px; left:10px;}



   /*p3*/
.p3_con li{ float:left; width:25%; background:#f6f6f6; height:445px; text-align:center;}
.p3_con li.t01{ background:#f0f0f0;}
.p3_con li span{ display:block; text-align:center; padding:60px 0 40px; font-size:22px;}
.p3_con li p{ text-align:center; display:block; margin:0 auto;}

.animated{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes pulse{
 0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}

.team{ height:55px; background:#d7d7d7; text-align:center; font-size:16px; line-height:55px;}

.copyright{ text-align:center; padding:50px 0;}






@media (min-width:1920px){
.w1920_320{width:1920px;}
/*top*/
.top01{ height:36px; background:url(/img/MAIN/2015/12/116051/images/bg01.gif);}
.top01 em{ float:left;}
.top01 i{ float:right; line-height:36px;}
.top01 i a{ padding:0 8px;}

.top{ background:url(/img/MAIN/2015/12/116051/images/top_01.jpg) top center no-repeat; height:884px;}
.top p{ display:block; width:605px; margin:430px 270px 0 auto; float:right; font:normal 14px/220% "΢ÈíÑźÚ"; text-indent:2em;}
/*p1*/
.p1_con ul li{ float:left; width:640px; height:445px; border-top:#7a7a7a 10px solid; background:#ededed; text-align:center; margin-right:0;}
.p1_con ul li.ct{ width:638px; border-left:#bbbbbb 1px solid; border-right:#bbbbbb 1px solid;}
.p1_con ul li em{ display:block; margin:140px auto 0; position:relative; z-index:10;}
.p1_con ul li i{ display:none;}
.p1_con ul li span{ display:block; margin:40px auto 0; font:normal 40px/180% "΢ÈíÑźÚ";}
.p1_con ul li:hover{ border-top:#fcbd25 10px solid; background:#f6f6f6;}
.p1_con ul li:hover em{ display:none;}
.p1_con ul li:hover i{display:block; margin:140px auto 0; }
.p1_con ul li:hover span{ color:#3eaccd; font-weight:bold;}
.p1_con ul li a{ text-decoration:none;}
/*p2*/
.p2_con{ background:#2c8dcb; height:600px;}
.p2_con ul li{ float:left; width:320px; height:600px; position:relative;}
.p2_con ul li p{ display:none;width:48px; height:48px; position:absolute;}
.p2_con ul li:hover{ background:#4299d0;}
.p2_con ul li em{ height:50px; line-height:50px; font-size:26px; color:#fff; position:absolute; z-index:3;}
.p2_con ul li em i{ font-size:50px;}
.p2_con ul li:hover em{ color:#f6e73d;}
.p2_con ul li em a{ display:block; height:50px; width:300px;text-decoration:none; position:absolute; z-index:4;}

.p2_con ul li:hover p{animation-name: imgAnimation;
      animation: imgAnimation 0.5s alternate infinite;
      -webkit-animation: imgAnimation 0.7s alternate infinite;
      -moz-animation: imgAnimation 0.5s alternate infinite;}
	  
 @-webkit-keyframes imgAnimation{
    0%{ opacity: 0}
    50%{ opacity: 0.5}
    100%{ opacity: 1}
 }
  @-moz-keyframes imgAnimation{
    0%{ opacity: 0}
    50%{ opacity: 0.5}
    100%{ opacity: 1}
 }
.p2_con ul li:hover b{ display:none;}


.p2_con ul li.t01 span{ background:url(/img/MAIN/2015/12/116051/images/line_01.png) 0 0 no-repeat; display:block; width:320px; height:600px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t01 b{ display:block; width:48px; height:48px; position:absolute; top:550px; left:130px; z-index:2;}
.p2_con ul li.t01:hover p{ display:block; top:550px; left:130px; z-index:10;}
.p2_con ul li.t01 em{ top:496px; left:80px;}


.p2_con ul li.t02 span{ background:url(/img/MAIN/2015/12/116051/images/line_01.png) -320px 0 no-repeat; display:block; width:320px; height:600px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t02 b{ display:block; width:48px; height:48px; position:absolute; top:540px; left:130px; z-index:2;}
.p2_con ul li.t02:hover p{ display:block;  top:540px; left:130px;  z-index:10;}
.p2_con ul li.t02 em{ top:490px; left:35px;}

.p2_con ul li.t03 span{ background:url(/img/MAIN/2015/12/116051/images/line_01.png) -640px 0 no-repeat; display:block; width:320px; height:600px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t03 b{ display:block; width:48px; height:48px; position:absolute; top:520px; left:115px; z-index:2;}
.p2_con ul li.t03:hover p{ display:block;  top:520px; left:115px;z-index:10;}
.p2_con ul li.t03 em{ top:462px; left:-76px;}

.p2_con ul li.t04 span{ background:url(/img/MAIN/2015/12/116051/images/line_01.png) -960px 0 no-repeat; display:block; width:320px; height:600px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t04 b{ display:block; width:48px; height:48px; position:absolute; top:0px; left:135px; z-index:2;}
.p2_con ul li.t04:hover p{ display:block;  top:0px; left:135px; z-index:10;}
.p2_con ul li.t04 em{ top:15px; right:-120px;}

.p2_con ul li.t05 span{ background:url(/img/MAIN/2015/12/116051/images/line_01.png) -1280px 0 no-repeat; display:block; width:320px; height:600px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t05 b{ display:block; width:48px; height:48px; position:absolute; top:458px; left:136px; z-index:2;}
.p2_con ul li.t05:hover p{ display:block;top:458px; left:136px; z-index:10;}
.p2_con ul li.t05 em{ top:390px; left:140px; right:-140px;}

.p2_con ul li.t06 span{ background:url(/img/MAIN/2015/12/116051/images/line_01.png) -1600px 0 no-repeat; display:block; width:320px; height:600px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t06 b{ display:block; width:48px; height:48px; position:absolute; top:548px; left:130px; z-index:2;}
.p2_con ul li.t06:hover p{ display:block; top:548px; left:130px; z-index:10;}
.p2_con ul li.t06 em{ top:488px; left:40px;}

/*p3*/
.p3_con li{ float:left; width:25%; background:#f6f6f6; height:445px; text-align:center;}
.p3_con li.t01{ background:#f0f0f0;}
.p3_con li span{ display:block; text-align:center; padding:60px 0 40px; font-size:28px;}
.p3_con li p{ text-align:center; display:block; margin:0 auto;}

.animated{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes pulse{
 0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}

.team{ height:55px; background:#d7d7d7; text-align:center; font-size:16px; line-height:55px;}

.copyright{ text-align:center; padding:50px 0;}
}
	/* MEDIA QUERIES 
---------------------------------------------------------------------- */
@media (min-width:1650px) and (max-width:1900px){
.w1920_320{width:1650px; overflow:hidden;}
.top{ background:url(/img/MAIN/2015/12/116051/images/top_01.jpg) top center no-repeat; height:860px;}
.top p{ width:620px; margin:440px 150px 0 auto;}
		   
/*p1*/
.p1_con ul li{width:550px; height:410px; margin-right:0;}
.p1_con ul li.ct{ width:548px;border-left:#bbbbbb 1px solid; border-right:#bbbbbb 1px solid;}
.p1_con ul li em{ margin:110px auto 0;}
.p1_con ul li:hover i{margin:110px auto 0; }

/*p2*/
.p2_con{ background:#2c8dcb; height:516px; width:1650px;}
.p2_con ul li{ float:left; width:275px; height:516px; position:relative;}
.p2_con ul li p{ display:none;width:48px; height:48px; position:absolute;}
.p2_con ul li:hover{ background:#4299d0;}
.p2_con ul li em{ font-size:26px; color:#fff; position:absolute; z-index:3;}
.p2_con ul li em i{ font-size:50px;}
.p2_con ul li:hover em{ color:#f6e73d;}
.p2_con ul li em a{ display:block; height:50px; width:300px;text-decoration:none; position:absolute; z-index:4;}


.p2_con ul li.t01 span{ background:url(/img/MAIN/2015/12/116051/images/line_01a.png) 0 0 no-repeat; display:block; width:275px; height:516px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t01 b{ display:block; width:48px; height:48px; position:absolute; top:468px; left:112px; z-index:2;}
.p2_con ul li.t01:hover p{ display:block;  top:468px; left:112px;  z-index:10;}
.p2_con ul li.t01 em{ top:410px; left:100px;}

.p2_con ul li.t02 span{ background:url(/img/MAIN/2015/12/116051/images/line_01a.png) -275px 0 no-repeat; display:block; width:275px; height:516px;  position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t02 b{ display:block; width:48px; height:48px; position:absolute; top:460px; left:110px; z-index:2;}
.p2_con ul li.t02:hover p{ display:block; top:460px; left:110px; z-index:10;}
.p2_con ul li.t02 em{ top:402px; left:80px;}

.p2_con ul li.t03 span{ background:url(/img/MAIN/2015/12/116051/images/line_01a.png) -550px 0 no-repeat; display:block; width:275px; height:516px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t03 b{ display:block; width:48px; height:48px; position:absolute; top:440px; left:110px; z-index:2;}
.p2_con ul li.t03:hover p{ display:block;top:440px; left:110px;z-index:10;}
.p2_con ul li.t03 em{ top:420px; left:180px; right:-180px;}

.p2_con ul li.t04 span{ background:url(/img/MAIN/2015/12/116051/images/line_01a.png) -825px 0 no-repeat; display:block; width:275px; height:516px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t04 b{ display:block; width:48px; height:48px; position:absolute; top:0px; left:116px; z-index:2;}
.p2_con ul li.t04:hover p{ display:block; top:0px; left:116px;z-index:10;}
.p2_con ul li.t04 em{ top:20px; right:-145px;}

.p2_con ul li.t05 span{ background:url(/img/MAIN/2015/12/116051/images/line_01a.png) -1100px 0 no-repeat; display:block; width:275px; height:516px;  position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t05 b{ display:block; width:48px; height:48px; position:absolute; top:390px; left:110px; z-index:2;}
.p2_con ul li.t05:hover p{ display:block;top:390px; left:110px;z-index:10;}
.p2_con ul li.t05 em{ top:330px; left:120px; right:-120px;}

.p2_con ul li.t06 span{ background:url(/img/MAIN/2015/12/116051/images/line_01a.png) -1375px 0 no-repeat; display:block; width:275px; height:516px;  position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t06 b{ display:block; width:48px; height:48px; position:absolute; top:465px; left:110px; z-index:2;}
.p2_con ul li.t06:hover p{ display:block;  top:465px; left:110px; z-index:10;}
.p2_con ul li.t06 em{ top:405px; left:30px;}





   
		   
	   }
	   
/* MEDIA QUERIES 
---------------------------------------------------------------------- */
@media (min-width:1380px) and (max-width:1649px){


.w1920_320{width:1380px; overflow:hidden;}
.top{ background:url(/img/MAIN/2015/12/116051/images/top_01.jpg) top center no-repeat; height:840px;}
.top p{ width:620px; margin:430px 30px 0 auto;}

/*p1*/
.p1_con ul li{width:460px; height:390px; margin-right:0;}
.p1_con ul li.ct{ width:458px;border-left:#bbbbbb 1px solid; border-right:#bbbbbb 1px solid;}
.p1_con ul li em{ margin:100px auto 0;}
.p1_con ul li:hover i{margin:100px auto 0; }		   
		   
/*p2*/
.p2_con{ background:#2c8dcb; height:431px; width:1380px;}
.p2_con ul li{ float:left; width:230px; height:431px; position:relative;}
.p2_con ul li p{ display:none;width:48px; height:48px; position:absolute;}
.p2_con ul li:hover{ background:#4299d0;}
.p2_con ul li em{ font-size:22px; color:#fff; position:absolute; z-index:3;}
.p2_con ul li em i{ font-size:46px;}
.p2_con ul li:hover em{ color:#f6e73d;}
.p2_con ul li em a{ display:block; height:50px; width:300px;text-decoration:none; position:absolute; z-index:4;}


.p2_con ul li.t01 span{ background:url(/img/MAIN/2015/12/116051/images/line_01b.png) 0 0 no-repeat; display:block; width:230px; height:431px;position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t01 b{ display:block; width:48px; height:48px; position:absolute; top:385px; left:95px; z-index:2;}
.p2_con ul li.t01:hover p{ display:block; top:385px; left:95px; z-index:10;}
.p2_con ul li.t01 em{ top:325px; left:50px;}

.p2_con ul li.t02 span{ background:url(/img/MAIN/2015/12/116051/images/line_01b.png) -230px 0 no-repeat; display:block; width:230px; height:431px;  position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t02 b{ display:block; width:48px; height:48px; position:absolute; top:380px; left:90px; z-index:2;}
.p2_con ul li.t02:hover p{ display:block; top:380px; left:90px; z-index:10;}
.p2_con ul li.t02 em{ top:325px; left:20px;}

.p2_con ul li.t03 span{ background:url(/img/MAIN/2015/12/116051/images/line_01b.png) -460px 0 no-repeat; display:block; width:230px; height:431px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t03 b{ display:block; width:48px; height:48px; position:absolute; top:365px; left:90px; z-index:2;}
.p2_con ul li.t03:hover p{ display:block; top:365px; left:90px;z-index:10;}
.p2_con ul li.t03 em{ top:350px; left:150px; right:-150px;}

.p2_con ul li.t04 span{ background:url(/img/MAIN/2015/12/116051/images/line_01b.png) -690px 0 no-repeat; display:block; width:230px; height:431px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t04 b{ display:block; width:48px; height:48px; position:absolute; top:0px; left:92px; z-index:2;}
.p2_con ul li.t04:hover p{ display:block; top:0px; left:92px;z-index:10;}
.p2_con ul li.t04 em{ top:20px; right:-145px;}

.p2_con ul li.t05 span{ background:url(/img/MAIN/2015/12/116051/images/line_01b.png) -920px 0 no-repeat; display:block; width:230px; height:431px;  position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t05 b{ display:block; width:48px; height:48px; position:absolute; top:320px; left:90px; z-index:2;}
.p2_con ul li.t05:hover p{ display:block; top:320px; left:90px; z-index:10;}
.p2_con ul li.t05 em{ top:260px; left:100px; right:-100px;}

.p2_con ul li.t06 span{ background:url(/img/MAIN/2015/12/116051/images/line_01b.png) -1150px 0 no-repeat; display:block; width:230px; height:431px;  position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t06 b{ display:block; width:48px; height:48px; position:absolute; top:387px; left:90px; z-index:2;}
.p2_con ul li.t06:hover p{ display:block;top:387px; left:90px; z-index:10;}
.p2_con ul li.t06 em{ top:330px; left:30px;}

.p3_con li span{ font-size:22px;}

		   
	   }


	   
/* MEDIA QUERIES 
---------------------------------------------------------------------- */
@media (min-width:1000px) and (max-width:1279px){
.w1920_320{width:1000px;  overflow:hidden;}
.top{ background:url(/img/MAIN/2015/12/116051/images/top_02.jpg) top center no-repeat; height:790px;}
.top p{ width:420px; margin:540px 20px 0 auto;}

.p1_con ul{}
.p1_con ul li{ float:left; width:499px; height:340px; border-top:#7a7a7a 10px solid; background:#ededed; text-align:center; margin-right:1px;}
.p1_con ul li.ct{ width:499px; border-left:none; border-right:none;}
.p1_con ul li em{ display:block; margin:70px auto 0; position:relative; z-index:10;}
.p1_con ul li span{ display:block; margin:20px auto 0; font:normal 40px/180% "΢ÈíÑźÚ";}
.p1_con ul li:hover i{display:block; margin:70px auto 0; }

/*p2*/
.p2_con{ background:#2c8dcb; height:1920px; width:1000px;}
.p2_con ul li{ float:left; width:1000px; height:320px; position:relative;}
.p2_con ul li p{ display:none;width:48px; height:48px; position:absolute;}
.p2_con ul li:hover{ background:#4299d0;}
.p2_con ul li em{ font-size:26px; color:#fff; position:absolute; z-index:3;}
.p2_con ul li em i{ font-size:50px;}
.p2_con ul li:hover em{ color:#f6e73d;}
.p2_con ul li em a{ display:block; height:50px; width:300px;text-decoration:none; position:absolute; z-index:4;}


.p2_con ul li.t01 span{ background:url(/img/MAIN/2015/12/116051/images/line_02.png) 0 0 no-repeat; display:block; width:1000px; height:320px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t01 b{ display:block; width:48px; height:48px; position:absolute; top:145px; left:202px; z-index:2;}
.p2_con ul li.t01:hover p{ display:block; top:145px; left:202px; z-index:10;}
.p2_con ul li.t01 em{ top:136px; left:260px;}

.p2_con ul li.t02 span{ background:url(/img/MAIN/2015/12/116051/images/line_02.png)  0 -320px no-repeat; display:block; width:1000px; height:320px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t02 b{ display:block; width:48px; height:48px; position:absolute; top:140px; left:210px; z-index:2;}
.p2_con ul li.t02:hover p{ display:block;   top:140px; left:210px;  z-index:10;}
.p2_con ul li.t02 em{ top:130px; left:270px;}

.p2_con ul li.t03 span{ background:url(/img/MAIN/2015/12/116051/images/line_02.png) 0 -640px no-repeat; display:block; width:1000px; height:320px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t03 b{ display:block; width:48px; height:48px; position:absolute; top:110px; left:230px; z-index:2;}
.p2_con ul li.t03:hover p{ display:block;  top:110px; left:230px;z-index:10;}
.p2_con ul li.t03 em{ top:100px; left:290px;}

.p2_con ul li.t04 span{ background:url(/img/MAIN/2015/12/116051/images/line_02.png) 0 -960px no-repeat; display:block; width:1000px; height:320px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t04 b{ display:block; width:48px; height:48px; position:absolute; top:135px; left:745px; z-index:2;}
.p2_con ul li.t04:hover p{ display:block;  top:135px; left:745px; z-index:10;}
.p2_con ul li.t04 em{ top:130px; right:300px;}

.p2_con ul li.t05 span{ background:url(/img/MAIN/2015/12/116051/images/line_02.png) 0 -1280px no-repeat; display:block; width:1000px; height:320px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t05 b{ display:block; width:48px; height:48px; position:absolute; top:140px; left:295px; z-index:2;}
.p2_con ul li.t05:hover p{ display:block;top:140px; left:295px;z-index:10;}
.p2_con ul li.t05 em{ top:130px; left:360px;}

.p2_con ul li.t06 span{ background:url(/img/MAIN/2015/12/116051/images/line_02.png) 0 -1600px no-repeat; display:block; width:1000px; height:320px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t06 b{ display:block; width:48px; height:48px; position:absolute; top:140px; left:200px; z-index:2;}
.p2_con ul li.t06:hover p{ display:block; top:140px; left:200px;  z-index:10;}
.p2_con ul li.t06 em{ top:130px; left:270px;}


.p3_con li{ float:left; width:50%; border-bottom:#cacaca 1px solid;}
.p3_con li span{ font-size:26px;}

 }

 /* MEDIA QUERIES  
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:760px) and (max-width:999px),
       (max-device-width:999px) and (orientation:portrait){
.w1920_320{width:760px;}		   
.top{ background:url(/img/MAIN/2015/12/116051/images/top_03.jpg) top center no-repeat; height:602px;}
.top p{ width:320px; margin:375px 15px 0 auto;}
		   
.p1_con ul li{ float:left; width:379px; height:340px; border-top:#7a7a7a 10px solid; background:#ededed; text-align:center; margin-right:1px;}
.p1_con ul li.ct{ width:379px; border-left:none; border-right:none;}
.p1_con ul li em{ display:block; margin:70px auto 0; position:relative; z-index:10;}
.p1_con ul li span{ display:block; margin:20px auto 0; font:normal 40px/180% "΢ÈíÑźÚ";}
.p1_con ul li:hover i{display:block; margin:70px auto 0; }
		   
		   
/*p2*/
.p2_con{ background:#2c8dcb; height:1470px; width:760px;}
.p2_con ul li{ float:left; width:760px; height:245px; position:relative;}
.p2_con ul li p{ display:none;width:48px; height:48px; position:absolute;}
.p2_con ul li:hover{ background:#4299d0;}
.p2_con ul li em{ font-size:26px; color:#fff; position:absolute; z-index:3;}
.p2_con ul li em i{ font-size:50px;}
.p2_con ul li:hover em{ color:#f6e73d;}
.p2_con ul li em a{ display:block; height:50px; width:300px;text-decoration:none; position:absolute; z-index:4;}


.p2_con ul li.t01 span{ background:url(/img/MAIN/2015/12/116051/images/line_03.png) 0 0 no-repeat; display:block; width:760px; height:245px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t01 b{ display:block; width:48px; height:48px; position:absolute; top:90px; left:148px; z-index:2;}
.p2_con ul li.t01:hover p{ display:block;  top:90px; left:148px; z-index:10;}
.p2_con ul li.t01:hover b{ display:block;}
.p2_con ul li.t01 em{ top:90px; left:210px;}

.p2_con ul li.t02 span{ background:url(/img/MAIN/2015/12/116051/images/line_03.png)  0 -245px no-repeat; display:block; width:760px; height:245px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t02 b{ display:block; width:48px; height:48px; position:absolute; top:70px; left:152px; z-index:2;}
.p2_con ul li.t02:hover p{ display:block;  top:70px; left:152px; z-index:10;}
.p2_con ul li.t02:hover b{ display:block;}
.p2_con ul li.t02 em{ top:80px; left:210px;}

.p2_con ul li.t03 span{ background:url(/img/MAIN/2015/12/116051/images/line_03.png) 0 -490px no-repeat; display:block;width:760px; height:245px;position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t03 b{ display:block; width:48px; height:48px; position:absolute; top:75px; left:170px; z-index:2;}
.p2_con ul li.t03:hover p{ display:block;top:75px; left:170px;z-index:10;}
.p2_con ul li.t03:hover b{ display:block;}
.p2_con ul li.t03 em{ top:80px; left:240px;}

.p2_con ul li.t04 span{ background:url(/img/MAIN/2015/12/116051/images/line_03.png) 0 -735px no-repeat; display:block; width:760px; height:245px;position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t04 b{ display:block; width:48px; height:48px; position:absolute; top:92px; left:558px; z-index:2;}
.p2_con ul li.t04:hover p{ display:block;  top:92px; left:558px;z-index:10;}
.p2_con ul li.t04:hover b{ display:block;}
.p2_con ul li.t04 em{ top:90px; right:260px;}

.p2_con ul li.t05 span{ background:url(/img/MAIN/2015/12/116051/images/line_03.png) 0 -980px no-repeat; display:block; width:760px; height:245px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t05 b{ display:block; width:48px; height:48px; position:absolute; top:90px; left:220px; z-index:2;}
.p2_con ul li.t05:hover p{ display:block;top:90px; left:220px;z-index:10;}
.p2_con ul li.t05:hover b{ display:block;}
.p2_con ul li.t05 em{ top:90px; left:290px;}

.p2_con ul li.t06 span{ background:url(/img/MAIN/2015/12/116051/images/line_03.png) 0 -1225px no-repeat; display:block; width:760px; height:245px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t06 b{ display:block; width:48px; height:48px; position:absolute; top:90px; left:148px; z-index:2;}
.p2_con ul li.t06:hover p{ display:block; top:90px; left:148px;  z-index:10;}
.p2_con ul li.t06:hover b{ display:block;}
.p2_con ul li.t06 em{ top:90px; left:220px;}


.p3_con li{ float:left; width:50%; border-bottom:#cacaca 1px solid;}
.p3_con li span{ font-size:26px;}


	.team{ height:100px; background:#d7d7d7; text-align:center; font-size:16px; line-height:50px;}
   
		   
		   
		   
 }

 /* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:759px),
       (max-device-width:759px) and (orientation:portrait){
		   
.w1920_320{width:100%; min-width:320px; max-width:480px;}
.top{ background:url(/img/MAIN/2015/12/116051/images/top_04.jpg) top center no-repeat; min-height:680px;}
.top p{width:90%; float:none; margin:510px auto 10px;}

.p1_con ul li{ float:left; width:100%; height:164px; border-top:#7a7a7a 10px solid; background:#ededed; text-align:center; margin-right:1px;}
.p1_con ul li.ct{ width:100%; border-left:none; border-right:none;}
.p1_con ul li em img{ width:100px; height:90px;}
.p1_con ul li i img{ width:100px; height:90px;}
.p1_con ul li em{ display:block; margin:15px auto 0; position:relative; z-index:10;}
.p1_con ul li span{ display:block; margin:0px auto 0; font:normal 28px/180% "΢ÈíÑźÚ";}
.p1_con ul li:hover i{display:block; margin:15px auto 0; }

/*p2*/
.p2_con{ background:#2c8dcb; height:930px; width:100%;}
.p2_con ul li{ float:left; width:100%; height:155px; position:relative;}
.p2_con ul li p{ display:none;width:48px; height:48px; position:absolute;}
.p2_con ul li:hover{ background:#4299d0;}
.p2_con ul li em{ font-size:18px; color:#fff; position:absolute; z-index:3;}
.p2_con ul li em i{ font-size:40px;}
.p2_con ul li:hover em{ color:#f6e73d;}
.p2_con ul li em a{ display:block; height:50px; width:300px;text-decoration:none; position:absolute; z-index:4;}


.p2_con ul li.t01 span{ background:url(/img/MAIN/2015/12/116051/images/line_04.png) 0 0 no-repeat; display:block; width:100%; height:155px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t01 b{ display:block; width:48px; height:48px; position:absolute; top:50px; left:86px; z-index:2;}
.p2_con ul li.t01:hover p{ display:block; top:50px; left:86px; z-index:10;}
.p2_con ul li.t01:hover b{ display:block;}
.p2_con ul li.t01 em{ top:50px; left:150px;}

.p2_con ul li.t02 span{ background:url(/img/MAIN/2015/12/116051/images/line_04.png)  0 -155px no-repeat; display:block;width:100%; height:155px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t02 b{ display:block; width:48px; height:48px; position:absolute; top:50px; left:88px; z-index:2;}
.p2_con ul li.t02:hover p{ display:block;  top:50px; left:88px;  z-index:10;}
.p2_con ul li.t02:hover b{ display:block;}
.p2_con ul li.t02 em{ top:50px; left:150px;}

.p2_con ul li.t03 span{ background:url(/img/MAIN/2015/12/116051/images/line_04.png) 0 -310px no-repeat; display:block;width:100%; height:155px;position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t03 b{ display:block; width:48px; height:48px; position:absolute; top:42px; left:100px; z-index:2;}
.p2_con ul li.t03:hover p{ display:block;top:42px; left:100px; z-index:10;}
.p2_con ul li.t03:hover b{ display:block;}
.p2_con ul li.t03 em{ top:40px; left:160px;}

.p2_con ul li.t04 span{ background:url(/img/MAIN/2015/12/116051/images/line_04.png) 0 -465px no-repeat; display:block; width:100%; height:155px;position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t04 b{ display:block; width:48px; height:48px; position:absolute; top:52px; left:350px; z-index:2;}
.p2_con ul li.t04:hover p{ display:block; top:52px; left:350px;z-index:10;}
.p2_con ul li.t04:hover b{ display:block;}
.p2_con ul li.t04 em{ top:60px; right:180px;}

.p2_con ul li.t05 span{ background:url(/img/MAIN/2015/12/116051/images/line_04.png) 0 -620px no-repeat; display:block; width:100%; height:155px; position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t05 b{ display:block; width:48px; height:48px; position:absolute; top:50px; left:130px; z-index:2;}
.p2_con ul li.t05:hover p{ display:block; top:50px; left:130px; z-index:10;}
.p2_con ul li.t05:hover b{ display:block;}
.p2_con ul li.t05 em{ top:50px; left:200px;}

.p2_con ul li.t06 span{ background:url(/img/MAIN/2015/12/116051/images/line_04.png) 0 -775px no-repeat; display:block; width:100%; height:155px;position:absolute; top:0; left:0; z-index:1;}
.p2_con ul li.t06 b{ display:block; width:48px; height:48px; position:absolute; top:50px; left:85px; z-index:2;}
.p2_con ul li.t06:hover p{ display:block;top:50px; left:85px; z-index:10;}
.p2_con ul li.t06:hover b{ display:block;}
.p2_con ul li.t06 em{ top:50px; left:160px;}




.p3_con li span{ display:block; text-align:center; padding:20px 0 20px; font-size:28px;}
.p3_con li{ float:left; width:100%; border-bottom:#cacaca 1px solid; height:360px;}



		   
		   
	   }