@charset "utf-8";

@font-face{font-family:'opensans';
src:url('../font/opensans.eot');
src:url('../font/opensans.eot') format('eot'),
	url('../font/opensans.ttf') format('truetype');
font-weight:700;font-style:normal}

*:before,
*:after,
* {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.clear_transition{-webkit-transition:none;-ms-transition:none;-moz-transition:none;transition:none}

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; height:0;}
body{overflow-x:hidden}
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}
img{ vertical-align:middle; max-width: 100%;max-width:100%;}

.w_auto{ width:990px; display:block; margin:0 auto;}
/**顶部透明*/
.pro_top{ height:260px; position:relative; overflow:hidden;}

/***首页**/
.head{ background:url(../images/mark01.png) repeat; height:56px; z-index:3; position:relative;}
.head .logo{ background:url(../images/logo.png) no-repeat center; width:103px; height:56px; float:left; display:inline-block;}
.head .menus{ float:right; display:inline-block;}
.head .menus span{ float:left; display:inline-block; position:relative; z-index:2;}
.head .menus span:hover{}
.head .menus span.me_li129:hover ul{ display:block;}
.head .menus span ul{ width:100px; text-align:center; position:absolute; left:0px; background:url(../images/mark01.png) repeat; display:none; z-index:2;}
.head .menus span ul a{ display:block; line-height:30px; color:#fff;}
.head .menus span ul a:hover{ color:#999999;}
.head .menus span:hover a.menus_first,.head .menus span a.menus_first.hover{ color:#999999;}
.head .menus a.menus_first{ display:block; line-height:56px; height:56px; font-size:16px; padding:0 13px 0 0; margin:0 0 0 30px; background:url(../images/jtbo.png) no-repeat right; color:#fff;}
.head .menus a.menus_first0,.head .menus a.menus_firsthome{ background:none;}

.videotk{ position:fixed; left:0px; top:0px; background:url(../images/mark0.png) repeat; width:100%; height:100%; z-index:300; display:none;} 
.videotk .videobox{ width:690px; height:490px; margin:300px auto 0 auto; background:#fff;}

.banner{ position:relative; top:-56px; z-index:0; overflow:hidden;}
.banner .left{ background:url(../images/ind_banleft.png) no-repeat top center; width:40px; height:40px; position:absolute; left:45px; top:50%; margin-top:-20px; display:block; cursor:pointer;}
.banner .left:hover{ background-position:bottom center; z-index:1;}
.banner .right:hover{ background-position:bottom center; z-index:1;}
.banner .right{ background:url(../images/ind_banright.png) no-repeat top center; width:40px; height:40px; position:absolute; right:45px; top:50%; margin-top:-20px; display:block; cursor:pointer;}
.banner li{ position:relative; float:left; display:inline-block;}
.banner li .w_auto{ height: 100%; position: relative;}
.banner li.ind_ban0.ind_ban2 .ind_libox{ background:url(../images/banner3con.png) no-repeat center; width:445px; height:293px; left:10%; display:block; margin:0; top: 19%;}
@media screen and (min-height: 961px) { 
.banner li.ind_ban0.ind_ban2 .ind_libox{ background:url(../images/banner3con.png) no-repeat center; width:445px; height:293px; left:10%; display:block; margin:0; top: 19%;}
}
@media screen and (max-height: 961px) { 
.banner li.ind_ban0.ind_ban2 .ind_libox{ background:url(../images/banner3con.png) no-repeat center; width:445px; height:293px; left:15%; display:block; margin:0; top: 19%;}
}
.banner li.ind_ban0.ind_ban2 .more{ left:110px; bottom:10px; display:none; height:0; width:0; overflow:hidden;}
.banner li.ind_ban0.ind_ban1 .more{ left:0px; margin:0; bottom:10px; display:none; height:0; width:0; overflow:hidden;}
.banner li.ind_ban0.ind_ban1 .ind_libox{ left:0; background:url(../images/banner2con.png) no-repeat left center; margin:0;}
.banner li .ind_libox{ /*background:url(../images/ind_banword0.png) no-repeat center;*/ width:540px; height:270px; display:block; position: absolute; left:50%; margin-left:-225px; top: 23%;}
.banner li .ind_libox .more{}
@media screen and (max-height: 960px) { 
.banner li.ind_ban0 .more{bottom:13px; position: absolute; left:-3%; margin-left:-104px;}
} 
@media screen and (min-height: 961px) { 
.banner li.ind_ban0 .more{bottom:13px; position: absolute; left:4%; margin-left:-104px;}
} 
.banner li.ind_ban0 .more a{ display:inline-block; height:30px; padding:0 15px; background:#1a73ab; line-height:30px; color:#fff; font-size:13px;}
.banner li.ind_ban0 .more a:hover{ background:#1e9bea;}
.banner li.ind_ban0 .more a.knowm0 i{ display:block; padding-right:10px; background:url(../images/jtri.png) no-repeat right;}
.banner li.ind_ban0 .more a.knowm1 i{ display:block; padding-right:18px; background:url(../images/xfbf02.png) no-repeat right;}
.banner .ind_vibox{ background:url(../images/mark0.png) repeat; height:175px; width:990px; position:absolute; bottom: 20px; z-index: 100;}
.banner .ind_vibox .ind_viimg{ float:left; display:inline-block;}
.banner .ind_vibox .ind_viimg img{ margin:10px;}
.banner .ind_vibox .ind_viimg span{ background:url(../images/xfbf0.png) no-repeat center; width:47px; height:47px; position:absolute; left:114px; top:62px;}
.banner .ind_vibox .ind_vright{ float:left; display:inline-block; padding:20px 0 20px 20px;}
.banner .ind_vibox header{ color:#fff; font-size:20px; line-height:26px; padding:10px 0 15px 0; opacity:0.9;}
.banner .ind_vibox article{ color:#fff; font-size:14px; line-height:18px; opacity:0.8; height:54px;}
.banner .ind_vibox .ind_vrmore{ display:inline-block; padding-right:15px; background:url(../images/jtri.png) no-repeat right; font-size:12px; color:#fff; line-height:24px; opacity:0.9;}
.banner .ind_vibox .ind_vrmore:hover{ text-decoration:underline;}

.ind_block{ padding-bottom:30px; overflow:hidden;}
.ind_block a{ float:left; display:inline-block; width:30%; text-align:center;}
.ind_block a span{ display:block; height:120px;}
.ind_block a img{ margin:0 auto;}
.ind_block a:hover img{ margin:0 auto;}
.ind_block a.middle{ width:40%;}
.ind_block a header{ font-size:20px; line-height:px; color:#1478bb; padding:4px 0;}
.ind_block a .des{ font-size:13px; line-height:px; color:#606060;}
.ind_block a:hover imgs{ -webkit-animation: arrowUp 3s ease-out 1; animation: arrowUp 3s ease-out 1;}
@-webkit-keyframes arrowUp {
    0% {
		width:68px;
    }
	20%{
		width:65px;
	}
    40% {
		width:68px;
    }
	60%{
		width:65px;
	}
	80%{
		width:65px;
	}
    100% {
		width:68px;
    }
}
@keyframes arrowUp {
    0% {
		width:68px;
    }
	20%{
		width:65px;
	}
    40% {
		width:68px;
    }
	60%{
		width:65px;
	}
	80%{
		width:65px;
	}
    100% {
		width:68px;
    }
}

.ind_video{ overflow:hidden;}
.ind_video .w_auto{ overflow:hidden;}
.ind_video .ind_vimg{ width:990px; height:400px; display:block; position:relative; overflow:hidden;}
.ind_video .ind_vimg img{ width:100%; position:relative;}
.ind_video .ind_vimg .ind_vititle{ background:url(../images/ind_newstitle.png) no-repeat center; width:100%; height:65px; display:block; position:absolute; left:0; top:160px;}
.ind_video .ind_vimg .ind_vibf{ background:url(../images/xfbf01.png) no-repeat center; height:60px; width:100%; display:block; position:absolute; top:50%; margin-top:-50px;;}

.ind_news{ padding:20px 0; overflow:hidden;}
.ind_news .w_auto{ overflow:hidden;}
.ind_news header{ line-height:30px; font-size:23px; color:#036eb6; padding:20px 0 10px 0;}
.ind_news header i{ font-family:Arial, Helvetica, sans-serif;}
.ind_news li{ float:left; display:inline-block; width:48%; height:64px; padding-bottom:20px; overflow:hidden;}
.ind_news .ind_li1,.ind_news .ind_li3,.ind_news .ind_li5,.ind_news .ind_li7,.ind_news .ind_li9,.ind_news .ind_li11{ padding-left:2%; position:relative; left:12px;}
.ind_news .ind_li0,.ind_news .ind_li2,.ind_news .ind_li4,.ind_news .ind_li6,.ind_news .ind_li8,.ind_news .ind_li10{ padding-right:2%;}
.ind_news li nav{ float:left; display:inline-block; height:64px; width:64px; color:#959899; background:#f3f3f3; text-align:center;}
.ind_news li nav:hover{ background:#036eb6; color:#fff;}
.ind_news li nav span{ display:block; line-height:22px; padding-top:12px; font-size:20px;}
.ind_news li nav div{ font-size:14px; line-height:26px; padding-bottom:4px; font-size:12px;}
.ind_news li .right{ float:left; display:inline-block; padding-left:10px; width:401px;}
.ind_news li .right .title{ font-size:16px; color:#424242; line-height:22px;}
.ind_news li:hover .right .title{ color:#036eb6;}
.ind_news li .right article{ font-size:12px; color:#727272; line-height:18px; height:36px; padding-top:6px;}

.footer{ background:#eeeeee; padding:30px 0;/* overflow:hidden;*/}
.footer .w_auto{/* overflow:hidden;*/}
.footer header{ padding-bottom:20px; border-bottom:1px solid #d3d3d3;}
.footer header .left{ float:left; display:inline-block; width:50%;}
.footer header .left .titlecn{ font-size:18px; color:#036eb6; line-height:28px;}
.footer header .left .titleen{ font-size:13px; color:#036eb6; line-height:22px;}
.footer header .right{ float:right; display:inline-block; width:405px;}
.footer header .right .forminput{ background:#fff; height:32px;}
.footer header .right input{ border:0 none; line-height:32px; height:32px; font-size:12px; width:255px; padding:0 10px 0 30px; color:#a1a1a1; float:left; display:inline-block; background:url(../images/ind_mail.png) no-repeat 10px center;}
.footer header .right .indcheckup{ float:left; width:110px; background:#036eb6; line-height:32px; text-align:center; color:#fff;}
.footer header .right .indcheckup:hover{ background:#1e9bea}
.footer header .right .word{ font-size:12px; line-height:18px; padding-top:4px; color:#a1a1a1;}
.footer .fot_bot.fot_nei{ border:0 none;}
.footer .fot_bot{ padding:20px 0 0 0; border-top:1px solid #fff;}
.footer .fot_bot .left{ float:left; display:inline-block;}
.footer .fot_bot .left .logo{ float:left; display:inline-block; background:url(../images/ind_botlogo.png) no-repeat center; height:32px; width:76px;}
.footer .fot_bot .left .menubox{ float:left; display:inline-block; height:32px; line-height:32px; font-size:13px;}
.footer .fot_bot .left .menubox a{ float:left; display:inline-block; padding:0 15px; color:#3f3f3f; opacity:0.9;}
.footer .fot_bot .left .menubox a:hover{ text-decoration:underline; color:#036eb6}
.footer .fot_bot .left .copy{ font-size:12px; color:#757474; line-height:18px; display:block;}
.footer .fot_bot .left .copy a{ color:#757474;}
.footer .fot_bot .right{ float:right; display:inline-block;}
.footer .fot_bot .right .ind_icons{ height:50px; position:relative;}
.footer .fot_bot .right .ind_icons a{ float:left; display:inline-block; height:50px; margin-left:20px; width:17px;}
.footer .fot_bot .right .ind_icons .ind_icon0{ background:url(../images/ind_con0.png) no-repeat right;}
.footer .fot_bot .right .ind_icons .ind_icon1{ background:url(../images/ind_con01.png) no-repeat right;}
.footer .fot_bot .right .ind_icons .ind_icon2{ background:url(../images/ind_con02.png) no-repeat right;}
.footer .fot_bot .right .ind_icons .ind_icon3{ background:url(../images/ind_con03.png) no-repeat right;}
.footer .fot_bot .right .ind_icons a{ 
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;}
.footer .fot_bot .right .ind_icons a:hover{
transform:rotate(360deg);
-ms-transform:rotate(360deg); /* IE 9 */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg);}

/***面包屑路径**/
.web_path{ height:60px; overflow:hidden;}
.web_path p{ display:block;}
.web_path p a{ display:inline-block; line-height:60px; font-size:12px; color:#858585; padding-right:5px;}
.web_path p a:hover{ text-decoration:underline; color:#333;}
.footer .webchat{ background:url(../images/webchat.jpg) no-repeat center; display:block; width:193px; height:193px; position:absolute; bottom:50px; right:0px; display:none;}
/***分页**/
.pagebotton{ text-align:center; padding:20px 0;}
.pagebotton a,.pagebotton span{ display:inline-block; line-height:34px; padding:0 10px; color:#428bca; border-top:1px double #dddddd; border-bottom:1px double #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}
.pagebotton a:hover,.pagebotton span:hover,.pagebotton a.current,.pagebotton span.current{ color:#fff; background:#428bca;}
/***上一页下一页**/
.pnbox,.pnbox a{ line-height:20px; font-size:14px; color:#999;}
.pnbox a:hover{ color:#333;}
.neirong{ font-size:14px; line-height:22px; color:#666; width:100%; overflow:hidden;}
.neirong .new_title{ font-size:22px; line-height:28px; color:#333; padding-bottom:20px;}
.neirong .case_title{ font-size:22px; line-height:28px; color:#333; padding-bottom:20px;}

/***新闻**/
.web_path .w_auto.news_typelistbox{}
.web_path .w_auto.news_typelistbox p{ float:left; display:inline-block; width:50%;}
.web_path .w_auto.news_typelistbox .neli{ float:right; display:inline-block; height:60px; line-height:60px;}
.web_path .w_auto.news_typelistbox .neli a{ float:left; display:inline-block; padding-left:15px; color:#858585;}
.web_path .w_auto.news_typelistbox .neli a:hover,.web_path .w_auto.news_typelistbox .neli a.hover{ color:#036eb1; }
.news_block{ padding-bottom:50px;}
.news_block .left{ float:left; display:inline-block; width:650px; padding-right:80px; overflow:hidden;}
.news_block .left ul{}
.news_block .left li{ display:block; padding-bottom:35px; border-bottom:1px solid #ebebeb; margin-bottom:25px;}
.news_block .left li a.title{ font-size:20px; line-height:30px; color:#036eb1; display:block;}
.news_block .left li a.title:hover{ color:#666; text-decoration:underline;}
.news_block .left li .news_longtitle{ display:block; padding-left:24px; background:url(../images/news_con2.png) no-repeat left; font-size:13px; color:#9c9c9c; line-height:30px;}
.news_block .left li .news_longtitle em{ font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.news_block .left li img{ display:block; padding-top:10px;}
.news_block .left li p{ font-size:13px; line-height:50px; color:#606060;}
.news_block .left li a.more{ display:block; font-size:12px; color:#fff; line-height:26px; text-align:center; background:url(../images/news_con3.png) no-repeat center; width:80px; height:26px;}
.news_block .left li a.more:hover{ text-decoration:underline; color:#ccc;}
.news_block .right{ float:left; display:inline-block; width:260px;}
.news_block .right header{ font-size:13px; line-height:30px; color:#606060;}
.news_block .right .putnews_box{ padding-top:10px;}
.news_block .right a{ display:block; font-size:13px; line-height:18px; color:#036eb1; padding:10px 0 10px 10px; background-image:url(../images/news_con0.png); background-position:left 15px; background-repeat:no-repeat; border-bottom:1px solid #ebebeb;}
.news_block .right a:hover{ text-decoration:underline; color:#666;}

/***关于我们**/
.contact_block{ padding:50px 0;}
.contact_block header{ text-align: center; line-height:60px; font-size:36px; color:#5ab066; font-family:Arial, Helvetica, sans-serif;}
.contact_block .con_back{ background:url(../images/mmapp.png) no-repeat right center; height:510px; position:relative;}
.contact_block .con_ad0{ position:absolute; left:0px; top:90px;}
.contact_block .con_ad0 .deatil{ border:1px solid #eeeeee; border-right:5px solid #5ab066; float:left; display:inline-block; background:#fff; padding:15px 15px; position:relative;}
.contact_block .con_ad0 nav{ padding:7px 15px 7px 13px;}
.contact_block .con_ad0 nav img{ display:block; padding-bottom:6px;}
.contact_block .con_ad0 .con{ float:left; display:inline-block; font-size:13px; line-height:22px; color:#666666; padding:15px 15px 0 15px;}
.contact_block .con_ad0 span.iconimg{ background:url(../images/con_icon4.png) no-repeat top center; width:80px; text-align:center; height:24px; padding-top:38px; position:absolute; top:330px; left:686px;}
.contact_block .con_ad0 span.icon_sj{ display:block; background:url(../images/con_tr.png) no-repeat center; width:8px; height:13px; position:absolute; right:-13px; top:50%; margin-top:-4px;}
.contact_block .con_bottom{ text-align:center; position:absolute; bottom:10px; display:block; width:100%;}
.contact_block .icon_box{ text-align:center; height:100px; width:300px; border-bottom:1px solid #e6e6e6; margin:0 auto; display:none;}
.contact_block .con_bottom .icon_box a{ background:url(../images/con_iconmark.png) no-repeat center; height:100px; width:60px; display:inline-block;}
.contact_block .con_bottom a span{ display:block; width:60px; height:100px;}
.contact_block .con_bottom a.icon0 span{ background:url(../images/con_icon0.png) no-repeat center;}
.contact_block .con_bottom a.icon1 span{ background:url(../images/con_icon1.png) no-repeat center;}
.contact_block .con_bottom a.icon2 span{ background:url(../images/con_icon2.png) no-repeat center;}
.contact_block .con_bottom a.icon3 span{ background:url(../images/con_icon3.png) no-repeat center;}
.contact_block .con_bottom a:hover{}
.contact_block .con_bottom a.email{ display:block; text-align:center; font-size:16px; line-height:30px; color:#a8a8a8; padding-top:40px; font-family:Arial, Helvetica, sans-serif;}
/**荣誉**/
.hoor{ font-size:14px; line-height:22px; color:#666; background:#fafaf9;}
.hoor .w_auto{ overflow:hidden;}


/***案例**/
.web_path.case_list{}
.web_path.case_list .w_auto{ width:990px; overflow:hidden;}
.web_path.case_list p{ float:left; display:inline-block; width:30%;}
.web_path.case_list .case_box{ float:right; display:inline-block;}
.web_path.case_list .case_box a{ float:left; display:inline-block; line-height:60px; font-size:13px; color:#858585; padding-right:10px;}
.web_path.case_list .case_box a:hover{ text-decoration:underline; color:#036eb1;}
.web_path.case_list .case_box a.hover{ color:#036eb1;}
.case_block{ padding-bottom:50px;}
.case_block .w_auto{ overflow:hidden;}
.case_block .case_libox{ width:1035px;}
.case_block li{ float:left; display:inline-block; width:300px; padding-right:45px; height:390px; background:url(../images/libg.png) no-repeat 298px 6px;}
.case_block li img{ display:block;}
.case_block li .title{ display:block; padding:0 15px; font-size:17px; line-height:56px; color:#555555; background:#fff;}
.case_block li .title:hover{ color:#222; text-decoration:underline;}
.case_block li .li_bot{ background-image:url(../images/lim.png); background-color:#fff; background-repeat:no-repeat; background-position:left 40px; height:84px; padding:0 15px;}
.case_block li .li_bot span{ float:left; display:inline-block; width:160px; line-height:30px; color:#9c9c9c; font-size:14px;}
.case_block li .li_bot a{ float:right; background-color:#fff; font-size:15px; display:inline-block; width:80px; line-height:30px; background:url(../images/limor.png) no-repeat right center; color:#036eb1; font-family:Arial, Helvetica, sans-serif;}
.case_block li .li_bot a:hover{ text-decoration:underline; color:#666;}

/***服务***/
/*技术支持*/
.ser_lists{ background:url(../images/ser_tec0.gif) repeat; height:50px; padding-bottom:10px; line-height:50px;}
.ser_lists span{ float:left; display:inline-block; font-size:23px; color:#0887d6; font-family:Arial, Helvetica, sans-serif;}
.ser_lists .ser_menubox{ float:right; display:inline-block;}
.ser_lists .ser_menubox a{ float:left; display:inline-block; color:#333333; font-size:15px; padding-left:35px; margin-left:30px;}
.ser_lists .ser_menubox a:hover{ color:#0887d6;}
.ser_lists .ser_menubox a.ser_men0{ background:url(../images/ser_icon2.png) no-repeat 12px center;}
.ser_lists .ser_menubox a.ser_men1{ background:url(../images/ser_icon0.png) no-repeat 10px center;}
.ser_lists .ser_menubox a.ser_men2{ background:url(../images/ser_icon1.png) no-repeat 10px center;}
.ser_lists .ser_menubox a.ser_men3{ background:url(../images/ser_icon3.png) no-repeat 10px center;}
.ser_lists .ser_menubox a.ser_men4{ background:url(../images/yxwl.png) no-repeat 10px center;}
.ser_lists .ser_menubox a.ser_men0.hover{ background:url(../images/ser_icon20.png) no-repeat 12px center;}
.ser_lists .ser_menubox a.ser_men1.hover{ background:url(../images/ser_icon00.png) no-repeat 10px center;}
.ser_lists .ser_menubox a.ser_men2.hover{ background:url(../images/ser_icon10.png) no-repeat 10px center;}
.ser_lists .ser_menubox a.ser_men3.hover{ background:url(../images/ser_icon30.png) no-repeat 10px center;}
.ser_lists .ser_menubox a.ser_men4.hover{ background:url(../images/yxwl1.png) no-repeat 10px center;}

.ser_sup{ background:#eeeeee; padding-bottom:60px;}
.ser_sup li{ padding:0 0 60px 35px; background:url(../images/ser_icon4.png) no-repeat left 12px;}
.ser_sup li header{ line-height:22px; color:#2b2b2b; font-size:16px; padding:10px 0;}
.ser_sup li:hover div.ser_supimg{ display:block;}
.ser_sup li div.ser_supimg{ display:none;}
.ser_sup li article{ line-height:20px; font-size:13px; color:#858585;}

/*视频中心*/

/** 产品应用***/
.pro_banner{ background:url(../images/banner.jpg) no-repeat center; height:260px; position:relative; top:-56px;}

.pro_block{ background:url(../images/dd.png);}
.pro_block .pro_libox{ width:824px; margin:0 auto; background:url(../images/big.png) no-repeat center; height:36px; padding:15px 0;}
.pro_block .pro_libox a{ width:25%; float:left; display:inline-block; text-align:center; font-size:15px; line-height:36px; color:#4c4c4c;}
.pro_block .pro_libox a:hover{ color:#fff; background:url(../images/bg.png) no-repeat center;}
.pro_block .pro_libox a.hover{ color:#fff; background:url(../images/bg.png) no-repeat center;}

.ser_box{ }
.ser_box span{ display:none; position:absolute; z-index:1;}
.ser_box a{ display:block; position:absolute; width:32px; height:32px; background:url(../images/add_s.png) no-repeat center; -webkit-animation: arrowUp 1s ease-out infinite; animation: arrowUp 1s ease-out infinite; opacity:0; z-index:2;}
.pro_conhome{ background: url(../images/home.png) no-repeat center; height:850px; position:relative;}
.pro_conhome .clickiphone{right:405px; top:295px;}
.pro_conhome .clickipad{ left:304px; top:318px;}
.pro_conhome .clickoutroom{ right:260px; bottom:342px;}
.pro_conhome .clickinroom{ left:375px; bottom:330px;}
.pro_conhome .iphone{ background:url(../images/homeicon0.png) no-repeat center; height:248px; width:250px; right:160px; top:145px; }
.pro_conhome .ipad{ background:url(../images/homeicon1.png) no-repeat center; width:276px; height:183px; left:0px; top:290px;}
.pro_conhome .outroom{ background:url(../images/homeicon3.png) no-repeat center; width:185px; height:211px; right:50px; bottom:135px;}
.pro_conhome .inroom{ background:url(../images/homeicon2.png) no-repeat center; width:185px; height:216px; left:190px; bottom:166px;}
.pro_conhotel{ background:url(../images/hotel.png) no-repeat center; height:850px; position:relative;}
.pro_conhotel .clickiphone{ left:300px; top:300px;}
.pro_conhotel .clickipad{ left:650px; top:400px;}
.pro_conhotel .clickoutroom{ left:400px; top:220px;}
.pro_conhotel .clickinroom{ right:300px; top:200px;}
.pro_conhotel .iphone{ background:url(../images/homeicon0.png) no-repeat center; height:205px; width:250px; position:absolute; left:70px; top:240px;}
.pro_conhotel .ipad{ background:url(../images/homeicon1.png) no-repeat center; height:215px; width:300px; position:absolute; right:70px; top:430px;}
.pro_conhotel .outroom{ background:url(../images/homeicon3.png) no-repeat center; height:215px; width:205px; position:absolute; left:250px; top:5px;}
.pro_conhotel .inroom{ background:url(../images/homeicon2.png) no-repeat center; height:220px; width:205px; position:absolute; right:70px; top:140px;}
.pro_conjoy{ background:url(../images/joy.png) no-repeat center; height:850px; position:relative;}
.pro_conjoy .clickiphone{ top:295px; right:240px;}
.pro_conjoy .clickipad{ top:300px; left:440px;}
.pro_conjoy .clickoutroom{ top:465px; left:285px;}
.pro_conjoy .clickinroom{ top:450px; right:300px;}
.pro_conjoy .iphone{ background:url(../images/homeicon0.png) no-repeat center; height:215px; width:300px; position:absolute; right:55px; top:30px;}
.pro_conjoy .ipad{ background:url(../images/homeicon1.png) no-repeat center; height:215px; width:300px; position:absolute; left:145px; top:70px;}
.pro_conjoy .outroom{ background:url(../images/homeicon3.png) no-repeat center; height:215px; width:205px; position:absolute; left:355px; top:500px;}
.pro_conjoy .inroom{ background:url(../images/homeicon2.png) no-repeat center; height:215px; width:205px; position:absolute; right:55px; top:430px;}
.pro_gyfy{background:url(../images/gyfy.png) no-repeat center; height:850px; position:relative;}
.pro_conoffice{ background:url(../images/office.png) no-repeat center; height:850px; position:relative;}
.pro_conoffice .clickiphone{ top:340px; right:120px;}
.pro_conoffice .clickipad{ top:480px; left:410px;}
.pro_conoffice .clickoutroom{ top:450px; right:160px;}
.pro_conoffice .clickinroom{ top:260px; right:320px;}
.pro_conoffice .iphone{ background:url(../images/homeicon0.png) no-repeat right center; height:205px; width:236px; position:absolute; right:50px; top:130px;}
.pro_conoffice .ipad{ background:url(../images/homeicon1.png) no-repeat left center; height:205px; width:265px; position:absolute; left:300px; top:500px;}
.pro_conoffice .outroom{ background:url(../images/homeicon3.png) no-repeat center; height:230px; width:205px; position:absolute; right:0px; top:520px;}
.pro_conoffice .inroom{ background:url(../images/homeicon2.png) no-repeat center; height:230px; width:205px; position:absolute; right:400px; top:50px;}


@-webkit-keyframes arrowUp {
    0% {
         -webkit-opacity:0;
    }
    25% {
         -webkit-opacity:0.5;
    }

    50% {
         -webkit-opacity:1;
		 -webkit-background:url(../images/add_w.png) no-repeat center;
    }
    75% {
         -webkit-opacity:0.5;
		 -webkit-background:url(../images/add_w.png) no-repeat center;
    }

    100% {
         -webkit-opacity:0;
    }
}

@keyframes arrowUp {
    0% {
         opacity:0;
    }
    25% {
         opacity:0.5;
    }

    50% {
         opacity:1;
		 background:url(../images/add_w.png) no-repeat center;
    }
    75% {
         opacity:0.5;
		 background:url(../images/add_w.png) no-repeat center;
    }

    100% {
         opacity:0;
    }
}


.ser_re_cont{ padding:50px 0; background:#FFF;}
.ser_re_cont .w_auto{ font-size:14px; line-height:22px; color:#666; overflow:hidden;}
.ser_re_cont .w_auto img{ max-width:100%;}

.pro_congd{  padding:60px 0;}
.pro_congd .w_auto{ width:830px; padding:0 80px;}
.pro_congd header{ font-size:20px; line-height:30px; padding:0 0 15px 0; color:#036eb1;}
.pro_congd .w_auto table{ text-align:center; width:100%; border:1px solid #f2f8fb;}
.pro_congd .w_auto table tr{ width:100%; height:56px;}
.pro_congd .w_auto table th{ height:56px; width:20%; font-size:15px; color:#444444; background: #d1f3dd; text-align:center;}
.pro_congd .w_auto table td{ width:20%; font-size:14px; color:#6d6d6d; font-family:Arial, Helvetica, sans-serif;}
.pro_congd .w_auto table td,.pro_congd .w_auto table th{ border-right: 1px solid #d1f3dd;}
.pro_congd .w_auto table td{ border-right: 1px solid transparent;}
.pro_congd .w_auto table .mind{ background:#fafcfd;}
.pro_congd .w_auto table td.title{ background: #e8f9ed; font-size:15px; color:#444444;}

/**产品大页**/
.pros_top,.pro_ybp,.pro_bimgs0,.pro_imglisbox{ font-family:'宋体';}

.pro_melibox{ background:#fff; height:50px; line-height:50px; z-index:2; position:relative;}
.pro_melibox header{ float:left; display:inline-block; font-size:18px; color:#4c4c4c;}
.pro_melibox .right{ float:right; display:inline-block; font-size:13px;}
.pro_melibox .right a{ float:left; display:inline-block; padding-left:30px; color:#4f4f4f;}
.pro_melibox .right a:hover{ color:#008ecf;}
.pro_melibox .right a.hover{ color:#008ecf;}

.pros_top{ position: relative; top:0px; width:100%; background:url(../images/pro_top.jpg) no-repeat center; height: 850px; background-size:cover; z-index:0; overflow:hidden;}
.pros_top header{ background:url(../images/pro_toptitle.png) no-repeat; background-size: contain; height: 265px; width: 464px; position:absolute; left: -500px; top: 50%; margin-top: -132.5px; opacity:0;}

.pro_ybp{ background: url(../images/bp.jpg) no-repeat bottom center; min-width:990px; height: 933px; padding-bottom: initial; overflow:hidden;}
.pro_ybp .w_auto{ height:100%; position: relative;}
.pro_ybp .tree{ background:url(../images/bpimg1.png) no-repeat center 60%; height:146px; width:100%; position:absolute; left:0; top:53%;}

.pro_ybp .w_auto .backgrou{ background:url(../images/bpimg.png) no-repeat center; height:100%; width:100%; left:0; top:0; position:absolute; -webkit-animation-name: lottery_q;
    -moz-animation-name: lottery_q;
    -webkit-animation-duration: 40s;
    -moz-animation-duration: 40s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
	}
	
@-webkit-keyframes lottery_q{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}

.pro_ybp .ismin{ position:absolute; width:0px; height:0px; left:50%; top:50%;}
.pro_ybp .bigtitle{ position:absolute; width:990px; text-align:center; top:50%; margin-left:-495px; margin-top:-120px; line-height:34px; font-size:32px; color:#fff;}
.pro_ybp header{ font-size:49px; line-height:54px; color:#fff; height: auto; background: none;}
.pro_ybp header em{ font-size:20px; line-height:24px;}
.pro_ybp header span{ font-size:20px; line-height:24px;}
.pro_ybp .lbox span{ background:url(../images/iconclik.png) no-repeat center; width:20px; height:30px; float:left; display:inline-block; cursor:pointer;}
.pro_ybp .bpbox0{ width:150px; height:100px; position:absolute; left:-370px; top:-230px;}
.pro_ybp .cont{ float:left; display:inline-block; font-size:30px; padding-left:7px; line-height:30px; color:#fff;}
.pro_ybp .cont div{ display:inline-block; font-size:12px;}
.pro_ybp .ismin .content{ color:#fff; font-size:12px; line-height:18px;}
.pro_ybp .bpbox0 .cont{ width:90px; padding-left: 10px;}
.pro_ybp .bpbox0 .lbox{ margin-left: -1px;}
.pro_ybp .bpbox0 .content{ position:absolute; background:url(../images/heimark0.png) no-repeat center; width:212px; height:60px; padding:30px 10px 30px 30px; left:-210px; bottom: -120px; display: none;}
.pro_ybp .bpbox1 .content{ background:url(../images/heimark00.png) no-repeat center; width:212px; height:60px; margin:20px 0 0 30px; padding:30px 10px 30px 30px; display:none;}
.pro_ybp .bpbox2 .content{ position:absolute; background:url(../images/heimark0.png) no-repeat center; width:212px; height:60px; padding:30px 10px 30px 30px; left:-210px; bottom:-120px; display:none;}
.pro_ybp .bpbox3 .content{ background:url(../images/heimark00.png) no-repeat center; width:212px; height:60px; margin:20px 0 0 30px; padding:30px 10px 30px 30px; display:none;}
.pro_ybp .bpbox1{ position:absolute; right:-400px; top:-210px; width:150px; height:100px;}
.pro_ybp .bpbox1 span{ margin-left:7px;}
.pro_ybp .bpbox1 .cont{ padding:0;}
.pro_ybp .bpbox2{ position:absolute; left:-425px; bottom:-200px;}
.pro_ybp .bpbox2 .lbox{ margin-left: 90px;}
.pro_ybp .bpbox3{ position:absolute; right:-400px; bottom:-210px; width:150px; height:100px;}
.pro_ybp .bpbox3 span{ margin-left:7px;}
.pro_ybp .bpbox3 .cont{ padding:0;}
.pro_ybp .bottitle{ color:#fff; font-size:15px; line-height:20px; text-align:center; width:990px; position:absolute; top:13%;}

.probigimg0{ background-color:#fafafa; background-image:url(../images/pro_img0.jpg); background-repeat:no-repeat;}
.probigimg1{ background:#f2f2f2; text-align:center; position: relative;}
.probigimg1 .w_auto{ position:relative; height:100%; text-align:center;}
.probigimg1 .cent{ width:100%; height:100%; text-align:center;}
.probigimg1 .listsbox{ width:200px; position:absolute; left:0px; top:200px; height: 340px; overflow: hidden; z-index:30;}
.probigimg1 .listsbox li{ background:url(../images/line0.png) no-repeat left center; text-align:left; line-height:30px; height:30px; font-size:12px; color:#757575; padding-left:25px; cursor: pointer;}
.probigimg1 .listsbox li.title,.probigimg1 .listsbox li.hover.title{ background: none; color: #47a855; font-size: 18px; padding: 10px 0;}
.probigimg1 .listsbox li.title.xli{ color: #666;}
.probigimg1 .listsbox li.hover{ background:url(../images/line1.png) no-repeat left center; color:#000; font-size: 15px;}
.probigimg1 .listsbox li:hover{ color:#47a855;}


.pro_bimgs0{ position:relative; height: 0;      overflow:hidden; padding-bottom: 44.27%;}
.pro_bimgs0 .pro_bimg0{ position:absolute; left:0px; top:0px; height: 0; padding-bottom: 44.27%; width:100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.pro_bimgs0 .pro_bimg0 .w_auto{ padding-top:300px; position:relative; left:-90px;}
.pro_bimgs0 .pro_bimg0.badck2 .w_auto{ padding:170px 0 0 750px; width:500px;}
.pro_bimgs0 .pro_bimg0.badck2 b{ font-size:20px; line-height:26px; color:#46A754; font-family:Arial, Helvetica, sans-serif;}
.pro_bimgs0 .minimgs0{ position:absolute; bottom:35px; width: 100%; left: 0; text-align:center;}
.pro_bimgs0 .minimgs0 .line{height:1px;width:100%;position:absolute;left:0;top: 31px;background:#bca482;}
.pro_bimgs0 span{ position:relative; display:inline-block; cursor:pointer; margin:0 10px; width: 90px; height: 40px;}
.pro_bimgs0 span.hover{ width: 120px; height: 53px; border: 2px solid #ba8c3b;}

.pro_imglisbox{ background:#ffffff; position:relative; overflow:hidden;}
.pro_imglis0{ height:800px; padding-top:200px;}
.pro_imglis0 .w_auto{ width:1200px; position:relative;}
.pro_imglis0 header{ font-size:46px; text-align:center; color:#353535; line-height:50px;}
.pro_imglis0 .des{ background:url(../images/plio4.png) no-repeat center; height:100px; padding:20px;}
.pro_imglis0 img{ margin:0 auto;}
.pro_imglis0 .conbox{ width:100px; height:100px; position:absolute; right:130px; top:260px;}
.pro_imglis0 .conbox .concont{ background:url(../images/ifdimg.png) no-repeat center; padding:55px 20px 35px 20px; width:100px; text-align:center; height:50px; position:absolute; bottom:80px; left:30px; color:#fff; line-height:20px; font-size:16px;}
.pro_imglis0 .conimg{ display:block; background:url(../images/plio00.png) no-repeat center; height:25px; width:25px; cursor:pointer;}
.por_imglibotlis{ text-align:center; padding-top:40px;}
.por_imglibotlis span{ display:inline-block; width:100px; text-align:center;}
.por_imglibotlis span .litit{ font-size:16px; line-height:24px; color:#47a855;}
.pro_imglis1{ width:100%; height:1000px;}
.pro_imglis1 .w_auto{ padding-top:150px; width:1100px; height: 830px; position:relative; overflow: hidden;}
.pro_imglis1 .w_auto .ifdbox{ background:url(../images/ifdword.gif) no-repeat left 100px; width:100%; height:100%;}
.pro_imglis1 .w_auto img{ position: absolute; right:-138px; top :-830px;}
.pro_imglis1 .w_auto .iconbox{ position:absolute; bottom:-50px; right:361px; width:30px; height:30px;}
.pro_imglis1 .w_auto .iconbox span{ background:url(../images/plio00.png) no-repeat center; display:block; height:30px; cursor:pointer;}
.pro_imglis1 .w_auto .iconbox .content{ background:url(../images/ifdimgs.png) no-repeat center; line-height:20px; font-size:18px; color:#fff; height:90px; width: 133px; padding:44px 0px 0 0px; position:absolute; bottom: 16px; left: 29px; display:none; text-align:center;}
.pro_ilists{ text-align:center; width:20px;; min-height:30px; margin:0 auto; position:absolute; top:50%; margin-top:-36px; right:60px; z-index:20;}
.pro_ilists span{ display:block; width:15px; height:36px; cursor:pointer; background:url(../images/plioli1.png) no-repeat center 4px;}
.pro_ilists span.hover{ background:url(../images/tcb1.png) no-repeat center 4px;}

.pro_img4{ position:relative; min-width:990px; height:935px; overflow:hidden;}
.pro_img4 .imgbox0{ background:url(../images/proaq.jpg) no-repeat center; height:935px; width:100%;}
.pro_img4 .imgbox0 .w_auto{ height: 100%; position:absolute; top:0; left:50%; margin-left: -495px;}
.pro_img4 .imgbox0 img.ppcon{ position: absolute; right: 0; top: 160px;}
.pro_img4 .imgbox1{ background:url(../images/prsd32424.jpg) no-repeat center; height:935px; width:100%;}
.pro_img4 .imgbox2{ background:url(../images/prsd32423.jpg) no-repeat center; height:935px; width:100%;}
.pro_img4 .bottom{ background:url(../images/backsa.png) no-repeat center; width:408px; height:36px; position:absolute; left:50%; margin-left:-204px; bottom:50px;}
.pro_img4 .bottom .ssp{ float:left; display:inline-block; width:116px; padding:0 10px; height:36px; line-height:36px; font-size:13px; color:#fff; cursor:pointer;}
.pro_img4 .bottom .ssp.hover{ background:url(../images/backsb.png) no-repeat center;}
.pro_img4 .bottom .ssp em{ float:left; display:inline-block;}
.pro_img4 .bottom .ssp span{ display:inline-block; float:left; width:22px; height:36px;}
.pro_img4 .bottom .ssp1{ width:124px; padding:0 6px;}
.pro_img4 .bottom .ssp0 span{ background:url(../images/badcion0.png) no-repeat right center; margin:0 10px;}
.pro_img4 .bottom .ssp1 span{ background:url(../images/badcion1.png) no-repeat right center; margin:0 1px;}
.pro_img4 .bottom .ssp2 span{ background:url(../images/badcion2.png) no-repeat right center; margin:0 8px 0 10px;}

.pro_img5{ background:url(../images/pro4.jpg) no-repeat center; height:935px; min-width:990px; overflow:hidden;}
.pro_img5 .w_auto{ height: 935px; position: relative;}
.pro_img5 .w_auto .hpho{ position: absolute; bottom: 25px; right: -80px; overflow: hidden; background:url(../images/phone.png) no-repeat center; width: 550px; height: 730px;}


.pro_img6{ background:url(../images/pro5.jpg) no-repeat center; height:935px; min-width:990px; overflow:hidden;}
.pro_img6 .w_auto{ height: 100%; position: relative; overflow: hidden;}
.pro_img6 .w_auto img{ position: absolute; right: -379px; top: 170px;}

.pro_appp{ }
/**视频中心**/
.ser_video .bigvideo{ width:820px; height:460px; display:block; margin:0 auto; position:relative; z-index:1;}
.ser_video .bigvideo header{ height:36px; line-height:36px; background:url(../images/video_mark.png) repeat; width:770px; padding:0 25px; position:absolute; bottom:0; left:0px; z-index:5; color:#fff; font-size:22px;}
.ser_video .bigvideo .videosrc{ z-index:2;}
.ser_video{ background:#eee; padding:50px 0;}
.ser_video .cxscroll{ width:860px; height:80px; position:relative; margin:20px auto 0 auto;}
.ser_video .cxscroll .box{ margin-left:60px; width:750px; overflow:hidden;}
.ser_video .cxscroll .box .list{ width:9999999px; height:80px; overflow:hidden;}
.ser_video .cxscroll span.next{ position:absolute; left:20px; background:url(../images/videoleft.png) no-repeat; width:35px; height:80px; display:block; cursor:pointer;}
.ser_video .cxscroll span.prev{ position:absolute; right:20px; background:url(../images/videoright.png) no-repeat; width:35px; height:80px; display:block; cursor:pointer;}
.ser_video li{ float:left; display:inline-block; position:relative; width:140px; padding-right:10px; height:80px; overflow:hidden;}
.ser_video li img{ cursor:pointer;}


/**安装流程*/
.ser_table{ padding:60px 0; background:#eee;}
.ser_table .w_auto{ overflow:hidden;}
.ser_table li{ background:url(../images/iline.png) repeat-y 54px; padding-bottom:50px;}
.ser_table li nav{ float:left; display:inline-block; width:70px;}
.ser_table li nav .tabnun{ float:left; display:inline-block; background:url(../images/ictab.png) no-repeat center; width:32px; padding-right:7px; line-height:34px; height:34px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:19px; color:#fff; display:none;}
.ser_table li.hover .con{ display:block;}
.ser_table li.hover nav .tabnun{ display:block;}
.ser_table li.hover nav .tabdian{ margin-left:8px;}
.ser_table li.hover .con{ display:block;}
.ser_table li.ser_tli0 nav .tabdian{ background-color:#eee;}
.ser_table li.ser_tli13{ background:none;}
.ser_table li.ser_tli13 nav{ background:url(../images/iline.png) repeat-y 54px;}
.ser_table li.ser_tli13 nav .last{ height:15px; width:20px; background:#eee; margin:20px 0 0 50px;}
.ser_table li nav .tabdian{ float:left; display:inline-block; background-image:url(../images/icdiantr.png); background-repeat:no-repeat; background-position:bottom center; width:15px; height:15px; padding-top:10px; margin:0 8px 0 47px;}
.ser_table li .right{ float:left; display:inline-block; width:910px; padding-left:10px;}
.ser_table li .con{ display:none;}
.ser_table li header span{ background:url(../images/icbg.png) no-repeat center; height:47px; width:47px; line-height:47px; font-size:47px; float:left; display: table-cell; vertical-align:middle;}
.ser_table li header .htit{ float:left; display:inline-block; width:853px; padding-left:10px;}
.ser_table li header .title{ font-size:18px; line-height:24px; color:#333333;}
.ser_table li header .lontit{ font-size:13px; line-height:23px; color:#606060;}
.ser_table li header span .imgs{ display:block; height:47px;}
.ser_table li.ser_tli0 span .imgs{ background:url(../images/i0.png) no-repeat center;}
.ser_table li.ser_tli1 span .imgs{ background:url(../images/i1.png) no-repeat center;}
.ser_table li.ser_tli2 span .imgs{ background:url(../images/i2.png) no-repeat center;}
.ser_table li.ser_tli3 span .imgs{ background:url(../images/i3.png) no-repeat center;}
.ser_table li.ser_tli4 span .imgs{ background:url(../images/i4.png) no-repeat center;}
.ser_table li.ser_tli5 span .imgs{ background:url(../images/i5.png) no-repeat center;}
.ser_table li.ser_tli6 span .imgs{ background:url(../images/i6.png) no-repeat center;}
.ser_table li.ser_tli7 span .imgs{ background:url(../images/i7.png) no-repeat center;}
.ser_table li.ser_tli8 span .imgs{ background:url(../images/i8.png) no-repeat center;}
.ser_table li.ser_tli9 span .imgs{ background:url(../images/i9.png) no-repeat center;}
.ser_table li.ser_tli10 span .imgs{ background:url(../images/i10.png) no-repeat center;}
.ser_table li.ser_tli11 span .imgs{ background:url(../images/i11.png) no-repeat center;}
.ser_table li.ser_tli12 span .imgs{ background:url(../images/i12.png) no-repeat center;}
.ser_table li.ser_tli13 span .imgs{ background:url(../images/i13.png) no-repeat center;}
/***下载**/
.ser_down{ background:#eeeeee; padding:30px 0 80px 0; overflow:hidden;}
.ser_down header{ background:url(../images/down.png) no-repeat left center; height:34px; font-size:28px; color:#036eb1; line-height:34px; border-bottom:1px solid #e7e7e7; padding:20px 0 20px 36px;}
.ser_down li{ background:url(../images/backicon.png) no-repeat left 20px; padding:25px 0;}
.ser_down li .title{ float:left; display:inline-block; line-height:30px; height:30px; overflow:hidden; font-size:14px; color:#545454; padding-left:50px; width:500px;}
.ser_down li .time{ float:left; display:inline-block; line-height:30px; font-size:14px; text-align:right; width:240px; color:#545454;}
.ser_down li .downnow{ float:left; display:inline-block; margin-left:85px; width:115px; height:30px; line-height:30px; color:#fff; background:url(../images/back1.png) no-repeat right center; text-align:center;}
.ser_down li .downnow:hover{ background:url(../images/back0.png) no-repeat center;}

/*加入我们**/
.cont_lists{ background:#fff; height:50px; padding-bottom:10px; line-height:50px;}
.cont_lists span{ float:left; display:inline-block; font-size:23px; color:#0887d6; font-family:Arial, Helvetica, sans-serif;}
.cont_lists .ser_menubox{ float:right; display:inline-block;}
.cont_lists .ser_menubox a{ float:left; display:inline-block; color:#333333; font-size:15px; padding-left:35px; margin-left:30px;}
.cont_lists .ser_menubox a:hover{ color:#0887d6;}
.cont_lists .ser_menubox a.hover{ color:#0887d6;}


.join{ background:#eeeeee; padding:50px 0;}
.join nav{ float:left; display:inline-block; width:270px; padding-right:30px;}
.join nav header{ font-size:30px; line-height:60px; padding:10px 0; color:#000000;}
.join nav article{ font-size:13px; line-height:18px; color:#6b6b6b;}
.join nav span.jlink{ margin:10px 0 10px 0; background:url(../images/link.png) no-repeat -1px center; display:block; height:80px;}
.join nav .link{ font-size:13px; line-height:18px; color:#6b6b6b;}
.join nav .link a{ color:#036eb1; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.join .right{ float:left; display:inline-block; width:648px; padding-left:40px; border-left:2px solid #c9c9c9; padding-top:5px;}
.join .right .type{ padding-bottom:40px;}
.join .right header{ padding-left:10px; margin-bottom:10px; border-left:3px solid #0380CE; color:#2b2b2b; font-size:18px; color:#2b2b2b; height:20px; line-height:20px;}
.join .right li{ padding:10px 0 5px 0; border-bottom:1px dashed #dbdbdb;}
.join .right li .title{ display:block; font-size:14px; line-height:20px; color:#036eb1; background:url(../images/icon.png) no-repeat right center; cursor:pointer;}
.join .right li .content{ font-size:13px; color:#333; padding:10px 5px; display:none; line-height:22px;}
.join .right li.hover .title{}

/**关于我们**/
.about{ position:relative;}
.about .img0{ background:url(../images/img0.jpg) no-repeat center; width:1920px; height:810px; position:relative; background-size:cover;}
.about .img0 .box{ position:absolute; width:500px; height:140px; top:50%; margin-top:-70px;}
.about .img0 header{ font-size:26px; line-height:50px; color:#fff; padding-bottom:10px;}
.about .img0 article{ font-size:18px; line-height:26px; color:#fff;}
.about .img0 article span{ display:block; position:absolute; height:93px; width:93px;}
.about .img0 .von01{ background:url(../images/con01.png) no-repeat center; left:0px; top:50px;}
.about .img0 .von02{ background:url(../images/con02.png) no-repeat center; left:120px; top:50px;}
.about .img0 .von03{ background:url(../images/con03.png) no-repeat center; left:230px; top:50px;}
.about .img1{ background:url(../images/img1.jpg) no-repeat center; width:1920px; height:810px; position:relative; background-size:cover;}
.about .img1 .box{ position:absolute; margin-left:0px; top:50%; margin-top:-70px; background:url(../images/ab_03.png) no-repeat center; width:778px; height:143px;}
.about .img1 header{ font-size:36px; line-height:50px; color:#58595b; padding-bottom:10px; display:none;}
.about .img1 article{ font-size:18px; line-height:26px; color:#58595b; font-weight:800; display:none;}
.about .img2{ background:url(../images/img2.jpg) no-repeat center; width:1920px; height:810px; position:relative; background-size:cover;}
.about .img2 .w_auto{ position:relative; height:100px;}
.about .img2 .box{ padding-top:170px;}
.about .img2 header{ font-size:40px; line-height:50px; color:#fff; padding-bottom:10px; text-align:center;}
.about .img2 article{ font-size:12px; line-height:20px; color:#fff; text-align:center;}
.about .img2 .word{ display:none;}
.about .img2 .word article{ background:url(../images/bak0.png) repeat; padding:30px 20px; font-size:13px; color:#fff; line-height:20px;}
.about .img2 .word span{ display:block; background:url(../images/cti.png) no-repeat center; width:9px; height:6px; margin:0 auto;}
.about .img2 .top span{ float:left; display:inline-block; background:url(../images/clink1.png) no-repeat center; cursor:pointer; height:20px; width:20px;}
.about .img2 .top span.hover{ background:url(../images/clink0.png) no-repeat center;}
.about .img2 .tab0{ width:300px; height:200px; position:absolute; left:20px; top:430px;}
.about .img2 .tab0 .top span{ }
.about .img2 .tab0 .top header{ float:left; display:inline-block; font-size:15px; line-height:20px; color:#fff; padding-left:6px;}
.about .img2 .tab0 .word{ width:250px; position:absolute; top:22px; margin-left:-70px; }
.about .img2 .tab1{ width:300px; height:200px; position:absolute; left:300px; top:500px;}
.about .img2 .tab1 .top header{ float:left; display:inline-block; font-size:15px; line-height:20px; color:#fff; padding-left:6px;}
.about .img2 .tab1 .word{ width:250px; position:absolute; top:22px; margin-left:-70px; }
.about .img2 .tab1 .word span{}
.about .img2 .tab1 .word article{}
.about .img2 .tab2{ width:300px; height:200px; position:absolute; right:80px; top:390px;}
.about .img2 .tab2 .top header{ float:left; display:inline-block; font-size:15px; line-height:20px; color:#fff; padding-left:6px;}
.about .img2 .tab2 .word{ width:250px; position:absolute; top:22px; margin-left:-70px; display:block; }
.about .img2 .tab2 .word span{}
.about .img2 .tab2 .word article{}
.about .img2 .tab3{ width:300px; height:200px; position:absolute; right:-230px; top:460px;}
.about .img2 .tab3 .top header{ float:left; display:inline-block; font-size:15px; line-height:20px; color:#fff; padding-left:6px;}
.about .img2 .tab3 .word{ width:250px; position:absolute; top:22px; margin-left:-70px; }
.about .img2 .tab3 .word span{}
.about .img2 .tab3 .word article{}
.turnbox{ background:url(../images/bak1.png) repeat; padding:15px 20px; height:36px; border-radius:3px; width:270px; position:fixed; right:50px; bottom:30px;}
.turnbox span{ border:1px solid #b0b0b3; float:left; display:inline-block; height:20px; width:20px; margin:8px 0;}
.turnbox .left{ background:url(../images/as.png) no-repeat center; margin-right:5px;}
.turnbox .right{ background:url(../images/lsef.png) no-repeat center;}
.turnbox .cont{ float:left; display:inline-block; font-size:13px; line-height:36px; margin-left:10px; padding-left:30px; color:#b0b0b3; background:url(../images/mouse.png) no-repeat left center; height:36px;}


.pro_img5 .slideBox{ position: absolute; bottom: 122px; right: 38px; overflow: hidden; width: 315px; height: 560px;} 
.slideBox .hd{ position:absolute; width: 0; height: 0; display: none;} 
.slideBox .bd{ position:relative; z-index:0; } 
.slideBox .bd li{ position:relative; text-align:center;} 
.slideBox .bd li img{width:100%;height:560px;max-width:none;}
.returntop{ background:url(../images/down.png) no-repeat center; height:55px; width:55px; display:block; position:fixed; right:50px; bottom:50px; cursor:pointer;}

.phone_fykj{display:none;}
.phone_fykj img{max-width:none;width:100%;}
@media screen and (max-width:767px){
	.pc_fykj{display:none;}
	.phone_fykj{display:block;}
}