@charset "utf-8";
/* CSS Document */
*{ margin:0; padding: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;}
.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;}
.contain{ width:100%; height:auto; float:left;}
.containM{ margin:0 auto; height:auto;}
.pos1{ position:relative;}
.pos2{ position:absolute;}

/*--topbox--*/
.topbox{ width:100%; height:auto; float:left; padding:4px 0px; line-height:20px; background:#575757; font-size:12px; text-align:right;
color:#FFF;}
.topbox a{ color:#FFF; display:inline-block; padding:1px 5px;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.topbox a:hover{ background:#FFF; color:#575757;}

/*--banner--*/
.bannerbox{ width:100%; height:auto; float:left; position:relative; overflow:hidden;}
.sybanner{ width:100%; height:auto; float:left; position:relative; overflow:hidden;}
.banner{ width:100%; height:auto; float:left; position:relative;
-webkit-animation: banner_one 3s ease-out;
-moz-animation: banner_one 3s ease-out;
-o-animation: banner_one 3s ease-out;
animation: banner_one 3s ease-out;
}
.bant{ position:absolute; width:100%; text-align:center; top:57%; left:0;}
.banw{ position:absolute; bottom:6%; right:4%; z-index:100;}
.bant img,banw img{ max-width:100%;}

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

/* Header*/
.hbg{ background:#333333;}
.headerbox{ width:100%; height:auto; float:left; background:#333333; position:relative; z-index:100;}
.headerM{ height:70px; margin:0 auto;}
.logo{ width:16%; height:100%; float:left; border-right:1px solid #d72e24; text-align:center; background:#bdbbbc;}
.logo img{ max-width:100%;}

/*首页--导航*/
.nav{ width:76%; height:70px; float:left; background:#333333; border-right:3px solid #838383; text-align:center;}
.nav a{color:#FFF; display:inline-block; padding:0 30px; line-height:70px; margin:0 10px;}
.nav a:hover{color:#d8261c;text-shadow: 2px 2px 3px #d8261c;}
#choose{color:#d8261c;text-shadow: 2px 2px 3px #d8261c;}

.fixnav{position:fixed;left:0;top:0;z-index:100;
-webkit-animation:searchTop .5s ease-in-out;
-moz-animation:searchTop .5s ease-in-out;
animation:searchTop .5s ease-in-out
}
-webkit-keyframes searchTop {0% {top:-100px}to {top:0}}
@-moz-keyframes searchTop {0% {top:-100px}to {top:0}}
@keyframes searchTop {0% {top:-100px}to {top:0}}

/*搜索*/
.searchbox{width:8%;height:70px; float:left; cursor:pointer; position:relative; background:#000000; text-align:center;}
.searchbox img{ margin-top:20px;}
.search-show{ width:216px; height:36px; position:absolute; background:#FFF; border:1px solid #CCC; top:70px; display:none;left:-125px; 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; }

/*-- 首页sybox --*/
.syabbox{ width:100%; height:auto; float:left; background:#333; padding:45px 0px;}
.syabl{ width:46%; height:100%; float:left; overflow:hidden;}
.syabl-t{ width:100%; height:auto; text-align:right; margin-top:40px;}
.syabl-t img{ max-width:100%;}
.syabl-info{ width:100%; height:auto; float:left; margin-top:15px; line-height:30px; color:#FFF; font-size:15px;}
.syabl-more{ width:100%; height:auto; text-align:right; float:left; font-size:14px; color:#aeaeae;}
.syabl-more img{ max-width:100%;}
.syabl-more i{ padding-left:10px;}
.syabl-more a{color:#aeaeae;}
.syabl-more a:hover{color:#FFF;}
.syabm{ width:1px; min-height:335px; margin:0 3.9%; background:#c5c5c5; float:left;}
.syabr{ width:46%; height:100%; float:left;}
.syabr img{ max-width:100%;}
.syabr-pic{ width:auto; float:left; margin-top:30px;}
.syabr-info{ width:80%; height:auto; float:left; font-size:12px; color:#c5c5c5; text-align:center; line-height:20px;
margin-top:20px;}

/*-- 首页材质 --*/
.syczbox{ width:100%; height:auto; float:left; padding:30px 10px;}
.sycz-tbox{ width:100%; height:auto; float:left;}
.sycz-tone{ width:800px; padding:0px 20px; margin:0 auto;}
.sycz-tpic{ width:35%; float:left; height:auto; margin-top:30px;}
.sycz-tone img{ max-width:100%;}
.sycz-tico{width:65%; float:left; height:auto;}
.sycz-ti{ width:25%; padding:0% 2%; height:auto; float:left;}
.sycz-ti i{ width:100%; height:auto; float:left;text-align:center;}
.sycz-ti p{ width:100%; height:auto; float:left; font-size:16px; color:#000; line-height:40px; text-align:center;}
.sycz-tinfo{ width:100%; float:left; height:auto; line-height:20px; font-size:12px; color:#c5c5c5; text-align:center;}

.syczone img,.syczones img{ width:100%;}
.syczone,.syczones{ width:33.33%; padding:5px; float:left; position:relative}
.sycztwo{ width:50%; float:left; padding:0px;position:relative}
.sycz1{ padding-right:5px; padding-bottom:5px;}
.sycz2{ padding-left:5px; padding-bottom:5px;}
.sycz3{ padding-top:5px; padding-right:5px;}
.sycz4{ padding-top:5px; padding-left:5px;}

.sycz-pic{ width:100%; height:auto; float:left; overflow:hidden;}
.sycz-pic img{height:auto;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;}
.syczone:hover .sycz-pic img{
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
transform: scale(1.08);
}
.sycztwo:hover .sycz-pic img{
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
transform: scale(1.08);
}
.syczbg{ width:10%; height:8%; position:absolute; top:45%; left:45%;background:#000; visibility:hidden;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity:0;   
opacity:0; 
transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; 
}
.syczone:hover .syczbg{ width:76%; height:72%; visibility:visible; top:13%; left:12%;
filter:alpha(opacity=50);   
-moz-opacity:0.5;   
-khtml-opacity:0.5;   
opacity:0.5;   
}
.sycz-name{ width:76%; height:72%; position:absolute;top:13%; left:12%;visibility:hidden;font-size:25px;}
.sycz-name table{ width:100%; height:100%; float:left; text-align:center; color:#ebebeb;}
.syczone:hover .sycz-name{visibility:visible;}

.sycztwo:hover .syczbg{ width:76%; height:72%; visibility:visible; top:13%; left:12%;
filter:alpha(opacity=50);   
-moz-opacity:0.5;   
-khtml-opacity:0.5;   
opacity:0.5;   
}
.sycztwo:hover .sycz-name{visibility:visible;}

/*--sycpbox--*/
.sycpbox{ width:100%; height:auto; float:left; padding:30px 0px 40px; background:#171919;}
.sycp-tbox{ width:100%; height:auto; float:left; text-align:center;}
.sycp-tbox h1{ font-size:30px; color:#FFF; font-weight:normal;}
.sycp-tbox p{ font-size:18px; color:#FFF;}
.sycp-img{ width:100%; height:auto; float:left; padding:40px 0px;}
.sycp-imgs img{ width:100%; transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;}
.sycp-imgs:hover img{ border:3px solid #FFF;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari 和 Chrome */
border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

.more-btn{ width:100%; height:auto; float:left; text-align:center;}
.more-btn a{ width:150px; height:43px; line-height:43px; display:inline-block; color:#FFF; font-size:15px; text-align:center;
background:#d8261c;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.more-btn a:hover{ background:#FFF; color:#000;}

/*-- synewsbox --*/
.synewsbox{ width:100%; height:auto; float:left; padding:30px 0px;}
.synews-one{ width:100%; height:auto; float:left;}
.synews-one img{ width:100%;}

.synews-tbox{ width:100%; height:auto; float:left; text-align:center;}
.synews-tbox h1{ font-size:15px; font-weight:normal; color:#d8261c;}
.synews-tbox p{ font-size:26px; color:#000; line-height:50px;}

.synews-b{ width:100%; height:auto; float:left; margin-top:30px;}
.synews-con{ width:100%; height:auto; float:left; background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#d8d8d8,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 5px #d8d8d8;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 5px #d8d8d8;/*兼容safari或chrome*/
box-shadow:0px 0px 5px #d8d8d8;/*兼容opera或ie9*/
}
.synews-pic{ width:100%; height:auto; overflow:hidden;}
.synews-pic img{ width:100%; transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;}
.synews-pic:hover img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}
.synews-info{ width:100%; height:auto; float:left; padding:25px;}
.synews-info-t{ width:100%; height:75px; float:left; line-height:25px; font-size:15px; color:#141414; font-weight:600; overflow:hidden;}
.synews-info-t table{ width:100%; height:100%; float:left;}
.synews-info-date{ width:100%; height:auto; float:left; font-size:12px; color:#c2c2c2; font-style:italic;}
.synews-info-content{ width:100%; height:75px; float:left; color:#232323; line-height:25px; margin-top:20px; font-size:12px;}
.synews-info-content table{ width:100%; height:100%; float:left;}
.synews-btn{ width:100%; height:auto; float:left;}
.synews-btn a{ padding:8px 15px; background:#000; font-size:11px; color:#FFF; font-weight:600;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.synews-btn a:hover{background:#d8261c;}

/*--locbox--*/
.locbox{ width:100%; height:auto; float:left;}
.locM{ width:1170px; padding:10px 0px; line-height:30px; text-align:center; margin:24px auto; background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#d8d8d8,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 15px #d8d8d8;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 15px #d8d8d8;/*兼容safari或chrome*/
box-shadow:0px 0px 15px #d8d8d8;/*兼容opera或ie9*/
}
.locM a{ margin:0px 7px; color:#000; font-size:16px;}
.locM a:hover{ color:#d8261c;}
.locM i{ padding:0 5px;}
.locM .fa-home{ font-size:18px;}

/*--关于我们--*/
.aboutbox{ width:100%; height:auto; float:left;}
.about-t{ width:100%; height:auto; text-align:center; float:left; font-size:20px; color:#525252;}
.about{ width:1100px; padding:0 10px; margin:0 auto; font-size:15px; color:#6c6c6c; line-height:30px;}
.about img{ max-width:100%;}

/*-- 产品中心 --*/
.prom{ width:1230px;}
.probox{ width:100%; height:auto; float:left;}
.sortone{ width:350px; height:auto; margin:35px auto 15px auto; overflow:hidden; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.sortone img{ max-width:100%;}
.sortimg{ width:100%; height:auto; float:left; position:relative; border:1px solid #bababa;}
.sortimg i{ width:100%; height:100%; position:absolute;top:0; left:0; background:#000; visibility:hidden;
filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
}
.sortimg span{ position:absolute; width:100%; height:auto; top:30%; left:0; text-align:center;visibility:hidden;
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
}
.sortone:hover{background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c7c7c7,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 2px 10px #c7c7c7;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 10px #c7c7c7;/*兼容safari或chrome*/
box-shadow:0px 2px 10px #c7c7c7;/*兼容opera或ie9*/}
.sortone:hover .sortimg i{visibility:visible;filter:alpha(opacity=55);-moz-opacity:0.55;-khtml-opacity: 0.55; opacity: 0.55;}
.sortone:hover .sortimg span{visibility:visible;top:47%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.sortname{ width:100%; height:75px; float:left; line-height:20px; font-size:16px; text-align:center; display:table;}
.sortname-tr{ width:100%; display:table-cell; vertical-align:middle; font-size:16px; color:#4e4a49;text-shadow:1px 1px 1px #999;}

/*--内页--*/
.proL{width:24%;min-height:700px;float:left;border:1px solid #e4e4e4;background:#FFF;padding:15px;}
.cpl-search {width:100%;border:1px solid #e0dfdf;float:left;height:40px;background:#f6f6f6; margin-top:8px;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/}
#search2_input1 {outline:none;height:30px;width:200px;line-height:30px;float:left;color:#3c3e3d;font-size:12px;border:0px;
padding:0px 5px;background:#f6f6f6;list-style:none; margin-top:5px;}
#search2_input2 {float:left;width:30px;height:30px;outline:none; margin-top:5px;}
.sline{ width:100%; height:1px; float:left; background:#e0dfdf; margin-top:38px;}

.pro-sort{ width:100%; height:auto; float:left;}
.pro-sort ul li{ width:100%; height:auto; float:left; border-bottom:1px solid #e0dfdf; line-height:20px; padding:20px 0px; list-style:none;
color:#000;}
.pro-sort ul li i{ width:4px; height:15px; float:left; background:#d8261c; margin-right:7px; margin-top:3px;}
.pro-sort a{ color:#3c3e3d;}
.pro-sort a:hover{ color:#d8261c;}
#cpchoose{ color:#d8261c;}

.proR{ width:76%; height:auto; float:left; padding-left:3%}
.proR img{ max-width:100%;}
.cpone{ width:90%; height:auto; float:right; overflow:hidden; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.cpimg{ width:100%; height:auto; float:left; position:relative; border:1px solid #bababa;}
.cpimg i{ width:100%; height:100%; position:absolute;top:0; left:0; background:#000; visibility:hidden;
filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
}
.cpimg span{ position:absolute; width:100%; height:auto; top:30%; left:0; text-align:center;visibility:hidden;
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
}
.cpone:hover{background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c7c7c7,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 2px 10px #c7c7c7;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 10px #c7c7c7;/*兼容safari或chrome*/
box-shadow:0px 2px 10px #c7c7c7;/*兼容opera或ie9*/}
.cpone:hover .cpimg i{visibility:visible;filter:alpha(opacity=55);-moz-opacity:0.55;-khtml-opacity: 0.55; opacity: 0.55;}
.cpone:hover .cpimg span{visibility:visible;top:47%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.cpname{ width:100%; height:55px; float:left; line-height:20px; font-size:16px; text-align:center; display:table;}
.cpname-tr{ width:100%; display:table-cell; vertical-align:middle; font-size:14px; color:#4e4a49;text-shadow:1px 1px 1px #999;}
.cnnotr{text-shadow:none;}

.t2 {width:545px;margin-left:100px;padding:30px 20px;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;}
.t2 img {-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
}
.ban {width:100%;min-height:540px;overflow:hidden;float:left; background:#FFF; border:1px solid #e4e4e4;}
.prev {float:left;cursor:pointer;}
.num {height:500px;overflow:hidden;width:100px;position:relative;float:left;}
.min_pic {width:100px;height:560px;float:left;}
.num ul {position:absolute;left:0;top:0;}
.num ul li {width:70px;height:auto;text-align:center;margin-left:15px;list-style:none;margin-top:15px;border:1px solid #a9a8a8;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
}
.num ul li img {width:68px; height:auto;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
}
.num ul li:hover {border:1px solid #212224;}
.num ul li a:on {border:1px solid #212224;}
.prev_btn1 {width:100px;text-align:center;height:30px;cursor:pointer;float:left;margin-top:30px;}
.next_btn1 {width:100px;text-align:center;height:30px;cursor:pointer;float:left;}
.prev1 {position:absolute;top:0px;left:0px;width:100px;height:30px;z-index:9;cursor:pointer;}
.next1 {position:absolute;top:0px;left:0px;width:100px;height:30px;z-index:9;cursor:pointer;}
.num ul li.on img{border:1px solid #212224;}
.cpinfobox{float:right;width:470px;min-height:560px;margin-top:-640px; padding-right:50px;}
.cpinfo-t{ width:100%; height:auto; float:left;}

.cpshow-t {width:100%;height:auto;line-height:35px;float:left;font-size:16px;color:#d8251b;margin-top:20px;font-weight:bold;}
.cpshow-t span{ float:right;}
.cpshow-t2 {width:100%;height:auto; line-height:27px;float:left;font-size:14px;color:#313332;}
.cpshow-line {width:100%;height:25px;float:left;background:url(../img/page/sortline.jpg) center center repeat-x;}
.cpshow-t3 {width:100%;float:left;min-height:50px;color:#313332;line-height:18px;font-size:14px;}
.cpshow-t3 span{line-height:30px;font-weight:bolder;font-size:16px; float:left; width:100%}
.cpshow-t3 p{ width:100%; height:auto; float:left; margin-top:5px; font-size:13px;}
.cpshow-t31 {width:100%;float:left; height:auto; line-height:30px; margin-top:5px;}
.cptel{ width:50%; height:auto; float:left;}
.cpmail{width:50%; height:auto; float:left;}
.cptel i,.cpmail i{ margin-right:5px;}
.cpmail a{color:#313332;}
.cpmail a:hover{color:#d8261c;}

#bds_more{ width:100%; float:left;}
#bds_fbook,#bds_linkedin,#bds_twi,#bds_weixin,#bds_sqq{ width:40%; float:left;}
#bds_more a,#bds_fbook a,#bds_linkedin a,#bds_twi a,#bds_weixin a,#bds_sqq a{font-size:14px; color:#000;}

.cpback{ width:100%; height:auto; float:left;}
.cpback a{ padding:1px 10px; background:#000; font-size:14px; color:#FFF; margin-top:10px; float:left;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
}
.cpback a:hover{ background:#d8261c;}

.samebox{ width:100%; height:auto; float:left;}
.same-t{ width:auto; float:left; background:#626262; color:#FFF; padding:15px 20px; line-height:20px;}
.same-info{ width:100%; height:auto; float:left;}
#cpone{ width:100%; float:left;}

/*-- 新闻中心 --*/
.nbg{ background:#f6f6f6;}
.newsbox{ width:100%; height:auto; float:left;}
.newshow-pic{ width:100%; height:auto; float:left;}
.news{ width:980px; margin:0 auto;}
.newsone{ width:100%; height:auto; float:left; padding:40px 0px; transition: 0.5s;-webkit-transition: 0.5s;
-moz-transition: 0.5s;border-bottom:1px solid #000;}
.newsl{ width:25%; height:auto; float:left; padding-right:30px;}
.newsl img{height:auto;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.newsone:hover .newsl img{
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
transform: scale(1.08);
}
.newsr{ width:75%; height:auto; float:left;}
.newsr-t{ width:100%; height:auto; float:left; padding:10px 0px; font-size:14px; color:#242424; font-weight:600;}
.newsr-p{ padding:2px 12px; float:left; border:1px solid #aaaaaa; color:#646464; font-size:12px; margin-top:10px;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari 和 Chrome */
border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.newsr-info{ width:100%; height:auto; float:left; font-size:12px; line-height:25px; color:#646464;}
.newsone .who{ width:20%; height:20px; line-height:20px; padding:0px 25px; background:url(../img/page/sucai01.png) left center no-repeat; display:block;
font-size:12px; color:#606060;float:left;}
.newsone .ready{ width:20%; height:20px; line-height:20px; padding:0px 25px; background:url(../img/page/sucai02.png) left center no-repeat; display:block;
font-size:12px; color:#606060; float:left;}
.newsr-d{ width:100%; height:auto; float:left; color:#a1a1a1; font-size:13px;}
.newsr-more{ float:right; margin-top:20px;}
.newsr-more a{color:#FFF; float:left; padding:0px 7px; font-size:14px; line-height:25px; background:#494949;
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari 和 Chrome */
border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.newsr-more span{ float:left;}
.newsr-more a:hover{ background:#d8261c;}

.page{ width:100%;height:50px;float:left;text-align:center;font-size:14px; margin-top:40px;}
.pagetop{ margin-top:0;}	
.page a{text-decoration:none;color:#000;margin-left:0px; display:inline-block;padding:0px 7px;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#pone{color:#FFF;background:#d8261c;
-moz-border-radius: 100px; /* Firefox */
-webkit-border-radius: 100px; /* Safari 和 Chrome */
border-radius: 100px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#page2{ border:1px solid #a8a8a8; width:22px; height:22px;line-height:20px; font-size:14px;  padding:0px 0px;
-moz-border-radius: 50px; /* Firefox */
-webkit-border-radius: 50px; /* Safari 和 Chrome */
border-radius: 50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.page a:hover{color:#FFF;background:#d8261c;
-moz-border-radius: 100px; /* Firefox */
-webkit-border-radius: 100px; /* Safari 和 Chrome */
border-radius: 100px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

.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:13px;padding: 2px 8px;}
.pagee a:hover{background:#0f1624;}


/* ~~ 联系我们 ~~ */
.contactbox{ width:100%; height:auto; float:left;}
.cont-t{ width:100%; height:auto; float:left; text-align:center; font-size:30px; color:#0f1724; line-height:50px;}
.cont-info{ width:100%; float:left; height:160px; margin-top:20px;}
.contone{ width:33.4%; height:100%; float:left; text-align:center; background:#f3f3f3;}
.contone img,.conttwo img{ margin-top:45px;}
.conttwo{ width:33.2%; height:100%; float:left; text-align:center; background:#eeeeee;}
.contone p,.conttwo p{ text-align:center; width:100%; line-height:23px; font-size:14px; color:#434343; padding:5px;}
.contone img{ max-width:100%;}

.feedbackbox{width:100%;height:auto;float:left;}
.feedM{ width:980px; height:auto; margin:0 auto; padding:0 15px;}
.feedback_title{width:100%;height:auto;float:left; margin-top:80px; font-size:30px; line-height:30px; color:#0f1724;}
.feedback_title span{ font-size:14px;}
.feedback_title i{ font-style:normal; font-weight:bold;}
.feed{ width:100%; height:auto; float:left; margin-top:30px;}
.feedlong{ width:100%; height:auto; float:left; text-align:center;}
.feedlong input{height:42px; width:100%; padding:0 2%; border:1px #cbcbcb solid; outline:none; background:#FFF; font-size:14px; color:#000; letter-spacing:1px;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.mtop{ margin-top:30px;}
.feedshot{ width:48.5%; height:42px; float:left; }
.fshotmd{ width:3%; height:42px; float:left; }
.feedshot input{height:42px; width:100%; padding:0 4%; border:1px #cbcbcb solid; outline:none; background:#FFF;font-size:14px; color:#000;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.feedlong textarea{float:left; resize:none; width:100%; height:190px; padding:1.5% 2%; background:#FFF; font-size:14px; color:#000; outline:none; border:1px #cbcbcb solid;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#button{ width:180px; height:40px; background:#1d1d1d; cursor:pointer;font-size:14px;color:#FFF;border:0; margin-top:30px; display:inline-block;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#d8d8d8,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 6px 20px #d8d8d8;/*兼容firefox*/
-webkit-box-shadow: 0px 6px 20px #d8d8d8;/*兼容safari或chrome*/
box-shadow: 0px 6px 20px #d8d8d8;/*兼容opera或ie9*/
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
#button:hover{
-webkit-transform: translateY(-3px);
-moz-transition: translateY(-3px);
transform: translateY(-3px);
background:#d8261c;
}

.mapfang{ width:100%; float:left; height:530px;
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*/
}

/* ~~ 脚注 ~~ */
.footbox{width:100%;height:auto;float:left;}
.footup{ width:100%; height:auto; float:left; background:#2c2c2c; padding:60px 0px 25px;}
.footM{ margin:0 auto; height:auto;}
.footdown{ width:100%; height:auto; float:left; background:#1f1f1f; color:#FFF; font-size:14px; text-align:center;
line-height:20px; padding:20px 10px;}
.footdown a{ color:#FFF;}

.footm1{ width:32%; height:auto; float:left; padding:20px 5px; overflow:hidden;}
.footm2{ width:36%; height:auto; float:left;border-right:1px solid #afb0b1; border-left:1px solid #afb0b1;padding:10px 0px;
overflow:hidden;}
.footm3{ width:32%; height:auto; float:left;padding:20px 5px;overflow:hidden;}
.footm1 p span,.footm2 p span,.footm3 p span{ width:100%; font-size:18px; color:#FFF; line-height:50px;}
.footm1 p{ color:#FFF; font-size:12px; width:76%;}
.footm2 p{color:#FFF; font-size:12px; padding-left:30%; width:100%;}
.footm3 p{color:#FFF; font-size:12px; padding-left:30%; width:100%;}
.footm3 ul{padding-left:30%; width:100%;}
.footm3 ul li{ list-style:none; float:left; width:50%; margin:5px 0px;}
.footm3 ul li a{ font-size:14px; color:#FFF;}
.footm3 ul li a:hover{ color:#d8261c;}
.footm3 img{ margin-right:5px;}


/* ~~ 其它浮动/清除类 ~~ */
.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;}