﻿/*
* name: Global && Pc StyleSheet
* version: v2.0.3
* update: 英文字体使用arial
* date: 2015-05-23
*/

/* ui */
@import url(ui.css);

/* normalise */
html{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body { font-family: '微软雅黑', \5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif; 
overflow-x: hidden; }
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
img {max-width: 100%; vertical-align: top;border: 0 ;height: auto; 
	-ms-interpolation-mode: bicubic;}
ul { padding-left: 0; list-style-type: none;}
i, em { font-style: normal;}
big {font-size: 1.3em;}
a {-webkit-transition: all 0.3s ease;transition: all 0.3s ease; text-decoration: none; 
	outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, 
audio, canvas, progress, video{ display: block;}
::-moz-selection {color: #fff; background: #0377c2; }
::selection {color: #fff; background: #0377c2; }
@-ms-viewport { width: device-width;}
input, textarea, button, select, legend, fieldset { border: 0; vertical-align: middle; outline: none; margin: 0; padding: 0; font-family:microsoft yahei;}

/* ico */
.ico { display: inline-block; overflow: hidden; width: 20px; height: 20px; 
	vertical-align: middle; background: url(../images/ico.png);margin:0 .3em;}
.ico1_2 { background-position: -20px 0;}
.ico1_3 { background-position: -40px 0;}
.ico1_4 { background-position: -60px 0;}
.ico1_5 { background-position: -80px 0;}
.ico2_1 { background-position: 0 -20px;}
.ico2_2 { background-position: -20px -20px;}
.ico2_3 { background-position: -40px -20px;}
.ico2_4 { background-position: -60px -20px;}
.ico2_5 { background-position: -80px -20px;}
.ico3_1 { background-position: 0 -40px;}
.ico3_2 { background-position: -20px -40px;}
.ico3_3 { background-position: -40px -40px;}
.ico3_4 { background-position: -60px -40px;}
.ico3_5 { background-position: -80px -40px;}
.ico4_1 { background-position: 0 -60px;}
.ico4_2 { background-position: -20px -60px;}
.ico4_3 { background-position: -40px -60px;}
.ico4_4 { background-position: -60px -60px;}
.ico4_5 { background-position: -80px -60px;}

/* rect */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-75{padding-bottom: 75%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-100{padding-bottom: 100%;}

/* base */
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after {display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}.pa { position: absolute;}
.tc { text-align: center;}.tr { text-align: right;}
.el {overflow: hidden;white-space: nowrap;  text-overflow: ellipsis;}
img[data-src],.opc0 { opacity: 0 ; filter:alpha(opacity=0);}
.hide { display: none;}
.hidetext { font: 0/0 a; letter-spacing: -9px;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}
.placeholder { color: #aaa; }

/* option */
body{font-size:13px; line-height: 1.8; color: #555;background: #fff;}
.wrap { max-width: 1200px;*width: 1200px; width:1200px; margin:0 auto; }




a{color:#555;}
a:hover { color: #0377c2;}

.section_box{ padding:50px 0;}
.about-box{ background-color:#eee;}
.about-box .intro_con{ margin-top:20px;}
.about-box .intro_con ._left{ width:52.5%; line-height:2; font-size:14px;}
.about-box .intro_con ._right{ width:44.7%;}

/*
*头部
*/
.head{ position:absolute;top:40px; z-index:999; width:100%}
.nav_menu{ position: relative;top:492px;bottom:0; left:0; height:58px;width: 100%; background:url(../images/black.5.png) repeat; background:rgba(0,0,0,.5);}
.nav_menu .nav{ width:94.2%;}
.nav_menu .nav li{ float:left;width: 11.5%; *width:10.45%; position:relative;}
.nav_menu .nav li .nav_a{ line-height:58px; color:#fff; display:block; width:100%; text-align:center; font-size:16px; position:relative;}
.nav_menu .nav li .nav_a:after{ content:''; width:0; height:0; border-bottom:8px #0377c2 solid; border-left:8px transparent solid; border-right:8px transparent solid;position: absolute;bottom: 0;left: 50%;margin-left: -8px; display:none;}
.nav_menu .nav li .setNav{ display:none; width:100%; background:url(../images/blue.9.png) repeat; background:rgba(175,0,29,.9);position:absolute; top:58px; left:0;}
.nav_menu .nav li .setNav li{ float:none; width:100%;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0px 4px;}
.nav_menu .nav li .setNav li a{ color:#fff; text-align:center; display:block; height:35px; line-height:35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.nav_menu .nav li:hover .setNav{ display:block;} 
.nav_menu .nav li:hover .nav_a:after{ display:block;}
.nav_menu .nav li:last-child:hover .nav_a:after{ display:none;}
.nav_menu .nav li .setNav.nav03{ width:120%; left:-10%;}

.nav_menu .head_ser{position: absolute;top: 0;right: 0; top:10px;}
.nav_menu .head_ser .form span{ width:230px; background-color:#fff; height:36px;display: block;
position: absolute;right:37px;top: 1px;}
.nav_menu .head_ser .form span .inp{ border:none; background:transparent; outline:none; height:16px; line-height:16px; padding:10px 0;width: 100%;text-indent: 5px;}
.nav_menu .head_ser .form .btn{ width:37px; height:37px;outline: none;border: none;padding: 0;border-radius: 0;font-size: 28px;color: #fff;background-color: #e11e16; overflow:hidden;}
.nav_menu .head_ser .form .btn i{ font-size:0; background:url(../images/ser.png) no-repeat; display:block;width: 33px;height: 29px;margin: auto;}
.nav_menu .head_ser:hover .form span{ width:230px; transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

/*
*首页头部
*/
/*.banner{ height:680px; overflow:hidden; position:relative;}
.banner img{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; max-width:none;}
.banner .slide_nav{ position:absolute; bottom:100px; left:50%; margin-left:-465px;}
.banner .slide_nav a{ display:inline-block; width:13px; height:13px; line-height:99; overflow:hidden; background-color:#fff; border-radius:50%; border:2px transparent solid; cursor:pointer; margin-right:11px;}
.banner .slide_nav a.on{ background-color:#0377c2; border-color:#fff;}
*/
.i_head {height:auto;}
.i_head .head_top{ width:1200px; margin:0 auto}
/*.i_head .nav_menu{ position:relative;bottom: 0;z-index: 9;}*/
.head.i_head .logo a{ background:url(../images/logo.png) no-repeat;}
.i_head.head .head_r li a,.i_head.head .head_r li{ color:#fff;}
.i_head.head .head_r{margin-top: 0;}
.head .head_r .bdsharebuttonbox{ text-align:right;padding-right: 3%;}
.head .head_r .bdsharebuttonbox a{ background:url(../images/icons_1_1.png) no-repeat; width:20px; height:20px; line-height:20px; padding-left:0; float:none; display:inline-block;margin: 6px 6px 0 0;}
.head .head_r .bdsharebuttonbox a.bds_qzone{ background-position:0 0;}
.head .head_r .bdsharebuttonbox a.bds_tsina{ background-position:0 -43px;}
.head .head_r .bdsharebuttonbox a.bds_tqq{ background-position:0 -128px;}
.head .head_r .bdsharebuttonbox a.bds_renren{ background-position:0 -85px;}
.head .head_r .bdsharebuttonbox a.bds_weixin{ background-position:0 -172px;}
.i_head .nav_menu .nav li .setNav{ top:auto; bottom:58px;}
.i_head .nav_menu .nav li .nav_a:after{ bottom:auto;top: 0;border-top: 8px #0377c2 solid;border-bottom: none;}
.head .head_r li a,.head .head_r li{ color:#555;}

/*
*首页中间区域
*/
.i_promenu{ margin-top:20px;}
.i_promenu li .img{ display:inline-block; width:100%; text-align:center;}
.i_promenu li .img span{ display:inline-block; width:144px; height:144px;}
.i_promenu li:hover .img span{ transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.i_promenu li:hover .img span.s_img01{ background-position:-144px 0;}
.i_promenu li:hover .img span.s_img02{ background-position:-144px 0;}
.i_promenu li:hover .img span.s_img03{ background-position:-144px 0;}
.i_promenu li:hover .img span.s_img04{ background-position:-144px 0;}
.i_promenu li a *{ cursor:pointer;}
.i_promenu li .title{ font-size:18px; margin-top:8px;}
.i_promenu li .summ{ font-size:12px;line-height: 21px;height: 63px;overflow: hidden;margin-top: 10px;}

/* 新闻资讯 */
.newContBox{width:100%;margin:0 auto;overflow: hidden;background: #fff;padding:30px 0 60px;}
.newContBox .newCont{width:1200px;margin:0 auto;overflow: hidden;}
.newContBox .newCont .newtop{width:1200px;margin:0 auto 35px;overflow: hidden;}
.newCont .newtop .newtit{ text-align:center}
.newCont .newtop .newtit .ntit{color:#000;font-size:30px;margin-bottom:10px; font-weight:bold}
.newCont .newtop .newtit .ntit a{color:#000;font-size:32px;}
.newCont .newtop .listnew{float: right;}
.newCont .newtop .listnew li{float: left;margin-right:30px;color:#fff;font-size:16px;padding-bottom:10px;cursor: pointer;}
.newCont .newtop .listnew li:last-child{margin-right:0;}
.newCont .newtop .listnew li:hover{border-bottom: 2px solid #fff;}

.newCont .newctext{width:100%;overflow:hidden;display: none;}

.newCont .newctext.newshown{display: block;}
.newCont .newctext .ncontl{width:506px; height:521px; display:block;overflow:hidden;float: left;background: #eeeeee;padding:12px;}
.newCont .newctext .ncontl .ncimg{width:506px;height:327px; display:block; overflow:hidden;margin:0 auto 10px;}
.newCont .newctext .ncontl .ncimg img{width:100%; height:327px;transform: scale(1);transition: all 1s ease-out;}
.newCont .newctext .ncontl:hover .ncimg img{transform: scale(1.2);}
.newCont .newctext .ncontl .nctit{color:#3c3a47;font-size:20px;margin-bottom:10px; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newCont .newctext .ncontl .ncdate{ background:url(../images/date.png) 0 center no-repeat; text-indent:25px;color:#1f5db0;font-size:15px;margin-bottom:10px;}
.newCont .newctext .ncontl .nctext{color:#8a8a8a !important;font-size:15px !important;line-height:24px !important; height:48px; display:block; overflow:hidden}
.newCont .newctext .ncontl .ncnexta{width:116px;height:40px;display: block;float: right;}
.newCont .newctext .ncontl .ncnexta img{line-height: 40px;display: block;float: right;}

.newCont .newctext .ncontr{width:620px; height:auto; display:block;overflow:hidden;float: right;}
.newCont .newctext .ncontr ul{width:100%;overflow:hidden;}
.newCont .newctext .ncontr ul li{width:100%;overflow:hidden; padding-top:24px; padding-bottom:24px; border-bottom:1px dotted #bababa}
.newCont .newctext .ncontr ul li:first-child{ padding-top:0}
/*.newCont .newctext .ncontr ul li:last-child{ padding-bottom:0}*/

.newCont .newctext .ncontr ul li a{width:100%;overflow:hidden;display: block;background: url(../images/mnarr.png) right bottom no-repeat;}
.newCont .newctext .ncontr ul li a .nrtit{width:96%;color:#000;font-size:20px;margin-bottom:15px;background: url(../images/bdot.png) left 12px no-repeat;overflow: hidden;height:30px;padding-left:4%;}
.newCont .newctext .ncontr ul li a .nrtit .stit{width:80%;float: left;line-height: 30px;}
.newCont .newctext .ncontr ul li a .nrtit .stit:hover{color:#4e89f6;}
.newCont .newctext .ncontr ul li a .nrtit .date{width:18%;float: right;text-align: right;color:#aaaaaa;font-size:15px;line-height: 30px;}
.newCont .newctext .ncontr ul li a .nrtext{width:80%;color:#5e5e5e;font-size:15px;line-height:24px; height:48px; display:block; overflow:hidden}


/*
*通用底部
*/
.footbox{ width:100%; height:auto; margin:0 auto; border-bottom:1px solid #1b1b1b; background:#2b2b2b; padding-top:45px}
.footbox .main{ width:1200px; height:auto; margin:0 auto}
.botdh{ width:797px; height:305px; display:block; float:left; border-right:1px solid #363636; overflow:hidden;}
.botdha{ width:88px; height:auto; display:block; float:left; margin-right:55px;}
.botdha .title{ height:36px; background:url(images/linea.png) no-repeat left bottom; line-height:35px; font-size:16px; color:#ccc}
.botdha .title a{line-height:35px; font-size:16px; color:#ccc}
.botdha .content{ font-size:13px; line-height:32px; color:#888888; margin-top:10px}
.botdha .content a{ width:88px; height:32px; display:block; font-size:13px; line-height:32px; color:#888888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.botlx{ border-left:1px solid #1b1b1b; height:305px; width:334px; display:block; float:right; padding-left:67px }
.botlx .title{ height:36px; background:url(images/linb.png) no-repeat left bottom; line-height:35px; font-size:16px; color:#ccc}
.botlx .content{ font-size:13px; line-height:32px; color:#888888; margin-top:10px}
.footerbox{ width:100%; height:62px; margin:0 auto; background:#2b2b2b; border-top:1px solid #363636}
.footerbox ul{ width:1200px; height:62px; margin:0 auto}
.footerbox ul li{
	float:left;
	line-height:62px;
	font-size:14px;
	color:#888888;
	font-family: "微软雅黑", \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;
}
.footerbox ul li a{line-height:62px; font-size:14px; color:#888888}

.clear{clear:both; height:0; line-height:0; overflow:hidden; display:block}


/*
*下层--通用样式
*/
.n_bann{ position:relative; height:315px; margin-top:-58px; overflow:hidden; z-index:2;}
.n_bann img{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; max-width:none;}

.bread{margin-top: 40px;}
.bread .channelIt{ font-size:24px;}
.bread .posi{ font-size:12px; font-weight:normal; margin-top:12px;}
.bread .posi em{ margin:0 5px;}

.chan_tit ._cn{ color:#303741; font-size:30px; line-height:35px;}
.chan_tit ._cn:before,.chan_tit ._cn:after{ content:''; width:106px; height:1px; background-color:#7c7f84;display: inline-block;vertical-align: middle;}
.chan_tit ._cn:before{margin-right: 2%;}
.chan_tit ._cn:after{margin-left: 2%;}
.chan_tit ._en{ font-family:Arial; font-size:20px; color:#7e7e7e;text-transform: uppercase;display: none;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.main_content{ margin:30px 0 40px;}
.mh{ min-height:400px;}
.main{margin: 15px 0 50px;}
/*
*下层--产品大类
*/
.sortlist .li{border: 1px #e1e1e1 solid;overflow: hidden;margin-bottom: 20px;}
.sortlist .li .cover{ display:block; width:100%; text-align:center; padding:28px 0 23px;}
.sortlist .li .cover .columns{ font-size:18px;margin-top:13px;}
.sortlist .li .cover span{ width:144px; height:144px; display:inline-block;}
.s_img01{background:url(../images/s_img01.png) no-repeat;}
.s_img02{background:url(../images/s_img02.png) no-repeat;}
.s_img03{background:url(../images/s_img03.png) no-repeat;}
.s_img04{background:url(../images/s_img04.png) no-repeat;}
.sortlist .li .cover:hover span{ transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.sortlist .li .cover:hover .s_img01{ background-position:-144px 0;}
.sortlist .li .cover:hover .s_img02{ background-position:-144px 0;}
.sortlist .li .cover:hover .s_img03{ background-position:-144px 0;}
.sortlist .li .cover:hover .s_img04{ background-position:-144px 0;}
.sortlist .li .intro{ background-color:#f2f2f2;padding-bottom: 9999px;margin-bottom: -9999px;padding-top: 40px;padding-left: 20px;padding-right: 20px; *padding-bottom:0; *margin-bottom:0; *height:206px;}
.sortlist .li .intro .summ{ font-size:14px; display:block;height: 150px;line-height: 25px; overflow:hidden;}
.sortlist .li .full-row > .span-6{ *width:50%;}


.conMap .BMapLabel{ border:none!important;}


/*资质荣誉*/
.cplist{ width:100%; float:left;}
.cplist ul li{ width:183px; border:1px #dad7d7 solid;height:45px; float:left; margin-right:15px; margin-bottom:15px;}
.cplist ul li a{ width:183px; line-height:45px; height:45px; float:left; background:#fff; color:#333333; text-align:center; font-size:16px;}
.cplist ul li a:hover{ width:183px; line-height:45px; height:45px; float:left; background:#ff0000; color:#fff;text-align:center;font-size:16px;}



.childa{ height:275px; display:block; float:left; margin:0 13px;text-align:center;line-height:60px; font-size:16px; color:#333;text-overflow:ellipsis;white-space:nowrap; display:block; overflow:hidden;}
.childa .topimg{height:210px; display:block; overflow:hidden; }
.childa .topimg img{ max-width:100%; height:210px;transform: scale(1);transition: all 1s ease-out;}
.childa:hover .topimg img{transform: scale(1.2);}



