@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0; color:#666; font-size:12px; font-family:Arial, Helvetica, sans-serif,"宋体"; }
ul,li,input,p,h1,h2,h3,h4,dl,dt,dd{ padding:0; margin:0; list-style:none;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#50a1ba; text-decoration:underline;}
img{ vertical-align:top; border:none;}
em{ font-style:normal;}
.clear{ clear:both;}
input{ color:#999; cursor:pointer;}

.top_btn{ width:45px; height:45px; position:fixed; bottom:50px; right:50px;}
/* TOP CSS */
.top_box{ width:100%; height:128px; border-bottom:solid 1px #eee; box-shadow:#eee 1px 1px 2px; position:fixed; background:#fff; top:0; left:0; z-index:999;}
.top_box .top{ width:1180px; height:128px; margin:0 auto;}
.top_box .top .serch_box{ width:100%; height:44px; line-height:31px;}
.top_box .top .serch_box span{ float:right;}
.top_box .top .serch_box span a{ padding:0 10px;}

.demo_search { width:100%;display:inline-block; position:relative;height:33px; margin-top:0px; z-index:3;}
.demo_search .demo_sinput {float:right; width:150px; height:25px; line-height:25px; padding:0 0 0 40px; border:#ccc 1px solid; border-radius:5px 5px 5px 5px; font-size:12px; -webkit-transition:.3s; -moz-transition:.3s; outline: none; background:url(../images/serch_icon.gif) no-repeat center left #fff;}
.demo_search .demo_sinput:focus { width:1140px; box-shadow:#eee 1px 1px 3px;}

.top_box .top .nav_box{ width:100%; height:85px; position:relative;}
.top_box .top .nav_box .logo{ width:300px; height:85px; float:left;}
.top_box .top .nav_box .menu{ width:615px; height:40px; padding-top:45px; float:right;}
.top_box .top .nav_box .menu ul li{ display:block; width:auto; height:55px; padding:0 15px; line-height:35px; float:left; font-size:14px;}
.top_box .top .nav_box .menu ul li a{ font-family:"微软雅黑";}
.top_box .top .nav_box .menu ul li .sub_nav_box{ width:1000px; height:auto; min-height:148px; background:url(../images/sub_bg.jpg) repeat-y; position:absolute; top:84px; right:0; display:none;}
.top_box .top .nav_box .menu ul li .sub_nav_box .sub_tit{ width:230px; height:auto; min-height:148px; float:left; font-size:0px; font-family:"微软雅黑"; line-height:80px; text-align:center;}
.top_box .top .nav_box .menu ul li .sub_nav_box .sub_nav{ width:769px; height:auto; min-height:148px; float:left;padding:20px 0; background:#f5f5f5; border-left:1px #ddd solid;}
.top_box .top .nav_box .menu ul li .sub_nav_box .sub_nav .case_tit{ width:120px; height:31px; line-height:31px; float:left; padding-left:30px;}
.top_box .top .nav_box .menu ul li .sub_nav_box .sub_nav .case_tit a{ font-size:12px;}
.top_box .top .nav_box .menu ul li:hover .sub_nav_box{ display:block;}
.top_box .top .nav_box .menu ul li .sub_nav_box .sub_nav .pro_tit{ width:100%; height: 31px; line-height:31px;}
.top_box .top .nav_box .menu ul li .sub_nav_box .sub_nav .pro_tit a{ color:#50a1ba; padding-left:30px;}
.top_box .top .nav_box .menu ul li .sub_nav_box .sub_nav dl{ padding-left:30px; min-height:27px; padding-bottom:15px;}
.top_box .top .nav_box .menu ul li .sub_nav_box .sub_nav dl dt{ float:left; color:#50a1ba; height:27px; line-height:27px; font-size:14px; font-family:"微软雅黑"}
.top_box .top .nav_box .menu ul li .sub_nav_box .sub_nav dl dd{ float:left; margin:0 10px; height:27px; line-height:27px;}
.top_box .top .nav_box .menu ul li .solve_bg{background:url(../images/solve_nav.jpg) no-repeat left center;}
.top_box .top .nav_box .menu ul li .case_bg{background:url(../images/cases_nav.jpg) no-repeat left center;}
.top_box .top .nav_box .menu ul li .pro_bg{ background:url(../images/product_nav.jpg) no-repeat left top #87bed2;}
.top_box .top .nav_box .menu ul li .news_bg{ background:url(../images/news_nav.jpg) no-repeat left center;}
.top_box .top .nav_box .menu ul li .about_bg{ background:url(../images/about_nav.jpg) no-repeat left center;}
.top_box .top .nav_box .menu ul li .join_bg{ background:url(../images/join_nav.jpg) no-repeat left center;}

/* BOT CSS */
.bot_box{ width:100%; min-heihgt:332px; overflow:hidden;}
.bottom_box{ width:100%; min-height:321px; border-top:solid 11px #86c0d2; background:#f5f5f5;}
.bottom_box .bottom{ width:1180px; min-height:321px; margin:0 auto;}
.pro_nav_box{ width:550px; height:auto; padding-top:15px; float:left;}
.pro_nav_box ul{ display:block; min-width:110px; height:auto; margin-bottom:20px;}
.pro_nav_box ul li{ display:block; width:110px; height:31px; float:left; line-height:31px; font-family:"微软雅黑";}
.bot_nav_tit{ width:100%; height:31px; line-height:31px; float:none;}
.bot_nav_tit a{ font-size:14px; font-family:"微软雅黑"; color:#50a1ba;}

.about_nav{ width:330px; height:auto; float:left; padding-top:15px;}
.about_nav ul li{ display:block; width:110px; height:31px; float:left; line-height:31px; font-family:"微软雅黑";}

.er_box{ width:295px; height:auto; background:#86c0d2; float:right;}
.er_box .d_put{ width:295px; height:71px; color:#fff;}
.er_box .d_put .d_input{ width:210px; padding-left:40px; height:31px; background:url(../images/bot_icon.png) no-repeat 10px center #fff; margin:10px auto 0 auto; display:block; border:none; border-radius:3px 3px 3px 3px;}
.er_box .d_put .y_input{ width:50px; height:29px; text-align:center; line-height:29px; border:none; margin:5px 10px 0 22px; background:#3789a4; color:#fff; border-radius:3px 3px 3px 3px;}
.er_box img{ max-width:100%;}

.boot_box{ width:100%; height:41px; line-height:41px; margin-top:15px; border-top:solid 1px #ccc;}
.boot_box span{ float:left;}
.boot_box em{ float:right;}

.bot_box .sub_nav_pro{ min-width:94px; padding-right:10px; height:auto; margin-bottom:15px; padding-left:20px; border-right:1px #ddd solid; float:left;}
.bot_box .sub_nav_pro .pro_nav_tit{ width:100%; height:31px; line-height:31px;}
.bot_box .sub_nav_pro .pro_nav_tit a{ color:#50a1ba; font-size:14px;}
.bot_box .sub_nav_pro .pro_nav_tit1{ width:100%; height:auto;}
.bot_box .sub_nav_pro .pro_nav_tit1 .pro_nav_tit2{ width:100%; height:21px; line-height:21px;}
.bot_box .sub_nav_pro .pro_nav_tit1 .pro_nav_tit2 a{ color:#000; font-size:12px;}
.bot_box .sub_nav_pro .pro_nav_tit1 .pro_nav_tit3{ width:100%; height:23px; line-height:23px;}
.bot_box .sub_nav_pro .pro_nav_tit1 .pro_nav_tit3 a{ color:#999; font-size:12px;}

.top_box .sub_nav_pro{ min-width:71px; padding-right:10px; height:auto; margin-bottom:15px; padding-left:20px; border-right:1px #ddd solid; float:left;}
.top_box .sub_nav_pro .pro_nav_tit{ width:100%; height:31px; line-height:31px;}
.top_box .sub_nav_pro .pro_nav_tit a{ color:#50a1ba; font-size:14px;}
.top_box .sub_nav_pro .pro_nav_tit1{ width:100%; height:auto;}
.top_box .sub_nav_pro .pro_nav_tit1 .pro_nav_tit2{ width:100%; height:21px; line-height:21px;}
.top_box .sub_nav_pro .pro_nav_tit1 .pro_nav_tit2 a{ color:#000; font-size:12px;}
.top_box .sub_nav_pro .pro_nav_tit1 .pro_nav_tit3{ width:100%; height:23px; line-height:23px;}
.top_box .sub_nav_pro .pro_nav_tit1 .pro_nav_tit3 a{ color:#999; font-size:12px;}