@charset "utf-8";
@import url(/css/asic.css);
*{ margin:0; padding:0;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 14px;
	color: #4e4e4e;
	font-family: "微软雅黑"; margin:0; padding:0;
}
a {
	color: #4e4e4e;
	text-decoration: none;
	transition:0.2s ease-in;-moz-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;
}
a:hover {
	color: #f77b1b;
	text-decoration: none;
}
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
ol , ul {list-style:none;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
img{border:0} 
/* CSS Document */

.child { width:100%; margin:auto ; position:absolute;z-index:9999; height:auto; top:-7px; }

/*title*/
.title { overflow:hidden; width:100%;}
.title h2{ font-weight:normal; font-size:28px;  text-align:center;}
.title h2 a{ color:#333;}
.title em{ display:block; font-size:12px; color:#999; font-family:Arial; text-transform:uppercase;  text-align:center}
.title p{ font-size:18px; color:#555; text-align:center}
.title i{ display:block; width:30px; height:1px; background-color:#0d4da1; margin:0 auto;margin-top:12px; margin-bottom:10px;}
.title.wt a{ color:#1063c8}
.title.wt h2{ color:#fff}
.title.wt em{ color:#595959}
.title.wt i{ background-color:#595959;}
.title.wt p{ color:#fff;}

.header {margin-left: auto;margin-right: auto;width: 100%;padding: 0px;font-size: 12px;height: auto;background-image: url(images/index_01.jpg);background-repeat: repeat-x; z-index:1000; position:fixed; background-color:#fff;}
.container {margin-left:auto; margin-right:auto; width:1200px;}
.header01 {width: 1200px;margin: auto;height: 40px;line-height: 40px;text-align: right;}
.header01 a {color: #dcdcdc;font-family: "微软雅黑";font-size: 12px;}
.header01 a:hover {color: #fff;}
.header01 span { color:#dcdcdc; float:left;}
.header01 img {vertical-align:middle; padding-right:5px; padding-left:10px;}
.headertop { overflow:hidden; height:115px;}
.headertop h1{ float:left; overflow:hidden; margin-top:10px;}
.headertop .wen{ overflow:hidden; float:left; margin-left:25px; padding-left:25px; border-left:1px solid #aeaeae; margin-top:30px;}
.headertop .wen h2{ font-size:22px; color:#f18525;}
.headertop .wen p{ font-size:16px; color:#333;}
.headertop .headright{ overflow:hidden; float:right;}
.headertop .phone{ overflow:hidden; background:url(images/index_12.jpg) left center no-repeat; padding-left:60px; float:right; margin-top:40px; text-align:right;}
.headertop .phone p{ font-size:14px; color:#343434; text-align:left;}
.headertop .phone h3{ font-weight:normal; font-family:Impact; font-size:30px; color:#6f6f6f;}

.daohang {margin-left:auto; margin-right:auto; width:1200px;height:50px;border-top:1px solid #efefef;}
.daohang ul.nav{ overflow: hidden; height:50px;}
.daohang ul.nav>li{ float:left; line-height:50px; width:132px; text-align:center; border-right:1px solid #efefef; font-size:14px; }
.daohang ul.nav>li>i{ display:none; width:100%; height:35px; position:absolute; left:0; top:50px;}
.daohang ul.nav>li>a{ color:#000; text-decoration:none;display:block;}
.daohang ul.nav>li.last{ border:none; padding-right:0}
.daohang ul.nav>li.cur>a,.header ul.nav>li:hover>a{ font-weight:bold; color:#fff; background-color:#0263ae;display:block;}

.daohang .icon_menu { overflow:hidden; cursor:pointer; width:40px; height:30px; position:absolute; left:30px; top:25px;}
.daohang .icon_menu i{ display:block; width:40px; height:2px; background-color:#fff; margin-bottom:12px;}
.daohang .icon_menu .i01{ animation:icon01 linear infinite 2s}
.daohang .icon_menu .i02{ animation:icon02 linear infinite 2s}
.daohang .icon_menu .i03{ animation:icon03 linear infinite 2s}
@keyframes icon01{
	0%{ width:100%;}
	25%{ width:25%;}
	100%{ width:100%}
	}
@keyframes icon02{
	0%{ width:100%;}
	50%{ width:25%;}
	100%{ width:100%}
	}
@keyframes icon03{
	0%{ width:100%;}
	75%{ width:25%;}
	100%{ width:100%}
	}

.daohang .head_chose{ overflow:hidden; width:126px; height:28px; position:absolute; right:30px; top:26px;}
.daohang .head_chose a.en{ display:block; width:26px; height:26px; text-align:center; line-height:26px; font-size:12px; color:#0263ae; border:1px solid #0263ae; float:left;}
.daohang .head_chose a.en:hover{ background-color:#a8d432; color:#fff;}
.daohang .head_chose select{ overflow:hidden; width:90px; height:28px; float:right; border:1px solid #a8d432; line-height:26px; font-size:12px; color:#a8d432; padding-left:5px; background:none}

.daohang .head_menu{ overflow:hidden; width:200px; height:100%; background:url(images/menu_bg.png) repeat center; position:fixed; left:-200px; top:0; overflow-y:auto;}
.daohang .head_menu::-webkit-scrollbar{width:8px; border-radius:5px;}
.daohang .head_menu::-webkit-scrollbar-track{background-color:#1a46a1; border-radius:5px;}
.daohang .head_menu::-webkit-scrollbar-thumb{background-color:#6a99f9; border-radius:5px;}
.daohang .head_menu::-webkit-scrollbar-thumb:hover {background-color:#0263ae; border-radius:5px;}
.daohang .head_menu::-webkit-scrollbar-thumb:active {background-color:#0263ae; border-radius:5px;}
.daohang .head_menu h6{ font-size:20px; color:#fff; padding-left:30px; background:url(Img/Common/menu_close.png) no-repeat 100px center; margin-top:35px; margin-bottom:40px; cursor:pointer}
.daohang .head_menu ul{ overflow:hidden; width:100%; margin-bottom:40px;}
.daohang .head_menu li{ overflow:hidden; width:100%; border-bottom:1px solid #292929;}
.daohang .head_menu li>a{ display:block; width:170px; padding-left:30px; height:50px; line-height:50px; font-size:14px; color:#cecece; background:url(Img/Common/menu_list01.png) no-repeat 162px center; text-decoration:none}
.daohang .head_menu li.cur>a{ background:url(Img/Common/menu_list02.png) no-repeat 160px center; background-color:#1a46a1; color:#fff;}
.daohang .head_menu .erji{ overflow:hidden; width:170px; padding-left:30px; display:none;}
.daohang .head_menu .erji p{ font-size:14px; line-height:40px; overflow:hidden}
.daohang .head_menu .erji i{ display:inline-block; width:3px; height:3px; background-color:#fff; margin-right:10px;}
.daohang .head_menu .erji i{*display:inline}
.daohang .head_menu .erji a{ color:#fff; text-decoration:none}
.daohang .head_menu .erji a:hover{ font-weight:bold; color:#a4cc3a;}
.daohang.inheader{ position:relative; background:#fff;}
.daohang.inheader .icon_menu i{ background-color:#1a46a1;}
.daohang.inheader .nav>li>a{ color:#555}
.daohang.inheader .nav>li { border-color:#ccc;}
.daohang.inheader ul.nav>li.cur>a,.header.inheader ul.nav>li:hover>a{ font-weight:bold; color:#1a46a1;}
.daohang.inheader .head_chose a.en:hover{ background-color:#0263ae; color:#1a46a1;}


.daohang .erjiNav{ display:none; overflow:hidden; width:100%; height:250px; border-top:2px solid #0263ae; background:url(images/header_bg.png) repeat center; position:absolute; left:0; top:205px;}
.daohang .erjiNav .erjibox{ overflow:hidden; width:750px; margin:0 auto; margin-top:50px; position:relative;left: 70px; }
.daohang .erjiNav .erjiTu{ display:block; overflow:hidden; float:left; margin-right:30px;}
.daohang .erjiNav ul.erjiList{ overflow:hidden; float:left; width:105px;margin-right:30px;}
.daohang .erjiNav ul.erjiList li{ overflow:hidden; font-size:14px; line-height:40px; background:url(images/erji02.png) no-repeat left center; padding-left:15px;}
.daohang .erjiNav ul.erjiList li a{ color:#7ebeff;}
.daohang .erjiNav .erji_wen{ overflow:hidden; width:300px; float: right; }
.daohang .erjiNav .erji_wen h3{ font-size:16px; margin-bottom:5px; font-weight:normal;text-align:left;}
.daohang .erjiNav .erji_wen h3 a{ color:#fff; font-size:16px;}
.daohang .erjiNav .erji_wen p{ color:#fff; font-size:12px; color:#cecece; line-height:24px;text-align:left;}
.daohang.inheader .erjiNav { background:url(Img/Common/erji_bg.jpg) no-repeat center top;}
.daohang.inheader .erjiNav h2 a{ color:#1a46a1}
.daohang.inheader .erjiNav a.more{ color:#1a46a1; border:1px solid #1a46a1;}
.daohang.inheader .erjiNav b{ background-color:#1a46a1;}
.daohang.inheader .erjiNav em{ color:#555}
.daohang.inheader .erjiNav ul.erjiList li a{ color:#333}
.daohang.inheader .erjiNav ul.erjiList li a:hover{ color:#1a46a1; font-weight:bold}
.daohang.inheader .erjiNav ul.erjiList li{ background:url(Img/Common/erji03.png) no-repeat left center;}
.daohang.inheader .erjiNav .erji_wen h3 a{ color:#000}
.daohang.inheader .erjiNav .erji_wen p{ color:#000}

.banner{ overflow:hidden; width:100%; height:597px;  position:relative;}
.banner ul{ overflow:hidden; width:100%; height:800px; position:relative}
.banner li{ width:100%; height:800px; position:absolute; left:0; top:0}
.banner li a{ display:block; width:100%; height:100%;}
.banner .li01{background:url(Img/Index/banner01.jpg) no-repeat center top;}
.banner .li02{background:url(Img/Index/banner02.jpg) no-repeat center top;}
.banner .li03{background:url(Img/Index/banner03.jpg) no-repeat center top;}
.banner .btn{ overflow:hidden; width:100%; position:absolute; left:0; bottom:40px; text-align:center;}
.banner .btn span{*display:inline}
.banner .btn span{ display:inline-block; width:10px; height:10px; background:url(images/banner_btnnn.png) no-repeat center; cursor:pointer; margin:0 6px;}
.banner .btn span.cur{ width:40px; background:url(images/banner_btncur.png) no-repeat center}
.banner i{ display:none; width:42px; height:72px; z-index:1000; position:absolute; cursor:pointer;}
.banner i.btn_left{ left:0; top:280px; background:url(images/banner_btn01.png) no-repeat top center;}
.banner i.btn_right{ right:0; top:280px; background:url(images/banner_btn02.png) no-repeat top center;}
.banner:hover i{display:block}
.banner i:hover{background-position:bottom}

/*pro*/
.pro { overflow:hidden; width:100%; padding:50px 0;}
.pro h2{ text-align:center; margin-bottom:5px; font-size:30px; color:#323131; font-weight:normal;}
.pro p{ font-size:12px; text-align:center;padding-bottom:5px; }
.pro .probox{ overflow:hidden; width:1332px; height:584px; margin:0 auto; position:relative}
.pro .ptu{ overflow:hidden; position:absolute;}
.pro .p01{ width:333px; height:292px; left:0; top:0}
.pro .p02{ width:333px; height:292px; left:333px; top:0;}
.pro .p03{ width:333px; height:292px; right:0; top:0}
.pro .p04{ width:666px; height:292px; left:0; bottom:0}
.pro .p05{ width:333px; height:584px; right:333px; top:0;}
.pro .p06{ width:333px; height:292px; right:0; bottom:0}
.pro .ptu a{ display:none; width:100%; height:100%; background:url(images/pro_mb.png) repeat center; position:absolute; left:0; top:0; text-decoration:none}
.pro .ptu span{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:100px; margin-bottom:20px; font-size:24px; color:#fff;}
.pro .ptu a img{ display:block; margin:0 auto;}
.pro .p05 span{ margin-top:250px;}
.pro .ptu:hover a{ display:block;}

/*index_awxy*/
.index_awxy { overflow:hidden; width:100%; height:736px; background:url(images/index_19.jpg) no-repeat center top;}
.index_awxy .youshi {overflow:hidden; width:1200px; margin:0 auto; margin-top:145px;position:relative;  }
.index_awxy .wen{ overflow:hidden; width:440px; height:500px; float:left; position:relative; background:url(images/index_awxy.png) no-repeat center top;}
.index_awxy h2{ font-size:65px; margin-bottom:15px; text-align:center; margin-top:80px;}
.index_awxy h2 a{ color:#fff;}
.index_awxy i{ display:block; width:30px; height:1px; background-color:#fff; margin-bottom:15px;}
.index_awxy p{ font-size:16px; color:#fff; line-height:25px; margin-bottom:40px;display:block; padding-left:80px; }
.index_awxy span { font-size:15px; color:#fff; line-height:25px; text-transform:uppercase; padding-top:30px; display:block;}
.index_awxy .more{ display:block; width:140px; height:40px; background:url(Img/Index/xy02.png) no-repeat center;}
.index_awxy .youshilist{overflow:hidden; float:right; width:500px;position:relative;}
.index_awxy .youshilist ul li { display:block; height:105px; text-align:left; font-size:14px; color:#fff; line-height:26px; margin-bottom:60px;}
.index_awxy .youshilist ul li h3 { font-size:22px; color:#5b92fb;}
.youshilist ul li p { text-align:left;}

/*num*/
.num { overflow:hidden; width:100%; height:447px; background-color:#eeeeee;}
.num span{ display:block; text-align:center; font-size:48px; color:#0186d1; font-weight:bold; margin-top:70px;}
.num h3{ text-align:center; margin-bottom:70px;font-family:Arial; color:#d5d5d5;}
.num ul{ overflow:hidden; width:1200px; margin:0 auto; height:150px;}
.num li{ float:left; width:295px; height:150px; float:left; border-right:1px dotted #ccc;}
.num li.last{ border:none}
.num .numk{ overflow:hidden; width:100%; height:130px; position:relative}
.num .shuzi{ overflow:hidden; width:100%; position:absolute; left:0;}
.num .shuzi em{ font-size:120px; line-height:130px; text-align:center; display:block; color:#1970b8;}
.num li p{ text-align:center; font-size:16px; color:#2b2b2b;}

/*走进我们*/
.index_about { overflow:hidden; width:100%; margin:auto 0; background:url(images/index_21.jpg) no-repeat top center; padding-top:30px;}
.index_about ul{ height:360px; width:1230px; margin:0 auto; margin-top:40px;}
.index_about li{ float:left; width:277px; height:360px; background-color:#f4f4f4; margin:0 15px; position:relative}
.index_about h3{ text-align:center; font-weight:normal; font-size:22px; margin-bottom:5px;}
.index_about h3 a{ color:#555}
.index_about img{ display:block; margin:0 auto; margin-bottom:25px;}
.index_about span{ display:block; text-align:center; font-size:12px; color:#cecece; text-transform:uppercase; margin-bottom:10px;}
.index_about b{ display:block; width:30px; height:1px; background-color:#0d4da1; margin:0 auto; margin-bottom:15px;}
.index_about p{ font-size:12px; color:#888; line-height:25px; text-align:justify;text-align-last: center; width:245px; margin:0 auto}

/*index_sp*/
.index_sp { overflow:hidden; width:100% !important; height:600px; position:relative; background:url(images/04.jpg) no-repeat center center;*background:url(images/04.jpg) no-repeat center left; margin-top:50px;}
.index_sp i{ display:block; cursor:pointer; width:28px; height:50px; position:absolute; top:250px; z-index:2}
.index_sp .btn01{ left:10%; background:url(images/sp01.png) no-repeat center top;}
.index_sp .btn02{ right:10%; background:url(images/sp01.png) no-repeat center bottom;}
.index_sp .spbox{ overflow:hidden; position:absolute; left:0; top:0; width:100%; height:600px;}
.index_sp .list{ overflow:hidden; width:100%; height:600px; float:left;}
.index_sp .list .spbf{ display:block; margin:0 auto; margin-top:165px; cursor:pointer}
.index_sp .menu { overflow:hidden; background:url(images/sp02.png) no-repeat center 8px; width:100%; text-align:center; position:absolute; left:0; top:495px;}
.index_sp .menu li{ display:inline-block; width:120px; margin:0 30px; text-align:center; cursor:pointer}
.index_sp .menu li{ *display:inline}
.index_sp .menu li span{ display:block; width:17px; height:17px; background:url(images/sp03.png) no-repeat center; margin:0 auto; margin-bottom:10px;}
.index_sp .menu li em{ display:block; width:111px; height:30px; text-align:center; line-height:30px; font-size:14px; color:#fff; margin:0 auto;}
.index_sp .menu li.cur span{ background:url(images/sp04.png) no-repeat center;}
.index_sp .menu li.cur em{ background:url(images/sp05.png) no-repeat center;}
.index_sp .spwh{ overflow:hidden; width:990px; margin:0 auto; height:332px; margin-top:100px; position:relative}
.index_sp .spwh ul{ overflow:hidden; position:absolute}
.index_sp .spwh li{ float:left; width:285px; height:332px; background-color:#fff; margin-right:20px;}
.index_sp .spwh li img{ display:block; margin-bottom:25px;}
.index_sp .spwh li span{ display:block; text-align:center; font-size:18px; color:#333; margin-bottom:3px;}
.index_sp .spwh li em{ display:block; text-align:center; font-size:14px; color:#999; margin-bottom:15px;}
.index_sp .spwh li b{ display:block; margin:0 auto; width:50px; height:1px; background-color:#264fa6; margin-bottom:20px;}
.index_sp .spwh li p{ font-size:12px; color:#777; line-height:20px; height:40px; overflow:hidden; width:250px; margin:0 auto; text-align:center}
.index_sp .sphezi{ display:none; overflow:hidden; width:100%; height:100%; position:fixed; left:0; top:0; background:url(images/header_bg.png) repeat center; z-index:10000}
.index_sp .sphezi .close{ width:30px; height:30px; cursor:pointer; position:absolute; right:10px; top:10px}
.index_sp .sphezi .film{ overflow:hidden; width:1000px; height:600px; background-color:#000; border:#f0f0f0 5px solid; position:absolute; left:50%; top:50%; margin-left:-505px; margin-top:-305px; border-radius:5px;}

/*news*/
.index_news { overflow:hidden; width:1200px; margin:70px auto;}
.index_news .menu{ overflow:hidden; width:100%; text-align:center; margin-top:30px; position:relative; z-index:1}
.index_news .menu li{ display:inline-block; width:140px; height:40px; text-align:center; line-height:40px; font-size:14px; background:url(images/news01.png) no-repeat center top; margin:0 10px;}
.index_news .menu li{ *display:inline}
.index_news .menu li a{ display:block; text-decoration:none; color:#333;}
.index_news .menu li.cur{ background-position:bottom}
.index_news .menu li.cur a{ color:#fff;}
.index_news b{ display:block; margin:0 auto; width:100%; height:1px; background-color:#e3e3e3; margin-top:-20px; margin-bottom:80px;}
.index_news .newsbox{ overflow:hidden; width:100%; height:370px; position:relative}
.index_news .newslist{ overflow:hidden; width:100%; height:100%;}
.index_news .newslist .wentu{ overflow:hidden; float:left; width:590px; height:370px;}
.index_news .newslist .wentu img{ display:block; margin-bottom:15px;}
.index_news .newslist .wentu h3{ font-weight:normal; font-size:20px; padding-bottom:14px; border-bottom:1px solid #ebebeb; overflow:hidden; margin-bottom:12px;}
.index_news .newslist .wentu h3 a{ color:#333; display:block; width:460px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.index_news .newslist .wentu h3 span{ float:right; font-size:14px; color:#777;}
.index_news .newslist .wentu p{ font-size:14px; color:#888; line-height:22px;}
.index_news .listbox { overflow:hidden; width:560px; float:right; height:370px;}
.index_news .listbox .list{ overflow:hidden; width:100%; height:90px; margin-bottom:50px;}
.index_news .listbox img{ display:block; float:left;}
.index_news .listbox .wen{ overflow:hidden; float:right; width:440px; padding-left:20px; border-left:2px solid #e3e3e3}
.index_news .listbox h3{ overflow:hidden; font-size:16px; font-weight:normal; margin-bottom:10px;}
.index_news .listbox h3 a{ display:block; color:#555; width:333px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left}
.index_news .listbox h3 span{ float:right; font-size:14px; color:#888; font-family:Arial;}
.index_news .listbox p{ font-size:14px; color:#888; line-height:30px;}

.index_tupian { width:100%; height:355px; background:url(images/index_24.jpg);}
.index_tupian .tupian{text-align:center; line-height:355px;  font-size:40px; color:#fff;}

/*客户*/
.index_kehu { overflow:hidden; width:100%; padding:40px 0 0 0; background-color:#e7e7e7;}
.index_kehu .boxbg{ overflow:hidden; width:1200px; padding:0 15px; margin:40px auto; margin-bottom:20px; height:452px; padding-bottom:20px; background:url(Img/Index/kehu_bb.png) no-repeat center bottom; position:relative}
.index_kehu .kehubox{ overflow:hidden; width:1200px; background-color:#fff; height:452px; position:relative;}
.index_kehu .kehubox ul{ overflow:hidden; position: absolute}
.index_kehu .kehubox li{ float:left; width:1200px; height:452px;}
.index_kehu .kehubox li img{ display:block; float:left; margin-right:1px; margin-bottom:1px;}
/*.index_kehu .kehubox li img.gray{
-webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: grayscale(100%); 
 filter: gray;}*/
.index_kehu .btn{ overflow:hidden; width:100%; text-align:center}
.index_kehu .btn span{ display:inline-block; width:10px; height:10px; margin:0 5px; background:url(Img/Index/kehu02.png) no-repeat right center; cursor:pointer}
.index_kehu .btn span{ *display:inline}
.index_kehu .btn span.cur{ background-position:left}