@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{font-family: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;}
.bob{ width:100%; height:35px; float:left;}
.bmin{ width:100%; height:25px; float:left;}
.bmin2{ width:100%; height:15px; float:left;}
.bmin3{ width:100%; height:10px; float:left;}
.bmin4{ width:100%; height:5px; float:left;}
.bline{ width:100%; height:1px; float:left; background:#dddddd;}	
.bline2{ width:100%; height:2px; float:left; background:#FFF;}		
.containermian{ width:100%; height:auto; float:left; overflow:hidden;}
.pads{ padding:0%;}
.md{ width:1200px;}
.md2{ width:1230px}
.mdf{ width:1280px;}
.contain{ width:100%; height:auto; float:left;}
.containM{ margin:0 auto; height:auto;}
.pos1{ position:relative;}
.pos2{ position:absolute;}

/* Header*/
.headerbox{ width:100%; height:auto; float:left; position:relative;}
.header{width:100%; height:auto;float:left; position:relative;}
.cenbox{ width:100%; height:auto; color:#FFF; font-size:13px; background:#212121; padding:5px 0px;}
.cenM{height:auto; margin:0 auto; text-align:right;}
.cenM i{ font-style:normal;}
.cenM a{ color:#FFF; padding:2px 3px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.cenM a:hover{ color:#000;background:#FFF;}
.headerM{ height:100px; margin:0 auto;}
.logo{ width:200px; height:auto; float:left;}
.logo img{
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}

/*首页--导航*/
.nav{ height:100px; float:left; margin-left:50px;}
.nav ul li{ list-style:none; float:left; margin:0px 20px; padding:0px 20px; line-height:100px; font-size:16px;
-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.nav ul li a{color:#000; display:block;}
.nav ul li a:hover{color:#00489d;}
#choose a{color:#00489d;}
#fixnav .fixed{ background:#FFF; position:fixed; height:100px; width:100%; z-index:999; top:0; left:0;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#d6d6d6,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 2px 6px #d6d6d6;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 6px #d6d6d6;/*兼容safari或chrome*/
box-shadow: 0px 2px 6px #d6d6d6;/*兼容opera或ie9*/
filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity: 1;   
opacity: 1;   
}

.sycpnav{ width:100%; height:auto; background:url(../img/page/n.png); position:absolute; top:100%; left:0; z-index:99; visibility:hidden;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; padding:10px;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.sycpnav ul{ width:1200px; height:auto; margin:0 auto;}
.sycpnav ul li{ float:left; width:16.6%;padding:0px 10px;}
.sycpnav ul li p{ width:100%; height:27px; float:left; line-height:27px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sycpnav ul li img{ margin:0px 0px 0px 5px;}
.sycpnav ul li a{ color:#00489d; font-size:12px;}
.sycpnav ul li a:hover{color:#000;}
.cps:hover .sycpnav{ visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; display:block; }

/*搜索*/
.searchbox{width:30px;height:30px; float:right; margin-top:35px; cursor:pointer; position:relative;}
.search-show{ width:216px; height:36px; position:absolute; background:#FFF; border:1px solid #CCC; top:50px; display:none;left:-181px; z-index:99;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
#search_input1{outline:none;height:30px; width:180px; border:0px solid #CCC; line-height:30px;float:left;color:#000; font-size:12px; margin-top:3px;
padding:0 5px; background-color:transparent;}
#search_input2{ float:left; width:30px; height:30px; outline:none; margin-top:2px;}

.xsearchbox{width:96%; height:40px; float:left; background:#FFF; border:1px solid #CCC; margin:5px 2%; 
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
#search_inputx1{outline:none;height:40px; width:70%; border:0px solid #CCC; line-height:40px;float:left;color:#000; font-size:14px; 
padding:0 5px; background-color:transparent;}
#search_inputx2{ float:right; width:20px; height:20px; margin-top:8px; outline:none; margin-right:10px; }

/*--首页--banner--*/
.bannerbox{width:100%; height:auto; float:left; position:relative;}
.banl{ width:4.5%; height:100px; float:left; position:relative;}
.banl i{ position:absolute; top:-59px; left:0; width:86px; height:59px;}
.banr{ width:4.5%; height:100px; float:left;}
.banr i{ position:absolute; top:-59px; right:-1px; width:86px; height:59px;}
.banner{width:91%; height:auto; float:left; overflow:hidden; background:#FFF;}

/*--产品推荐--*/
.recommend{ width:100%; height:auto; float:left; background:#f7f7f7;}
.recom-t{ width:100%; height:auto; float:left; text-align:center;}
.recom-t h1{ font-size:40px; color:#000;}
.recom-t p{ font-size:15px;}
.recombox{ width:100%; height:auto; float:left;}
.sycpbox{ width:100%; height:auto; float:left; margin-top:20px;}
.sycp-img{ width:100%; height:auto; float:left; overflow:hidden;}
.sycp-name{ width:100%; height:40px; margin-top:15px; line-height:20px; overflow:hidden; color:#616161; font-size:17px; float:left;}
.sycpbox img{
-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;	
}
.sycpbox:hover img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}
.sycpbox a:hover .sycp-name{color:#00489d;}

/*--首页关于我们--*/
.syabbox{ width:100%; height:auto; float:left;}
.syabtop{ width:100%; height:30px; float:left; background:#f2f2f2; position:relative; z-index:1;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#d0cfcf,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 8px 8px #d0cfcf;/*兼容firefox*/
-webkit-box-shadow: 0px 8px 8px #d0cfcf;/*兼容safari或chrome*/
box-shadow:0px 8px 8px #d0cfcf;/*兼容opera或ie9*/
}
.syab{ width:100%; height:auto; float:left; background:url(../img/page/syabbg.jpg) top center no-repeat;}
.syabM{ margin:0 auto; position:relative; height:auto; overflow:hidden;}
.syjb1{ width:30px; height:30px; position:absolute; top:35px; left:0; background:url(../img/page/js1.png) center center no-repeat;}
.syjb2{ width:30px; height:30px; position:absolute; top:35px; right:0; background:url(../img/page/js2.png) center center no-repeat;}
.syjb3{ width:30px; height:30px; position:absolute; bottom:35px; left:0; background:url(../img/page/js3.png) center center no-repeat;}
.syjb4{ width:30px; height:30px; position:absolute; bottom:35px; right:0; background:url(../img/page/js4.png) center center no-repeat;}
.syabL{ width:40%; height:auto; float:left;}
.syabL-t{ width:100%; height:auto; float:left; margin-top:40px; padding:40px;}
.syabL-tl{ width:42%; height:auto; float:left; font-size:20px; color:#000; line-height:35px;}
.syabL-tr{ width:58%; height:auto; float:left; overflow:hidden;}
.syab-info{ width:100%; height:auto; float:left; line-height:25px; margin-top:20px; font-size:12px;}
.syab-btn{ width:100%; float:left; height:auto;}
.syab-btn a{ width:180px; height:48px; float:left; background:#535353; color:#FFF; line-height:48px; text-align:center; font-size:14px;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari 和 Chrome */
border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.syab-btn a:hover{background:#00489d;}
.syabR{ width:60%; height:auto; float:left;}
.syabbottom{ width:100%; height:43px; float:left; background:#ccdaeb; }

/*--syscbox--*/
.syscbox{ width:100%; height:680px; float:left;background:url(../img/images/page/sucai01.jpg) no-repeat;
background-attachment: fixed;
background-position:center center;
}
.syscbox p{ width:100%; height:auto; float:left; color:#FFF; line-height:50px; text-align:center;}
.syscbox .p1{ font-size:42px; margin-top:230px;}
.syscbox .p2{ font-size:42px; margin-top:10px;}
.syscbox .p3{ font-size:17px;}

/*--syfabox--*/
.syfabox{ width:100%; height:auto; float:left;}
.syfaboxM{ margin:0 auto; height:auto;}
.syfaone{ width:100%; height:auto; float:left;border:1px solid #ddd;}
.syfaone-l{ width:50%; height:auto; float:left;}
.syfaone-r{ width:50%; height:auto; float:left;}
.timg{ width:100%; float:left; text-align:center; margin-top:65px;}
.tt{ width:100%; height:auto; float:left; padding:5px 0px; line-height:30px; font-size:20px; text-align:center;}
.tt-info{ width:100%; height:auto; text-align:center; float:left; font-size:13px; color:#565656; line-height:25px; padding:0 21%;}
.tt-info-en{width:100%; height:auto; text-align:center; float:left; font-size:12px; color:#565656; line-height:20px; padding:0 13%;}
.tt-on{ width:100%; height:auto; float:left; margin-top:20px; color:#565656; text-align:center;}
.tt-on a{ display:inline-block; width:25px; height:25px; line-height:23px; margin:0 8px; text-align:center; background:#FFF; border:1px solid #000; color:#000;
-moz-border-radius: 50px; /* Firefox */
-webkit-border-radius: 50px; /* Safari 和 Chrome */
border-radius: 50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
font-family:Tahoma, Geneva, sans-serif;
}
.tt-on a:hover{ background:#000;color:#FFF;}

/*--locbox--*/
.locbox{ width:100%; height:auto; float:left; line-height:30px; font-size:14px; position:relative;}
.locbox a{ margin:0px 7px; color:#000;}
.locbox a:hover{ color:#00489d;}

.choosebox{ width:auto; height:auto; position:absolute; right:0; top:5px;}
.choosebox ul li{ float:left; list-style:none;}
.choosebox ul li a{width:150px; margin:0px; height:32px; line-height:30px; text-align:center; display:inline-block; border:1px solid #000; color:#000;}
.choosebox ul li a:hover{ background:#000; color:#FFF;}
#choosebox{ background:#000; color:#FFF;}
.choosebox span{ width:100%; height:30px; float:left; background:url(../img/page/S.png) center center no-repeat; background-size:100%}


/* ~~ 关于我们 ~~ */
.abbg{ background:url(../img/images/page/abbg.jpg) center bottom no-repeat;}
.ab01{ position:absolute; top:100px; left:0;}
.ab02{ position:absolute; top:40px; right:20px;}
.ab03{ position:absolute; top:250px; right:0;}
.aboutbox{ width:100%; height:auto; float:left; position:relative; overflow:hidden;}
.abbox{ width:100%; height:auto; float:left; position:relative; z-index:1}
.abinfo{ width:100%; height:auto; float:left; padding:0px 10%; font-size:14px; line-height:40px; color:#0c0407;}

.abpic{ width:100%; height:auto; float:left;}
.ab-img{ width:100%; height:auto; float:left;}
.ab-name{ width:100%; height:80px; float:left;}
.ab-name h1{ font-size:17px; font-weight:600; color:#000;text-align:center;}
.ab-name p{ width:100%; text-align:center; float:left; font-size:12px; color:#0c0407; line-height:22px;}

.abanimatebox{ width:100%; height:450px; position:absolute; left:0; bottom:0;}
.abshow{ width:100%; height:auto; float:left;}
.abanimate1{ width:100%; height:100%; position:absolute; left:0; bottom:0; background:url(../img/page/da0c1.png) center center no-repeat;
-webkit-animation-name:bigout;
animation-name:bigout;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
}
.abanimate2{ width:100%; height:100%; position:absolute; left:0; bottom:0; background:url(../img/page/da0c1.png) 60% 20% no-repeat;
-webkit-animation-name:bigout1;
animation-name:bigout1;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
}
.abanimate3{ width:100%; height:100%; position:absolute; left:0; bottom:0; background:url(../img/page/da0c1.png) 35% 75% no-repeat;
-webkit-animation-name:bigout2;
animation-name:bigout2;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
}
@keyframes bigout {
    0% {
		transform:scale(0.8);
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-ms-transform:scale(0.8);
		filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;
		}
	30% {
		transform:scale(0.8);
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-ms-transform:scale(0.8);
		filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;   
		}	
    100%{
		transform:scale(2);
		transform:scale(2);
		transform:scale(2);
		transform:scale(2);
		filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;
	}
}

@keyframes bigout1 {
    0% {
		transform:scale(0.8);
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-ms-transform:scale(0.8);
		filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;
		}
	20% {
		transform:scale(0.8);
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-ms-transform:scale(0.8);
		filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;   
		}				
    100%{
		transform:scale(1.3);
		-webkit-transform:scale(1.3);
		-moz-transform:scale(1.3);
		-ms-transform:scale(1.3);
		filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;
	}
}

@keyframes bigout2 {
    0% {
		transform:scale(0.8);
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-ms-transform:scale(0.8);
		filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;
		}
	30% {
		transform:scale(0.8);
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-ms-transform:scale(0.8);
		filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity:1;   
		}			
    100%{
		transform:scale(1.7);
		-webkit-transform:scale(1.7);
		-moz-transform:scale(1.7);
		-ms-transform:scale(1.7);
		filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;
	}
}

/*-- 产品中心 --*/
.pas{ padding:0px 20px;}
.probox{ width:100%; height:auto; float:left; padding:0%;}
.proone{ width:100%; height:auto; float:left; position:relative; overflow:hidden;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.proone a{ display:block; color:#FFF;}
.probg{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../img/page/cps.png) center center no-repeat;
background-size:100%; font-size:18px; color:#FFF;
}
.probg table{ width:100%; height:100%; text-align:center; float:left;}
.proone:hover{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#dad8d9,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 12px 12px 3px 1px #dad8d9;/*兼容firefox*/
-webkit-box-shadow: 12px 12px 3px 1px #dad8d9;/*兼容safari或chrome*/
box-shadow: 12px 12px 3px 1px #dad8d9;/*兼容opera或ie9*/
}
.proone img{
-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;	
}
.proone:hover img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}

/*-- 配置方案 --*/
.fabox{ width:100%; height:auto; float:left;}
.fa-a1{ width:100%; height:auto; float:left;}
.fabox img{ max-width:100%;}
.fa-a1-img{ width:100%; height:auto; float:left;}
.fa-a1-info{ width:100%; height:auto; float:left;}
.fa-a1-info-l{ width:26.6%; height:auto; float:left;}
.fa-a1-info-r{ width:73.4%; height:auto; float:left; padding-left:3.4%;}
.nor{padding-left:0;}
.fa-one{ float:left; font-size:12px;}
#fa-a1{ width:16.6%; height:180px;}
.fa-oneimg{ height:105px; float:left; width:100%;  text-align:center;}
.fa-onename{ padding:0 5px; width:100%; height:auto; float:left;line-height:30px; color:#ababab;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-align:center;}
.fa-line{ width:100%; text-align:center; float:left; height:20px; background:url(../img/images/fangan/line.jpg) center center repeat-x;}
.fa-line span{ display:inline-block; width:20px; height:20px; background:#00489d; color:#FFF; line-height:18px;
-moz-border-radius: 50px; /* Firefox */
-webkit-border-radius: 50px; /* Safari 和 Chrome */
border-radius: 50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
font-family:Tahoma, Geneva, sans-serif;
}
.fa-oneno{ width:100%; height:auto; text-align:center; float:left; line-height:30px; color:#ababab;}
.fa-one a:hover .fa-oneno{color:#00489d;}

#fa-b1{ width:13%; height:180px;}
.faleft{ float:left;}
.faright{ float:right;}

.fa-ot{ width:100%; height:auto; float:left;}
.fa-ot-l{ width:70%; height:auto; float:left; padding-right:3.5%;}
.fa-ot-img{ width:100%; height:auto; float:left;}
.fa-ot-info{ width:100%; height:auto; float:left;}
.fa-ot-r{ width:30%; height:auto; float:left;}
#fa-b2{ width:20%; height:180px; }

#fa-a4{width:16.5%; height:180px; }

/*--内页--*/
.prosort{ width:100%; height:auto; float:left; border:3px solid #FFF; background:#f6f6f6;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.prosort-pic{ width:100%; height:auto; float:left; overflow:hidden;border:1px solid #b3b2b2;}
.prosort-name{ width:100%; height:50px; float:left;}
.prosort-name table{ width:100%; height:100%; float:left; text-align:center; color:#000; line-height:15px;}
.prosort:hover{border:3px solid #FFF; background:#00489d;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c4c2c2,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 10px 2px #c4c2c2;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 10px 2px #c4c2c2;/*兼容safari或chrome*/
box-shadow:0px 0px 10px 2px #c4c2c2;/*兼容opera或ie9*/
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.prosort:hover .prosort-name table{ color:#FFF;}
.prosort img{-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;	}
.prosort:hover img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}
.prosort:hover .prosort-pic{border:0px solid #b3b2b2;}

/*-- inprosort --*/
.inprosort{ width:100%; height:51px; border:1px solid #000; float:left; position:relative;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; overflow:hidden;}
.inprosort-pic{ width:45px; height:45px; position:absolute; left:2px;top:2px; }
.inprosort-pic img{ width:45px; height:45px;}
.inprosort-name{ width:68%; height:49px; font-size:15px; float:right; color:#000;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.inprosort-name table{ width:100%; height:100%; float:left; text-align:center; line-height:15px;}
.inprosort:hover{ background:#000;}
.inprosort:hover .inprosort-name{ color:#FFF;font-size:14px;}
#inp{ background:#000;}
#inp .inprosort-pic{left:2px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible;}
#inp .inprosort-name{ width:68%; color:#FFF;font-size:14px;}

.cpbbox{ width:100%; height:auto; float:left;}
.cpbox{ width:100%; height:auto; float:left;background:#f6f6f6;border:3px solid #FFF;}
.cpbox-img{ width:100%; height:auto; float:left; border:1px solid #9c9c9c; overflow:hidden;}
.cpbox-name{ width:100%; height:70px; float:left; font-size:15px;}
.cpbox-name table{ width:100%; height:100%; float:left; text-align:center;color:#000; }
.cpbox:hover{border:3px solid #FFF; background:#00489d;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c4c2c2,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 10px 2px #c4c2c2;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 10px 2px #c4c2c2;/*兼容safari或chrome*/
box-shadow:0px 0px 10px 2px #c4c2c2;/*兼容opera或ie9*/
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.cpbox:hover .cpbox-name table{ color:#FFF;}
.cpbox img{
-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;	
}
.cpbox:hover img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}
.cpbox:hover .cpbox-img{border:0px solid #b3b2b2;}

/*-- 产品内页 --*/
.cpinfo{ width:100%; height:auto; float:left;background:#f1f1f1;}
.t2{width:45%; float:left;border:1px solid #ebebeb; text-align:center;}
.t2 img{width:100%; height:auto;}
.ban{ width:100%; height:auto; position:relative; float:left;}
.prev{ float:left; cursor:pointer;}
.num{ height:80px;overflow:hidden; width:100%; position:relative;float:left;}
.min_pic{width:100%; height:90px; margin-top:10px; float:left;}
.num ul{ width:100%; float:left; margin-left:10px;}
.num ul li{ width:75px;text-align:center; list-style:none; margin-right:8px;float:left;}
.num ul li img{ width:100%;*width:99%; border:1px solid #d4d4d4;transition: 0.2s;-webkit-transition: 0.2s;-moz-transition: 0.2s;}
.num ul li img:hover{ border:2px solid #00489d; }
.num ul li a:on{ border:2px solid #00489d; }
.prev_btn1 { display:none;}
.next_btn1 {display:none;}

.cpinfobox{width:41%; position:absolute; top:0; right:7%; overflow:hidden; padding:15px 10px; min-height:430px;}
.cpinfo-t{ width:100%; height:auto; float:left; font-size:14px; color:#242625;}
.cpinfo-t span{ float:left; padding-right:5px;}
.font18{ font-size:18px;}
.minh{ min-height:50px;}
.cpinfo-line{ width:100%; height:1px; float:left; background:#dbdbdb;}
.cpinfo-more{ width:100%; height:auto; float:left; font-size:14px; color:#242625;}
.cpm-p{ width:100%; height:auto; line-height:25px; float:left; font-size:14px; color:#0f1624;}
.cpm-p1{ padding-right:30px; float:left;color:#0f1624;}
.cpm-p2{float:left;color:#0f1624;}
.cpm-p1 i,.cpm-p2 i{ padding-right:10px; font-size:16px;}
.cpm-p2 a{color:#0f1624;}
.cpss{float:left; line-height:22px;}

.samebox{ width:100%; height:auto; float:left;}
.samename{ width:100%; height:auto; float:left; font-size:18px; line-height:40px; margin-top:30px;}
.sameboxlist{ width:100%; height:auto; float:left; margin-top:10px;}

.moreinfo{ width:100%; height:auto; float:left;}
.moreinfo-t{ width:100%; height:auto; float:left; font-size:20px; color:#000; line-height:28px;}
.more-inbox{ width:100%; height:auto; float:left; margin-top:40px;}
.more-pic{ width:26%; float:left;}
.more-table{width:54%; padding:0px 20px; min-height:150px; float:left;}
.more-table table{ width:100%; height:150px; float:left; font-size:12px;}

/*-- 新闻中心 --*/
.enfont{ font-size:16px; font-family:Georgia, "Times New Roman", Times, serif;}
.ttbox{ width:100%; height:auto; float:left; background:url(../img/page/nline.png) center center no-repeat;}
.tt-center{ width:124px; height:126px; margin:0 auto; background:url(../img/page/tt.png) center center no-repeat;}
.tt-name{ width:100%; height:30px; line-height:30px; float:left; margin-top:48px; font-size:20px; color:#000; text-align:center;}

.newsone img{ max-width:100%;}
.newsone{ width:100%; height:330px; float:left; position:relative; background:#f8f8f8;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.newss{ width:72%;*width:66%; height:80%;*height:74%; float:left; padding:3%; background:#FFF; margin-top:2.8%; margin-left:3.5%; position:relative; z-index:1; font-size:14px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e9e7e7,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 2px 5px 0px #e9e7e7;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 5px 0px #e9e7e7;/*兼容safari或chrome*/
box-shadow:0px 2px 5px 0px #e9e7e7;/*兼容opera或ie9*/}
.newspic{ width:560px; height:330px; overflow:hidden; position:absolute; right:0; top:0;}
.newsone .newspic img{-webkit-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s;}
.newsone:hover .newspic img{transform: scale(1.03);-webkit-transform: scale(1.03);-moz-transform: scale(1.03);}
.newss-date{ width:100%; height:30px; line-height:30px; float:left; color:#5f5e5e; margin-top:25px;}
.newss-title{ width:100%; height:30px; line-height:30px; float:left; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:#010101;}
.newss-info{ width:100%; height:auto; line-height:25px; font-size:12px; color:#8d8e8e; float:left;}
.newsone:hover{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#454041,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 4px 4px 3px 3px #454041;/*兼容firefox*/
-webkit-box-shadow: 4px 4px 3px 3px #454041;/*兼容safari或chrome*/
box-shadow: 4px 4px 3px 3px #454041;/*兼容opera或ie9*/
}
.newsone:hover .newss-info{color:#010101;}

.page{ width:100%;height:50px;float:left;text-align:center;font-size:14px; margin-top:40px;}	
.page a{text-decoration:none; padding:0px 6px;color:#000;margin-left:5px; display:inline-block; font-family:Verdana, Geneva, sans-serif}
#pone{color:#FFF;background:#000;}
.page a:hover{color:#FFF;background:#000;}

.in-newsbox_title {width:100%; padding:20px 10px; font-size:18px;text-align:center;float:left;color:#010101;font-weight:600;}
.in-newsbox_info {width:100%;height:40px;float:left;}
.in-newsbox_info ul li {text-align:center;width:50%;font-size:14px;color:#010101;height:30px;line-height:30px;float:left;
list-style:none;text-align:center;}
.in-newsbox_content{float:left;font-size:14px;line-height:35px; width:100%; padding:0 10%;}
.in-newsbox_content img{ max-width:100%}
.pagee {width:100%;line-height:25px;float:left;text-align:center;}
.pagee a {background:#7d7d7d;color:#FFF;display:inline-block;font-size:14px;padding: 2px 8px;}
.pagee a:hover{background:#00489d;}

/*--下载中心--*/
.ddw{ width:1300px;}
.ddbox{ width:100%; height:auto; float:left;}
.ddone{ width:80%; height:auto; float:left; margin:0 10%; border:2px solid #d2d2d2;font-size:14px;}
.dd-pic{ width:100%; padding:20px 35px 10px 35px; float:left;}
.dd-name{ width:100%; height:30px; text-align:center; float:left; line-height:15px;}
.dd-on{ width:100%; float:left;}
.dd-on span{ float:left; background:#000; margin-top:10px; margin-left:40px;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.dd-on span a{ color:#FFF; display:block;padding:3px 30px;}
.dd-on span i{ padding-right:5px;}
.dd-on span:hover{background:#00489d;}
.dd-pic img{-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.ddone:hover .dd-pic img{
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
transform: scale(1.03);
}

/*--会员登录--*/
.loginbox{ width:100%; padding:0 15%; height:auto; float:left;}
.loginL{ width:50%; padding:0px 50px; float:left;}
.log-t{ width:100%; height:50px; line-height:50px; float:left; text-align:center; font-weight:600; font-size:18px;}
.log-one{ width:100%; height:auto; float:left; padding:10px 0px;}
.log-one input{ width:100%; height:40px; padding:5px; float:left; border:1px solid #d2d2d2; outline:none;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
filter:progid:DXImageTransform.Microsoft.Shadow(color=#adadad,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 1px 1px 2px #adadad;/*兼容firefox*/
-webkit-box-shadow: 1px 1px 2px #adadad;/*兼容safari或chrome*/
box-shadow:1px 1px 2px #adadad;/*兼容opera或ie9*/
}
.log-btn{ width:100%; height:auto; float:left; padding:10px 0px;}
.log-btn input{ width:100%; height:40px; padding:5px; float:left; border:1px solid #00489d; background:#00489d; color:#FFF;outline:none;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.log-btn:hover input{background:#000;}
.loginR{ width:50%; padding:0px 50px; float:left; border-left:1px solid #dddddd;}
.loginR .log-btn input{ background:#000;border:1px solid #000;}
.loginR .log-btn:hover input{background:#00489d;}

/* ~~ 联系我们 ~~ */
.contactbox{ width:100%; height:auto; float:left;}
.mapbox{width:100%;min-height:300px;float:left;padding-bottom:20px;}
.cl-one{width:40%;height:315px;float:left; padding-left:35px; border-left:5px solid #000;
font-size:14px;line-height:32px;background:#FFF; color:#000;}
.map{ width:60%; height:auto; float:left; position:relative;}
.sanj{ width:30px; height:100%; position:absolute; left:-6px; top:0; background:url(../img/page/wjt.png) center center no-repeat; z-index:2;}
.mapfang{ width:100%; float:left; height:315px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#adadad,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 1px 1px 5px #adadad;/*兼容firefox*/
-webkit-box-shadow: 1px 1px 5px #adadad;/*兼容safari或chrome*/
box-shadow:1px 1px 5px #adadad;/*兼容opera或ie9*/
}

.feedbackbox{width:88%;height:auto;float:left;overflow:hidden;}
.feedback_title{width:100%;height:50px;float:left; font-size:24px; line-height:50px; text-align:center; background:url(../img/page/contactbg.png) center center no-repeat;}
.feedback_ot{ width:100%; height:auto; line-height:20px; float:left; font-size:14px; padding:10px 0px;}
.feedback{ width:100%; height:auto; float:left;}
.fb-top{ width:100%; height:auto; float:left;}
.fb-top span{float:left;height:30px; line-height:35px; overflow:hidden;}
.fb-top img{float:left; margin-right:10px;}
.feedback .fbi{float:left;min-height:30px;width:30%;line-height:30px; text-align:left; margin-top:10px;}
.fbi span{float:left;height:30px;padding-right:5px;}
.fbis{ margin:0 5%;}
.feedback .fbi input{width:250px;height:30px;line-height:30px;line-height:30px\9;border:#d2d2d2 1px solid;padding-left:5px;
outline:none;}
.fbi-t{float:left;min-height:30px;width:100%;}
.feedback .fbi-t textarea{width:100%;height:180px;padding:10px;border:#d2d2d2 1px solid;resize: none;outline:none; margin-top:20px;}

.fbt{ width:100%; height:auto; float:left;}
#button1{ width:90px; height:32px; outline:none;float:left;outline:none; border:0; margin-top:25px;
line-height:30px;text-align:center;font-size:13px;background:#2c2c2c; color:#FFF;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#button1,#button2{transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#button1:hover,#button2:hover{ background:#00489d;}


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

/* ~~ 脚注 ~~ */
.footbox{width:100%;height:auto;float:left;background:#2c2c2c;}
.footms{ margin:0 auto;}
.footml{ width:24%; height:auto; float:left; }
.footml-pic{ width:100%; height:auto; float:left; margin-top:60px;}
.footmm{ width:60%; height:auto; float:left;}
.footmm1{ width:18%; height:auto; float:left; color:#FFF; padding:5px 0px; }
.footmm1 p{ padding:0; margin:0; line-height:22px;}
.footmm1 a{ color:#afb0b1;}
.footmm1 a:hover{ color:#FFF;}
.footmm2{ width:40%; height:auto; border-right:1px solid #afb0b1; border-left:1px solid #afb0b1; float:left; padding:5px 9%;}
.footmm2 p{ line-height:22px;color:#afb0b1;}
.footmm2 span{ color:#FFF;}
.footmm3{ width:40%; padding-left:9%; float:left; }
.footmm3 span{ color:#FFF;}
.footmm3 p{ line-height:22px; margin-top:5px;}
.footmm3 ul{ margin-top:10px;}
.footmm3 ul li{ float:left; width:50%; height:auto; padding:5px 0px; padding-right:5px;}
.footmm3 ul li i{ padding-right:5px;}
.footmm3 a{color:#afb0b1; display:block; font-size:13px;}
.footmm3 a:hover{color:#FFF;}
.footmr{ float:right;color:#FFF; text-align:center; margin-top:10px;}
.footd{ width:100%; height:auto; float:left; padding:20px 0px; line-height:40px; font-size:14px; color:#dddddd; text-align:center;}
.footd a{ color:#dddddd;}
.gom{ width:100%; height:auto; float:left;}
.goback{ width:50px; height:100px; 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.8s infinite linear;
    -moz-animation: movel 0.8s infinite linear;
    animation: movel 0.8s infinite linear;
}	

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

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

@keyframes movel {
	from { background-position: 50% 50%; }                                              
       to {background-position: 50% 40%;}
}
.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;}
.togo{width:40px; height:40px; border:0;}