@charset "utf-8";

/* CSS Document */

.f_page{ padding: 25px 0 0; text-align: center; clear: both; }

.f_page span, .f_page a { width: 28px; height: 28px; line-height: 28px; margin: 0 5px; color: #666; font-size: 16px; border: 1px solid #ccc; display: inline-block; }

.f_page a.now { font-weight: 500; color: #fff; background: #007cc6; border-color: #007cc6; }



* { margin: 0; padding: 0; }

li { list-style: none; }

a, a:hover { text-decoration: none;/*color:#000;*/ }

a { color: #878787; font: 'Microsoft YaHei', arial; }

body, textarea, input, button, select, keygen, legend { font: 14px/1.5 'Microsoft YaHei', arial; color: #878787; outline: 0; }

body { background: #fff; }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, textarea, /* form elements 表单元素 */ img/* img elements 图片元素 */ { border: medium none; margin: 0; padding: 0; }

/** 设置默认字体 **/

body, textarea, input, button, select, keygen, legend { font: 14px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif; color: #404040; outline: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: lighter; }

em { font-style: normal; }

/** 重置列表元素 **/

ul, li, ol { list-style: none; }

/** 重置超链接元素 **/

a { text-decoration: none; color: #404040; }

a:hover { color: #0075b1; text-decoration: none; }

/** 重置图片元素 **/



.fl { float: left; }

.fr { float: right; }

img { border: 0px; }

/** 重置表格元素 **/

table { border-collapse: collapse; }

.banner img{ width:100%; }

.cl { clear: both; }

/*----- 头部 -----*/

.w1200{ max-width:1200px;  margin:0 auto;}

.top{ height:100px; position:fixed; background:#fff; z-index:99; width:100%;}



/*----- 下拉按钮 -----*/

.shopping-cart .language { background: url(../images/language.png)left center no-repeat; padding-left:15px; color: #004376; display: block; }

.display-inline { display: inline-block; }

.ml-20 { margin-left: 20px; }

.shopping-cart { position: relative; float: left; line-height:80px; margin-top:20px; padding:0 22px;}

.shopping-cart ul { background: #fff none repeat scroll 0 0; opacity: 1; padding: 10px 5px 0 5px; position: absolute; top:81px; display: none; z-index: 9999; }

.shopping-cart ul li { float: left; margin-bottom: 10px; overflow: hidden; }

.cart-img { float: left; width: 70px; }

.cart-img a { float: left; color: #004376; line-height: 13px; font-size: 8px; }

.cart-img img { float: left; margin-right: 5px; width: 20px; height: 13px; }

/*----------------------------------搜索框-----------------------------*/

/* reset webkit search input browser style */

.search-user{ margin-top:40px;}

.search-user input { outline: none;}

.search-user input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; }

.search-user input::-webkit-search-decoration, input::-webkit-search-cancel-button {

 display: none; /* remove the search and cancel icon */

}

/* search input field */

.search-user input[type=search] { background:url(../images/serch.png) no-repeat right center; border:none; padding: 9px 10px 9px 32px; width: 100px; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }

.search-user input[type=search]:focus { width: 160px; background-color: #fff; border: solid 1px #6dcff6; -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5); -moz-box-shadow: 0 0 5px rgba(109,207,246,.5); box-shadow: 0 0 5px rgba(109,207,246,.5); }



/* placeholder */

.search-user input:-moz-placeholder {

 color: #999;

}

.search-user input::-webkit-input-placeholder {

 color: #999;

}

/* demo B */

#demo-b input[type=search] { background:url(../images/serch.png) no-repeat 8px center; width:29px; padding-left: 10px; color: transparent; cursor: pointer;}

#demo-b input[type=search]:hover {}

#demo-b input[type=search]:focus { width: 130px; padding-left:45px; color: #000; background-color: #fff; cursor: auto; }

#demo-b input:-moz-placeholder {

 color: transparent;

}

#demo-b input::-webkit-input-placeholder {

 color: transparent;

}

/*头部样式结束*/

/*菜单样式开始*/

.menu #nav { float: left; padding: 20px 0 0 60px; }

.menu ul li.navitem a { }

.menu ul li.navitem { padding: 0; margin: 0 0px 0px 40px; }

.menu ul li.navitem::after { content: ""; display: block; width: 0; height: 1px; background-color: #8a8a8a; position: absolute; bottom: 14px; opacity: 0; transition: all 0.6s ease 0s; }

.menu ul li.navitem:hover::after { width: 100%; opacity: 1; }

.menu ul li.navitem a.active, #header ul li.navitem a,#header ul li.navitem:hover a { color: #0f6fab; }

.menu ul li.navitem ul.subnavs { border-bottom: 1px solid #f1f1f1; background: #FFF; border-top: 0; position: absolute; z-index:2; }

.menu ul li.navitem ul.subnavs li a:hover { background: rgba(242, 242, 242, 0) none repeat scroll 0% 0%; color: #0f6fab; text-indent: 10px; }

.menu ul li.navitem ul.subnavs li a { background: transparent; color: #aeaeae; width: auto; /*padding: 14px 30px 14px 30px;*/ border-top: 1px solid #f2f2f2; }

.menu ul li.navitem ul.subnavs li { border-bottom: transparent 1px solid; }

.menu ul li.navitem:hover ul.subnavs { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }

ul li.navitem { width: auto; line-height: 80px; float: left; position: relative; }

ul li.navitem ul.subnavs { transition: all 0.3s ease-out 0s; width: 210px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); }

ul li.navitem:hover ul.subnavs { opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }

ul li.navitem a { transition: none ease-out .3s; transition-property: color, background, text-indent, opacity; }

ul li.navitem a.active, .menu ul li.navitem:hover a { color: #0f6fab; }

ul li.navitem ul.subnavs li { border-bottom: #2e2f29 1px solid }

ul li.navitem ul.subnavs li a { padding: 14px 30px; width: 150px; height: 20px; line-height: 20px; background: rgba(0,0,0,.7); display: block; color: #bbb9b9; font-size: 12px; }

ul li.navitem ul.subnavs li a i { float: right; margin-top: 5px; transition: all ease-out .2s; opacity: 0 }

ul li.navitem ul.subnavs li a:hover { text-indent: 10px; background: rgba(0,0,0,1); color: #fff }

/*菜单样式结束*/



/*手机导航样式*/

.mobile-inner { display: none; }

.mobile-inner-nav a { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; }

.mobile-inner-nav .lang { width: 90%; margin: 0 auto; color: #FFF; line-height: 49px; border-bottom: solid 1px rgba(255,255,255,0.3); overflow: hidden; }

.mobile-inner-nav .lang a { width: auto; border: none; margin: 0; color: #FFF; padding: 0 10px; }



/*----- 搜索 -----*/



.display-inline{display:inline-block;}



.search-block-top {float:left; display:none; position: relative;}



.icon-search {width:29px; height:29px; background:url(../images/serch.png) center no-repeat; margin-top:15px;}





.button-search {background:url(../images/serch.png) center no-repeat; width:29px; height:29px; border: medium none; position: absolute; right:0; top:0px; z-index: 9;}



.toogle-content { display: none; position: absolute; right:0; z-index: 9; top:60px;}



form#searchbox input { border: 1px solid #ebebeb; color: #898989; padding-left:5px; display: inline; line-height:30px;  width: 300px; z-index: 1;}



/*标题样式*/

.patterns { max-width: 1200px; width: 100%; margin: 0 auto; overflow: hidden; padding: 50px 0; }

.t_itle { max-width: 1200px; width: 100%; margin: 0 auto; overflow: hidden; text-align: center; }

.t_itle .small_title { display: block; font-size: 24px; }

.t_itle .type_face { width: 370px; font-size: 24px; margin: 0 auto; background: url(../images/title_box.png) center no-repeat; }

/*----- 关于我们 -----*/

.pattern { max-width: 1200px; width: 100%; margin: 0 auto; overflow: hidden; }

.aboutbox { padding: 50px 0; background-image: url(../images/productbg.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }

.home-about { width: 100%; }

.home-about dl { padding: 2%; width: 96%; margin: 30px 0 50px 0; background-color: #fff; display: block; overflow: hidden; }

.home-about dl dt { width: 43%; float: left; }

.home-about dl dt img { width: 100%; }

.home-about dl dd { float: left; width: 54%; position: relative; padding-left: 3%; margin-bottom: 50px; }

.home-about dl dd h6 { font-size: 18px; line-height: 30px; color: #787876; }

.home-about dl dd p { font-size: 12px; line-height: 24px; padding-top: 10px; }

.home-about dl dd a { border: 1px solid #1370ad; color: #1370ad; display: block; margin-top: 20px; padding: 0 15px; position: absolute; font-size: 12px; line-height: 30px; text-transform: uppercase; }

.home-about dl dd a:hover { background-color: #1370ad; color: #fff; }

/* 产品切换效果 */

.mod-hd:after { clear: both }

.mod-hd { max-width: 1180px; overflow: hidden; margin: 0 auto; }

.tabs { font-size: 14px; overflow: hidden; text-align: center; margin-top: 30px; }

.tabs li { display: inline-block; *display:inline;

*zoom:1;

line-height: 35px; padding: 0 10px; margin-right: 10px; border-right: 1px solid #fff; }

.tabs li:hover { background: #00883c; color: #fff; -webkit-transition: all .5s; transition: all .5s; }

.tabs a { color: #000; }

.tabs a:hover { text-decoration: none }

.tabs .active { background: #00883c; color: #fff; -webkit-transform: scale(1.05); transform: scale(1.05); }

.tabs .active a { color: #fff; }

/*----- 产品展示 -----*/

.mlist.team .content_wrapper { position: relative; margin-right: -2%; margin-top: 25px; }

.mlist.team .content_list .item_block { width: 23%; margin-right: 2%; margin-bottom: 2%; float: left; }

.mlist.team .content_list .item_block img { width: 100%; height: auto; transition: all ease-out .3s; float: none; display: block }

.mlist.team .content_list .item_block .item_link { display: block }

.mlist.team .content_list .item_block .item_img { position: relative; display: block; overflow: hidden; }

.mlist.team .content_list .item_block .item_img .rectborder { width: calc(100% + 20px); height: calc(100% + 20px); position: absolute; left: -10px; top: -10px; border: #1370ad 1px solid; transition: all ease-out .3s }

.mlist.team .content_list .item_block .item_img .icon { position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: 0px; color: #ffffff; opacity: 0; transition: all ease-out .3s; background: #1370ad; font-size: 32px; width: 50px; height: 50px; line-height: 50px; text-align: center; display: block; }

.mlist.team .content_list .item_block .item_img .icon::after { font-family: Arial, "微软雅黑"; content: '+'; }

.mlist.team .content_list .item_block .item_wrapper { padding: 15px 20px; height: auto; background-color: #eee; box-sizing: border-box; transition: all ease-out .3s }

.mlist.team .content_list .item_block .item_info .subtitle { font-size: 13px; margin-top: 3px; color: #5d5d5d }

.mlist.team .content_list .item_block:hover .rectborder { width: calc(100% - 22px); height: calc(100% - 22px); left: 10px; top: 10px; }

.mlist.team .content_list .item_block:hover .icon { opacity: 1; margin-top: -25px }

.mlist.team .content_list .item_block:hover .item_wrapper { background-color: #1370ad; }

.mlist.team .content_list .item_block:hover .item_wrapper .title { color: #ffffff }

.mlist.team .content_list .item_block:hover .item_wrapper .subtitle { color: rgba(255,255,255,.7) }



.mlist.team .content_list .priority{ width:31.33%;}

/*----- 新闻中心 -----*/

.newsbox { width: 100% !important; padding: 0!important; }

.module_container { overflow: hidden; margin: 30px 0 50px 0; }

.container_contents { max-width: 1180px; margin: 25px auto 0 auto; }

.content_lists .item_block { float: left; margin-bottom: 2%; width: 100% }

.npagePage .content_lists .item_block { border-bottom: #1370ad 1px dotted; padding-bottom: 20px }

.content_lists .item_block .item_img { display: block; position: relative; width: 266px; height: 176px; float: left; overflow: hidden }

.content_lists .item_block .item_img img { width: 100%; height: 100% }

.content_lists .item_block .item_img .rectborder { width: calc(100% + 20px); height: calc(100% + 20px); position: absolute; left: -10px; top: -10px; border: #1370ad 1px solid; transition: all ease-out .3s }

.content_lists .item_block .item_img .icon { position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: 0px; color: #ffffff; opacity: 0; transition: all ease-out .3s; background: #1370ad; font-size: 32px; width: 50px; height: 50px; line-height: 50px; text-align: center }

.content_lists .item_block .item_img .icon::after { font-family: Arial, "微软雅黑"; content: '+'; }

.content_lists .item_block .item_wrapper { margin-left: 296px; margin-top: 8px }

.content_lists .item_block .item_info .title { color: #9e9e9e; line-height: 20px; transition: all ease-out .3s }

.content_lists .item_block .item_info .subtitle { font-size: 12px; color: #7f7f7f; padding-bottom: 10px; margin-top: 10px }

.content_lists .item_block .item_info .description { font-size: 12px; padding-bottom: 10px; margin-top: 10px; line-height: 22px; }

.content_lists .item_block .more { font-size: 12px; margin-top: 10px; color: #9e9e9e; transition: all ease-out .3s; display: none; }

.content_lists .item_block .more i::after { font-size: 14px; margin-left: 5px; transition: all ease-out .3s; color: #9e9e9e; font-family: Arial, "微软雅黑"; content: '>'; }

.content_lists .item_block:hover .more { display: block; color: #1370ad; }

.content_lists .item_block:hover .more i::after { margin-left: 10px; color: #1370ad; font-family: Arial, "微软雅黑"; content: '>'; }

.content_lists .item_block:hover .rectborder { width: calc(100% - 22px); height: calc(100% - 22px); left: 10px; top: 10px; }

.content_lists .item_block:hover .icon { opacity: 1; margin-top: -25px }

.content_lists .item_block:hover .item_info .title { color: #1370ad; }

.content_lists .item_block { width: 31.33333%; margin: 0 1% 2% 1%; float: left }

.content_lists .item_block .item_img { width: 35%; height: auto; float: left; }

.content_lists .item_block .item_img .icon { display: none }

.content_lists .item_block .item_wrapper { margin-left: 38% }

.content_lists .item_block .item_info .title { font-size: 10px; width: 100%; height: 16px; overflow: hidden; line-height: 16px }

.content_lists .item_block .item_info .subtitle { padding-bottom: 0; margin-top: 5px }

.description { display: none; }

.content_lists .item_block .more { display: block }

#news_item_0 .item_img, #news_item_1 .item_img, #news_item_2 .item_img { width: 100%; margin-bottom: 15px }

#news_item_0 .item_wrapper, .news #news_item_1 .item_wrapper, .news #news_item_2 .item_wrapper { margin-left: 0; }

#news_item_0 .icon, #news_item_1 .icon, #news_item_2 .icon { display: block; }

#news_item_0, #news_item_1, #news_item_2 { margin-bottom: 3% }

#news_item_0 .item_wrapper .title, #news_item_1 .item_wrapper .title, #news_item_2 .item_wrapper .title { font-size: 14px; line-height: 25px; height: 25px; }

#news_item_0 .item_wrapper .more, #news_item_1 .item_wrapper .more, #news_item_2 .item_wrapper .more { display: none }





/*----- 联系我们 -----*/

.contactbox{ margin: 0 auto; overflow: hidden; padding: 50px 0; background: #fafafa;}

.relation{ display:block; padding-bottom:50px; background:#fafafa;}

#contactlist { max-width:1200px; margin:30px auto 0 auto }

#contactlist #contactinfo { width: 45%; float: left; }

#contactlist #contactform { margin-left: 50% }

#contactinfo h3 { font-size: 16px; line-height: 24px; margin-bottom: 12px;}

#contactinfo p { line-height: 24px; width: 100%; font-size: 13px; color: #7f7f7f; }



#contactinfo div a:hover { background-color:#009ce6; border-color:#009ce6 }

#contactinfo div a i { margin-top: 7px; font-size: 16px; margin-top: 10px }

#contactinfo div a:hover i { color: #ffffff }

#contactform p { margin-bottom: 20px }

#contactform p .inputtxt { width: 100%; line-height: 22px; padding: 10px 26px; color:#757575; border:1px solid #d9d9d9; -webkit-box-sizing: border-box; box-sizing: border-box; transition: all .1s linear; }

#contactform p .inputtxt:hover { border-color:#ababab; }

#contactform p textarea.inputtxt { height: 100px; resize: none; overflow: hidden; background-color: transparent; }

#contactform p .inputtxt.submit { border-color:#d9d9d9; width: auto; cursor: pointer; padding-left: 60px; padding-right: 60px }

#contactform p .inputtxt.submit:hover { border-color: #009ce6; background-color: #009ce6; color: #ffffff; }





.footer-code { width:100%; padding-top: 15px; }

.footer-code dl {float:left; width: 100px; margin-right: 25px; }

.footer-code dl dt { color:#666666;  }

.footer-code dl dt img { max-width: 100%; }

.footer-code dl dd { text-align: center; font-size: 12px; line-height: 40px; color:#666666;  }



/*----- 首页底部 -----*/

.copy_right{ max-width:1200px;  margin:0 auto; font:10px Verdana, Simsun, Helvetica, Arial, sans-serif; line-height:45px; text-align:center; color:#666;} 

/*----- 首页样式结束 -----*/





/*内页内容*/

.con{background:#f7f6f6;}

.con_box{ max-width:1180px; margin:0 auto; padding:3% 0; overflow:hidden;}

.globalbox{ width:76%; float:right;}



/*左边栏目*/

.subnav_column{ width:20%; float:left; background:#FFF;}

.subnav_column h2{ height:50px; background:#007cc3; line-height:50px; text-align:center; color:#FFF; font-weight:bold;}

.subnav_column ul{ padding:5% 0;}

.subnav_column li{ line-height:50px; border-bottom:1px solid #f7f6f6;}

.subnav_column li a{ display:block; padding:0 10%; border-left:3px solid #FFF;}

.subnav_column li a:hover{ display:block; text-decoration:none; border-left:3px solid #007cc3;}

.subnav_column li a.current{ color:#007cc3; border-left:3px solid #007cc3;}







/*关于我们*/

.position{ border-bottom:1px solid #ecf1f2; line-height:40px; margin-bottom:20px; text-align:right;}

.position a{font-size:12px;color:#616161; padding-right:10px; margin-left:3px; background:url(../images/po_bj.jpg) no-repeat center right;}

.position a:last-child{background:none;}

.position .visited{color:#005da4;}

.position a.r{background:none; padding-right:0px;}



.box_list{ width:94%; background:#FFF; padding:2% 3%; }

.box_list .astyle{line-height:30px; font-size:12px;text-align:justify; }

.box_list img{ width:100%; display:block;}





/*分页*/

.fy { line-height:30px; margin:0 auto;}

.sabrosus {padding: 5px;margin: 3px;text-align:center;}

.sabrosus A {border:#c4c4c4 1px solid;PADDING:2px 8px;COLOR: #404040;text-decoration: none;margin-right: 6px;font-family: "Microsoft Yahei", "宋体";background:#fff;}

.sabrosus A:hover, DIV.pagination A:active{color:#fff;background-color:#005da4;text-decoration: none;font-family: "Microsoft Yahei", "宋体";}

.sabrosus SPAN.current {BORDER: #005da4 1px solid;PADDING: 2px 8px;FONT-WEIGHT: bold;COLOR: #fff;MARGIN-RIGHT: 6px;BACKGROUND-COLOR:#005da4;

font-family: "Microsoft Yahei", "宋体";}

.sabrosus SPAN.disabled {BORDER: #c4c4c4 1px solid;PADDING: 2px 8px;MARGIN-RIGHT: 2px;font-family: "Microsoft Yahei", "宋体";}





/*产品详情页*/

.products_ny{overflow:hidden; background:#f8f8f8; padding:60px 0;}

.products_box{background:#fff;padding:50px 0; }

.products_tops {overflow: hidden;border-bottom: 1px solid #ecf1f2; height: 60px; line-height: 60px; vertical-align: middle; padding: 0px 20px;background: #fff;}

.products_tops .dingwei{float:right;margin-top:15px;width:106px;height:33px;vertical-align:middle;line-height:33px;background:#0079be;text-align:center;-webkit-transition: all 0.5s ease-in-out;}

.products_tops .dingwei a{ color:#fff;}

.products_tops .dingwei:hover{ background:#005da4;}

.products{ background: #FFF;}

.remove{ overflow:hidden;}

.pro_left{width:405px; float:left;}

/*图片放大镜样式*/

.spec-preview{overflow:hidden;}

.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:403px; height:302px;overflow:hidden; border:1px solid #ebf0f3}

.zoomdiv{z-index:98;position:absolute;top:0px;left:0px;background:#ffffff;display:none;text-align:center;overflow:hidden;}

.zoomdiv img{ width:900px;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}



/*图片小图预览列表*/

.spec-scroll{width:300px; float:left; height:53px;}

.spec-scroll .items{position:relative;width:300px; margin-top:5px; }

.spec-scroll .items ul{position:absolute;width:999999px;}

.spec-scroll .items ul li{ margin-right:5px; float:left;}

.spec-scroll .items ul li img{border:1px solid #CCC;width:68px;height:51px;}

.spec-scroll .items ul li img:hover{border:1px solid #005da4;}



.pros_right{width:400px; float:right;}

.pros_right_top{overflow:hidden; padding-bottom:15px; border-bottom:1px dashed #7d7d7d;}

.pros_right_top strong{overflow:hidden;display:block; font-weight:500; font-size:19px; color:#494949;}

.pros_right_top p{font-size:14px; color:#898989;}

.pros_right_ny{overflow:hidden;padding:20px 0px;}

.pros_right_ny p{font-size:14px; color:#898989; line-height:30px; clear:both}

.pros_right_ny p em{display:block; float:left;}

.pros_right_ny p span{display:block;}

.pros_right h3{ background:#ecf1f2;width:175px; height:40px; line-height:40px; vertical-align:middle; text-align:center; float:left; margin-right:20px;margin-top:25px;-webkit-transition: all 0.5s ease-in-out;}

.pros_right h3 a{display:block; font-size:14px; color:#7a7a7a;}

.pros_right h3:hover{ background:#005da4;}

.pros_right h3:hover a{color:#fff;}





.pros_ny{overflow:hidden; padding-bottom:70px; margin-top:20px; text-align:center;}

.products_top{overflow:hidden; height:60px; line-height:60px; vertical-align:middle; background:#f2f6f7;}

.products_top a{display:block; float:left; width:160px; text-align:center; font-size:16px; color:#6e6f6f;}

.products_top a:hover{background:#005da4; color:#fff;}

.products_top a.hover{background:#005da4; color:#fff;}





.news.r{padding-bottom:0px;}

.pros_bottom{overflow:hidden;}

.pros_bottom strong{display:block; font-size:18px; color:#898888; font-weight:500; background:#fff; height:50px; line-height:50px; vertical-align:middle; text-align:center; border-bottom:40px solid #ecf1f2;border-top:40px solid #ecf1f2;}

.product.r{background:#ecf1f2; padding:0px;}

.product.r li{margin-right:25px;}

.product.r li.r{margin-right:0px;}

.pro_s{padding: 20px 60px;text-align: left; background:#fff;}

.pro_s p{font-size: 14px;color: #6e6f6f;}





.pro_xx{ width:1100px; margin:0 auto; padding:20px 50px;text-align: left; background:#fff;}

.pro_xx td h2{ font-size:24px; font-family:"微软雅黑"; line-height:48px; background:url(../images/icon.png) no-repeat center left; padding-left:10px;}

.pro_xx table{border-collapse:collapse;border:none;font-size:12px;}

.proxx-title tr td{ border: none;}

.pro_xx td { border:1px solid #ccc; line-height:36px; padding-left:20px;font-family:"微软雅黑";  }

.pro_xx td i { font-style:normal; margin-left:10px;}

.ccc { border:none;}







/*新闻中心*/

.newsicon{overflow:hidden; margin:3% 0;}

.newsicon li{ border-bottom:1px dashed #ccc; float:left; margin-bottom:30px; padding-bottom:30px;}

.ny-news-img{ float:left; width:280px; margin-right:30px;}

.ny-news-img img{ width:100%;}

.ny-news-right{ float:right; width:520px;}

.ny-news-right .news-text{ float:left;}

.ny-news-right h2{ margin-bottom:20px;}

.ny-news-right h3{ font-size:12px; line-height:30px; padding-bottom:20px;}

.ny-news-text p{}

.ny-news-text p a{ display:block; width:88px; height:28px; background:url(../images/news_icon.png) no-repeat left;}

.ny-news-text p:hover a{ display:block; width:88px; height:28px;background:url(../images/news_icon_hover.png) no-repeat left;}







/*新闻中心详情页*/

.news_tops{overflow:hidden;border-bottom:1px solid #ecf1f2; height:60px; line-height:60px; vertical-align:middle; padding:0px 20px; background:#fff;}

.position.r{float:left;}

.news_tops p{float:right; margin-top:15px; width:106px; height:33px; vertical-align:middle; line-height:33px; background:#14c519; text-align:center;-webkit-transition: all 0.5s ease-in-out;}

.news_tops p a{display:block; color:#fff; font-size:14px; color:#ffffff;}

.news_tops p:hover{background:#212427;}

.news_top{overflow:hidden; border-bottom:1px solid #dcdedf; text-align:center; padding-bottom:20px;}

.news_top h2{font-size:24px; color:#525252; padding-bottom:10px;}



.news_ny ol li h2{ font-size:18px;}



.news_top_ny{width:370px; margin:auto; overflow:hidden;}

.news_top p{font-size:12px; color:#909090; float:left;}

.share{float:left;}

.share p{float:left;}

.share a{display:block; float:left; margin:2px 5px 0px 5px;}

.news_ny{background: #FFF; }

.news_ny p{font-size:12px;  line-height:30px;}

.news_ny img{padding:30px 0px;}

.share img{padding:7px 0px;}



.news_ny li span{display:block; width:820px; float:left; font-size:56px; color:#d1d1d1; font-family:hei; text-align:left;}





.n_next{line-height: 30px;overflow: hidden;font-size: 14px;padding-top: 30px;}

.n_next i{width: 10px;height: 15px;display: block;background: url(../images/ico.png) -20px -29px no-repeat;float: left;margin: 8px 5px 0 0;}

.n_next .down{width: 10px;height: 15px;display: block;background: url(../images/ico.png) -10px -29px no-repeat;float: left;margin: 8px 5px 0 0;}









/*服务支持*/

.cbox {margin: 0 auto; overflow: hidden;}

.cbox .textBox3 { float: left; width: 100%; }

.cbox .textBox2{float: left; width:50%; height:260px; }

.textBox2 img{width:100%;}

.cbox .textBox3 h1 { width:90%;font-size: 24px; color: #333; font-weight: 400; }

.cbox .textBox3 .p1 { float: left; color: #898989; font-size: 14px; line-height: 25px; }

.cbox .textBox3 .text { float: left; width: 50%;overflow: hidden; padding-top: 70px; }

.cbox .textBox3 .p2 {  width: 90%; color: #898989; font-size: 14px; line-height: 20px; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.cc .textBox3 .p3 { float: right; width: 80%; }







/*----- 经历展示 -----*/

#mbOverlay { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }

#mbOverlay.mbOverlayFF { background: transparent url(80.png) repeat; }

#mbOverlay.mbOverlayIE { position: absolute; }

#mbCenter { height: 557px; position: absolute; z-index: 9999; left: 50%; background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.70); }

#mbCenter.mbLoading { background: #fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow: none; -webkit-box-shadow: none; }

#mbImage { left: 0; top: 0; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #fff; text-align: left; background-position: center center; background-repeat: no-repeat; padding: 10px; width: 428px; height: 628px; }

#mbImage a, #mbImage a:link, #mbImage a:visited { color: #ddd; }

#mbImage a:hover, #mbImage a:active { color: #fff; }

#mbBottom { min-height: 20px; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #999; text-align: left; padding: 0 10px 10px; }

#mbTitle { display: inline; color: #999; font-weight: bold; line-height: 20px; font-size: 12px; }

#mbNumber { background: url(../images/mbNumber_bg.gif) no-repeat center; display: inline; color: #C00; line-height: 26px; font-size: 12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width: 65px; height: 26px; }

#mbCaption { display: block; color: #999; line-height: 14px; font-size: 10px; }

#mbPrevLink, #mbNextLink, #mbCloseLink { display: block; float: right; height: 20px; margin: 0; outline: none; }

#mbPrevLink { width: 32px; height: 100px; background: transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top: 38%; left: -32px; }

#mbNextLink { width: 32px; height: 100px; background: transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top: 38%; right: -32px; }

#mbCloseLink { width: 24px; background: transparent url(../images/CustomBlackClose.gif) no-repeat center; position: absolute; top: 10px; right: 10px; }

#mbError { position: relative; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #fff; text-align: center; border: 10px solid #700; padding: 10px 10px 10px; margin: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color: #d00; font-weight: bold; text-decoration: underline; }



.layout_default { float: left;width:31.33%; margin-left:2%;  }

.mod_gallerylist { margin: 0 auto; overflow: hidden; width:100%; background:#fff; margin-left:-1%; }

.meta { font-size: 12px; text-align: center; }

.image_container img { display:block; border: 1px solid #CCC; padding: 2px; width: 100%;}

.meta a { color: #333; text-decoration: none; line-height: 30px; font-size: 14px; }



/*信息反馈*/

.feedback_con{ max-width:1180px; margin:0 auto;}

.feedback_con .f_content{ line-height:30px; font-size:14px; font-weight:bold; margin-bottom:20px; }

.feedback_con .f_title{font-size:14px; line-height:30px; padding:10px 0;}

.feedback_con .inputtxt {width:100%;line-height:22px;padding:10px 26px;color:#4a4a4a;border:#f2f2f2 1px solid;-webkit-box-sizing:border-box;box-sizing:border-box;transition:all .1s linear;}

.feedback_con .inputtxt:hover {border:1px solid #CECECE;}

.feedback_con textarea.inputtxt {height:100px;resize:none;overflow:hidden;background-color:transparent;}

.feedback_con .inputtxt.submit {border-color:#E9E9E9;width:auto;cursor:pointer}

.feedback_con .inputtxt.submit:hover {border-color:#007cc3;background-color:#007cc3;color:#fbfbfb;}





/*----- 联系我们 -----*/

.contact_details{ width:94%; background:#FFF; padding:2% 3%; font-size: 13px;line-height:30px;}

.ellipsis {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;}

.contact_details p.ellipsis { width: 100%;font-size: 13px;color: #898989;}

.contact_details h3.ellipsis { font-size: 16px; font-weight:bold; margin-bottom: 12px;color: #515151;}


/*----- 一键返回 -----*/
.side{position:fixed;width:60px;right:20px;top:500px;z-index:100;}
.side ul li{width:60px;height:60px;float:left;position:relative;}
.side ul li .sidetop{width:60px;height:60px; display:inline-block;background:#777777;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#000000;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}