﻿@charset "utf-8";

/* 全局 */
body, html {width:100%; height:100%; font-size:12px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,; color:#595959;}
body, html, div, dl, dt, dd, ol, ul, li, th, table, tbody, tr, td, p, img, blockquote, pre, from, fieldset, legend, input, button, textarea, hr, h1, h2, h3, h4, a, p, span {margin:0; padding:0}
h1, h2, h3 {font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";}
* {
font-family: "Microsoft YaHei" ! important;
}
img { border:0; vertical-align:middle}
input, textarea { _margin:0; _padding:0; _border:0; border:1px #CCCCCC solid; padding:0px; }
div, ul, li, p {}
ul, li {list-style:none}
a {font-family:"宋体"; text-decoration:none; color:#222}
a:hover, a:active { color:#d14836}
img {font-size:0; _display:block; border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -webkit-border-radius:0px}
.oimg{border-radius:10px;behavior: url(ie_css3.htc); }
.oimgg{border-radius:5px; margin-left:6px; margin-bottom:6px; }
.imgborder{ padding:4px; background:#FFFFFF; border:1px #CCCCCC solid}
table{ border:1px;}


body{
	background:url(../images/bg.jpg) #FFFFFF no-repeat 0px 100px;
	background-position:center;
	}

A:link{color:#484848;TEXT-DECORATION:none}
A:visited{color:#484848;TEXT-DECORATION:none}
A:active{color:#484848;TEXT-DECORATION:none}
A:hover{color:#ff6600;TEXT-DECORATION:none}
a.aff6{color:#ff6600}
a.aff6:hover{ text-decoration:underline;}


ul,ol{padding-left:0;list-style-type:none}

/* 次连接 */
A.linkmune:link {
	font-size:12px;
	COLOR: #FFFFFF;
}
A.linkmune:visited {
	font-size:12px;
	COLOR: #FFFFFF;
}
A.linkmune:active {
	font-size:12px;
	TEXT-DECORATION: underline;
	color: #FFFFFF;
}
A.linkmune:hover {
	font-size:12px;
	POSITION: relative;
	color: #FFFFFF;
	text-decoration: underline;
}

/* 顶部 */
.topbg{ width:100%; height:150px; background:#0f58d6;}
.top{ width:1200px; margin:0 auto; padding:0 0 0 0; height:180px; color:#FFFFFF}
.logo{ width:520px; height:140px; float:left; margin-top:10px;}
.skflogo{width:180px; float:right; height:50px; margin-top:5px;}
.tel{width:358px; height:85px; float:right; margin-top:95px; margin-right:0px; }
.toplink{width:210px; height:26px; line-height:26px; text-align:right;}
.cnenbox{ width:180px; line-height:38px; text-align:right;}
.cnenbox a{ color:#FFFFFF }
.cnenbox a:hover { text-decoration:underline;}


/*导航代码*/
.menu{width:100%;height:52px; background:#023ca0; margin:0 auto;}
.menubox{ width:1200px; margin:0 auto;}
.nav { margin:0 auto; height:52px; width:900px; float:left; font-size:14px; background: #023ca0; color: #FFFFFF;}
.nav ul {list-style: none; padding-left: 0; margin-top: 0; margin-bottom: 0; z-index:200; }
.nav a {display: block; padding:0px; height:52px; line-height:52px; line-height: inherit; cursor: pointer; color:#FFFFFF }
.nav_menu {float:left; text-align:center; line-height:52px; font-weight: 500; text-transform:uppercase;}
.nav_menu-item {line-height:52px; height:52px; display: inline-block; position: relative; width:90px; border-right:0px #10151b solid; }
.nav_menu-item:hover { background-color:#033285; line-height:52px; width:90px;}
.nav_menu-item:hover .nav_submenu { display: block;}
.nav_submenu { font-weight:300; text-transform: none; display: none; position: absolute;  width: 90px; background-color:#033285;border-right:0px #3099f0 solid;}
.nav_submenu-item:hover {background: rgba(0, 0, 0, 0.9); line-height:52px; background:#032c75; border-right:0px #10151b solid;}

.nav_con{ width:260px; color:#FFFFFF; float:right; height:52px; background:#f39920;}


/* body */
.mmbox{ width:100%; margin:0 auto; padding:0px;}
.mbox{ width:1200px; margin:0 auto; padding:0 0 0 0; }
.bannerbox{ width:100%; background:url(../images/whi.gif) top center repeat-x #e5e5e5; height:420px;}
.banner{ width:1200px; height:500px; margin:0 auto;}

.linetit{ width:1100px; height:70px;  margin:0 auto; text-align:center; background:url(../images/box.gif) top center no-repeat; }
.lineh2{ width:800px;height:50px; text-align:center; margin: 0 auto;}
.lineh2 h2{ line-height:30px; padding-top:8px; color:#0d61ae;}
.lineh2 span{ line-height:20px;}

.i_left{ width:260px; float:left;}
.i_right{ width:820px; float:right;}

/* down*/
.dlist{ width:260px; float:left; padding-top:10px; padding-bottom:10px; }
.dlist li{ width:260px; float:left;}
.dlist a{ width:240px; height:36px; float:left; margin-left:10px; font-size:12px; color:#595a58; line-height:36px; background: url(../images/pdf.gif) 2px center no-repeat; text-indent:20px; border-bottom:1px #ececec solid; }
.dlist a:hover{ width:240px; text-decoration:underline; }

/*JYBOX*/
.jybox{ width:800px; margin:0 auto;}
.jybox li{ width:220px; float:left; text-align:center; margin-right:12px;line-height:30px; margin-bottom:30px;}
.jybox img{border:1px #CCCCCC solid; width:220px; height:158px;}

/*index*/
.gsbox{ width:1200px; float:left; margin-top:20px;}
.gsbox li{ width:238px; height:500px; float:left; background:url(../images/gs_bg.jpg) no-repeat bottom center #f0f0f0;}
.gsbox h3{ width:238px; height:46px; line-height:46px; color:#FFFFFF; background:#003792; text-indent:20px; text-align:left;}
.gsbox img{ width:238px; height:280px;}
.gsbox p{ width:216px;  margin-left:10px; float:left; text-indent:2em; padding-top:10px; line-height:28px;}
.gsbox .alik{ width:80px; height:22px; line-height:22px; background:url(../images/alik.gif) right center no-repeat; text-align:left; float:right; margin-right:20px; margin-top:15px;}
.gsbox .mrto{ margin-right:60px;}

.itit{ width:100%; height:38px; line-height:36px; float:right; background:url(../images/imbg.jpg); border-bottom:1px #cecece solid;}
.itit h3{ width:80px; height:38px; line-height:38px; background:url(../images/ico.gif) left center no-repeat; text-indent:10px; float:left; margin-left:10px;}
.itit .hui{ color:#c2c2c2; width:160px; float:left; line-height:40px; font-size:10px}
.itit .more{ width:100px; float:right; line-height:40px;}

.i_serch{ width:280px; float:left; padding-bottom:20px; background:url(../images/lserch.jpg) top center no-repeat #f9fafa; border:1px #e7e6e6 solid;}
.i_serch h3{ width:100%; height:30px; color:#FFFFFF; line-height:30px; padding-top:20px; text-align:left; font-size:16px; text-indent:30px; background:#0e61af;}
.i_serch .spanh3{ width:100%; font-size:16px; height:40px; line-height:16px; font-size:9px; color:#FFFFFF; float:left; text-indent:30px;  background:#0e61af;}

.serchbox{ width:250px; float:left; margin-left:20px; margin-top:20px;}
.serchbox li{ width:250px; height:40px; line-height:40px; }
.serchbox span{ width:60px; float:left; font-size:14px;}
.serchbox input{ width:180px; height:28px; line-height:28px; text-indent:8px; border:1px #CCCCCC solid;}
.serchbox button{ width:230px; height:50px; line-height:50px; border:1px #CCCCCC solid;}

.isercha{ width:260px; margin:0 auto; margin-top:20px;}
.isercha a{ width:15px; height:15px; float:left; margin-right:8px; margin-bottom:10px; text-align:center; line-height:15px; background:#ededed; border:1px #aeaeae solid;}
.isercha a:hover{background:#0d61ae; color:#FFFFFF; border:1px #cf2839 solid; }

.iporboxl{ width:290px; float:left;}
.iportit{ width:100%; height:100px; float:left; background-color:#0d61ae; color:#FFFFFF;}
.iportit h3{ width:100%; text-align:center; float:left; line-height:30px; margin-top:20px; font-size:18px;}
.iportit span{ width:100%; text-align:center; line-height:30px; float:left;}
.plits_a{ width:100%; float:left}
.plits_a a{ float:left; height:30px; line-height:30px; margin-bottom:15px; padding-left:15px; padding-right:15px; margin-right:20px; border:1px #CCCCCC solid; background:#f9fafa;}
.plits_a a:hover{ background:#efefef;}

.i_plist{ width:100%; margin:0 auto;}
.i_plist li{ width:100%; height:40px; float:left; line-height:40px; border-bottom:1px #dddddd solid; background:url(../images/36.gif) 18px center no-repeat;}
.i_plist li:hover{ background:url(../images/36.gif) #e9e9e9 18px center no-repeat;}
.i_plist a{ width:256px; float:right; line-height:40px; font-size:14px; text-indent:10px;} 
.i_plist a:hover{ text-decoration:underline; color:#FF0000;}
.iporboxr{ width:900px; float:right;}

.iporbox{ width:900px; float:left;}
.iporbox li{position:relative; overflow: hidden; width:250px; height:250px; float:left; margin-left:15px; margin-bottom:20px; margin-right:15px; border:4px #ececec solid;}
.iporbox li:hover{ background:#0d61ae; color:#FFF; border:4px #0d61ae solid;; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;}
.iporbox img{ width:250px; height:250px;}
.iporbox .atxt{position:absolute; height:40px; width:250px; z-index:1;float:left; left:0; background:#0d61ae; color:#fff; top:210px; text-indent:10px; font-size:12px; line-height:40px; }
.iporbox .atxt a{ color:#FFFFFF;}
.iporbox .atxt:hover{ color:#fff;text-decoration:underline;}



.ipor ul,.ipor ul{margin: 0 0 0 0px; overflow: hidden; zoom: 1;}
.ipor li{ width:230px; height:340px; float:left;  margin-right:30px; background-color:#fff; border:1px #ececec solid; margin-bottom:10px; padding:10px; display:inline}
.ipor li:hover,.case_vi li:hover{ background:#117fbc; color:#FFF; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;}
.ipor li:hover a,.case_vi li:hover a{ color:#FFF}
.ipor img{ width:230px; height:166px; padding-bottom:4px;}
.ipor_url a{ height:27px; background:url(../images/icoa.gif) left 5px no-repeat; text-indent:12px; float:right; margin-top:15px;}

.iabout{width:720px; height:300px; float:right;}
.iabout img{ float:left;}
.iabout p{ width:100%; float:left; line-height:26px; padding-left:2px; padding-top:6px; text-indent:2em;}

.izsbox{ width:1100px; float:left;}
.izsbox li{ width:206px; height:240px; margin-left:10px; margin-right:50px; text-align:center; float:left; line-height:30px;}
.izsbox img{width:206px; float:left; height:216px; border:1px #CCCCCC solid;}


/* inews */
.i_hotn{ width:320px; float:left;}
.i_hotn li{ width:320px; float:left; margin-left:30px; margin-right:30px;}
.i_hotn h3{ width:320px; float:left; color:#ff5f00; text-align:left; height:40px; line-height:40px;}
.i_hotn p{ width:320px; float:left; text-align:left; line-height:26px; padding-top:10px;}
.i_hotn img{ width:320px; height:140px; float:left; border:1px #CCCCCC solid; padding:4px;}
.i_hotn .ahui a{ width:100px; float:left; height:32px; line-height:32px; text-align:center; background:#999999; color:#FFFFFF;}
.i_hotn .ahui a:hover{ background: #FF0000;}

.i_kehubox{ width:1100px; }
.i_kehubox li{ width:240px; height:440px; float:left; margin-left:15px; margin-right:15px; background:#FFFFFF;}
.i_kehubox h3{ width:210px; float:left; margin-left:15px; padding-top:10px; color:#ff5f00; text-align:left; height:24px; text-align:center; line-height:24px;}
.i_kehubox p{ width:220px; height:186px; text-indent:2em; float:left; margin-left:10px; text-align:left; line-height:24px; padding-top:10px;}
.i_kehubox img{ width:240px; height:152px; float:left;}
.i_kehubox .more{ width:100px; float:left; margin-left:70px; background:#f7f7f7; border:1px #CCCCCC solid; margin-top:10px; height:30px; text-align:center; line-height:30px;}
.i_kehubox .more:hover{ background:#e41839; color:#FFFFFF;}

.i_field{ width:1200px; height:160px; float:left; }
.i_field li{ width:120px; text-align:center; float:left; height:150px; margin-right:12px; border:4px #f0f0f0 solid; text-align:center;  line-height:30px;}
.i_field li:hover{ border:4px #fd0303 solid; background:#fd0303; color:#FFFFFF;} 
.i_field a{}
.i_field a:hover{ color:#FFFFFF;}
.i_field img{ width:120px; height:120px;}

.i_titbox{ width:100px; height:35px; line-height:30px; color:#FFFFFF; text-align:center;}
.list_lh{ height:320px; overflow:hidden;}
.list_lh li{ padding:10px;}
.list_lh li.lieven{ background:#F0F2F3;}
.list_lh li p{ height:30px; line-height:30px;}
.list_lh .atbox{ width:100%; line-height:20px;}

.list_lh li p a{ float:left; font-weight:bolder; font-size:14px; background:url(../images/q1.gif) left center no-repeat; text-indent:26px;}
.list_lh li p em{ width:80px; font:normal 12px/24px Arial; color:#FF3300; float:right; display:inline-block;}
.list_lh li p span{ color:#999; float:right;}
.list_lh li p a.btn_lh{ background:#28BD19; height:17px; line-height:17px; color:#fff; padding:0 5px; margin-top:4px; display:inline-block; float:right;}

.icontact{width:250px; float:right; height:300px; background:url(../images/iconbg.jpg);}
.icontact p{ width:220px; float:left; margin-left:20px; margin-top:120px; color:#FFFFFF;}

.inewsbox{ width:540px; height:300px; float:left; margin-left:20px;}
.i_newslist{ width:340px; float:left; margin-top:15px;}
.i_newslist ul{ width:340px; float:left; height:150px;}
.i_newslist img{ width:340px; height:140px; float:left;}
.i_newslist h3{ width:340px; float:left; height:40px; line-height:40px; font-size:16px; background:url(../images/fnewt.gif) left bottom no-repeat; margin-bottom:12px;}
.i_newslist li{ width:340px; float:left; height:34px; line-height:34px; background: url(../images/alin.gif) left 14px no-repeat; border-bottom:1px #e8e8e8 dotted; text-indent:12px; }
.i_newslist span{width:66px; text-align:right; font-weight:normal; color:#545454; font-size:9px; padding-top:6px; float:right; }
.i_newslist i{float:right; width:55px; text-align:center}
.i_newslist a{ width:340px; float:left;font-size:12px;}

.i_qanda{ width:320px; height:350px; float:right; margin-top:15px;}
.i_qanda h3{ width:340px; float:left; height:40px; line-height:40px; font-size:16px; background:url(../images/fnewt.gif) left bottom no-repeat; margin-bottom:12px;}
.i_qanda span{width:66px; text-align:right; font-weight:normal; color:#545454; font-size:9px; padding-top:6px; float:right; }


.i_contact{ width:280px; float:right; background: #f9fafa; }
.i_contact h3{ float:left; width:260px; text-indent:10px; line-height:40px; color:#d61b22;}
.i_contact p{ width:270px; line-height:26px; float:left; padding-left:10px; padding-bottom:10px; text-align:left;}
.i_contact img{ width:260px; height:100px; border-bottom:2px #FF0000 solid;}
.i_contact h3{ width:100%; height:25px; color:#FFFFFF; line-height:30px; padding-top:10px; text-align:left; font-size:16px; text-indent:30px; background:#0e61af;}
.i_contact .spanh3{ width:100%; font-size:16px; height:30px; line-height:16px; font-size:9px; color:#FFFFFF; float:left; text-indent:30px;  background:#0e61af;}


.i_solution{ width:520px; float:left; margin-left:10px;}
.i_solution li{ width:520px; float:left; padding-top:10px; margin-top:10px; padding-bottom:20px; padding-left:10px; padding-right:10px; border-bottom:1px #CCCCCC dotted;}
.i_solution li:hover{ background:#f5f5f5;}
.i_solution img{ width:76px; height:76px; float:left; margin-top:8px;}
.i_solution h3{ width:430px; float:right; line-height:32px;}
.i_solution p{ width:430px; text-align:left; float:right; line-height:26px; text-shadow:2em;}


/* .............................二级页面......................................*/
.lbox{width:280px; float:left;}
.rbox{width:880px; float:right; background:#fff; padding-bottom:30px;}

.ltbox{ width:280px; background-color:#efefef; float:left; margin-bottom:20px; background:url(../images/pleftt.jpg) top center no-repeat #efefef;}
.ltbox h3{ width:100%; height:30px; color:#FFFFFF; line-height:30px; padding-top:20px; text-align:left; font-size:16px; text-indent:30px; background:#0e61af;}
.ltbox span{ width:100%; font-size:16px; height:40px; line-height:16px; font-size:9px; color:#FFFFFF; float:left; text-indent:30px;  background:#0e61af;}
.lmeun{ width:280px; float:left; padding-top:10px; padding-bottom:10px; }
.lmeun li{ width:280px; float:left;}
.lmeun a{ width:260px; height:36px; float:left; margin-left:10px; font-size:14px; color:#595a58; line-height:36px; background:#efefef; text-indent:10px; border-bottom:1px #dcdcdc solid; }
.lmeun a:hover{ width:260px; color:#FFFFFF; border-bottom: 1px #dcdcdc solid; background-color:#0d61ae;}

.tit{ width:100%; height:36px; float:left; background:url(../images/tbg.jpg) bottom left no-repeat}
.tit .more{ width:50px; float:right; margin-top:15px;}

.titr{ width:810px; float:right; height:38px; line-height:36px; border-bottom:4px #b4b4b5 solid; }
.titr h3{ width:100px; height:32px; text-indent:15px; background:url(../images/alin.gif) left center no-repeat; color:#5c5656; float:left; line-height:32px; font-size:16px; }
.titr span{ width:300px; float:right; text-align:right; height:34px; line-height:34px;  }

.conbox{}

.pagebg{ background: right bottom no-repeat;}

/* page */
.trbox{ width:100%; margin:0 auto; font-size:14px; padding-top:30px;}
.trbox p{ width:100%; text-indent:2em; float:left; line-height:30px; padding-bottom:20px;}
.trbox img{max-width:740px;_width:expression(this.width > 740 ? "740px" : this.width);} 

/*solution*/
.solution{ width:880px; margin:0 auto; }
.solution li{ width:420px; float:left; padding-top:10px; margin-top:10px; padding-bottom:20px; padding-left:10px; padding-right:10px; }
.solution li:hover{ background:#f5f5f5;}
.solution img{ width:120px; height:120px; float:left; margin-top:8px;}
.solution h3{ width:280px; float:right; line-height:32px;}
.solution p{ width:280px; text-align:left; float:right; line-height:26px; text-shadow:2em;}
.sol_url a{ height:27px; background:url(../images/icoa.gif) left 10px no-repeat; text-indent:12px; float:right; margin-top:15px;}

.caselist{ width:98%; height:700px; background:url(../images/casebg.jpg) right bottom no-repeat;}

/*newslist*/
.hotnews{ width:830px; margin:0 auto; margin-top:20px;}
.hotnews h3{ width:630px; border-bottom:1px #CCCCCC dotted; float:right; text-align:left; line-height:26px}
.hotnews p{ width:630px; float:right; text-align:left; line-height:24px;}
.hotnews img{ width:146px; height:103px; border:4px #f5f4f4 solid; }

.newslist{ width:830px; margin:0 auto; margin-top:20px;}
.newslist li{ width:830px; padding-left:10px;  height:40px; float:left; background:url(../images/alin.gif) 10px center no-repeat; text-indent:14px; line-height:40px; list-style-type:none; }
.newslist li:hover{ background:url(../images/alin.gif) 10px center no-repeat #efefef;}
.newslist .libg{background:url(../images/alin.gif) 10px center no-repeat #f8f8f8;}
.newslist span{ float:left; width:70px; text-align:center; line-height:42px; }
.newslist i{ float:right; width:100px;}
.newslist a{ font-size:14px; float:left; line-height:40px;}


.newshow{ width:840px; margin:0 auto; font-size:14px; padding-top:30px;}
.newshow h3{ widows:840px; height:40px; line-height:40px; text-align:center; border-bottom:1px #CCCCCC dotted;}
.newshow p{ width:100%; text-indent:2em; float:left; line-height:30px; padding-bottom:20px;}
.newshow img{max-width:740px;_width:expression(this.width > 740 ? "740px" : this.width);} 

.support{ width:760px; margin:0 auto;}
.support li{ width:760px; float:left;}
.support img{ width:200px; height:150px; float:left;}
.support h3{ width:540px; float:right; background:url(../images/58.gif) left center no-repeat; text-indent:20px; line-height:24px;}
.support p{ width:540px; float:right; text-align:left; line-height:24px;}
.support .rlink{ width:100px; height:28px;}
.support .rlink a{ width:100px; background:#ececec; text-align:center; color:#333333; height:28px; line-height:28px; float:right;}
.support .rlink a:hover{ background:#e41839; color:#FFFFFF;}

/* pshow*/
.porbox{ width:880px; float:left;}
.porbox li{position:relative; overflow: hidden; width:260px; height:260px; float:left; margin-left:8px; margin-bottom:20px; margin-right:6px; border:4px #ececec solid;}
.porbox li:hover{ background:#117fbc; color:#FFF; border:4px #0e61af solid;; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;}
.porbox img{ width:260px; height:260px;}
.porbox .atxt{position:absolute; height:40px; width:260px; z-index:1;float:left; left:0; background:#0e61af; color:#fff; top:220px; text-indent:12px; font-size:14px; line-height:40px; }
.porbox .atxt a{ color:#FFFFFF;}
.porbox .atxt:hover{ color:#fff;text-decoration:underline;}

.pshow{ width:780px; margin:0 auto;}
.ptshow{ width:380px; float:right;}
.ptshow h3{ width:380px; height:40px; line-height:40px; border-bottom:1px #CCCCCC dotted;}
.ptshow .ptbg{ width:360px; padding:10px; float:left; margin-top:10px; line-height:26px; font-size:14px; background:#eeeeee;}
.ptshow .ptel{ width:360px; float:left; height:80px; line-height:80px;}
.ptshow .ptel span{ font-size:14px; width:80px; float:left;}
.ptshow .ptel h2{ width:200px; float:left; color:#da2423; font-size:24px}
.ptshow span{}
.proshow{}
.proshow{ width:780px; margin:0 auto; font-size:14px; padding-top:30px;}
.proshow h3{ widows:780px; height:40px; line-height:40px; text-align:center; border-bottom:1px #CCCCCC dotted;}
.proshow p{ width:100%; text-indent:2em; float:left; line-height:30px; padding-bottom:20px;}
.proshow img{max-width:760px;_width:expression(this.width > 760 ? "760px" : this.width);} 

.prorlist{ width:260px; float:left; height:34px; line-height:34px; text-indent:12px; color:#FFFFFF; background:#cf2839; border-top:6px #26854d solid ; }

/* dgoubox*/
.dgoubox{ width:800px; margin:0 auto;}
.dgoubox .tith2{ width:100%; background:#0d61ae; color:#FFFFFF; height:40px; line-height:40px;}
.dgoubox input, textarea{_margin:0; _padding:0; _border:0; border:1px #CCCCCC solid; padding:4px;}
.red_x{ color:#FF0000;}


/*honor*/
.honor{ width:800px; margin:0 auto;}
.honor li{ width:260px; float:left; text-align:center; margin-right:6px;line-height:30px; margin-bottom:30px;}
.honor img{border:1px #CCCCCC solid; width:220px; height:158px;}

/* case*/
.casebox{ width:810px; margin:0 auto;}
.casebox li{ width:260px; float:left; text-align:center; margin-right:5px; margin-left:5px;line-height:30px; margin-bottom:30px;}
.casebox img{border:1px #CCCCCC solid; width:252px; height:174px;}

.customer{ width:760px; margin:0 auto;}
.customer li{ width:760px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px #ececec dotted; }
.customer h3{ width:500px; float:right; height:30px; line-height:30px; border-bottom:1px #f2f2f2 dotted;}
.customer p{ width:500px; float:right; text-align:left; line-height:24px;}
.customer img{ float:left; width:240px; height:152px;}

/* page */
.page{ width:680px; margin:0 auto; text-align:center; line-height:30px; margin-top:20px;  }
.page_list{height:36px; margin-top:10px; margin-bottom:20px;line-height:36px;text-align:center;letter-spacing:0; font-size:14px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #dbdbdb; text-align:center;padding:0 16px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #f09a09;background:#f09a09;}
.page_list a.on{color:#fff;border:1px solid #f09a09;background:#f09a09;}

/* page2 */
.contPage{height:24px; margin-top:10px; margin-bottom:20px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;border:1px solid #ffffff; background-image:url(../images/conlbg.jpg);text-align:center;padding:0 8px;margin:0 1px;}
.contPage a:hover{color:#fff;border:1px solid #898989;background:#f2b502;}
.contPage a.on{color:#fff;border:1px solid #ccc;background:#f2b502;}

/*bear*/
.bearlink{ width:780px; margin:0 auto;}
.bearlink a{ width:30px; height:30px; float:left; margin-right:10px; margin-bottom:10px; text-align:center; line-height:30px; background:#ededed; border:1px #aeaeae solid;}
.bearlink a:hover{background:#cf2839; color:#FFFFFF; border:1px #cf2839 solid; }
.bearbox{ width:780px; margin:0 auto;}




#faq {width:780px;}
#faq ul { width:780px; float:left; }
#faq li {float:left; }
#faq dl { width:780px; float:left; text-align:center; line-height:50px; list-style-type:none; display:inline;  }
#faq dl:hover{ background:#cf2839; color:#FFFFFF; }
#faq dl:visited{color:#fff;TEXT-DECORATION:none}
#faq dl:active{color:#fff;TEXT-DECORATION:none}
#faq dt {width:780px; height:50px; float:left; text-align:center; line-height:50px;  display:inline;}
#faq dd {display: none;	margin: 0; text-align:left; padding: 5px 0 5px 20px; border:4px #999999 solid; line-height: 180%; }
#faq span{ float:left; text-align:center; line-height:50px;} 
#faq .lion{background:#f0f0f0;}

/* footer */
/* footer */
.footerbox{ width:100%; margin:0 auto; background:#003c7e; }
.footer{ width:1200px; margin:0 auto; color:#FFFFFF;  }
.flinebox{ width:100%; height:50px; line-height:50px; border-bottom:1px #6c7a8c solid;}

.footer .flogo{ width:380px; float:left;}
.falist{ width:200px; float:left; line-height:22px; margin-top:20px;}
.falist a{ color:#FFFFFF;}

.wxbox{ width:130px; line-height:26px; text-align:center;}
.wxbox a{ color:#FFFFFF;}3

.wxsoft{ width:200px; line-height:26px; text-align:center; text-align:center;}
.wxsoft a{ width:100%; text-align:center;}


div.wrapper { width: 1200px; margin: 0 auto; position: relative; }
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
.box_skitter ul { display: none; }
.box_skitter .container_skitter { overflow: hidden; position: relative; }
.box_skitter .image { overflow: hidden; }
.box_skitter .image img { display: none; }
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
.box_skitter .prev_button { position: absolute; top: 50%; left: -5px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/prev.png) no-repeat left top !important; }
.box_skitter .next_button { position: absolute; top: 50%; right: -5px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/next.png) no-repeat left top !important; }
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow { width: 1200px; height: 500px; }
#slideshow ul { display: none; }
/* focus */
/*banner*/
.lubo{ width:100%; min-width:1000px;clear: both; position: relative; height:460px; z-index:100;}
.lubo_box{ position: relative; width: 100%; height:368px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:460px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img{ width: 100%; height: 368px;}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;  }
.cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background: #000 !important;}

/*按钮*/
.lubo_btn{ position: absolute; width: 100%; top: 180px;}
.left_btn, .right_btn{ width: 50px; height: 86px; background: #000;opacity: 0.5;filter:alpha(opacity=50); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn{ float: left; background:url(../images/prev.png) -10px 20px no-repeat #000000 ; }
.right_btn{ float: right; background:url(../images/next.png) 10px 20px no-repeat #000000;}


/* lib */
.cl{clear:both;}


/* weixin */

.go{width:144px; z-index:999; text-align:center;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));
right:12px;
bottom:25%;}
.go{ width:144px; text-align:center;}
