@charset "utf-8";

/* CSS Document */

/* Auther: Puyuan */

/* WebSite: http://www.ipuyuan.com/ */

/*公共样式与首页样式*/

A{TEXT-DECORATION: none;}

A:link {color: #555555;}

A:visited {color: #555555}

A:active {color: #555555}

A:hover{COLOR:#ff0000}

BODY

{

 margin:0px; font-family:"微软雅黑"; background:#ffffff; font-size:1.3em;line-height:150%;color:#555555;}

p,h1,h2,h3,h4,h5,h6,ul,li,input,dl,dt,dd,header,article,iframe,footer,ol,div,img{margin:0px; padding:0px; }

input{ border:0px;}

img,input{border:0px; vertical-align:middle; -webkit-transition:all 0.2s linear;

	-moz-transition:all 0.2s linear;

	-o-transition:all 0.2s linear;

	-ms-transition:all 0.2s linear;

	transition:all 0.2s linear;}

li{ list-style:none;-webkit-transition:all 0.2s linear;

	-moz-transition:all 0.2s linear;

	-o-transition:all 0.2s linear;

	-ms-transition:all 0.2s linear;

	transition:all 0.2s linear;}

a,p{outline:none; -webkit-transition:all 0.2s linear;

	-moz-transition:all 0.2s linear;

	-o-transition:all 0.2s linear;

	-ms-transition:all 0.2s linear;

	transition:all 0.2s linear;}

b{ font-weight:normal; font-family:微软雅黑;}

input,button,select,textarea{outline:none;font-family:"微软雅黑"; font-size:12px;}

.left{float:left;}

.right{float:right;}

.clear{clear:both; margin:0px; padding:0px; height:0px;}



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

 .main{ width:100%;}

 .main2{ width:100%;}

 .main3{ width:100%;}

 img{ max-width:100%; height:auto;}

 

}



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

 .main{ width:1200px; margin:0px auto;}

 .main2{ width:1200px; margin:0px auto;}

 .main3{ width:1100px; margin:0px auto;}

}



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



.pic1{ float:left; width:100%; position:relative; display:none;}

.pic1 img{ display:none;}

.pic2{ float:left; width:100%;display:block; }

.pic2 img{ width:100%; display:block;}

.bj1{ position:absolute;  left:0px; top:0px; width:100%; height:100%; z-index:2; text-align:center; background:url(../images/p11_05.png);}

.bj1 img{ height:100%;}

}

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

.pic1{ float:left; width:100%; position:relative; }

	}

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

.pic2{ display:none;}	

.pic1{ position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1;}

.pic1 img{ }

.pic1 video {

    height: auto;

    left:0;

    min-height: 999px;

    min-width: 0;

    position: absolute;

    top: 0px;

    width: 1920px;

    z-index: 1;

}



.bj1{ position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:2; text-align:center; background:url(../images/p11_05.png);}

.bj1 img{ height:100%;}

}





.sy2{ background: url(../images/ban2.jpg) no-repeat; background-size:100% 100%;}



.lb1 i.i1{ background: url(../images/a1.png) no-repeat; background-size:100% 100%;}

.lb1 i.i2{ background: url(../images/a2.png) no-repeat; background-size:100% 100%; margin-left:15px;}

.lb1 i.i3{ background: url(../images/a3.png) no-repeat; background-size:100% 100%;}

.lb1 i.i4{ background: url(../images/a4.png) no-repeat; background-size:100% 100%;}



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

.lb1{ width:100%; float:left; padding:0px;}

.lb1 li{  width:100%; text-align:center; float:left; margin:0px 0% 0px 0%; padding:10px 3% 0px 3%;}

.lb1 li:hover{ background:#ffffff; }

.lb1 li:hover .tk2{}

.lb1 li:hover .tk3{ }

.lb1 .l1{ }

.lb1 .l2{}

.lb1 .l3{ }

.lb1 .l4{ }

.lb1 .tk1n{ width:100%; float:left;}

.lb1 .tk1n b{ display:block; color:#555555; font-size:1.2em; font-weight:bold; line-height:normal; padding:10px 0px 5px 0px;}

.lb1 .tk1n p{ color:#999999; font-size:1em;  margin-bottom:10px; padding-bottom:5px;}

.lb1 .tk2{ width:100%; float:left; display:none;}

.lb1 .tk2 dl{ width:100%; float:left; text-align:left; color:#555555;}

.lb1 .tk2 dl.dl2{  float:left; text-align:left;}

.lb1 .tk2 dl.dl3{  float:left; text-align:left;}

.lb1 .tk2 dl.dl4{ float:left; text-align:left;}

.lb1 .tk2 dd{ width:50%; float:left; font-size:1em; line-height:155%; background:url(../images/p1_51.png) left no-repeat; padding-left:15px;}

.lb1 .tk3{ display:none; background:#01A89E url(../images/p1_55.jpg) bottom no-repeat; background-size:100% auto; color:#ffffff;}

.lb1 .tk3 p{ font-size:1em; color:#ffffff; padding:30px; text-align:left; line-height:24px; background:#01A89E;}

.lb1 i{ width:56px; height:60px; display:inline-block;}

}



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

.lb1{ position:absolute; left:50%; width:1200px; top:0px; margin-left:-600px; height:100%;}

.lb1 li{ position:absolute; width:300px; text-align:center; height:100%; top:0px;}

.lb1 li:hover{ background:#ffffff;}

.lb1 li:hover .tk2{ display:none;}

.lb1 li:hover .tk3{ display:block;}

.lb1 .l1{ left:0px;}

.lb1 .l2{ left:300px;}

.lb1 .l3{ left:600px;}

.lb1 .l4{ left:900px;}

.lb1 .tk3{ display:none;}

.lb1 .tk1{ position:absolute; width:300px; height:60%; left:0px; top:0px;}

.lb1 .tk1n{ position:absolute; width:300px; height:265px; left:0px; bottom:0px;}

.lb1 .tk1n b{ display:block; color:#555555; font-size:18px; font-weight:bold; line-height:normal; padding:25px 0px 8px 0px;}

.lb1 .tk1n p{ color:#999999; font-size:12px; background:url(../images/p1_47.png) bottom center no-repeat; padding-bottom:12px;}

.lb1 .tk2{ position:absolute; width:300px; height:50%; left:0px; bottom:0px;}

.lb1 .tk2 dl{ width:210px; margin-left:60px; float:left; text-align:left; color:#555555;}

.lb1 .tk2 dl.dl2{  margin-left:75px; float:left; text-align:left;}

.lb1 .tk2 dl.dl3{ margin-left:60px; float:left; text-align:left;}

.lb1 .tk2 dl.dl4{ margin-left:77px; float:left; text-align:left;}

.lb1 .tk2 dd{ width:100%; float:left; font-size:14px; line-height:24px; background:url(../images/p1_51.png) left no-repeat; padding-left:15px;}

.lb1 .tk3{ position:absolute; width:300px; height:50%; left:0px; bottom:0px; background:#01A89E url(../images/p1_55.jpg) bottom no-repeat; background-size:100% auto; color:#ffffff;}

.lb1 .tk3 p{ font-size:14px; color:#ffffff; padding:30px; text-align:left; line-height:24px; background:#01A89E;}

.lb1 i{ width:76px; height:81px; display:inline-block;}

.lb1 .l2 .tk3{background:#01A89E url(../images/wx.jpg) bottom no-repeat; background-size:100% auto;}

.lb1 .l3 .tk3{background:#01A89E url(../images/crm.jpg) bottom no-repeat; background-size:100% auto;}

.lb1 .l4 .tk3{background:#01A89E url(../images/system.jpg) bottom no-repeat; background-size:100% auto;}

}





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

.bt1{ width:94%; margin-left:3%; float:left; margin-bottom:10px; }

.bt1 .s1{ float:left; width:100%; text-align:center; color:#01A89E; font-size:1.5em; padding:10px 0px; line-height:150%; border-bottom:solid 1px #dddddd; font-family:Verdana,Arial; padding-bottom:3px;}

.bt1 .s2{ float:left; width:100%; text-align:center; font-size:1em; line-height:120%; margin-top:10px;}

.bt1 .s2 p{ color:#979797; font-size:0.95em; font-family:Verdana,Arial; padding-top:3px;} 

.bt1 .s3{float:left; width:100%; text-align:center; margin-top:10px;}

.bt1 .i_al,.bt1 .cd_al{ margin:0px 5px; width:35px; height:35px; vertical-align:middle;}

i.i_al{ background:url(../images/p1_59.png) no-repeat;  background-size:100% 100%;  display:inline-block;}

a.cd_al{ background:url(../images/p1_61.png) no-repeat; background-size:100% 100%;  display:inline-block;}

a.cd_al:hover{ background: url(../images/p1_63.png) no-repeat; background-size:100% 100%; }



.bt2{ width:94%; margin-left:3%; float:left; margin-bottom:10px; }

.bt2 .s1{ float:left; width:100%; text-align:center; color:#01A89E; font-size:1.5em; padding:10px 0px; line-height:150%; border-bottom:solid 1px #dddddd; font-family:Verdana,Arial; padding-bottom:3px;}

.bt2 .s2{ float:left; width:100%; color:#ffffff; text-align:center; font-size:1em; line-height:120%; margin-top:10px;}

.bt2 .s2 p{ color:#ffffff; font-size:0.95em; font-family:Verdana,Arial; padding-top:3px;} 

.bt2 .s3{float:left; width:100%; text-align:center; margin-top:10px;}

.bt2 .i_n,.bt2 .cd_n,.bt2 .i_l,.bt2 .cd_l{ margin:0px 5px; width:35px; height:35px;  vertical-align:middle;}

i.i_n{ background: url(../images/p14_03.png)  no-repeat;  background-size:100% 100%; width:35px; height:35px; display:inline-block;}

a.cd_n{ background: url(../images/p14_05.png) no-repeat; background-size:100% 100%; width:35px; height:35px; display:inline-block;}

a.cd_n:hover{ background: url(../images/p1_93.png) no-repeat; background-size:100% 100%; }



i.i_l{ background: url(../images/p1_135.png)  no-repeat;  background-size:100% 100%; width:35px; height:35px; display:inline-block;}

a.cd_l{ background: url(../images/p1_138.png) no-repeat; background-size:100% 100%; width:35px; height:35px; display:inline-block;}

a.cd_l:hover{ background: url(../images/p1_140.png) no-repeat; background-size:100% 100%; }



.bt3{ width:94%; margin-left:3%; float:left; margin-bottom:10px; }

.bt3 .s1{ float:left; width:100%; text-align:center; color:#01A89E; font-size:1.5em; padding:10px 0px; line-height:150%; border-bottom:solid 1px #dddddd; font-family:Verdana,Arial; padding-bottom:3px;}

.bt3 .s2{ float:left; width:100%; color:#555555; text-align:center; font-size:1em; line-height:120%; margin-top:10px;}

.bt3 .s2 p{ color:#979797; font-size:0.95em; font-family:Verdana,Arial; padding-top:3px;} 

.bt3 .s3{float:left; width:100%; text-align:center; margin-top:10px;}

.bt3 .i_k,.bt3 .cd_k{ float:none; margin:0px 5px; width:35px; height:35px; vertical-align:middle;}

i.i_k{ background: url(../images/p1_115.png)  no-repeat;  background-size:100% 100%; width:35px; height:35px; display:inline-block;}

a.cd_k{ background: url(../images/p1_117.png) no-repeat; background-size:100% 100%; width:35px; height:35px; display:inline-block;}

a.cd_k:hover{ background: url(../images/p1_119.png) no-repeat; background-size:100% 100%; }

}



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

.bt1{ width:100%; float:left; margin-bottom:40px; margin-top:0px;}

.bt1 .s1{ float:left; margin-left:420px; color:#01A89E; font-size:72px; line-height:normal; background:url(../images/p1_69.png) left bottom no-repeat; font-family:Verdana,Arial; padding-bottom:3px;}

.bt1 .s2{ float:left; width:350px; margin:30px 40px 0px 40px;}

.bt1 .s2 p{ color:#979797; font-size:12px; font-family:Verdana,Arial; line-height:16px; padding-top:3px;} 

.bt1 .s3{ float:left;}

.bt1 .i_al,.bt1 .cd_al{ float:left; margin-top:33px; margin-left:15px;}

i.i_al{ background:url(../images/p1_59.png) no-repeat;  background-size:100% 100%; width:50px; height:50px; display:inline-block;}

a.cd_al{ background:url(../images/p1_61.png) no-repeat; background-size:100% 100%; width:50px; height:50px; display:inline-block;}

a.cd_al:hover{ background: url(../images/p1_63.png) no-repeat; background-size:100% 100%; }



.bt2{ width:100%; float:left; margin-bottom:40px; margin-top:0px;}

.bt2 .s1{ float:left;  color:#01A89E; font-size:72px; line-height:nol; padding-bottom:3px;}

.bt2 .s2{ float:left; width:350px; margin:30px 40px 0px 40px;}

.bt2 .s2 p{ color:#979797; font-size:12px; font-family:Verdana,Arial; line-height:16px; padding-top:3px;} 

.bt2 .s3{ float:left;}

.bt2 .i_n,.bt2 .cd_n,.bt2 .i_l,.bt2 .cd_l{ float:left; margin-top:33px; margin-left:15px;}

.sy4 .bt2 .i_l{ margin-left:120px;}

i.i_n{ background: url(../images/p14_03.png)  no-repeat;  background-size:100% 100%; width:50px; height:50px; display:inline-block;}

a.cd_n{ background: url(../images/p14_05.png) no-repeat; background-size:100% 100%; width:50px; height:50px; display:inline-block;}

a.cd_n:hover{ background: url(../images/p1_93.png) no-repeat; background-size:100% 100%; }

i.i_l{ background: url(../images/p1_135.png)  no-repeat;  background-size:100% 100%; width:50px; height:50px; display:inline-block;}

a.cd_l{ background: url(../images/p1_138.png) no-repeat; background-size:100% 100%; width:50px; height:50px; display:inline-block;}

a.cd_l:hover{ background: url(../images/p1_140.png) no-repeat; background-size:100% 100%; }



.bt3{ width:100%; float:left; margin-bottom:30px; margin-top:0px;}

.bt3 .s1{ float:left; margin-left:170px;  color:#01A89E; font-size:72px; line-height:normal; background: url(../images/p13_03.jpg) left bottom no-repeat; font-family:Verdana,Arial; padding-bottom:3px;}

.bt3 .s2{ float:left; width:420px; margin:30px 40px 0px 40px;}

.bt3 .s2 b{ font-size:23px; font-weight:bold;}

.bt3 .s2 p{ color:#979797; font-size:12px; font-family:Verdana,Arial; line-height:16px; padding-top:3px;} 

.bt3 .s3{ float:left;}

.bt3 .i_k,.bt3 .cd_k{ float:left; margin-top:33px; margin-left:15px;}

i.i_k{ background: url(../images/p1_115.png)  no-repeat;  background-size:100% 100%; width:50px; height:50px; display:inline-block;}

a.cd_k{ background: url(../images/p1_117.png) no-repeat; background-size:100% 100%; width:50px; height:50px; display:inline-block;}

a.cd_k:hover{ background: url(../images/p1_119.png) no-repeat; background-size:100% 100%; }







}





.sy3{ background: url(../images/p12_02.jpg) no-repeat; background-size:100% 100%;}

.sy4{ background: url(../images/p12_04.jpg) no-repeat; background-size:100% 100%;}



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

.n2{ width:96%; margin:0px 0px 0px 2%; float:left; overflow:hidden; font-size:1em;}

.n2 ul{ float:left; width:100%;}

.n2 li{ float:left; width:48%; background:#f8f8f8; margin:0px 1% 15px 1%;}

.n2 li .imgk{ float:left; width:100%;  overflow:hidden;}

.n2 li .imgk img{ width:100%; }

.n2 li .txtk{ width:100%; float:left; padding:10px 12px 15px 12px;}

.n2 li .s1{ width:100%; float:left; font-size:1.1em; margin-bottom:12px;}

.n2 li .s2{ float:left; background: url(../images/p1_103.png) left no-repeat; padding-left:25px; color:#aaaaaa;}

.n2 li .s3{ background:url(../images/p1_106.png) no-repeat; background-size:100% 100%; width:15px; height:2px; float:right; margin-top:10px;}

.n2 li:hover{ color:#ffffff; background:#01A89E;}

.n2 li:hover a,.n2 li:hover .s2{ color:#ffffff;}



.n2_2{ width:96%; margin:20px 0px 0px 2%;  overflow:hidden; font-size:1em;}

.n2_2 ul{ float:left; width:100%;}

.n2_2 li{ float:left; width:48%; background:#ffffff; margin:0px 1% 15px 1%;  border:solid 1px #e6e6e6;}

.n2_2 li .imgk{ float:left; width:100%;  overflow:hidden;}

.n2_2 li .imgk img{ width:100%; }

.n2_2 li .txtk{ width:100%; float:left; padding:10px 12px 15px 12px;}

.n2_2 li .s1{ width:100%; float:left; font-size:1.1em; margin-bottom:12px;}

.n2_2 li .s2{ float:left; background: url(../images/p1_103.png) left no-repeat; padding-left:25px; color:#aaaaaa;}

.n2_2 li .s3{ background:url(../images/p1_106.png) no-repeat; background-size:100% 100%; width:15px; height:2px; float:right; margin-top:10px;}

.n2_2 li:hover{ color:#ffffff; background:#01A89E;}

.n2_2 li:hover a,.n2_2 li:hover .s2{ color:#ffffff;}





.morek{ width:100%; float:left; text-align:center; margin:5px 0px 15px 0px;}

a.cd_more{ background:url(../images/p1_111.png) no-repeat; background-size:100% 100%; display:inline-block; width:35px; height:35px;}

}

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



.n2 li{ float:left; width:98%; background:#f8f8f8; margin:0px 1% 15px 1%;}	

.n2_2 li{ float:left; width:98%; background:#f8f8f8; margin:0px 1% 15px 1%;}	

	}

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

.n2{ width:1200px; float:left; overflow:hidden;}

.n2 ul{ float:left; width:1250px;}

.n2 li{ float:left; width:280px; height:340px; background:#f8f8f8; margin:0px 25px 25px 0px;}

.n2 li .imgk{ float:left; width:100%; height:190px; overflow:hidden;}

.n2 li .imgk img{ width:100%; height:190px;}

.n2 li .txtk{ width:100%; float:left; padding:17px 20px;}

.n2 li .s1{ width:100%; float:left; font-size:16px; line-height:24px; height:90px; overflow:hidden;}

.n2 li .s2{ float:left; background: url(../images/p1_103.png) left no-repeat; padding-left:25px; color:#aaaaaa;}

.n2 li .s3{ background:url(../images/p1_106.png) no-repeat; background-size:100% 100%; width:21px; height:2px; float:right; margin-top:15px;}

.n2 li:hover{ color:#ffffff; background:#01A89E;}

.n2 li:hover a,.n2 li:hover .s2{ color:#ffffff;}



.n2_2{ width:1200px; margin:0px auto; overflow:hidden; padding:45px 0px 40px 0px;}

.n2_2 ul{ float:left; width:1250px;}

.n2_2 li{ float:left; width:280px; height:340px; background:#ffffff; margin:0px 25px 25px 0px; border:solid 1px #e6e6e6;}

.n2_2 li .imgk{ float:left; width:100%; height:190px; overflow:hidden;}

.n2_2 li .imgk img{ width:100%; height:190px;}

.n2_2 li .txtk{ width:100%; float:left; padding:17px 20px;}

.n2_2 li .s1{ width:100%; float:left; font-size:16px; line-height:24px; height:90px; overflow:hidden;}

.n2_2 li .s2{ float:left; background: url(../images/p1_103.png) left no-repeat; padding-left:25px; color:#aaaaaa;}

.n2_2 li .s3{ background:url(../images/p1_106.png) no-repeat; background-size:100% 100%; width:21px; height:2px; float:right; margin-top:15px;}

.n2_2 li:hover{ color:#ffffff; background:#01A89E;}

.n2_2 li:hover a,.n2_2 li:hover .s2{ color:#ffffff;}



.morek{ width:100%; float:left; text-align:center; margin-top:15px;}

a.cd_more{ background:url(../images/p1_111.png) no-repeat; background-size:100% 100%; display:inline-block; width:60px; height:60px;}

}



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

.lx_nr{ width:94%; margin-left:3%; float:left; text-align:center; color:#ffffff; font-size:1.15em; line-height:155%; font-weight:bold; margin-bottom:10px;  margin-top:0px;}

.lx_fo{  width:96%; margin-left:1%; color:#ffffff; font-size:1.1em; font-weight:bold; margin-bottom:15px;}	

.lx_fo dl{ width:100%; float:left;  text-align:center; margin-bottom:10px;}

.lx_fo dl div#inputSuccess_1,.lx_fo dl div#inputFailure_1{ color:#ffffff;}

.lx_fo dd{ margin-bottom:8px; width:48%; float:left; margin-left:2%;}

.lx_fo dd.d_ym .lx_tx{ width:50%;}

.lx_fo dd.d_ym { width:96%;}

.lx_fo dt{ float:left; width:98%; margin-left:2%;}

.lx_fo .lx_tx{ width:100%; height:33px; line-height:33px; float:left; color:#999999; font-weight:normal; font-size:1em; padding-left:10px;}

.lx_fo .lx_an{width:100%; height:35px; line-height:100%; float:left; background:#01A89E; color:#ffffff; font-weight:normal; font-size:1em; text-align:center; cursor:pointer;}

.lx_fo dd input:hover{ background:#01A89E; color:#ffffff;}

.lx2{ width:94%; float:left;  color:#ffffff; font-size:1.1em; font-weight:bold; margin-bottom:20px; margin-top:5px; margin-left:3%;}

.lx2 a{ color:#ffffff; text-decoration:underline;}

.lx2_1{ float:left; width:100%;}

.lx_gt{ width:100%; float:left;  margin-bottom:15px; text-align:center;}

.lx_gt i{ vertical-align:middle; margin-right:10px;}

i.i_kf{ background: url(../images/p1_146.png) no-repeat;  background-size:100% 100%; width:30px; height:30px; display:inline-block;}

.lx_tel{width:100%; float:left; text-align:center;}

.lx_tel b{ padding-left:10px; font-size:1.2em; color:#01A89E; font-weight:bold; line-height:normal;}

.lx2_2{ float:left; width:100%; text-align:center; line-height:normal; margin-top:15px;}

.lx2_2 img{ width:100px; max-width:40%;  margin-top:10px;}



.ct2{ width:94%; float:left;  color:#555555; font-size:1.1em; font-weight:bold; margin-bottom:20px; margin-top:5px; margin-left:3%;}

.ct2 a{ color:#555555; text-decoration:underline;}

.ct2 a:hover,.lx2 a:hover{ color:#01A89E;}

.ct2 .lx2_1{ float:left; width:100%;}

.ct2 .lx_gt{ width:100%; float:left;  margin-bottom:15px; text-align:center;}

.ct2 .lx_gt i{ vertical-align:middle; margin-right:10px;}

.ct2 .lx2_2{ float:left; width:100%; text-align:center; line-height:normal; margin-top:15px;}

.ct2 .lx2_2 img{ width:100px; max-width:40%;  margin-top:10px;}

.ct2 .lx_fo{  width:96%; margin-left:1%; color:#333333; font-size:1em; font-weight:bold; margin-bottom:15px;}	

.ct2 .lx_fo .dl1{ font-size:1.1em}

.ct2 .lx_fo .lx_tx{ width:100%; height:33px; line-height:33px; float:left; color:#999999; border:solid 1px #dddddd; font-weight:normal; font-size:1em; padding-left:10px;}

.ct2 .lx_fo dd input:hover{ background:#01A89E; color:#ffffff;}

.lx_x{ width:100%; border-top:solid 1px #dcdcdc; text-align:center; padding:10px 3%; font-size:1em; color:#ffffff;}

.lx_x a{ color:#ffffff;  padding:2px 5px;}

.lx_x a:hover{ background:#01A89E; color:#ffffff;}

.lx_x .s1{ float:left; width:100%}

.lx_x .s2{ float:left; width:100%}

}



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

.lx_nr{ width:100%; float:left; color:#ffffff; font-size:35px; line-height:42px; font-weight:bold; margin-bottom:30px;}

.lx_fo{ width:100%; float:left; color:#ffffff; font-size:18px; font-weight:bold; margin-bottom:30px;}	

.lx_fo dl{ width:100%; float:left; margin-bottom:10px;}

.lx_fo dl div#inputSuccess_1,.lx_fo dl div#inputFailure_1{ color:#ffffff;}

.lx_fo dd,.lx_fo dt{ float:left; margin-right:9px;}

.lx_fo .lx_tx{ width:260px; height:40px; line-height:40px; float:left; color:#999999; font-weight:normal; font-size:16px; padding-left:12px;}

.lx_fo .lx_an{width:115px; height:40px; line-height:100%; float:left; background:#01A89E; color:#ffffff; font-weight:normal; font-size:16px; text-align:center; cursor:pointer;}

.lx_fo dd input:hover{ background:#01A89E; color:#ffffff;}

.lx_fo dd.d_ym .lx_tx{ width:80px;}

.lx2{ width:100%; float:left; color:#ffffff; font-size:18px; font-weight:bold; m#01A89Ergin-bottom:20px;}

.lx2 a{ color:#ffffff; text-decoration:underline;}

.ct2 a:hover,.lx2 a:hover{ color:#01A89E;}

.lx2_1{ float:left; width:50%;}

.lx_gt{ width:100%; float:left; height:50px; line-height:50px; margin-bottom:20px;}

.lx_gt i{ float:left; margin-right:15px;}

i.i_kf{ background: url(../images/p1_146.png) no-repeat;  background-size:100% 100%; width:50px; height:50px; display:inline-block;}

.lx_tel{width:100%; float:left;}

.lx_tel b{ display:block; font-size:40px; color:#01A89E; font-weight:bold; line-height:normal; padding-top:2px;}

.lx2_2{ float:right; width:50%; text-align:right; line-height:normal; margin-top:15px;}

.lx2_2 img{ width:100px;  margin-top:10px;}

.lx_x{ width:100%; border-top:solid 1px #dcdcdc; padding:12px 0px; font-size:14px; color:#ffffff;}

.lx_x a{ color:#ffffff;  padding:2px 5px;}

.lx_x a:hover{ background:#01A89E; color:#ffffff;}

.lx_x .s1{ float:left;}

.lx_x .s2{ float:right;}



.ct2{ width:100%; float:left; color:#555555; font-size:18px; font-weight:bold; margin-bottom:100px;}

.ct2 a{ color:#555555; text-decoration:underline;}

.ct2 .lx_fo{ width:100%; float:left; color:#333333; font-size:18px; font-weight:bold; margin-bottom:30px;}	

.ct2 .lx_fo dl{ width:100%; float:left; margin-bottom:10px;}

.ct2 .lx_fo dl.dl1{ font-size:30px; line-height:normal; margin-bottom:15px;}

.ct2 .lx_fo dd,.lx_fo dt{ float:left; margin-right:9px;}

.ct2 .lx_fo dd{ margin-bottom:10px;}

.ct2 .lx_fo dd.d_ym .lx_tx{ width:80px;}

.ct2 .lx_fo dd.d_ym{ }

.ct2 .lx_fo .lx_tx{ width:260px; height:40px; line-height:40px; float:left; color:#999999; font-weight:normal; font-size:16px; padding-left:12px;}

.ct2 .lx_fo .lx_an{width:115px; height:40px; line-height:100%; float:left; background:#01A89E; color:#ffffff; font-weight:normal; font-size:16px; text-align:center; cursor:pointer;}

.ct2 .lx_fo dd input:hover{ background:#01A89E; color:#ffffff;}

.ct2 .lx2_1{ float:left; width:830px;}

.ct2 .lx_gt{ width:100%; float:left; height:50px; line-height:50px; margin-bottom:20px;}

.ct2 .lx_gt i{ float:left; margin-right:15px;}

.ct2 .lx2_2{ float:right; width:240px; text-align:right; line-height:normal; }

.ct2 .lx2_2 img{ width:100px;  margin-top:10px;}





}



.ban1{ background:url(../images/p2_01.jpg) center center no-repeat; background-size:auto 100%;}

.ban2{ background:url(../images/p4_01.jpg) center center no-repeat; background-size:auto 100%;}

.ban3{ background:url(../images/p3_01.jpg) center center no-repeat; background-size:auto 100%;}

.ban4{ background:url(../images/p5_01.jpg) center center no-repeat; background-size:auto 100%;}

.ban5{ background:url(../images/p7_01.jpg) center center no-repeat; background-size:auto 100%;}

.ban6{ background: url(../images/p9_01.jpg) center center no-repeat; background-size:auto 100%;}

.ban7{ background: url(../images/p10_01.jpg) center center no-repeat; background-size:auto 100%;}

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

.ab_ban{ width:100%; position:relative; height:200px;}

.ab_ban .main{ position:absolute; left:3%; width:94%; bottom:10px;}

.ab_ban .ab_lm{width:100%; font-size:1em;  color:#ffffff; line-height:155%;}

.ab_ban .ab_lm span{ float:left; display:block;  line-height:155%; font-size:1.5em; color:#01A89E; font-family:Verdana,Arial;}

.ab_ban .ab_lm p{ float:left; width:100%; font-weight:bold; padding-top:5px;}

.ab_ban .ab_lm span b{  font-weight:bold;  color:#ffffff; font-size:1em; margin-right:10px;}



.ab_ban2{ width:100%; position:relative; height:200px;}

.ab_ban2 .main{ position:absolute; left:3%; width:94%; bottom:10px;}

.ab_ban2 .ab_lm{width:100%; font-size:1em;  color:#ffffff; line-height:155%;}

.ab_ban2 .ab_lm span{ float:left; display:block; font-weight:bold;  line-height:155%; font-size:1.5em; color:#ffffff; font-family:Verdana,Arial;}

.ab_ban2 .ab_lm p{ float:left; width:100%; font-weight:bold; padding-top:3px;}



.jg_menu{ width:100%; height:50px;}

.ws_top #menu5n{ display:none;}

.menu{ position:fixed; left:0px; top:0px; z-index:20; width:100%; left:0px;  height:50px; background:#333333;}

.menu a.logo{ background:url(../images/p21_06.png) no-repeat; background-size:100% 100%; width:140px; height:14px; float:left; margin-left:3%; margin-top:18px;}

.menu #menu2{ background: url(../images/p21_03.png) no-repeat; background-size:100% 100%; width:28px; height:20px; float:right; margin-right:3%; margin-top:15px;}

.menu #menu2 a{ display:block; height:26px; line-height:26px; outline:none;}

#menu2n{ width:100%; height:100%; position:fixed; display:none; z-index:30; background:url(../images/p22_07.png); top:0px; left:0px;}

#menu2n a.logo{ float:left; margin-left:3%; margin-top:18px; background:url(../images/p21_06.png) no-repeat; background-size:100% 100%; width:140px; height:14px; }

#menu2n a#menu2_bg{ background:url(../images/p22_03.png) no-repeat; background-size:100% 100%; width:20px; height:20px; float:right; margin-right:3%; margin-top:15px;}

#menu2n .main{ float:left; height:50px;}

#menu2n ul{ width:100%; float:left; margin-top:20px;}

#menu2n li{ width:100%; float:left; text-align:center; margin:4px 0px;}

#menu2n li a{ display:block; padding:10px 0px; color:#cccccc; font-size:1.3em; font-weight:bold; line-height:100%;}

#menu2n li a:hover{ background:#9f0b1d; color:#ffffff;}



.menu #menu5{ background: url(../images/p21_03.png) no-repeat; background-size:100% 100%; width:28px; height:20px; float:right; margin-right:3%; margin-top:15px;}

.menu #menu5 a{ display:block; height:26px; line-height:26px; outline:none;}

#menu5n{ width:100%; height:100%; position:fixed; display:none; z-index:30; background:url(../images/p22_07.png); top:0px; left:0px;}

#menu5n a.logo{ float:left; margin-left:3%; margin-top:18px; background:url(../images/p21_06.png) no-repeat; background-size:100% 100%; width:140px; height:14px; }

#menu5n a#menu5_bg{ background:url(../images/p22_03.png) no-repeat; background-size:100% 100%; width:20px; height:20px; float:right; margin-right:3%; margin-top:15px;}

#menu5n .main{ float:left; height:50px;}

#menu5n ul{ width:100%; float:left; margin-top:20px;}

#menu5n li{ width:100%; float:left; text-align:center; margin:4px 0px;}

#menu5n li a{ display:block; padding:10px 0px; color:#cccccc; font-size:1.3em; font-weight:bold; line-height:100%;}

#menu5n li a:hover{ background:#9f0b1d; color:#ffffff;}



}

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

.ab_ban{ width:100%; position:relative; height:150px;}	

.ab_ban2{ width:100%; position:relative; height:150px;}	

	}

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

.ab_ban{ width:100%; position:relative; height:500px;}

.ab_ban .main{ position:absolute; left:50%; margin-left:-600px; bottom:50px;}

.ab_ban .ab_lm{width:100%; font-size:30px;  color:#ffffff; line-height:130%;}

.ab_ban .ab_lm span{ float:left; display:block; background:url(../images/p1_69.png) left bottom no-repeat; line-height:90px; font-size:72px; color:#01A89E; font-family:Verdana,Arial;}

.ab_ban .ab_lm p{ float:left; width:100%; font-weight:bold; padding-top:5px;}

.ab_ban .ab_lm span b{ text-align:right; width:auto; display:block; font-weight:bold;  color:#ffffff; font-size:36px; line-height:40px; margin-bottom:-12px;}



.ab_ban2{ width:100%; position:relative; height:360px;}

.ab_ban2 .main{ position:absolute; left:50%; margin-left:-600px; bottom:40px;}

.ab_ban2 .ab_lm{width:100%; font-size:20px;  color:#ffffff; line-height:130%; font-weight:bold;}

.ab_ban2 .ab_lm span{ float:left; display:block; background:url(../images/p1_69.png) left bottom no-repeat; line-height:80px; font-size:36px; color:#ffffff; }

.ab_ban2 .ab_lm p{ float:left; width:100%;  padding-top:10px;}

.ab_ban2 .ab_lm p.p_bt{ font-size:30px;}

.jg_menu{ width:100%; height:0px; display:none;}

.menu{ position:fixed; left:0px; top:0px; z-index:20; width:100%; left:0px; top:0px; padding:15px 0px; background:url(../images/p11_05.png);}

.ws_top{ }

.ws_top_bj{ position:fixed; left:0px; top:0px; z-index:18; display:none; width:100%; left:0px; top:0px; height:57px; background:url(../images/p11_05.png);}

.ws_top .menu{ background:none;}

.active .ws_top_bj{ display:block;}

.menu a.logo{ background:url(../images/p21_06.png) no-repeat; background-size:100% 100%; width:250px; height:26px; float:left; margin-top:3px;}

.menu #menu2{ background: url(../images/p21_03.png) no-repeat; background-size:100% 100%; width:37px; height:26px; float:right;}

.menu #menu2 a{ display:block; height:26px; line-height:26px; outline:none;}

#menu2n{ width:100%; height:100%; position:fixed; display:none; z-index:30; background:url(../images/p22_07.png); top:0px; left:0px;}

#menu2n a.logo{ float:left; background:url(../images/p21_06.png) no-repeat; background-size:100% 100%; width:205px; height:21px; margin-top:3px;}

#menu2n a#menu2_bg{ background:url(../images/p22_03.png) no-repeat; width:29px; height:29px; float:right;}

#menu2n .main{ margin-top:15px;}

#menu2n ul{ width:100%; position:absolute; top:50%; margin-top:-231px;}

#menu2n li{ width:100%; float:left; text-align:center; height:66px; line-height:66px;}

#menu2n li a{ display:block;  color:#cccccc; font-size:38px; font-weight:bold; line-height:66px;}

#menu2n li a:hover{ background:#9f0b1d; color:#ffffff;}



.menu #menu5{ background: url(../images/p21_03.png) no-repeat; background-size:100% 100%; width:37px; height:26px; float:right;}

.menu #menu5 a{ display:block; height:26px; line-height:26px; outline:none;}

#menu5n{ width:100%; height:100%; position:fixed; display:none; z-index:30; background:url(../images/p22_07.png); top:0px; left:0px;}

#menu5n a.logo{ float:left; background:url(../images/p21_06.png) no-repeat; background-size:100% 100%; width:205px; height:21px; margin-top:3px;}

#menu5n a#menu5_bg{ background:url(../images/p22_03.png) no-repeat; width:29px; height:29px; float:right;}

#menu5n .main{ margin-top:15px;}

#menu5n ul{ width:100%; position:absolute; top:50%; margin-top:-231px;}

#menu5n li{ width:100%; float:left; text-align:center; height:66px; line-height:66px;}

#menu5n li a{ display:block;  color:#cccccc; font-size:38px; font-weight:bold; line-height:66px;}

#menu5n li a:hover{ background:#9f0b1d; color:#ffffff;}

}



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

.ab1{ width:100%; background:#ffffff; text-align:center; line-height:155%; font-size:1em; padding:20px 3%; float:left;}

.ab_pic{ float:left; width:100%;}

.ab_pic img{ width:100%; display:block;}

.ab2{ width:100%; background:#ffffff;  line-height:155%; font-size:1em; padding:0px 0px; float:left;}

.ab2 .main{ }

.ab2 .d1{ width:100%; float:left; color:#ffffff; background:#01A89E; font-size:1em; padding:12px 3%;}

.ab2 .d2{ width:100%; float:left; padding:12px 3%;}

.ab3{ width:100%; float:left; background:url(../images/p2_09.jpg) no-repeat; background-size:100% 100%;}

.ab3 .main{ width:94%; float:left; margin-left:3%; text-align:center;}

.ab_bt{ width:100%; text-align:center; font-size:1.5em; color:#ffffff; line-height:130%; margin:20px 0px 15px 0px; float:left;}

.ab_bt b{ display:block; color:#01A89E;  font-family:Verdana,Arial; text-transform:uppercase;}

.ab_nr{ width:100%; float:left; color:#cccccc; font-size:1em; line-height:155%; }

.ab_bt2{ width:100%; text-align:center; font-size:1.5em; font-weight:bold; color:#333333; line-height:145%; margin:20px 0px 20px 0px; float:left;}

.ab_bt2 b{ display:block; color:#01A89E;  font-family:Verdana,Arial; text-transform:uppercase;}



}



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

.ab1{ width:100%; background:#ffffff; text-align:center; line-height:45px; font-size:24px; padding:90px 0px; float:left;}

.ab_pic{ float:left; width:100%;}

.ab_pic img{ width:100%; display:block;}

.ab2{ width:100%; background:#ffffff;  line-height:40px; font-size:22px; padding:0px 0px; float:left;}

.ab2 .main{ position:relative;}

.ab2 .d1{ width:560px; position:absolute; left:0px; bottom:0px; color:#ffffff; background:#01A89E; font-size:30px; padding:150px 80px;}

.ab2 .d2{ width:500px; float:right; margin:80px 0px;}

.ab3{ width:100%; float:left; background:url(../images/p2_09.jpg) no-repeat; background-size:100% 100%;}

.ab3 .main{ width:800px; text-align:center;}

.ab_bt{ width:100%; text-align:center; font-size:42px; color:#ffffff; line-height:120%; margin:80px 0px 55px 0px; float:left;}

.ab_bt b{ display:block; color:#01A89E;  font-family:Verdana,Arial; text-transform:uppercase;}

.ab_nr{ width:100%; float:left; color:#cccccc; font-size:18px; line-height:35px; }

.ab_bt2{ width:100%; text-align:center; font-size:36px; font-weight:bold; color:#333333; line-height:145%; margin:80px 0px 90px 0px; float:left;}

.ab_bt2 b{ display:block; color:#01A89E;  font-family:Verdana,Arial; text-transform:uppercase; padding-bottom:15px; background:url(../images/p2_12.jpg) bottom center no-repeat;}


}



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

.ta1{ width:100%; float:left; background:#fafafa; display:none;}

.ta1 .td1{ width:50%; background:url(../images/p2_15.jpg) no-repeat;  background-size:100% 100%;}

.ta1 .td3{ width:50%; background: url(../images/p2_18.jpg) no-repeat;  background-size:100% 100%;}

.ta1 .td4{ width:50%; background: url(../images/p2_19.jpg) no-repeat;  background-size:100% 100%;}

.ta1 .td2{ width:50%; padding:10px 0px;}

.ta1 .ta1n{ width:92%;  margin-left:4%; font-size:1em; line-height:150%;}

.ta1 .ta1n b{ display:block; font-size:1.3em; line-height:normal; padding-bottom:5px; font-weight:bold;}

.ab_lb{ width:96%; margin-left:2%; margin:0px auto; padding:10px 0px 10px 0px;}

.ab_lb ul{}

.ab_lb li{ width:31.3333%; border:solid 1px #d4d4d4; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:left; margin:5px 1%;}

.ab_lb li img{ width:100%; display:block; }

.ab_lb li:hover{ border:solid 1px #cf0820;}

.foot{ width:100%;}

.foot .lx_x{ border-top: solid 1px #dddddd; color:#b4b4b4;}

.foot .lx_x a{ color:#b4b4b4; padding:0px 5px;}

.foot .lx_x a:hover{ color:#01A89E; background:none;}

.foot .lx_x .s1{ color:#e7e7e7; margin-left:-5px;}



}

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

	

.ab_lb li{ width:47%; border:solid 1px #d4d4d4; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:left; margin:5px 1.5%;}

	

.ab_lb li:nth-child(15){ display:none;}

	}

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

.ta1{ width:100%; float:left; background:#fafafa;}

.ta1 .td1{ width:50%; background:url(../images/p2_15.jpg) no-repeat;  background-size:100% 100%;}

.ta1 .td3{ width:50%; background: url(../images/p2_18.jpg) no-repeat;  background-size:100% 100%;}

.ta1 .td4{ width:50%; background: url(../images/p2_19.jpg) no-repeat;  background-size:100% 100%;}

.ta1 .td2{ width:50%; padding:7% 0px;}

.ta1 .ta1n{ width:65%; max-width:480px; margin-left:15%; font-size:16px; line-height:26px;}

.ta1 .ta1n b{ display:block; font-size:42px; line-height:normal; padding-bottom:5%;}

.ab_lb{ width:1230px; margin:0px auto; padding:90px 0px 60px 0px;}

.ab_lb ul{}

.ab_lb li{ width:218px; height:98px; border:solid 1px #d4d4d4; overflow:hidden; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; float:left; margin:10px 14px;}

.ab_lb li img{ width:218px; height:98px; transition:All 0.4s ease-in-out;

	-webkit-transition:All 0.4s ease-in-out;

	-moz-transition:All 0.4s ease-in-out;

	-o-transition:All 0.4s ease-in-out;}

.ab_lb li:hover img{transform:scale(1.2);

	-webkit-transform:scale(1.2);

	-moz-transform:scale(1.2);

	-o-transform:scale(1.2);

	-ms-transform:scale(1.2);}

.foot{ width:100%;}

.foot .lx_x{ border-top: solid 1px #dddddd; color:#b4b4b4;}

.foot .lx_x a{ color:#b4b4b4; padding:0px 5px;}

.foot .lx_x a:hover{ color:#01A89E; background:none;}

.foot .lx_x .s1{ color:#e7e7e7; margin-left:-5px;}



}









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

.ys1{ width:100%; float:left; font-size:1em; line-height:155%; padding:20px 0px; text-align:center;}

.ys1 p.p_1{ font-size:1em; font-weight:bold; color:#333333; padding-bottom:10px;}

.ys_bt{ width:100%; float:left; font-size:1.5em; font-weight:bold; color:#333333; line-height:155%; margin-bottom:15px;}

.ys_bt p{ font-size:1em; color:#01A89E; font-family:Verdana,Arial; font-weight:normal;}

.ys_lb{ width:100%; margin:0px auto; font-size:1em}

.ys_lb li{ width:20%; text-align:center; float:left; padding:0px 5px;}

.ys_lb li img{ max-width:90px; width:50%;}

.ys_lb li p{ padding-top:6px}

.jg_foot{ width:100%; float:left; height:15px;}

}



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

.ys1{ width:100%; float:left; font-size:22px; line-height:40px; padding:100px 0px; text-align:center;}

.ys1 p.p_1{ font-size:20px; font-weight:bold; color:#333333; padding-bottom:20px;}

.ys_bt{ width:100%; float:left; font-size:36px; font-weight:bold; color:#333333; line-height:145%; margin-bottom:20px;}

.ys_bt p{ font-size:38px; color:#01A89E; font-family:Verdana,Arial; font-weight:normal;}

.ys_lb{ width:1200px; margin:0px auto;}

.ys_lb li{ width:20%; text-align:center; padding-top:30px; float:left;}

.ys_lb li img{ width:90px; max-width:40%;}

.ys_lb li p{ padding-top:15px}

.jg_foot{ width:100%; float:left; height:50px;}

}



.se_lm a.a1{ background:url(../images/d11.png) no-repeat; background-size:100% 100%;}

.se_lm li.on a.a1{ background:url(../images/d1.png) no-repeat; background-size:100% 100%;}

.se_lm a.a2{ background:url(../images/d22.png) no-repeat; background-size:100% 100%;}

.se_lm li.on a.a2{ background:url(../images/d2.png) no-repeat; background-size:100% 100%;}

.se_lm a.a3{ background:url(../images/d33.png) no-repeat; background-size:100% 100%;}

.se_lm li.on a.a3{ background:url(../images/d3.png) no-repeat; background-size:100% 100%;}

.se_lm a.a4{ background:url(../images/d44.png) no-repeat; background-size:100% 100%;}

.se_lm li.on a.a4{ background:url(../images/d4.png) no-repeat; background-size:100% 100%;}

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

.se1{ background: url(../images/p4_02.jpg) center center no-repeat; background-size:100% 100%; padding:20px 0px 20px 0px;}

.se_lm{ width:100%; float:left;  height:46px; margin-top:23px;}

.se_lm a{ display: inline-block; width:46px; height:46px; outline:none;}

.se_lm li{ float:left; width:25%; text-align:center; margin-top:-23px;}

.se_lm li#B104{ float:right; margin-right:0px;}

.se_lm ul{ width:100%; float:left; background:#7a7a7a; height:2px;}

.se_lmk{ width:100%; margin-left:0%; float:left; margin-top:0px;}

.se_lmk .imgk{  width:94%; margin-left:3%; float:left;}

.se_lmk .imgk img{ width:100%;}

.se_lmk .txtk{ float:left;  width:96%; margin-left:2%; margin-top:15px; text-align:center;}

.se_lmk .txtk .se_bt{  width:98%; margin-left:1%; float:left; line-height:150%; font-size:1.4em; font-weight:bold; margin-bottom:8px;}

.se_lmk .txtk .se_bt b{ color:#01A89E; font-weight:bold;}

.se_lmk .txtk .se_bt p{ font-size:0.85em; color:#c1c1c1; font-weight:normal; font-family:Verdana,Arial;} 

.se_lmk .txtk .se_ms{ width:98%; margin-left:1%; float:left; font-size:1em; margin-bottom:5px; color:#999999; line-height:150%;}

.se_lmk .txtk .se_ms p{ padding-bottom:8px;}

.se_lmk .txtk .se_ms p.p_1{ color:#555555;}

.se_lmk .txtk a.cd_a_d{ float:left; width:48%; margin:0px 1%;}

.se_lb{ width:100%; float:left; margin-bottom:2px;}

.se_lb ul{ width:100%; float:left;}

.se_lb li{ float:left; width:23%; margin:0px 1% 10px 1%;}

.se_lb li img{width:100%; display:block;}



a.cd_a_d{ height:30px; line-height:30px; padding:0px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:inline-block; background:#555555; color:#aaaaaa; font-size:1em;}

a.cd_a_d:hover{ background:#01A89E; color:#ffffff;}

}



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

.se1{ background: url(../images/p4_02.jpg) center center no-repeat; background-size:100% 100%; padding:90px 0px 140px 0px;}

.se_lm{ width:1020px; float:left; margin-top:58px; height:80px; margin-left:40px;}

.se_lm a{ display:block; width:120px; height:120px; outline:none;}

.se_lm li{ float:left; width:120px; height:120px; margin-right:180px; margin-top:-58px;}

.se_lm li#B104{ float:right; margin-right:0px;}

.se_lm ul{ width:100%; float:left; background:#7a7a7a; height:2px;}

.se_lmk{ width:100%; float:left; margin-top:60px;}

.se_lmk .imgk{ width:573px; float:left; text-align:center;}

.se_lmk .imgk img{ max-width:100%;}

.se_lmk .txtk{ float:right; width:470px; margin-top:20px;}

.se_lmk .txtk .se_bt{ width:100%; float:left; line-height:130%; font-size:36px; font-weight:bold; margin-bottom:12px;}

.se_lmk .txtk .se_bt b{ color:#01A89E; font-weight:bold;}

.se_lmk .txtk .se_bt p{ font-size:25px; color:#c1c1c1; font-weight:normal; font-family:Verdana,Arial;} 

.se_lmk .txtk .se_ms{ width:100%; float:left; font-size:16px; color:#999999; line-height:28px;}

.se_lmk .txtk .se_ms p{ padding-bottom:12px;}

.se_lmk .txtk .se_ms p.p_1{ color:#555555;}

.se_lmk .txtk a.cd_a_d{ float:left; margin-right:15px;}

.se_lb{ width:100%; float:left; margin-bottom:10px;}

.se_lb ul{ width:590px;}

.se_lb li{ float:left; width:110px; height:70px; margin-right:9px; margin-bottom:10px;}

.se_lb li img{width:110px; height:70px; }



a.cd_a_d{ height:35px; line-height:35px; padding:0px 20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:inline-block; background:#555555; color:#aaaaaa; font-size:14px;}

a.cd_a_d:hover{ background:#01A89E; color:#ffffff;}

}



.se_lb2 .l2 .se_tb2{background:#da5863;}

.se_lb2 .l3 .se_tb2{background:#e1b46d;}

.se_lb2 .l4 .se_tb2{background:#5dbbbf;}

.se_lb2 .l5 .se_tb2{background:#bb91d9;}



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

.se_lb2{ width:100%; float:left; padding:20px 1% 20px 1%;}

.se_lb2 ul{ width:100%; float:left;}

.se_lb2 li{ width:46%; float:left; margin:0px 2% 20px 2%;}

.se_lb2 li.l5{ width:96%; margin-bottom:5px;}

.se_lb2 .se_tb1{ width:100%; float:left; line-height:135%; font-size:1.4em; font-weight:bold;}

.se_lb2 .se_tb1 p{ font-weight:normal; font-size:0.8em; color:#c1c1c1; font-family:Verdana,Arial;}

.se_lb2 .se_lb2n{ float:left; width:100%; line-height:26px; font-size:1em; margin-top:10px;}

.se_lb2 .se_tb2{ height:4px; width:25%; float:left; background:#4575d6; margin-top:2px;}



}



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

.se_lb2{ width:1200px; margin:0px auto; padding:80px 0px 150px 0px; overflow:hidden;}

.se_lb2 ul{ width:1300px;}

.se_lb2 li{ width:160px; float:left; margin:0px 100px 0px 0px;}

.se_lb2 .se_tb1{ width:100%; float:left; line-height:120%; font-size:26px; font-weight:bold;}

.se_lb2 .se_tb1 p{ font-weight:normal; font-size:18px; color:#c1c1c1; font-family:Verdana,Arial;}

.se_lb2 .se_lb2n{ float:left; width:100%; line-height:26px; font-size:16px; margin-top:15px;}

.se_lb2 .se_tb2{ height:5px; width:47px; float:left; background:#4575d6; margin-top:2px;}

}



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

.ca_lb{ width:96%; padding:20px 0px 15px 2%; overflow:hidden;}

.ca_lb ul{ width:100%;}

.ca_lb li{ width:48%;  margin:0px 1% 15px 1%; text-align:center; float:left;}

.ca_lb li .imgk{ width:100%;  overflow:hidden; float:left;}

.ca_lb li .imgk img{ width:100%; }

.ca_lb li p{ font-size:1em; color:#999999; height:20px; text-align:center; margin-bottom:6px; line-height:20px; overflow:hidden; width:100%; float:left;}

.ca_lb li b{ font-weight:bold; font-size:1em; color:#555555; display:block; height:24px; line-height:24px; float:left; overflow: hidden; float:left; margin:6px 0px 2px 0px; text-align:center; width:100%}

.ca_lb li:hover a,.ca_lb li:hover b,.ca_lb li:hover p{ color:#ffffff;}

.ca_lb li:hover{ background:#01A89E;}



.fy1{ width:100%; text-align:center; color:#999999; padding:0px 0px 20px 0px; font-size:1em;}

.fy1 a{ padding:5px 10px;  display:inline-block; background:#ffffff; margin:0px 2px; border:solid 1px #dddddd; font-family:Arial,微软雅黑;}

.fy1 a:hover,.fy1 a.fdq{ background:#d11f1e; color:#ffffff; border:solid 1px #d11f1e;}

.fy1 .s1{ display:none;}

}

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

	

.ca_lb li{ width:98%;  margin:0px 1% 15px 1%; text-align:center; float:left;}
.ct_lb li{ width:360px; height:200px; position:relative; border:solid 1px #b7b7b7; float:left; margin:10px 20px 100px 20px;}

	

	}

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

.ca_lb{ width:1200px; margin:0px auto; padding:55px 0px 45px 0px; overflow:hidden;}

.ca_lb ul{ width:1250px;}

.ca_lb li{ width:380px; height:310px; margin:0px 30px 30px 0px; text-align:center; float:left;}

.ca_lb li .imgk{ width:100%; height:240px; overflow:hidden; float:left;}

.ca_lb li .imgk img{ width:100%; height:240px; transition:All 0.4s ease-in-out;

	-webkit-transition:All 0.4s ease-in-out;

	-moz-transition:All 0.4s ease-in-out;

	-o-transition:All 0.4s ease-in-out;}

.ca_lb li:hover img{transform:scale(1.2);

	-webkit-transform:scale(1.2);

	-moz-transform:scale(1.2);

	-o-transform:scale(1.2);

	-ms-transform:scale(1.2);}

.ca_lb li p{ font-size:14px; height:20px; line-height:20px; overflow:hidden; color:#999999; width:100%;float:left;}

.ca_lb li b{ font-weight:bold; font-size:14px; color:#555555; display:block; float:left; width:100%; margin:10px 0px 2px 0px; height:24px; line-height:24px; overflow:hidden;}

.ca_lb li:hover a,.ca_lb li:hover b,.ca_lb li:hover p{ color:#ffffff;}

.ca_lb li:hover{ background:#01A89E;}



.fy1{ width:100%; text-align:center; color:#999999; padding:0px 0px 80px 0px; font-size:15px;}

.fy1 a{ padding:0px 15px; height:40px; line-height:40px; display:inline-block; background:#ffffff; margin:0px 3px; border:solid 1px #dddddd; font-family:Arial,微软雅黑;}

.fy1 a:hover,.fy1 a.fdq{ background:#d11f1e; color:#ffffff; border:solid 1px #d11f1e;}

}



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

a.cd_a_d2{ border:solid 1px #dbdbdb; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#aaaaaa; height:32px; line-height:30px; padding:0px 0px; display:inline-block; font-size:14px;}

a.cd_a_d2:hover{ background:#01A89E; color:#ffffff; border:solid 1px #01A89E;}

.ca_nr1{ width:100%; float:left; border-bottom:solid 1px #dbdbdb; padding:20px 3%; color:#777777;}

.ca_nr1 .txtk{ float:left; width:100%; font-size:1em; line-height:155%;}

.ca_nr1 a.cd_a_d2{ float:left; width:44%; margin:15px 3% 0px 3%; text-align:center;}

.ca_nr2{ width:94%; float:left; font-size:1em; line-height:155%; margin:15px 0px 20px 3%;}

.ca_nr2 img{ max-width:100%; height:auto;}

}



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

a.cd_a_d2{ border:solid 1px #dbdbdb; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#aaaaaa; height:38px; line-height:36px; padding:0px 20px; display:inline-block; font-size:14px;}

a.cd_a_d2:hover{ background:#01A89E; color:#ffffff; border:solid 1px #01A89E;}

.ca_nr1{ width:100%; float:left; border-bottom:solid 1px #dbdbdb; padding:40px 0px; color:#777777;}

.ca_nr1 .txtk{ float:left; width:890px; font-size:14px; line-height:24px;}

.ca_nr1 a.cd_a_d2{ float:right; margin:5px 15px 0px 0px;}

.ca_nr2{ width:100%; float:left; font-size:14px; line-height:24px; margin:40px 0px 80px 0px;}

.ca_nr2 img{ max-width:100%; height:auto;}

}





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

.n_s{}

.n_s .d1{ float:left; width:100%;  padding:0px 3% 20px 3%;}

.n_s .d2{ float:left; width:100%;  padding:20px 3% 20px 3%; display:none;}

.ssj{ width:100%; height:17px; line-height:17px; float:left; margin:15px 0px 15px 0px; color:#aaaaaa; font-size:1em;}

.ssj i{ float:left; margin-right:10px;}

i.i_sj{ background:url(../images/p8_04.png) no-repeat; background-size:100% 100%; width:17px; height:17px; display:inline-block;}

.snr{ width:100%; float:left; font-size:1em; line-height:155%; color:#777777; margin-bottom:20px;}

.snr img{ max-width:100%; height:auto;}

.s_gg{ width:100%; float:left; margin-bottom:10px; text-align:center;}

.s_gg img{ width:100%;  max-width:300px;}

a.cd_fh{ float:left; line-height:17px; width:100%; text-align:center; padding:8px 20px; font-size:1.1em; color:#999999; background:#ededed; 

 -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

a.cd_fh i{ background:url(../images/p8_20.png) no-repeat; background-size:100% 100%; width:9px; height:17px; display:inline-block; vertical-align:middle; margin-right:10px;}

a.cd_fh:hover{ background:#f2f2f2; color:#333333;}



}



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

.n_s{}

.n_s .d1{ float:left; width:845px; border-right:solid 1px #e8e8e8; padding-bottom:60px;}

.n_s .d2{ float:right; width:300px; padding:60px 0px;}



.ssj{ width:100%; height:17px; line-height:17px; float:left; margin:20px 0px 30px 0px; color:#aaaaaa; font-size:16px;}

.ssj i{ float:left; margin-right:10px;}

i.i_sj{ background:url(../images/p8_04.png) no-repeat; background-size:100% 100%; width:17px; height:17px; display:inline-block;}

.snr{ width:800px; float:left; font-size:14px; line-height:24px; color:#777777; margin-bottom:30px;}

.snr img{ max-width:100%; height:auto;}

.s_gg{ width:100%; float:left; margin-bottom:10px;}

.s_gg img{ width:100%; display:block;}

a.cd_fh{ float:left; line-height:17px; padding:10px 20px; font-size:16px; color:#999999; background:#ededed;}

a.cd_fh i{ background:url(../images/p8_20.png) no-repeat; background-size:100% 100%; width:9px; height:17px; float:left; margin-right:10px;}

a.cd_fh:hover{ background:#f2f2f2; color:#333333;}

}



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

.ctk{ width:100%; background:#ffffff;  background-size:100% 100%;}

.ct1{ width:94%; height:40px; text-align:center;  border:solid 2px #b7b7b7; background:#ffffff; font-weight:bold; float:left; margin:20px 0px 50px 3%;}

.ct1 span{ display:inline-block; text-align:center; padding:0px 8px; font-size:1.2em; line-height:35px; background:#ffffff; margin-top:-20px;}

.ct1 span b{ padding-left:5px; font-size:1.2em; color:#01A89E; font-weight:bold;}

.ct_lb{ width:94%; margin-left:3%; float:left; position:relative; margin-bottom:30px;}

.ct_lb ul{ float:left;}

.ct_lb li{ width:100%;  position:relative; border:solid 1px #b7b7b7; float:left; margin:0px 0px 35px 0px;}

.ct_lb li i{ position:absolute; right:15px; top:-30px;}

.ct_lb .txtk{ float:left; margin:20px 0px 50px 3%; width:94%; font-size:1em; line-height:155%; color:#888888;}

.ct_lb .txtk b{ display:block; font-weight:bold; font-size:1.3em; color:#555555; padding-bottom:10px;}

.ct_lb i.i1{ background:url(../images/p9_04.png) #ffffff no-repeat; background-size:100% 100%; width:30px; height:47px; display:inline-block;}

.ct_lb i.i2{ background: url(../images/p9_06.png) #ffffff no-repeat; background-size:100% 100%; width:30px; height:47px; display:inline-block;}

.ct_lb i.i3{ background: url(../images/p9_08.png) #ffffff no-repeat; background-size:100% 100%; width:30px; height:47px; display:inline-block;}

.ct_lb a.cd_dz{ background: url(../images/p9_17.png) no-repeat; background-size:100% 100%; width:40px; height:40px; position:absolute; bottom:-20px; left:50%; margin-left:-20px; }

.ct_lb a.cd_dz:hover{background: url(../images/p9_14.png) no-repeat; background-size:100% 100%;}

}



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

.ctk{ width:100%; background:url(../images/p10_02.jpg) no-repeat;  background-size:100% 100%;}

.ct1{ width:540px; height:45px; text-align:center;  border-bottom: solid 1px #b7b7b7;  font-weight:bold; float:left; margin:110px 0px 130px 330px;}

.ct1 span{ display:inline-block; text-align:center; padding:0px 8px; font-size:20px; line-height:35px;  margin-top:-20px;}

.ct1 span b{ padding-left:10px; font-size:36px; color:#01A89E; font-weight:bold;}

.ct_lb{ width:100%; float:left; position:relative; margin-bottom:150px;}

.ct_lb ul{ float:left;}

.ct_lb li{ width:360px; height:260px; position:relative; border:solid 1px #b7b7b7; float:left; margin:10px 20px 100px 20px;}

.ct_lb li i{ position:absolute; right:30px; top:-70px;}

.ct_lb .txtk{ float:left; margin:30px 0px 0px 35px; width:290px; font-size:14px; line-height:24px; color:#888888;}

.ct_lb .txtk b{ display:block; font-weight:bold; font-size:18px; color:#555555; padding-bottom:15px;}

.ct_lb i.i1{ background:url(../images/p9_04.png)  no-repeat; background-size:100% 100%; width:67px; height:105px; display:inline-block;}

.ct_lb i.i2{ background: url(../images/p9_06.png)  no-repeat; background-size:100% 100%; width:67px; height:105px; display:inline-block;}

.ct_lb i.i3{ background: url(../images/p9_08.png)  no-repeat; background-size:100% 100%; width:67px; height:105px; display:inline-block;}

.ct_lb i.i4{ background: url(../images/p9_09.png)  no-repeat; background-size:100% 100%; width:67px; height:105px; display:inline-block;}

.ct_lb a.cd_dz{ background: url(../images/p9_17.png) no-repeat; background-size:100% 100%; width:96px; height:96px; position:absolute; bottom:-48px; left:50%; margin-left:-48px; }

.ct_lb a.cd_dz:hover{background: url(../images/p9_14.png) no-repeat; background-size:100% 100%;}

}









.ab_ban .ab_lm span{

animation:fadeInLeft 1s .2s ease both;

-webkit-animation:fadeInLeft 1s .2s ease both;

-moz-animation:fadeInLeft 1s .2s ease both;}

@keyframes fadeInLeft{

0%{opacity:0;

transform:translateX(-20px)}

100%{opacity:1;

transform:translateX(0)}

}





@-webkit-keyframes fadeInLeft{

0%{opacity:0;

-webkit-transform:translateX(-20px);}

100%{opacity:1;

-webkit-transform:translateX(0)}

}





@-moz-keyframes fadeInLeft{

0%{opacity:0;

-moz-transform:translateX(-20px)}

100%{opacity:1;

-moz-transform:translateX(0)}

}







.ab_ban .ab_lm p{

animation:fadeInRight 1s .2s ease both;

-webkit-animation:fadeInRight 1s .2s ease both;

-moz-animation:fadeInRight 1s .2s ease both;}

@keyframes fadeInRight{

0%{opacity:0;

transform:translateX(20px)}

100%{opacity:1;

transform:translateX(0)}

}

@-webkit-keyframes fadeInRight{

0%{opacity:0;

-webkit-transform:translateX(20px)}

100%{opacity:1;

-webkit-transform:translateX(0)}

}

@-moz-keyframes fadeInRight{

0%{opacity:0;

-moz-transform:translateX(20px)}

100%{opacity:1;

-moz-transform:translateX(0)}

}



.menu{

animation:fadeInDown 1s .2s ease both;

-webkit-animation:fadeInDown 1s .2s ease both;

-moz-animation:fadeInDown 1s .2s ease both;}

@-webkit-keyframes fadeInDown{

0%{opacity:0;

-webkit-transform:translateY(-20px)}

100%{opacity:1;

-webkit-transform:translateY(0)}

}

@keyframes fadeInDown{

0%{opacity:0;

transform:translateY(-20px)}

100%{opacity:1;

transform:translateY(0)}

}



@-moz-keyframes fadeInDown{

0%{opacity:0;

-moz-transform:translateY(-20px)}

100%{opacity:1;

-moz-transform:translateY(0)}

}





.active .bt1{

animation:fadeInRight 1s .2s ease both;

-webkit-animation:fadeInRight 1s .2s ease both;

-moz-animation:fadeInRight 1s .2s ease both;}

@keyframes fadeInRight{

0%{opacity:0;

transform:translateX(250px)}

100%{opacity:1;

transform:translateX(0)}

}

@-webkit-keyframes fadeInRight{

0%{opacity:0;

-webkit-transform:translateX(250px)}

100%{opacity:1;

-webkit-transform:translateX(0)}

}



@-moz-keyframes fadeInRight{

0%{opacity:0;

-moz-transform:translateX(250px)}

100%{opacity:1;

-moz-transform:translateX(0)}

}

.active .bt2,.active .bt3{

animation:fadeInLeft 1s .2s ease both;

-webkit-animation:fadeInLeft 1s .2s ease both;

-moz-animation:fadeInLeft 1s .2s ease both;}

@keyframes fadeInLeft{

0%{opacity:0;

transform:translateX(-250px)}

100%{opacity:1;

transform:translateX(0)}

}



@-webkit-keyframes fadeInLeft{

0%{opacity:0;

-webkit-transform:translateX(-250px)}

100%{opacity:1;

-webkit-transform:translateX(0)}

}

@-moz-keyframes fadeInLeft{

0%{opacity:0;

-moz-transform:translateX(-250px)}

100%{opacity:1;

-moz-transform:translateX(0)}

}

.active .n2 li:nth-child(1),.active .owl-item:nth-child(1){

animation:fadeInUp 1s .4s ease both;

-webkit-animation:fadeInUp 1s .4s ease both;

-moz-animation:fadeInUp 1s .4s ease both;}

.active .n2 li:nth-child(2),.active .owl-item:nth-child(2){

animation:fadeInUp 1s .8s ease both;

-webkit-animation:fadeInUp 1s .8s ease both;

-moz-animation:fadeInUp 1s .8s ease both;}

.active .n2 li:nth-child(3),.active .owl-item:nth-child(3){

animation:fadeInUp 1s 1.2s ease both;

-webkit-animation:fadeInUp 1s 1.2s ease both;

-moz-animation:fadeInUp 1s 1.2s ease both;}

.active .n2 li:nth-child(4){

animation:fadeInUp 1s 1.6s ease both;

-webkit-animation:fadeInUp 1s 1.6s ease both;

-moz-animation:fadeInUp 1s 1.6s ease both;}

@keyframes fadeInUp{

0%{opacity:0;

transform:translateY(250px)}

100%{opacity:1;

transform:translateY(0)}

}

@-webkit-keyframes fadeInUp{

0%{opacity:0;

-webkit-transform:translateY(250px)}

100%{opacity:1;

-webkit-transform:translateY(0)}

}

@-moz-keyframes fadeInUp{

0%{opacity:0;

-moz-transform:translateY(250px)}

100%{opacity:1;

-moz-transform:translateY(0)}

}



.active .lb1 li:nth-child(1){

animation:fadeInDown 1s .4s ease both;

-webkit-animation:fadeInDown 1s .4s ease both;

-moz-animation:fadeInDown 1s .4s ease both;}

.active .lb1 li:nth-child(2){

animation:fadeInDown 1s .8s ease both;

-webkit-animation:fadeInDown 1s .8s ease both;

-moz-animation:fadeInDown 1s .8s ease both;}

.active .lb1 li:nth-child(3){

animation:fadeInDown 1s 1.2s ease both;

-webkit-animation:fadeInDown 1s 1.2s ease both;

-moz-animation:fadeInDown 1s 1.2s ease both;}

.active .lb1 li:nth-child(4){

animation:fadeInDown 1s 1.6s ease both;

-webkit-animation:fadeInDown 1s 1.6s ease both;

-moz-animation:fadeInDown 1s 1.6s ease both;}

.active .lx_nr,.pf{

animation:fadeInRight 1s .5s ease both;

-webkit-animation:fadeInRight 1s .5s ease both;

-moz-animation:fadeInRight 1s .5s ease both;}

.active .lx_fo{

animation:fadeInLeft 1s .8s ease both;

-webkit-animation:fadeInLeft 1s .8s ease both;

-moz-animation:fadeInLeft 1s .8s ease both;}

.active .lx_gt{

animation:fadeInRight 1s .8s ease both;

-webkit-animation:fadeInRight 1s .8s ease both;

-moz-animation:fadeInRight 1s .8s ease both;}

.active .lx_tel{

animation:fadeInLeft 1s 1.2s ease both;

-webkit-animation:fadeInLeft 1s 1.2s ease both;

-moz-animation:fadeInLeft 1s 1.2s ease both;}

.active .lx2_2{

animation:fadeInRight 1s 1.2s ease both;

-webkit-animation:fadeInRight 1s 1.2s ease both;

-moz-animation:fadeInRight 1s 1.2s ease both;}

.active .lx_x{

animation:fadeInUp 1s 1.4s ease both;

-webkit-animation:fadeInUp 1s 1.4s ease both;

-moz-animation:fadeInUp 1s 1.4s ease both;}

.active .morek{

animation:fadeInUp 1s 2s ease both;

-webkit-animation:fadeInUp 1s 2s ease both;

-moz-animation:fadeInUp 1s 2s ease both;}

.active .bj1 img{

animation:fadeInUp 1s .4s ease both;

-webkit-animation:fadeInUp 1s .4s ease both;

-moz-animation:fadeInUp 1s .4s ease both;}

@keyframes fadeInDown{

0%{opacity:0;

transform:translateY(-250px)}

100%{opacity:1;

transform:translateY(0)}

}

@-webkit-keyframes fadeInDown{

0%{opacity:0;

-webkit-transform:translateY(-250px)}

100%{opacity:1;

-webkit-transform:translateY(0)}

}

@-moz-keyframes fadeInDown{

0%{opacity:0;

-moz-transform:translateY(-250px)}

100%{opacity:1;

-moz-transform:translateY(0)}

}





.active .ab_lb li:nth-child(1),.active .ab_lb li:nth-child(6),.active .ab_lb li:nth-child(11){

animation:flipInY 1s .6s ease both;

-webkit-animation:flipInY 1s .6s ease both;

-moz-animation:flipInY 1s .6s ease both;}

.active .ab_lb li:nth-child(2),.active .ab_lb li:nth-child(7),.active .ab_lb li:nth-child(12){

animation:flipInY 1s .8s ease both;

-webkit-animation:flipInY 1s .8s ease both;

-moz-animation:flipInY 1s .8s ease both;}

.active .ab_lb li:nth-child(3),.active .ab_lb li:nth-child(8),.active .ab_lb li:nth-child(13){

animation:flipInY 1s 1.2s ease both;

-webkit-animation:flipInY 1s 1.2s ease both;



-moz-animation:flipInY 1s 1.2s ease both;}

.active .ab_lb li:nth-child(4),.active .ab_lb li:nth-child(9),.active .ab_lb li:nth-child(14){

animation:flipInY 1s 1.4s ease both;

-webkit-animation:flipInY 1s 1.4s ease both;

-moz-animation:flipInY 1s 1.4s ease both;}

.active .ab_lb li:nth-child(5),.active .ab_lb li:nth-child(10),.active .ab_lb li:nth-child(15){

animation:flipInY 1s 1.7s ease both;

-webkit-animation:flipInY 1s 1.7s ease both;

-moz-animation:flipInY 1s 1.7s ease both;}

@keyframes flipInY{	

0%{transform:perspective(300px) rotateY(90deg);

opacity:0;}

40%{transform:perspective(300px) rotateY(-10deg);}

70%{transform:perspective(300px) rotateY(10deg);}

100%{transform:perspective(300px) rotateY(0deg);

opacity:1}

}

@-webkit-keyframes flipInY{

0%{-webkit-transform:perspective(300px) rotateY(90deg);

opacity:0}

40%{-webkit-transform:perspective(300px) rotateY(-10deg)}

70%{-webkit-transform:perspective(300px) rotateY(10deg)}

100%{-webkit-transform:perspective(300px) rotateY(0deg);

opacity:1}

}

@-moz-keyframes flipInY{

0%{-moz-transform:perspective(300px) rotateY(90deg);

opacity:0}

40%{-moz-transform:perspective(300px) rotateY(-10deg)}

70%{-moz-transform:perspective(300px) rotateY(10deg)}

100%{-moz-transform:perspective(300px) rotateY(0deg);

opacity:1}

}









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

.ssp3{ position:absolute; width:100%; height:540px; left:0px; top:50%; margin-top:-240px;}	

.ssp4{ position:absolute; width:100%; height:570px; left:0px; top:50%; margin-top:-255px;}		

.ssp5{ position:absolute; width:100%; height:550px; left:0px; top:50%; margin-top:-245px;}		

.ssp6{ position:absolute; width:100%; height:580px; left:0px; top:50%; margin-top:-250px;}	

	

}

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

	.mouse-animte {

		 display:none;

    background: rgba(0, 0, 0, 0) url(../images/sb1.png) no-repeat scroll center center;

    bottom:20px;

    height: 31px;

    left: 50%;

    margin-left: -10px;

    position: absolute;

    width: 20px;

    z-index: 3;

}

.mouse-animte a {

    display: block;

    height: 100%;

    position: relative;

    width: 100%;

}

.mouse-animte a img {

    animation: 1s cubic-bezier(0.45, 0.45, 0.45, 0.45) 0s alternate none infinite running aimte;

    left: 50%;

    margin-left: -3px;

    opacity: 1;

    position: absolute;

    top: 6px;

}

	}

	

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

	.mouse-animte {

    background: rgba(0, 0, 0, 0) url(../images/sb1.png) no-repeat scroll center center;

    bottom:20px;

    height: 31px;

    left: 50%;

    margin-left: -10px;

    position: absolute;

    width: 20px;

    z-index: 3;

}

.mouse-animte a {

    display: block;

    height: 100%;

    position: relative;

    width: 100%;

}

.mouse-animte a img {

    animation: 1s cubic-bezier(0.45, 0.45, 0.45, 0.45) 0s alternate none infinite running aimte;

    left: 50%;

    margin-left: -2px;

    opacity: 1;

    position: absolute;

    top: 6px;

}

	}





@keyframes aimte {

0%, 20%, 40%, 60%, 80%, 100% {

    animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1);

}

20% {

    opacity: 0.5;

    top: 8px;

}

40% {

    opacity: 0.8;

    top: 10px;

}

60% {

    opacity: 1;

    top: 12px;

}

80% {

    opacity: 0.8;

    top: 14px;

}

100% {

    opacity: 0.5;

    top: 16px;

}

}





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

.pf{ position:fixed; z-index:22; display:none; height:0px;}

}



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

.pf{ position:fixed; z-index:22; right:0px; top:50%; width:60px; margin-top:-122px;}

.pf li{ float:left; width:53px; height:53px; position:relative; margin-bottom:15px;}

.pf a{ display:block; height:53px; line-height:53px; outline:none; position:absolute; left:0px; top:0px; width:53px;}

.pf .on,.pf .ewm{ cursor:pointer;}

.pf .l1 .txtk{ background:url(../images/t1_.png) no-repeat; width:208px; height:53px; position:absolute; left:155px; top:0px;}

.pf .l3 .txtk{ background:url(../images/t_ewm.png) no-repeat; width:208px; height:131px; position:absolute; left:-155px; top:-35px; display:none;}

.pf .l1 a{ background:url(../images/t1.png) no-repeat}

.pf .l2 a{ background:url(../images/t2.png) no-repeat}

.pf .l2 a:hover{background:url(../images/t2_.png) no-repeat}

.pf .l3 a{ background:url(../images/t3.png) no-repeat; z-index:1;}

.pf .l3 a:hover,.pf .l3 a.on{background:url(../images/t3_.png) no-repeat}

.pf .l4 a{ background:url(../images/t4.png) no-repeat}

.pf .l4 a:hover{background:url(../images/t4_.png) no-repeat}

}



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

	.ab_lb2{ display:none;}

}



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

	.ab_lb2{ width:94%; margin-left:3%;}

.ab_lb2 li{ float:left; width:100%;}

.ab_lb2 .imgk{ width:100%; float:left;}

.ab_lb2 .imgk img{ width:100%; display:block;}

.ab_lb2 .txtk{ width:100%; font-size:1em; line-height:150%; padding:15px 0px; float:left;}

.ab_lb2 .txtk b{ display:block; font-size:1.3em; line-height:normal; padding-bottom:5px; font-weight:bold;}

}



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

.an_ban{ width:100%; position:relative;}

.an_ban .img1{ display:none;}

.an_ban .img2{ width:100%; display:block; float:left;}

.an_ban .an_ts{ float:left; width:100%; background:#ededed; padding:20px 3% 10px 3%; text-align:center; font-size:1em; line-height:155%;}

.an_ban .an_ts h1{ width:100%; float:left; font-size:1.4em; color:#472e91; font-family:Arial,微软雅黑; line-height:155%; background:url(../images/asx_07.jpg) bottom center no-repeat; padding-bottom:10px; margin-bottom:12px;}

.an_ban .an_ts .p_1{ width:100%; float:left; font-weight:bold; font-size:1.15em; color:#472e91; line-height:155%; margin-bottom:6px;}

.an_ban .an_ts .p_2{ width:100%; float:left; font-weight:bold; font-size:1em; line-height:155%; margin-bottom:15px;}



.an_link{ width:100%;  text-align:center; position:fixed; left:0px; bottom:15px;  }

.an_link a{ display:inline-block; width:35px; height:35px; line-height:35px; margin:0px 7px;}

.an_link a.lk1{ background:url(../images/as1.png) no-repeat; background-size:100% 100%;}

.an_link a.lk1:hover{ background:url(../images/as1_.png) no-repeat; background-size:100% 100%;}

.an_link a.lk2{ background:url(../images/as2.png) no-repeat; background-size:100% 100%;}

.an_link a.lk2:hover{ background:url(../images/as2_.png) no-repeat; background-size:100% 100%;}

.an_link a.lk3{ background:url(../images/as3.png) no-repeat; background-size:100% 100%;}

.an_link a.lk3:hover{ background:url(../images/as3_.png) no-repeat; background-size:100% 100%;}

.an_link a.lk4{ background:url(../images/as4.png) no-repeat; background-size:100% 100%;}

.an_link a.lk4:hover{ background:url(../images/as4_.png) no-repeat; background-size:100% 100%;}

.an_link a.lk5{ background:url(../images/as5.png) no-repeat; background-size:100% 100%;}

.an_link a.lk5:hover{ background:url(../images/as5_.png) no-repeat; background-size:100% 100%;}



.an_k{ width:100%; background:#ededed; padding:20px 0px 20px 0px;}

.an_k .main{ width:94%; margin-left:3%;}

.an_dt{ width:100%; display:none;}	

}



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

.an_ban{ width:100%; position:relative; overflow:hidden;}

.an_ban .img1{ width:1920px; position:relative; left:50%; margin-left:-960px;}

.an_ban .img2{ display: none;}

.an_ban .an_ts{ width:1200px; position:absolute; left:50%; margin-left:-600px; top:180px; text-align:center;}

.an_ban .an_ts h1{ width:100%; float:left; font-size:58px; color:#472e91; font-family:Arial,微软雅黑; line-height:75px; background:url(../images/asx_07.jpg) bottom center no-repeat; padding-bottom:10px; margin-bottom:15px;}

.an_ban .an_ts .p_1{ width:100%; float:left; font-weight:bold; font-size:20px; color:#472e91; line-height:normal; margin-bottom:20px;}

.an_ban .an_ts .p_2{ width:60%; margin-left:20%; float:left; font-weight:bold; font-size:14px; color:#ffffff; line-height:24px; margin-bottom:20px;}

.an_ban .menu{ background:none;}

.an_ban .menu a.logo{ background:url(../images/p21_06_.png) no-repeat; background-size:100% 100%;}

.an_ban .menu #menu2{ background: url(../images/p21_03_.png) no-repeat; background-size:100% 100%;}

.an_k{ width:100%; background:#ededed; padding:50px 0px 60px 0px;}

.an_dt{ width:100%; background:url(../images/sky.jpg) center center no-repeat; height:289px;}



.an_link{ width:100%; position: fixed; left:0px; bottom:30px; text-align:center; height:53px;}

.an_link a{ display:inline-block; width:53px; height:53px; line-height:53px; margin:0px 12px;}

.an_link a.lk1{ background:url(../images/as1.png) no-repeat; background-size:100% 100%;}

.an_link a.lk1:hover{ background:url(../images/as1_.png) no-repeat; background-size:100% 100%;}

.an_link a.lk2{ background:url(../images/as2.png) no-repeat; background-size:100% 100%;}

.an_link a.lk2:hover{ background:url(../images/as2_.png) no-repeat; background-size:100% 100%;}

.an_link a.lk3{ background:url(../images/as3.png) no-repeat; background-size:100% 100%;}

.an_link a.lk3:hover{ background:url(../images/as3_.png) no-repeat; background-size:100% 100%;}

.an_link a.lk4{ background:url(../images/as4.png) no-repeat; background-size:100% 100%; margin-left:50px;}

.an_link a.lk4:hover{ background:url(../images/as4_.png) no-repeat; background-size:100% 100%;}

.an_link a.lk5{ background:url(../images/as5.png) no-repeat; background-size:100% 100%;}

.an_link a.lk5:hover{ background:url(../images/as5_.png) no-repeat; background-size:100% 100%;}



}