@charset "utf-8";

*{transition: all .4s;}
#header {border-top: #147ABA 3px solid;}
#header .header_main{ height: 120px;}
#header .header_main .logo{font-size: 30px;; color: #000;margin: 16px 0 0 0;}
#header .header_main .tel{height: 40px; font-size: 14px;margin: 32px 0 0 0; text-align: center;}
#header .header_main .tel img{vertical-align: middle;margin-right: 8px;}
#header .header_main .tel span{margin-left: 10px; color: #D80000;}
#header .header_main .tel span strong{font-size: 30px; font-style: italic; font-weight: normal;}
#header .header_main .tel span * { vertical-align: baseline; }
#header .header_nav{ height: 76px;background: #147ABA}
#header .header_nav ul{ text-align: center; font-size: 0;float: left;}
#header .header_nav ul li{display: inline-block;font-size: 18px;line-height: 76px; position: relative;}
#header .header_nav ul li > a{display: block;padding: 0 30px; color: #FFF;}
#header .header_nav ul li > a:hover,
#header .header_nav ul li:hover > a
{background: #FFF; color: #147ABA;}
#header .header_nav ul li .menu{ position: absolute; top:70px; left: 0; background: #147ABA; color: #FFF; z-index: 99999; width: auto !important;overflow: hidden; display: none; transition: none; box-shadow: 0 10px 20px rgba(0,0,0,0.3);min-width: 100%;  border-top: #1D9BE7 6px solid;}
#header .header_nav ul li .menu a{color: #FFF; white-space: nowrap; display: block;padding: 0 30px;line-height: 50px; text-align: left;font-size: 16px;}
#header .header_nav ul li .menu a:hover{color:#147ABA;background: #fff;}
#header .header_nav ol{ width: 200px; vertical-align: top; font-size: 0; white-space: nowrap;margin-top: 20px;}
#header .header_nav ol li{ display: inline-block;}
#header .header_nav ol li.c input{height: 36px; width:164px; border: none; background: #FFF; font-size: 14px; color: #000;border-radius: 200px 0 0 200px; text-indent: 20px; }
#header .header_nav ol li.b input{height: 36px; width:36px; border: none; background: #FFF url(img/ico_search.png) center center no-repeat; font-size: 14px; color: #000;border-radius: 0 200px 200px 0; text-indent: 20px; }




#banner{ height: 500px; background: #EEE;}
#banner *{transition: none!important;}
#banner .slideBox{ width:100%; height:500px; overflow:hidden; position:relative; }
#banner .slideBox .hd{ height:18px; overflow:hidden; position:absolute; right:0px;left: 0px; bottom:30px; z-index:1; }
#banner .slideBox .hd ul{ overflow:hidden; zoom:1;text-align: center;display: block;}
#banner .slideBox .hd ul li{ display: inline-block; width:12px; height:12px; line-height:12px; text-align:center; border:2px solid #FFF; cursor:pointer;border-radius:200px;margin: 0 4px; }
#banner .slideBox .hd ul li.on{ border:2px solid #147ABA; }
#banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
#banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
#banner .slideBox .bd li a{ width:100%; height:500px; display:block;background-position:center center!important; background-repeat: no-repeat!important;background-size: cover!important;}
#banner .slideBox .bd img{ width:100%; height:500px; display:block;  }
#banner .slideBox .prev,
#banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
#banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
#banner .slideBox .prev:hover,
#banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
#banner .slideBox .prevStop{ display:none;  }
#banner .slideBox .nextStop{ display:none;  }


#footer {background: #222;color: #888;overflow: hidden;font-size: 14px; }
#footer .footer_nav{ width: 1200px; margin: 0 auto; line-height: 40px; background: #444; text-align: center;}
#footer .footer_nav ul li{ display: inline-block; width:160px; font-size: 16px;}
#footer .footer_nav ul li a{ color: #FFF;}
#footer .footer_main{overflow: hidden; padding: 40px 0;}
#footer .footer_main .comname{overflow: hidden;}
#footer .footer_main .comname dd{font-size: 18px; color: #FFF;}
#footer .footer_main .comname dt{font-size: 28px; color: #FFF;}
#footer .footer_main .comname .tel{font-size: 14px; color:#D80000;}
#footer .footer_main .comname .tel *{vertical-align: baseline}
#footer .footer_main .comname .tel strong{font-size: 30px;font-style: italic; font-weight: normal}
#footer .footer_main .address{overflow: hidden;margin-left: 30px;padding-left: 30px; border-left: 1px solid #666666;line-height: 24px;}
#footer .footer_main .qrcode{}





#main_index{}
#main_index .main_box{clear: both;}
#main_index .main_box .main_indextitle{font-size: 40px; color: #000; white-space: nowrap; text-align: center; position: relative; padding-top: 70px;padding-bottom: 40px;}
#main_index .main_box .main_indextitle .mm{display: inline-block;padding: 0 15px; background: #FFF; position: relative;z-index: 99;}
#main_index .main_box .main_indextitle span{font-size: 30px; color:#FFF; background: #147ABA;height: 36px; padding: 0 15px;border-radius: 200px;}
#main_index .main_box .main_indextitle em{background:#147ABA; position: absolute;  width:250px;height: 10px; top: 0; left: 50%; margin-left:-125px; }
#main_index .main_box .main_indextitle hr{height: 1px; width: 100%; border: none; background: #DDD;position: absolute;top: 80px; z-index: 98;}
#main_index .main_box .more{padding: 40px 0; text-align: center;}
#main_index .main_box .more a{display: inline-block; line-height: 40px; font-size: 16px; color: #888;padding: 0 10px; border-bottom: 2px solid #FF5C26;}
#main_index .main_box .more a:hover{display: inline-block; line-height: 40px; font-size: 16px; color: #FFF;padding: 0 10px; border-bottom: 2px solid #FF5C26;background: #FF5C26}

#main_index .main_box .main_cont{overflow: hidden;}
#main_index .main_box .main_cont .img{width: 600px;height:400px;overflow: hidden;}
#main_index .main_box .main_cont .img:hover img{transform: scale(1.1)}
#main_index .main_box .main_cont .info{width: 600px;height: 400px; background: #147ABA; font-size: 14px; color: #FFF;line-height: 30px;}
#main_index .main_box .main_cont .info ul{padding: 35px 30px;}

#main_index .main_box.serverbg{background: #147ABA url(img/serverbg.jpg) center center no-repeat / cover;}
#main_index .main_box.serverbg .main_indextitle{font-size: 40px; white-space: nowrap; text-align: center; position: relative; padding-top: 70px;padding-bottom: 40px;}
#main_index .main_box.serverbg .main_indextitle .mm{display: inline-block;padding: 0 15px; background: rgba(0,0,0,0); position: relative;z-index: 99;}
#main_index .main_box.serverbg .main_indextitle span{font-size: 30px; color:#147ABA; background: #FFF;height: 36px; padding: 0 15px;border-radius: 200px;}
#main_index .main_box.serverbg .main_indextitle em{background:#FFF; position: absolute;  width:250px;height: 10px; top: 0; left: 50%; margin-left:-125px; }
#main_index .main_box.serverbg .main_indextitle hr{height: 1px; width: 100%; border: none; background: #DDD;position: absolute;top: 80px; z-index: 98;}
#main_index .main_box.serverbg .more{padding: 40px 0; text-align: center;}
#main_index .main_box.serverbg .more a{display: inline-block; line-height: 40px; font-size: 16px; color: #FFF;padding: 0 10px; border-bottom: 2px solid #FFF;}
#main_index .main_box.serverbg .more a:hover{display: inline-block; line-height: 40px; font-size: 16px; color: #147ABA;padding: 0 10px; border-bottom: 2px solid #FFF;background: #FFF}
#main_index .main_box.serverbg .main_list{text-align: center;font-size: 0;}
#main_index .main_box.serverbg .main_list li{display: inline-block; width: 260px;margin: 0 20px;}
#main_index .main_box.serverbg .main_list li img{border-radius: 400px; border: 5px solid #FFF;}
#main_index .main_box.serverbg .main_list li a:hover img{transform: scale(1.1);box-shadow: 0 10px 20px rgba(0,0,0,0.3)}
#main_index .main_box.serverbg .main_list li .name{font-size: 18px; padding:15px 0;}
#main_index .main_box.serverbg .main_list li .name a{color: #FFF;}
#main_index .main_box.serverbg .main_cont{padding-top:40px; font-size: 14px; line-height: 30px; text-align: center;color: #FFF;}

#main_index .main_box .main_newslist{overflow: hidden;background: #EEE;}
#main_index .main_box .main_newslist .list{width: 600px;height: 400px;overflow: hidden;}
#main_index .main_box .main_newslist .list ul{padding: 10px;}
#main_index .main_box .main_newslist .list ul li{white-space: nowrap;margin: 27px 0;font-size: 0;}
#main_index .main_box .main_newslist .list ul li:hover{transform: translateY(-10px)}
#main_index .main_box .main_newslist .list ul li span{display: inline-block; vertical-align: middle;width: 120px; height: 44px; background: #1D9BE7; color: #FFF; line-height: 44px;  font-size: 12px; text-align: center;}
#main_index .main_box .main_newslist .list ul li span strong{font-size: 36px;}
#main_index .main_box .main_newslist .list ul li a{display: inline-block; vertical-align: middle;height: 44px;width: 440px;padding-left: 10px; white-space: normal;font-size: 14px;line-height: 22px;}

#main_index .main_box .main_newslist .img{width: 600px;height: 400px;overflow: hidden;position: relative;}
#main_index .main_box .main_newslist .img span{display: block;position: absolute;left: 0; bottom: 0; right: 0; padding: 10px;background: rgba(20,122,186,0.50);font-size: 14px; color: #FFF;}
#main_index .main_box .main_newslist .img span strong{font-size: 16px; font-weight: normal; color: #FFF;margin-bottom: 5px; display: block;}
#main_index .main_box .main_newslist .img a:hover img{transform: scale(1.1)}

#main_index .main_box.top4{padding: 40px 0; text-align: center;}
#main_index .main_box.top4 ul{padding-bottom: 120px;}
#main_index .main_box.top4 ul li{ display: inline-block;  width: 240px;position: relative; height: 240px;margin:0 15px;}
#main_index .main_box.top4 ul li .img{position: absolute;}
#main_index .main_box.top4 ul li .img span{width: 96px; height: 96px; text-align: center; line-height: 96px; background: #1379B9; border-radius: 200px;display: block;margin: 72px auto 0 auto;}
#main_index .main_box.top4 ul li:nth-child(1) .img{background: url(img/s1.png) center center no-repeat / 100% 100%; }
#main_index .main_box.top4 ul li:nth-child(2) .img{background: url(img/s2.png) center center no-repeat / 100% 100%; }
#main_index .main_box.top4 ul li:nth-child(3) .img{background: url(img/s3.png) center center no-repeat / 100% 100%; }
#main_index .main_box.top4 ul li:nth-child(4) .img{background: url(img/s4.png) center center no-repeat / 100% 100%; }
#main_index .main_box.top4 ul li .name{position: absolute;font-size: 18px; color: #333; width: 240px;}
#main_index .main_box.top4 ul li .name strong{color: #1379B9; font-weight: normal;display: block;}

#main_index .main_box.top4 ul li:nth-child(odd){border: #CCC 1px solid;border-top: none;top:120px;}
#main_index .main_box.top4 ul li:nth-child(odd) .img{width: 240px;height: 240px;top: -120px;}
#main_index .main_box.top4 ul li:nth-child(odd):hover .img span{transform: translateY(100px)}
#main_index .main_box.top4 ul li:nth-child(odd) .name{bottom: 30px;}
#main_index .main_box.top4 ul li:nth-child(even){border: #CCC 1px solid;border-bottom: none;}
#main_index .main_box.top4 ul li:nth-child(even) .img{width: 240px;height: 240px;bottom: -120px;}
#main_index .main_box.top4 ul li:nth-child(even):hover .img span{transform: translateY(-100px)}
#main_index .main_box.top4 ul li:nth-child(even) .name{top: 30px;}

#main_index .main_box.address{padding: 40px 0;overflow: hidden;}
#main_index .main_box.address .map{width: 600px;height: 400px;overflow: hidden;}
#main_index .main_box.address .main_message{ height: 400px; width: 600px;overflow: hidden;background: #1379B9;}
#main_index .main_box.address .main_message .main_title2{height: 58px;background: #FFF; color:#1379B9;font-size: 30px;}
#main_index .main_box.address .main_message .main_title2 strong{font-size: 64px;font-weight: normal;}
#main_index .main_box.address .main_message .main_list ul{ padding:10px 30px;}
#main_index .main_box.address .main_message .main_list ul li{margin: 5px 0;}
#main_index .main_box.address .main_message .main_list ul li input::-webkit-input-placeholder{color: #FFF;}
#main_index .main_box.address .main_message .main_list ul li input[type="text"],
#main_index .main_box.address .main_message .main_list ul li input[type="number"],
#main_index .main_box.address .main_message .main_list ul li input[type="tel"]{ width: 100%; background: #1379B9; border: none; border-bottom: 1px solid rgba(255,255,255,0.4);height: 40px; color: #FFF;}
#main_index .main_box.address .main_message .main_list ul li input[type="text"]:hover,
#main_index .main_box.address .main_message .main_list ul li input[type="number"]:hover,
#main_index .main_box.address .main_message .main_list ul li input[type="tel"]:hover{ border-bottom: 1px solid rgba(255,255,255,1);}
#main_index .main_box.address .main_message .main_list ul li input.w_bfz48{ width: 48%; }
#main_index .main_box.address .main_message .main_list ul li input.w_bfz70{ width: 70%; }
#main_index .main_box.address .main_message .main_list ul li input.marg_r_bfz4{ margin-right: 4% }
#main_index .main_box.address .main_message .main_list ul li textarea::-webkit-input-placeholder{color: #FFF;}
#main_index .main_box.address .main_message .main_list ul li textarea{ width: 100%; background: #1379B9; border: none; border-bottom: 1px solid rgba(255,255,255,0.4);height: 90px; color: #FFF;padding: 5px 0;}
#main_index .main_box.address .main_message .main_list ul li textarea:hover{ border-bottom: 1px solid rgba(255,255,255,1);}
#main_index .main_box.address .main_message .main_list ul li .codeimg{ height: 40px; width: 30%; background: #888;}
#main_index .main_box.address .main_message .main_list ul li input[type="submit"]{ width: 170px; background: #1379B9; border: none; border-bottom: 2px solid #FFF;height: 44px; color: #FFF;margin: 0 auto; display: block;cursor: pointer;}
#main_index .main_box.address .main_message .main_list ul li input[type="submit"]:hover{ width: 170px; background: #FFF; border: none; border-bottom: 2px solid #FFF;height: 44px; color: #1379B9;margin: 0 auto; display: block;cursor: pointer;}



/*content_NoT开始*/
.ppt2 { height: 260px; width: 100%; background-color: #CCC; background-repeat: no-repeat; background-position: center top; }
#main { width: 1100px; margin: 0 auto; padding: 35px 0; }
.sidebar { width: 198px; background-color: #147ABA; }
.main_content { width: 820px; }
.sidebar_Title { height: 46px; line-height: 46px; text-align:center; color: #FFF; font-size: 16px; }
.sidebar ul { border: 1px solid #d8d8d8; border-bottom: none; background-color: #FFF; }
.sidebar ul li { height: 46px; line-height: 46px; padding-left: 30px; background-image: url(img/biao.jpg); background-repeat: no-repeat; background-position: 176px 18px; border-bottom: 1px solid #d8d8d8; font-size: 16px; }
.main_title { height: 46px; line-height: 46px; background-image: url(img/lanmu_biao.jpg); background-repeat: no-repeat; background-position: 0px 12px; font-size: 18px; color: #147ABA; padding-left: 12px; border-bottom: 1px solid #d8d8d8; }
.add { color: #333333; padding-right: 8px; }
.main_content_word { padding-top: 40px; line-height: 34px; min-height:400px; }
.main_Ntitle { padding-top: 34px; }
.title { font-size: 22px; color: #147ABA; line-height: 34px; border-bottom: 1px dotted #cacaca; padding: 20px 0; }
.news ul { width: 820px; }
.news ul li { height: 80px; width: 820px; border-bottom: 1px dotted #cacaca; padding: 29px 0; }
.date { height: 45px; width: 80px; font-size: 21px; color: #2b2b2b; line-height: 1.1em; padding-top: 20px; padding-bottom: 15px; background-color: #e7e7e7; margin-right: 40px; }
.date span { font-size: 15px; line-height: 2em; }
.news_list h1 { color: #000; font-size: 16px; line-height: 1.1em; margin-bottom: 18px; }
.news_list { line-height: 22px; color: #575757; width: 700px; }
.pages { height: 56px; line-height: 56px; padding-right: 20px; }
.list_imgs ul { width: 849px; margin-left: -29px; }
.list_imgs ul li { width: 254px; height: 308px; float: left; display: inline; margin-left: 29px; }
.list_imgs ul li p { line-height: 1.5em; padding: 15px 10px; }
.list_imgs ul li a img { border: 1px solid #d5d5d5; }
.list_imgs { padding-top: 40px; }
.download_main { padding-top: 5px; }
.download_main ul { width: 820px; }
.download_main ul li { height: 45px; line-height: 45px; border-bottom: 1px dotted #b6b6b6; padding-left: 5px; }
.project ul { width: 1100px; }
.project ul li { height: 132px; width: 1100px; border-bottom: 1px dotted #cacaca; padding: 29px 0; }
.project h1 { color: #000; font-size: 16px; line-height: 1.1em; margin-bottom: 18px; }
.project { line-height: 20px; color: #666666; width: 1100px; font-size: 12px; }
.project ul li a img { border: 1px solid #dedede; float: left; margin-right: 23px; }
.project_list h1 { color: #000; font-size: 16px; line-height: 1.5em; margin-bottom: 18px; }
.project_list { line-height: 20px; width: 875px; }
.contect_main { padding-top: 40px; padding-left: 160px; }
.contect_main span { width: 100px; height: 30px; text-align: right; line-height: 30px; float: left; display: inline; margin-bottom: 13px; }
/* input { height: 28px; line-height: 28px; border: 1px solid #d8d8d8; width: 350px; display: inline; margin-bottom: 13px; padding-left: 3px; color: #a0a0a0; }
textarea { width: 350px; height: 160px; margin-bottom: 13px; line-height:28px; padding-left: 3px; } */
#checkcode {width: 287px; float: left;}
.sub { width: 150px; height: 44px; background-color: #147ABA; color: #FFF; font-size: 16px; margin-left: 100px; border: none; display: inline-block; line-height: 44px; text-align: center; border-radius: 4px; cursor: pointer; }
#checkpic { height: 30px; float: left; display: inline; cursor: pointer; }
.search_KEY { height: 45px; line-height: 45px; padding-left: 12px; border-bottom: 3px double #147ABA; color: #147ABA; }
.main_content_word img { text-align:center; }
/*NoSide开始*/
.NoSide { width:1100px; }