@charset "utf-8";
@import url(layout_reset.css);
/*   common ----*/
body {font: 12px/1.5 '微软雅黑', Tahoma; background-color:#fff;}
.grid-container{ max-width:980px; _width:980px; }
a:link,a:visited,a:active {color:#666; text-decoration:none;}
a:hover{color:#9d140b; }
#dituContent img{ max-width:none;}

.row6{width:16.66666%; float:left;}
.row5{width:19.9%; float:left;}
.row4{width:24.9%; float:left;}
.row3{width:33.33333%; float:left;}
.row2{width:49.9%; float:left;}
  
.fr{ float:right;}
.fl{ float:left;}
.mt{ margin-top:30px;}
.mt5{ margin-top:5px;}
.imb{ padding:2px; border:1px solid #d8d8d8; background-color:white;}
.fOrange{ color:#ff5741;}
.bgGray{ background-color:#ebebeb;}
a.highlight, .highlight {color:#31a1cf;}

.line{ border-top:1px dashed #d9d9d9; margin:5px 0px;}

.li-dot li{ height:26px; line-height:26px; overflow:hidden; font-size:14px; font-weight:normal; padding:0 10px 0 15px; background:url("../images/custom/icon.jpg") no-repeat 5px 10px; margin-top:5px;}
.li-dot li a{ color:#333;}
.li-dot li .date{ float:right; font-style:italic; color:#888; font-size:12px;}

.li-dot1 li{ height:34px; line-height:34px; overflow:hidden; border-bottom:1px dashed #999; font-size:14px; font-weight:normal; padding:0 10px 0 15px; background:url("../images/custom/icon.jpg") no-repeat 5px 14px; margin-top:5px;}
.li-dot1 li a{ color:#333;}
.li-dot1 li a:hover{color:#056bb4;}
.li-dot1 li .date{ float:right; font-style:italic; color:#888; font-size:12px;}

.li-cat li{ }
.li-cat li a{ display:block; color:#333;height:34px; line-height:34px; overflow:hidden; border-bottom:1px dashed #999; font-size:14px; font-weight:normal; padding:0 10px 0 15px; background:url("../images/custom/icon.jpg") no-repeat 5px 14px; margin-top:5px;}
.li-cat li a:hover{ background-color:#056bb4; color:white;}


.li-thumb li{ text-align:center; }
.li-thumb img{ padding:2px; border:1px solid #ccc; background-color:white;}
.li-thumb p{ display:block; height:30px; line-height:30px; overflow:hidden; background-color:#056bb4; color:white;}

.li-thumb1 li{ text-align:center; }
.li-thumb1 li a{ display:block; padding:8px; margin:10px 0; border:1px solid #ccc;}
.li-thumb1 img{ }
.li-thumb1 p{ display:block; height:30px; line-height:30px; overflow:hidden; background-color:#056bb4; color:white; margin-top:8px;}

.box .title{ height:44px;  padding-left:45px; background:url("../images/layout/icon.jpg") no-repeat 0 2px; }
.box .title .en{ color:#c5c5c5; display:block; height:24px; line-height:24px; font-size:22px; }
.box .title .ch{color:#406EA9; display:block; height:18px; line-height:18px; font-size:18px; background:url("../images/layout/line.jpg") repeat-x 0 bottom;}
.box .title .ch a{color:#406EA9; font-weight:700; display:block; height:18px; line-height:18px; font-size:18px; background-color:white; padding-right:40px; float:left;  }
.box .title .more{ float:right; margin-top:15px; margin-right:10px;}
.box .content {font-size:14px; line-height:22px; margin-top:30px;}
.box .content .img{ text-align:center;}
.box .content p{ }

.box .title-tel{ height:50px; padding-left:55px; background:url("../images/layout/tel.gif") no-repeat left 5px;  float:right;}
.box .title-tel div{ float:left; padding-top:4px;}
.box .title-tel .ch{ display:block; color:#406EA9; font-size:18px; line-height:18px; height:18px; background:0 none;}
.box .title-tel .en{ color:#c0c0c0; font-weight:normal; font-size:16px; line-height:16px; height:16px;}
.box .title-tel .tel{ padding-left:10px; font-size:32px; color:#406EA9; line-height:34px;}

.box .title1{ height:40px; line-height:40px;  border-bottom:1px solid #056bb4; margin-bottom:10px; padding-right:10px;}
.box .title1 .ch{ display:block; float:left; padding:0 10px; background-color:#056bb4; color:white; font-size:16px;}
.box .title1 .en{ padding:0 10px; color:#666; font-weight:normal;}
.box .title1 .more{ float:right;}

.box .news-thumb{ margin-bottom:10px;}
.box .news-thumb .tj-thumb{ float:left; margin-right:10px;}
.box .news-thumb .tj-title{  height:32px; line-height:32px; overflow:hidden; font-size:16px; }
.box .news-thumb .tj-des{ text-indent:2em; line-height:24px; height:48px;  overflow:hidden;}

#header-line{ height:35px; line-height:35px; overflow:hidden; background:url("../images/layout/bg_header_t.jpg") no-repeat center top; color:#dae0ea;}
#header-line-nav{ text-align:right;}
#header-line-nav a{ cursor:pointer;}
#header-line-nav a:hover{ color:white;}

#header { height:59px; padding:23px 0px; width:100%; position:relative; z-index:10; background:url("../images/layout/bg_header.png") repeat-x left bottom;}
#header.header-main.fixed{position: fixed;left: 0;top: 0;z-index: 11;}


#nav{ height:59px; line-height:59px; overflow:hidden; }
#nav a{ display:block;  background:url("../images/layout/bg_li01.png") no-repeat right 2px;  color:#666;  font-size:16px; padding:0 13px 0 20px;}
#nav li{ float:left;   }
#nav li.on a, #nav li a:hover{ color:#00428e;  background-position:right -57px;}

#banner{position: relative;top: -6px;margin-bottom: -6px;z-index: 1; text-align:center;}


.middle{ background:wihte url("../images/layout/bg.png") repeat-y center top;  position:relative;}
.middle .grid-container{padding-top:30px; padding-bottom:30px;  background:rgba(255,255,255,1) url("../images/layout/bg_side.jpg") no-repeat right bottom; *background:#fff url("../images/custom/bg_side.jpg") no-repeat right bottom;}
.resources-body{
	background: url(../images/layout/bg_resources.jpg) no-repeat center top fixed #fff;
}


#mod-about .grid-45{ text-align:center;}
#mod-about p{ text-indent:2em; font-size:14px; line-height:24px;}
#mod-contact .content p{ line-height:28px;}
#mod-product .content{ margin-top:30px;}
#mod-contact .title-tel .en{ font-size:14px;}


.sidebar{ padding-bottom:30px; background:url("../images/layout/bg-r.png") repeat-y right top; }
.sidebar .box{ padding-right:10px;}
#footer { background-color:#406EA9; text-align:center;  }
#footer p{  line-height:28px;}
#footer-inner{ color:white; padding-bottom:20px;font-size:14px; padding-top:20px; }
#footer strong{ font-weight:normal;}
#contact { text-align:left;}
#copyright {line-height:20px;  text-align:right;  color:white;}
#copyright a{ color:white;	}

/*  Article -----*/
#article{ height:500px;}
#article .title h2,#article .title span{  font-size:26px; display:block; padding:5px 10px 10px; margin-top:10px; border-bottom:2px solid #056bb4; color:#333;  text-align:center;}
#article .title h2{background:url("../images/layout/mlogo.gif") no-repeat 10px; }
#article .title .catname{ height:31px; line-height:31px; color:#056bb4; padding-left:10px; font-size:16px;}
#article .title .info{height:31px; line-height:31px; color:#666; padding:0 10px;}
#article .title .crumbs{ float:left;   }
#article .title .date{ float:right; color:#888; }
.crumbs{ text-align:right;  }
#article img{
    max-width: 100%;
}

#article fieldset{ padding:10px 15px; border:1px solid #dddedb; color:#000; margin-top:15px;}
#article legend{padding:0 10px; color:#999;}

#article-content{ padding:20px 20px 30px; color: rgb(51, 51, 51); font-size: 16px; line-height: 30px;  background:url("../images/layout/j.jpg") no-repeat right bottom; min-height:600px; *height:500px;  }
#article-content h3, .h3{ display:block; border-bottom:1px dashed #9b0200; padding-left:20px; margin:15px 0; font-size:16px; }
#article-content table{ width:100%;}


.tool{  padding:20px 10px; color:#999;font-size:13px;clear:both;line-height:18px; border-top:1px dashed #d9d9d9;}
.gotoid {  }
.next{  padding:20px 10px; color:#999;font-size:13px;clear:both;line-height:18px; border-top:1px dashed #d9d9d9;}
.showmore{padding:20px 10px; color:#999;font-size:13px;clear:both;line-height:18px; border-top:1px dashed #d9d9d9;}

#pages { padding:14px 0 10px; font-size:12px; text-align:center;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#056bb4; color:#fff; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#056bb4; border:1px solid #056bb4; color:#fff; text-align:center;padding:0 10px}

/*     sidebar   --------*/
#nav a, .li-dot-a a{
-webkit-transition:border-top-color 0.2s ease-in-out, color 0.4s ease-in-out;
-moz-transition:border-top-color 0.2s ease-in-out, color 0.4s ease-in-out;
-o-transition:color 0.4s ease-in-out, background 0.3s ease-in-out;
-ms-transition:border-top-color 0.2s ease-in-out, color 0.4s ease-in-out;
transition:border-top-color 0.2s ease-in-out, color 0.4s ease-in-out;
}

/* ------------------  serviceQQ  -------------*/

.float0831 {
	POSITION: fixed; TOP: 150px; RIGHT: 0px; _position: absolute; z-index:100
}
.float0831 A {
	COLOR: #00a0e9
}
.float0831 A:hover {
	COLOR: #ff8100; TEXT-DECORATION: none
}
.float0831 .floatL {
	POSITION: relative; WIDTH: 28px; FLOAT: left
}
.float0831 .floatL A {
	TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px
}
.float0831 .floatR {
	BACKGROUND: url("../images/serviceQQ/float_bg.gif")
}
.float0831 .tp {
	BACKGROUND: url("../images/serviceQQ/float_bg.gif")
}
.float0831 .cn {
	BACKGROUND: url("../images/serviceQQ/float_bg.gif")
}
.float0831 .floatR {
	PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden
}
.float0831 .tp {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px
}
.float0831 .cn {
	BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px
}
.float0831 .cn H3 {
	TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px
}
.float0831 .cn UL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px
}
.float0831 .cn UL LI {
	BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal
}
.float0831 .titZx {
	BACKGROUND: url("../images/serviceQQ/float_s.gif") no-repeat
}
.float0831 .titDh {
	BACKGROUND: url("../images/serviceQQ/float_s.gif") no-repeat
}
.float0831 .titDc {
	BACKGROUND: url("../images/serviceQQ/float_s.gif") no-repeat
}
.float0831 .icoZx {
	BACKGROUND: url("../images/serviceQQ/float_s.gif") no-repeat
}
.float0831 .icoTc {
	BACKGROUND: url("../images/serviceQQ/float_s.gif") no-repeat
}
.float0831 .icoFf {
	BACKGROUND: url("../images/serviceQQ/float_s.gif") no-repeat
}
.float0831 .icoTl {
	BACKGROUND: url("../images/serviceQQ/float_s.gif") no-repeat
}
.float0831 .btnOpen {
	BACKGROUND: url("../images/serviceQQ/float_s.gif") no-repeat
}
.float0831 .btnOpen_n {
	BACKGROUND: url("../images/serviceQQ/float_s.gif") no-repeat
}
.float0831 .btnCtn {
	BACKGROUND: url("../images/serviceQQ/float_s.gif") no-repeat
}
.float0831 .titZx {
	BACKGROUND-POSITION: 5px -10px
}
.float0831 .titDh {
	BACKGROUND-POSITION: 5px -66px
}
.float0831 .titDc {
	BACKGROUND-POSITION: 5px -124px
}
.float0831 .icoZx {
	BACKGROUND-POSITION: 2px -154px
}
.float0831 .icoTc {
	BACKGROUND-POSITION: 0px -323px
}
.float0831 .icoFf {
	BACKGROUND-POSITION: 2px -213px
}
.float0831 .icoTl {
	PADDING-LEFT: 16px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -266px; FLOAT: left
}
.float0831 .btnOpen {
	BACKGROUND-POSITION: -30px -396px
}
.float0831 .btnOpen_n {
	BACKGROUND-POSITION: 0px -530px
}
.float0831 .btnCtn {
	BACKGROUND-POSITION: 0px -396px
}
.float0831 .icoZx {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoTc {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoFf {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .btnOpen {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen_n {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnCtn {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen {
	TOP: 60px; LEFT: 1px
}
.float0831 .btnOpen_n {
	TOP: 60px; LEFT: 1px
}
.float0831 .btnCtn {
	TOP: 60px; LEFT: 2px
}
.float0831 UL LI H3.titDc A {
	WIDTH: 80px; DISPLAY: block; HEIGHT: 36px
}
.float0831 UL LI.top {
	BORDER-BOTTOM: #ace5f9 1px solid
}
.float0831 UL LI.bot {
	BORDER-BOTTOM-STYLE: none
}
.float0831 UL.webZx {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BACKGROUND: url("../images/serviceQQ/webZx_bg.jpg") no-repeat; HEIGHT: 137px; PADDING-TOP: 0px
}
.float0831 UL LI.webZx-in {
	BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 120px; PADDING-TOP: 8px
}


/* flexslider */
.flexslider{position:relative;height:600px;overflow:hidden;background:url("../images/layout/loading.gif") 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:600px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url("../images/layout/dot.png") right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url("../images/layout/prev.png") center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url("../images/layout/next.png") center center no-repeat;}