@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;}
.symd{ width:1500px;}
.omd{ width:1230px; }
.xmd{ width:1420px; }
.cmd{ width:1300px; }
.fmd{ width:1150px; }
.bmd{ width:1000px; }
.whmd{ width:1270px;}

.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*/
}

/*--头部--*/
.top{ width:100%; height:auto; float:left; background:#393939; border-bottom:1px solid #626262; padding:12px 0px;}
.hel{ width:50%; height:25px; line-height:25px; color:#FFF; float:left; font-size:15px;}
.her{ width:auto; height:25px; float:right;}
.cn{ width:auto; float:left; line-height:25px; font-size:13px; padding:0px 15px; border-left:1px solid #626262;}
.cn i{ padding-left:5px;}
.cn a{ color:#acacac; }
.cn a:hover{ color:#FFF;}
.en{ width:auto; float:left; line-height:25px; font-size:13px; padding:0px 15px; border-left:1px solid #626262;}
.en i{ padding-left:5px;}
.en a{ color:#acacac; }
.en a:hover{ color:#FFF;}
#cen{ color:#FFF;}
.header{ width:100%; height:auto; float:left;}

/*-- navbox --*/
.logo{ width:28%; height:140px; float:left;}
.logo img{ max-width:100%; margin-top:47.5px;}
.navbox{ width:auto; height:auto; margin-top:47.5px; float:right; z-index:9999;}
.navbox ul li{ float:left; list-style:none; height:45px; line-height:45px; position:relative; margin:0px 30px;}
.navbox ul li i{ width:10%; height:4px; background:#4aceff; position:absolute; top:100%; left:45%; 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;}
.navbox ul li a{ display:block; line-height:45px; font-size:16px; color:#FFF; height:auto;}
.navbox ul li a:hover{ }
.navbox ul li:hover i{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; width:96%; left:2%;}
#choose i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;width:96%; left:2%;}
#choose{ color:#FFF; }

/*-- 搜索 --*/
.searchbox{ padding:0px 15px; height:25px; float:left;}
.searchbox img{ float:right; cursor:pointer; width:25px;}
.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:#4ac0ec;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

/*-- banner --*/
.bannerbox{ width:100%; height:auto; float:left; position:relative; overflow:hidden;}
.ban-line{ width:100%; height:5px; float:left; background:#393939; overflow:hidden;}
.ban-line span{ width:100%; height:5px; float:left; background:#4aceff;}
.inbanner{ width:100%; height:auto; float:left; background-size:cover;}
.in-box{ width:100%; height:350px; float:left; overflow:hidden; text-align:center; background-size:cover; }
.in-box img{ max-width:100%; margin-top:160px;}

@-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 sky_background {
  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 sky_background {
   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);
  }
}


/*--呼吸灯--*/
.log1{
-webkit-animation-timing-function: ease-in-out;    /*动画时间曲线*/
-webkit-animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
-webkit-animation-duration: 2000ms;              /*动画持续时间*/
-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: 2000ms;              /*动画持续时间*/
-moz-animation-iteration-count: infinite;    /*动画要重复次数*/
-moz-animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
animation-timing-function: ease-in-out;    /*动画时间曲线*/
animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
animation-duration: 2000ms;              /*动画持续时间*/
animation-iteration-count: infinite;    /*动画要重复次数*/
animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
}
@-webkit-keyframes breathe {
0% { opacity: 0;}
50% { opacity: 1;}
100% { opacity: 0;}
}
@-moz-keyframes breathe {
0% { opacity: 0;}
50% { opacity: 1;}
100% { opacity: 0;}
}
@keyframes breathe {
0% { opacity: 0;}
50% { opacity: 1;}
100% { opacity: 0;}
}

/*-- 首页one --*/
.syone{ width:100%; height:auto; float:left; padding:55px 0px 20px;}
.syob{ width:100%; height:500px; float:left; background-size:cover; position:relative; overflow:hidden;}
.syob span{ width:100%; height:100%; position:absolute; top:100%; left:0; background:#000; visibility:hidden;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity:0;   
opacity:0;
transition:0s;-webkit-transition: 0.5s;-moz-transition: 0.5s;
}
.syob:hover span{ visibility:visible; top:0;
filter:alpha(opacity=50);   
-moz-opacity:0.5;   
-khtml-opacity: 0.5;   
opacity: 0.5;
transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;
}

.syo-name{ width:100%; height:auto; float:left; position:relative; z-index:1; visibility:hidden;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity:0;   
opacity:0;
transition:0s;-webkit-transition: 0.5s;-moz-transition: 0.5s;
}
.syo-name .p1{ width:100%; height:auto; float:left; margin-top:180px; color:#FFF; font-size:18px; text-align:center; padding-bottom:10px; padding:0px 15%;}
.syo-name .p2{ width:100%; height:auto; float:left; padding:10px 15%; font-size:13px; color:#FFF; text-align:center;}
.syob:hover .syo-name{
visibility:visible;
filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity:1;   
opacity:1;
transition:0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;
}

.syob .line1{ width:1px; height:0%; background:#FFF; position:absolute; left:10%; top:5%; transition:0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s;}
.syob .line2{ width:0%; height:1px; background:#FFF; position:absolute; left:5%; top:10%; transition:0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s;}
.syob .line3{ width:1px; height:0%; background:#FFF; position:absolute; right:10%; bottom:5%; transition:0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s;}
.syob .line4{ width:0%; height:1px; background:#FFF; position:absolute; right:5%; bottom:10%; transition:0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s;}

.syob:hover .line1,.syob:hover .line3{ height:90%; transition:0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s;}
.syob:hover .line2,.syob:hover .line4{ width:90%; transition:0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s;}

.syob a{ position:absolute; z-index:2; width:100%; height:100%; left:0; top:0;}

/*-- 首页关于我们 --*/
.sytwo{ width:100%; height:auto; float:left; padding:30px 0px;}
.syab-t{ width:100%; height:auto; float:left; text-align:center;}
.syab-t img{ max-width:100%;}
.syab-info{ width:100%; height:auto; float:left; text-align:center; margin-top:30px;}
.syab-infom{ width:700px; display:inline-block; font-size:18px; color:#919191; line-height:23px; text-align:center;}
.syab-ico{ width:100%; height:auto; float:left; margin-top:50px;}
.syabone{ width:100%; height:auto; float:left;}
.syab-img{ width:100%; height:100px; float:left; text-align:center; position:relative;}
.syab-img i{ position:absolute; top:0; left:28%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syab-img span{ visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; position:absolute; top:0; left:28%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syabone:hover .syab-img span{ visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translateY(-8px);-moz-transition: translateY(-8px);transform: translateY(-8px);}
.syabone:hover .syab-img i{ visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translateY(-8px);-moz-transition: translateY(-8px);transform: translateY(-8px);}
.syab-name{ width:100%; height:auto; float:left; font-size:14px; color:#717171; text-align:center;}
.syabone:hover .syab-name{ color:#04bafe;}

.sythree{ width:100%; height:800px; float:left; margin-top:20px;}
.sythl{ width:51%; height:100%; float:left; background-image:url(../img/images/page/sythree1.jpg); background-size:cover; background-position:center center;}
.sythr{ width:49%; height:100%; float:left; background:#e5f9ff; padding:6% 7% 1% 7%;}
.sythr-t{ width:100%; height:auto; float:left; line-height:50px; font-size:35px; color:#414141; font-weight:bold;}
.nofw{ font-weight:normal;}
.sythr-t span{ color:#059add; }
.sythr-info{ width:100%; height:auto; float:left; font-size:16px; color:#3d3d3d; line-height:23px; margin-top:60px;}
#sythr{ line-height:28px;}
.sythr-btn{ width:100%; height:auto; float:left; margin-top:100px;}
.sythr-btn a{ display:inline-block; font-size:14px; color:#151515; padding:10px;
transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.sythr-btn a i{ float:right; margin-left:10px;}
.sythr-btn a:hover{ background:#FFF; transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e2e2e2,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 0px 5px #e2e2e2;/*兼容firefox*/
-webkit-box-shadow:0px 0px 5px #e2e2e2;/*兼容safari或chrome*/
box-shadow:0px 0px 5px #e2e2e2;/*兼容opera或ie9*/
}

.syfour{ width:100%; height:auto; float:left; padding-top:100px;}
.sycpshow{ width:100%; height:auto; float:left; margin-top:50px;}
.sytjone{ width:100%; height:auto; float:left; margin-bottom:20px;}
.sytj-img{ width:100%; height:auto; float:left; position:relative;}
.sytj-img span{ width:100%; height:100%; position:absolute; top:0; left:0; border:2px solid #4aceff; 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;}
.sytj-img img{ width:100%;}
.sytjone:hover .sytj-img span{visibility:visible; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
.sytj-name{ width:100%; height:60px; padding:8px 0px; float:left; border-bottom:2px solid #aaaaaa; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; 
background: -moz-linear-gradient(top, #fdfdfd, #cbcbcb); 
background: -webkit-gradient(linear,top,from(#fdfdfd),to(#cbcbcb));
background: -webkit-linear-gradient(top, #fdfdfd, #cbcbcb);
background: -o-linear-gradient(top, #fdfdfd, #cbcbcb);
}
.sytj-name .p1{ width:100%; height:auto; float:left; font-size:16px; color:#393939; text-align:center; font-weight:600; line-height:22px;}
.sytj-name .p2{ width:100%; height:auto; float:left; font-size:14px; color:#747474; text-align:center; line-height:22px;}
.sytjone:hover .sytj-name{ background:#4aceff; border-bottom:2px solid #FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#4aceff,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 5px 10px #4aceff;/*兼容firefox*/
-webkit-box-shadow:0px 5px 10px #4aceff;/*兼容safari或chrome*/
box-shadow:0px 5px 10px #4aceff;/*兼容opera或ie9*/
}
.sytjone:hover .sytj-name .p1{ color:#FFF;}
.sytjone:hover .sytj-name .p2{ color:#FFF;}

.sycpmore{ width:100%; height:auto; float:left;}
.sycpline{ width:100%; height:50px; float:left; background:url(../img/page/line2.png) center center repeat-x; margin-top:20px; text-align:center; line-height:50px;}
.sycpline-more{ display:inline-block; background:#FFF; padding:0px 10px;}
.sycpline-more a{ color:#999999;}
.sycpline-more a:hover{ color:#4aceff;}
.sycpline-more img{ float:left;}

/*-- 导航loc --*/
.locbox{ width:100%; height:auto; float:left; margin-top:15px; padding:10px 0px;}
.locbox i{ display:inline-block; font-size:18px; padding:0px 8px;}
.locbox a{ display:inline-block; font-size:14px; color:#545454;}
.locbox a:hover{color:#05a2f4;}
.locbox a.on{ color:#05a2f4;}

/*-- 关于我们 --*/
.abnav{ width:100%; height:auto; float:left; padding:10px 0px; text-align:center; margin-top:60px;}
.abnav a{ width:210px; display:inline-block; line-height:45px; font-size:14px; color:#FFF; margin:0px 15px; background:#c8c8c8;
-moz-border-radius: 25px; /* Firefox */
-webkit-border-radius: 25px; /* Safari 和 Chrome */
border-radius: 25px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#dfdfdf,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 5px 10px #dfdfdf;/*兼容firefox*/
-webkit-box-shadow:0px 5px 10px #dfdfdf;/*兼容safari或chrome*/
box-shadow:0px 5px 10px #dfdfdf;/*兼容opera或ie9*/
}
.abnav a:hover{ color:#FFF; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#4ac0ec,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 5px 10px #4ac0ec;/*兼容firefox*/
-webkit-box-shadow:0px 5px 10px #4ac0ec;/*兼容safari或chrome*/
box-shadow:0px 5px 10px #4ac0ec;/*兼容opera或ie9*/
}
#abnav{ background:#4ac0ec;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#4ac0ec,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 5px 10px #4ac0ec;/*兼容firefox*/
-webkit-box-shadow:0px 5px 10px #4ac0ec;/*兼容safari或chrome*/
box-shadow:0px 5px 10px #4ac0ec;/*兼容opera或ie9*/
}

.abone{ width:100%; height:auto; float:left; margin-top:80px;}
.ab-t{ width:100%; height:auto; float:left; font-size:30px; line-height:30px; color:#393939; text-align:center;}
.ab-info{ width:100%; float:left; font-size:14px; color:#686868; line-height:22px; margin-top:50px; padding-bottom:40px; border-bottom:1px solid #d0d0d0;}

.abtwo{ width:100%; height:auto; float:left; margin-top:70px;}
.abs-t{ width:100%; height:auto; text-align:center; color:#393939; line-height:30px; float:left; font-size:32px;}
.abs-line{ width:100%; height:auto; padding:15px 0px; text-align:center; float:left;}
.abs-line span{ display:inline-block; width:45px; height:5px; background:#393939;}
.abs-else{ width:100%; height:auto; float:left; padding:15px 0px; line-height:23px; font-size:13px; color:#959595; text-align:center;}
.abs-show{ width:100%; height:440px; float:left; background-image:url(../img/page/abbg.jpg); background-size:cover; margin-top:10px;}
.abtwo-one{ width:100%; height:auto; float:left; font-size:17px; line-height:26px; color:#FFF; padding:160px 150px 0px;}

.abthree{ width:100%; height:auto; float:left; margin-top:60px;}
.abth-one{ width:80%; height:auto; float:left; padding:12px 0px; float:right;}
.abth-img{ width:30%; height:170px; float:left; background-size:cover; background-position:center center;}
.abth-show{ width:70%; height:170px; float:left; padding-left:3%;}
.abth-t{ width:100%; height:auto; float:left; padding:15px 0px; margin-top:15px; font-size:16px; color:#393939;}
.abth-info{ width:100%; height:auto; float:left; font-size:13px; color:#393939; line-height:23px;}

.ab-videos{ width:100%; height:500px; float:left; padding:0 15%; margin-top:40px;}
.ab-videos iframe{ width:100%; height:100%; float:left;}

/*-- 历史 --*/
.history{ width:100%; height:auto; float:left; margin-top:70px;}
.his-t{width:100%; height:auto; float:left; font-size:30px; line-height:30px; color:#393939; text-align:center;}
.his{ width:100%; height:auto; float:left; position:relative; margin-top:60px;}
.abm{ width:10%; height:100%; position:absolute; left:45%; top:0; background:url(../img/page/hsss.png) center center repeat-y;}
.abl{ width:60%; float:left; padding-right:13%; position:relative; z-index:1; margin-top:10px; }
.abl-date{ width:100%; height:auto; padding:10px 0px; color:#05a2f4; font-size:30px; line-height:30px; float:left; text-align:right;}
.abl-line{ width:100%; height:20px; float:right;}
.abl-line i{ width:12px; height:1px; background:#05a2f4; float:right; margin-right:55px;}
.abl-info{ width:60%; float:right; text-align:right; font-size:16px; color:#434343; line-height:22px;}
.abr{ width:60%; float:right; padding-left:13%; position:relative; z-index:1;  margin-top:10px;}
.abr-date{ width:100%; height:auto; padding:10px 0px; color:#05a2f4; font-size:30px; line-height:30px; float:left; text-align:left;}
.abr-line{ width:100%; height:20px; float:left;}
.abr-line i{ width:12px; height:1px; background:#05a2f4; float:left;}
.abr-info{ width:58%; float:left; text-align:left; font-size:16px; color:#434343; line-height:22px; }

.pointl{ width:20px; height:20px; position:absolute; top:-20%; right:15.3%;}
.pointl img{ width:100%;}
.pointr{ width:20px; height:20px; position:absolute; top:-20%; left:15.3%;}
.pointr img{ width:100%;}

.aimg1{ width:auto; position:absolute; right:-15%; top:10%;}
.aimg1 img{ max-width:80%;}
.aimg2{ width:auto; position:absolute; left:-15%; top:35%;}
.aimg2 img{ max-width:80%;}
.aimg3{ width:auto; position:absolute; right:-20%; top:65%;}
.aimg3 img{ max-width:80%;}

/*-- 团队 --*/
.whbox{ width:100%; height:auto; float:left;}
.wh-t{ width:100%; height:auto; float:left;}
.wh-t .p1{ width:100%; height:auto; float:left; text-align:center; font-size:30px; line-height:30px; padding-bottom:10px;}
.wh-t .p2{ width:100%; height:auto; float:left; text-align:center; font-size:18px; line-height:25px;}
.wh-else{ width:100%; height:auto; float:left; text-align:center;}
.wh-else p{ width:100%; height:auto; float:left; line-height:28px;}
.wh-img{ width:100%; height:auto; float:left; background:url(../img/images/culture/bg.jpg) center center no-repeat; background-size:cover; padding:120px 0px 60px; overflow:hidden;}
.wh-one{ width:100%; height:auto; float:left; margin-top:-65px; margin-bottom:90px;}
.wh-two{ width:100%; height:auto; float:left; margin-bottom:25px;}
.wh-one img,.wh-two img{ width:100%;}
.wname{ position:absolute; left:-150px; top:-70px; text-align:left;}
.ws{ width:100%; height:auto; float:left; font-size:26px; color:#FFF;}
.ws-line{ width:20px; height:2px; float:left; background:#e21912;}
.ws-img{ float:left; width:100%;}
.ws-img img{ max-width:100%;}

.whboxs{ width:100%; height:auto; float:left; padding:60px 0px; background:#eeeeee;}
.ws1{ width:100%; height:auto; float:left;}
.ws2{ width:100%; height:auto; float:left; padding:25px 60px; font-size:15px; line-height:25px; color:#000;}
.ws3{ width:100%; height:auto; float:left; text-align:right;}

.whboxss{ width:100%; height:580px; float:left;}
.wwl{ width:55%; float:left; height:100%; background:url(../img/page/tuan2.jpg) right center no-repeat #d3d3d3; background-size:cover;}
.wwr{ width:45%; float:left; height:100%; background:#d3d3d3;}
.wwrm{ width:65%; float:left; float:left; padding:0px 30px; text-align:center; margin-top:50px;}
.wwrm .p1{ width:100%; height:auto; float:left; font-size:36px; color:#000; line-height:35px;}
.wwrm .p2{ width:100%; height:auto; float:left; font-size:22px; color:#000; line-height:35px;}
.wss-img{ width:100%; height:auto; float:left; text-align:center; padding:30px 0px; }
.wss-img img{ max-width:100%;}
.wss-else{ width:100%; height:auto; float:left; font-size:13px; line-height:25px; color:#000;}


/*-- 产品中心 --*/
.sortbox{ width:100%; height:auto; float:left;}
.sortone{ width:96%; height:auto; float:left; margin-top:55px; margin-left:4%;}
.sortimg{ width:100%; height:auto; float:left; overflow:hidden;}
.sortimg img{ width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sortone:hover .sortimg img{ transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
transform: scale(1.03);
}
.sortname{ width:100%; height:auto; float:left; height:55px; background:#e2e2e2;}
.sortname table{ width:100%; height:100%; float:left; font-size:20px; color:#6d6d6d; text-align:center; }
.sortone:hover .sortname{ background:#f1ebc7; 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; padding:10px 0px; background:url(../img/page/cpbgs.jpg) center center no-repeat;
background-size:cover;}
.p-line{ width:100%; height:2px; float:left; background:url(../img/page/pline.png) center center repeat-x;}
.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{ color:#FFF; font-size:16px; width:100%; height:auto; float:left; line-height:22px; position:relative; padding:8px 5px 8px 10%;}
.list ul li a span{ width:5px; height:5px; float:left; margin-right:8px; margin-top:9px; background:#FFF; 
transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s;
-moz-border-radius: 50px; /* Firefox */
-webkit-border-radius: 50px; /* Safari 和 Chrome */
border-radius: 50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.list ul li:hover a{color:#009fe8; transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s;}
.list ul li:hover a span{background:#009fe8; transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s;}
.list ul li.choosepoint a{color:#FFF; transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s;}
.list ul li.choosepoint a span{background:#009fe8; transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s;}
.list ul li.choosepoint{}
.list ul li .inactive i{ transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;}
.list ul li .inactives i{ transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;}
.list ul li ul{display: none; width:100%;}
.list ul li ul li{ width:100%; height:auto; line-height:22px; color:#FFF; float:left; font-weight:normal; position:relative; margin-top:2px;}
.list ul li ul li b{width:3px; height:3px; float:left; margin-right:8px; margin-top:10px; background:#FFF;
-moz-border-radius: 50px; /* Firefox */
-webkit-border-radius: 50px; /* Safari 和 Chrome */
border-radius: 50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.list ul li ul li a{ color:#FFF; font-size:14px; line-height:20px; font-weight:normal; padding:10px 5px 10px 15%;}
.list ul li ul li a.inactives{background:#f1ebc7; color:#626262; padding:15px 5px 15px 15%;}
.list ul li ul li a.inactives b{background:#f1ebc7;}
.list ul li:hover ul li a{ color:#FFF;}
.list ul li:hover ul li a.inactives{color:#626262;}
.list ul li:hover ul li a.inactives b{background:#f1ebc7;}

.list ul li:hover ul li a:hover{background:#f1ebc7; color:#626262;}
.list ul li:hover ul li a:hover b{background:#f1ebc7;}

.list ul li ul li ul li{ margin-top:2px;}
.list ul li ul li ul li a{ font-size:14px; padding:0px 5px 0px 20%; height:42px; line-height:40px; }
.list ul li ul li ul li a b{ width:2px; height:2px; float:left; margin-right:5px; margin-top:20px; background:#FFF;
-moz-border-radius: 50px; /* Firefox */
-webkit-border-radius: 50px; /* Safari 和 Chrome */
border-radius: 50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.list ul li ul li ul li a span{ width:45px; height:40px; float:right; margin:0; margin-right:80px; background:none;
-moz-border-radius:0px; /* Firefox */
-webkit-border-radius:0px; /* Safari 和 Chrome */
border-radius:0px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.list ul li:hover ul li ul li a span{background:none;}
.list ul li:hover ul li ul li a:hover{background:none;color:#009fe8;}
.list ul li:hover ul li ul li a:hover b{background:#009fe8;}

.list ul li.choosepoint ul li ul li a span{background:none;}
#nchoose{color:#009fe8;}
#nchoose2{background:#f1ebc7; color:#626262; padding:15px 5px 15px 15%;}
#nchoose2 b{background:#f1ebc7;}
#nchoose3{color:#009fe8;}
#nchoose3 span{background:none;}
#nchoose3 b{background:#009fe8;}

.proR{ width:80%; height:auto; float:left; padding-left:20px;}
.psbox{ width:100%; height:70px; float:left;}
.psearch{ width:250px; height:auto; float:right; border:1px solid #000; padding:8px 5px;
-moz-border-radius: 50px; /* Firefox */
-webkit-border-radius: 50px; /* Safari 和 Chrome */
border-radius: 50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#search_input4{outline:none; height:24px; width:80%; border:0px solid #CCC; line-height:24px; 
float:left;color:#000; font-size:12px;padding:0 5px; background-color:transparent;}
#search_input3{ float:left; width:24px; height:23px; outline:none; margin-left:10px;}

.cpbox{ width:100%; height:auto; float:left; transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s; margin-bottom:35px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e2e2e2,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 0px 20px 0px #e2e2e2;/*兼容firefox*/
-webkit-box-shadow:0px 0px 20px 0px #e2e2e2;/*兼容safari或chrome*/
box-shadow:0px 0px 20px 0px #e2e2e2;/*兼容opera或ie9*/
}
.cpimg{ width:100%; height:auto; float:left; }
.cpimg img{ transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; width:100%;}
.sortone a:hover .cpimg img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.cpname{ width:100%; height:50px; float:left; background:#626262;}
.cpname table{ width:100%; height:100%; float:left; text-align:center; color:#FFF; font-size:13px;}
.cpbox:hover{
-webkit-transform: translateY(-5px);
-moz-transition: translateY(-5px);
transform: translateY(-5px);
}
.cpbox:hover .cpname{background:#4ac0ec; transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s;}

/*-- 详细页 --*/
.cpinfolr{ padding-left:50px;}
.pinfo{ width:100%; height:auto; float:left; border:1px solid #d6d6d6; overflow:hidden;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e6e4e4,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:2px 0px 7px #e6e4e4;/*兼容firefox*/
-webkit-box-shadow:2px 0px 7px #e6e4e4;/*兼容safari或chrome*/
box-shadow:2px 0px 7px #e6e4e4;/*兼容opera或ie9*/
}
.ban {width:57%;height:auto;float:left; position:relative; z-index:1; background:#FFF;}
.banlogo{ position:absolute; top:20px; left:20px; z-index:2;}
.banlogo img{ max-width:100%;}
.banl{ width:100%; height:auto;padding:5px; float:left;}
.t2 {width:100%; float:left;}
.t2 img {width:100%;}
.prev {float:left;cursor:pointer;}
.min_pic {width:54%;height:auto;float:left; padding:10px 0px; margin-top:10px;}
.num {width:90%;height:82px;overflow:hidden;position:relative;float:left;}
.num ul {position:absolute;left:0;top:0;}
.num ul li {width:82px;height:auto; float:left; margin:0px 8px; text-align:center;
-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:80px; height:80px; border:2px solid #e2e2e2;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
}
.num ul li:hover img{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#91d9f3,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:2px 2px 6px #91d9f3;/*兼容firefox*/
-webkit-box-shadow:2px 2px 6px #91d9f3;/*兼容safari或chrome*/
box-shadow:2px 2px 6px #91d9f3;/*兼容opera或ie9*/
}
.num ul li a:on img{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#91d9f3,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:2px 2px 6px #91d9f3;/*兼容firefox*/
-webkit-box-shadow:2px 2px 6px #91d9f3;/*兼容safari或chrome*/
box-shadow:2px 2px 6px #91d9f3;/*兼容opera或ie9*/
}
.prev_btn1 {width:5%;text-align:center;height:auto;cursor:pointer;float:left; margin-top:30px;}
.next_btn1 {width:5%;text-align:center;height:auto;cursor:pointer;float:left; margin-top:30px;}
.num ul li.on img{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#91d9f3,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:2px 2px 6px #91d9f3;/*兼容firefox*/
-webkit-box-shadow:2px 2px 6px #91d9f3;/*兼容safari或chrome*/
box-shadow:2px 2px 6px #91d9f3;/*兼容opera或ie9*/
}

.banr{ width:42%; height:610px; float:right; padding:10px 10px 10px 40px; background:#fbfbfb; border:1px solid #f5f5f5; position:relative;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#f5f5f5,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 0px 10px #f5f5f5;/*兼容firefox*/
-webkit-box-shadow:0px 0px 10px #f5f5f5;/*兼容safari或chrome*/
box-shadow:0px 0px 10px #f5f5f5;/*兼容opera或ie9*/
}
.bjiao{ width:100px; height:100px; position:absolute; bottom:0; right:0; z-index:1; background-image:url(../img/page/jiao.jpg);
 background-size:cover;}
.cpt{ width:100%; height:auto; float:left; padding:25px 0px 10px; line-height:30px; font-size:22px; color:#404040;}
.cpline{ width:85%; height:1px; background:#c1c1c0; float:left;}
.cpt2{ width:100%; height:auto; height:auto; float:left; padding:10px 0px; font-size:13px; color:#313332; line-height:23px;}
.cpshow-t3 {width:100%;float:left; height:auto; color:#313332;line-height:18px;font-size:16px;}
.cpshow-t3 span{line-height:25px;font-size:16px; float:left; width:100%; color:#313332; font-weight:600; padding-top:10px;}
.cpshow-t3 p{ width:100%; height:auto; float:left; font-size:14px; padding-top:5px; line-height:20px;}
.cptel{ width:50%; height:auto; float:left; font-size:15px; padding:15px 0px;}
.cpmail{width:50%; height:auto; float:left; font-size:15px; padding:15px 0px;}
.cptel i,.cpmail i{ margin-right:8px; font-size:18px; }
.cptel em{ font-style:normal;}
.cptel a{color:#313332;}
.cpmail a{color:#313332;}
.cpmail a:hover{color:#e60012;}

.cp-btn{ width:100%; height:auto; float:left; margin-top:15px;}
.cp-btn a{ width:120px; height:35px; float:left; font-size:14px; text-align:center;  position:relative; overflow:hidden; background:#00a0e9; line-height:35px; color:#FFF;}

.backbtn{ float:left; width:100px; height:35px;}
.backbtn a{ padding:3px 18px; color:#FFF; background:#242424; font-size:14px; float:left;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.backbtn a:hover{ background:#86d5f2;}

.showimg{ width:100%; height:auto; float:left; padding-bottom:20px;}
.showimg a{ width:80px; height:auto; float:left; margin:3px;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.showimg a p{ width:100%; height:auto; font-size:12px; text-align:center; padding-bottom:2px; color:#000; float:left;}
.showimg a img{ width:78px; height:60px; border:1px solid #CCC;}
.showimg a:hover img{ border:1px solid #4ac0ec}

/*-- 相同产品 --*/
.samebox{ width:100%; height:auto; float:left; margin-top:50px;}
.same-t{ width:100%; float:left; border-bottom:1px solid #86d5f2;}
.same-t span{ padding:0 20px; line-height:30px; background:#4ac0ec; font-size:13px; color:#FFF; float:left;}
.same-show{ width:100%; height:auto; float:left; margin-top:40px;}
.same-one{ width:100%; height:auto; float:left; border:1px solid #c9c9c9;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:2px 2px 7px #c0c0c0;/*兼容firefox*/
-webkit-box-shadow:2px 2px 7px #c0c0c0;/*兼容safari或chrome*/
box-shadow:2px 2px 7px #c0c0c0;/*兼容opera或ie9*/
}
.same-one-img{ width:100%; float:left;}
.same-one-img img{ width:100%;}
.same-one-name{ width:100%; height:auto; float:left;}
.same-one-name-p1{ width:100%; height:34px; float:left; font-size:14px; color:#909090; text-align:center; border-top:1px solid #c0c0c0; line-height:34px;}
.same-one-name-p2{ width:100%; height:34px; float:left; text-align:center; border-top:1px dashed #e3e3e3;}
.same-one-name-p2 i{ display:inline-block; border:1px solid #e3e3e3; line-height:20px; margin-top:6px; font-size:12px; color:#909090; font-style:normal; padding:0px 5px; }
.same-one:hover{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 0px 7px #4ac0ec;/*兼容firefox*/
-webkit-box-shadow:0px 0px 7px #4ac0ec;/*兼容safari或chrome*/
box-shadow:0px 0px 7px #4ac0ec;/*兼容opera或ie9*/
}
.same-one:hover .same-one-name{ background:#4ac0ec;}
.same-one:hover .same-one-name-p1{ color:#FFF;}
.same-one:hover .same-one-name-p2 i{ background:#FFF;}

/*-- 新闻 --*/
.newsbox{ width:100%; height:auto; float:left;}
.newsone{ width:100%; height:auto; float:left; padding:35px 0px;}
.newsimg{ width:100%; height:auto; float:left; position:relative;}
.newspic{ width:100%; height:auto; float:left; overflow:hidden;}
.newsimg img{ width:100%; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; }
.newsdbg{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../img/page/nbg.png); 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;}
#date{top:70%;}
.newsdate{ position:absolute; top:30px; left:30px; 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;}
.newsdate .p1{ font-size:48px; color:#4ac0ec; line-height:50px; padding-right:10px; float:left;}
.newsdate .p2{ font-size:20px; color:#e0e0e0; line-height:25px; float:left;}

.news-show{ width:100%; height:auto; float:left; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; padding:25px 5% 5px; background:#f6f5f5;}
.news-name{ width:100%; height:50px; overflow:hidden; line-height:25px; color:#393939; font-size:20px;}
.news-line{ width:40px; height:3px; float:left; background:#393939; margin:15px 0px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.news-info{ width:100%; height:72px; float:left; color:#7a7a7a; line-height:24px; font-size:13px;}
.news-btn{ width:100%; height:40px; float:left; position:relative; z-index:5;}
.news-btn i{ position:absolute; top:0; left:42%; 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;}
.news-btn i img{ max-width:100%;}

.newsone:hover .newspic img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;
}
.newsone:hover .news-show{ background:#FFF; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.newsone:hover .news-btn i{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; top:15px;}
.newsone:hover .news-line{ width:100%; height:3px; border:1px #FFF solid; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.newsone:hover .newsdbg{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;}
.newsone:hover .newsdate{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;}

/*-- 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.cppage{ text-align:right;}
.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:inline-block; vertical-align:top; font-size:14px; line-height:25px; padding:2px 10px;
background:#FFF; border:1px solid #e2e2e2;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pagination ul li a i{ background:none; float:left;}
.pagination ul li a i.i1{ float:left; border:0; margin:5px 4px 6px 0px;}
.pagination ul li a i.i2{ float:right; border:0; margin:5px 0px 6px 4px;}
.pagination ul li a:hover{background: #4ac0ec!important; color:#FFF;}
.pagination ul li a.active{background: #4ac0ec!important; color:#FFF;}

/*-- 新闻详细内容 --*/
.in-newsbox_title {width:100%; padding:5px 10px; font-size:22px;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:#4ac0ec;
-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:#4ac0ec;
-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;}


/*-- 案例展示 --*/
.casebox{ width:100%; height:auto; float:left; margin-top:20px;}
.caseone{ width:100%; height:auto; float:left; margin-top:20px;}
.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:5%; 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;}

/*-- 案例展示 --*/
.brand-one{ width:100%; height:auto; float:left;}
.brand-one-t{ width:100%; height:auto; float:left; text-align:center; margin-top:20px;}
.brand-one-t img{ max-width:80%;}
.bo-show{ width:100%; height:auto; float:left; text-align:center;}
.bos-one{ width:19%; display:inline-block; margin-bottom:22px;}
.bos-one img{ max-width:100%;}

.brand-two{ width:100%; height:auto; float:left; background:url(../img/images/page/brandbg.jpg)center center no-repeat; background-size:cover; padding-top:50px; margin-top:50px; overflow:hidden; padding-bottom:70px;}
.bc-t{ width:100%; height:auto; padding:10px 0px; color:#000; line-height:30px;font-size:28px; color:#4ac0ec;}
.bc-tp{ width:100%; height:auto; float:left; font-size:14px; color:#bababa; line-height:25px;}
.bo-dw{ width:100%; height:auto; float:left; margin-top:30px;}
.bo-dw-box{ width:100%; height:auto; float:left; text-align:right; margin-top:10px;}
.bo-dw-box img{ max-width:100%; margin-left:5px; display:inline-block;}

.brand-three{ width:100%; height:auto; float:left; padding:60px 0px; background:#ececec;}
.bc-ts{width:100%; height:auto; padding:10px 0px; color:#000; line-height:30px;font-size:28px; color:#4ac0ec; text-align:center;}
.b-th-img{ width:100%; height:auto; float:left; text-align:center; padding-bottom:10px;}
.b-th-img img{ max-width:100%;}
.b-th-table{ width:100%; height:auto; float:left; padding:0px 20px; margin-top:20px;}
.b-th-table ul li{ width:25%; float:left; height:50px; font-size:17px; padding:0 15px;}
.b-th-table ul li table{ width:100%; height:100%; float:left;}
.b-th-table ul #bli{ width:100%; height:2px; border-bottom:1px dashed #a0a0a0; float:left;}

/*-- 联系我们 --*/
.fbox{ width:100%; height:600px; float:left;}
.feedl{ width:40%; height:100%; float:left; background-image:url(../img/images/page/cbg.jpg); background-size:cover;
padding:35px 0px 0px 35px; position:relative; overflow:hidden;}
.feedt{ width:100%; height:auto; float:left; font-size:28px; line-height:45px; color:#FFF; }
.feedt-info{ width:100%; height:auto; float:left; font-size:16px; color:#FFF; margin-top:25px;}
.ftl{ height:auto; float:left; padding-right:10px;}
.ftl img{ max-width:100%;}
.ftr{ width:80%; height:60px; float:left;}
.ftr table{ width:100%; height:100%; float:left;}
.flog{ position:absolute; right:30px; bottom:35px;}

.feedr{ width:60%; height:100%; float:left; background:#FFF; padding:30px; border:1px solid #d0d0d0;}
.feedr-w{ width:100%; height:auto; line-height:40px; font-size:28px; color:#393939; float:left;}
.feedr-t{ width:100%; height:auto; float:left; font-size:15px; color:#949494; line-height:22px; margin-top:40px;}

.fbb-one{ width:48.5%; float:left; overflow:hidden; height:52px; margin-top:10px;}
.fbr{ margin-right:3%;}
.fbb-one .fb{ width:100%; height:50px; float:left; line-height:30px; color:#FFF;}
.fbb-one .fbi{width:100%; height:50px; float:left;}

.fbb-one .fbi input{width:100%;height:50px;line-height:50px;border:2px solid #e6e6e6; background-color:transparent; outline:#306498; color:#000;
padding:0px 10px;}

.fbb-two{ width:100%; float:left; overflow:hidden; height:190px; margin-top:10px;}
.fbb-two .fb{ width:100%; height:50px; float:left; line-height:30px; color:#000;}
.fbb-two .fbi{width:100%; height:auto; float:left; }
.fbb-two .fbi textarea{width:100%;height:180px;padding:10px;border:2px solid #e6e6e6;color:#000;resize: none; outline:none;
background-color:transparent;}

.fbbtn{ width:100%; height:auto; float:left; margin-top:30px;}
#button1,#button2{width:130px;height:40px;outline:none; float:right;outline:none; line-height:35px;text-align:center;font-size:14px;background-color:transparent; color:#FFF; border:0;}
.gobtn{background:#cecba6; border:1px solid #cecba6; color:#000;}
#button1{ background:#4ac0ec; color:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#4ac0ec,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 5px 5px 15px #4ac0ec;/*兼容firefox*/
-webkit-box-shadow: 5px 5px 15px #4ac0ec;/*兼容safari或chrome*/
box-shadow:5px 5px 15px #4ac0ec;/*兼容opera或ie9*/
}
#button1,#button2{transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#button1:hover,#button2:hover{ background:#000; border:1px solid #000; color:#FFF;
-webkit-transform: translateY(-5px);
-moz-transition: translateY(-5px);
transform: translateY(-5px);}
#button1:hover{ background:#000;border:1px solid #000;}


/*-- 地图 --*/
.mapbox{ width:100%; height:auto; float:left; position:relative;}
.mapfang{ width:100%; height:530px; float:left; border:1px solid #d0d0d0;}
.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;}*/


/* ~~ 脚注 ~~ */
.bobbox{ width:100%; height:auto; float:left;}
.bone{ width:20%; height:119px; float:left; background-size:cover; position:relative; overflow:hidden;}
.bonebg{ width:100%; height:100%; position:absolute; left:0; top:-100%; background:#00a0e9; 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;}
.bname{ width:100%; height:100%; float:left; position:relative; z-index:1; 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;}
.bname table{ width:100%; height:100%; float:left; color:#FFF; font-size:18px; text-align:center;}
.bone a{ width:100%; height:100%; position:absolute; z-index:2; top:0; left:0;}
.bone:hover .bonebg{visibility:visible; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; top:0%;}
.bone:hover .bname{visibility:visible; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
.bxx{ background-image:url(../img/page/bxx.png); background-size:100%; background-repeat:no-repeat; padding-bottom:30px;}

.footB{ width:100%; height:auto; float:left; background:#393939; }
.footup{ width:100%; height:auto; float:left; padding:60px 0px;}
.fone{ width:36%; padding:0px 10px; height:auto; float:left;}
.fone-t{ width:100%; height:auto; float:left; font-size:19px; line-height:25px; color:#FFF;}
.fone-info{ width:90%; height:auto; float:left; margin-top:30px; color:#FFF;}
.fone-info p{ width:100%; height:auto; float:left; line-height:30px;}
.fone-info p i{ float:left; padding-right:10px;}
.fone-info p i img{ max-width:100%;}

.ftwo{ width:20%; height:auto; float:left; padding:0px 10px;}
.ftwo-info{ width:100%; height:auto; float:left; margin-top:30px;}
.ftwo-info a{ width:100%; height:auto; float:left; line-height:25px; padding-bottom:6px; font-size:14px; color:#FFF;}

.fthree{ width:28%; height:auto; float:left; padding:0px 10px;}
.fthree-info{ width:100%; height:auto; float:left; margin-top:30px;}
.fthree-info a{ color:#FFF; padding-bottom:5px; font-size:12px; width:100%; float:left; line-height:24px;}
.fthree-info a i{ float:left; padding-right:3px;}
.fthree-info a:hover{ color:#CCC}

.four{ width:16%; height:auto; float:left; padding:0px 10px;}
.four-info{ width:100%; height:auto; float:left; margin-top:30px;}
.four-info img{ max-width:100%; margin-top:10px;}

.footdown{ width:100%; height:auto; float:left; padding:20px 10px 35px; line-height:25px; font-size:13px; color:#FFF; border-top:1px solid #707070; text-align:center;}
.footdown a{ color:#FFF;}

.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%;}

/*-- 分享 --*/
.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;}