@charset "utf-8";
@import "fontsmore.css";
/* CSS Document */
*{margin:0;padding:0;}
body{font-family:Arial, Helvetica, sans-serif,Verdana, Geneva, sans-serif;color:#000;padding:0;margin:0;list-style:none;font-size:14px;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; height:100%;}
ul, ol, dl {padding: 0;margin: 0;}
ul li{list-style:none;}
h1, h2, h3, h4, h5, h6, p {margin-top: 0;padding-right: 15px;padding-left: 15px;}
a img {border: none;text-decoration:none;outline:none;color:#000000;}
a:link {color:#000000;text-decoration: underline;}
a:visited {color: #000000;text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}
a{-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-transition-duration:.3s; text-decoration:none;}
.container{max-width:1920px;margin:0 auto;height:100%;overflow:hidden; min-width:1430px;}
.cnfont{ font-weight:600;}

.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;}
.bline{ width:100%; height:100px; float:left; background:url(../img/page/line.png) center center repeat-x;}	
.bline2{ width:100%; height:2px; float:left; background:#FFF;}		


/*首页版心*/
.bg{ background:#f6f6f6;}
.md{ width:1025px;}
.mds{ width:1025px;}
.mdv{ width:1000px;}
.mdcp{ width:1090px;}
.contain{ width:100%; float:left; min-height:500px;}
.containM{ margin:0 auto; min-height:400px; }

.mdbig{ width:1430px;}


/*顶部*/
.top{ width:100%; height:auto; float:left; background:#fafafa; border-top:1px solid #a4a3a3;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 3x #000;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 3px #000;/*兼容safari或chrome*/
box-shadow:0px 0px 3px #000;/*兼容opera或ie9*/
}
.topm{ height:34px; margin:0 auto; width:1090px;}

.header{ width:100%; height:93px; float:left; }
.headmain{height:60px; overflow:hidden;width:1090px; margin:0 auto;}
.headm{ margin:0 auto; height:100%;}
.logo{ width:auto;float:left; overflow:hidden; }

.headr{ width:36%; height:100%; float:left; }

.search{width:170px;height:25px;float:right;border:1px solid #a4a3a3; margin-top:3px;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.search ul li{float:left;list-style:none; }
#search_input1{outline:none;height:23px; width:132px; border:0px #cfcccc solid; font-size:12px; line-height:23px;float:left;background: transparent;
margin:1px;color:#000;padding:0px 5px; }
#search_input2{width:25px; height:25px; float:left; outline:none;}

.cenbox{ width:175px; height:100%; float:right; margin-left:12px;}
.cen-name{ width:100px; height:30px; line-height:30px; font-size:12px; float:left; margin-top:2px; text-align:right;}
.cen{ width:75px; height:30px; float:right; margin-top:5px;}
.cen img{ float:left; margin-right:7px;}
.cen ul li{ width:75px; height:25px; float:left; list-style:none; line-height:25px; font-size:12px;}
.cen ul li a{ text-decoration:none; color:#000; display:block; cursor:pointer;}
.cen .cene{ display:none;}
.cen:hover .cene{ display:block; line-height:25px; font-size:12px; background:#ef1c25;}
.cen:hover .cene a{color:#FFF; text-align:center;}


/*首页--导航*/
.navb{ width:100%; height:45px; float:left; position:relative;}
.navbox{height:45px; margin:0 auto; width:750px; padding-left:100px;}
.navbox ul li{ width:20%;height:45px; float:left; line-height:45px; list-style:none; font-size:14px; text-align:center;}
.navbox ul li a{ display:block; text-decoration:none;  font-size:15px; color:#000;}
.navbox ul li span{ padding-right:16px; background:url(../img/page/down.png) right center no-repeat;}
.navbox ul li a:hover{color:#ef1c25}
#choose{color:#ef1c25}
.navbox ul li:hover .hid{visibility:visible; top:100%;filter:alpha(opacity=95);-moz-opacity:0.95;-khtml-opacity:0.95;opacity:0.95;}
.hid{width: 100%;height:auto;background:#f2f2f2;position: absolute;top:220%; left: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:hidden;z-index:100;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;transition:all 0s ease;}
.hid ul{ margin:0 auto; position:relative; width:1430px;}
.hid ul li{ float:left; width:100%; height:auto; list-style:none; clear:both; text-align:left; margin-left:235px;}

.hid-t{ width:220px; min-height:280px; float:left; font-size:14px; margin-top:20px;}
.hid-t a{ text-decoration:none; color:#000; line-height:45px;}
.hid-t a:hover{ text-decoration:none; color:#ef1c25}

.hid ul:before { border: solid transparent;content:' '; width: 0; height: 0;position:absolute; left:31.5%; 
border-width: 6px; border-bottom-color:#f2f2f2;top:-11px;} 
.hid ul.hidcp:before {left:42.5%;} 
.hid ul.hidkj:before {left:53%;} 
.hid ul.hidfw:before {left:63%;}

.hid-img{ width:244px; height:auto; float:left;margin-top:30px; font-size:16px; line-height:50px;}
.hid-img a{ color:#3e3e3e; text-decoration:none;}
.hid-img a:hover{filter:alpha(opacity=60);
-moz-opacity:0.6;   
-khtml-opacity: 0.6;   
opacity: 0.6;   }
.mr{ margin-right:60px;}

/*首页--banner*/
.bannerbox{width:100%;height:auto;float:left; background:#FFF; overflow:hidden;}

/*sycpbox*/
.sycpbox{ width:100%; min-height:470px; float:left; }
.syone{ width:330px; height:545px; float:left; margin-top:90px; background:#FFF;}
.syonemr{ margin-right:17px;}
.syoneimg{ width:330px; height:260px; float:left; overflow:hidden;}
.syoneimg img{ width:330px; height:260px;}

.syone .syoneimg img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.syone:hover .syoneimg img{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);}
.syone:hover .syoneimg img{filter:alpha(opacity=60);-moz-opacity:0.60;-khtml-opacity:0.60;opacity:0.60;}
.syone h2{
	margin-top: 50px;
    margin-bottom: 30px;
    padding: 0 25px;
    font-size: 23px;
    font-weight: normal;
    line-height: 1.5;
	float:left;
	width:280px;
	}
.syone:hover h2{color:#ef1c25;}
	
.syone p{
	width:280px;
	margin-top: 0;
    padding: 0 25px;
    font-size: 16px;
	line-height:28px;
	float:left;
	height:100px; 
	}
.syone:hover p{color:#ef1c25;}

.syone-bottom{
	margin-top:23px;
	width:48px;
	height:48px;
	float:right;
	background:url(../img/page/sq.jpg) no-repeat;
	-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;
	}

.syone:hover .syone-bottom{background:url(../img/page/sqh.jpg) no-repeat;}

/*sytwo*/
.sytwo{ width:100%; height:550px; float:left;}
.sytwo:hover img{filter:alpha(opacity=60);-moz-opacity:0.60;-khtml-opacity:0.60;opacity:0.60;}


/*syall*/
.syall{ width:100%; min-height:350px; float:left;}

.syall-pic{ width:25%; height:auto; float:left; overflow:hidden; position:relative;}
.swd{ width:100%; height:100%; float:left;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5; background:#000; position:absolute; top:0; left:0; }

.syall-name{ width:100%; height:100%; position:absolute; top:0; left:0; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;
 text-align:center;}
.syall-name:hover{ background:#df2324;}
.syall-pic a{ color:#FFF; text-decoration:none;width:100%; height:100%; position:absolute; top:0; left:0;}
.syall-name img{ margin-top:150px;}


.sypic2{ width:317px; height:350px; float:left;}
.sypic3{ width:661px; height:350px; float:left; margin-left:40px;}

.he_border1{padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden}
.he_border1 .he_border1_img{display:block;width:100%;padding:0;margin:0;position:relative;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;opacity:1;overflow:hidden}
.he_border1:hover .he_border1_img{position:absolute;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.08);transform:scale(1.05);}
.he_border1 .he_border1_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden; }
.he_border1:hover .he_border1_captionbg{width:100%; height:100%; float:left; position:absolute;
background:#242424 !important;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#242424',EndColorStr='#242424');
filter: Alpha(opacity=50);
-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;
-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;
}
.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.5s,-webkit-transform .5s;-moz-transition:opacity 0.5s,-moz-transform .5s;-o-transition:opacity 0.5s,-o-transform .5s;transition:opacity 0.5s,transform .5s}
.he_border1 .he_border1_caption::before{top:10px;right:10px;bottom:10px;left:10px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border1 .he_border1_caption::after{top:10px;right:10px;bottom:10px;left:10px;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{ opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1); }
.he_border1 .he_border1_caption_h{ font-weight:normal; font-size:16px;text-align:right;width:300px;position:absolute;top:80%; right:7%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border1 .he_border1_caption_p{font-size:12px;text-align:center;width:90px; height:32px; line-height:30px; position:absolute;top:100%;right:7%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.he_border1:hover .he_border1_caption_p{top:77%;opacity:1}
.he_border1:hover .he_border1_caption_h{top:64%;opacity:1}

.he_border1 .he_border1_caption_p .he_border1_caption_a{ position:relative; display:block; color:#fff; border:1px solid #fff; text-decoration:none;z-index:100000;}
.he_border1 .he_border1_caption_p .he_border1_caption_a:hover{ background:#ef1c25; border:1px solid #ef1c25; color:#FFF;}




/* ~~ 关于我们 ~~ */
.locboxiframe{width:100%;min-height:30px;padding:8px 0px;border-bottom:1px solid #CCC;float:left;}
.locbox{width:100%;height:25px; float:left;}
.loctitle{width:2%;height:25px;float:left;}
.loc{width:98%;height:25px;float:left;}
.loc ul li{padding:0px 3px;height:25px;line-height:25px;float:left;font-size:14px;list-style:none;}	
.loc ul li a{color:#000;text-decoration:none;}	
.loc ul li a:hover{color:#ef1c25;text-decoration:none;}	
#loc{ color:#ef1c25; text-decoration:underline;}	

.aboutbox{ width:100%; height:auto; float:left;}
.about-pic{ width:100%; height:auto; float:left; overflow:hidden;}
.about-info{ width:100%; min-height:200px; max-height:2000px; float:left; line-height:33px; font-size:14px; color:#000;}	
.picbox{ width:340px; min-height:200px; float:left; overflow:hidden;}
.picm{ padding:0px 11px; float:left;}
.picname{ width:100%; float:left; line-height:30px; font-size:14px; text-align:center; color:#000;}

.paget{ width:100%;height:30px;float:left; margin-top:20px; text-align:center;background:#990;}	
.paget a{text-decoration:none; padding:0px 3px;font-size:12px; color:#000; text-decoration:none;text-align:center; margin-left:3px; display:inline-block; line-height:18px;}
.paget a:hover{background:#000; color:#FFF;}

/* ~~ 产品中心 ~~ */
.products{ width:100%; min-height:500px; float:left;}
.sortbox{ width:98%; float:left; height:auto; overflow:hidden; border-bottom:1px solid #b5b5b5; margin-left:1%;}
.sortbox ul li{ float:left; padding:0 30px 0 20px; font-size:12px; color:#FFF; line-height:30px; background:url(../img/page/pic.gif) 7px center no-repeat #d0d0d0;}
.sortbox ul li:hover{ background:#000;}
.sortbox ul li a{ text-decoration:none; color:#646464; display:block; font-weight:600;}
.sortbox ul li:hover a{color:#FFF;}
.sortbox ul li.sw{background:#000;}
.sortbox ul li.sw a{color:#FFF;}

.sortbox-img{ width:100%; height:auto; float:left;}
.sortb-pic{ width:100%; height:auto; float:left;}
.sone{ padding:1%; max-width:48%; float:left; margin-top:20px;}
.s-name{ width:38%; height:auto; float:left; padding-top: 6px;}
.s-info{ width:60%; height:auto; float:left; margin-left:2%; font-size:12px; padding-top: 6px; line-height:20px; color:#646464; background:url(../img/page/ljt1.png) right bottom no-repeat;}
.sone2{ padding:1%; max-width:31.33333333%; float:left;margin-top:25px;}

.probox{ width:100%; height:auto; float:left; }
#main_container .seriesintro{border:1px solid #b5b5b5;position:relative; min-height:476px; max-height:600px; background:#FFF;}
#main_container .seriesintro div.flashcontent{left:0;position:absolute;top:0; z-index:3}
#main_container .seriesintro img.big{border-right:1px solid #B5B5B5;float:left; width:800px;height:476px;left:0;position:absolute;top:0; z-index:2;}
#main_container .seriesintro div.logo{float:left;margin-top:12px; margin-left:820px;width:184px;text-align:center; }
#main_container .seriesintro img.logo{ margin-left:auto; margin-right:auto; float:left}
#main_container .seriesintro div.intro{ float:left;margin-left:820px;_margin-left:402px;margin-top:9px; width:187px; color:#9f9f9f; font-size:12px}
#main_container .seriesintro div.intro div.accordion { margin-top:19px; display:none}
#main_container .seriesintro div.intro div.accordion a{ display:block; height:23px;background:url(../img/page/pro_bg01.jpg) center 0px repeat-y; padding-left:19px; padding-top:6px;*padding-left:17px; *padding-top:7px; cursor:pointer; border-bottom:3px solid #FFF; text-decoration:none; color:#9F9F9F}
#main_container .seriesintro div.intro div.accordion a.selected{background:url(../img/page/pro_bg02.jpg) center 0px no-repeat; color:#fff;}
#main_container .seriesintro div.intro div.accordion div.relatedtechnology { padding-top:14px;padding-bottom:24px;}
#main_container .seriesintro div.intro div.accordion div.relatedtechnology ul{list-style:none; margin:0; padding:0}
#main_container .seriesintro div.intro div.accordion div.relatedtechnology ul li{ float:left; margin-left:4px;margin-right:4px;_margin-left:3px;_margin-right:3px; height:41px;}
#main_container .seriesintro div.intro div.accordion div.relatedtechnology ul li a{ background:none; display:inline; margin:0; padding:0;}
#main_container .seriesintro div.intro div.accordion div.allproduct{ padding-left:21px; padding-top:8px}
#main_container .seriesintro div.intro div.accordion div.allproduct ul{list-style:none; margin:0; padding:0}
#main_container .seriesintro div.intro div.accordion div.allproduct ul li{font-size:12px; color:#adadad; margin-right:5px;padding-bottom:3px; padding-top:2px; margin-bottom:2px;padding-left:6px; padding-right:6px; cursor:pointer; color:#858585}
#main_container .seriesintro div.intro div.accordion div.allproduct ul span.number{color:#adadad}
#main_container .seriesintro div.intro div.accordion div.allproduct ul li.current{ background-color:#e9e9e9; color:#646464}
#main_container .seriesintro div.intro div.accordion div.allproduct ul li.current span.number{color:#646464}
#main_container .seriesintro div.products {float:left;position:absolute;left:0px; top:0px; height:441px; width:785px; padding-left:4px; padding-top:30px;border-right:1px solid #B5B5B5;}
#main_container .subsubcategories ul li{ margin-right:3px;}
#main_container .subsubcategories ul li div.border a div.logo{height:10px;margin:0;text-align:left;}
#main_container .subsubcategoriespagination{ margin-bottom:14px;}

.nten{ font-size:24px; font-family:Arial, Helvetica, sans-serif; line-height:20px; display:block;padding:5px 0px; text-align:left;
font-weight:600; color:#000;}
.ntcn{ font-size:18px; font-family:"微软雅黑","宋体"; line-height:20px; display:block;text-align:left;color:#000;}

.nten1{ font-size:22px; font-family:Arial, Helvetica, sans-serif; line-height:20px; display:block;text-align:left;
font-weight:600; color:#000;}
.ntcn1{ font-size:16px; font-family:"微软雅黑","宋体"; line-height:20px; display:block;text-align:left;color:#000;}

.nten2{ font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:20px; display:block;text-align:left;
font-weight:600; color:#000;}
.ntcn2{ font-size:14px; font-family:"微软雅黑","宋体"; line-height:20px; display:block;text-align:left;color:#000;}

.pro-show{ width:100%; height:auto; float:left;border:1px solid #b5b5b5; margin:25px 0px; background:#FFF;}
.cpbox{ width:185px; height:auto; float:left; border:1px solid #e9e9e9; background:#FFF; margin-top:10px; margin-bottom:15px; margin-left:15px; position:relative;}
.cpbox a{ text-decoration:none; color:#000; display:block; position:relative; z-index:2;}
.cpname{ width:100%; font-size:12px; background:url(../img/page/pageR.png) 172px center no-repeat;line-height:23px;}
.cpname span{ padding:0px 7px;}
.cpimg{ width:100%; height:auto; float:left; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.tdbox{ width:96%; min-height:65px; float:left; padding:5px 2%;}
.tdbox img{ margin:2px 4px; width:27px;}
.cpbox:hover::before{ content:""; position:absolute; border:2px solid #000; top:-2px; left:-2px; width:100%; height:100%; cursor:pointer;}

.page{ width:90%;height:20px;float:left; margin-top:20px; margin-left:15px;}	
.page a{text-decoration:none; padding:0px 3px;font-size:12px; color:#000; text-decoration:none;float:left; text-align:center; margin-left:3px; line-height:18px;}
.page a:hover{background:#000; color:#FFF;}
#page{ background:#000; color:#FFF;height:18px;}	
#page1{ width:10px; height:18px; background:url(../img/page/pageL.png) center center no-repeat;}
#page2{ width:10px; height:18px; background:url(../img/page/pageR.png) center center no-repeat;}

/* ~~ 详细页 ~~ */
.pro-one{ width:100%; height:auto; float:left; background:#FFF;}

.tabmore{ width:100%; float:left;}
.tab-hd { overflow:hidden; zoom:1; position:relative; }
.tab-hd::before{border-bottom:1px solid #ccc; content:""; position:absolute; width:100%; height:98%; top:0; left:0;}
.tab-hd li{ float:left; color:#868686; text-align:center; cursor:pointer; font-size:13px; padding:7px 20px; position:relative; z-index:1;}
.tab-hd li.active{ background-color: #e9e9e9;}
.tab-bd li{display:none; padding:10px 0px; border-top:0 none; font-size:14px;}
.tab-bd li.thisclass{ display:list-item;}

/* ~~ 新闻服务 ~~ */
.te-name{ width:100%; height:60px; float:left; line-height:50px; color:#000; font-size:16px; font-weight:600;}
.te-name a{ text-decoration:none; color:#000;}
.te-video{ width:100%;height:469px; float:left; background:#000; overflow:hidden;}

.te-box{ width:100%; min-height:500px; max-height:10000px; float:left;}
.te-show{ width:100%; height:auto; float:left;}
.te-title{ width:100%; height:50px; float:left; line-height:50px; font-size:16px;}
.te-info{ width:100%; height:auto; float:left; text-align:center;}



/* ~~ 新闻服务 ~~ */
.newsbox{width:100%; min-height:500px; float:left;}
.news-t{width:100%; height:88px; text-align:center; float:left; margin-top:10px;}
.news{ width:100%; min-height:500px; float:left;}
.news-show{ width:100%;min-height:480px; float:left;}
.news-show:hover .news-show-pic img{filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.80;opacity:0.80;}

.news-show-pic{ width:50%; height:400px; float:left; position:relative;  text-align:center; overflow:hidden;}
.news-show-pic img{transition: 1.0s;-webkit-transition: 1.0s;-moz-transition: 1.0s;}
.news-show-pic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);}
.news-show-pic span{ position:absolute; top:42%; right:-4px; width:20px; height:30px;}
.news-show-info{ width:50%;  min-height:400px; float:left;  overflow:hidden; background:#FFF;}
.nsi-name{ width:90%; padding:0px 5%; min-height:30px; line-height:30px; font-size:18px; color:#000; text-align:center; float:left; margin-top:120px;}
.nsi-more{ width:158px; height:42px; float:left; border:1px solid #000; line-height:42px; text-align:center; margin-top:50px; margin-left:175px;}
.nsi-more a{ text-decoration:none; color:#000; display:block; font-size:14px;}
.nsi-more a:hover{ color:#FFF; background:#ef1c25;}
.nsi-more:hover{border:1px solid #ef1c25;}


/* ~~ 详细新闻 ~~ */
.newsM-info{width:902px;min-height:500px;float:left; overflow:hidden; padding:0px 50px;}
.in-newsbox_title{width:100%; min-height:30px; line-height:30px; font-size:18px;text-align:center; float:left; color:#000;
overflow:hidden; margin-bottom:30px;}
.in-newsbox_info{ width:100%;height:45px; float:left;}
.in-newsbox_info ul li{ text-align:center; width:50%;font-size:14px; color:#000;height:45; line-height:30px; float:left;list-style:none;
text-align:center;}
.in-newsbox_content{ float:left; margin-bottom:20px; font-size:14px; line-height:32px; max-height:2000px;}

.pageb{ width:100%;height:39px;line-height:39px;float:left;font-size:14px; text-align:center; margin-top:20px;color:#FFF;}	
.pageb a{text-decoration:none; padding:14px; line-height:30px;color:#000; text-decoration:none; }
.pageb a:hover{color:#ef1c25; }	


/* ~~ 资料下载 ~~ */
.ddbor{ border:1px solid #b5b5b5}
.ddbox{ width:180px; height:auto; float:left; margin-top:60px; margin-left:55px;}
.dd-img{ width:180px; height:260px; float:left;}
.dd-img img{ width:180px; height:260px}
.dd-name{ width:100%; height:20px; line-height:20px; float:left; margin-top:10px; font-size:14px; color:#7e7e7e; font-weight:600;}
.dd-down{ width:90%; height:20px; float:left; padding-left:10px; background:url(../img/page/dd.gif) no-repeat left center; }
.dd-down a{ color:#7e7e7e; text-decoration:underline; font-size:14px;}
.dd-down a:hover{ color:#ef1c25; }	


/* ~~ 联系我们 ~~ */
.contact{ width:100%; min-height:300px; float:left;}
.con-info{ width:474px; height:334px; float:left; background:url(../img/page/ct001.jpg) no-repeat;}
.con-name{ width:90%; min-height:30px; float:left; color:#FFF; line-height:25px; font-size:14px; margin:30px 5%;}
.con-name span{ font-size:16px;}
.con-show{  width:90%; min-height:100px; float:left; color:#FFF; line-height:35px; font-size:14px; margin:0px 5%;}

.feedback{width:488px; margin-left:40px; min-height:300px; float:left;}
.cl-t{ width:100%; min-height:35px;float:left; font-size:18px; color:#000;}
.cl-feed{ width:100%; min-height:300px; float:left;}
.lxO{width:600px;min-height:42px;float:left; position:relative;}
.lxO textarea{ color:#000;}
.lxO span{ width:33px; height:33px; position:absolute; top:0; left:0;}
#input1{height:33px; *height:33px; width:340px; border:1px solid #000; background-color:transparent;
line-height:33px;float:left;color:#000; font-size:12px; padding:1px 33px; outline:none;}
#input2{ border:1px solid #000; color:#000; float:left;resize:none;width:465px; height:100px; padding:10px; font-size:12px; background-color:transparent;outline:none;}
.mt{margin-top:15px;outline:none;}
#button1{width:100px;height:30px;outline:none;float:left;margin-top:20px;outline:none;border:#000 1px solid; outline:none;
line-height:28px;text-align:center;color:#FFF;font-size:12px;background:#000; cursor:pointer;}	
#button1:hover{border:#ef1c25 1px solid;
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 */
}
#button1:hover{background:#ef1c25;}
#button1{transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}


.mapbox{width:100%; min-height:565px; float:left;}
.mapbox iframe{width:100%;height:565px; float:left;}

/* ~~ 脚注 ~~ */
.upfoot{ width:100%; height:auto; float:left; background:#212121; padding-top:50px;}
.upfd{ width:100%; height:auto; float:left; color:#999; line-height:25px;}
.upfd a{ color:#999; text-decoration:none;}
.upfd a:hover{ color:#FFF;}
.upsd{ width:100%; height:93px; float:left;}
.upsd img{ float:right;}
.upsd:hover img{transition: 0.2s;-webkit-transition:0.2s;-moz-transition: 0.2s;filter:alpha(opacity=80);   
-moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.footbox{ width:100%; min-height:100px; float:left; background:#272829; border-top:1px solid #7a7a7a;}
.footM{margin:0 auto; min-height:90px;}
.foot-up{ width:100%; float:left; height:40px; color:#FFF; line-height:40px; text-align:center;font-size:13px;}
.foot-up a{text-decoration:none; color:#FFF;}
.foot-up a:hover{ color:#CCC;}
.foot-down{ width:100%; float:left; height:30px; line-height:30px; font-size:13px; text-align:center; color:#FFF;}
.foot-down a{ text-decoration:none; color:#FFF;}


/* ~~ 其它浮动/清除类 ~~ */
.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;
}
	
/*客服*/
/*-- 右侧 --*/
.footside{position:fixed; width:50px; height:auto; right:0; top:50%; z-index:100;}
.footside ul li{width:50px; height:50px; float:left; position:relative; border-bottom:1px solid #ac2626; list-style:none; background:#db3636; color:#FFF;}
.footside ul li img{float:left;}
.footside ul li a{ color:#FFF;}
.footside ul li a i{ width:100%; height:auto; float:left; text-align:center; font-size:22px; line-height:22px; padding:14px 0px;}
.footside ul li a span{ width:100%; height:auto; float:left; text-align:center; color:#FFF; font-size:13px; padding:2px 0px 10px; line-height:13px; }
.footside ul li a span img{ width:100%;}
.footside ul li img{ max-width:100%; float:left;}
.few{ width:0; height:0; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; position:absolute; left:0; top:0; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.footside ul li:hover{ background:#ce1f1f; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#weixin{ position:relative;}
#weixin:hover .few{ width:150px; height:150px; left:-150px; top:-40px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; padding:10px; background:#FFF;}