﻿@charset "utf-8";
/*MENU*/
h1{font-size: 14px; font-weight: normal; display: inline; line-height: 40px;}
h1 a{color: #999;}
h1 a:hover{color: #fff;}
/*HEADER*/
.header_menuo{float:left; margin:0 0 0 650px; background:url(images/ihome.jpg) 0 10px no-repeat; height:35px; line-height:35px; width:95px; text-align:center;}
.header_menut{float:left; margin:0 0 0 20px; background:url(images/icontact.jpg) 0 10px no-repeat; height:35px; line-height:35px; width:95px; text-align:center;}
.header_tel{width:154px; height:41px; background:url(images/itel.jpg) no-repeat; color:#1067c6; font-size:18px; line-height:20px; padding:0 0 0 50px; margin:26px 0 0 0;}
.header_tel p{color:#000; font-weight:bold; line-height:20px;}
/*NAVIGATION*/
.navigation{background:#1067c6; height:70px;}
#navMenu {width:100%; height:70px; line-height:70px; display:block; overflow:hidden; margin:0;}
#navMenu ul{margin:0 auto; text-align:center;}
#navMenu ul li{font-size:18px; width:123px; display:inline-block; border-right:1px solid #0d5eb5;}
#navMenu ul li a{color:#fff; display:block; padding:0;}
#navMenu ul li a:hover{color:#fff; background:#000; height:70px;}
.curument{background:#000; color:#ffffff; display:block;}/*当前页高亮*/
/*SUBMENU*/
.dropMenu{position:absolute; z-index:100; width:130px; visibility:hidden; margin-left:0px; margin-top: -1px; background:#000;}
.dropMenu li a{display:block; text-align:center; color:#fff; height:45px; line-height:45px; border-bottom: 1px solid #222;}
.dropMenu a{color:#fff;}
.dropMenu a:hover{color:#fff; background:#e60012;}
.hdo{width:100%; height:auto; display:block; overflow:hidden; width:170px; background:#b40815; color:#fff; text-align:center; font-weight:normal; line-height:45px; font-size:14px;}
/*BANNER*/
.fullSlide{width:100%;position:relative;height:557px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:557px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:557px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:5px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f60;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:1%;z-index:1;width:40px;height:60px;background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:1%;background-position:-6px -137px;}
/*ICO*/
.ico_box{width: 350px;  float:left; margin-right:45px;}
.ico_box img{float: left; width:142px; height:142px; margin-right:5px;}
.ico_menu{height: 25px; float:right; line-height: 25px; color:#000; font-size:18px; width:190px; margin:20px 0 0 0;}
.ico_menu span{font-size:12px; color:#777; text-transform:uppercase;}
.ico_menu p{font-size:14px; color:#999; line-height:20px; margin:15px 0 0 0;}
.ico_menu a{color: #000;}
.ico_menu a:hover{color: #1067c6;}
/*ABOUT*/
.about_logo{background:url(images/logo_icon.png) bottom center no-repeat; height:31px;}
.home_title .with-line{width:600px; text-align:center;}
.home_title .with-line:before{content:""; border-top:1px solid #043b74; display:block; position:absolute; width:230px; top:50px; left:0;}
.home_title .with-line:after{content:""; border-top:1px solid #043b74; display:block; position:absolute; width:230px; top:50px; right:0;}
.home_title .with-line p{font-size:18px;}
.home_titlew {width:300px; margin:0 auto; text-align:center;}
.home_titlew p{font-size:14px;}
.about_content{width:935px; text-align:center; color:#555; margin:25px auto;}
/*VIDEO*/
.video_box{width:576px; height:361px; float:left; margin:65px 0 0 0; padding:23px 0 0 79px; background:url(images/mac.png) center no-repeat;}
/*MORE*/
.more{text-align:center; width:109px; border-radius:12px; height:40px; border:1px solid #a0a0a0; font-size:14px; color:#696969; line-height:40px; margin:30px 0 30px 539px; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out; display:block;}
.more:hover{text-align:center; width:109px; height:40px; border:1px solid #0a50a1; font-size:14px; color:#fff; background:#0a50a1; line-height:40px; display:block;}
.more a:hover{color:#fff; display:block;}


.morew{text-align:center; width:109px; border-radius:12px; height:40px; border:1px solid #a0a0a0; font-size:14px; color:#696969; line-height:40px; margin:0; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.morew:hover{text-align:center; width:109px; height:40px; border:1px solid #0a50a1; font-size:14px; color:#fff; background:#0a50a1; line-height:40px;}

.sbanner_tit{width:190px; height:60px; font-size:36px; color:#fff; background:#014693; text-align:center; line-height:60px; float:left; margin:25px 0 0 100px;}
.sbanner_tit p{font-size:18px;}
.sbanner_content{float:right; color:#fff; width:740px; font-size: 15px; margin: 0 20px 0 0;}

/*LIUCHENG*/
.liucheng{text-transform:uppercase;}
.liucheng img{text-align:right; float:right; text-transform:uppercase;}
.liuchengat{background:url(images/process1.jpg) left no-repeat; color:#fff; font-size:16px; padding:0 0 0 35px;}
.liuchengat2{background:url(images/process2.jpg) left no-repeat; color:#fff; font-size:16px; padding:0 0 0 35px;}
.liuchenga{width:1200px; margin:55px auto;}
.liuchenga ul{text-align:center;margin:0 auto;}
.liuchenga ul li{ width:198px; display:inline-block;text-align:center; margin:auto 18px; font-size:15px; color:#444; vertical-align:top; letter-spacing:-1px;}
.liuchenga ul li p{ color:#999; font-size:13px; line-height:20px; color:#888;}
/*HOME-PRO*/
.home_pro{width:1000px; padding:0; margin:0 auto; float:right;}
.home_pro ul{margin:0; padding:0;}
.home_pro ul li{width:280px; float:left; list-style:none; margin:0 0 35px 50px;}
.home_pro ul li span{width:280px; color:#fff; font-size:14px; text-align:center; height:45px; line-height:45px; display:block; text-align:left;}
.home_pro_more {width:45px; height:25px; color:#fff; background:#e60012; text-align:center; line-height:25px; font-size:14px; display:inline-block; float:right; margin:10px 0 0 0;}
.home_pro_more a{color:#fff; background:#e60012;}
.home_pro_more a:hover{color:#eee; background:#b50411; display:block;}
/*HOME-ZIZHI*/
.home_zizhi{width:1300px; padding:0; margin:0 auto;}
.home_zizhi ul{margin:50px 0; padding:0; text-align: center;}
.home_zizhi ul li{width:290px; display: inline-block;list-style:none; margin:0 15px 35px 15px;}
.home_zizhi ul li span{width:290px; color:#fff; font-size:14px; text-align:center; height:45px; line-height:45px; display:block; text-align:center;}
/*INDEX-BOTH*/
.topnews_title{font-size:18px; color:#014693; text-align:left; width:910px; float:right; line-height:25px; margin:10px 0 20px 0;}
.topnews_title a{color:#014693;}
.topnews_title span{color:#777; font-size:14px; line-height:14px;}
.topnews_title p{font-size:14px; color:#78b601; line-height:14px; margin:20px 0;}



.inews_title{width:600px; height:66px; float:left;}
.inews_content{width:1200px; margin:20px 0 0 0; padding:0; float:left;}
.inews_content ul{list-style:none; padding:0;}
.inews_content ul li{width:46%; line-height:28px; margin:0 40px 25px 0; float:left;}
.inews_content ul li a{font-size:16px; color:#014693; display:block;}
.inews_content ul li a:hover{color:#014693;}
.inews_content ul li span{width:100%; font-size:14px; color:#777; line-height:18px;}

.inews_time{width:70px; height:70px; margin: 0 25px 0 0 ; background:#014693; color: #fff; float:left; text-align:center;}
.inews_day{width:70px; height:50px; line-height:50px; font-size:36px;}
.inews_year{width:70px; height:20px; line-height:20px; text-align: center; font-size: 12px;}
.inews_text{width:380px; height:30px; line-height:30px; float:left; margin:0 0 0 15px; color:#84b126; font-size:12px; font-weight:bold;}
.inews_text a{color:#fff; text-decoration:none;}
.inews_text a:hover{color:#fff; text-decoration:none;}
.inews_intro{width:380px; float:left; margin:0 0 0 15px; color:#777; line-height:20px;}
/*ABOUT*/
.inbout{width:580px; margin:0; padding:0; float:right;}
.inbout img{float: left;}
.inbout span{color: #bababa; line-height: 30px; font-size: 14px;}
/*CONTACT*/
.bottom_nav{width:100%; background: #e60012; height:45px; line-height:45px; color:#fff; padding:0; margin:0 auto;}
.bottom_nav ul{list-style:none; text-align: center;}
.bottom_nav ul li{margin:0 70px; font-size:14px; display: inline-block;}
.bottom_nav ul li a{color:#fff;}
.bottom_nav ul li a:hover{color:#eee;}
.bottom_other{width:415px; margin:0 68px 0 0; float: left; text-align:left;}
.bottom_tel{font-size:18px; float:left; color:#fff; padding:0; }
.bottom_tel p{padding:0;color: #5b7799; font-size:14px;}
.bottom_tel a{color: #5b7799;}
.bottom_tel a:hover{color: #fff;}
.bottom_tel li{padding:0;color: #5b7799; font-size:14px; float:left; margin:0 25px 0 0;}
.bottom_qr{float:right; margin:0; width:129px; margin:0; text-align:center;}
.bottom_qr p{color: #bababa; text-align: center;}
/*BOTTOM*/
.bottom{width:100%; padding:0; background:#022145; margin:0 auto; text-align:center; color:#000;overflow:auto;zoom:1}
.copyright{width:100%; padding:0; height:60px; line-height:60px; background:#011329; margin:0 auto; text-align:center; color:#fff; text-align:left;}
/*SUB*/
.sub_title .sub-line{width:100%; text-align:center;}
.sub_title .sub-line:before{content:""; border-top:1px solid #006cbf; display:block; position:absolute; width:430px; top:80px; left:0;}
.sub_title .sub-line:after{content:""; border-top:1px solid #006cbf; display:block; position:absolute; width:430px; top:80px; right:0;}
.sub_title .sub-line p{font-size:18px;}
.sub_catalog{width:1200px; padding:0; margin:40px auto;}
.sub_catalog ul{list-style:none; padding:0; margin:0 auto; display:table;}
.sub_catalog ul li{float:left; width:128px;color:#666; height:40px; line-height:40px; background:#f6f6f6; text-align:center; vertical-align:middle; border:1px solid #ddd; margin:0 0 0 -1px; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.sub_catalog ul li a{color:#666; display:block;}
.sub_catalog ul li:hover{color:#fff; background:#006cbf; border:1px solid #006cbf;}
/*CATALOG*/
.catalog{width:223px; float:left;}
.catalog_tit{width:190px; height:70px; background:#e60012 url(images/list_ico.png) 10px 30px no-repeat; color:#fff; font-size:18px; line-height:70px; padding:0 0 0 33px;}
.list_bg{background:#efefef;width:237px; margin:0 auto; float:right; overflow:hidden; padding:0;}
.list{width:100%; margin:0 auto; float:right; overflow:hidden; padding:0;}
.catalog ul li{width:223px; height:66px; text-align:left; margin-bottom:1px; line-height:66px; font-size:15px; background:#555 url(images/lists_ico.png) 200px 20px no-repeat;}
.catalog ul li a{display:block; color:#d6d6d6; padding:0 0 0 20px;}
.catalog ul li a:hover{color:#fff; background:#e60012 url(images/lists_ico.png) 200px 20px no-repeat;}

/*SUB-MAIN*/
.sub_left{width:261px; overflow:hidden; margin:0 35px 0 0; float:left;}
.sub_main_bg{width:1300px; overflow:hidden; margin:0; padding:0; margin: 0 auto;}
.sub_tit{width:900px; height:83px; line-height:73px; color:#000; font-size:24px; padding:0 0 0 110px; font-weight:bold; background:url(images/subtit.jpg) no-repeat; text-align:left;}

/*sub_main*/
.sub_main{width:1000px; padding:0; margin:0 auto; float:right;}
.sub_tit{width:1000px; height:60px; line-height:60px; color:#fff; font-size:24px; padding:0; font-weight:bold; text-align:left;}
.sub_content{width: 98%;}
/*SUB_PRO*/
.pro_pic{width: 551px;  height: 509px; float: left;}
.pro_main{width: 700px; float: right;}
.pro_mp{padding: 10px; color: #aaa; line-height: 25px;}
.pro_name{height: 45px; background: #e60012; font-size: 18px; line-height: 45px; color: #fff; padding: 0 0 0 5px;}
.pro_option{height: 30px; background: #111; font-size: 14px; line-height: 30px; color: #fff; padding: 0 0 0 5px;}
.pro_table{margin: 25px auto;}
.pro_table ul{text-align: center; list-style: none;}
.pro_table ul li{ list-style: none;}
.pro_table1{width: 175px; height: 34px; background: #1d1d1d; text-align: center; color: #fff; float: left; margin-bottom: 1px;}
.pro_table2{width: 175px; height: 34px; background: #2d2d2d; text-align: center; color: #ccc; float: left; margin-bottom: 1px;}
.pro_table3{width: 175px; height: 55px; background: #1d1d1d; text-align: center; color: #fff; float: left; margin-bottom: 1px; line-height: 55px;}
.pro_table4{width: 525px; height: 55px; background: #2d2d2d; text-align: center; color: #ccc; float: left; margin-bottom: 1px; line-height: 55px;}
.sub_pro_more {width:150px; height:50px; color:#fff; background:#e60012; text-align:center; line-height:50px; font-size:18px; float:left; margin:20px 0 0 0;}
.sub_pro_more a{color:#fff; background:#e60012; display:block;}
.sub_pro_more a:hover{color:#eee; background:#b50411;}
/**二级缓动JS**/
.menuContent{display:none;}
/*sub_mainbox*/
/*分页*/
DIV.quotes{PADDING:3px; MARGIN:10px 3px 3px 3px; TEXT-ALIGN:center;}
DIV.quotes a{BORDER:#3d92e2 1px solid; COLOR:#3d92e2; MARGIN:0 2px 0 0; padding:2px 5px 2px 5px; TEXT-DECORATION:none;}
DIV.quotes a:hover{BORDER:#3d92e2 1px solid; padding:2px 5px 2px 5px; MARGIN-RIGHT: 2px; background:#3d92e2; color:#fff;}
DIV.quotes a:active{BORDER:#3d92e2 1px solid; padding:2px 5px 2px 5px; MARGIN-RIGHT: 2px; background:#3d92e2; color:#fff;}
/*当前页*/
DIV.quotes SPAN.current{BORDER:#3d92e2 1px solid; padding:2px 5px 2px 5px; FONT-WEIGHT:bold; COLOR:#fff; MARGIN:0 2px 0 0; BACKGROUND-COLOR:#3d92e2;}
/*总共页*/
DIV.quotes SPAN.total{BORDER:#3d92e2 1px solid; padding:2px 5px 2px 5px; COLOR:#3d92e2; MARGIN:0 2px 0 0;}
/*不知道什么东西有问题*/
/*
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}*/
/*分页*/

/*MESSAGE*/
.sub_message{width:870px; margin:0px auto 0 600px; float:left; position:absolute; padding:0;}
.text_box{width:20%; float:left; line-height:30px; line-height:30px; font-size:14px; text-align:right; margin:0 25px 0 0; color:#1098de;}
.input_box{width:40%; float:left; line-height:30px; line-height:30px; text-align:left;}
.sinput{height:30px; width:300px; line-height:30px; font-size:16px; color:#ccc; text-align:left; border:1px solid #d8ecff;font-family:"Microsoft YaHei",微软雅黑,Arial;-moz-box-shadow:5px 5px 5px #ebf5ff inset;-webkit-box-shadow:5px 5px 5px #ebf5ff inset; box-shadow:5px 5px 5px #ebf5ff inset;}
.sinputs{color:#ccc; width:300px; height:80px; text-align:left; border:1px solid #d8ecff;font-family:"Microsoft YaHei",微软雅黑,Arial;-moz-box-shadow:5px 5px 5px #ebf5ff inset;-webkit-box-shadow:5px 5px 5px #ebf5ff inset; box-shadow:5px 5px 5px #ebf5ff inset;}
.cler_xiaomeg{width:100%; height:15px; margin:0 auto;}
.submit_button{
  line-height:30px;
  height:30px;
  width:70px;
  color:#ffffff;
  background-color:#2973ea;
  font-size:16px;
  font-weight:normal;
  font-family:Microsoft YaHei;
  border:0px solid #dcdcdc;
  -webkit-border-top-left-radius:3px;
  -moz-border-radius-topleft:3px;
  border-top-left-radius:3px;
  -webkit-border-top-right-radius:3px;
  -moz-border-radius-topright:3px;
  border-top-right-radius:3px;
  -webkit-border-bottom-left-radius:3px;
  -moz-border-radius-bottomleft:3px;
  border-bottom-left-radius:3px;
  -webkit-border-bottom-right-radius:3px;
  -moz-border-radius-bottomright:3px;
  border-bottom-right-radius:3px;
  -moz-box-shadow:0px 0px 0px -20px #000000;
  -webkit-box-shadow:0px 0px 0px -20px #000000;
  box-shadow:0px 0px 0px -20px #000000;
  text-align:center;
  display:inline-block;
  text-decoration:none;
}
.submit_button:hover{
  background-color:#1158ca;
}





/**************************QQMENU**************************/
.b{font-weight:bold; font-family:"微软雅黑"; font-size:14px;}
#backtop_js {position:fixed; margin:390px 0 0 0; right:10px; width:62px; z-index:999999999;_position:absolute;_top:expression(documentElement.scrollTop + "px"); }
#backtop_js li {float:left; position:relative; z-index:1; margin-bottom:-1px;}
#backtop_js .rx {width:2px; height:60px; background:#fff; position:absolute; top:1px; right:-1px;_right:-1px; z-index:333;}
#backtop_js .submenu_js {position:absolute; right:61px;  display:none; top:0;}
#backtop_js .submenu_js dd{position:relative;white-space:nowrap;}
#backtop_js .qq_content {width:260px; margin-top:-40px; padding:0 0 20px 20px; height:160px; border:1px #ddd solid; overflow:hidden; background:#fff;}
#backtop_js .qq_content .title {padding:0 0 5px 0;}
#backtop_js .qq_content ul {margin:20px 0 0 0;}
#backtop_js .qq_content li {width:118px; margin:10px 0 0 0;}
#backtop_js .qq_content li a {float:left; background:url(images/qqico.png) no-repeat; line-height:21px; padding:0 0 0 28px;}
#backtop_js .moblie_content01{margin-top:-150px; width:100px; height:130px; background:#fff; border:1px #ddd solid; text-align:center; line-height:18px; overflow:hidden;}
#backtop_js .moblie_content02{margin-top:-40px; width:140px; height:140px; background:#fff; border:1px #ddd solid; text-align:center; line-height:18px; overflow:hidden;}
#backtop_js .moblie_content03{ width:100px; height:130px; background:#fff; border:1px #ddd solid; text-align:center; line-height:18px; overflow:hidden;}
#backtop_js .qq {background:url(images/qq.gif) 8px 10px #fff no-repeat; width:60px; height:60px; border:1px #ddd solid; display:block; cursor:pointer;}
#backtop_js .moblie {background:url(images/backicon.gif) #fff no-repeat; width:60px; height:60px; border:1px #ddd solid; display:block; cursor:pointer;}
#backtop_js .msg {background:url(images/backicon.gif)0 -60px #fff no-repeat; width:60px; height:60px; border:1px #ddd solid; display:block; cursor:pointer;}
#backjump {position:fixed; margin:572px 0 0 0; right:10px; width:62px; z-index:999999999;_position:absolute;_top:expression(documentElement.scrollTop + "px");}
#backjump li {border:1px #ddd solid;}
#backtop {display:block;width:60px;height:60px; cursor:pointer; background:url(images/backicon.gif) 0 -120px #fff no-repeat;}
#backtop_js a .text, #backjump a .text {display:none; }
#backtop_js a:hover .text, #backjump a:hover .text {width:60px; height:50px; background:#fff; padding:10px 0 0 0; line-height:19px; text-align:center; display: block;}