@charset "utf-8";
/* CSS Document */
/** 
華仕尊城設計顧問有限公司
www.w-vi.com
**/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-size:12px; font-family:"微软雅黑"; color:#333;outline:0;}
a,a:hover{color:#333;}
.clearfix{clear:both;}
body{overflow-x:hidden}
::-webkit-scrollbar{width:14px;height:14px}
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb{border-radius:999px;border:5px solid transparent}
::-webkit-scrollbar-track{box-shadow:1px 1px 5px rgba(0,0,0,.2) inset}
::-webkit-scrollbar-thumb{min-height:20px;background-clip:content-box;box-shadow:0 0 0 5px rgba(0,0,0,.2) inset}
::-webkit-scrollbar-corner{background:transparent}
a,li,span{outline:0}
a:hover,a:active,a:focus{outline:0}
a:focus{outline:0}
li:focus{outline:0}
span:focus{outline:0}
a,a:hover,a:visited,a:active,li,li:hover,li:visited,li:active,span,span:hover,span:visited,span:active,div:hover,div:visited,div:active{text-decoration:none;-webkit-transition-property:color;-moz-transition-property:color;-o-transition-property:color;transition-property:color;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}

*, html{-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);}

.w_auto{width:1240px; display:block; margin:0 auto;}

.generaltop{height:40px; background:#404145;}
.generaltop li{ float:left; display:inline-block;}
.generaltop li a{ color:#cbcbcb; font-size:12px;line-height:40px; margin:auto 10px;solid #bcbcbc;}
.generaltop li a:hover{ color:#fff;}
.generaltop li span{ border-right:1px solid #bcbcbc;}
.generaltop .span_0 span{border:none;}
.generaltop .rt{ background:url(images/index_sinaico.png) no-repeat left;padding-left:20px; float:right; display:inline-block; }
.generaltop .rt a{ color:#bcbcbc; font-size:12px; line-height:40px;	}
.generaltop .rt a:hover{ color:#fff;}


.generalhead{height:124px;}
.generalhead a{ height:81px; width:551px;}
.generalhead .logo{ background:url(images/index_logo.png) no-repeat; float:left; display:inline-block; width:551px;height:81px; margin-top:25px;}
.generalhead .rt{ float:right; position:relative; display:inline-block;margin-top:15px;}
.generalhead .rt .tel{ background:url(images/index_tel.png) no-repeat; float:right; display:block; width:254px;height:29px;margin-top:10px;margin-right:10px;}
.generalhead .rt .ssl{float:right; display:inline-block;margin-top:8px;}
.generalhead .rt .ssl .searchbox{width:384px; height:38px; float:left; display:inline-block; border:1px solid #CCC;}
.generalhead .rt .ssl .searchbox .text{ height:38px;width:180px; border:none; font-size:12px; line-height:38px; padding-left:10px;}
.generalhead .rt .ssl .searchbox a{color:#707070; line-height:38px; margin-left:10px; background:#f5f5f5;}
.generalhead .rt .ssl .searchbox a:hover{ color:#000;}
.generalhead .rt .ssl .an{ background:url(images/index_sousuo.png) no-repeat center center;border:1px solid #CCC; border-left:none; float:right; display:inline-block; width:40px; height:40px; cursor:pointer;}
.generalhead .rt .ssl .an a{width:40px; height:38px; display:block;}
.generalhead .twowm{ background:url(images/index_2weima.png) no-repeat; float:right; display:block; width:96px;height:95px; margin-top:10px;}

.generalnav{ height:50px;}
.generalnav .w_auto{position:relative;}
.generalnav .lt{ float:left; display:inline-block; width:240px; background:#005d7f; line-height:50px;}
.generalnav .lt a.tt{ color:#fff; margin-left:20px; font-size:18px; height:50px; display:block; background:url(images/sele_a.png) no-repeat 160px 20px;}
.generalnav .lt a.tt:hover{background:url(images/sele_a.png) no-repeat 160px -50px;}
.generalnav .rt{ float:left; height:50px; overflow:hidden; display:inline-block; width:1000px; background:#404145;}
.generalnav .rt li{ float:left; display:inline-block;line-height:50px;}
.generalnav .rt li:hover{ background:#333437}
.generalnav .rt li a{ color:#fff; font-size:16px; margin:auto 17px; height:50px; display:block;}

.generallink{ height:46px; background:#e5e5e5; color:#666; line-height:46px;}
.generallink li{float:left; margin-right:15px; display:inline-block;}
.generallink li a{ color:#666; font-size:12px;}
.generallink li a:hover{ color:#000;}
.generallink .llt{ margin-left:0px;}

.generalbottom{height:310px; background:#323232;}
.generalbottom li{  width:170px; float:left; margin-top:30px;}
.generalbottom li .title {margin-bottom:10px; display:block; color:#fff; font-size:16px;}
.generalbottom li .title a{color:#fff; font-size:16px;}
.generalbottom li a{ font-size:14px; color:#b2b2b2; line-height:22px;}
.generalbottom li a:hover{ color:#fff;}
.generalbottom .rt{ float:left; display:inline-block; margin-left:20px;}
.generalbottom .rt .word{ font-size:14px; color:#fff; line-height:22px; margin-top:30px;}
.generalbottom .rt a{ background:url(images/index_sqpwico.png) no-repeat; float:left; display:inline-block; margin-right:5px; margin-top:20px;-webkit-transition: all .2s ease-in-out;}
.generalbottom .rt a:hover{-webkit-transform:rotate(360deg);}
.generalbottom .rt a.a1{ background-position:0px 0px; width:32px; height:32px;}
.generalbottom .rt a.a2{background-position:0px -49px; width:32px; height:32px;}
.generalbottom .rt a.a3{background-position:0px -97px; width:32px; height:32px;}
.generalbottom .rt a.a4{background-position:0px -146px; width:32px; height:32px;}
.generalbottom .rt .erweima{ background:url(images/index_wx2weima.jpg) no-repeat; width:88px;height:86px;text-align:center; margin-top:30px;}
.generalbottom .rt .erweima{ color:#fff;14px;line-height:200px; display:block;} 

.generalcopyright{ height:46px; background:#202020; text-align:center;}
.generalcopyright .ll{ color:#b2b2b2; font-size:12px; float:left; display:inline-block; line-height:46px;}
.generalcopyright .nn{ float:right; display:inline-block; text-align:center}
.generalcopyright li{ float:left; display:inline-block; }
.generalcopyright li a{ color:#b2b2b2; font-size:12px; line-height:46px; margin-left:10px;}
.generalcopyright li a:hover{ color:#fff;}

.generalerweima{ background:url(images/index_gzh.png) no-repeat; width:116px;height:107px; position:fixed; top:0px; right:0px; z-index:999;}

.generalgoback{ height:154px; width:60px; background:#fff; position:fixed; right:20px;bottom:30px; border:1px solid #CCC; z-index:999;}
.generalgoback .wx{ background:url(images/index_2weima.png) no-repeat -5px -3px;display:block; width:91px;height:90px; border:3px solid #fff; position:absolute; top:-12px; display:none; right:70px; margin-top:10px;}
.generalgoback .on{ height:77px; width:60px; background:url(images/index_weixin.jpg) no-repeat 10px 10px; text-align:center;border-bottom:1px solid #CCC;}
.generalgoback .on a{ font-size:12px; line-height:130px;height:77px; width:60px;}
.generalgoback .down{height:77px; width:60px; background:url(images/index_gobacktop.png) no-repeat 15px 15px; text-align:center;}
.generalgoback .down a{font-size:12px; line-height:130px;height:77px; width:60px;  display:block;}

.generallk{ margin-top:10px; border-bottom:1px solid #eeeeee;height:60px;  width:1240px;}
.generallk .ll{ float:left; display:inline-block;text-align:center; font-size:28px; line-height:60px;}
/*.generallk .ll a{ font-size:28px; line-height:60px;}*/
.generallk .nn{ float:right; display:inline-block; margin-top:25px;}
.generallk .nn a{font-size:14px; line-height:30px;}
.generallk .nn a:hover{ color:#7297aa;}

/*index*/
.index{ background:url(images/index_bg.png) no-repeat center bottom;}
.index .banner{ height:584px;}
.nav_hidden{display:none; width:100%; height:584px; position:absolute; top:50px; left:0px; z-index:999999999999;}
.lt{ float:left; display:inline-block; width:240px; }
.lt li{ border:1px solid #e8e8e8; border-top:none; height:72px; width:240px; background:#fff; position:relative;}
.lt li .nav_again{ width:800px; padding:10px 30px 10px 30px; position:absolute;top:0; left:239px; display:none; z-index:9999; background:#FFFFFF; border:1px solid #e8e8e8;}
.lt li .nav_again a{color:#666; width:200px; font-size:16px; line-height:22px; height:22px; display:inline-block; float:left; margin: 4px 0;}
.lt li .nav_again .sub_menu a{font-size:14px;}
.lt li .nav_again .sub_menu a.tt_s{font-size:12px; background:url(images/classify_dian.png) no-repeat left; padding-left:15px;}
.lt li .nav_again .yi{font-size:16px;}
.lt li .nav_again .link_show{ float:left; display:inline-block; border-bottom:1px dashed #ccc;}
.lt li .nav_again .link_show:last-child{border:none;}
.lt li .nav_again .link_show:first-child{border-bottom:1px dashed #ccc;}
.lt li .nav_again .link_hide{width:200px;  background:#FFFFFF;}
.lt li .nav_again .er{font-size:14px; margin-left:20px;}
.lt li .nav_again a:hover{color:#06C; text-decoration:underline;}
.lt li .sty1{  margin-left:20px; padding-top:10px;}
.lt li .sty1 a{color:#477d96;font-size:16px; line-height:24px;}
.lt li .sty1 a:hover{text-decoration:none; color:#7cdaf4}
.lt li .sty2{margin-left:20px; line-height:24px; width:220px; height:24px; overflow:hidden;}
.lt li .sty2 a{color:#666; font-size:14px; line-height:26px; margin-right:8px;}
.lt li .sty2 a:hover{text-decoration:underline;}
.lt li:hover .nav_again{display:block;}
.index .banner .rt{ float: right; display:inline-block;width:1000px;}
.index .banner .rt .on{/* background:url(images/index_banner.jpg) no-repeat;*/ width:1000px; height:420px; position:relative; display:block;}
.index .banner .rt .on li{width:100%; height:420px; position:absolute;}
.index .banner #slider li a{ display:block; height:420px;}
.index .banner .num{display:none;}
.index .banner .num span{ text-indent:-9999px;}
.index .banner .rt .on .page{ position:absolute; width:100%; left:834px;; bottom:26px;}
.index .banner .rt .on .page span{width:12px; height:12px; display:inline-block; background:url(images/index_whitedian.png) no-repeat center center;}
.index .banner .rt .on .page span a{height:12px;width:12px; display:block}
.index .banner .rt .on .page span.on, .index .banner .rt .on .page span:hover{ background:url(images/index_blackdian.png) no-repeat center center;}
.index .banner .rt .on .arrwwlt{ background:url(images/index_arrowlt.png) no-repeat center center; position:absolute;width:78px;height:85px; right:60px; bottom:80px;z-index:10;}
.index .banner .rt .on .arrwwlt a{width:78px;height:85px; display:block;}
.index .banner .rt .on .arrwwrt{ background:url(images/index_arrowrt.png) no-repeat center center; position:absolute;width:53px;height:60px;right:34px; bottom:46px;z-index:5;}
.index .banner .rt .on .arrwwrt a{width:53px;height:60px; display:block;}
.index .banner .rt .down{ float:left; display:inline-block;margin-top:-1px;}
.index .banner .rt .down .tp1{ width:333px;height:165px;float:left; position:relative;}
.index .banner .rt .down .img_bg{ position:absolute; left:0px; top:0px; width:333px;height:165px; background:url(images/touming_03.png); display:none; font-size:18px; color:#FFF; line-height:164px; text-align:center; text-align:center;}
.index .banner .rt .down .tp1:hover .img_bg{display:block;}

.index .inner{ background:url(images/big.png); padding-bottom: 20px; width:1260px; margin-top:30px; margin-left:-10px;  height: 2834px; margin-bottom: 20px; }


/*
.xx_left{width:1px; height: 100%; display:block; position:absolute; top: 0px; left:0px; box-shadow:-2px 0px 6px #ccc; background:#f3f3f3;}
.xx_right{width:1px; height: 100%; display:block; position:absolute; top: 0px; right:0px; box-shadow:2px 0px 6px #ccc; background:#f3f3f3;}
.xx_bottom{width:100%; height: 1px; display:block; position:absolute; bottom: 0px; left:0px; box-shadow:0px 2px 6px #ccc; background:#f3f3f3;}
.xx_top{width:100%; height: 9px; display:block; position:absolute; top: -9px; left:0px;}
*/


.index .first .cxscroll{ padding-top:50px;}
.index .first .cxscroll .on{height:30px;}
.index .first .cxscroll .on a{line-height:30px; color:#232323; font-size:24px; margin-left:26px;}
.index .first .cxscroll .on .rt{ float:right; display:inline-block; margin-right:34px;}
.index .first .cxscroll .on .rt span{ width:30px; height:20px; border:1px solid #e9e9e9; text-align:center; float:left;}
.index .first .cxscroll .on .rt span a{ color:#959595; font-size:20px; line-height:20px; margin-left:0;}
.index .first .cxscroll .on .rt span a:hover{ color:#000;}
.index .first .cxscroll .box{ margin-top:10px;height:238px; margin-left:30px;}
.index .first .cxscroll .box ul{}
.index .first .cxscroll .box li{ width:235px; text-align:center; height:235px; float:left; display:inline-block; }
.index .first .cxscroll .box li i{width:235px; height:230px; border:1px solid #e8e8e8;display:block;}
.index .first .cxscroll .box .list_1{border-left:1px solid #e8e8e8;}
.index .first .cxscroll .box li a{ color:#4d4d4d; font-size:14px; line-height:40px; display:block; height:220px; width:225px; border:5px solid #fff;}
.index .first .cxscroll .box .img{width:100%;}
.index .first .cxscroll .box a:hover{border:5px solid #dcf0f6; }
.index .first .cxscroll .box .nobk{ border-left:none;}

.first .cxscroll .box{overflow:hidden;width:1176px;} 
.first .cxscroll .list{overflow:hidden;width:9999px;} 
.first .cxscroll .list li{float:left;width:200px;height:100px;} 


.index .inner .customer{ margin-top:50px;}
.index .inner .customer .on{height:30px;}
.index .inner .customer .on a{line-height:30px; color:#232323; font-size:24px; margin-left:26px;}
.index .inner .customer .cxscroll{height:126px;margin-left:25px; margin-top:10px; position:relative;}
.index .inner .customer .cxscroll .prev{ background:url(images/index_cusarrlt.png) no-repeat 13px 50px; width:38px;height:126px; position:absolute;left:0px; top:1px; display:block;  outline: 1px solid #e8e8e8;}
.index .inner .customer .cxscroll .next{ background:url(images/index_cusarrrt.png) no-repeat 13px 50px; width:38px;height:126px; position:absolute;right:47px; top:1px; display:block;  outline: 1px solid #e8e8e8;}
.index .inner .customer .cxscroll li{ height:126px; width:182px;  outline:1px solid #e8e8e8; float:left; display:block;}
.index .inner .customer .cxscroll li a{height:126px; width:182px; display:block;}


.index .inner .customer .cxscroll{} 
.index .inner .customer .cxscroll .box{overflow:hidden;width:1092px; margin-left:38px;} 
.index .inner .customer .cxscroll .list{overflow:hidden;width:9999px; height: 128px; padding-top: 1px;} 
.index .inner .customer .cxscroll .list li{ height:126px; width:182px;  outline:1px solid #e8e8e8; float:left; display:block;} 
.customer .cxscroll .prev{} 
.customer .cxscroll .next{} 

.index .inner .contact{ margin-top:10px;}
.index .inner .contact_lay{width:1184px; margin-top:46px; margin-left:26px;}

.index .inner .plan{ margin-top:50px;height:30px;}
.index .inner .plan{line-height:30px; color:#232323; font-size:24px; margin-left:26px;}

.index .inner .brand{width:1186px;height:296px; margin-top:10px; background:#ecf7fa;margin-left:25px; position:relative; display:block;}
.index .inner .brand .w_auto{ position:relative; display:block;}
.index .inner .brand .on{height:86px; padding-top:40px;}
.index .inner .brand .on .num{ font-family:"Arial"; height:86px; width:86px; background:#48b2cf; float:left; display:inline-block; text-align:center; margin-left:40px; font-size:62px; color:#fff; line-height:86px;}
.index .inner .brand .on .rt{ float:left; display:inline-block;margin-left:10px;}
.index .inner .brand .on .rt .title{ height:40px; font-size:36px; line-height:50px;}
.index .inner .brand .on .rt .en{height:30px; font-size:22px; line-height:50px;font-family:"Arial"; color:#666;}
.index .inner .brand ul{margin-top:30px; margin-left:40px; }
.index .inner .brand li{ margin-top:6px;background:url(images/index_spdian.png) repeat-y 0 0;padding-left:20px; color:#666; font-size:16px; line-height:28px;}
.index .inner .brand li span{ background:url(images/index_spdian.png) no-repeat left;padding-left:20px;width:12px; height:12px; color:#666; font-size:16px; line-height:24px;}
.index .inner .brand .img{ background:url(images/index_case1.png) no-repeat center center; position:absolute; top:-27px; right:100px; width:383px;height:321px;}

.index .inner .experience{width:1186px;height:296px; margin-top:33px; background:#f4f3f3;margin-left:25px; position:relative; display:block;}
.index .inner .experience .w_auto{ position:relative; display:block;}
.index .inner .experience .on{  margin-left:630px;height:86px; padding-top:55px;}
.index .inner .experience .on .num{ font-family:"Arial"; height:86px; width:86px; background:#247390; float:left; display:inline-block; text-align:center; font-size:62px; color:#fff; line-height:86px;}
.index .inner .experience .on .rt{ float:left; display:inline-block;margin-left:10px;}
.index .inner .experience .on .rt .title{ height:40px; font-size:36px; line-height:50px;}
.index .inner .experience .on .rt .title a{}
.index .inner .experience .on .rt .en{height:30px; font-size:22px; line-height:50px;font-family:"Arial"; color:#666;}
.index .inner .experience .on .rt .en a{}
.index .inner .experience ul{margin-top:40px; margin-left:630px; }
.index .inner .experience li{ margin-top:6px;background:url(images/index_spdian.png) repeat-y 0 0;padding-left:20px; color:#666; font-size:16px; line-height:28px;}
.index .inner .experience li span{ background:url(images/index_spdian.png) no-repeat left;padding-left:20px;width:12px; height:12px;color:#666; font-size:16px; line-height:24px;}
.index .inner .experience .img{ background:url(images/index_case2.png) no-repeat center center; position:absolute; top:-27px; left:40px; width:445px;height:308px;}

.index .inner .crown{width:1186px;height:296px; margin-top:33px; background:#ecf7fa;margin-left:25px; position:relative; display:block;}
.index .inner .crown .w_auto{ position:relative; display:block;}
.index .inner .crown .on{height:86px; padding-top:40px;}
.index .inner .crown .on .num{ font-family:"Arial"; height:86px; width:86px; background:#48b2cf; float:left; display:inline-block; text-align:center; margin-left:40px;font-size:62px; color:#fff; line-height:86px;}
.index .inner .crown .on .num a{}
.index .inner .crown .on .rt{ float:left; display:inline-block;margin-left:10px;}
.index .inner .crown .on .rt .title{ height:40px;font-size:36px; line-height:50px;}
.index .inner .crown .on .rt .title a{ }
.index .inner .crown .on .rt .en{height:30px;font-size:22px; line-height:50px;font-family:"Arial"; color:#666;}
.index .inner .crown .on .rt .en a{ }
.index .inner .crown ul{margin-top:33px; margin-left:40px; }
.index .inner .crown li{ margin-top:6px;background:url(images/index_spdian.png) repeat-y 0 0;padding-left:20px; color:#666; font-size:16px; line-height:28px;}
.index .inner .crown li span{ background:url(images/index_spdian.png) no-repeat left;padding-left:20px;width:12px; height:12px;color:#666; font-size:16px; line-height:24px;}
.index .inner .crown .img{ background:url(images/index_case3.png) no-repeat center center; position:absolute; top:-27px; right:75px; width:481px;height:331px;}

.index .inner .system{width:1186px;height:296px; margin-top:33px; background:#f4f3f3;margin-left:25px; position:relative; display:block;}
.index .inner .system .w_auto{ position:relative; display:block;}
.index .inner .system .on{  margin-left:525px;height:86px; padding-top:55px;}
.index .inner .system .on .num{ font-family:"Arial"; height:86px; width:86px; background:#247390; float:left; display:inline-block; text-align:center; font-size:62px; color:#fff; line-height:86px;}
.index .inner .system .on .num a{}
.index .inner .system .on .rt{ float:left; display:inline-block;margin-left:10px;}
.index .inner .system .on .rt .title{ height:40px;font-size:36px; line-height:50px;}
.index .inner .system .on .rt .title a{ }
.index .inner .system .on .rt .en{height:30px;font-size:22px; line-height:50px;font-family:"Arial"; color:#666;}
.index .inner .system .on .rt .en a{ }
.index .inner .system ul{margin-top:20px; margin-left:525px; }
.index .inner .system li{ margin-top:6px;background:url(images/index_spdian.png) repeat-y 0 0;padding-left:20px; color:#666; font-size:16px; line-height:28px;}
.index .inner .system li span{ background:url(images/index_spdian.png) no-repeat left;padding-left:20px;width:12px; height:12px; color:#666; font-size:16px; line-height:24px;}
.index .inner .system .img{ background:url(images/index_case4.png) no-repeat center center; position:absolute; top:-12px; left:40px; width:440px;height:299px;}

.index .inner .service{width:1186px;height:296px; margin-top:33px; background:#ecf7fa;margin-left:25px; position:relative; display:block;}
.index .inner .service .w_auto{ position:relative; display:block;}
.index .inner .service .on{height:86px; padding-top:40px;}
.index .inner .service .on .num{ font-family:"Arial"; height:86px; width:86px; background:#48b2cf; float:left; display:inline-block; text-align:center; margin-left:40px;font-size:62px; color:#fff; line-height:86px;}
.index .inner .service .on .num a{}
.index .inner .service .on .rt{ float:left; display:inline-block;margin-left:10px;}
.index .inner .service .on .rt .title{ height:40px;font-size:36px; line-height:50px;}
.index .inner .service .on .rt .title a{ }
.index .inner .service .on .rt .en{height:30px; font-size:22px; line-height:50px;font-family:"Arial"; color:#666;}
.index .inner .service .on .rt .en a{}
.index .inner .service ul{margin-top:30px; margin-left:40px; }
.index .inner .service li{ margin-top:6px;background:url(images/index_spdian.png) repeat-y 0 0;padding-left:20px; color:#666; font-size:16px; line-height:28px;}
.index .inner .service li span{ background:url(images/index_spdian.png) no-repeat left;padding-left:20px;width:12px; height:12px;color:#666; font-size:16px; line-height:24px;}
.index .inner .service .img{ background:url(images/index_case5.png) no-repeat center center; position:absolute; top:-24px; right:100px; width:383px;height:319px;}

.index .inner .value{width:1186px;height:296px; margin-top:33px; background:#f4f3f3;margin-left:25px; position:relative; display:block;}
.index .inner .value .w_auto{ position:relative; display:block;}
.index .inner .value .on{  margin-left:630px;height:86px; padding-top:55px;}
.index .inner .value .on .num{ font-family:"Arial"; height:86px; width:86px; background:#247390; float:left; display:inline-block; text-align:center; font-size:62px; color:#fff; line-height:86px;}
.index .inner .value .on .num a{}
.index .inner .value .on .rt{ float:left; display:inline-block;margin-left:10px;}
.index .inner .value .on .rt .title{ height:40px; font-size:36px; line-height:50px;}
.index .inner .value .on .rt .title a{ }
.index .inner .value .on .rt .en{height:30px;font-size:22px; line-height:50px;font-family:"Arial"; color:#666;}
.index .inner .value .on .rt .en a{ }
.index .inner .value ul{margin-top:30px; margin-left:630px; }
.index .inner .value li{ margin-top:6px;background:url(images/index_spdian.png) repeat-y 0 0;padding-left:20px; color:#666; font-size:16px; line-height:28px;}
.index .inner .value li span{ background:url(images/index_spdian.png) no-repeat left;padding-left:20px;width:12px; height:12px; color:#666; font-size:16px; line-height:24px;}
.index .inner .value .img{ background:url(images/index_case6.png) no-repeat center center; position:absolute; top:0px; left:0px; width:487px;height:291px;}

.index .footer{ background:url(images/index_footbg.png) no-repeat center; height:520px; width:1260px; margin-left:-10px;}
.index .footer .ll{width:370px; margin-left:30px; float:left; display:inline-block;}
.index .footer .cc{width:370px; margin-left:36px; float:left; display:inline-block;}
.index .footer .rr{width:370px; margin-right:30px; float:right; display:inline-block;}
.index .footer .title{height:30px; float:left; display:inline-block; margin-top:40px;}
.index .footer .title a{ font-size:24px; line-height:30px;}
.index .footer .more1{margin-top:12px;}
.index .footer .more1 a{ font-size:14px; color:#06C; }
.index .footer .more1 a:hover{ color:#0CF;} 
.index .footer .more2{ float:right; display:inline-block;margin-top:50px;}
.index .footer .more2 a{font-size:14px; color:#808080; line-height:20px;}
.index .footer .more2 a:hover{ color:#000;}
.index .footer .img1{width:370px;height:230px; margin-top:10px;}
.index .footer .img2{ width:369px;height:230px;margin-top:10px;}
.index .footer .img3{ width:369px;height:230px;margin-top:10px;}
.index .footer .about{ font-size:14px; color:#6d6d6d; line-height:30px; margin-top:10px;}
.index .footer .new ul{ margin-top:10px;}
.index .footer .new li{width:370px;}
.index .footer .new li .word{ float:left; display:inline-block; padding-top:5px;}
.index .footer .new li .word a{font-size:14px; color:#6d6d6d; line-height:26px;}
.index .footer .new li .word a:hover{ color:#000;}
.index .footer .new li .dat{ font-family:"Arial"; font-size:14px; color:#6d6d6d; float:right; display:inline-block;line-height:26px;padding-top:5px;}

/*activities*/
/*.active{ background:url(images/activities_banner1.jpg) no-repeat center center; height:445px;}*/
.active .let{ float:left; display:inline-block;margin-top:65px;text-shadow:5px 5px 20px #000;}
.active .let .sty1{font-size:42px;  line-height:50px; color:#fff; }
.active .let .sty2{font-size:18px;  line-height:24px; color:#fff; margin-top:15px;}
.active .let .sty3{font-size:20px;  line-height:30px; color:#fff; margin-top:30px;}
.buy{ background:url(images/activities_banner2.jpg) no-repeat center center; height:444px;}
.buy .rit{ float:right; display:inline-block;margin-top:120px; text-shadow:5px 5px 10px #000;}
.buy .rit .sty1{font-size:58px;  line-height:70px; color:#fff; }
.buy .rit .sty2{font-size:36px;  line-height:40px; color:#fff; margin-top:10px;}
.buy .rit .sty3{font-size:14px;  line-height:30px; color:#fff; margin-top:20px;}
.lik{ height:40px;}
.lik .ll{ float:left; display:inline-block; font-size:36px; color:#fff; line-height:40px;}
.lik .nn{ float:right; display:inline-block; margin-top:20px;}
.lik .nn a{font-size:12px; color:#fff; line-height:20px;}

/*summary*/
.nav{ border-bottom:1px solid #eeeeee; height:60px; text-align:center; width:1240px;}
.nav .ll{ float:left; display:inline-block; font-size:28px; line-height:60px;}
/*.nav .ll a{font-size:28px; line-height:60px; }*/
.nav .nn{ float:right; display:inline-block;}
.nav .nn li{ float:left; display:inline-block; margin-left:10px;}
.nav .nn li a{ font-size:14px; line-height:60px;}
.nav .nn li a:hover{ color:#7297aa;}
.banner1{ background:url(images/summary_banner1.jpg) no-repeat center center;height:879px;}
.banner1 .word{ text-align:center; padding-top:60px;}
.banner1 .word .sty1{ font-size:54px; line-height:60px; }
.banner1 .word .sty2{ font-size:20px; line-height:30px; color:#666;margin-top:20px;}
.banner2{ background:url(images/summary_banner2.jpg) no-repeat center center; height:996px;}
.banner2 .w_auto{ position:relative; display:block;}
.banner2 .sty1{ font-size:64px; color:#fff; line-height:70px; position:absolute; top:260px; right:235px;}
.banner2 ul{ position:absolute; top:350px; right:-15px;}
.banner2 li{ float:left; display:block; margin-top:30px; width:240px; margin-left:40px;}
.banner2 li span{ background:url(images/summary_allico.png) no-repeat; padding-left:70px;margin-right:20px; float:left; display:block;font-size:16px; color:#fff; line-height:20px;height:50px;width:176px;}
.banner2 li span.a1{ background-position:0px 0px;}
.banner2 li span.a2{ background-position:0px -348px; }
.banner2 li span.a3{ background-position:0px -80px; }
.banner2 li span.a4{ background-position:0px -425px;}
.banner2 li span.a5{ background-position:0px -164px; }
.banner2 li span.a6{ background-position:0px -514px; }
.banner2 li span.a7{ background-position:0px -255px;}
.banner2 li span.a8{ background-position:0px -600px; }
.banner3{ background:url(images/summary_banner3.jpg) no-repeat center center; height:990px;}
.banner4{ background:url(images/summary_banner4.jpg) no-repeat center center; height:995px; }
.banner4 .wzms{ padding-top:345px; padding-left:820px;}
.banner4 .wzms .title{ font-size:46px; color:#333; line-height:60px; margin-left:-30px;}
.banner4 .wzms .word{ font-size:34px; color:#595959; line-height:40px; margin-top:25px; margin-bottom:40px;}
.banner4 .wzms span{ background:url(images/summary_smallblue.png) no-repeat 0px 8px; padding-left:16px; font-size:16px; line-height:30px; color:#666; }
.banner5{ height:966px;}
.banner5 .in{ background:url(images/summary_banner5.jpg) no-repeat center center; width:1246px; height:828px; padding-top:280px; position:relative; display:block;}
.banner5 .in .dw1{ position:absolute; top:222px; left:230px;}
.banner5 .in .dw2{position:absolute; top:222px; left:558px;}
.banner5 .in .dw3{position:absolute; top:222px; left:886px;}
.banner5 .in .dw4{position:absolute; top:472px; left:230px;}
.banner5 .in .dw5{position:absolute; top:472px; left:558px;}
.banner5 .in .dw6{position:absolute; top:472px; left:886px;}
.banner5 .in .dw7{position:absolute; top:722px; left:230px;}
.banner5 .in .dw8{position:absolute; top:722px; left:558px;}
.banner5 .in .blue{ background:url(images/summary_bigblue.png) no-repeat; width:32px; height:33px;}
.banner5 .in .num{ font-size:34px; line-height:40px;float:left; display:inline-block; color:#333}
.banner5 .in .word{ font-size:24px; line-height:40px; color:#333; }
.banner5 .in .xxms{ font-size:16px; line-height:22px; color:#666;}




/*charge*/
.charge{ border-top:1px solid #eeeeee;}
.charge .title{ height:40px; margin-top:20px;}
.charge .title .ll{ font-size:20px; line-height:40px; float:left; display:block; margin-right:20px;}
.charge .title .nn{ margin-top:10px; float:right; display:block; margin-right:0px;}
.charge .title .nn a{ color:#81c0d6;font-size:12px; line-height:30px;}
.charge .title .nn a:hover{ color:#39C;}
.apro_list{width:1300px;  margin: 20px 0;}
.apro_list ul{margin-left:-10px;}
.charge li{ height:280px; width:297px; float:left; display:inline-block; margin:0 10px;}
.charge li .bj{ position:relative;width:297px; height:195px;} 
.charge li .bj a,.charge li .bj span{display:none; text-decoration:none}
.charge li .bj:hover{cursor:pointer} 
.charge li .bj:hover a.now{cursor:pointer; position:absolute; top:20px; width:100%; height:100%; z-index:100; left:0; display:block; text-align:center;}
.charge li .bj .shover{background:url(images/bggg_03.png) repeat; display:none;position:absolute; top:0px; left:0px;width:297px; height:195px; }
.charge li .bj .shover .cont{font-size:16px; line-height:22px; color:#fff; width:230px; height: 100px; margin:60px auto 0 auto;}
.charge li .bj:hover .shover{display:block;}

.charge li .bj span{background:url(images/bggg_03.png) repeat; display:none;position:absolute; top:0px; left:0px;width:237px; z-index:10;height:135px; font-size:16px; line-height:22px; padding-top:60px; padding-left:60px;color:#fff;}
.charge li .bj:hover span{display:block;}
.charge li .bj .word{ margin-top:10px;font-size:18px; line-height:22px;}


/*solution*/
.solution{height:482px; margin-top:20px;}
.solution .w_auto{ position:relative; display:block;}
.type_desc{width:550px;font-size:14px; color:#666; line-height:22px; padding:20px 0 0 60px;}
.solution .title{ font-size:44px; color:#005d7f; line-height:100px;}
.solution .title a{color:#005d7f;}
.solution .title a:hover{color:#000;}


/*star*/

.star{}
.star .w_auto{ position:relative; display:block;}
.star .bg{width:1240px; height:400px; position:relative; display:block;border:1px solid #d1d1d1; }
.star .bg a{width:1230px; height:390px; border:5px solid #FFF;   display: block;}
.star .bg a:hover{border:5px solid #dcf0f6;}
.star .img{width:700px; height:340px; float:right; display:inline-block; margin:20px;}
.star .ll{float:left; display:inline-block; height: 200px;  width: 400px; margin:100px 30px 0 30px;}
.star .bq .img{float:left;}
.star .bq .ll{float:right;}
.star .title{ font-size:36px; line-height:60px;}
.star .word{ font-size:16px; line-height:22px;margin-bottom:30px; width:380px;}
.star span{ background:url(images/star_moreico.png) no-repeat 66px 0px; padding-right:20px; width:15px;height:15px; }
.star span a{ font-size:16px; line-height:20px; color:#71b9d2;}
.star span a:hover{ color:#0CC;}
.star .ll{float:left; display:inline-block; height: 200px;  width: 400px; margin:100px 30px 0 30px;}
/*.star .nn{height: 200px;  width: 400px;}*/
.pgup{height:140px; width:100%; }
.pgup ul{text-align:center;  padding-top:50px;}
.pgup li{width:30px;  height:30px; display:inline-block; border:1px solid #e4e4e4; text-align:center;font-size:16px; line-height:30px; margin-right:10px;}
.pgup li:hover{border:1px solid #005d7f;}

/*question*/
.question{}
.question .link{ height:40px;}
.question .link a{ line-height:40px; font-size:14px; color:#808080;}
.question .link a:hover{ color:#000;}
.question .ll{ width:250px; float:left; display:block; border:1px solid #e7e7e7;}
.question .ll .title{ height:46px; font-size:18px; line-height:46px; padding-left:10px;}
.question .ll .pro{ height:46px; font-size:14px; color:#666; line-height:46px; padding-left:10px;border-left:2px solid #fff; }
.question .ll .pro a{display:block; height:46px;}
.question .ll .pro:hover,.question .ll .hover2{ background:#fafafa; border-left:2px solid #4db5d1;}
.question .nn{ width:977px; padding-bottom:20px; margin-bottom:20px; border:1px solid #e7e7e7; float:right}
.question .nn .img{ background:url(images/question_img.jpg) no-repeat center center; height:162px; width:916px; margin-left:30px; margin-top:40px;}
.question .nn li{margin-left:20px;height:76px;width:910px; border-bottom:1px dashed #ededed; overflow:hidden;}
.question .nn li span{padding-left:30px;}
.question .nn li span.a1{ background:url(images/question_Q.png) no-repeat; width:24px; height:20px;  font-size:17px; line-height:76px;}
.question .nn li span.a2{background:url(images/question_A.png) no-repeat; width:790px; height:24px;  font-size:15px; color:#727171;}
.question .nn li:hover{ height:155px;}
.question .pgup{ width:100%; }
.question .pgup ul{text-align:center;  padding-top:50px;}
.question .pgup li{width:30px;  height:30px; display:inline-block; border:1px solid #e4e4e4; text-align:center;font-size:16px; line-height:30px; margin-right:1px; margin-left:1px;}
.question .pgup li:hover{border:1px solid #005d7f; height:30px;}

/*data*/
.data{}
.data .link{ height:40px;}
.data .link a{ line-height:40px; font-size:14px; color:#808080;}
.data .link a:hover{ color:#000;}
.data .ll{ width:250px;  float:left; display:block; border:1px solid #e7e7e7;}
.data .ll .title{ height:46px; font-size:18px; line-height:46px; padding-left:10px;}
.data .ll .pro{ height:46px; font-size:14px; color:#666; line-height:46px; padding-left:10px;border-left:2px solid #fff;}
.data .ll .pro a{height:46px;  display:block;}
.data .ll .pro:hover,.data .ll .hover2{ background:#fafafa; border-left:2px solid #4db5d1;}
.data .nn{ width:977px; border:1px solid #e7e7e7; float:right; padding-bottom:20px; margin-bottom:20px; }
.data .nn .title{ height:46px; border-bottom:1px solid #e7e7e7;}
.data .nn .title a{ font-size:18px; line-height:46px; margin-left:20px;}
.data .nn li{ height:154px; margin-left:20px; position:relative; display:block;}
.data .nn li .word{  padding-top:50px; padding-bottom:10px; font-size:18px; line-height:22px; color:#2d2d2d; height:22px;}
.data .nn li .word a{}
.data .nn li .word a:hover{ color:#CCC;}
.data .nn li span{ background:url(images/data_ico.png) no-repeat; float:left; display:inline-block;}
.data .nn li span.a1{ background-position:2px 0px; padding-left:30px; height: 20px} 
.data .nn li span.a2{ margin-left:20px;background-position:0px -24px;padding-left:20px; color:#119cc1;}
.data .nn li .more{ width:124px; height:30px; background:#999999; position:absolute; top:50px; right:20px; text-align:center;}
.data .nn li .more:hover{  background:#119cc1;}
.data .nn li .more span{ background:url(images/data_icoarr.png) no-repeat 92px 10px; padding-right:30px;}
.data .nn li .more span a{ font-size:14px; line-height:30px; color:#fff; margin-left:20px; height:30px;}
.data .nn .w_auto{ width:977px; text-align:center;}
.data .nn .pageup{ height:30px; width:30px; border:1px solid #e4e4e4; text-align:center; display:inline-block; margin-top:80px;}
.data .nn .pageup:hover{border:1px solid #005d7f;}
.data .nn .pageup a{ line-height:30px; font-size:12px;}

/*news*/
.news{}
.news .link{ height:40px;}
.news .link a{ line-height:40px; font-size:14px; color:#808080;}
.news .link a:hover{ color:#000;}
.news .ll{ width:250px;  float:left; display:block; border:1px solid #e7e7e7;}
.news .ll .title{ height:46px; font-size:18px; line-height:46px; padding-left:10px;}
.news .ll .pro{ height:46px; font-size:14px; color:#666; line-height:46px; padding-left:10px;border-left:2px solid #fff;}
.news .ll .pro a{ height:46px; display:block;}
.news .ll .pro:hover,.news .ll .hover2{ background:#fafafa; border-left:2px solid #4db5d1;}

.news .ll i{ height:46px; font-size:14px; color:#666; line-height:46px; padding-left:10px;border-left:2px solid #fff; display:block;}
.news .ll i a{ height:46px; display:block;}
.news .ll i:hover,.news .ll .hover2{ background:#fafafa; border-left:2px solid #4db5d1;}

.news .nn{width:977px;border:1px solid #e7e7e7; float:right; padding-bottom:20px; margin-bottom:20px;}
.news .nn .tie{ height:46px; border-bottom:1px solid #e7e7e7;font-size:18px; line-height:46px; margin-left:20px;}
.news .nn .w_auto{ width:977px; text-align:center;}
.news .nn .pageup{ height:30px; width:30px; border:1px solid #e4e4e4; text-align:center; display:inline-block; margin-top:50px;}
.page{text-align:center;}
.page span{ padding:4px 10px; border:1px solid #e4e4e4; text-align:center; display:inline-block; margin-top:50px;line-height:20px; font-size:12px}
.page a{padding:4px 10px;  border:1px solid #e4e4e4; text-align:center; display:inline-block; margin-top:50px;line-height:20px; font-size:12px}
.page a:hover{border:1px solid #005d7f}
.news .nn .pageup:hover{border:1px solid #005d7f;}
.news .nn .pageup a{ line-height:30px; font-size:12px;}
.news .nn li{ height:175px;}
.news .nn li .img{ float:left; display:inline-block; height:112px; width:185px; margin-top:20px; margin-left:20px;}
.news .nn li .img a{ display:block;}
.news .nn li .rit{ float:left; display:inline-block; margin-left:20px; width:592px; height:134px;}
.news .nn li .rit .title{ margin-top:20px; font-size:18px; line-height:22px; }
.news .nn li .rit .word{ margin-top:10px; font-size:14px; line-height:18px; color:#727171;}
.news .nn li .rit .more{ width:96px; height:26px; background:#119cc1; margin-top:20px; font-size:12px; line-height:26px; color:#fff; text-align:center; }
.news .nn li .rit .more:hover{ background:#0CC;}
.news .nn li .rit .title a:hover,.news .nn li .rit .word a:hover{ color:#CCC;}
.new_read{padding:20px; font-size:14px; line-height:22px; }
.new_read img{ max-width:936px;}
.listpage{margin-top:20px; font-size:14px; line-height:22px; display:block;}
.listpage a:hover{text-decoration:underline; color:#F00;}

.friend_name li{float:left; display:inline-block; margin:10px; margin-left:20px; margin-right:7px; height:154px !important; position:relative;}
.friend_name li a{height:154px ; display:block;}
.friend_name li .play_bg{ position:absolute; width:100%; height:100%; background:#00CCFF; opacity:0.7; display:block; left:0px; top:0px;}
.friend_name li .play{position:absolute; width:100%; height:100%; background:url(images/play_ioc.png) 80px 50px no-repeat;  display:block; left:0px; top:0px; z-index:9;}
.friend_name li img{border:1px solid #CCC;}

.nav2{line-height:40px; display:block; text-align:right; font-size:12px; color:#CCC; font-family:Arial, Helvetica, sans-serif;}
.nav2 a{font-family:'微软雅黑';}
.nav2 a:hover{color:#477d96; text-decoration:underline}
.nav2 span{margin:0 10px;}

/*introduction*/
.introduction{}
.introduction .link{ height:40px;}
.introduction .link a{ line-height:40px; font-size:14px; color:#808080;}
.introduction .link a:hover{  color:#000;}
.introduction .ll{ width:250px;  float:left; display:block; border:1px solid #e7e7e7;}
.introduction .ll .title{ height:46px; font-size:18px; line-height:46px; padding-left:10px;}
.introduction .ll .pro{ height:46px; font-size:14px; color:#666; line-height:46px; padding-left:10px;border-left:2px solid #fff;}
.introduction .ll .pro a{height:46px; display:block;}
.introduction .ll .pro:hover,.introduction .ll .hover2{ background:#fafafa; border-left:2px solid #4db5d1;}
.introduction .nn{ width:937px; float:right; display:block; border:1px solid #e7e7e7;padding:20px; margin-bottom: 20px; font-size:14px; line-height:20px; color:#666; }
.introduction .nn img{ max-width:937px; text-align:center; margin:10px 0;}
/*.introduction .nn .img2{ background:url(images/introduction_map.png) no-repeat; width:822px; height:402px;margin-left:30px; margin-top:40px;}*/
/*.introduction .nn .title{ font-size:28px; line-height:34px; margin-top:20px;margin-left:30px;}*/
/*.introduction .nn .word{ font-size:14px; line-height:20px; color:#666; margin-top:20px; margin-left:30px;}*/

/*contact*/
.contact{}
.contact .link{ height:40px;}
.contact .link a{ line-height:40px; font-size:14px; color:#808080;}
.contact .link a:hover{ color:#000;}
.contact .ll{ width:250px;  float:left; display:block; border:1px solid #e7e7e7;}
.contact .ll .title{ height:46px; font-size:18px; line-height:46px; padding-left:10px;}
.contact .ll .pro{ height:46px; font-size:14px; color:#666; line-height:46px; padding-left:10px;border-left:2px solid #fff;}
.contact .ll .pro a{ height:46px; display:block;}
.contact .ll .pro:hover,.contact .ll .hover2{ background:#fafafa; border-left:2px solid #4db5d1;}
.contact .nn{ width:977px; min-height:1232px; float:right; display:block;border:1px solid #e7e7e7; position:relative; margin-bottom:20px;}
.contact .nn .img{ background:url(images/contact_map.png) no-repeat;width:975px;height:619px;}	
.contact .nn ul{ float:left; display:block;}
.contact .nn li{ margin-top:30px; margin-left:30px; padding-left:60px;}

.contact .nn li.ic0, .contact .nn li.ic2, .contact .nn li.ic4, .contact .nn li.ic6, .contact .nn li.ic8, .contact .nn li.ic10, .contact .nn li.ic12{background:url(images/contact_mapico2.png) no-repeat top left;}
.contact .nn li.ic1, .contact .nn li.ic3, .contact .nn li.ic5, .contact .nn li.ic7, .contact .nn li.ic9, .contact .nn li.ic11, .contact .nn li.ic13{background:url(images/contact_mapico1.png) no-repeat top left;}

.contact .nn li .add{ font-size:16px; color:#4d4d4d; line-height:24px; width:280px;}
.contact .nn li .con{ font-size:14px; color:#808080; line-height:24px;}
.contact span{ position:absolute;}
.contact span.a1{ background:url(images/contact_mapico4.png) no-repeat; top:356px; right:254px; height:56px; width:40px;}
.contact span.a2{background:url(images/contact_mapico3.png) no-repeat;height:56px; width:40px;top:414px; right:236px;}
.contact span.a3{background:url(images/contact_mapico3.png) no-repeat;height:56px; width:40px;top:510px; right:353px;}
.contact span.a4{background:url(images/contact_mapico2.png) no-repeat; width:31px; height:43px; left:52px; bottom:542px;}
.contact span.a5{background:url(images/contact_mapico1.png) no-repeat;width:31px; height:43px;left:52px; bottom:330px;}
.contact span.a6{background:url(images/contact_mapico2.png) no-repeat;width:31px; height:43px;left:52px; bottom:130px;}
.contact .tt{ float:left; display:inline-block; width:460px; margin-left:30px;}
.contact .tt .lll{ float:left;  display: inline-block;}
.contact .tt .nnn{ float:right;  display: inline-block;}
.contact .tt .word{ margin:16px 0 4px 0; font-size:12px; color:#666; height:14px;}
.contact .tt .ok{ width:76px; height:32px;  background:#b6b4b4; text-align:center;font-size:14px; line-height:32px; color:#fff; margin-top:50px;}
.contact .tt .ok:hover{ background:#000;}

/*field*/
.field1{ background:url(images/field_banner1.jpg) no-repeat center center; height:612px;}
.field1 .cont{ padding-top:100px;}
.field1 .cont .title{ font-size:44px; line-height:50px;}
.field1 .cont .word{ font-size:18px; line-height:22px; margin-top:20px;}
.field1 .cont ul{ margin-left:-30px; margin-top:30px;}
.field1 .cont li{ width:186px; height:88px; border-right:1px solid #e0e0e0; float:left; display:inline-block;}
.field1 .cont li .num{ font-family:"Arial"; font-size:62px; color:#7fbdd3; line-height:70px; margin-left:30px;}
.field1 .cont li .ms{ font-size:14px; line-height:20px;margin-left:30px;}
.field1 .cont .nobk{ border:none;}
.field2{ background:url(images/field_banner2.jpg) no-repeat center center; height:610px;}
.field2 .cont{ float:right; padding-top:230px; }
.field2 .cont .title{ font-size:44px; line-height:50px;}
.field2 .cont .word{ font-size:18px; line-height:22px; margin-top:20px;}
.field3{ background:url(images/field_banner3.jpg) no-repeat center center; height:1105px; text-align:center;}
.field3 .cont{  padding-top:100px; }
.field3 .cont .title{ font-size:44px; line-height:50px;}
.field3 .cont .word{ font-size:18px; line-height:22px; margin-top:20px;}
.field3  ul{ text-align:left; margin-top:630px; margin-left:120px;}
.field3  li{ float:left; display:inline-block; margin-top:20px;}
.field3  li span{ background:url(images/field_allico.png) no-repeat;padding-left:70px;margin-right:20px; float:left; display:block;font-size:16px;line-height:20px;height:50px;width:176px;}
.field3  li span.a1{ background-position:0px 0px;}
.field3  li span.a2{ background-position:0px -296px; }
.field3  li span.a3{ background-position:0px -438px; }
.field3  li span.a4{ background-position:0px -148px;}
.field3  li span.a5{ background-position:0px -62px; }
.field3  li span.a6{ background-position:0px -362px; }
.field3  li span.a7{ background-position:0px -506px;}
.field3  li span.a8{ background-position:0px -220px; }
.field4{ background:url(images/field_banner4.jpg) no-repeat center center; height:626px;}
.field4 .cont{ width:990px; margin-left:180px; padding-top:90px;}
.field4 .cont .title{ font-size:44px; line-height:50px; float:right; display:inline-block}
.field4 .cont .word{ font-size:18px; line-height:22px; margin-top:20px; float:right; display:inline-block; text-align:right;}
.field4 .cont ul{float:left; display:inline-block;}
.field4 .cont li{ width:186px; height:88px; border-right:1px solid #e0e0e0; float:left; display:inline-block;}
.field4 .cont li .num{ font-family:"Arial"; font-size:62px; color:#7fbdd3; line-height:70px; margin-left:30px;}
.field4 .cont li .ms{ font-size:14px; line-height:20px;margin-left:30px;}
.field4 .cont .nobk{ border:none;}
.field5{ height:380px;}
.field5 .w_auto{ position:relative; display:block;}
.field5 .title{ font-size:32px; line-height:40px; padding-top:30px;}
/*.field5 li{ height:280px; width:297px; float:left; display:inline-block;}*/
.field5 .cxscroll .list li .bj{ position:relative;width:297px; height:195px;} 
.field5 .cxscroll .list li .bj a,.charge li .bj span{display:none; text-decoration:none}

.field5 .cxscroll .list li .bj .shover{background:url(images/bggg_03.png) repeat; display:none;position:absolute; top:0px; left:0px;width:297px; height:195px; }
.field5 .cxscroll .list li .bj .shover .cont{font-size:16px; line-height:22px; color:#fff; width:230px; height: 100px; margin:60px auto 0 auto;}
.field5 .cxscroll .list li .bj:hover .shover{display:block;}

.field5 .cxscroll .list li .bj:hover{cursor:pointer} 
.field5 .cxscroll .list li .bj:hover a.now{cursor:pointer; position:absolute; top:20px; width:100%; height:100%; z-index:100; left:0; display:block; text-align:center;}
.field5 .cxscroll .list li .bj span{ background:url(images/bggg_03.png) repeat; display:none;position:absolute; top:0px; left:0px;width:237px; z-index:10;height:135px; font-size:16px; line-height:22px; padding-top:60px; padding-left:60px;color:#fff;}
.field5 .cxscroll .list li .bj:hover span{  display:block;}
.field5 .cxscroll .list li .bj .word{ margin-top:10px;font-size:18px; line-height:22px;}


.field5 .cxscroll{} 
.field5 .cxscroll .box{overflow:hidden;width:1240px;margin-top:10px; height:280px;} 
.field5 .cxscroll .list{overflow:hidden;width:9999px;} 
.field5 .cxscroll .list li{height: 280px;  width:310px;  float: left;  display: inline-block;} 
.field5 .cxscroll .prev{ background:url(images/field_arrowlt.png) no-repeat; position:absolute; left:-40px; top:150px; width:22px; height:38px;} 
.field5 .cxscroll .next{ background:url(images/field_arrowrt.png) no-repeat; position:absolute; right:-40px; top:150px;width:22px; height:38px;} 

/*honor*/

.honor .link{ height:40px;}
.honor .link a{ line-height:40px; font-size:14px; color:#808080;}
.honor .link a:hover{ color:#000;}
.honor .ll{ width:250px; float:left; display:block; border:1px solid #e7e7e7;}
.honor .ll .title{ height:46px; font-size:18px; line-height:46px; padding-left:10px;}
.honor .ll .pro{ height:46px; font-size:14px; color:#666; line-height:46px; padding-left:10px;border-left:2px solid #fff;}
.honor .ll .pro:hover,.honor .ll .hover2{ background:#fafafa; border-left:2px solid #4db5d1;}
.honor .nn{ width:977px; margin-bottom:20px; padding-bottom:20px;border:1px solid #e7e7e7; float:right;}
.honor .nn .title{ font-size:24px; line-height:30px; margin-left:30px; margin-top:30px;}
.honor .nn .img1{ background:url(images/honor_img.jpg) no-repeat; width:908px; height:167px; margin-left:30px; margin-top:10px;}
.honor .nn .img2{ background:url(images/honor_img2.png) no-repeat; width:908px; height:526px; margin-left:30px; margin-top:30px;}
.nop{width:910px; margin:20px auto;}
.nop img{text-align:center; max-width:910px;}


/*join*/
.join .link{ height:40px;}
.join .link a{ line-height:40px; font-size:14px; color:#808080;}
.join .link a:hover{ color:#000;}
.join .ll{ width:250px; float:left; display:block; border:1px solid #e7e7e7;}
.join .ll .title{ height:46px; font-size:18px; line-height:46px; padding-left:10px;}
.join .ll .pro{ height:46px; font-size:14px; color:#666; line-height:46px; padding-left:10px;border-left:2px solid #fff;}
.join .ll .pro:hover,.join .ll .hover2{ background:#fafafa; border-left:2px solid #4db5d1;}
.join .nn{ width:937px; float:right; display:block; border:1px solid #e7e7e7;padding:20px; margin-bottom: 20px; font-size:14px; line-height:20px; color:#666; }

.join .nn .topp{ height:40px; padding-left:30px; margin-top:30px; width:907px;}
.join .nn .topp .lllt{ float:left; display:inline-block; line-height:40px; font-size:24px; }
.join .nn .topp .rrrt{ float:right; display:inline-block; line-height:50px; font-size:14px; color:#8a8a8a;}
.join .nn .topp .rrrt:hover{text-decoration:underline;}
.join .nn .img{ background:url(images/join_img.jpg) no-repeat; width:907px; height:166px; margin-top:10px; margin-left:30px;}
.join .nn .bluetitle{ color:#71bad3; font-size:18px; margin-top:30px; line-height:28px; margin-left:30px; margin-bottom:6px;}
.join .nn .hswz{ color:#8a8a8a; font-size:14px; line-height:26px; margin-left:30px;}
.join .nn .zpzw{ width:905px;  border-bottom:1px solid #e7e7e7;border-top:1px solid #e7e7e7; margin-left:30px;}
.join .nn .zpzw .left{ float:left; display:block; text-align:left;}
.join .nn .zpzw .left ul{ margin-top:30px;}
.join .nn .zpzw .left li{ margin:5px; height:26px;}
.join .nn .zpzw .left li a{ font-size:14px; line-height:26px;  text-align:left;height: 26px; display: block; padding:0 5px;}
.join .nn .zpzw .left li a:hover,.join .nn .zpzw .left li .hover3{ background:#119cc1; color:#fff;}
.join .nn .zpzw .right{ float:right; display:block; width:580px;  font-size: 14px;  line-height: 22px;  color: #666; padding:20px 0;}
.join .nn .zpzw .right .title{ font-size:16px; line-height:60px;}
.join .nn .zpzw .right img {max-width:100%}
.join .nn .zpzw .right .word{ font-size:14px; line-height:22px; color:#666;}

/*classify*/
.classify{}
.classify .link{ height:40px;}
.classify .link a{ font-size:12px; color:#666; line-height:40px;}
.classify .link a:hover{ color:#000;}
.classify .qbcp{   padding-bottom: 20px; margin-bottom:20px; border:1px solid #dedede;}
.classify .qbcp .title{ height:55px; border-bottom:1px solid #dedede; margin-left:30px;}
.classify .qbcp .title a{ color:#dedede; font-size:30px; line-height:55px;}
.classify .qbcp .cpfa{ width:1170px; margin-left:30px;}
.classify .qbcp .cpfa .blue{ font-size:24px; color:#005d7f; line-height:30px;margin-top:40px }
.classify .qbcp .cpfa .nx{ font-size:18px; color:#4d4d4d; line-height:26px;margin-top:10px}
.classify .qbcp .cpfa .img1{width:208px; height:135px; float:left; display:inline-block; margin-top:10px; overflow:hidden;}
.classify .qbcp .cpfa .img2{background:url(images/classify_img2.png) no-repeat;width:208px; height:154px;  float:left; display:inline-block;margin-top:10px;}
.classify .qbcp .cpfa .img3{background:url(images/classify_img3.png) no-repeat;width:208px; height:111px;  float:left; display:inline-block;margin-top:10px;}
.classify .qbcp .cpfa .item{  float: left;  display: inline-block;  width:250px; height:30px; font-size:16px;  margin-left: 40px;  background: url(images/classify_dian.png) no-repeat 0px 12px; padding-left:10px; }
.classify .qbcp .cpfa .item a{ font-size:16px; line-height:30px; color:#959595;}
.classify .qbcp .cpfa .item a:hover{ text-decoration:underline; color:#000;}
.classify .qbcp .cpfa .rrr{ width:928px; float:left; display:block; margin-top:-10px;} 
.classify .qbcp .cpfa .rrr ul{ float:left; display:inline-block; margin-left:28px;}
.classify .qbcp .cpfa .rrr li{ float:left; display:inline-block; width:315px;}
.classify .qbcp .cpfa .rrr .kd{ width:212px;}
.classify .qbcp .cpfa .rrr li span{ background:url(images/classify_dian.png) no-repeat 0px 7px; padding-left:10px;  color:#09F;font-size:16px; } 
.classify .qbcp .cpfa .rrr li span a{ font-size:16px; line-height:30px; color:#959595;}
.classify .qbcp .cpfa .rrr li span a:hover{ color:#000;}
.classify .qbcp .cpfa .mmm{ float:left; display:inline-block; width:300px; margin-left:390px; margin-top:-120px;}
.classify .qbcp .cpfa .mmm ul{ margin-left:200px; margin-top:-50px;}
.divinclu{ min-height:171px; border-bottom:1px dashed #dedede;}

/*service*/

.service .link{ height:40px;}
.service .link a{ line-height:40px; font-size:14px; color:#808080;}
.service .link a:hover{ color:#000;}
.service .ll{ width:250px; float:left; display:block; border:1px solid #e7e7e7;}
.service .ll .title{ height:46px; font-size:18px; line-height:46px; padding-left:10px;}
.service .ll .pro{ height:46px; font-size:14px; color:#666; line-height:46px; padding-left:10px;border-left:2px solid #fff;}
.service .ll .pro a{height:46px; display:block;}
.service .ll .pro:hover,.service .ll .hover2{ background:#fafafa; border-left:2px solid #4db5d1;}
.service .nn{ min-height:800px; line-height:22px; width:933px; padding:20px; border:1px solid #e7e7e7; float:right;}
.service .nn .title{ height:46px; line-height:46px; font-size:18px; text-indent:30px; border-bottom:1px solid #e7e7e7;}
.service .nn .ppp{ width:760px; margin-top:30px;margin-left:30px; font-size:14px; line-height:22px; color:#666;}
.service .nn .tab1{width:160px; text-indent:30px; line-height:100%; float:left; display:inline-block; margin-left:30px;  margin-top:30px;}
.service .nn .tab1 table td{ border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;}
.service .nn .tab1 table td:hover{ background:#fcfcfc;}
.service .nn .tab1 .word{color:#9a9a9a; font-size:14px; line-height:22px;}
.service .nn .tab2{width:724px; float:left; display:inline-block; margin-top:30px; color:#9a9a9a;}
.service .nn .tab2 .word{color:#9a9a9a; font-size:14px; line-height:22px; margin-left:30px;}
.service .nn .tab2 table td{border-bottom:1px solid #e7e7e7;}
.service .nn .tab2 table td:hover{ background:#fcfcfc;}


.border_bottom{border-bottom:1px dashed #dedede; margin-top:10px;}
.bb_0{border-bottom:0;}

.input{border:1px solid #FFF; background:#f8f8f8; width:200px; height:36px; padding:0 10px;}
.input2{border:1px solid #FFF; background:#f8f8f8; width:440px; height:180px; padding:10px;}

.show_top{position:fixed; top:0px; left:0px; height:62px; width:100%; display:block; z-index:9; cursor:pointer; background:#dcf0f6; opacity:0;}
.show_top .nav{border:none;}
.head_star{position:fixed; top:0px; left:0px; height:275px; width:100%; display:none; z-index: 999; background:#FFFFFF;}
.footer_star{width:100%; height:402px; position:absolute; left:0px; bottom:0px;}
.width{ min-width:138px; text-align:center;}
.douyu{ width:1000px; display:none; position:absolute; top:50px;right:0; z-index:2;background:#333437;}
.generalnav .rt li .douyu a{color: #fff;  font-size: 14px; height:24px; text-align:left; margin:0;}
.generalnav .rt li .douyu a:hover{text-decoration:underline; color:#fff;}

.rt li:hover .douyu{display:block;}

.promenus{padding:20px;}
.promenus .pronames{float:left; display:inline-block; line-height:24px; margin-left:50px; width:140px;}

.generalnav .rt li .douyu ul {padding:20px 20px;}
.generalnav .rt li .douyu ul li{margin-left:50px; width:140px;}
.generalnav .rt li .douyu ul li p.title a{font-size:16px; line-height:30px; margin-bottom:10px; color:#fff;}
.generalnav .rt li .douyu ul li p a{color:#f1f1f1}
.generalnav .rt li .douyu ul li p {line-height:20px;}

.link_show .sub_menu{display:inline-block; float:left; width:600px; overflow:hidden; background:#FFF;}
.link_show .sub_menu a{}
.video{ text-align:center; width:890px; height:540px; overflow:hidden;}

.news .nn .act li{float:left; display:inline-block; width:300px; margin:10px 0 10px 20px; height:360px; background:#F3F3F3;}
.act li .img{}
.act li .text{ width:270px; height: 120px; overflow: hidden; margin: 10px auto; text-align:center;}
.act li .text .title{font-size:16px; line-height: 30px;}
.act li .text .word{width:100%; height: 60px; overflow:hidden; font-size:14px; line-height: 22px; color:#808080;}
.news .nn .act li .more{border-radius: 6px; display:block; margin: 0px auto;  width:90px; height: 30px; font-size:14px;; line-height: 30px; color:#fff; background:#4db5d1;}
.news .nn .act li:hover{outline:2px solid #4db5d1;}
.news .nn .act li:hover .more{text-decoration:underline;}


.lei_res{ position:absolute; top:58px; right:50px}

.lei_res a{padding:3px; background:#f1f1f1}
#submitcontent h1{font-size:21px; text-align:center; display:block; font-weight:100; line-height:80px;}






@media (max-width:1500px), @media \0screen\,screen\9 {
	.generalerweima {display:none}
}




