@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;}
.bmin6{ width:100%; height:1px; float:left;}
.bline{ width:100%; height:1px; background:#e5e5e5; float:left;}	
.bline2{ width:100%; height:2px; float:left; background:#f6f6f6;}
.bline3{ width:100%; height:1px; float:left; background:#000;}	
.containermian{ width:100%; height:auto; float:left; overflow:hidden;}
.md{ width:1530px;}
.cmd{ width:1170px;}
.posr{ position:relative; z-index:1}
.posa{ position:absolute;}
.plr0{ padding:0;}
.plr5{ padding:0px 5px;}
.plr10{ padding:0px 10px;}
.plr15{ padding:0px 15px;}
.plr20{ padding:0px 20px;}
.plr35{ padding:0px 35px;}
.plr40{ padding:0px 40px;}
.plr5b{ padding:0px 5%;}
.plr15b{ padding:0px 5%;}
.pud70{ padding:70px 0px;}
.foal{ float:left; }
.foar{ float:right; }
.ht100{ height:100%;}
.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*/
}
.ctc{
background: linear-gradient(left, #2a6069, #2ebf98);
background: -ms-linear-gradient(left, #2a6069, #2ebf98);
background: -webkit-linear-gradient(left, #2a6069, #2ebf98);
background: -moz-linear-gradient(left, #2a6069, #2ebf98);
}

/*-- banner轮播图 --*/
.pbannerbox{ width:100%; height:auto; float:left; position:relative; z-index:0; display:none;}
.bannerbox{ width:100%; height:auto; float:left; position:relative; overflow:hidden;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e9e9e9,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 8px 12px #e9e9e9;/*兼容firefox*/
-webkit-box-shadow: 0px 8px 12px #e9e9e9;/*兼容safari或chrome*/
box-shadow:0px 8px 12px #e9e9e9;/*兼容opera或ie9*/
}
.inbanner{ width:100%; height:auto; float:left;}
.inbanner img{ width:100%;}
.in-img{}
.in-box{ width:100%; height:680px; 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; background-repeat:no-repeat; 
-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;
}
.banner-title{ width:100%; height:auto; float:left; position:relative; z-index:1; margin-top:210px;}
.banner-title .p1{ width:100%; height:auto; float:left; padding:25px 10px; text-align:center; color:#FFF; font-size:40px; line-height:50px; font-weight:600;}
.banner-title .p2{ width:100%; height:auto; float:left; text-align:center;}
.banner-title .p2 span{ width:0px; height:0px; display:inline-block; cursor:pointer;
border-right:15px solid transparent;
border-left:15px solid transparent;
border-top:15px solid #FFF;
-webkit-animation: rotate 2s linear infinite;
-moz-animation: rotate 2s linear infinite;
-o-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
}
@keyframes rotate {
    0% {transform: translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform: translateY(0);}
    25% { transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px);}
    50% { transform: translateY(13px) scale(1.1, 0.9);
	-webkit-transform: translateY(13px) scale(1.1, 0.9);
	-moz-transform: translateY(13px) scale(1.1, 0.9);
	-ms-transform: translateY(13px) scale(1.1, 0.9);
	}
    75% { transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	}
    100% {transform: translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	}
}

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

/*-- 左侧导航 --*/
.phonelight{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:9;}
.phoneL{width:70%; height:100%; position:fixed; right:-70%; top:0; z-index:10; background:#FFF; padding:35px 10px 10px 7%; border-left:1px solid #e4e4e4;}
 
.ttops{ width:100%; height:auto; float:left;}
.ttlogo{ width:70%; height:auto; float:left;}
.ttlogo img{ max-width:100%;}

.phcen{ width:20%; height:auto; float:left; margin-top:25px;}
.phcen a{ line-height:30px; font-size:17px; color:#b2b2b2; padding:0px 12px; display:inline-block; font-weight:600;}
.phcen a:hover{ color:#000; }
#phcen{ color:#000; }

.ptop{ width:10%; height:auto; float:left; margin-top:25px;}
.ptop i{ width:32px; height:32px; float:left; cursor:pointer;}
.ptop i img{ width:100%;}

.phonenav{ width:100%; height:auto; float:left;}
.phnav{ width:100%; height:auto; float:left; padding-top:60px;}
.phnav ul li{ width:100%; height:auto; line-height:20px; font-size:28px; padding:25px 0px;}
.phnav ul li span{ float:left; color:#000; line-height:35px; }
.phnav ul li i{ float:left; width:0px; height:1px; background:#000; margin-top:10px; margin-right:10px; 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;}
.phnav ul li:hover i{ width:65px; 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;}
.phnav ul li a{ color:#000; }
.phnav ul li a:hover{ color:#000; font-weight:600;}
#pchoose{ font-weight:600;}
#pchoose i{ width:65px; 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;}

.beshare{ width:auto; height:auto; float:right; margin-right:1%; margin-top:50px;}
.bes-name{ width:100%; height:auto; float:left; font-size:18px; color:#000; line-height:30px; padding:5px 0px;}
.bes-ico{ width:100%; height:auto; float:left;}
.bes-ico span{ float:left; padding:8px;}
.bes-ico span a{ width:30px; height:30px; float:left; border:1px solid #bababa;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;
}
.bes-ico span a i{ width:100%; height:100%; text-align:center; line-height:29px; font-size:17px; color:#bababa;
transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.bes-ico span a:hover{ border:1px solid #000; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.bes-ico span a:hover i{ color:#000; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}

/*--全屏 --*/
.fullbanner{ width:100%; height:100%; position:absolute; z-index:0; left:0; top:0; }
.liban{ width:100%; height:100%; background-color:#f4f4f4; background-size:cover; background-position: center center;}

/*-- 首页头部 --*/
.syheader{ width:100%; height:auto; float:left; position:relative; z-index:1; padding-top:20px;}
.syheader .logos{ width:50%; height:auto; float:left; margin-top:10px;}
.syheader .logos img{ max-width:100%; height:auto;}
.syheader .secen{ width:50%; height:70px; float:left;}
.syheader .sename{ float:right; line-height:30px; font-size:15px; color:#FFF; padding:0px 17px; margin-top:20px; letter-spacing:2px;}
.syheader .change{ width:40px; height:auto; float:right; cursor:pointer; margin-top:9px;}
.syheader .change span{ width:80%; height:2px; float:right; background:#FFF; position:relative; margin-top:11px;}
.syheader .change span i{ width:0; height:2px; background:#dbb866; float:right; 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;}
.syheader .change:hover span i{ width:100%; 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;}
#mch{ transition: 1s;-webkit-transition: 1s;-moz-transition:1s; width:100%;}
#sch{ transition: 1s;-webkit-transition: 1s;-moz-transition:1s; width:60%;}
.syheader .change:hover #mch i,.change:hover #sch i{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;}

/*-- 头部 --*/
.header{ width:100%; height:auto; float:left; position:relative; z-index:1; padding-top:20px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e5e5e5,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 8px 12px #e5e5e5;/*兼容firefox*/
-webkit-box-shadow: 0px 8px 12px #e5e5e5;/*兼容safari或chrome*/
box-shadow:0px 8px 12px #e5e5e5;/*兼容opera或ie9*/
}
.logos{ width:50%; height:70px; float:left;}
.logos img{ height:100%;}
.secen{ width:50%; height:70px; float:left;}
.sename{ float:right; line-height:30px; font-size:15px; color:#000; padding:0px 17px; margin-top:20px;}
.change{ width:40px; height:auto; float:right; cursor:pointer; margin-top:9px;}
.change span{ width:80%; height:2px; float:right; background:#000; position:relative; margin-top:11px;}
.change span i{ width:0; height:2px; background:#dbb866; float:right; 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;}
.change:hover span i{ width:100%; 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;}
#mch{ transition: 1s;-webkit-transition: 1s;-moz-transition:1s; width:100%;}
#sch{ transition: 1s;-webkit-transition: 1s;-moz-transition:1s; width:60%;}
.change:hover #mch i,.change:hover #sch i{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;}

/*-- 外部导航 --*/
.navbox{ width:100%; height:75px; float:left; background:#f2f2f2;}
.navbox ul li{ width:auto; height:100%; float:left; text-align:center; font-size:15px; margin-right:40px;}
#navbox_en ul li{ font-size:17px; }
.navbox ul li a{ color:#5e5e5e; display:block; line-height:75px; position:relative; color:#545454; padding:0px 20px;}
.navbox ul li a i{ width:0%; height:5px; position:absolute; right:50%; bottom:0px; background:#1b1b1b; z-index:1; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.navbox ul li a:hover i{ visibility:visible; width:100%; right:0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
#choose{ color:#000;}
#choose i{ visibility:visible; width:100%; right:0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}

/*-- 搜索 --*/
.searchbox{ width:32px; height:32px; float:right; cursor:pointer; margin-top:19px;}
.searchbox i{ float:left; margin-left:15px; font-size:15px; color:#FFF; line-height:18px; font-style:normal; cursor:pointer;}
.searchbox img{ max-width:100%; margin-left:0px; float:left; cursor:pointer;}
.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:#e4e4e4; 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=99); -moz-opacity:0.99; -khtml-opacity:0.99; opacity:0.99;
}
#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:#FFF;
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:#dbb866;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

#phonesearch{ width:100%; height:auto; float:left; padding:10px 4%;}
#search_inputx1{outline:none;height:40px; width:80%; border:1px solid #000; line-height:50px; float:left; color:#000; font-size:14px; padding:0 5px; background:#FFF;
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_inputx2{ float:left; width:18%; height:40px; outline:none; cursor:pointer; margin-left:2%; border:0; background:url(../img/page/search.png) center center no-repeat #c3010a;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}


/*-- 首页 --*/
.syone{ width:100%; height:auto; float:left; margin-top:150px;}
.syone-main{ width:85%; height:650px; float:left; background:#f7f7f7;}
.syoner{ width:24%; height:100%; float:right; padding:20px 4%; position:relative;}
.syoneline{ width:106px; height:1px; background:#a40000; position:absolute; left:-53px; top:43%; z-index:1;}
.syone-t{ width:100%; height:auto; float:left; margin-top:230px; font-size:30px; color:#000; line-height:35px; text-align:center; font-weight:600;}
.syone-info{ width:100%; height:auto; float:left; padding:0px 15%; line-height:20px; font-size:14px; color:#686868; text-align:center; margin-top:20px;}
.syone-btn{ width:100%; height:auto; float:left; margin-top:30px; text-align:center;}
.syone-btn span{ width:40px; height:50px; display:inline-block; background:#1b1b1b;
-moz-border-radius: 6px; /* Firefox */
-webkit-border-radius: 6px; /* Safari 和 Chrome */
border-radius: 6px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.syone-btn span i{ width:40px; height:50px; display:table-cell; text-align:center; color:#FFF; vertical-align:middle;} 
.syone-btn:hover span{ background:#dbb866; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syonel{ width:60%; height:auto; float:right; margin-top:-90px;}
.syoimg{ width:100%; height:650px; float:left; background-position:center; background-repeat:no-repeat; background-color:#160102;
background-size:cover;}

.sytwo{ width:100%; height:auto; float:left; margin:160px 0px 150px;}
.sytwom{width:85%; height:auto; float:right; }
.sytwo-main{ width:98.5%; height:600px; float:left; background:#f7f7f7;}
.sytwol{ width:34%; height:100%; float:left; padding:20px 4%; position:relative;}
.sytwoline{ width:106px; height:1px; background:#a40000; position:absolute; right:-53px; top:48%; z-index:1;}
.sytwo-t{ width:100%; height:auto; float:left; margin-top:180px; font-size:30px; color:#000; line-height:35px; text-align:center; font-weight:600;}
.sytwo-info{ width:100%; height:auto; float:left; padding:0px 15%; line-height:20px; font-size:14px; color:#686868; text-align:center; margin-top:20px;}
.sytwo-btn{ width:100%; height:auto; float:left; margin-top:30px; text-align:center;}
.sytwo-btn span{ width:40px; height:50px; display:inline-block; background:#1b1b1b;
-moz-border-radius: 6px; /* Firefox */
-webkit-border-radius: 6px; /* Safari 和 Chrome */
border-radius: 6px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.sytwo-btn span i{ width:40px; height:50px; display:table-cell; text-align:center; color:#FFF; vertical-align:middle;} 
.sytwo-btn:hover span{ background:#dbb866; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sytwor{ width:57%; height:auto; float:left; margin-top:-60px;}
.sytimg{ width:100%; height:690px; float:left; background-position:center; background-repeat:no-repeat; background-color:#160102;
background-size:cover;}


/*-- 关于我们 --*/
.abbox{ width:100%; height:auto; float:left;}
.abnav{ width:100%; height:auto; float:left; text-align:center; margin-top:-15px;}
.abnav span{ display:inline-block; padding:0px 5px; color:#868686; font-size:15px; line-height:20px; vertical-align:top;}
.abnav span a{color:#868686; display:inline-block; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.abnav span i{ width:1px; height:20px; background:#868686; float:left;}
.abnav span a:hover{ color:#000; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#abnav{ color:#000; }

.abinfo{ width:100%; height:auto; float:left;}
.abone{ width:100%; height:auto; margin-top:35px; font-size:15px; line-height:30px; float:left; color:#3e3e3e;}
.abtwo{ width:100%; height:auto; float:left; margin-top:65px;}
.abtwoL{ width:44%; height:810px; float:left; background-size:cover; background-repeat:no-repeat; background-color:#f4f4f4;}
.abtwoR{ width:56%; height:auto; float:left; padding-left:11%;}
.abtwoR .p1{ width:100%; height:540px; font-size:15px; line-height:30px; float:left; color:#3e3e3e;}
.abtwoR .p2{ width:100%; height:270px; float:left;background-size:cover; background-repeat:no-repeat; background-color:#f4f4f4;}
.abth{ width:100%; height:auto; margin-top:60px; font-size:15px; line-height:30px; float:left; color:#3e3e3e;}

/*-- 企业实景 --*/
.fac-one{ width:100%; height:auto; float:left; margin-top:25px;}
.fac-one-img{ width:100%; height:auto; float:left; margin:15px 0px; background:#fefefe; overflow:hidden;}
.fac-one-img img{ width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.fac-one-img:hover img{
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
transform: scale(1.02);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

.fac-two{ width:100%; height:auto; float:left; margin-top:30px; }
.fac-twol{ width:50%; height:auto; float:left; padding:90px 10% 0px; font-size:15px; line-height:30px; color:#3e3e3e;}
.fac-twor{ width:50%; height:auto; float:left;}
.fac-two-img{ width:100%; height:auto; float:left; margin:15px 0px; background:#fefefe; overflow:hidden;}
.fac-two-img img{ width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.fac-two-img:hover img{
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
transform: scale(1.02);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

.fac-th{ width:100%; height:auto; float:left; margin-top:45px;}
.fac-thname{ width:40%; border-left:4px solid #4b4b4b; float:left; padding:0px 15px;}
.fac-thname .p1{ width:100%; height:auto; float:left; color:#3e3e3e; font-size:28px; line-height:30px; font-weight:600;}
.fac-thname .p2{ width:100%; height:auto; float:left; color:#3e3e3e; font-size:15px; line-height:25px; margin-top:10px;}
.fac-thimg{ width:100%; height:auto; float:left; margin-top:20px;}
.fac-th-img{width:100%; height:auto; float:left; padding:15px; }
.fac-th-imgs{width:50%; height:auto; float:left; padding:15px; }

.fac-th-imgboxs{width:100%; height:auto; float:left; overflow:hidden; background:#f4f4f4;}
.fac-th-imgboxs img{ width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.fac-th-imgboxs:hover img{
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
transform: scale(1.02);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

.fac-th1{ width:50%; height:auto; float:left;}
.fac-th2{ width:50%; height:auto; float:left;}
.fac-th3,.fac-th5{ width:26%; height:auto; float:left;}
.fac-th4{ width:48%; height:auto; float:left;}


/*-- 产品中心 --*/
.probox{ width:100%; height:auto; float:left;}
.sortnav{ width:100%; height:auto; float:left; text-align:center; margin-top:-15px;}
.sortnav span{ display:inline-block; padding:0px 5px; color:#868686; font-size:15px; line-height:20px; vertical-align:top;}
.sortnav span a{color:#868686; display:inline-block; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sortnav span i{ width:1px; height:20px; background:#868686; float:left;}
.sortnav span a:hover{ color:#000; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#choose{ color:#000; }
#sortnav_en span{ font-size:17px;}

.sortimg{ width:100%; height:auto; float:left; margin-top:30px;}
.sortimg img{ width:100%; background-color:#F4F4F4;}

.locbox{ width:100%; height:auto; float:left; padding-top:22px;}
.loc{width:77%; height:55px; padding:10px 3px; float:left; color:#545454; line-height:25px; font-size:14px;}
.loc i{ display:inline-block; font-size:12px; padding:0px 6px;}
.loc a{ display:inline-block; color:#545454;}
.loc a:hover{ color:#000;}
.loc span{ display:inline-block; padding-right:8px;}
.locon{ font-weight:600; color:#000;}

.prsearchbox{ width:23%; height:auto; float:left; padding-left:3%;}
.prsearch{ width:100%; height:50px; float:left; background:#eeeeee; padding:10px 15px;
-moz-border-radius: 50px; /* Firefox */
-webkit-border-radius: 50px; /* Safari 和 Chrome */
border-radius: 50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.prsearch .p1{ width:80%; height:30px; float:left; }
.prsearch .p2{ width:20%; height:30px; float:left; text-align:center; overflow:hidden; cursor:pointer;}
#search_inputp1{outline:none; height:30px; width:100%; border:0px solid #CCC; line-height:30px; float:left; color:#000; font-size:14px; padding:0 10px; background:#eeeeee;}
#search_inputp2{ display:inline-block; width:100%; height:100%; outline:none; cursor:pointer; background-image:url(../img/page/cpsearch.png); background-color:#eeeeee; background-position:center center; background-repeat:no-repeat; background-size:50%; border:0; }

.pror{ width:100%; height:auto; float:left;}
.cpbox{ width:20%; height:auto; float:left; padding:15px 15px 22px;}
.cpone{ width:100%; height:auto; float:left;}

.cpimg{ width:100%; height:auto; float:left; text-align:center; position:relative; overflow:hidden; ransition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; background-color:#F4F4F4;}
.cpimg img{ width:100%;}
.cpimg span{ width:100%; height:100%; position:absolute; background:#000; z-index:5; top:100%; left:0;
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;
filter:alpha(opacity=50);   
-moz-opacity:0.5;   
-khtml-opacity: 0.5;   
opacity: 0.5;
}
.cpone:hover .cpimg span{ visibility:visible; top:0; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; z-index:1;}
.cpimg i{ position:absolute; left:0; top:43%; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; width:100%; text-align:center; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; z-index:1;}
.cpimg i img{ width:50%;}
.cpone:hover .cpimg i{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.cpbtn{ width:50%; height:45px; background:#FFF; text-align:center; color:#000; line-height:45px; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-size:12px; position:absolute;left:25%; top:73%; z-index:1; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.cpone:hover .cpbtn{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; top:63%;}

.cpimg:hover{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#a7a7a7,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 5px 25px #a7a7a7;/*兼容firefox*/
-webkit-box-shadow: 0px 5px 25px #a7a7a7;/*兼容safari或chrome*/
box-shadow:0px 5px 25px #a7a7a7;/*兼容opera或ie9*/
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

.cpname{ width:100%; height:48px; float:left; display:table;}
.cpname p{ width:100%; height:100%; text-align:center; vertical-align:middle; font-size:15px; color:#3e3e3e; display:table-cell;}

.cpline{ border-bottom:1px solid #c6c6c6;}

/*-- 详细页 --*/
.proshow{ width:100%; height:auto; float:left; margin-top:15px;}
.ban {width:100%; height:auto; overflow:hidden; float:left; position:relative;}
.t2{ width:50%; height:auto; position:relative; float:left; padding:5px;}
.tlogo{ position:absolute; left:20px; top:20px;}
.tlogo img{ width:160px;}
.tbox{ width:100%; height:auto; position:absolute; left:100%; bottom:15%;}

.prev {float:left;cursor:pointer;}
.min_pic {width:100%; height:auto; float:left; padding:0px 8px;}
.num {width:100%; height:80px; overflow:hidden; position:relative; float:left; padding:0px 15px;}
.num ul {position:absolute;left:0;top:0;}
.num ul li {width:auto; height:auto; float:left; margin:0px 10px; text-align:center; border:2px solid #dcdcdc; background:#FFF;}
.num ul li img {width:76px; height:64px;}
.prev_btn1 {width:3%; text-align:center; height:73px; cursor:pointer; float:left; }
.next_btn1 {width:3%; text-align:center; height:73px; cursor:pointer; float:left; }
.num ul li.on{border:2px solid #000;}
.num ul li.on img{}
.prev_btn1:hover {}
.next_btn1:hover {}

.cpinfobox{ width:50%; height:auto; float:left; padding:30px 20px 0px;}
.cpshow-top{ width:100%; height:auto; float:left; font-size:15px; color:#666666; line-height:24px; padding-bottom:5px;}
.cpshow-tbox{ width:100%; height:auto; float:left;}
.cpshow-t{ width:70%; height:auto; float:left; font-weight:600; color:#231f20; font-size:38px; line-height:45px;}
.cpback{ width:30%; float:left;}
.cpback a{ width:45px; height:45px; float:right; background-color:#dcdcdc; background-image:url(../img/page/tjs.png); background-repeat:no-repeat; background-position:center;
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.cpback a:hover{ transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; background-color:#dbb866;}
.cpgline{ width:100%; height:1px; float:left; background:#a0a0a0; margin:14px 0px;}

.cpshow-tt{ width:100%; height:auto; float:left;}
.cpshow-tt .p1{ width:100%; height:auto; float:left; padding:4px 0px; font-size:15px; color:#3a3a3a;}

/*-- 相同产品 --*/
.samebox{ width:100%; height:auto; float:left; margin-top:60px;}
.same-t{ min-width:200px; padding:16px 15px; font-size:20px; color:#3e3e3e; line-height:28px; background:#e5e5e5; float:left; text-align:center;}
.same-show{ width:100%; height:auto; float:left;}

/*-- 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:inline-block; vertical-align:top; font-size:14px; padding:1px 10px;
background:#f8f8f8; border:1px solid #f8f8f8;
-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: #d6bb8c!important; color:#FFF; border:1px solid #d6bb8c;}
.pagination ul li a.active{background: #d6bb8c!important; color:#FFF; border:1px solid #d6bb8c;}

/*-- 资格 --*/
.certbox{ width:100%; height:auto; float:left;}
.cert{ width:100%; height:auto; float:left;}
.caseone{ width:100%; height:auto; float:left; }
.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.01);-moz-transform: scale(1.01);transform: scale(1.01);}
.case-name{ width:100%; height:60px; float:left; text-align:center; font-size:16px; margin-bottom:25px;}
.case-name table{ width:100%; height:100%; float:left; color:#222222;}
.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{ border:1px solid #dbb866;}
.caseone:hover .case-img i{ top:39%; 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;}

/*-- 新闻 --*/
.newsbox{ width:100%; height:auto; float:left;}
.news{ width:100%; height:auto; float:left; padding:0px 45px;}
.newsone{ width:100%; height:auto; float:left; border-top:1px solid #1d4964; margin-bottom:55px;}
.nl{ width:18%; height:auto; float:left; overflow:hidden; padding-bottom:10px;}
.nl .p1{ width:100%; height:auto; float:left; font-size:38px; color:#1d1d1d; text-align:center; padding:10px 0px; font-weight:bold;}
.nl .p2{ width:100%; height:20px; float:left; font-size:18px; color:#3b3b3b; text-align:center;}
.nl .p2 span{ display:inline-block; vertical-align:top; line-height:28px;}
.nl .p2 i{ display:inline-block; width:15px; height:15px; margin-right:8px; vertical-align:top;}
.nl .p2 i img{ width:100%;}
.nr{ width:82%; height:auto; float:left;}
.news-img{ width:100%; height:auto; float:left; position:relative; overflow:hidden; border:1px solid #dcdce0}
.news-img img{ width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; z-index:1; position:relative;}
.newsone:hover .news-img{ height:100%; background:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 5px 10px #cccccc;/*兼容firefox*/
-webkit-box-shadow: 0px 5px 10px #cccccc;/*兼容safari或chrome*/
box-shadow:0px 5px 10px #cccccc;/*兼容opera或ie9*/
}

.news-info{ width:100%; height:120px; padding:25px 0px 0px; float:left; position:relative; z-index:1;}
.news-t{ width:80%; height:auto; float:left; font-size:18px; color:#231815; line-height:22px;}
.news-btn{ width:100%; height:auto; float:left; margin-top:20px;}
.news-btn a{ float:right; color:#1d1d1d; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; font-size:16px; line-height:30px; padding:3px 15px;}
.newsone:hover .news-btn a{ color:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; background:#dbb866;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

.morebox{ width:100%; height:auto; float:left; text-align:center; padding:0px 0px 30px; position:relative;}
.mline{ width:100%; height:1px; position:absolute; left:0%; top:25px; background:#dfdfdf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e4e4e4,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 1px 2px #e4e4e4;/*兼容firefox*/
-webkit-box-shadow: 0px 1px 2px #e4e4e4;/*兼容safari或chrome*/
box-shadow:0px 1px 2px #e4e4e4;/*兼容opera或ie9*/
}
.downs {background:url(../img/page/down.png) 12px center no-repeat; }
.ups {background:url(../img/page/up.png) 12px center no-repeat;}
.moresone{ display:inline-block; font-size:14px; line-height:30px; color:#404040; cursor:pointer; background-color:#FFF; height:auto; position:relative; z-index:1; padding:10px 10px 10px 30px;}
.moresone span{ width:100%; height:auto; float:left;}

/*-- 新闻详细内容 --*/
.in-newsbox_title {width:100%; padding:15px 0px; font-size:24px; text-align:center; float:left; color:#2f2f2f; margin-top:30px; font-weight:600;}
.in-newsbox_info {width:100%;height:auto;float:left; text-align:center; padding:20px 0px;}
.in-newsbox_info ul li{ width:50%; float:left; font-size:15px; color:#2f2f2f;}
.in-newsbox_info span{ font-size:15px; color:#FFF; 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%; color:#2f2f2f;}
.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:15px; line-height:20px; padding:5px 0px; color:#2f2f2f;}
.pagesr p{ width:auto; font-size:15px; line-height:20px; padding:5px 0px; color:#2f2f2f;}
.pagesr{ width:30%; float:right; text-align:right;}
.pagesl a{ color:#FFF; font-size:15px; padding:5px 10px; display:inline-block; background:#dbb866;
-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:#161616;}
.pagesl i{ padding-right:5px;}
.pagesr a{ color:#FFF; font-size:15px; padding:5px 10px; display:inline-block; background:#dbb866;
-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:#161616;}

/*-- 联系我们 --*/
.contact{ width:100%; height:auto; float:left;}
.mbox{ width:100%; height:auto; padding:55px 0px 40px; float:left; text-align:center; line-height:50px; font-size:30px; color:#545454; font-weight:600;}
.con-one{ width:100%; height:auto; float:left; background-size:cover; background-repeat:no-repeat; background-position:left center; background-image:url(../img/images/page/contactbg.jpg); padding:60px 0px 90px;}

.cont-info-one{ width:50%; height:auto; float:left; margin-top:30px; }
.cont-info-one .cont-img{ width:70px; height:70px; float:left;}
.cont-info-one .cont-name{ width:80%; height:70px; float:left;}
.cont-info-one .cont-name table{ width:100%; height:100%; float:left; font-size:16px; line-height:28px; color:#FFF;}
.cont-info-one .cont-name span{ display:inline-block; font-style:normal; color:#FFF; }

.cont-info-two{ width:50%; height:auto; float:left; margin-top:30px; }
.cont-info-two .cont-img{ width:70px; height:70px; float:left;}
.cont-info-two .cont-name{ width:80%; height:70px; float:left; }
.cont-info-two .cont-name table{ width:100%; height:100%; float:left; font-size:16px; line-height:28px; color:#FFF;}
.cont-info-two .cont-name span{ display:inline-block; font-style:normal; color:#FFF;}

.cadd{ background-image:url(../img/page/cadd.png); background-position:left center; background-repeat:no-repeat; background-size:45px;}
.ctel{ background-image:url(../img/page/ctel.png); background-position:left center; background-repeat:no-repeat; background-size:45px;}
.cmail{ background-image:url(../img/page/cmail.png); background-position:left center; background-repeat:no-repeat; background-size:45px;}
.cweb{ background-image:url(../img/page/cweb.png); background-position:left center; background-repeat:no-repeat; background-size:45px;}

/*-- feedback --*/
.feedback{ width:100%; height:auto; float:left; padding:75px 0px;}
.feedback p{ font-size:15px; color:#949494; width:100%; float:left; line-height:22px; padding-bottom:8px; width:100%;}
.feedback p i{ font-style:normal;}
.fd-show{ width:100%; height:auto; float:left;}
.crr-one{ width:32%; height:50px; float:left; border:2px solid #b2b2b2; font-size:15px; color:#949494; margin-top:18px; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.crr-two{ width:32%; height:50px; float:left; border:2px solid #b2b2b2; font-size:15px; color:#949494; margin:0 1.8%; 
margin-top:18px; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.crr-three{ width:100%; height:auto; float:left; border:2px solid #b2b2b2; font-size:15px; color:#949494; margin-top:28px; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
#input1{height:100%; width:100%; border:0px; background-color:transparent; line-height:40px; float:left; color:#949494; font-size:14px; outline:none; padding:10px 15px;}
#input2{ width:100%; height:170px; font-size:14px; outline:none; overflow:hidden; line-height:30px; float:left;resize:none; border:0px; background-color:transparent; padding:10px 15px; color:#949494;}
.crrbtn{ width:100%; height:auto; float:left; padding:15px 0px; text-align:left;}
#button{ width:125px; height:40px; background:#7f7f7f; display:inline-block; cursor:pointer; 
font-size:13px; color:#FFF; border:0px solid #0f1624;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#button{transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
#button:hover{ background:#dbb866; color:#FFF;}
.crr-one:hover,.crr-two:hover,.crr-three:hover{ border:2px solid #000; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}

/*-- 地图 --*/
.mapbox{ width:100%; height:auto; float:left; position:relative;}
.mapfang{ width:100%; height:490px; float:left;}
.mapfang img{ max-width:100px;}

/*-- sysearchs --*/
.absearch{ width:100%; height:auto; background:#fafafa; float:left; padding:70px 0px 100px;}
.absearchL{ width:45%; height:auto; float:left; color:#999999; font-size:16px; padding-right:15%; line-height:28px;}
.absearchL .p1{ font-size:30px; padding:10px 0px; font-weight:600;}
.absearchR{ width:55%; height:auto; float:left; margin-top:20px; padding-left:5%;}
.absearch_box{ width:100%; height:60px; float:left; background:#000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#d8d8d8,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 35px #d8d8d8;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 35px #d8d8d8;/*兼容safari或chrome*/
box-shadow:0px 0px 35px #d8d8d8;/*兼容opera或ie9*/
}
.absearch_box .sb1{ width:83%; height:60px; float:left;}
.absearch_box .sb2{ width:17%; height:60px; float:left; background:#dcc099; text-align:center; overflow:hidden; cursor:pointer;}
#search_input7{outline:none; height:60px; width:100%; border:0px solid #CCC; line-height:30px;float:left;color:#000; font-size:13px; padding:0 20px; background-color:#FFF;}
#search_input8{ display:inline-block; width:100%; height:100%; outline:none; text-align:center; line-height:60px; font-size:13px; border:0px; background:#999999;transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;color:#FFF;}
#search_input8:hover{transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;background:#dbb866; color:#FFF;}
.absearchL .p1.cnp{ font-size:22px;}

/*-- foot --*/
.footB{ width:100%; height:auto; float:left; background:#313131; padding:50px 0px;}
.footl{ width:37%; height:auto; float:left; padding-right:6%; margin-top:10px;}
.footl-nav{ width:100%; height:auto; float:left; padding:5px 0px;}
.footl-nav span{ float:left;}
.footl-nav span a{ color:#cdcdcd; font-size:13px; line-height:19px; float:left; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.footl-nav span a:hover{ color:#dbb866; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.footl-nav span i{ width:1px; height:15px; background:#747474; float:left; margin:2px 12px;}
.fshare{ width:100%; height:auto; float:left; padding:3px 0px;}
.fshare a{ float:left; padding:3px 5px;}
.fshare i{ float:left; font-size:12px; border:1px solid #cdcdcd; width:19px; height:19px; text-align:center; line-height:18px; color:#cdcdcd;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
}
.fshare a:hover i{ color:#dbb866; border:1px solid #dbb866; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.footm{ width:26%; height:70px; float:left; background-position:center; background-repeat:no-repeat;}
.footr{ width:37%; height:auto; float:left; margin-top:10px;}
.footr span{ width:100%; float:left; text-align:right; font-size:14px; color:#c4c3c3; padding:2px 0px;}
.footr a{ color:#c4c3c3;}

/* ~~ 脚注 ~~ */
.gom{ width:100%; height:auto; float:left; z-index:2; position:relative; margin-top:30px;}
.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% 80%; }                                              
       to {background-position: 50% 10%;}
}

@-moz-keyframes movel {
	from {background-position: 50% 80%; }                                              
       to {background-position: 50% 10%;}
}

@keyframes movel {
	from { background-position: 50% 80%; }                                              
       to {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;}

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

@-webkit-keyframes breathe {
0% { opacity: 0.8;}
50% { opacity: 1;}
100% { opacity: 0.8;}
}
@-moz-keyframes breathe {
0% { opacity: 0.8;}
50% { opacity: 1;}
100% { opacity: 0.8;}
}
@keyframes breathe {
0% { opacity: 0.8;}
50% { opacity: 1;}
100% { opacity: 0.8;}
}