@charset "utf-8";
html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:12px; background:#FFF; color:#666; font-family:"微软雅黑";}
img { border: 0; }
input:focus { outline: none; }
input,select{font-size:12px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}


/* 全局 */
a { text-decoration: none; outline:none;}
a:hover { text-decoration: none; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

.wrapper { width: 1180px; margin: 0 auto; }


.h_top{ height:14px; line-height:14px; margin:15px 0 0 0; color:#888;}
.h_top .lan{ margin-left:1000px;}
.h_top a{ color:#888;}
.h_top a#cn,.h_top a#en{ padding-left:22px; margin:0 10px;}
.h_top a#cn{ background:url(../images/cn.png) 0 2px no-repeat;}
.h_top a#en{ background:url(../images/en.png) 0 2px no-repeat;}


.header{ overflow:hidden;}
.header .logo{ width:408px;}

.header .nav{ width:630px; height:60px; overflow:hidden; clear:both; margin:20px 0 0;}
.header .nav ul{ margin:0; padding:0; text-align:center;list-style: none;}
.header .nav ul li{ width:auto; height:60px; float:left; position:relative; margin:0 22px; cursor:pointer;}
.header .nav ul li a{ font-size:15px; color:#666; line-height:35px;}
.header .nav ul li em{ height:4px; width:0; position:absolute; bottom:0; left:0; background-color:#0056ac; transition:0.4s;}

.header .nav ul li:hover em,.header .nav ul li:hover a,.header .nav a.selected ,.header .nav .selected em { width:100%; color:#0056ac;}




/**大图**/
.h_banner {
	width: 100%;
	height: 550px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	background: #FFF;
}
.nivoslider-wrapper {
	position: relative;
	height: 550px;
	overflow: hidden;
	clear: both;
}
.nivoslider {
	position: absolute;
	left: 50%;
	width: 1920px;
	height: 550px;
	margin-left: -960px;
	overflow: hidden;
}
.nivoslider img {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important;
}
.nivoslider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
	background: white;
	filter: alpha(opacity=0);
	opacity: 0;
}
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
	top: 0;
}
.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
	overflow: hidden;
}
.nivo-box img {
	display: block;
}
.nivo-caption {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #000;
	color: #fff;
	width: 100%;
	z-index: 8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter: alpha(opacity=8);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nivo-caption p {
	padding: 5px;
	margin: 0;
}
.nivo-caption a {
	display: inline !important;
}
.nivo-html-caption {
	display: none;
}
.nivo-directionNav a {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 50px;
	margin-top: -25px;
	z-index: 9;
	cursor: pointer;
	background: url(../images/nivoslider_directionnav.png) no-repeat 0 0;
	text-indent: -99999px;
}
.nivo-directionNav a.nivo-prevNav {
	left: 0px;
}
.nivo-directionNav a.nivo-nextNav {
	right: 0px;
	background-position: right 0;
}
.nivo-controlNav {
	z-index: 100;
	text-align: center;
	width: 100%;
	padding: 15px 0;
	position: absolute;
	bottom: 0px;
}
.nivo-controlNav a {
	display: inline-block;
	width: 22px;
	height: 20px;
	cursor: pointer;
	background: url(../images/nivoslider_controlnav.png) no-repeat 0 3px;
	text-indent: -99999px;
}
.nivo-controlNav a.active {
	font-weight: bold;
	background-position: 0 -20px;
}
/**大图**/



.h_products{overflow:hidden; background:url(../images/pro_bg.jpg) top repeat-x;/* border-top:2px solid #e60112;*/}

.h_products .h_p_title{ line-height:70px; color:#FFF; text-align:center; font-size:22px; background:url(../images/pro_line.png) center no-repeat; text-transform:uppercase;}
.h_products .h_p_title font{ font-size:16px;}
.h_products .h_p_title span{ padding:0 10px;}

.h_products .h_pro_box{ width:360px; height:auto; overflow:hidden; float:left; text-align:center; margin:55px 16px 0; position:relative;}
.h_products .h_pro_box .pro_img{ width:360px; height:250px; overflow:hidden;}
.h_products .h_pro_box .pro_img img{ transition:.5s;}
.h_products .h_pro_box .pro_desc{}
.h_products .h_pro_box .pro_desc p{ font-size:14px; padding:10px 0 0;line-height:25px; font-size:15px; color:#333;}
.h_products .h_pro_box .pro_desc font{ font-size:12px; color:#999;}
.h_products .h_pro_box .pro_desc .arrow{ width:30px; height:30px; margin:16px auto 22px; background-image:url(../images/arrow.png); background-position:0 0; transition:0.4s;}

.h_products .h_pro_box a{ color:#666;}
.h_products .h_pro_box:hover .pro_img img{ transform:scale(1.1,1.1);}
.h_products .h_pro_box:hover{ cursor:pointer;}
.h_products .h_pro_box:hover .pro_desc .arrow{ background-position:0 -30px;}

.h_products .h_pro_box em{ width:100%; height:1px; background:#e9e8e7; position:absolute; bottom:0; left:0; transition:.5s;}
.h_products .h_pro_box:hover em{ width:100%; background:#0056ac;}




.h_desc{ overflow:hidden; background:url(../images/h_desc_bg.png) top repeat-x; margin:75px auto 0;}

.h_desc .h_doc{ width:412px; height:314px; padding:50px 55px 0; overflow:hidden; background:url(../images/doc_bg.jpg) no-repeat; margin-top:85px;}

.h_desc .h_doc .h_d_title{ height:64px; line-height:44px; color:#FFF; font-size:18px; text-transform:uppercase;}
.h_desc .h_doc .h_d_title font{ font-size:14px; }
.h_desc .h_doc .h_d_title span{ padding:0 10px; }
.h_desc .h_doc .h_d_title em{ width:30px; height:5px; background:#FFF; display:block; }


.h_desc .h_doc ul{ margin:20px 0 0; padding:0;list-style: none;}
.h_desc .h_doc ul li{ list-style:inside; line-height:28px; color:#FFF;}
.h_desc .h_doc ul li a{ color:#FFF; padding-left:5px;}

.h_desc .h_doc .doc_more{ width:100px; line-height:35px; border-radius:18px; border:1px solid #FFF; text-align:center; margin-top:40px; transition:0.5s; cursor:pointer;}
.h_desc .h_doc .doc_more a{ color:#FFF; font-size:14px; width: 100%;height: 100%;display: block;}

.h_desc .h_doc .doc_more:hover{ background:#FFF;}
.h_desc .h_doc .doc_more:hover a{ color:#0056ac;}




.h_desc .h_about{ width:608px; height:344px; overflow:hidden; margin-top:85px; background:#FFF;}
.h_desc .h_about .a_img{ width:298px;}

.h_desc .h_about .h_desc_about{ width:209px; height:292px; border:1px solid #c7c7c7; border-left:none; padding:50px 50px 0;}

.h_desc .h_about .h_desc_about .a_title{ font-size:18px; text-align:center; text-transform:uppercase;}
.h_desc .h_about .h_desc_about .a_title font{ font-size:14px; color:#999; display:block;}
.h_desc .h_about .h_desc_about .a_title em{ display:block; width:30px; height:5px; background:#0056ac; margin:10px auto 0 ;}
.h_desc .h_about .h_desc_about .a_desc{ color:#999; padding:25px 0 0; line-height:24px;}

.h_desc .h_about .h_desc_about .a_more{ width:100px; line-height:35px; border-radius:18px; border:1px solid #c7c7c7; text-align:center; margin:40px auto 0; transition:0.5s; cursor:pointer;}
.h_desc .h_about .h_desc_about .a_more a{ color:#666; font-size:14px; width: 100%;height: 100%;display: block;}
.h_desc .h_about .h_desc_about .a_more:hover{ background:#c7c7c7;}
.h_desc .h_about .h_desc_about .a_more:hover a{ color:#FFF;}




.h_coop{ overflow:hidden;background:url(../images/coop_bg.jpg) top center no-repeat; padding:55px 0 88px;}

.h_coop .h_c_title{ line-height:40px; color:#666; font-size:25px; background:url(../images/coop_line.png) center no-repeat; text-align:center; text-transform:uppercase;}
.h_coop .h_c_title font{ font-size:15px; color:#999;}
.h_coop .h_c_title span{ padding:0 10px;}


.h_coop .coop_img{ margin-top:26px;}
.h_coop .coop_img ul{ margin:0; padding:0;list-style: none;}
.h_coop .coop_img ul li{ float:left; height:118px; margin:18px 14px 0;}
.h_coop .coop_img ul li img{ border:1px solid #dbdbdb;-webkit-filter:grayscale(100%);}
.h_coop .coop_img ul li:hover img{-webkit-filter:grayscale(0);}



.footer{ background:#252525; overflow:hidden; padding:40px 0 45px;}

.footer .f_nav{ line-height:55px; border-bottom:1px solid #3e3e3e;}
.footer .f_nav a{ color:#bebebe; padding:0 20px; background:url(../images/f_nav_line.jpg) 0 4px no-repeat; font-size:14px;}


.footer .f_banquan{ font-size:14px; color:#FFF; line-height:30px; padding:15px 0;}
.footer .f_banquan a , .footer .f_banquan span{ color:#e8e8e8; padding-left:70px;}

.footer .fenxiang{ margin-top:10px;}
.footer .fenxiang font{ font-size:14px; color:#FFF;}
.footer .fenxiang a{ width:30px; height:30px; line-height:30px; overflow:hidden; float:right; display:block;opacity:1; margin:0 3px; transform:0.5s;}
.footer .fenxiang a:hover{ opacity:0.6;}
.footer .fenxiang a#weibo{ background:url(../images/f_icon01.png) no-repeat; }
.footer .fenxiang a#kongjian{ background:url(../images/f_icon02.png) no-repeat; }
.footer .fenxiang a#weixin{ background:url(../images/f_icon03.png) no-repeat; }

.footer .tel{ width:190px; height:41px; margin-top:35px; background:url(../images/f_tel.png) no-repeat;}
.footer .tel font{ color:#FFF; line-height:41px; font-size:14px; padding-left:62px;}
.footer .fenxiang a{
    padding:0;
  }

/**内页**/

.com_ban{ height:305px;}
.common{ overflow:hidden; padding:0 0 70px; margin-top:-154px;}
.common .wrapper{}
.common .com_left .left_title{ height:120px; background:url(../images/com_left_t_bg.png) no-repeat; color:#FFF; padding:45px 0 0 50px}
.common .com_left .left_title font{ font-size:30px; font-weight:bold;}
.common .com_left .left_title span{ font-size:16px; display:block;}

.common .com_left .left_title1{ height:130px; background:url(../images/com_left_t_bg.png) no-repeat; color:#FFF; padding:40px 30px 0 40px; line-height:38px; text-transform:uppercase;/**word-break:break-all; word-wrap:break-word;**/}
.common .com_left .left_title1 font{ font-size:30px; font-weight:bold;}


.common .com_left{ width:280px; background:#fbfbfb; padding:0 0 60px;}
.common .com_left .com_list{ overflow:hidden;}
.common .com_left .com_list ul{ margin:10px 20px 0; padding:0 0 30px 0;list-style: none;}
.common .com_left .com_list ul li{ line-height:20px; border-bottom:1px solid #e7e7e7; padding:12px 22px 12px 24px; background:url(../images/com_left_line.jpg) 10px center no-repeat;}
.common .com_left .com_list ul li a{ color:#666; font-size:14px; display:block; transition:all 0.5s ease-in-out;}
.common .com_left .com_list ul li:hover a,.common .com_left .com_list .selected a{color:#FFF;}
.common .com_left .com_list ul li:hover,.common .com_left .com_list .selected{background:#e50002 url(../images/com_left_line_hover.png) 10px center no-repeat;}

.common .com_left .com_pro_list{ overflow:hidden;}
.common .com_left .com_pro_list ul{ margin:0px; padding:0 0 15px 0;list-style: none;}
.common .com_left .com_pro_list ul li{ line-height:20px; border-bottom:1px solid #e7e7e7; padding:12px 42px 12px 42px; background:url(../images/com_left_line.jpg) 30px center no-repeat;}
.common .com_left .com_pro_list ul li a{ color:#666; font-size:13px; display:block; transition:all 0.5s ease-in-out;}
.common .com_left .com_pro_list ul li:hover a,.common .com_left .com_pro_list .selected a{}
.common .com_left .com_pro_list ul li:hover,.common .com_left .com_pro_list .selected{background:#e7e7e7 url(../images/com_left_line.jpg) 30px center no-repeat;}

.common .com_left .com_lt_list{ height:44px; line-height:44px; background:url(../images/com_left_t_bg.png) no-repeat; padding-left:42px; margin:8px 0; cursor:pointer;}
.common .com_left .com_lt_list a font{font-size:10px; padding-left:10px; opacity:0.8}
.common .com_left .com_lt_list a{font-size:15px; color:#FFF;}

.common .com_left .com_lt_list:hover{ background:#e40001;}


.common .com_right .right_title{ line-height:50px; background:url(../images/com_right_icon.jpg) left 15px no-repeat; border-bottom:1px solid #cdcdcd;}
.common .com_right .right_title font{ font-size:12px; padding-left:34px; color:#999;}
.common .com_right .right_title font a{ color:#999; padding:0 5px;}

.common .com_right .com_right_desc{ margin-top:40px; font-size:14px;}
.common .com_right .com_right_desc01{ margin-top:20px; font-size:14px;}

.common .com_right{ width:850px; overflow:hidden; margin-top:165px;}


.pro_desc_t{
	text-align: center;
	margin: 30px auto;
	padding-bottom: 20px;
	font-size: 24px;
	border-bottom: 1px dashed #e8e8e8;}
	
	
	
	
.pro_box{ overflow:hidden;}
.pro_box ul{ width:890px; overflow:hidden; margin:0; padding:0; text-align:center;list-style: none;}
.pro_box ul li{ width:262px; height:230px; float:left; margin:30px 30px 0 0;}
.pro_box ul li a{ color:#666;}
.pro_box ul li a .com_p_img{ width:260px; height:170px; overflow:hidden;border:1px solid #ddd;}
.pro_box ul li a .com_p_img img{ display:block; transition:0.5s;}
.pro_box ul li a font{ display:block; line-height:30px;font-size:14px; padding:10px 0;}
.pro_box ul li:hover a .com_p_img img{ transform:scale(1.1,1.1);}

 /*分页样式*/
/*.tmpage{ width:320px;text-align:center; margin:50px auto 30px; padding:0;}
.pagination{display:inline;margin:0;padding:0;list-style:none; font-size:13px; }
.pagination li{display:inline; margin-left:3px;margin-right:3px;}
.pagination li a{color:#333;}*/

/*page*/
.tmpage{margin:62px auto 16px;text-align:center;width:100%;}
.pagination{text-align:center;display: inline;}
.pagination li{display: inline;padding:6px 10px;background-color:#f1f1f1;margin:7px;list-style: none;}
.pagination li a{color:#fff;text-align:center;line-height:20px;font-size:12px; color:#999}
.pagination li.active{background:#0055ab;color:#fff;}
.pagination li.active a{color:#fff;}
.pagination li.disabled{width:74px;}
.pagination li.disabled a{width:60px;}

.intit{text-align:center;padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #f1f1f1;}
.intit .tit{font-size:16px; color:#333;}
.intit .subtit{font-size:12px; color:#999;margin:6px 0 0}
.intit .subtit span{margin:0px 6px}
.next{margin-top:36px;}

/*文档列表*/
.sc-news-list {}
.sc-news-list ul {margin:0;padding:0;list-style:none;}
.sc-news-list ul li {width:100%;overflow:hidden;padding:20px 0;border-bottom:1px dotted #ccc;cursor:pointer;}
.sc-news-list ul span {float:left;width:70px;background-color:#fbfbfb;}
.sc-news-list ul span em, .sc-news-list ul span i {display:block;font-style:normal;font-size:12px;padding:5px;text-align:center;}
.sc-news-list ul span em {background-color:#f1f1f1;}
.sc-news-list ul span i {}
.sc-news-list ul a {color:#666;}
.sc-news-list ul a font{display:block;margin-left:86px;font-size:14px;line-height:1.3em;}
.sc-news-list ul p {color:#999;margin:10px 0 0 86px;font-size:12px;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

/*文档 上/下篇相关内容样式*/
.contents-rounds{border-top:1px solid #ccc; padding-top:10px; margin-top:40px;line-height:24px;}
.contents-rounds a{color:#999;}
.contents-rounds a:hover{color:#0155ab;}

/*留言*/

.messagetit { font-size: 16px; font-weight: bold; line-height: 55px; height: 55px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 100%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; box-sizing: border-box; }
.messagetarea:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messageinput { width: 30%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messagebtn { width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #c1e0ff; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 500px; color: #fff; background: #0055ab; margin-top:30px;}
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

.inputform{margin:0;padding:1em 0}
.inputform input,.inputform select,.inputform textarea{margin:0; padding-left:5px;}
.inputform .form-group{overflow:hidden;margin-bottom:1em}
.inputform .form-group .form-label{float:left;width:13%;text-align:right}
.inputform .form-group .form-label label{display:block}
.inputform .form-group .form-label em{margin-right:.5em;color:#f00}
.inputform .form-group .form-control{position:relative;margin-left:15%;}
.inputform .form-button{padding-left:15%;}
.inputform .form-button input{width:280px; border:none; height:36px;  text-align:center; background:#ef4343; display:block;  color:#fff; font-size:15px; margin-top:10px;}
.inputform .form-text .form-label label,.inputform .form-select .form-label label,.inputform .form-textarea .form-label label{padding-top:0px}
.inputform .form-text .form-label input,.inputform .form-select .form-label input,.inputform .form-textarea .form-label input,.inputform .form-text .form-label select,.inputform .form-select .form-label select,.inputform .form-textarea .form-label select,.inputform .form-text .form-label textarea,.inputform .form-select .form-label textarea,.inputform .form-textarea .form-label textarea{border:1px solid #ddd}
.inputform .form-checkbox .form-control label,.inputform .form-radio .form-control label{margin-right:.8em}
.inputform .form-checkbox .form-control input,.inputform .form-radio .form-control input{margin-right:.3em;padding:0}

.feedbackcon{ width:800px; margin:0 auto; margin-top:20px; font-size:15px; color:#7b7b7b; line-height:34px;}
.feedbackone{ color:#ff3337; border-bottom:1px solid #dadada; font-size:18px; padding-bottom:10px; padding-left:10px; width:680px; margin-bottom:20px;}
.feedbackcon input{ width:269px; height:34px; border:1px solid #e8e8e8;}
.feedbackcon textarea{border:1px solid #e8e8e8;width:550px; padding-top:8px; height:140px;}
.feedbacksr{border-top:1px solid #dadada; width:660px; margin-top:30px;}
.feedbackmt{ margin-top:20px;}
.feedbacktitle{ width:90px; text-align:right;}

.mtop,.mtopbg,.mfloatbg,.mfloat {display:none;}

/*留言*/

.com_news{ overflow:hidden; padding:10px 0 0;}
.com_news ul{ margin:0; padding:0; list-style:none;}
.com_news ul li{ height:45px; line-height:45px; border-bottom:1px solid #ebe9e9; padding-left:4px;}
.com_news ul li a{ width:770px; float:left; color:#666666; font-size:14px;}
.com_news ul li a font{ padding-left:8px;}
.com_news ul li a em{ width:10px; height:1px; background:#999; margin:22px 0; display:block; float:left;}
.com_news ul li span{ color:#999999;}
.com_news ul li a:hover{ color:#298ece;}



/*英文版样式调整*/
#en .header .wrapper{width:1280px;}
#en .nav {width:750px;}
#en .nav ul li {margin:0 10px;list-style: none;}
#en .doc_more a, #en .a_more a{font-size:12px;}
#en .com_left .left_title{padding:45px 0 0 40px;}
#en .com_left .left_title font{font-size: 25px;}