@charset "utf-8";
/*--重定义浏览器默认样式--*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{outline:none;color:#e63131;}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cr:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.content1100{ width:1100px; margin:0 auto; min-width:1100px;}



/*------------------------------------------------首页--------------------------------------------------------*/
.header{ width:100%; height:140px;  overflow:hidden; min-width:1100px;background:url(../imgs/top-bg.png) center center no-repeat;}
.header .logo{ display:block; margin-top:48px;}
.header .daohang{}
.daohang .search{ margin:20px 0;}
.daohang .search .s_ipt{ width:314px; padding-left:4px; height:35px;color:#999; border:1px solid #999; font-size:14px;}
.daohang .search .s_btn{ width:40px; height:34px; background:url(../imgs/search.png) no-repeat; cursor:pointer; border:none; margin-left:-40px;}
.daohang .nav a{ width:110px; height:35px; text-align:center; line-height:35px; display:inline-block; font-size:16px; color:#333; margin:0 4px;}
.daohang .nav .home{}
.daohang .nav .home a{width:110px; background:#464646;height:35px; text-align:center; line-height:35px;font-size:16px;color:#fff;}
.daohang .nav a:hover{ background:#464646; color:#fff;}
.daohang .nav a.on{ background:#464646; color:#fff;}
.daohang .nav:hover .home{ background:none; color:#333;}
.daohang .nav:hover .home a{ color:#333; background:none;}
.banner{ width:100%; min-width:1100px;}
.banner .slideBox{ width:100%; overflow:hidden; position:relative; }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{ width:100%; display:block;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .slideBox .prev{position:absolute; left:10%; top:50%; margin-top:-28px; display:block; width:56px; height:56px; background:url(../imgs/left.png) no-repeat;}
.banner .slideBox .next{ position:absolute; right:10%; top:50%; margin-top:-28px; display:block; width:56px; height:56px;background:url(../imgs/right.png) no-repeat;}
.banner .slideBox .prev:hover{background:url(../imgs/left1.png) no-repeat;}
.banner .slideBox .next:hover{ background:url(../imgs/right1.png) no-repeat;}
.about{ width:100%;min-width:1100px; height:220px; background:url(../imgs/about-bg.png) center center no-repeat #0c82d5;}
.about .biaoti{ width:200px; background:url(../imgs/line.png) left top no-repeat; margin-top:40px;}
.about .biaoti p{ font-size:18px; color:#fff; font-family:Arial; text-transform:uppercase;ine-height: 20px;margin: 20px 0 8px 0;}
.about .biaoti span{ font-size:34px; color:#fff;}
.about .jianjie{ width:670px; overflow:hidden; color:#fff;}
.about .jianjie span{ font-size:24px;margin: 16px 0 5px 0;display: block;}
.about .jianjie p{ font-size:18px; margin-bottom:5px;}
.about .jianjie .infor{ font-size:12px; line-height:24px; height:62px; overflow:hidden;}
.about .jianjie .more{ display:block; margin-top:5px;}
.product{ min-width:1100px;padding-top:50px; width:100%; height:770px; background:url(../imgs/bg.png) repeat-y;}
.product .biaoti1{ text-align:center; padding:50px auto 45px auto; color:#464646;}
.product .biaoti1 p{ font-size:26px; background:url(../imgs/line1.png) center center no-repeat;}
.product .biaoti1 span{ font-size:18px; text-transform:uppercase;font-family:Arial;}
.picScroll-left{ width:1100px; margin-top:50px;overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden; height:30px; text-align:center; width:300px; margin:40px auto;}
.picScroll-left .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:40px; height:8px; overflow:hidden; margin:0 15px;text-indent:-999px; cursor:pointer; background:#464646; }
.picScroll-left .hd ul li.on{ background:#0c82d5;}
.picScroll-left .bd{ width:1100px !important;overflow:hidden;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width:240px; height:418px; background:#fff; border:1px solid #464646; margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picScroll-left .bd ul li .pic{ text-align:center; width:222px; height:400px; overflow:hidden; margin:9px; position:relative;}
.picScroll-left .bd ul li .pic img{display:block; width:100%;}
.picScroll-left .bd ul li .title{ position:absolute; background:url(../imgs/cphover.png) no-repeat; width:222px; height:80px; margin:-89px 0 0 9px;}
.picScroll-left .bd ul li .title a{ line-height:80px; color:#fff; font-size:20px;}
.picScroll-left .bd ul li:hover{border:1px solid #0c82d5;}
.picScroll-left .bd ul li:hover .title{ background:#0c82d5;}
.bt_content{ min-width:1100px;margin:-94px auto 0 auto; background:url(../imgs/btbg1.png) bottom center no-repeat;}
.bt_content .research{ width:530px; height:286px; background:url(../imgs/line3.png) top center no-repeat #fff;}
.bt_content .research .biaoti2{ margin:20px 0 0 30px; color:#464646;}
.bt_content .research .biaoti2 span{ background:url(../imgs/line4.png) right center no-repeat; padding-right:50px; font-size:26px;}
.bt_content .research .biaoti2 p{ font-size:18px; text-transform:uppercase;}
.bt_content .research .infor1{font-size:12px; line-height:24px; height:120px; width:470px; margin:20px auto 10px auto; overflow:hidden; color:#666;}
.bt_content .research .more1{ display:block; padding-left:475px;}
.footer{min-width:1100px; width:100%; height:216px; background:url(../imgs/btbg.png) center center no-repeat;}
.footer .lianxi{ margin-right:120px; font-size:14px; color:#fff; margin-top:40px;}
.footer p{ height:45px; line-height:45px; padding-left:45px;}
.footer p.tel{ background:url(../imgs/tel.png) left center no-repeat;}
.footer p.mail{ background:url(../imgs/mail.png) left center no-repeat;}
.footer p.dizhi{ background:url(../imgs/dizhi.png) left center no-repeat;}
.footer p.cz{ background:url(../imgs/cz.png) left center no-repeat;}
.footer .lianxi1{ font-size:14px; color:#fff; margin-top:40px;}
.footer p.wx{ background:url(../imgs/wx.png) left center no-repeat;}
.footer .lianxi1 .erweima{ text-align: right;}
.banquan{ width:100%; min-width:1100px; text-align:center; line-height:48px; height:48px; color:#fff; background:#333; font-size:12px;}

.banner_nei{ width:100%; min-width:1100px; overflow:hidden;}
.content{ background:url(../imgs/bg.png) repeat-y;}
.ui_div_center{width:1100px; margin:0px auto; min-width:1100px;}
.ui_left{width:240px; min-height:500px; height:500px; height:auto !important;  }
.ui_right{width:788px; min-height:500px; height:auto !important; height:500px; padding-top:15px;}
.a_content{width:100%; padding:25px 0px; height:auto !important; min-height:500px;}
.a_left_t{width:260px; padding-bottom:24px; color:#0c82d5; line-height:1.6;}
.a_left_t font{ color:#333333;}

/*left menu*/
.fs16{ font-size:16px;text-transform:uppercase;}
.fs26{ font-size:26px; }
.a_menu{width:260px; padding-bottom:60px;}
.a_menu li{width:260px; float:left;}
.a_menu_a{width:204px; height:50px; line-height:50px; float:left; overflow:hidden; padding-left:56px; color:#333333; background:url(../imgs/n_l1.png) left center no-repeat; font-size:16px;}
.a_menu_a:hover,.a_menu_a.activeleftmenu{ color:#fff; text-decoration:none; background:url(../imgs/n_l.png) left center no-repeat;}
.a_menu li dl{width:133px; padding:13px 0px 13px 59px; display:none;}
.a_menu li dl dd{width:133px; height:30px; float:left;}
.a_menu li dl dd a{width:133px; height:30px; line-height:30px; color:#666666; display:inline-block; overflow:hidden; text-align:center; font-family:"微软雅黑";}
.a_menu li dl dd a:hover{ color:#0c8c35; text-decoration:none; background:url(../imgs/three_01.png) center no-repeat;}
.a_lxwm_div{width:258px; border:1px solid #e4e4e4; background:#fff;}
.a_lxwm_div_t{width:190px; height:63px; line-height:63px; color:#333333; font-size:24px; font-weight:bold; margin-left:18px; padding-left:50px; background:url(../imgs/pp_01.png) left center no-repeat;}
.a_right_t{width:100%; height:43px; line-height:43px; overflow:hidden; border-bottom:1px solid #0c82d5; color:#666666; text-align:right;}
.a_right_t a,.a_right_t a:hover{ color:#666666;}
.a_right_c{width:100%; height:auto !important; min-height:500px;}
.a_about{width:100%; padding:30px 0px; line-height:2.0; color:#666666; overflow-x:hidden;word-wrap:break-word;}

.cp{}
.cp li{ width:240px; height:418px; background:#fff; border:1px solid #464646; margin:15px 10px; float:left; _display:inline; overflow:hidden; text-align:center; }
.cp li .pic{ text-align:center; width:222px; height:400px; overflow:hidden; margin:9px; position:relative;}
.cp li .pic img{display:block; width:100%;}
.cp li .title{ position:absolute; background:url(../imgs/cphover.png) no-repeat; width:222px; height:80px; margin:-89px 0 0 9px; overflow:hidden}
.cp .title a{ line-height:80px; color:#fff; font-size:20px;}
.cp li:hover{border:1px solid #0c82d5;}
.cp li:hover .title{ background:#0c82d5;}
.detail{ font-size:24px; color:#555; background:url(../imgs/line5.png) left center no-repeat; padding-left:15px;}
.company span{ font-size:18px; color:#0c82d5; margin-bottom:25px; display:block;}
.company p{ height:35px; line-height:35px; padding-left:45px;}
.company p.tel{ background:url(../imgs/tel.png) left center no-repeat;}
.company p.mail{ background:url(../imgs/mail.png) left center no-repeat;}
.company p.dizhi{ background:url(../imgs/dizhi.png) left center no-repeat;}
.company p.cz{ background:url(../imgs/cz.png) left center no-repeat;}
.company .lianxi1{ font-size:14px; color:#fff; margin-top:40px;}
.company p.wx{ background:url(../imgs/wx.png) left center no-repeat;}
.weixin{ margin:60px 0 0 100px;}
.weixin p.wx{ height:35px; line-height:35px; padding-left:45px;background:url(../imgs/wx.png) left center no-repeat;}
.weixin .erweima{text-align: right;}
.map{ width:788px; /*height:380px;*/ overflow:hidden; margin:60px 0;}

.message{ margin:50px 0 0 20px;}
.message .name{ margin-bottom:20px; color:#555; font-size:16px; background:url(../imgs/dian.png) left center no-repeat; padding-left:20px;}
.message .name input{ width:300px; height:40px; background:#d6d6d6; border:none; margin-left:16px;}
.message .neir{background:url(../imgs/dian1.png) left top no-repeat; padding-left:20px;}
.message .neir textarea{ width:650px; height:225px;background:#d6d6d6;border:none;margin-left:47px;}
.message .tj input{ border:none;width:140px; height:40px; background:#0c82d5; color:#fff; font-size:16px; cursor:pointer;text-align:center; margin:40px 0 0 66px;}



.page{width:100%;height:30px;line-height: 28px;margin:40px auto;text-align:center;overflow: hidden; clear:both}
.page a,.page span{display: inline-block;color: #333333;border: 1px solid #c9c9c9;background-color:#fff;padding: 0px 20px;overflow: hidden;}
.page a:hover,.page span{color: #fff;background-color: #333;}