@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,span,table,tr{padding:0;margin:0;}
body{font-family:Tahoma,Arial, Helvetica, sans-serif; color:#232424; padding:0; margin:0; list-style:none;}
ul li{ list-style:none; }
p{ padding:0; margin:0;}
.bmax{ width:100%; height:80px; float:left;}
.jbob{ width:100%; height:30px; float:left;}
.bob{ width:100%; height:35px; float:left;}
.bmin{ width:100%; height:25px; float:left;}
.bmin30{ width:100%; height:30px; float:left;}
.bmin40{ width:100%; height:40px; float:left;}
.bmin60{ width:100%; height:60px; float:left;}
.bmin2{ width:100%; height:20px; float:left;}
.bmin3{ width:100%; height:10px; float:left;}
.bmin4{ width:100%; height:5px; float:left;}
.bmin5{ width:100%; height:2px; float:left;}
.bline{ width:100%; height:1px; float:left; background:#d4d4d4;}	
.bline2{ width:100%; height:1px; float:left; background:#d2d2d2;}
.bline3{ width:100%; height:1px; float:left; background:#000;}	
.containermian{ width:100%; height:auto; float:left; overflow:hidden;}
.md{ width:1250px;}
.mds{ width:1280px;}
.nmd{ width:1350px;}
.posr{ position:relative;}
.posa{ position:absolute;}
.plr0{ padding:0;}
.plr5{ padding:0px 5px;}
.plr10{ padding:0px 10px;}
#bg{ background:#f2f2f2; width:100%; float:left;}
.hebg{ background:#393939;}
.cbg{ background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#393939,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 10px 15px #393939;/*兼容firefox*/
-webkit-box-shadow: 0px 10px 15px #393939;/*兼容safari或chrome*/
box-shadow:0px 10px 15px #393939;/*兼容opera或ie9*/
}

/*--头部--*/
.topbox{ width:100%; height:auto; float:left; background:#1d76c9;}
.topbox .p1{ width:50%; height:50px; line-height:50px; float:left; color:#FFF; font-size:15px;}
.topbox .p2{ width:50%; height:50px; float:left; text-align:right; padding-top:5px;}
.topbox .p2 a{ display:inline-block; line-height:45px; color:#FFF; font-size:15px; padding:0 15px; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.topbox .p2 a:hover{ color:#1d76c9; background:#FFF; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
#cen{ color:#1d76c9; background:#FFF;}

/*--header--*/
.header{ width:100%; float:left;}
.headbox{ width:100%; height:auto; float:left; padding:20px 0px;}
.logo{ width:70%; float:left;}
.logo img{ max-width:100%;}

/*-- 搜索 --*/
.searchbox{ width:30%; float:left; margin-top:40px;}
.searchbox .p1{ width:79%; height:42px; float:left; border:1px solid #959595; line-height:40px;
font-size:14px; padding:0px 10px; cursor:pointer;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.searchbox .p2{ width:19%; height:42px; float:left; margin-left:2%; background:url(../img/page/search.png) center center #1d76c9 no-repeat; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; cursor:pointer;}
.searchbox .p2:hover{ background:url(../img/page/search.png) center center #333333 no-repeat;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.searchbox img{ float:right; cursor:pointer; width:35px;}
.searchlogo{ width:100%; height:auto; float:left; text-align:center; position:relative; margin-top:11%;}
.searchlogo img{ max-width:100%;}
.searchlogo span{ right:20%; top:0%; max-width:100%; position:absolute; cursor:pointer;}
.searchlogo span img{ width:20px;}
.search-show{ width:100%; height:100%; position:fixed; background:#CCC; border:0; top:0; display:none; left:0px; z-index:99999;-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
filter:alpha(opacity=98); -moz-opacity:0.98; -khtml-opacity:0.98; opacity:0.98;
}
#search_input1{outline:none;height:50px; width:40%; border:1px solid #FFF; line-height:50px;float:left;color:#000; font-size:14px; margin-top:4%; margin-left:28%;padding:0 5px; background:#FFFs;
filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#search_input2{ float:left; width:80px; height:50px; padding:5px 20px; outline:none; margin-top:4%; margin-left:5px; cursor:pointer; background:#1d76c9;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

/*-- navbox --*/
.navbox{ width:100%; height:auto; float:left; padding:10px 0px; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; text-align:center; position:relative; z-index:999;}
.navbox a{ display:inline-block; width:110px; margin:0px 2.5%; text-align:center; height:42px; line-height:42px; color:#626262; font-size:16px; font-weight:bold; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari 和 Chrome */
border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.navbox a:hover{ color:#FFF; background:#1d76c9;}
#choose{ color:#FFF; background:#1d76c9; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.hnav{ width:100%; height:auto; padding:10px 0px; position:absolute; left:0; top:84%; display:none; z-index:1; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.hnavone{ width:100%; height:auto; float:left; background:url(../img/page/navbg.png); padding:50px 0px; }
.npicbox{ width:100%; height:auto; float:left;}
.npicbox a{ width:100%; margin:0; height:auto; float:left; }
.npicbox a:hover{ color:#1d76c9; background:none;}
.npic{ width:100%; height:auto; float:left; overflow:hidden; background:#06F;}
.npic img{ width:100%; -webkit-transition: 0.6s; -moz-transition: 0.6s; transition: 0.6s; }
.npic:hover img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
}
.npic-name{ width:100%; height:30px; margin-top:5px; float:left; font-size:14px; background:url(../img/page/navjt.png) right center no-repeat; line-height:30px; text-align:left;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.npicbox:hover .npic-name{ padding-left:3%; *width:97%;}

.bhnav{ width:100%; height:auto; position:absolute; left:0%; top:84%; display:none; z-index:1; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s; padding:10px 0px;}
.bbm{width:100%; height:auto; float:left; background:url(../img/page/navbg.png); padding:20px;}
.bhnavone{ width:600px; height:auto; float:left; margin-left:130px; }
.bhnav .bhs{ width:50%;float:left; padding:0px 15px; text-align:left; padding-left:140px;}
#bhs{ padding-left:0; }
.bhnav .bhs a{ width:100%; height:auto; line-height:30px; font-size:14px; float:left; text-align:left;}
.bhnav .bhs a:hover{ color:#1d76c9; background:none;}
.bhline{ border-right:1px solid #CCC;}

/*-- banner --*/
.bannerbox{ width:100%; height:auto; float:left; position:relative; overflow:hidden;}
.inbanner{ width:100%; height:auto; float:left; background:#48494a;}
.bannerline{ width:100%; height:15px; float:left; background:url(../img/page/bannerline.jpg) center center no-repeat #efdbcd;}
.in-box{ width:100%; height:500px; float:left; overflow:hidden; position:relative; z-index:1;}
.in-box span{ width:100%; height:100%; float:left; background-size:cover; background-position: center center;
-webkit-animation: banner_one 5s ease-in-out;
-moz-animation: banner_one 5s ease-in-out;
-o-animation: banner_one 5s ease-in-out;
animation: banner_one 5s ease-in-out;
}

@-webkit-keyframes banner_one{
  0% {
    -webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
    transform: scale(1.10);
  }
  100% { 
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes banner_one {
  0% {
    -webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
    transform: scale(1.10);
  }
  100% { 
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes banner_one {
   0% {
    -webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
    transform: scale(1.10);
  }
  100% { 
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
    transform: scale(1);
  }
}

/*-- 首页one --*/
.syonebox{ width:100%; height:auto; float:left;}
.syone-t{ width:100%; height:auto; float:left; margin-top:40px; line-height:70px; font-size:40px; color:#000; text-align:center; font-weight:bold; letter-spacing:2px;}
.syones{ width:100%; height:auto; float:left;}
.syone{ width:100%; height:auto; float:left; margin-top:30px; border:1px solid #959595;}
.syone-img{ width:100%; height:auto; float:left; overflow:hidden;}
.syone-img img{ width:100%; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.syone-show{ width:100%; height:auto; float:left; padding:5px 15px 18px;}
.syone-show .p1{ width:100%; height:40px; float:left; font-size:15px; color:#333333; font-weight:600; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.syone-show .p1 table{ width:100%; height:100%; float:left;}
.syone-show .p2{ width:100%; height:60px; float:left; color:#707070; line-height:20px;
overflow: hidden; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.syone-show .p2 table{ width:100%; height:100%; float:left;}
.syone-show .p2 table tr td{ vertical-align:top;}
.syone-show .p3{ width:100%; height:auto; float:left;}
.syone-show .p3 span{ font-size:13px; color:#959595; float:left; border-bottom:1px solid #959595; line-height:30px; padding:0px 5px; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.syone:hover{ background:#1d76c9;}
.syone:hover .syone-show .p1{ color:#FFF;  -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.syone:hover .syone-show .p2{ color:#FFF; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.syone:hover .syone-show .p3 span{ color:#FFF; border-bottom:1px solid #FFF; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.syone:hover .syone-img img{ -webkit-transform: scale(1.08);-moz-transform: scale(1.08);transform: scale(1.08); -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}

.syone-btn{ width:100%; height:auto; float:left; text-align:center; margin-top:65px; margin-bottom:90px;}
.syone-btn a{ width:160px; height:45px; display:inline-block; background:#1d76c9;}
.syone-btn a i{ width:160px; height:45px; float:left; background:url(../img/page/syjt.png) center center no-repeat;}


/*-- 首页two --*/
.sytwobox{ width:100%; height:620px; float:left; background-image:url(../img/page/sytwobg.jpg); background-size:cover; background-position:center bottom; background-attachment:fixed;}
.sytwo-t{ width:100%; height:auto; float:left; padding:60px 0px; line-height:70px; font-size:40px; color:#FFF; text-align:center; font-weight:bold; letter-spacing:2px;}
.sytwo-m{ width:100%; height:auto; float:left;}
.sytwo-mp{ width:100%; height:auto; float:left; text-align:center;}
.sytwo-mps{ width:135px; display:inline-block; font-size:18px; color:#f7a600; margin:0px 90px; line-height:18px; font-weight:bold;}

.sytwo-md{ width:100%; height:auto; padding:20px 0px; text-align:center;}
.sytwo-mds{ width:135px; display:inline-block; margin:20px 90px; text-align:center; }
.sytwo-mds span{
width:30px; height:30px; display:inline-block; background:#FFF;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.sytwo-mds span i{ width:10px; height:10px; float:left; background:#1d76c9; margin-top:10px; margin-left:10px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
-webkit-animation-timing-function: ease-in-out;    /*动画时间曲线*/
-webkit-animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
-webkit-animation-duration: 1200ms;              /*动画持续时间*/
-webkit-animation-iteration-count: infinite;    /*动画要重复次数*/
-webkit-animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
-moz-animation-timing-function: ease-in-out;    /*动画时间曲线*/
-moz-animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
-moz-animation-duration: 1200ms;              /*动画持续时间*/
-moz-animation-iteration-count: infinite;    /*动画要重复次数*/
-moz-animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
animation-timing-function: ease-in-out;    /*动画时间曲线*/
animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
animation-duration: 1200ms;              /*动画持续时间*/
animation-iteration-count: infinite;    /*动画要重复次数*/
animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
}
.sytwo-line{ width:100%; height:auto; float:left; text-align:center; margin-top:-54px;}
.sytwo-line i{ width:650px; height:1px; background:#b5b5b5; display:inline-block;}

.sytwo-d{ width:100%; height:auto; float:left; margin-top:50px;}
.sytone{ width:100%; height:auto; float:left; text-align:center; color:#FFF;}
.sytone-img1{ width:100%; height:80px; float:left; background:url(../img/page/sytwo01.png) center center no-repeat;}
.sytone-img2{ width:100%; height:80px; float:left; background:url(../img/page/sytwo02.png) center center no-repeat;}
.sytone-img3{ width:100%; height:80px; float:left; background:url(../img/page/sytwo03.png) center center no-repeat;}
.sytone-img4{ width:100%; height:80px; float:left; background:url(../img/page/sytwo04.png) center center no-repeat;}
.sytone-num{ width:100%; height:auto; float:left; color:#FFF; text-align:center; font-size:52px; font-weight:bold;}
.sytone-name{ width:100%; height:auto; float:left; font-size:20px; text-align:center; color:#FFF; padding:10px 0px;}

/*--呼吸灯--*/
@-webkit-keyframes breathe {
0% { opacity: 0.6;}
50% { opacity: 1;}
100% { opacity: 0.6;}
}
@-moz-keyframes breathe {
0% { opacity: 0.6;}
50% { opacity: 1;}
100% { opacity: 0.6;}
}
@keyframes breathe {
0% { opacity: 0.6;}
50% { opacity: 1;}
100% { opacity: 0.6;}
}

/*-- sythbox --*/
.sythbox{ width:100%; height:auto; float:left; padding:70px 0px;}
.syth{ width:100%; height:auto; float:left;}
.sythl{ width:45%; height:auto; float:left;}
.sythls{ width:55%; height:auto; float:left; padding-right:3%}
.syth-img{ width:100%; height:auto; float:left;}
.syth-img img{ max-width:100%;}
.sythr{ width:55%; height:auto; float:left; padding-left:3%}
.sythrs{ width:45%; height:auto; float:left; }
.sythrs .syth-img{ text-align:center;}
#ensyth .sythr-t{margin-top:5%}
.sythr-t{ width:100%; height:auto; float:left; font-size:27px; color:#414141; line-height:35px; font-weight:bold; margin-top:15%}
.sythr-t i{ width:15px; height:15px; float:left; background:#1d76c9; margin-top:10px; margin-right:12px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.sythr-info{ width:100%; height:auto; float:left; font-size:16px; color:#6a6a6a; line-height:27px; padding-left:27px; margin-top:25px;}


/*-- syfrbox --*/
.syfrbox{ width:100%; height:570px; float:left; background-attachment:fixed; background-position:center center; background-image:url(../img/page/fbg.jpg); padding:30px 0px 45px;}
.syfr-t{  width:100%; height:auto; float:left; line-height:70px; font-size:40px; color:#FFF; text-align:center; font-weight:bold; letter-spacing:2px;}
.syfrm{ width:100%; height:auto; float:left; text-align:center; padding:140px 0px; position:relative;}
.syfr-line{ width:895px; height:83px; display:inline-block; background:url(../img/page/fourline.png) center center no-repeat; background-size:cover;}

.syfr-p1{ width:200px; height:auto; position:absolute; left:5%; top:53.5%;}
.syfr-p2{ width:200px; height:auto; position:absolute; left:19.35%; top:12%;}
.syfr-p3{ width:200px; height:auto; position:absolute; left:28.8%; top:57%;}
.syfr-p4{ width:200px; height:auto; position:absolute; left:40%; top:25%;}
.syfr-p5{ width:200px; height:auto; position:absolute; left:50%; top:55%;}
.syfr-p6{ width:200px; height:auto; position:absolute; left:58.8%; top:17%;}
.syfr-p7{ width:200px; height:auto; position:absolute; left:67.8%; top:56.3%;}
.syfr-p8{ width:200px; height:auto; position:absolute; left:78.4%; top:19.3%;}

.syfr-p1 .p1,.syfr-p2 .p1,.syfr-p3 .p1,.syfr-p4 .p1,.syfr-p5 .p1,.syfr-p6 .p1,.syfr-p7 .p1,.syfr-p8 .p1{ width:100%; height:auto; float:left; text-align:center;}
.syfr-p1 .p1 i,.syfr-p2 .p1 i,.syfr-p3 .p1 i,.syfr-p4 .p1 i,.syfr-p5 .p1 i,.syfr-p6 .p1 i,.syfr-p7 .p1 i,.syfr-p8 .p1 i{ width:7px; height:7px; display:inline-block; background:#f7a600;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.syfr-p1 .p2,.syfr-p2 .p2,.syfr-p3 .p2,.syfr-p4 .p2,.syfr-p5 .p2,.syfr-p6 .p2,.syfr-p7 .p2,.syfr-p8 .p2{ width:100%; height:40px; float:left; line-height:40px; font-size:40px; color:#f7a600; text-align:center; font-weight:bold; margin:5px 0px;}
.syfr-p1 .p3,.syfr-p2 .p3,.syfr-p3 .p3,.syfr-p4 .p3,.syfr-p5 .p3,.syfr-p6 .p3,.syfr-p7 .p3,.syfr-p8 .p3{ width:75%; height:30px; display:inline-block; background:#f7a600; font-size:16px; color:#FFF; text-align:center;
-moz-border-radius: 50px; /* Firefox */
-webkit-border-radius: 50px; /* Safari 和 Chrome */
border-radius: 50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.syfr-p1 .p3 table,.syfr-p2 .p3 table,.syfr-p3 .p3 table,.syfr-p4 .p3 table,.syfr-p5 .p3 table,.syfr-p6 .p3 table,.syfr-p7 .p3 table,.syfr-p8 .p3 table{ width:100%; height:100%; float:left; line-height:15px;}

.syft-tel{ width:100%; height:auto; float:left; text-align:center;}
.syfr-s{ display:inline-block; border:1px solid #FFF;}
.syfr-s .p1{ line-height:40px; padding:10px 15px; float:left; font-size:22px; color:#2f2f2f; background:#FFF;}
.syfr-s .p2{ float:left; line-height:40px; padding:10px 15px; font-size:30px; font-weight:bold; color:#FFF;}


/*-- syfv --*/
.syfv{ width:100%; height:auto; float:left; padding:50px 0px;}
.syfvl{ width:48%; height:auto; float:left; padding-right:10%; }
.syfvl-t{ width:100%; height:auto; float:left;}
.syfvl-t .p1{ width:100%; height:auto; line-height:40px; padding:18px 0px; color:#000; font-size:34px; letter-spacing:2px; font-weight:bold;}
.syfvl-t .p2{ width:100%; height:auto; float:left;}
.syfvl-t .p2 i{ width:75px; height:3px; float:left; background:#1d76c9;}

.syfvl-faq{ width:100%; height:auto; float:left;}
.syfaqone{ width:100%; height:auto; float:left;}
.syfaqone .p1{ width:100%; height:auto; float:left; font-size:15px; color:#1d76c9; line-height:22px; font-weight:bold; padding:5px 0px;}
.syfaqone .p2{ width:100%; height:auto; float:left; font-size:15px; color:#424242; line-height:28px;}

.syfvr{ width:52%; height:auto; float:left;}
.synsone{ width:100%; height:auto; float:left;}
.synsl{ width:45%; height:220px; float:left; position:relative; overflow:hidden;}
.synsl-img{ width:100%; height:100%; float:left; background-size:cover; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.synsl-name{ width:100%; height:45px; position:absolute; left:0; bottom:0;}
.synsl-name span{ width:100%; line-height:45px; padding:0px 20px; font-size:15px; color:#FFF; position:relative; z-index:1;}
.synsl-name i{ width:100%; height:45px; background:#1d76c9; position:absolute; left:0; top:0;
filter:alpha(opacity=70);   
-moz-opacity:0.7;   
-khtml-opacity: 0.7;   
opacity: 0.7; 
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.synsl:hover .synsl-name i{ background:#f7a600; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.synsl:hover .synsl-img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

.synsr{ width:55%; height:auto; float:left;}
.synsr-one{ width:100%; height:auto; float:left;}
.synsr-one a{ color:#4b4b4b; font-size:15px; line-height:35px; display:block; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.synsr-one .p1{ width:8%; height:35px; float:left; text-align:center; padding-left:2%;}
.synsr-one .p1 i{ width:6px; height:6px; display:inline-block; background:#959595; margin-bottom:2px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.synsr-one .p2{ width:66%; height:35px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.synsr-one .p3{ width:26%; height:35px; float:left;}
.synsr-one a:hover{ transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; color:#1d76c9; }

/*-- 导航loc --*/
.locB{ width:100%; height:auto; float:left; margin:35px 0px;}
.locbox{ width:100%; height:auto; float:left; padding:11px 15px 8px; background:#f2f2f2; font-size:15px; color:#878787; line-height:20px;}
.locbox ul li{ float:left; padding-right:3px;}
.locbox i{ display:inline-block; width:20px; height:20px; background:url(../img/page/ssjt.png) center center no-repeat; background-size:80%;}
.locbox a{ display:inline-block; color:#878787;}
.locbox a:hover{color:#1d76c9;}

/*-- 关于我们 --*/
.ab-t{ width:100%; height:auto; float:left; padding:10px 10px 20px; text-align:center; font-weight:bold; font-size:20px; border-bottom:1px solid #e5e5e5;}
.ab-info{ width:100%; height:auto; float:left; font-size:16px; line-height:32px; color:#737373; padding:10px;}
.ab-img{ width:100%; height:auto; float:left; padding:10px 0px;}
.ab-img img{ margin:5px 0px; width:100%;}
.ab-else{ width:100%; height:auto; float:left; padding:10px; font-size:16px; line-height:32px; color:#737373;}
.hzbox{ width:100%; height:auto; float:left; margin-top:20px;}
.hz-t{ width:100%; height:auto; line-height:30px; padding:32px 0px; float:left; font-size:20px; color:#333333; text-align:center; font-weight:bold;}
.hz-img{ width:100%; height:auto; float:left; padding:0px 80px;}
.heimg{ width:210px; height:auto; float:left; border:1px solid #c9c9c9;}
.heimg img{ width:100%;}

.facbox{ width:100%; height:auto; float:left;}
.caseone{ width:100%; height:auto; float:left; margin-top:30px;}
.case-img{ width:100%; height:auto; float:left; border:1px solid #e4e4e4; padding:5px; overflow:hidden; position:relative;}
.case-img img{ width:100%; height:auto; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;} 
.case-img:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);transform: scale(1.08);}
.case-name{ width:100%; height:40px; float:left; text-align:center; font-size:14px;}
.case-name table{ width:100%; height:100%; float:left; color:#000;}
.case-img i{ position:absolute; top:6%; left:0; width:100%; text-align:center; visibility:hidden;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.case-img i img{ width:60px;}
.caseone:hover .case-img i{ top:35%; visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

/*-- 太阳集团电子游戏 --*/
.probox{ width:100%; height:auto; float:left;}
.proL{ width:20%; height:auto; float:left;}

.list{width:100%; height:auto; float:left; }
.yiji{ padding:0; margin:0;}
.list ul li{list-style:none; height:auto; width:100%; float:left; position:relative; }
.list ul li a{ font-size:14px; width:100%; height:auto; float:left; line-height:20px; position:relative; padding:15px 0px; border-bottom:1px solid #e5e5e5; color:#5f5f5f;}
.list ul li a span{ width:5%; height:20px; float:left; line-height:20px; font-size:16px;}
.list ul li:hover a{ padding-left:10px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; color:#1d76c9;}
.list ul li.choosepoint a{ color:#1d76c9; transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s;}
#nchoose{ color:#1d76c9; }
#di{ display:none;}
#di li{ padding-left:10px;}
#di li a{ color:#5f5f5f; padding:12px 0px;}
#di li a b{ width:4px; height:4px; float:left; background:#5f5f5f; margin-top:9px; margin-right:5px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#di li a:hover{ color:#1d76c9; }
#di #nchoose2{ color:#1d76c9; }
#di #nchoose2 b{ background:#1d76c9; }

/*.proL ul li{ width:100%; height:auto; float:left; padding:15px 0px; border-bottom:1px solid #e5e5e5; color:#5f5f5f; font-size:14px; line-height:20px; position:relative; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#ptt{ font-size:16px;}
#ptt:hover{ padding-left:0px; color:#5f5f5f;}
.proL ul li i{ width:5%; height:20px; float:left; line-height:20px; font-size:16px;}
.proL ul li table{ width:95%; height:auto; float:left;}
.proL ul li a{ position:absolute; width:100%; height:100%; left:0; top:0;}
.proL ul li:hover{ padding-left:10px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; color:#1d76c9;}
#cpchoose{color:#1d76c9; padding-left:10px;}*/

.proR{ width:80%; height:auto; float:left; padding-left:25px;}
.pror-tbox{ width:100%; height:40px; float:left; background:#1d76c9; padding:0px 10px; margin-top:10px;}
.pror-tbox-t{ width:30%; height:auto; float:left; line-height:40px; font-size:16px; color:#FFF;}
.pror-tbox-s{ width:70%; height:auto; float:left;}

.psearch{ width:35%; height:30px; float:right; background:#FFF; margin-top:5px;}
#search_input3{ float:left; width:20%; height:20px; outline:none; border:0; background:url(../img/page/psearch.png) center center no-repeat; margin-top:5px; border-right:1px solid #e9e9e9;}
#search_input4{outline:none;height:30px; width:80%; border:0; line-height:30px; float:right; color:#000; font-size:12px;  padding:0 10px; background-color:#FFF;}

.cpbox{ width:100%; height:auto; float:left;}
.sort-t{ width:100%; height:auto; float:left; margin-top:15px; font-size:14px; color:#000; line-height:22px;}
.cpone{ width:100%; height:auto; float:left; margin-top:25px;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; position:relative;}
.cpone i{ position:absolute; top:20px; left:20px;}
.cpone i img{ width:40px;}
.cpimg{ width:100%; height:auto; float:left; overflow:hidden;}
.cpimg img{ width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.cpname{ width:100%; height:60px; float:left; font-size:14px; color:#FFF; background:#1d76c9; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; padding:0px 5px;}
.cpname table{ width:100%; height:100%; float:left; text-align:center;}
.cpone:hover{transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.cpone:hover .cpname{ background:#f7a600; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.cpone:hover .cpimg img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}


/*-- 详细页 --*/
.proinfo{ width:100%; height:auto; float:left; }
.ban {width:40%;height:auto;float:left; position:relative; z-index:1; border:1px solid #dcdcdc; margin-top:15px;}
.banlogo{ position:absolute; left:20px; top:20px; z-index:1;}
.banlogo img{ width:40px;}
.banl{ width:100%; height:auto; float:left;}
.t2 {width:100%; float:left;}
.t2 img {width:100%;}
.prev {float:left;cursor:pointer;}
.min_pic {width:100%;height:auto;float:left; padding:5px 0px;}
.num {width:86%;height:70px; overflow:hidden;position:relative;float:left;}
.num ul {position:absolute;left:0;top:0;}
.num ul li{width:70px; height:70px; overflow:hidden; float:left; margin:0px 6px; text-align:center; border:1px solid #dcdcdc;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
}
.num ul li img {width:100%; height:auto;}
.num ul li:hover{border:1px solid #eb5559;}
.num ul li a:on{border:1px solid #eb5559;}
.prev_btn1 {width:7%; height:70px; float:left; background:url(../img/page/cl.png) center center no-repeat;}
.next_btn1 {width:7%; height:70px; float:left; background:url(../img/page/cr.png) center center no-repeat;}
.num ul li.on{border:1px solid #eb5559;}

.banr{ width:60%; height:auto; float:left; padding-left:30px; margin-top:15px;}
.cpt{ width:100%; height:auto; float:left; line-height:25px; font-size:18px; color:#1d76c9; font-weight:bold;}
.cpline{ width:100%; height:1px; background:#dcdcdc; float:left;}
.cpt2{ width:100%; height:auto; float:left; font-size:15px; color:#4e4e4e; line-height:38px; padding:0px 20px;}
.cpt2 strong{ min-width:25%; height:auto; float:left; font-weight:600; color:#8e8e8e; padding-right:20px;}

.cpshow-t3 {width:100%;float:left; height:auto; color:#414141;}
.cpshow-t3 span{line-height:25px;font-size:14px; float:left; width:100%; font-weight:600; }
.cpshow-t3 p{ width:100%; height:auto; float:left; font-size:13px; line-height:20px; padding-bottom:10px;}

.cpt3{ width:100%; height:auto; float:left; margin-top:5px;}
.cptel{ width:40%; height:35px; font-size:13px; color:#FFF; background:#1d76c9;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari 和 Chrome */
border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.cpmail{width:40%; height:35px; font-size:13px; color:#FFF; background:#1d76c9;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari 和 Chrome */
border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.cptel i,.cpmail i{ margin-right:8px; font-size:20px; line-height:35px; padding-left:10px; }
.cptel em{ font-style:normal;}
.cptel a{color:#FFF;}
.cpmail a{color:#FFF;}
.cpmail a:hover{ text-decoration:underline;}

.cpelsebox{ width:100%; height:auto; float:left; line-height:42px; color:#FFF; margin-top:45px; background:#f7a600; padding:0px 15px;}
.cpelsebox .p1{ width:40%; height:auto; float:left; font-size:16px;}
.cpelsebox .p2{ width:60%; height:auto; float:left; text-align:right;}
.cpelsebox .p2 a{ display:inline-block; color:#FFF; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.cpelsebox .p2 a i{}
.cpss{ width:100%; height:auto; float:left;}
#elsecp{ margin-top:10px; }
#elsecp .cpname{height:40px; font-size:13px;}
.cpelsebox .p2 a:hover{ color:#242424; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}


/*-- 新闻 --*/
.newsone{ width:100%; height:330px; float:left; position:relative; background:#f8f8f8;-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s; margin-bottom:2.5em;}
.newss{ width:65%; height:80%; float:left; padding:6% 3% 3%; background:#FFF; margin-top:2.8%; margin-left:2.5%; position:relative; z-index:1; font-size:16px;}
.newspic{ width:auto; height:330px; overflow:hidden; position:absolute; right:0; top:0;}
.newsone .newspic img{-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s; width:100%;}
.newsone:hover .newspic img{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);}
.newss-date{ width:100%; height:30px; line-height:30px; float:left; color:#5f5e5e;}
.newss-date a{color:#5f5e5e; display:block;}
.newss-title{ width:100%; height:30px; line-height:30px; float:left; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:#010101;}
.newss-title a{color:#010101; display:block;}
.newss-info{ width:100%; height:auto; line-height:24px; font-size:14px; color:#8d8e8e; float:left;}
.newss-info a{color:#8d8e8e; display:block;}
.newsone:hover{-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:6px 6px 1px 2px #000;/*兼容firefox*/
-webkit-box-shadow:6px 6px 1px 2px #000;/*兼容safari或chrome*/
box-shadow:6px 6px 1px 2px #000;/*兼容opera或ie9*/
}

/*-- page --*/
.page{ width:100%;height:auto; float:left;text-align:center;font-size:12px;}
.pagination{text-align:center;width: 100%;}
.pagination ul{width: 100%;height: auto;text-align: center;}
.pagination ul li{display: inline-block;color:#353535; height: 23px; line-height:23px; text-align:center; 
margin-right:5px; padding-left:0;}
.pagination ul li:before{}
.pagination ul li a{color:#000; display: block; font-size:14px; line-height:25px; padding:0px 8px;
background:#f8f8f8;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pagination ul li a i{ background:none;}
.pagination ul li a i.i1{ float:left; border:0; margin:5px 4px 0px 0px;}
.pagination ul li a i.i2{ float:right; border:0; margin:5px 0px 0px 4px;}
.pagination ul li a:hover{background: #1d76c9!important; color:#FFF;}
.pagination ul li a.active{background: #1d76c9!important; color:#FFF;}

/*-- 新闻详细内容 --*/
.in-newsbox_title {width:100%; padding:5px 10px; font-size:20px;text-align:center;float:left;color:#333;}
.in-newsbox_info {width:100%;height:auto;float:left; text-align:center; padding:20px 0px;}
.in-newsbox_info ul li{ width:50%; float:left;}
.in-newsbox_info span{font-size:14px;color:#333; padding-right:10px;list-style:none;text-align:center; display:inline-block;}
.in-newsbox_content{float:left;font-size:15px;line-height:30px; width:100%;}
.in-newsbox_content img{ max-width:100%}
.pagee{width:100%;float:left; height:auto;}
.pagees{width:100%;float:left; height:auto;}
.pagesl{ width:30%; float:left;}
.pagesl p{ width:auto; font-size:14px; line-height:20px; padding:5px 0px;}
.pagesr p{ width:auto; font-size:14px; line-height:20px; padding:5px 0px;}
.pagesr{ width:30%; float:right; text-align:right;}
.pagesl a{ color:#FFF; font-size:16px;padding:5px 10px; display:inline-block; background:#1d76c9;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pagesl a:hover{ color:#FFF; background:#232323;}
.pagesl i{ padding-right:5px;}
.pagesr a{ color:#FFF; font-size:16px;padding:5px 10px; display:inline-block; background:#1d76c9;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pagesr i{ padding-right:5px;}
.pagesr a:hover{ color:#FFF; background:#232323;}

/*-- faq --*/
.faq{
width:100%; height:auto; overflow:hidden; float:left;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#f4f4f4, direction=120, strength=4);/*兼容ie*/
-moz-box-shadow: 2px 2px 10px 5px #f4f4f4;/*兼容firefox*/
-webkit-box-shadow: 2px 2px 10px 5px #f4f4f4;/*兼容safari或chrome*/
box-shadow:2px 2px 10px 5px #f4f4f4;/*兼容opera或ie9*/
}
.menu_head{padding:0px 30px;cursor:pointer;position:relative;background:#fafafa url(../img/page/q4.png) center right no-repeat; line-height:60px; border-top:1px solid #dcdcdc; color:#555; font-size:16px;}
.cn-head{ font-size:15px;}
.menu_list .current{background:#1d76c9 url(../img/page/q3.png) center right no-repeat; font-size:15px; color:#FFF; font-weight:600;}
.menu_list .cn-current{background:#1d76c9 url(../img/page/q3.png) center right no-repeat; font-size:15px; color:#FFF; font-weight:600;}
.menu_body{display:none; padding:0px 30px 30px 30px;}
.menu_body a{display:block;color:#FFF;height:auto;line-height:30px;}
#colorsize{font-size:14px;color:#000; margin-top:20px; line-height:28px}
#cn-colorsize{font-size:14px;color:#000; margin-top:20px; line-height:30px}

/*-- 联系我们 --*/
.contactbox{ width:100%; height:auto; float:left;}
.lxbox{ width:100%; height:auto; float:left; padding:0px 60px;}
.contact-show{ width:100%; height:auto; float:left; font-size:16px;}
.contact-one{ width:29%; height:auto; float:left; line-height:25px; padding-top:35px; cursor:pointer; font-size:15px;}
.contact-two{ width:29%; height:auto; float:left; line-height:25px; padding-top:35px; cursor:pointer; font-size:15px;}
.contact-three{ width:20%; height:auto; float:left; line-height:25px; padding-top:35px; cursor:pointer; font-size:15px;}
.contact-one a,.contact-two a,.contact-three a{ color:#000;}
.contact-one a:hover,.contact-two a:hover,.contact-three a:hover{ text-decoration:underline;}
.contact-one img,.contact-two img,.contact-three img{-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.contact-one:hover img,.contact-two:hover img,.contact-three:hover img{
-webkit-transform: rotateY(360deg);
-moz-transition:rotateY(360deg);
transform: rotateY(360deg) ;
}
.contact-cline{ width:11%; height:220px; float:left; background:url(../img/page/cline.png) center center repeat-y;}
.contact-sd{ width:100%; height:auto; float:left; text-align:center;}

/*-- 反馈 --*/
.feedback{ width:100%; height:auto; float:left; color:#1d76c9; margin-top:35px; padding:0px 60px;}
.fd-t{ width:100%; height:auto; float:left; font-weight:bold;}
.fd-t .p1{ width:auto; height:30px; line-height:30px; font-size:26px; float:left; letter-spacing:2px;}
#fd-tp{ letter-spacing:0;}
.fd-t .p2{width:auto; height:20px; line-height:20px; font-size:16px; float:left; margin-top:10px;}
.fd-show{ width:100%; height:auto; float:left;}
.feedshot{ width:48.5%; height:50px; float:left; background:#930;}
.fshotmd{ width:3%; height:50px; float:left; }
.mtop{ margin-top:32px;}
.feedshot input{height:50px; width:100%; padding:0 3%; border:0; outline:none; background:#f3f3f3; font-size:15px; color:#242424;}
.feedlong{ width:100%; height:auto; float:left;}
.feedlong input{height:50px; width:100%; padding:0 2%; border:0; outline:none; background:#f3f3f3; font-size:15px; color:#242424;}
.feedlong textarea{float:left; resize:none; width:100%; height:230px; padding:1.5% 2%; background:#f3f3f3; font-size:15px; color:#242424; outline:none; border:0;}
#button{ width:200px; height:50px; background:#f7a600; cursor:pointer; font-size:16px; color:#FFF; border:0; margin-top:32px; float:left; letter-spacing:2px; outline:none;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#d8d8d8,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 4px 4px 0px #d8d8d8;/*兼容firefox*/
-webkit-box-shadow: 4px 4px 0px #d8d8d8;/*兼容safari或chrome*/
box-shadow: 4px 4px 0px #d8d8d8;/*兼容opera或ie9*/
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
#button:hover{ background:#242424; color:#FFF;
-webkit-transform: translateY(-3px);
-moz-transition: translateY(-3px);
transform: translateY(-3px);
}


/*-- 地图 --*/
.mapbox{ width:100%; height:auto; float:left; position:relative; margin-top:48px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#b3b3b3,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 4px 4px 5px #b3b3b3;/*兼容firefox*/
-webkit-box-shadow: 4px 4px 5px #b3b3b3;/*兼容safari或chrome*/
box-shadow: 4px 4px 5px #b3b3b3;/*兼容opera或ie9*/
}
.mapfang{ width:100%; height:450px; float:left;}
.mapfang img{ max-width:100px;}

/*客服*/
/*.qqkefu{position:fixed;right:0;bottom:40%;z-index:888;width:50px;}
.qqkefu ul li{position:relative;float:right;margin-bottom:1px;height:47px;background:#757575;font-size:14px;line-height:47px;opacity:.9;cursor:pointer; list-style:none;}
.qqkefu ul li a{color:#fff;}
.qqkefu ul li.qq_cza{overflow:hidden;}
.qqkefu ul li:hover{background:#162031;}
.qqkefu ul li.top{position:relative;width:50px;background:#162031 url(../img/page/top_icon.png) no-repeat center;color:#1c1c1c;text-align:center;font-weight:800;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.qqkefu ul li.top:hover{background-color:#162031;}
.qqkefu ul li b{float:left;display:block;overflow:hidden;width:50px;height:47px;}
.qqkefu ul li b.a{background:url(../img/page/czx4.png) no-repeat center center;}
.qqkefu ul li b.b{background:url(../img/page/czx3.png) no-repeat center center;}
.qqkefu ul li b.e{background:url(../img/page/icon_kf_tel.png) no-repeat center center;}
.qqkefu .erweima{position:absolute;top:-103px;left:-134px;float:right;display:none;height:150px;border:1px solid #CCC;background:#FFF;cursor:default!important;}
.qqkefu .erweima p{float:left;width:130px;color:#000;text-align:center;font-size:12px;line-height:20px;}
.qqkefu .erweima p img{margin:10px 10px 0 10px;width:110px;height:110px;}
.qqkefu .kf-tel .erweima{top:-23px;left: -153px;height:70px;text-align:center;}
.qqkefu .kf-tel .erweima p{width: 150px;}
.qqkefu .kf-tel .erweima em{display:inline-block;margin-top:12px;margin-bottom:6px;width:100%;color:#0f1624;font-weight:600;font-size:18px; font-style:normal;}
.qqkefu .kf-tel .erweima em a{color:#0f1624;}*/


/* ~~ 脚注 ~~ */
.footB{ width:100%; height:auto; float:left;}
.ftline{ width:100%; height:1px; float:left; background:#1d76c9;}
.ftline2{ width:100%; height:1px; float:left; background:#86b6e2;}

.footup{ width:100%; height:auto; float:left; padding:30px 0px 15px;}
.footone{ width:17%; height:auto; float:left; font-size:15px; line-height:32px; border-right:1px solid #1d76c9; padding:0px 30px;}
.footone a{ display:block; color:#404040; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.footone a:hover{ color:#1d76c9; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.foottwo{ width:30%; height:auto; float:left; padding:0 2% 0 2.8%; border-right:1px solid #1d76c9; color:#404040; line-height:27px; font-size:14px;}

.footth{ width:53%; height:auto; float:left; padding:0px 15px;}
.fol{ width:58%; height:auto; float:left;}
.fol .p1{ width:100%; height:auto; float:left;}
.fol .p1 .fpt{ width:100%; height:auto; float:left; font-size:16px; color:#343434; line-height:30px; padding-bottom:5px; font-weight:600;}
.footmail{ width:100%; height:auto; float:left;}
#fmail{height:40px; width:82%; padding:0 10px; border:1px solid #d2d2d2; outline:none; font-size:13px; color:#959595; float:left;}
#buttons{ width:18%; height:40px; float:left; cursor:pointer; border:0; outline:none; background:url(../img/page/fgo.png) center center #1d76c9 no-repeat; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s;}
#buttons:hover{ background:url(../img/page/fgo.png) center center #242424 no-repeat; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s;}
.fol .p2{ width:100%; float:left;}
.fol .p2 a{ width:32px; height:33px; float:left; margin:15px 10px; border:1px solid #434343;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.fol .p2 a:hover{ border:1px solid #1d76c9; }
#fb{ background:url(../img/images/page/fb.png) center center no-repeat;}
#fb:hover{ background:url(../img/images/page/fbh.png) center center no-repeat; }
#tw{ background:url(../img/images/page/tw.png) center center no-repeat;}
#tw:hover{ background:url(../img/images/page/twh.png) center center no-repeat;}
#in{ background:url(../img/images/page/in.png) center center no-repeat;}
#in:hover{ background:url(../img/images/page/inh.png) center center no-repeat;}
#sky{ background:url(../img/images/page/sky.png) center center no-repeat;}
#sky:hover{ background:url(../img/images/page/skyh.png) center center no-repeat;}

.for{ width:42%; height:auto; float:left; text-align:center;}
.for .p1{ width:100%; height:auto; float:left;}
.for .p1 img{ max-width:100%;}
.for .p2{ width:100%; height:auto; float:left; padding:10px 0px; color:#343434; font-size:15px;}

.footdown{ width:100%; height:auto; float:left; padding:5px 0px 30px 30px; line-height:25px; font-size:13px; color:#404040;}
.footdown span{ padding:0px 10px;}
.footdown a{ color:#404040; }

.gom{ width:100%; height:auto; float:left; z-index:2; position:relative;}
.goback{ width:50px; height:50px; margin:0 auto;}
.goback .gos{
	width:100%;
	height:100%;
	margin:0 auto;
	z-index:1; position:relative;
	background:url(../img/page/go.png) no-repeat;
	-webkit-animation: movel 0.9s infinite linear;
    -moz-animation: movel 0.9s infinite linear;
    animation: movel 0.9s infinite linear;
	cursor:pointer;
}	

@-webkit-keyframes movel {
	 from {background-position: 50% 70%; }                                              
       to {background-position: 50% 30%;}
}

@-moz-keyframes movel {
	from {background-position: 50% 70%; }                                              
       to {background-position: 50% 30%;}
}

@keyframes movel {
	from { background-position: 50% 70%; }                                              
       to {background-position: 50% 30%;}
}
.goback .gos a{ display:block; width:100%; height:100%;}

/*-- 左侧 --*/
.footside{position:fixed; width:60px; height:auto; right:0; top:32%; z-index:100;}
.footside ul li{width:60px; height:60px; float:left; position:relative; margin-top:3px; list-style:none; background:#838383; color:#FFF;}
.footside ul li .sidetop{width:60px; height:60px; display:inline-block; background:#1d76c9; transition:all 0.3s;}
.footside ul li .sidetop:hover{background:#1d76c9; opacity:1; filter:Alpha(opacity=100);}
.footside ul li img{float:left;}
.footside ul li a{position:absolute; width:60px; height:60px; top:0; right:0; background:#838383; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; line-height:60px; color:#FFF; font-size:17px;}
.footside ul li a span{ display:none;}
.footside ul li a span img{ width:100%;}
.footside ul li img{ max-width:100%; float:left;}

#cskype:hover a,#qq:hover a{ width:130px; background:#1d76c9; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; overflow:hidden;}
#cskype:hover a span,#qq:hover a span{ display:block;}
#ctel:hover a{ width:210px; background:#1d76c9; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; overflow:hidden;}
#ctel:hover a span{ display:block;}
#weixin:hover a{ background:#1d76c9; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#weixin:hover a span{ display:block; width:150px; height:150px; position:absolute; left:-150px; top:-40px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

/*-- 分享 --*/
.gom{ width:100%; height:auto; float:left; text-align:center;}
.goback{ width:70px; height:40px; display:inline-block;}
.goback .gos{
	width:100%;
	height:100%;
	margin:0 auto;
	z-index:1; position:relative;
	background:url(../img/page/gogo.png) no-repeat;
	-webkit-animation: movel 1.3s infinite linear;
    -moz-animation: movel 1.3s infinite linear;
    animation: movel 1.3s infinite linear;
}	

@-webkit-keyframes movel {   
0% { background-position: 50% 90%;}
50% { background-position: 50% 50%;}
100% { background-position: 50% 10%;}
}

@-moz-keyframes movel {
0% { background-position: 50% 90%;}
50% { background-position: 50% 50%;}
100% { background-position: 50% 10%;}
}

@keyframes movel {
0% { background-position: 50% 90%;}
50% { background-position: 50% 50%;}
100% { background-position: 50% 10%;}
}
.goback .gos a{ display:block; width:100%; height:100%;}

/* ~~ 其它浮动/清除类 ~~ */
.fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clearbox{ width:100%; height:1px; float:left;}

.cnf18{ font-size:16px;}
#cnf38{ font-size:38px;}
.cnf14{ font-size:14px;}