@charset "utf-8";
/* CSS Document */
#page_navigation{ clear:both}
#page_navigation a{
	padding:4px;
	border:1px solid gray;
	margin:2px;
	color:black;
	text-decoration:none;
	
}
.active_page{
	background:#0075c1;
	color:white !important;
}
body,div,span,h1,h2,h3,h4,h5,h6,hr,p,blockquote,strong,var,b,u,i,center,dl,dt,dd,ul,ol,li,prea,address,fieldset,form,fieldset,label,legend,button,input,textarea,th,td{margin:0;padding:0;}
body{color:#333; font-size:12px; font-family:"Arial","Microsoft YaHei","微软雅黑",SimSun,宋体; height:100%;}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle; font-family:"Arial","Microsoft YaHei","微软雅黑"}
button,input,select,textarea{font-size:100%;}
li{list-style-type:none;vertical-align:top;}
img{vertical-align:middle;border:0px;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a img{border:0;}
del{text-decoration:line-through;}
em{font-style:normal;}
.vimg-align{vertical-align:middle;}
legend{color:#222;}
fieldset,img{border:0;}
a{color:#333;text-decoration:none; font-size:12px;}
a:hover{color:#000; text-decoration: none}
.fl{ float:left; display:inline;}
.fr{ float:right;  display:inline;}
.mat{ margin-top:10px;}
.mab{ margin-bottom:10px;}
.mal{ margin-left:10px;}
.mar{ margin-right:10px;}
.mat2{ margin-top:20px;}
.mab2{ margin-bottom:20px;}
.mal2{ margin-left:20px;}
.mar2{ margin-right:20px;}
.oz{ overflow:hidden; zoom:1;}
.oz li,.oz dt,.oz .item{ float:left;}
.clr,.clear{display: block;overflow: hidden;clear: both;height: 0;line-height: 0;font-size: 0;}
.bg-dd {background:#dde5f2;}
.w12 {width:1200px; margin:auto;}
.w960 {width:920px; padding:0 20px; background:#fff; margin:auto;}

#header {position:fixed; width:100%; height:70px; background:#fff; top:0; left:0; z-index:100}
#header .w12 {width:1170px; padding:0 15px;}
#menu {text-align:right; margin:0; padding-left:70px}
#menu a {display:inline-block; width:80px; height:68px; border-top:#fff solid 2px; font-size:14px; line-height:68px; color:#040000; text-align:center;}
#menu a:hover,
#menu a.cur {border-top-color:#e12d2b; background:#e8e8e8;}
.login {text-align:center; padding-top:22px;}
.login dt a {display:inline-block; width:68px; height:28px; line-height:28px; border:#e73962 solid 1px; background:#fff; font-size:12px; color:#e73962; border-radius:5px; margin-left:7px;}
.login dt a:hover,
.login dt a.dl {color:#fff; background:#e73962;}
.login dt a.dl:hover { background:#d92650;}
.login dd a {padding:0 10px; color:#dd0030;}
.login dd a:hover {text-decoration:underline;}
#header .login dd { line-height:30px; padding-left:5px;}

.floor-01 {margin-top:70px; height:567px; text-align:center; background:url(../images/banner-bg.jpg) center top no-repeat #000;}
.floor-01 .banner-box {width:1160px; height:585px; margin:auto;}
.pagination {position: absolute; z-index: 20; left: 50%; margin-left:-18px; bottom: 10px;}
.swiper-pagination-switch {display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #222; margin:0 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer;}
.swiper-visible-switch {background: #aaa;}
.swiper-active-switch {background: #fff;}

.floor-02 { padding:20px 0 30px 0; position:relative; height:370px;}
.floor-02 h2 { padding-top:140px; height:22px; line-height:22px; color:#666; text-align:center; background:url(../images/floor-02.png) top center no-repeat;}
.floor-02 .floor-02box {margin:40px 40px 0 41px;}
.floor-02 .floor-02box  .swiper-slide .txt {width:250px; margin:auto; font-size:14px; color:#777; line-height:21px;}
.floor-02 .floor-02box  .swiper-slide .txt h3 {display:block; position:relative; font-size:24px; line-height:34px; color:#1f2229; padding-left:44px; font-weight:normal; margin-bottom:30px;}
.floor-02 .floor-02box  .swiper-slide .txt h3 em {display:block; position:absolute; width:34px; height:34px; left:0; top:0; background:url(../images/web-icon.png) no-repeat}
.floor-02 .floor-02box  .swiper-slide .txt h3 em.icon-01 {background-position:-162px -256px;}
.floor-02 .floor-02box  .swiper-slide .txt h3 em.icon-02 {background-position:-197px -256px;}
.floor-02 .floor-02box  .swiper-slide .txt h3 em.icon-03 {background-position:-232px -256px;}
.floor-02 a.box-arrow {display:block; position:absolute; width:19px; height:37px; top:290px; background:url(../images/web-icon.png) no-repeat;}
.floor-02 a.box-left {background-position:0 -308px; left:20px;}
.floor-02 a.box-right {background-position:-20px -308px; right:20px;}
.floor-02 a:hover.box-left {background-position:0 -345px}
.floor-02 a:hover.box-right {background-position:-20px -345px}


.floor-03 { background:#f0f0f0}
.floor-03 .f-left {width:430px; padding:0 20px; height:440px; background:#6cc3e7; color:#fff;}
.floor-03 .f-left h2 { width:263px; font-size:24px; padding-left:5px; line-height:36px; padding-top:150px; font-weight:normal; background:url(../images/floor-03.png) 0 50px no-repeat;}
.floor-03 .f-left p {line-height:21px; display:block; padding:30px 0;}
.floor-03 .f-left a {display:block; width:130px; height:34px; line-height:34px; text-align:center; border:#fff solid 2px; color:#fff; font-size:14px;}
.floor-03 .f-right {width:730px; height:420px; margin-top:20px;}
.floor-03 .f-right .swiper-slide a {display:block; width:215px; margin:auto; background:#fff;}
.floor-03 .f-right .swiper-slide a p {line-height:46px; font-size:16px; padding-left:10px} 
.floor-03 .f-right a.arrow-icon {position:absolute; width:37px; height:33px; background:url(../images/web-icon.png) no-repeat; bottom:14px;}
.floor-03 .f-right a.arrow-left {background-position:-40px -308px; right:50px;}
.floor-03 .f-right a.arrow-right {background-position:-78px -308px; right:0;}
.floor-03 .f-right a:hover.arrow-left {background-position:-40px -342px;}
.floor-03 .f-right a:hover.arrow-right {background-position:-78px -342px;}

.floor-04 {margin-bottom:50px;}
.floor-04 .f-top {text-align:center; padding:30px 0;}
.floor-04 .f-top h2 {font-size:35px; font-weight:normal; line-height:50px; color:#000;}
.floor-04 .f-top p {line-height:21px; color:#666;}
.floor-04 dl { width:278px; height:280px; border-radius:15px; text-align:center; margin:0 61px 50px 61px;}
.floor-04 dl dt {height:60px; border-bottom: solid 1px; line-height:60px; font-size:30px;}
.floor-04 dl dd {height:216px; border-top: solid 1px; position:relative;}
.floor-04 dl dd h3 {font-size:60px; line-height:120px; font-weight:normal;}
.floor-04 dl dd h3 small {font-size:30px;}
.floor-04 dl dd span {font-size:24px;}
.floor-04 dl dd em {display:block; position:absolute; width:100px; height:100px; bottom:-50px; left:89px; background:url(../images/web-icon.png) no-repeat}
.floor-04 dl.icon-01 {background:#c4e7f5; color:#0e8cc0;}
.floor-04 dl.icon-01 dt {border-color:#dcf1f9}
.floor-04 dl.icon-01 dd {border-color:#7ac2df}
.floor-04 dl.icon-01 dd em {background-position:0 0;}
.floor-04 dl.icon-02 {background:#d9eca2; color:#84b002;}
.floor-04 dl.icon-02 dt {border-color:#e8f4c7}
.floor-04 dl.icon-02 dd {border-color:#bdd574}
.floor-04 dl.icon-02 dd em {background-position:-100px 0;}
.floor-04 dl.icon-03 {background:#fbebb7; color:#d4a715;}
.floor-04 dl.icon-03 dt {border-color:#fdf3d4}
.floor-04 dl.icon-03 dd {border-color:#ebcf75}
.floor-04 dl.icon-03 dd em {background-position:-200px 0;}
.floor-04 dl.icon-01:hover {background:#6cc3e7; color:#fff;}
.floor-04 dl.icon-01:hover dt {border-color:#a3e0fa}
.floor-04 dl.icon-01:hover dd {border-color:#0b8abf}
.floor-04 dl.icon-01:hover dd em {background-position:0 -100px;}
.floor-04 dl.icon-02:hover {background:#a0cf16; color:#fff;}
.floor-04 dl.icon-02:hover dt {border-color:#bff12c}
.floor-04 dl.icon-02:hover dd {border-color:#7ba10a}
.floor-04 dl.icon-02:hover dd em {background-position:-100px -100px;}
.floor-04 dl.icon-03:hover {background:#f4cd4c; color:#fff;}
.floor-04 dl.icon-03:hover dt {border-color:#ffe385}
.floor-04 dl.icon-03:hover dd {border-color:#d3a612}
.floor-04 dl.icon-03:hover dd em {background-position:-200px -100px;}

.floor-05 {height:772px; background:url(../images/floor-05.gif) left top repeat-x #efefef; color:#fff; text-align:center;}
.floor-05 h2 {font-size:36px; line-height:80px; padding:15px 0 45px 0; background:url(../images/floor-05.png) bottom center no-repeat; font-weight:normal;}
.floor-05 p.txt {font-size:15px; line-height:30px; padding:12px 0;}
.floor-05 a { display:block; width:163px; height:32px; border:#fff solid 1px; border-radius:16px; text-align:center; line-height:32px; font-size:16px; color:#fff; margin:5px auto 16px auto;}
.floor-05 dl {display:block; position:relative; height:493px; background:url(../images/floor-05img.png) bottom center no-repeat; text-align:left; color:#000; line-height:24px;}
.floor-05 dl h3 {font-size:15px; font-weight:normal}
.floor-05 dl dt {width:170px; position:absolute; left:10px;}
.floor-05 dl dd {width:170px; position:absolute; bottom:85px; right:10px;}

.floor-06 {background:#efefef; height:400px;}
.floor-06 h2 {text-align:center; font-size:35px; padding:10px 0 40px 0; font-weight:normal}
.floor-06 span {margin-left:140px; border:#000 solid 1px; display:block;}
.floor-06 .txt {margin-left:40px; width:550px; padding-right:30px; height:223px; font-size:14px; line-height:30px; color:#000;}

.floor-07 {background:url(../images/floor-06.png) top center no-repeat; margin-bottom:30px;}
.floor-07 h2 { color:#d7000d; font-size:29px; padding:80px 0 40px 0; margin:0 10px; border-bottom:#e5e5e5 solid 1px; text-align:center; font-weight:normal}
.floor-07 p {text-align:center; display:block; margin:0 10px; padding:20px 0; border-top:#ededed solid 1px}
.floor-07 p img {-webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); filter: grayscale(100%); filter: url(../images/gray.svg#grayscale); filter:gray; margin:5px;}
.floor-07 p img:hover {-webkit-filter: grayscale(0%); -webkit-filter: grayscale(0); filter: grayscale(0%); filter:none;}

.floor-08 .f-top {margin-bottom:50px;}
.floor-08 .f-top dt {border-bottom:#dcdcdc solid 1px; margin:0 10px; height:64px;}
.floor-08 .f-top dd {width:500px; background:#fff; text-align:center; font-size:16px; color:#000; margin:-64px auto 0 auto;}
.floor-08 .f-top dd h2 { width:420px; display:block; height:70px; line-height:70px; color:#fff; font-weight:normal; background:#ff0048; font-size:29px; margin:10px auto; border-radius:5px;}
.floor-08 .f-list {width:273px; padding-left:60px;}
.floor-08 .f-list dt {width:53px; height:53px; margin-right:10px; background:url(../images/web-icon.png) no-repeat}
.floor-08 .f-list dt.icon-01 {background-position:0 -200px;}
.floor-08 .f-list dt.icon-02 {background-position:-54px -200px;}
.floor-08 .f-list dt.icon-03 {background-position:-108px -200px;}
.floor-08 .f-list:hover dt.icon-01 {background-position:0 -254px;}
.floor-08 .f-list:hover dt.icon-02 {background-position:-54px -254px;}
.floor-08 .f-list:hover dt.icon-03 {background-position:-108px -254px;}
.floor-08 .f-list dd {width:210px;}
.floor-08 .f-list dd strong {font-size:14px;}
.floor-08 .f-list dd p {line-height:22px; padding:5px 0 10px 0; color:#666;}
.floor-08 .f-list dd span {font-size:16px; display:block; color:#666; line-height:30px;}
.floor-08 .e-mail dt {font-size:14px; padding-bottom:10px; font-weight:bold;}
.floor-08 .e-mail dd { height:34px; padding-bottom:10px;}
.floor-08 .e-mail dd input[type="text"] {width:140px; padding-left:10px; height:32px; line-height:32px; border:#e9e9e9 solid 1px; border-right:none; border-radius:10px 0 0 10px; outline:none; font-size:14px;}
.floor-08 .e-mail dd input[type="button"] {width:70px; height:34px; line-height:34px; text-align:center; color:#fff; font-size:16px; border:none; background:#b2b2b2; border-radius:0 10px 10px 0; cursor:pointer}
.floor-08 .fx-icon dt {font-size:14px; line-height:27px; padding-right:10px; font-weight:bold;}
.floor-08 .fx-icon dd {height:27px;}
.floor-08 .fx-icon dd a {width:27px; height:27px; margin:0 10px 0 5px; padding:0; background:url(../images/web-icon.png) no-repeat}
.floor-08 .fx-icon dd a.icon-01 {background-position:-162px -228px;}
.floor-08 .fx-icon dd a.icon-02 {background-position:-190px -228px;}
.floor-08 .fx-icon dd a.icon-03 {background-position:-218px -228px;}
.floor-08 .fx-icon dd a:hover.icon-01 {background-position:-162px -200px;}
.floor-08 .fx-icon dd a:hover.icon-02 {background-position:-190px -200px;}
.floor-08 .fx-icon dd a:hover.icon-03 {background-position:-218px -200px;}

#f-header {width:960px; line-height:30px; overflow:hidden; padding:10px 0; margin:0 auto;}
#f-header .a-index {padding:0 10px;}
#f-header .icon {margin-left:15px;}
#f-header .icon em {width:19px; height:17px; margin:7px 5px 0 0; background:url(../images/web-icon.png) no-repeat}
#f-header .icon em.icon-01 {background-position:-116px -308px}
#f-header .icon em.icon-02 {background-position:-136px -308px}
#f-header .login {padding:0;}

#f-menu {width:960px; height:60px; background:#fff; margin:0 auto 20px auto;}
#f-menu ul { width:580px; padding-right:7px;}
#f-menu ul li {float:right; padding:10px 30px;}
#f-menu ul li a {line-height:36px; display:block; padding:0 5px; font-size:14px; color:#000;}
#f-menu ul li a:hover,
#f-menu ul li.cur a {border-bottom:#000 solid 2px;}

#f-menu dl { width:206px; height:60px; background:#ff8ca3}
#f-menu dl dt {width:153px; padding:16px 10px;}
#f-menu dl dt input {width:153px; height:27px; line-height:27px; background:none; border:none; border-bottom:#fff solid 1px; outline:none; color:#fff;}
#f-menu dl dd { width:27px; height:27px; padding:16px 0px;}
#f-menu dl dd input {width:27px; height:27px; border:none; background:url(../images/web-icon.png) -116px -326px no-repeat; cursor:pointer; outline:none;}
.content-title {border-bottom:#efefef solid 1px; padding:10px 0;}
.content-title h2 {line-height:40px; font-size:24px; font-weight:normal; margin-bottom:10px; }
.content-title span {padding-right:20px;}
.u-left {width:630px; padding:20px 0;}
.content {width:629px; min-height:550px; padding:20px 10px 20px 0; border-right:#efefef solid 1px; font-size:14px; line-height:24px;}
.content .pl-page { line-height:30px;}
.content .pl-page a {padding-left:10px; color:#5a7a9b}
.content .pl-page a:hover {text-decoration:underline;}
.u-left .ul-dl {height:100px;}
.u-left .ul-dl dt {width:210px; text-align:center;}
.u-left .ul-dl dd {width:400px; padding-left:20px; color:#000;}
.u-left .ul-dl dd h2 { font-size:18px; font-weight:normal; line-height:24px; margin-bottom:30px;}
.u-left .ul-dl dd p {line-height:18px;}
.u-left .ul-list h2 { height:37px; padding-left:10px; border-left:#00a0e9 solid 3px; font-size:18px; font-weight:normal; line-height:37px; background:#f5f5f5;}
.u-left .ul-list li {height:39px; line-height:39px; border-bottom:#eaeaea solid 1px; color:#999;}
.u-left .ul-list li span {padding-left:10px; }
.u-left .ul-list li em {padding:0 10px; }
.u-left .ul-list li a {color:#000;}

.u-right {width:270px; padding:20px 0;}
.u-right .ur-list h2 { font-size:16px; color:#dd0030; line-height:24px; border-bottom:#ccc dotted 1px;}
.u-right .ur-list ul li {overflow:hidden; height:40px; line-height:40px; padding-left:5px; border-bottom:#666 dotted 1px;}
.u-right .ur-list ul li a {color:#000;}

.qlist-icon {display:block; position:absolute; width:4px; height:4px; background:#999; left:3px; top:11px;}

.q-left {width:600px; padding-top:20px;}
.q-left dl h2 a {display:block; height:44px; line-height:44px; color:#f78727; font-size:18px; font-weight:normal;}
.q-left dl dd {line-height:18px; color:#999; height:36px; overflow:hidden; margin-bottom:10px;}
.q-left p {display:block; overflow:hidden; line-height:30px;}
.q-left p a {display:block; overflow:hidden; position:relative; height:30px; padding-left:10px; line-height:30px; font-size:14px;}
.q-left p a em {top:13px;}

.q-right {width:300px; padding-top:20px;}
.q-right .qr-top a {display:block; position:relative; height:44px; line-height:44px; text-align:center; font-size:16px; color:#fff; width:69px; padding:0 100px 0 130px; background:#00a2ca; border-radius:3px;}
.q-right .qr-top a em {display:block; position:absolute; width:22px; height:22px; background:url(../images/web-icon.png) -144px -326px no-repeat; top:11px; left:100px;} 
.q-right .qr-bottom {border:#e9e9e9 solid; border-width:0 1px 1px 0; color:#000; overflow:hidden;}
.q-right .qr-bottom h3 {height:50px; padding-left:10px; line-height:50px; font-weight:normal; font-size:18px; border:#e9e9e9 solid; border-width:1px 0 0 1px;} 
.q-right .qr-bottom a {border:#e9e9e9 solid; overflow:hidden; border-width:1px 0 0 1px; padding-left:10px; height:40px; line-height:40px; width:138px; display:block; float:left; font-size:14px;}
.q-right .qr-bottom a.more {width:298px; padding:0; text-align:center}

.q-floor2 {width:207px; margin:30px 28px 10px 2px;}
.q-floor2 h2 {font-size:16px; font-weight:normal; padding-bottom:10px;}
.q-floor2 img {margin-bottom:10px;}
.q-floor2 p {display:block;}
.q-floor2 p a {display:block; overflow:hidden; position:relative; height:26px; padding-left:10px; line-height:26px;}
.q-floor2 .more {display:block; width:103px; height:23px; margin:10px 0 0 20px; background:#00a2ca; border-radius:3px; color:#fff; font-size:14px; text-align:center; line-height:23px;}

.q-floor3 { width:446px; margin:20px 28px 20px 0;}
.q-floor3 h2 { color:#00a2ca; font-size:16px; font-weight:normal; line-height:40px;}
.q-floor3 dl dd {padding:10px 0;}
.q-floor3 dl dd h3 a {display:block; height:22px; overflow:hidden; line-height:22px; font-size:16px; font-weight:normal;}
.q-floor3 dl dd p {display:block; height:44px; padding:5px 0; line-height:22px; color:#999;}
.q-floor3 p a {display:block; overflow:hidden; position:relative; height:26px; padding-left:10px; line-height:26px; font-size:14px;}


#foot {height:50px; padding:10px 0; text-align:center; line-height:25px; background:#e9e7e7; font-size:14px;}
.bg-dd #foot {width:960px; margin:auto; text-align:left; background:none;}

.N-page {display:block; height:34px; padding-bottom:20px; text-align:center;}
.N-page li {display:inline-block; *display:block; *float:left; height:34px; min-width:29px; margin:0 3px; line-height:32px;}
.N-page li a {display:block; height:32px; min-width:27px; line-height:32px; border:#dee6eb solid 1px; border-radius:3px; font-size:14px; background:#fff; color:#666; padding:0 2px;}
.N-page li a:hover,
.N-page li.cur a,
.N-page li.cur a:hover {color:#fff; background:#00a2ca; border-color:#00a2ca}
.N-page li.page-past a, .N-page li.page-next a { position:relative;}
.N-page li.page-past a:hover, .N-page li.page-next a:hover { background:#fff;}
.N-page li.page-past a em, .N-page li.page-next a em {display:block; position:absolute; width:25px; height:30px; top:1px; left:1px; background:url(../images/web-icon.png) no-repeat;} 
.N-page li.page-past a em {background-position:-167px -326px;}
.N-page li.page-next a em {background-position:-193px -326px;}
.N-page li.page-go {width:90px;}
.N-page li.page-go .go-text {height:32px; width:40px; border:#e0dfdf solid 1px; line-height:32px; text-align:center; color:#333; font-size:14px; outline:none;}
.N-page li.page-go .go-btn {height:34px; width:40px; border:#e0dfdf solid 1px; background:#fff; text-align:center; margin-left:-1px; line-height:34px; color:#0070bc; border-radius:3px; outline:none; cursor:pointer}
.N-page li.page-go .go-btn:hover {color:#fff; background:#00a2ca; border-color:#00a2ca}



/***2014-12-1*****/
.uc-tab{ width:630px; height:48px; line-height:48px; border-bottom:1px solid #ededed}
.uc-tab li{ margin-right:22px;text-align:center; float:left; margin-left:17px; display:inline;  }
.uc-tab li a{font-size:14px; color:#000; display:block;height:49px;}
.uc-tab li:hover a{ background:url(../images/uc-line0.gif) no-repeat bottom;  color:#eb0011 }
.uc-tab li.hv a{ background:url(../images/uc-line0.gif) no-repeat bottom; color:#eb0011 }

.uc-crm{ width:615px; border-bottom:1px solid #ccc; overflow:hidden; padding:12px 0px 20px 15px}
.uc-crm li{ float:left; width:630px;  line-height:32px; }
.uc-crm li a{ font-size:14px; color:#000; background:url(../images/uesr-com-icon_03.gif) no-repeat left; padding-left:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:596px; display:block}
.uc-crm li:hover a{ color:#e73962;background:url(../images/uesr-com-icon_04.gif) no-repeat left;}
.uc-down{ width:592px;  padding-bottom:4px; float:left; margin-left:15px; display:none}
.uc-text{ width:570px; border:1px solid #dfdfdf; border-top:0; border-bottom:0; float:left;  padding:8px 10px; line-height:20px;}
.uc-pic1{ display:block; float:left; height:18px; }
.uc-pic2{ display:block; float:left; height:7px;}
.uc-pic1 img,.uc-pic2 img{ vertical-align:top}
.uc-crm li:hover .uc-down{ display:block}

/***2014-12-3*****/
.qaq960 {width:960px;   margin:auto;}
.qaqleft{ float:left; width:617px;  }
.qaqright{ float:right; width:322px; }
.qaqtext{ width:599px; background:#fff; overflow:hidden; padding:16px 0 25px 18px}
.qaqtext p{ color:#0075c1; font-size:14px; height:30px; line-height:30px;}
.qaqtea { border-radius:3px; resize:none; width:570px; height:68px; border:1px solid #ff8ca3; outline:none; padding-left:8px; padding-top:8px;}
.qaqico{ width:580px; overflow:hidden; height:32px; margin-top:5px;}
.qaqico p{ float:right; height:30px; line-height:30px;}
.qaqico p a{ margin-left:10px;}
.qaqico p a img{ padding-right:6px; margin-top:-2px}
.qaqico input{ width:80px; height:30px; background:#ff8ca3; line-height:30px; text-align:center;  border:0; border-radius:3px; cursor:pointer; font-size:14px; color:#fff; outline:0; margin-left:20px;}


.qaqbot{ width:602px; overflow:hidden;  background:#fff; margin-top:18px; padding-left:15px; padding-top:14px;}
.qaqrw{ float:left; width:54px; height:54px; margin-right:14px;}
.qaqwzr strong{ font-size:14px; height:22px; line-height:22px;}
.qaqwzr p{ line-height:22px; color:#dd0034; width:520px; float:left; padding-bottom:12px; background:url(../images/qaqsjt.gif) no-repeat 22px 23px;}
.qaqnrtop{ width:486px; background:#f2f2f5;clear:both; overflow:hidden; margin-left:65px; padding:12px 16px}
.qaqnrh3{ font-size:14px; color:#000; padding-bottom:6px;  }
.qaqcolor{ line-height:20px; color:#666}
.qaqnrico{ margin:14px 0}
.qaqnrico a{ margin-right:10px;}
.qaqnrico a img{ padding-right:5px; margin-top:-3px;}
.qaqtp{ padding-bottom:25px; float:left}
.qaqts{ margin-bottom:5px; color:#666; margin-top:12px;}
.qaqzk{ background:url(../images/icosj7.gif) no-repeat right; text-align:right; padding-right:12px; color:#000; margin-right:16px; height:45px; line-height:45px;}

.qaqtop{ width:322px; background:#fff; overflow:hidden; padding-bottom:25px;}
.qaqtoph3{ width:310px; font-size:18px; color:#d60000; height:40px; line-height:40px; border-bottom:1px solid #f2f2f5; padding-left:12px;}
.qaqtoplist{ width:310px; }
.qaqtoplist li{ float:left; width:126px; height:35px; line-height:35px; padding-left:10px; background:#f2f2f5; border-radius:4px; margin-left:12px; margin-top:12px; margin-right:4px;}
.qaqtoplist li a{ font-size:14px;}
.qaqcenter{ background:#fff; width:300px; margin-top:16px; padding:12px 12px 30px}

.qaqbottom{ width:322px; margin-top:16px; background:#fff; padding-top:12px; padding-bottom:18px;}
.qaqbth2{ font-size:18px; padding-left:12px; border-bottom:1px solid #f2f2f5; padding-bottom:10px;}
.qaqrm{ width:322px; text-align:center; margin-top:14px;}
.Uchide{ display:none}

/****************************************HOME**********************************************************************/
.xw12 {width:1200px; margin:auto;}

#header {position:fixed; width:100%; height:70px; background:#fff; top:0; left:0; z-index:100}
#xmenu { padding-left:104px; width:740px;}
#xmenu li { float:left; margin-left:2px;text-align:center;width:78px; height:68px; position:relative  }
#xmenu li a{ display:block;font-size:14px;color:#040000; border-top:#fff solid 2px;line-height:68px;}
#xmenu li a:hover,#xmenu li.cur a,#xmenu li:hover a{ border-top:2px solid #c00;background:#e8e8e8;}
.Tylogin{ margin-top:22px; height:31px;  text-align:center; line-height:31px;  }
.Tylogin a{ background:url(../images/btn1.png) no-repeat;  width:71px;color:#e73962;float:left;margin-right:8px;}
.Tylogin a:hover,.Tylogin a + a{background:url(../images/btn2.png) no-repeat; color:#fff}
#xmenu li:hover .navDown{ display:block}
html,body{ overflow-x:hidden; height:100%;}


/* flexslider */
.flexslider{position:relative; width:100%;z-index:99 ;overflow:hidden;  }
.slides{position:relative;z-index:1; width:100%; }
.slides li{width:100%;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; }
.flex-control-nav{  position:absolute; bottom:10px;z-index:2; left:30% }
.flex-control-nav li{display:inline-block;width:29px; float:left;height:6px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;line-height:40px;overflow:hidden;width:29px; height:6px; background:#dedede;cursor:pointer;}
.flex-control-nav .flex-active{background:#e12d2b}

.flex-direction-nav{position:absolute;z-index:3; left:0;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:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}



.Ico{ margin:52px auto; overflow:hidden}
.Ico li{ float:left; width:198px; margin-left:38px; height:200px; overflow:hidden}
.Ico li span {  float:left; text-align:center; width:198px;margin-bottom:18px; height:142px; overflow:hidden; }
.Ico li span a{ color:#000;font-size:24px;   }
.Ico li span a img{ display:block; margin:0 auto;}
.Ico li p a{ font-size:12px; width:198px; color:#666; line-height:20px; font-size:14px;}






.hide{display:none;}
.khsj{ background: url(../images/ico9.png) no-repeat 28% bottom;height:503px; overflow:hidden;max-width:1200px; width:100%; margin:0 auto; }
.khsjbg{ background:#d6e58e ;height:503px; overflow:hidden; position:relative;  }
.khsjlf{ color:#000; width:45%; overflow:hidden; margin-left:20px;}
.khsjlf h2{ font-size:24px; margin:96px 0 30px;}
.khsjlf p{ line-height:25px;  height:154px; margin-bottom:30px; overflow:hidden; font-size:14px;}
a.khsMo{ display:block; width:134px;  text-align:center; color:#000; line-height:38px; border:2px solid #000; font-size:14PX;}
.khsjFr{ width:50%; height:414px; margin-top:42px}
.khsjBt{ max-width:1200px;width:100%; margin:0 auto; overflow:hidden;line-height:24px; font-size:14px; }
.khsjBt a{  float:left; width:5.286%; text-align:center; border-bottom:1px solid #fff; margin-left:8%;  }
.khsjBt a:hover{ border-bottom:1px solid #999;color:#c00}
.khsjBt a.cur{ border-bottom:1px solid #999;color:#c00}
.khsjP{ width:715px; margin:0 auto; padding:20px 0 40px; line-height:22px; text-indent:2em; padding-left:185px;  }


.Anlie{ overflow:hidden; padding-bottom:60px; background:#f5f5f5;text-align:center;   width:100%;  margin-top:60px; }
.Anlie ul{ max-width:1200px; width:100%; margin:0 auto; }
.Anlie ul li{ float:left; width:114px; margin:30px 0 0 1.2%}
.Anlie ul li a{ color:#3c588e; font-size:14px; line-height:24px;}
.Anlie ul li a img{ display:block; margin:0 auto }
.Anlie h2{ color:#000; font-size:36px;  padding:40px 0}
.Anlie p{ color:#666; font-size:24px;  padding-bottom:30px;}


.outLine{ height:123px; background:#64aed0; overflow:hidden}
.outLine ul {max-width:1200px; width:96%; margin:0 auto; }
.outLine ul li{ margin-top:40px; }
.outLine ul li span{ font-size:24px; color:#fff; float:left; width:33.333%;}
.outLine ul li span img{ padding-right:10px;}
.outLine ul li p{ text-align:center; width:50.333%; float:left }
.outLine ul li p img{ margin-left:8px;}
.outLine ul li a.Bz{ background:url(../images/outl6.png) no-repeat;  width:13.333%;  line-height:44px; color:#092d3c; text-indent:1em; float:right; font-size:18px;}

.foot{ padding-bottom:30px; background:#326a83; }
.ftov li{  color:#d3f1ff; font-size:14px;}
.ftov li p span{ color:#64aed0; display:block}
.Lx{ width:45%; margin:0 0px 0 40px; float:left}
.lianxi{ display:block;width:500px;}
.lxtop p{ margin-top:10px;}
.lxtop a{ color:#fff; font-size:14px;}
.ftov{ overflow:hidden; padding-top:50px;max-width:1200px; width:96%; margin:0 auto;}
.Xgl{ margin-left:5%;  float:left}
.Xgl span{ display:block; margin-bottom:10px;}
.Xgl a{ color:#d3f1ff; display:block; line-height:22px; font-size:12px;}
.copy{ background:url(../images/ftline.png) repeat-x top; text-align:center; color:#d3f1ff; text-transform:uppercase; line-height:22px; padding-top:20px; margin-top:40px; width:100%}
.ftov span{}

/*********CASE*******/
.CaseBanner{ padding-top:0px;}
.CaseWz { text-align:center; margin:30px auto 50px auto}
.CaseWz h2{ color:#000; font-size:24px; font-weight:normal; padding-bottom:10px;}
.CaseWz p{ font-size:14px; color:#777; line-height:28px;}
.CaseG{ overflow:hidden; width:1117px; margin-bottom:60px;}
.CaseLine{ width:377px; margin-left:20px; }
.CaseP{ line-height:24PX; margin-top:-40px; padding:0 20px 0 30px; border:1px solid #e9e9e9; border-top:0px; border-bottom:0px; width:311px; margin-left:12px}
.CaseP em{ display:block; color:#0075c1; font-size:16px;}
.CaseLine2{ margin-left:12px;}
.CasePosi{ width:526px; position:relative; margin-left:62px;}
.CaseGun ul{  width:10000px; position:absolute; left:0px;}
.CaseGun ul li{ font-size:14px; float:left; line-height:30px;margin-right:14px; width:256px; text-align:center}
.CaseGun ul li strong{ color:#77a9ee}
.CaseBt1{ position:absolute; left:-30px; top:200px; z-index:9}
.CaseBt2{ position:absolute; right:-30px; top:200px; z-index:9}
.CaseGun{ overflow:hidden; width:530px; position:relative; height:470px;}


/*********特点*******/
.characPic{ text-align:center;}
.characPx{ overflow:hidden; width:1200px; margin:0 auto }
.characIco li{ float:left; width:310px; height:383px; margin-left:80px;padding-top:45px;}
.characTu{ display:block; text-align:center}
.characH2{ font-size:36px; font-weight:normal; margin:20px 42px}
.characEm{ padding:4px 10px; background:#fdd94a; margin-top:6px; color:#000; display:inline-block; margin-left:45px; }
.characP{ line-height:24px; margin-top:10px;margin-left:45px;}

/*********导航下拉****************/
.navDown{ background:url(../images/menupng.png); width:740px; height:212px; position:absolute; left:-56px; padding-top:15px; padding-bottom:35px; padding-left:54px; display:none; z-index:999}
.navUl{ width:123px; float:left}
.HdMenu li div.navUl span a{color:#0075c1; line-height:32px; border-top:0; background:none; text-align:left; display:block; margin-bottom:10px; }
.HdMenu li div.navUl p a{ font-size:14px; color:#888; line-height:24px; border:0; background:none; text-align:left}
.HdMenu li div.navUl p a:hover{ color:#0075c1}

/*************功能*************/
.fun{ width:1110px; margin:-30px auto 0; position:relative; }
.fun ul li{ float:left;   background:url(../images/fllin.png) no-repeat right;  padding:0 20px; }
.fun ul li:hover{ border-bottom:2px solid #ffd985; height:54px; }
.fun ul li.cur{ border-bottom:2px solid #ffd985; height:54px;  }
.fun ul li.cur:nth-child(1),.fun ul li:nth-child(1){margin-left:-12px;}
.fun ul li a{font-size:14px; display:block;line-height:56px;}
.fun ul{ float:left; background:url(../images/fl2.png) repeat-x}
.fun3{ overflow:hidden; width:1110px;  padding-bottom:50px; }
.fun3 ul li{ border-bottom:1px dashed #e5e4e4; padding:20px 0;padding-left:15px;}
.fun3 ul li a{ font-size:14px;}
.fun3 ul li em{ float:left; border-left:3px solid #aacd06; color:#aacd06; font-size:16px; padding-left:5px;}


/*************关于*************/
.about{ overflow:hidden; margin-top:50px; width:1152px; padding-bottom:80px;}
.aboutLi{ width:172px;}
.aboutLi li a{ display:block;background:url(../images/atnavpic2.jpg) no-repeat;  padding-left:25px; margin-top:2px; line-height:34px;}
.aboutLi li a:hover{background:url(../images/atnavpic2cur.jpg) no-repeat; color:#95b306}
.aboutLi li a.cur{background:url(../images/atnavpic2cur.jpg) no-repeat; color:#95b306}
.aboutLi p{ background:url(../images/atnavpic.jpg) no-repeat; line-height:38px; color:#fff; font-size:18px; text-indent:25px }
.aboutTl{ font-size:24px; border-bottom:1px solid #c5c5c5; overflow:hidden; height:40px; margin-bottom:20px; font-weight:normal}
.aboutList{ width:650px;}
.aboutList li{color:#666; border-bottom:1px dashed #ccc; overflow:hidden; padding-bottom:15px; margin-bottom:25px; background:url(../images/atico1.png) no-repeat 0 8px; padding-left:12px;}
.aboutA{ width:530px; height:24px; color:#000; text-decoration:underline; font-size:14px;}
.aboutP{  margin-top:10px;}
.aboutLh{ margin-bottom:15px; text-indent:2em}
.contact li{ overflow:hidden;margin-top:100px}
.contact li:nth-child(1){margin:0; }
.contact li p.fl { line-height:50px; font-size:14px;  margin-top:20px;}
.contact li p em{ display:block; }
.join strong{  font-size:14px;}
.join strong,.join em{display:block; text-indent:0;}
.w918{ width:918px; line-height:30px;}
.Ysz{ background:#f5f5f5;}
.CaseLogo{ width:104px;}
.honor{ width:918px; overflow:hidden}
.honor ul{ width:1000px;}
.honor li{ float:left; margin-right:34px; margin-bottom:20px; text-align:center; font-size:14px; width:200px; height:210px;}
.honor li img{width:200px; height:139px;}
.honor li p{ margin-top:10px;}

/***2015-3-6*****/
img {
max-width:100%;
height:auto;
width:auto\9; /* ie8 */
}
#header {position:fixed; width:100%; height:70px; background:#fff; top:0; left:0; z-index:100}
#xmenu { padding-left:104px; width:740px;}
#xmenu li { float:left; margin-left:2px;text-align:center;width:78px; height:68px; position:relative  }
#xmenu li a{ display:block;font-size:14px;color:#040000; border-top:#fff solid 2px;line-height:68px;}
#xmenu li a:hover,#xmenu li.cur a,#xmenu li:hover a{ border-top:2px solid #c00;background:#e8e8e8;}
.Tylogin{ margin-top:22px; height:31px;  text-align:center; line-height:31px;  }
.Tylogin a{ background:url(../images/btn1.png) no-repeat;  width:71px;color:#e73962;float:left;margin-right:8px;}
.Tylogin a:hover,.Tylogin a + a{background:url(../images/btn2.png) no-repeat; color:#fff}
.HdMenu li:hover .navDown{ display:block}


.HdLogo{ width:20%;}
#HdTop{ max-width:1200px; width:100%; height:70px;  margin:0 auto}
.HdMenu{width:60%; margin-left:4%;}
.HdMenu li{float:left; margin-left:2px;text-align:center;  height:68px; position:relative; width:10.111%  }
.HdMenu li a{ display:block;font-size:14px;color:#040000; border-top:#fff solid 2px;line-height:68px;}
.HdMenu li a:hover,.HdMenu li.cur a,.HdMenu li:hover a{ border-top:2px solid #c00;background:#e8e8e8;}

.hdLogin{ margin-top:22px; height:31px;  text-align:center; line-height:31px; width:16%;  }
.hdLogin a{ background:url(../images/btn1.png) no-repeat;  width:71px;color:#e73962;float:left;margin-right:8px;}
.hdLogin a:hover,.hdLogin a + a{background:url(../images/btn2.png) no-repeat; color:#fff}


.Pieces{ margin:50px auto; max-width:1200px; width:100%; overflow:hidden;}
.Pieces li{ float:left; width:12.333%; margin-left:6%;  overflow:hidden;height:auto;  }
.Pieces li span { width:100%;  float:left; text-align:center; margin-bottom:18px;   }
.Pieces li span a{ color:#000;font-size:24px;   }
.Pieces li span a img{ display:block; margin:0 auto;}
.Pieces li p a{ font-size:12px; width:198px; color:#666; line-height:20px; font-size:14px;}




.Middle{max-width:1200px; width:100%; margin:0 auto}
.case{  height:438px; background:#f0f0f0; position:relative;  width:100%;  }
.yanse{background:#6cc3e7; width:100%; height:438px; position:absolute; top:0px; left:-60%}
.prifl{ width:34%; height:393px; background:#6cc3e7;color:#fff; padding:45px 30px 0}
.prifl h2{ font-size:24px;  background:url(../images/private.png) no-repeat; padding-top:90px; width:260px; line-height:36px; }
.prifl p{ line-height:22px; height:85px; overflow:hidden; margin:30px 0;}
a.priflA{ display:block; width:134px; height:38px; border:2px solid #fff; text-align:center; line-height:38px; color:#fff; }


.priCaseUlt{  height:400px; margin-top:20px; width:60%;  position:relative; overflow:hidden}
.priCaseUlt ul{ height:342px; overflow:hidden; position:absolute;width:10000px;  }
.priCaseUlt li{ float:left; height:342px; width:216px; margin-left:24px;}
.priCaseUlt li a{ display:block; background:#fff; font-size:16px; }
.priCaseUlt li a em{ line-height:25px; display:block;  padding:12px; text-transform:capitalize} 
.priCaseUlt li img{ height:280px;} 

.arrow-left,.arrow-right{width:38px; height:33px;  position:absolute; right:0; bottom:0px;filter:alpha(opacity=50); opacity:0.5}
.arrow-left{ background:url(../images/CLBt2.png) no-repeat; right:50px; }
.arrow-right{ background:url(../images/CLBt1.png) no-repeat; }
.arrow-left:hover,.arrow-right:hover,.Zyleft:hover,.Zyright:hover{filter:alpha(opacity=100); opacity:10}
.priCaseUl li img{  max-width:100%}





.ZyzH{ margin:45px auto 60px; overflow:hidden; max-width:1200px; width:100%; }
.ZyzH2{ font-size:36px; text-align:center; color:#000; margin-top:30px }
.ZyzHp{ text-align:center; font-size:24px;  padding:20px 0 45px; width:98%; margin:0 auto}

.Zyzgbl{  position:relative; overflow:hidden; height:232px;}
.Zyzgbl ul{  position:absolute; left:0px;height:232px; width:10000px;}
.Zyzgbl ul li{  float:left;height:232px;  width:1200px;}
.Zyzlp a{  width:92px; height:22px;color:#2790e0; display:block; line-height:22px; }
.ZyzHLe{ margin-left:13%;  }
.Zyzlp a em{ padding-right:5px;}
.Zyzdong{  overflow:hidden; margin:0 auto; position:relative; height:232px; }

.ZyzHW{ width:180px; margin-left:30px; }
.ZyzHW strong{ font-size:20px; color:#2790e0; font-weight:normal}
.ZyzHWp{ font-size:14px; line-height:20px; padding-top:5px;  height:50px; overflow:hidden}
.Zyleft,.Zyright{ position:absolute; width:23px; height:42px;top:70px;filter:alpha(opacity=50); opacity:0.5}
.Zyleft{left:20px;   background:url(../images/arrtow-left.png) no-repeat}
.Zyright{ right:20px;  background:url(../images/arrtow-right.png) no-repeat}
.kh { width:100%; }

@media only screen and (min-width: 320px) and (max-width: 768px){
	.HdLogo{ width:40%;}
	.hdLogin{ width:auto; margin-top:5%;}
	.HdMenu{  width:100%; margin-left:0; margin-top:10px;}
	.HdMenu li{ height:47px; width:11.9%; margin-left:0.5% }
	.HdMenu li a{height:45px; line-height:45px;}
	
	.Pieces{ margin:35px auto 0;}
	.Pieces li { width:26.333%; min-height:225px;}
	.Pieces li span{ margin-bottom:auto}
	.Pieces li span a{ font-size:1.4em}
	.prifl{ width:32%; padding:22px 2% 0}
	.prifl h2{ width:auto; background-size:contain; padding-top:45%;}
	
	.ZyzHLe{ margin-left:auto; width:50%;}
	.Zyzgbl ul li{ width:83%; margin-left:9%; margin-bottom:12px; display:none}
	.Zyzgbl ul li:nth-child(1){ display:block}
	.ZyzHIco1{ width:20%;}
	.ZyzHW{ margin-left:8%; width:64%}
	.ZyzHWp{ height:auto; overflow:auto}
	.Zyzgbl{ height:auto}
	.Zyzdong{ height:auto}
	.Zyzgbl ul{ height:auto; left:auto; position:relative}
	.khsjlf h2{ margin:40px 0 21px}
	.khsjlf{ width:42%;}
	.khsjlf p{ height:129px;}
	.khsjbg{ height:356px;}
	.khsj{ height:357px;}
	
	.khsjP{ width:90%; padding:20px 0 40px 0px; text-align:center; text-indent:0}
	.outLine ul li span{ font-size:1.4em}
	.outLine ul li a.Bz{ width:100%; float:left;}
	.outLine ul li.p{ width:72%;  float:left; }
	.outLine ul li.l{ width:72%; float:left;display:none}
	.outLine ul li p{ width:auto}
	.outLine ul li.m{ width:28%; float:left;}
	.outLine ul li span{ width:100%}
	.outLine ul li.p span em{ width:20%;}
	.ftov span.fl{ width:18%; display:none}
	.Lx{ margin:0 0 20px 0%; width:37%}
	.ftov span.lianxi{ width:100%}
	.lxtop{ width:96%; float:left; clear:both}
	.Xgl{  margin-left:6%;}
	.ftov{ padding-top:25px;}
	.lxtop p{ margin-bottom:10px; margin-top:0; word-wrap: break-word;}
	.outLine ul li a.Bz{ background-size:auto}
	.Anlie{ margin-top:28px;}
}

@media only screen and (max-width: 320px){
	
	ul.Pieces li{ width:90%; min-height:auto; margin-bottom:20px;  }
	.Anlie ul li{ width:102px;}
}
	@media only screen and (min-width: 320px) and (max-width: 360px){
	.case{ height:382px;}
	.prifl{ width:96%; height:359px;}
	.prifl h2{ background-size:auto; padding-top:100px;}
	.prifl p{ height:92px; margin:12px 0}
	.yanse{ height:380px;}
	.priCaseUlt{ float:left; width:100%; height:194px;}
	.arrow-left{ left:0px; top:35%;}
	.arrow-right{ right:0px; top:35%}
	.ZyzHLe{ width:75%;}
	.Zyzgbl ul li{ margin-left:16%; width:100%; height:214px;}
	.khsjlf{ width:88%}
	.khsj{ height:auto; padding-bottom:40px;}
	.khsjbg{ height:auto}
	.khsjFr{ height:auto; width:95%; float:left; margin-left:3%;}
	.khsjBt a{ margin-left:4%; width:10%}
	.khsjP{padding:20px 0}
	.Anlie h2{ padding:16px 0}
	.Anlie p{ width:94%; margin:0 auto}
	
}


@media only screen and (min-width: 768px) and (max-width: 1024px){
	ul.Pieces li{ width:13.333%  }
	}
@media only screen and (min-width: 768px) and (max-width: 1920px){	

.flex-control-nav{ left:45%}
}

/**2015-3-10****/
.zhenghe{ width:150px; margin-top:30px;}
.zhenghe a{ display:block; height:31px; line-height:31px; font-size:14px; text-align:center; margin-bottom:5px;}
.zhenghe a.cur{background:#ecf2f4; }
.zhenghe a:hover{background:#ecf2f4; color:#c9151e }
.zhright{ width:905px; margin-top:30px;}
.xs{ color:#ee6a56; font-size:18px; padding-bottom:12px; font-weight:normal}
.wb{ color:#666; line-height:22px;}
.zhtp{ margin-top:10px;}
.zhlp{ margin-top:40px;}
.zhline{ border-bottom:1px solid #ccc; overflow:hidden; padding-bottom:40px;}