@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family: "Microsoft YaHei", "SimSun", Verdana, Arial, Helvetica, sans-serif; overflow-x: hidden; line-height: 1; }
body { -webkit-backface-visibility: hidden; font-family: "Microsoft YaHei", "SimSun", Verdana, Arial, Helvetica, sans-serif; min-width: 296px; -webkit-text-size-adjust: none; background: #f8f8f8; }
input, textarea, keygen, select, button, isindex{margin: 0em;font: -webkit-small-control;color: initial; letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent: 0px;text-shadow: none;display: inline-block;text-align: start;}
@font-face {
    font-family: 'iconfont';
    src: url('//at.alicdn.com/t/font_1458527731_739434.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/font_1458527731_739434.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/font_1458527731_739434.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/font_1458527731_739434.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/font_1458527731_739434.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {  font-family:"iconfont" !important;  font-size:16px;  font-style:normal;  -webkit-font-smoothing: antialiased;  -webkit-text-stroke-width: 0.2px;  -moz-osx-font-smoothing: grayscale;}
.icon{font-size: 42px;line-height: 100px;margin: 10px 0;color: #333;-webkit-transition: font-size 0.25s ease-out 0s;-moz-transition: font-size 0.25s ease-out 0s;transition: font-size 0.25s ease-out 0s;}
ol, ul { list-style: none outside none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
img { vertical-align: top; border: 0; }
article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary { display: block; }
strong { font-weight: bold; }
a { color: #333; background: transparent; text-decoration: none; }
.link { color: #07d; }
.link:link, .link:hover, .link:visited, .link:active { color: #07d; }
h1 { font-size: 1.2em; margin: 0.67em 0; }
h2 { font-size: 16px; }
h3 { font-size: 15px; line-height: 18px }
button, input[type='number'], input[type='text'], input[type='password'], input[type='email'], select, textarea { font-family: "Microsoft YaHei", "SimSun", Verdana, Arial, Helvetica, sans-serif; font-size: 100%; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
div, h1, p, ul, li, label, textarea, span { word-break: break-all; }
div, h1, p, ul, li, label, textarea, input, button, form { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
input, textarea { border: 0 none; outline: none; }
input, select, textarea { font-family: "Microsoft YaHei", "SimSun", Verdana, Arial, Helvetica, sans-serif; }
input, select, button { margin: 0; border: none; padding: 0; outline: none; vertical-align: middle; background: transparent; }
hr { margin: 10px 0; border: none; border-top: 1px solid #ddd; }
.relative { position: relative; }
.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.clearfix:after { content: ""; display: table; clear: both; }
.center, .text-center { text-align: center; }
.clear { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
.outSide { width: 100%; max-width: 640px; margin: 0 auto; }
.outSide_down { padding-bottom: 84px; }
.header{ width: 100%;  border-bottom: 0px solid #ff4500; text-align: center; background-image:url(../images/4_02.png); height:103px;}
.header .header_bar{ max-width: 980px; overflow: hidden; margin: auto; }
.header h1{ display: block; float: left;}
.header ul{ width: 480px; float: right; display: table; margin-top:12px;}
.header ul li{ display: table-cell; height: 50px; line-height: 50px; text-align: center; font-size: 14px; width: 20%;}
.header ul li a{ display: block;}
.header ul li a:hover{ background-color: #ff4500; color: #fff;}
.header ul li.left_menu_on a{ background-color: #ff4500; color: #fff;}
.footer{ text-align: center; padding: 30px 0;  color:#ffffff; font-size: 14px; background:#646464;}
.footer p{ line-height: 24px;}
.footer a{ line-height: 24px;color:#ffffff; text-decoration: none;}
.footer a:link{ line-height: 24px;color:#ffffff; text-decoration: none;}
.con_mai{ min-height: 750px; background: url(../images/ban_bg.jpg) no-repeat center; background-size: cover; }

/*内页banner */
.about_img{width: 100%; height: 600px; background:url(../images/about_img.jpg) no-repeat center;}
.contact_img{width: 100%; height: 600px; background:url(../images/contact-bg.jpg) no-repeat center; }
.user_img{width: 100%; height: 600px; background:url(../images/user-bg.jpg) no-repeat center; }
.business_img{width: 100%; height: 600px; background:url(../images/business-bg.jpg) no-repeat center; }


.con_page,.guestbook{ width: 980px; margin: 10px auto; padding: 10px; overflow: hidden;}
.con_page p{ text-indent: 2rem; line-height: 24px; margin-bottom: 10px;}
.con_page ul{ padding: 8px; display: table; width: 100%;}
.con_page ul li{ padding: 5px 10px; display: table-cell;}
.con_page ul li p{ text-indent: 0; margin: 2px; color: #666; font-size: 14px;}
.con_page ul li h2{ font-size: 18px; padding-bottom:8px; margin-bottom: 5px; border-bottom: 1px solid #dedede; }
.settled_img {width: 100%; height: 465px; background: #f8f8f8 url(image/settled_bg.png) no-repeat center; }
.guestbook .form_dk{ width: 580px; float: left;}
.guestbook .form_dk h2{ font-size: 18px; padding-bottom: 8px;  margin: 5px; border-bottom: 1px solid #dedede }
.guestbook .form_dk li{ padding: 5px; line-height: 38px; position: relative;}
.guestbook .form_dk li q{ display: block; line-height: 38px; padding-left: 100px; color: #666}
.guestbook .form_dk li q img{ vertical-align: middle;}
.guestbook .form_dk li label{ width: 80px; display: inline-block; padding-right: 10px; text-align: right;vertical-align:top;}
.guestbook .form_dk li .select_div{position: relative; display: inline-block; padding: 0 8px; background-color: #fff; line-height: 38px; min-width: 180px; border-radius: 5px; border: 1px solid #e8e8e8; }
.guestbook .form_dk li .select_div select,.guestbook .form_dk li .textarea_div textarea,.guestbook .form_dk li .txt_input input{ width: 100%;}
.guestbook .form_dk li .select_div em{ position: absolute; right: 18px; top:50%; margin-top: -8px;display: inline-block; font-size: 0; border-top: 2px solid #666; border-right: 2px solid #666; width: 10px; height: 10px; background-color: rgba(0, 0, 0, 0); -webkit-transform: rotate(135deg); }
.guestbook .form_dk li .textarea_div{ width: 380px; display: inline-block;padding: 8px 8px 0 8px; background-color: #fff; border-radius: 5px; border: 1px solid #e8e8e8;}
.guestbook .form_dk li .txt_input{ width: 280px; display: inline-block;padding: 0 8px; background-color: #fff; border-radius: 5px; border: 1px solid #e8e8e8;}
.guestbook .form_dk li .code_sty{  display: inline-block;padding: 0 8px; background-color: #fff; border-radius: 5px; border: 1px solid #e8e8e8;}
.guestbook .form_dk li .code_sty input{ width: 70px;}
.guestbook .form_dk li .code_sty img{ vertical-align: middle; }
.guestbook .form_dk li .code_sty span img{ width: 28px;}
.guestbook .form_dk li .but_sum{ padding: 5px 20px; background-color: #ff4500; color: #fff; font-size: 16px; border-radius: 3px; margin-right:10px; cursor: pointer;}
.guestbook .form_dk li .but_sum:hover{ background-color: #f60}
.guestbook .form_dk li .but_sum_ag{padding: 5px 20px; background-color: #d0d0d0;  font-size: 16px; border-radius: 3px; margin-right:10px; cursor: pointer;}
.guestbook .form_dk li .but_sum_ag:hover{ background-color: #dfdfdf}
.guestbook .settled{ width: 360px; padding: 20px; overflow: hidden; float: right;}
.guestbook .settled .content_bi{ background-color: #ebebeb; margin-top:10px; padding: 10px;}
.guestbook .settled .content_bi h2{ padding: 8px 10px; font-size: 18px; margin-bottom: 8px; border-bottom: 1px solid #dedede;  }
.guestbook .settled .content_bi p{ padding: 8px 10px; color: #666}
.nopage{ width: 600px; padding-top: 480px; margin: auto;  background: url(image/404bg.png) no-repeat center 20px;}
.nopage h2{ width: 600px; font-size: 24px; padding: 8px; border-top: 1px solid #dedede;}
.nopage .bin{ padding: 8px;line-height: 22px;}
.nopage .bin strong{ font-weight: normal; font-size: 16px; line-height: 24px;  padding-bottom: 5px; display: inline-block; }
.nopage .bin p{ color: #666; font-size: 14px; }
.nopage .bin p b{ color: #ff4500}
.login_top{ width: 100%; height: 480px; margin-bottom: 10px; background-color: #fc0;}
.login_cent{ width: 980px; margin: auto; overflow: hidden;}
.login_cent .login_win{ width: 600px; height: 400px; padding-top:80px;float: left; text-align: center; }
.login_cent .login_go{ float: right; width: 350px; padding: 10px; background-color: #fff; margin-top: 80px;}
.login_cent .login_go strong{ font-weight: normal; font-size: 20px; padding:5px 0 12px 0 ; border-bottom: 1px solid #dedede; display: block;}
.login_cent .login_go ul{ padding: 5px 0;}
.login_cent .login_go ul li{ height: 40px; line-height: 40px; padding-bottom: 8px; margin: 8px 0; position: relative;}
.login_cent .login_go ul li label{ width: 40px; height: 40px; background-color: #ddd; color: #fff; text-align:center; position:absolute; left: 1px; top: 2px; display:block;}
.login_cent .login_go ul li label i{ font-size: 20px;}
.login_cent .login_go ul li input[type=text],.login_cent .login_go ul li input[type=password]{width: 292px;line-height: 20px;height: 20px;padding: 10px 8px 10px 50px;border: 1px solid #ddd;}
.login_cent .login_go ul li input:focus { -webkit-box-shadow: 0 0 4px 1px rgba(32,157,230,.4); box-shadow: 0 0 4px 1px rgba(32,157,230,.4); border-color: #A5D4ED }
.login_cent .login_go ul li .imgcode{ position: absolute; top:10px; right:38px;}
.login_cent .login_go ul li span{ position: absolute; right: 0px; top:50%; margin-top: -16px;}
.login_cent .login_go ul li input[type=submit]{width: 350px; margin-top:10px;height: 42px;border: 0;display: inline-block;overflow: hidden;vertical-align: middle;line-height: 42px;font-size: 16px; text-align:center;color: #fff;background: #f40;border-radius: 3px;cursor: pointer;zoom: 1;}
.login_cent .login_go ul li input[type=submit]:hover{ background-color: #f52b00}
.login_cent .login_go ul li:last-child{ font-size: 14px; color: #666; height: 20px; line-height: 20px; padding-top: 10px;}
.login_cent .login_go ul li:last-child a{ color: #1B4C7A;}
.login_cent .login_go ul li:last-child a:hover{ color: #1C6797}









.header_bar{  padding:0px; box-sizing:border-box;}

.menu{ height:38px; background-image:url(../images/4_08.png); width:100%;}

.menu_m{ margin:0px auto; width:980px;color:#ffffff;}
.menu_m ul li{ float:left; line-height:35px; color:#ffffff; font-size: 16px; margin:3px 30px 0px 30px;}
.menu_m ul li a{ color:#ffffff;height:35px; display:block; padding:0px 20px; text-decoration:none;}
.menu_m ul li a:link{ color:#ffffff;height:35px;text-decoration:none; }
.menu_m ul li a:hover{height:35px;
	background-color: #FFF;
	color: #0066CC;text-decoration:none;
}



.mid{margin:20px auto; width:980px; }


.mid_left{ width:640px; margin-right:20px; float:left;}

.mid_left2{ width:700px; margin-right:20px; float:left;}

.mid_right{ width:320px; float:left;}

.mid_right2{ width:260px; float:left;}

.mid_title{ height:38px; background-image:url(../images/4_08.png); color:#FFF; font-size:16px; line-height:38px; text-indent:20px;}

.mid_title a{ color:#FFF;}

.mid_title_en{ margin:0px 10px; font-size:12px;}

.mid_left_pic{ float:left; width:240px; height:200px;}

.mid_left_pic img{width:220px; height:160px; margin:20px 10px;}
.mid_left_txt{ float:left; width:400px; line-height:27px; color:#333; font-size:14px; padding:10px; box-sizing:border-box;}

.mid_co{line-height:30px; color:#333; font-size:14px; }


.product_list{ float:left; margin:12px; width:220px; line-height:25px; text-align:center;}
.product_list img{width:220px; height:160px;}




body,dl,dd{margin:0;}
img{border:none;display:block;}
a{text-decoration:none;}
ul,input{margin:0;padding:0;}
li{list-style:none;}
input{border:none;}
/*banner*/
.banner_container{overflow:hidden;height:400px;position:relative;}
.banner{position:absolute;left:50%;top:0;margin-left:-960px;}
/*banner_btn*/
.banner_btn{position:absolute;left:50%;margin-left:-23px;bottom:10px;}
.banner_btn li{float:left;width:11px;height:11px;background-color:#a6a39e;margin:0 4px;}
.banner_btn .currentLi{background-color:white;}
/*banner_jquery*/
.banner img{float:left;}
.banner_btn li{cursor:pointer;}


/*悬浮代码 */

.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:50px;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}


.list{	padding:4px 0px;
	clear:right;} 
.list li{ width:100%; height:35px; border-bottom:1px #999999 dotted; line-height:35px; font-size:14px; font-family:"微软雅黑", "宋体"; font-weight:bold; box-sizing:border-box;	overflow:hidden;
	padding-left:16px;	background:url(../images/ico-2.gif) 7px 11px no-repeat;}
.list li a{color:#069;}	
.list li a:hover{color:#900;}
	
.viewbox{
	width:100%;
	overflow:hidden;
	padding-bottom:8px;
}
.viewbox .title{
	height:56px;
	line-height:56px;
	text-align:center;
	overflow:hidden;
	padding-top:10px;
}
.viewbox .title h2{
	font-size:24px;
	color:#2b2b2b;
}
.viewbox .info{
	height:24px;
	line-height:17px;
	text-align:center;
	overflow:hidden;
	color:#666;
}
.viewbox .info small{
	margin-left:8px;
	margin-right:3px;
	color:#999;
	font-size:12px;
}
.viewbox .info a{
	color:#690;
}
.viewbox .intro{
	width:90%;
	padding:8px 16px;
	line-height:24px;
	background:#f5fcee;
	border:1px solid #DCDDDD;
	font-size:14px;
	color:#706A6A;
	margin:8px auto 0 auto;
}
.viewbox .infolist{
	width:368px;
	float:left;
}
.viewbox .infolist small{
	width:100px;
	text-align:right;
	display:block;
	float:left;
	font-size:12px;
	line-height:31px;
	color:#999;
	clear:left;
	height:31px;
	overflow:hidden;
}
.viewbox .infolist span{
	width:200px;
	line-height:30px;
	float:left;
	height:31px;
	overflow:hidden;
}



.viewbox .content{
	font-size:14px;
	padding:12px 16px;
	line-height:25px;
	color:#333;
}
.viewbox .dede_pages{
	width:100%;
	float:none;
	overflow:hidden;
	text-align:center;
}