@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
.containerbox {
	min-width:1200px;
	margin:0 auto;
	color:#333;
	overflow:hidden;/*padding-left: calc(1vw - 100%); */
}
.container {
 *width:1140px;
}
.bmax {
	width:100%;
	height:100px;
	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:3px;
	float:left;
}
.md{
	width:1170px;
	margin:0 auto;
}
.contain {
	width:100%;
	float:left;
}
.containM{ height:auto;}
.sd {
	background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#b9b9b9, direction=120, strength=4);/*兼容ie*/
	-moz-box-shadow: 0px 6px 10px #b9b9b9;/*兼容firefox*/
	-webkit-box-shadow: 0px 6px 10px #b9b9b9;/*兼容safari或chrome*/
	box-shadow:0px 6px 10px #b9b9b9;/*兼容opera或ie9*/
}
.gtco-loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background:url(../img/page/loader.gif) center no-repeat #fff;
}

/* Header */
.headerbox {width:100%;height:auto;float:left;}
.headerM{ height:auto;}

.top{ width:100%; height:38px; float:left; background:#272829; color:#FFF;}
.topm{ height:auto;}
.topl{ width:1110px; height:38px; float:left;}
.cen{ width:60px; float:left; text-align:right; height:38px; line-height:38px;}
#cn{ background:url(../img/page/cn.png) left center no-repeat; }
#en{ background:url(../img/page/en.png) left center no-repeat; }	
.cen img{ margin-right:8px;}
.cen a{ text-decoration:none; color:#fff;}
.cen a:hover{ color:#4cb1f8; }

/*首页--搜索*/	
.search{width:230px;height:38px;float:right; overflow:hidden; }
#search_input1{outline:none;height:25px; width:175px;*width:165px; padding:0px 5px; margin-right:5px; border-right:0px solid #FFF; border-left:0px solid #FFF; border-top:0px solid #FFF; border-bottom:1px solid #4b4d4f; line-height:25px;float:left;color:#FFF;font-size:13px; margin-top:6px; background:#272829;}
#search_input2{ float:left; width:25px; height:38px; outline:none;}


/* logobox */
.logobox{ width:30%; height:75px; float:left;}

/* navbox */
.navbox {
	width:70%;
	height:75px;
	float:left;
}
.navbox ul{ float:right; margin-top:23px;}
.navbox ul li {
	list-style:none;
	float:left;
	padding:0px 17px;
	height:30px;
	text-align:center;
}
.navbox ul li a {
	height:30px;
	line-height:30px;
	color:#000;
	font-size:14px;
	display:block;

}
.navbox ul li a:hover {
	color:#016dba;
}
.navbox ul li a span img{ visibility:hidden; width:0;}
#choose {color:#016dba;}
#choose span img{ visibility:visible; width:auto;}
#lipr{ padding-right:0px;}


#headerbox .fixed{ background:#FFF; position:fixed; height:75px; width:100%; z-index:999; top:0; left:0; 
-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#b9b9b9, direction=120, strength=4);/*兼容ie*/
-moz-box-shadow: 0px 2px 3px #b9b9b9;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 3px #b9b9b9;/*兼容safari或chrome*/
box-shadow:0px 2px 3px #b9b9b9;/*兼容opera或ie9*/
	}
#headerbox .fixed .logobox{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
#headerbox .fixed .top{ display:none;}



/*首页--banner*/
.bannerbox {
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
}
.bannermain{ width:100%; height:auto; float:left; max-height:800px;}
.banner {
	width: 100%;
	background:#FFF;
	position:relative;
	-webkit-animation: banner_one 9s ease-out;
	-moz-animation: banner_one 9s ease-out;
	-o-animation: banner_one 9s ease-out;
	animation: banner_one 9s ease-out;
}
 @-webkit-keyframes banner_one {
 0% {
 -webkit-transform: scale(1.15);
 -moz-transform: scale(1.15);
 transform: scale(1.15);
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 transform: scale(1);
}
}
@-moz-keyframes banner_one {
 0% {
 -webkit-transform: scale(1.15);
 -moz-transform: scale(1.15);
 transform: scale(1.15);
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 transform: scale(1);
}
}
@keyframes banner_one {
 0% {
 -webkit-transform: scale(1.15);
 -moz-transform: scale(1.15);
 transform: scale(1.15);
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 transform: scale(1);
}
}

/*--- 首页工艺 ---*/
.sypicbox{ width:100%; height:auto; float:left;}
.sypic-tbox{width:100%; height:auto; float:left;}
.sypic-tM{ width:1170px; height:auto; margin:0 auto;}
.sypic-t{ width:100%; height:126px; float:left; color:#000;}
.sypic-t-center{ width:124px; height:100%; float:left; background:url(../img/page/synewsf.png) center center no-repeat;}
.sypic-t-pic{ width:100%; height:32px; text-align:center; float:left; margin-top:40px;}
.sypic-t-name{ width:100%; height:30px; line-height:30px; float:left; font-size:14px; color:#000; text-align:center;}
.sypic-line{ width:200px; height:2px; float:left; background:#939292; margin-top:63px; margin-left:20px;}
.sypic-t-one{ width:523px; height:100%; float:left;}
.sypic-ot{ padding:0px 20px; height:auto; float:left; font-size:14px; margin-top:35px; text-align:right;}
.sypic-ot .p1{ font-size:24px;}
.borsL{border-left:2px solid #e5e5e5;}
.sypic-sadto{ padding:0px 30px; height:20px; line-height:20px; float:left; margin-top:50px; }

.sypicboxL{ width:50%; height:auto; float:left;}
.sypicboxL img{
-webkit-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s;
cursor:pointer;		
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.sypicboxL img:hover{
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
filter: gray;	
	}
.sypicboxR{ width:50%; height:auto; float:left;}

.sypicbx{ width:49.5%; height:auto; float:left; margin-bottom:0.4%; margin-left:0.5%; overflow:hidden; }
.gray{ 
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}


/*--- 首页产品搜索 ---*/
.sysearchbox{ width:100%; height:185px; float:left; background:url(../img/page/syssbg.png) repeat-x #f8f8f8;}
.syssM{ margin:0 auto; height:60px; margin-top:60px; width:1170px;}
.syssL{ width:auto; color:#FFF; font-size:14px; height:60px; float:left;}
.syssL span{ font-size:24px; line-height:37px;}
.sysspic{ width:60px; height:60px; float:left; background:url(../img/page/sslt.png) center center no-repeat;}
.syss-ser{ width:340px; height:40px;*height:36px; border:2px solid #FFF; float:right; margin-top:13px;}
#search_input3{outline:none;height:36px; width:300px;*width:280px; padding:0px 10px; border:0px solid #FFF; line-height:36px;float:left;color:#FFF;font-size:14px; background:transparent;}
#search_input4{ float:left; width:36px; height:36px; border-left:2px solid #FFF; outline:none;}


/*--- 首页分类 ---*/
.sysortbox{ width:100%; height:930px; float:left; overflow:hidden;}
.sysortM{ width:1200px; margin:0 auto; height:100%;}
.snewsmt{ width:1170px; margin-left:15px;}
.systo-line{ width:180px; height:2px; float:left; background:#939292; margin-top:63px; margin-left:30px;}

.sysort-info{ width:100%; height:auto; float:left; }
.sysort-one{padding:15px; float:left; overflow:hidden;}
.sysort-pic{position:relative; overflow:hidden;}
.sysort-show-one{ position:absolute; top:100%; left:0; width:100%; height:100%; background:url(../img/page/v.png);-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.sysort-show-one a{ color:#FFF;}
.sspt{ width:100%; *width:80%;  height:auto; padding:15px 10%; text-align:center; font-size:18px; margin-top:60px;}
.sspt-line{ width:10%; height:1px; background:#FFF; float:left; margin-left:45%;}
.sspi{ width:100%; *width:90%;  height:auto; padding:15px 5%; text-align:center; font-size:13px; line-height:27px;}

.sysort-pic:hover .sysort-show-one{top:0;}
.sysort-pic img{-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.sysort-pic:hover img{transform: scale(1.04);-webkit-transform: scale(1.04);-moz-transform: scale(1.04);}

/* ~~ 首页关于我们 ~~ */
.abmd{	width:1200px;margin:0 auto; }
.syaboutbox{ width:100%; height:800px; float:left;background:url(../img/images/page/syaboutbg.jpg) no-repeat #0f080a;
background-attachment: fixed;
background-position:center top ;
}
.syabM{ height:auto;}
.syab-t{ width:1170px; height:126px; float:left; color:#FFF; margin-left:15px;}
.syab-t-center{ width:124px; height:100%; float:left; background:url(../img/page/syabf.png) center center no-repeat;}
.syab-t-pic{ width:100%; height:32px; text-align:center; float:left; margin-top:40px;}
.syab-t-name{ width:100%; height:30px; line-height:30px; float:left; font-size:14px; color:#FFF; text-align:center;}

.syab-t-one{ width:523px; height:100%; float:left;}
.syab-ot{ padding:0px 20px; height:auto; float:left; font-size:14px; margin-top:35px; text-align:right;}
.syab-ot .p1{ font-size:24px;}
.borsL{border-left:2px solid #e5e5e5;}
.sadto{ padding:0px 30px; height:20px; line-height:20px; float:left; margin-top:50px; }
.sadto a{ color:#FFF;}
.sadto a:hover{ color:#1db4fa;}

.syab-line{ width:190px; height:2px; float:left; background:#FFF; margin-top:63px; margin-left:15px;}
.syabL{ width:50%; height:100%; float:left; color:#FFF; overflow:hidden;}
.sl{ width:300px;*width:280px; padding:10px;height:auto; float:left; text-align:right;filter:alpha(opacity=50);   
-moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; 
-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.sl a{ color:#FFF; display:block; font-size:14px; line-height:60px;}
.sl a span{ font-size:30px; padding-left:20px; }
.sl a:hover{ color:#6bbdfb;}
.sr{ width:300px;*width:280px; height:auto; float:left; padding:10px; text-align:left; filter:alpha(opacity=50);   
-moz-opacity:0.5;   
-khtml-opacity: 0.5;   
opacity: 0.5;
-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.sr a{ color:#FFF; display:block; font-size:14px; line-height:60px;}
.sr a span{ font-size:30px; padding-right:20px; }
.sr a:hover{ color:#6bbdfb;}
.syabR{ width:50%; height:100%; float:left;}
.syabr-one{width:80%; height:auto; float:left; margin-top:10px; margin-left:95px;}
.syabr-t-one{ width:100%; height:50px; float:left; line-height:50px; font-size:18px;font-weight:600; color:#FFF;}
.syabr-one-info{ width:100%; height:auto; float:left; color:#FFF; line-height:40px;}

.opt{filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity: 1;   
opacity: 1;}

/* ~~ 首页新闻 ~~ */
.synewsbox{ width:100%; height:auto; float:left;}
.synewsM{ height:auto;}
.synews-t{ width:100%; height:126px; float:left;}
.synews-t-one{ width:523px; height:100%; float:left;}
.snto{ padding:0px 30px; height:20px; line-height:20px; float:left; margin-top:50px; }
.bors{border-right:2px solid #e5e5e5;}
.snto a{ color:#000;}
.snto a:hover{ color:#016db9;}
.snto-line{ width:190px; height:2px; float:left; background:#939292; margin-top:63px; margin-left:50px;}
.snto-ot{ padding:0px 20px; height:auto; float:left; color:#0c0c0c; font-size:14px; margin-top:35px;}
.snto-ot .p1{ font-size:24px;}
.synews-t-center{ width:124px; height:100%; float:left; background:url(../img/page/synewsf.png) center center no-repeat;}
.synews-t-pic{ width:100%; height:32px; text-align:center; float:left; margin-top:40px;}
.synews-t-name{ width:100%; height:30px; line-height:30px; float:left; font-size:14px; color:#000; text-align:center;}

.synews-info-show{ margin-top:55px; width:100%; height:auto; float:left;}
.synews-info-hot{ width:570px; height:auto; float:left; position:relative; overflow:hidden;}
.synews-info-hot img{-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.synews-info-hot:hover img{transform: scale(1.04);-webkit-transform: scale(1.04);-moz-transform: scale(1.04);}
.synih-d{ width:85%; height:30px; line-height:30px; float:left; font-size:14px; color:#5f5e5e; position:absolute; top:480px; left:40px;}
.synih-t{ width:85%; height:auto; line-height:25px; float:left; font-size:18px; color:#016db9; font-weight:600;position:absolute; top:520px; left:40px; max-height:75px; overflow:hidden;}
.synih-more{ height:30px; line-height:30px; float:left; font-size:14px; position:absolute; top:600px; left:40px; font-weight:600;}
.synih-more a{color:#5f5e5e; display:block;padding:5px 20px 5px 0px;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.synih-more:hover a{color:#FFF; background:#016db9;padding:5px 20px 5px 20px;}

/*------------------------*/
.synews-info-ot{ width:570px; height:auto; float:left; margin-left:30px;}
.sy-newsone{ width:100%; height:200px; float:left; position:relative; background:#f8f8f8;-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.sy-newss{ width:58%;*width:52%; height:80%;*height:74%; float:left; padding:3%; background:#FFF; margin-top:3.5%; 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 5x 0px #e9e7e7;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 5px 0px #e9e7e7;/*兼容safari或chrome*/
box-shadow:0px 2px 5px 0px #e9e7e7;/*兼容opera或ie9*/}
.sy-newspic{ width:272px; height:200px; overflow:hidden; position:absolute; right:0; top:0;}
.sy-newsone .sy-newspic img{-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.sy-newsone:hover .sy-newspic img{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);}

.sy-newss-date{ width:100%; height:30px; line-height:30px; float:left; color:#5f5e5e;}
.sy-newss-date a{color:#5f5e5e; display:block;}
.sy-newss-title{ width:100%; height:auto; line-height:30px; float:left; color:#010101;}
.sy-newss-title a{color:#010101; display:block;}

.sy-newsone:hover{ background:#cecece;}
.bnews{ width:100%; height:30px; float:left;}

/* ~~ 导航 ~~ */
.locbox {
	width:100%;
	height:auto;
	float:left;
}
.locM {
	height:auto;
	overflow:hidden;
}
.locM ul li {
	height:90px;
	line-height:90px;
	float:left;
	font-size:14px;
	color:#000;
	list-style:none;
	padding-right:15px;
}
.locM ul li a {
	text-decoration:none;
	color:#000;
}
.locM ul li a:hover {
	color:#016db9;
}


/* ~~ about ~~ */
.aboutbox {width:1070px;height:auto;float:left; margin-left:50px; font-size:14px; color:#000; line-height:35px;}


/* ~~ 产品中心 ~~ */
.mdcp{width:1216px;margin:0 auto;}
.cploc{ width:98%; margin-left:1.5%;}
.products{ width:100%; height:auto; float:left;}

.cpbox{ width:304px;*width:274px; height:443px; padding:0 15px; float:left;}
.cpmain{width:274px; height:413px;float:left; background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c3dbeb,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 15px #c3dbeb;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 15px #c3dbeb;/*兼容safari或chrome*/
box-shadow:0px 0px 15px #c3dbeb;/*兼容opera或ie9*/
-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;
}
.cpimg{ width:274px; height:363px; float:left; overflow:hidden;}
.cpmain .cpimg img{-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.cpmain:hover .cpimg img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);}
.cpname{width:100%;*width:90%; height:50px;overflow:hidden; background:url(../img/page/cpnbg.jpg) center center; -webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s; padding:0 5%; position:relative;}
.cpname table{ width:100%; height:50px; float:left; font-size:20px; line-height:100%; color:#000; font-size:14px;}
.cpname span{ width:30px; height:50px; position:absolute; right:10px;top:0; overflow:hidden;}

.cpmain:hover .cpname table{ color:#016db9;}
.cpmain:hover{
transform:translate(0px, -10px);
-ms-transform:translate(0px, -10px); /* IE 9 */
-moz-transform:translate(0px, -10px); /* Firefox */
-webkit-transform:translate(0px, -10px); /* Safari and Chrome */
-o-transform:translate(0px, -10px); /* Opera */
}

.proL{ width:304px;*width:274px; height:auto; min-height:200px;max-height:1000px;padding:0 15px;float:left;}
.proLmain{ width:100%; height:auto; min-height:200px;max-height:1000px; background:#FFF; float:left;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e0dfdf,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 15px #e0dfdf;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 15px #e0dfdf;/*兼容safari或chrome*/
box-shadow:0px 0px 15px #e0dfdf;/*兼容opera或ie9*/}
.proLmain ul li{ padding:6% 3%; width:84%; *width:78%; margin-left:8%; float:left; list-style:none; background:url(../img/page/p.jpg) 0px 20px no-repeat; border-bottom:1px solid #e0dfdf; font-size:14px; position:relative;}
.proLmain ul li a{ color:#000; display:block;}
.proLmain ul li span{}
.proLmain ul li i{ width:10px; height:10px; position:absolute; top:20px; right:0; background:url(../img/page/jtmore.png) no-repeat;}

.proLmain ul li a:hover{ color:#0362a5;}
#sort{color:#0362a5;}

.proR{ width:912px; height:auto; float:left;}
.cpshowbox{ width:100%; min-height:600px; float:left;}
.cpboxs{ width:304px;*width:274px; height:375px; padding:0 15px; float:left;}
.cpmains{width:274px; height:350px;float:left; background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c3dbeb,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 15px #c3dbeb;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 15px #c3dbeb;/*兼容safari或chrome*/
box-shadow:0px 0px 15px #c3dbeb;/*兼容opera或ie9*/
-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;
}
.cpimgs{ width:274px; height:300px; float:left; overflow:hidden;}
.cpmains .cpimgs img{-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.cpmains:hover .cpimgs img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);}
.cpnames{width:100%;*width:90%; height:50px;overflow:hidden; background:url(../img/page/cpnbg.jpg) center center; -webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s; padding:0 5%; position:relative;}
.cpnames table{ width:100%; height:50px; float:left; font-size:20px; line-height:100%; color:#000; font-size:14px; text-align:center;}
.cpmains:hover .cpnames table{ color:#016db9;}
.cpmains:hover{
transform:translate(0px, -10px);
-ms-transform:translate(0px, -10px); /* IE 9 */
-moz-transform:translate(0px, -10px); /* Firefox */
-webkit-transform:translate(0px, -10px); /* Safari and Chrome */
-o-transform:translate(0px, -10px); /* Opera */
}


/*详细内容*/
.showImgB{ width:100%;*width:99.9%; height:auto; float:left; background:#FFF; border:1px solid #ebebeb;}

.t2{width:552px;height:552px; border:1px solid #ebebeb;}
.t2 img{width:550px;height:550px;}
.ban{ width:1216px; min-height:645px; max-height:1000px; position:relative; float:left;}
.prev{ float:left; cursor:pointer;}
.num{ height:85px;overflow:hidden; width:490px; position:relative;float:left;}
.min_pic{width:550px; height:75px; margin-top:10px; float:left;}
.num ul{ position:absolute; left:0; top:0;height:75px; width:300px; }
.num ul li{ width:75px; height:75px; margin:0px 3px 0px 4px;text-align:center; list-style:none;}
.num ul li img{ width:73px; height:73px; border:1px solid #ebebeb;transition: 0.2s;-webkit-transition: 0.2s;-moz-transition: 0.2s;}
.num ul li img:hover{ border:2px solid #016eb8; }
.num ul li a:on{ border:1px solid #016eb8; }
.prev_btn1 {
	width:30px;
	text-align:center;
	height:75px;
	cursor:pointer;
	float:left;
}
.next_btn1 {
	width:30px;
	text-align:center;
	height:75x;
	cursor:pointer;
	float:right;
}

.cpinfobox{width:480px; min-height:570px; max-height:1000px; position:absolute; top:55px; right:95px; overflow:hidden;}
.cpinfo-t{ width:100%; min-height:33px; max-height:200px; float:left; font-size:18px; color:#000; padding:8px 0px;}
.cpinfo-s{ width:100%; min-height:33px; max-height:200px; float:left; font-size:14px; color:#5f5f5f;padding:8px 0px;}
.cpinfo-line{ width:100%; height:1px; float:left; background:#ebebeb;}
.cpinfo-ot{ width:100%; min-height:33px; max-height:800px; float:left; line-height:33px; font-size:14px; color:#000; padding:2px 0px;}
.cpinfo-tm{ width:100%; min-height:33px; max-height:200px; float:left; font-size:14px; color:#000;padding:8px 0px;}
.ctm{ width:50%;height:33px; float:left;}
.ctm img{ margin-right:10px;}
.ctm a{color:#000;}
.ctm a:hover{ color:#016eb8;}

.samecpM{ width:1230px; height:auto; margin:0 auto;}
.same-t{ width:98%; height:50px; line-height:50px; float:left; margin-top:40px; font-size:18px; color:#000; margin-left:1%;}
.same-info{ width:100%; height:auto; float:left; margin-top:30px;}


/* 新闻中心 */
.hloc ul li{ line-height:60px; height:60px;}
.news{ width:100%; height:auto; float:left;}
.newsmain{ width:100%; height:auto; float:left;}
.newsone{ width:100%; height:250px; float:left; position:relative; background:#f8f8f8;-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.newss{ width:72%;*width:66%; height:80%;*height:74%; float:left; padding:3%; background:#FFF; margin-top:2.2%; 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 5x 0px #e9e7e7;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 5px 0px #e9e7e7;/*兼容safari或chrome*/
box-shadow:0px 2px 5px 0px #e9e7e7;/*兼容opera或ie9*/}
.newspic{ width:340px; height:250px; overflow:hidden; position:absolute; right:0; top:0;}
.newsone .newspic img{-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.newsone:hover .newspic img{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);}

.newss-date{ width:100%; height:30px; line-height:30px; float:left; color:#5f5e5e;}
.newss-date a{color:#5f5e5e; display:block;}
.newss-title{ width:100%; height:30px; line-height:30px; float:left; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:#010101;}
.newss-title a{color:#010101; display:block;}
.newss-info{ width:100%; height:auto; line-height:30px; font-size:12px; color:#000; float:left;}
.newss-info a{color:#010101; display:block;}

.newsone:hover{ background:#cecece;}
.page {
	width:100%;
	height:39px;
	line-height:39px;
	float:left;
	font-size:14px;
	text-align:center;
	margin-top:40px;
	color:#373e4e;
}
.page a {
	text-decoration:none;
	padding:5px 10px;
	line-height:100%;
	color:#373e4e;
    -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	text-decoration:none;
}
.page a:hover {
	padding:10px;
}
.page .ss{border:1px solid #FFF;}
.page .ss:hover {
	color:#FFF;
	padding:5px 10px;
	background:#016db9;
	border:1px solid #e5e5e5;
}
#onss{
	color:#FFF;
	padding:5px 10px;
	background:#016db9;
	border:1px solid #e5e5e5;}

.newsinfobox{ width:1070px; height:auto; float:left; margin-left:50px;}

.in-newsbox_title {
	width:100%;
	min-height:40px;
	max-height:100px;
	font-size:18px;
	text-align:center;
	float:left;
	color:#333;
	font-weight:600;
	line-height:70px;
}
.in-newsbox_info {
	width:100%;
	height:50px;
	float:left;
	border-bottom:1px solid #CCC;
}
.in-newsbox_info ul li {
	text-align:center;
	width:50%;
	font-size:14px;
	color:#333;
	height:30px;
	line-height:30px;
	float:left;
	list-style:none;
	text-align:center;
}
.in-newsbox_content {
	float:left;
	font-size:14px;
	line-height:35px;
	color:#333;
	max-height:6000px;
	margin-top:20px;
}
.backbtn{
	width:100%;
	height:50px;
	float:left;
	text-align:center;
	}
.backbtn a{
	padding:10px 30px;
	background:#FFF;
	color:#313332;
	line-height:32px;
	border:1px solid #eee;
	font-size:13px;
	-moz-border-radius: 8px; /* Firefox */
	-webkit-border-radius: 8px; /* Safari 和 Chrome */
	border-radius: 8px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
	}
.backbtn a:hover{
	 background:#016db9;
	 color:#FFF;
	 border:1px solid #016db9;
	 -moz-border-radius: 8px; /* Firefox */
	-webkit-border-radius: 8px; /* Safari 和 Chrome */
	border-radius: 8px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
	 }

/* ~~ 联系我们 ~~ */
.cbg{ background:#f8f8f8;}
.inpage-title{ width:100%; height:70px; line-height:70px; font-size:24px; text-align:center; color:#000; float:left; position:relative;}
.inline{ width:50px; height:1px; position:absolute; background:#000; top:65px; left:47.7%;}
.contact{ width:100%; height:auto; float:left; overflow:hidden;}
.contact-pic{ width:100%; height:auto; float:left;}
.contact-feed{ width:100%; max-height:1000px; float:left; margin-top:50px;}
.feedL{ width:530px; height:auto; float:left; font-size:14px; color:#000; line-height:30px;}
.fl-title{ width:100%; height:50px; float:left; line-height:50px; font-size:18px; color:#016db9; font-weight:600;}
.feedR{ width:640px; height:auto; float:left;}
.cl-feed{ width:100%; min-height:250px; float:left; margin-top:20px;}
.lxO{width:100%; min-height:42px;float:left; position:relative;}
#input1{height:50px; width:100%; border:1px solid #d5d5d5; background-color:#FFF;
line-height:50px;float:left;color:#000; font-size:12px; padding:0px 10px; outline:none;}
#input2{ border:1px solid #d5d5d5; color:#000; float:left;resize:none;width:100%; height:170px; padding:10px; font-size:12px; 
background-color:#FFF;outline:none;}
.mt{margin-top:13px;outline:none;}
.lxbut{ width:100%; height:100px; float:left;}
#button1 {
	width:190px;
	height:47px;
	line-height:47px;
	outline:none;
	outline:none;
	border:0;
	text-align:center;
	color:#FFF;
	font-size:14px;
	cursor:pointer;
	background:#016db9;
	margin:0 auto;
}
#button1 {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
#button1:hover {
	background:#272829;
	transform:translate(0px, -5px);
	-ms-transform:translate(0px, -5px); /* IE 9 */
	-moz-transform:translate(0px, -5px); /* Firefox */
	-webkit-transform:translate(0px, -5px); /* Safari and Chrome */
	-o-transform:translate(0px, -5px); /* Opera */
}


/*客服样式*/
#haiiskefu{width:190px;position:fixed;right:-60px;top:80%;margin-top:-123px;z-index:999;}
#haiiskefu .kfleft{width:130px;height:130px;background:url(../img/page/online2.png) no-repeat;cursor:pointer;float:left;}
#haiiskefu ul{width:60px;height:180px;background:url(../images/kefu1.png) no-repeat;float:left; margin-top:-30px;}
#haiiskefu ul li{list-style:none;}
#haiiskefu ul li a{width:60px;height:60px;display:block;margin-bottom:1px;background:#000;-moz-opacity:1;filter:alpha(opacity=100);opacity:1; position:relative;}
#haiiskefu ul li a:hover{-moz-opacity:1;filter:alpha(opacity=100);opacity:1;transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;}
.weixin{ position:absolute; top:0; left:0; width:150px; height:150px;-moz-opacity:0;filter:alpha(opacity=0);opacity:0; visibility:hidde;}
#haiiskefu ul li a:hover .weixin{-moz-opacity:1;filter:alpha(opacity=100);opacity:1;visibility:visible;top:-90px; left:-150px;}
/*ie6*/
*html{overflow:hidden;}
*html #haiiskefu{position:absolute;right:expression(eval(document.documentElement.scrollLeft))-60;top:expression(eval(document.documentElement.scrollTop))-283;}

/* ~~ 脚注 ~~ */
.fbg{ background:#272829;}
.footbox {width:100%;height:auto;float:left; overflow:hidden;}
.footMbox {
	margin:0 auto;
	width:1380px;
	min-height:130px;
	margin-top:32px;
	overflow:hidden;
}
.footp {
	width:100%;
	min-height:130px;
	max-height:1000px;
	float:left;
}
.fone {
	width:25%;
	*width:24.9%;
	height:auto;
	float:left;
}
.fone-border{ border-right:1px solid #4b4b4b;}
.fone-t {
	width:80%;
	height:40px;
	float:left;
	margin-left:10%;
	font-size:18px;
	color:#FFF;
}
.fone-info {
	width:80%;
	height:auto;
	min-height:130px;
	float:left;
	margin-left:10%;
	font-size:12px;
	color:#FFF;
	line-height:25px;
}
#share a{margin-top:10px; width:50%; color:#FFF; float:left;}
#share a:hover{ color:#73c3fb;}
.footd{ width:100%; height:65px; float:left; color:#FFF; text-align:center; background:#1f1f1f; font-size:14px; line-height:65px;}
.footd a{color:#FFF; text-decoration:none;}

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