@charset "utf-8";
html{ font:normal 62.5%/2.3em "","宋体",arial,"Hiragino Sans GB",sans-serif; }
body{/* position:relative; */margin:0px;padding:0px;margin:0px auto;font-size:12px;color: #666;width:100%;zoom:1;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px; list-style-type:none;}
/*.ul,.ul li{ list-style:none;}*/
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#555555;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
address{font-style:normal;}
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#666; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#18397c;}
.font_en{font-family:arial; }
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }  
.clear{ clear:both; height:0px; overflow:hidden;}
.hide{ display:none;}

.warp{max-width: 1200px;margin:0 auto;}
.Contain{ width:1140px; margin:0 auto; padding:12px 0 20px 0;}
.Contindex{ padding:0px;}
.Silderbar{ width:182px; float:left; overflow:hidden;}
.MainContent{ overflow:hidden;width:1140px;padding-bottom:20px;position: relative;}
.Content{/* overflow:hidden; */min-height:393px;_height:393px;_height:auto !important;}
.ColumnName{margin: 21px 0 31px 0; height: 24px; border-left:5px solid #171c61;padding-left: 14px;}
.ColumnName h2{margin: 0;line-height:24px; font-size: 24px;color: #171c61; display: inline;padding-right: 16px;}
.ColumnName span{font-size: 14px; color: #cccccc; line-height: 24px;text-transform : uppercase;}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; }
.Title{position: relative;}
.More{display: block;float: right; background: url(../images/ico_more.jpg) no-repeat left center; color: #fff;text-indent: 18px;}

.Current{height: 51px;position: absolute;right: 0;top: 13px;text-align: right;min-width: 400px;}
.Current dl{ font-size:12px; background:url(../images/ico_current.jpg) no-repeat left center; padding-left:20px;display: inline;}
.Current dl a{ padding:0 3px; color:#4444; line-height:36px;}
.Current dl a:hover{ color:#171c61;}
.Current dl span{ padding-left:5px; color:#171c61;}
.Current .h1{ float:left; background:url(../images/bg_columnname.png) no-repeat left top; width:152px; height:41px; line-height:40px; color:#fff; font-size:22px; font-family:""; padding:17px 37px 5px 25px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.SubNav{height: 47px;border-bottom: 1px solid #e6e6e6;}
.SubNav li{float: left;text-align: center;}
.SubNav li a{display: block;height: 45px;width: 98px;font-size: 14px;line-height: 45px;margin-bottom: -1px;border: 1px solid #fff;border-top: 2px solid #fff;border-bottom: 1px solid #e6e6e6;}
.SubNav li.on a{color:#171c61;border: 1px solid #e6e6e6;border-top: 2px solid #171c61;border-bottom: 1px solid #fff;}
/*Top*/
.Top{height: 77px;border-top: 0px solid #F2F3F7;}
.Top .logo{margin-left: 30px;float: left;margin-top: 17px;}
.Top .MainNav{float: right;margin-right: 27px;}
.Top .MainNav li{ width:104px;float: left;height: 77px; position:relative;}
.Top .MainNav li a{ width:104px; text-align:center;padding-top:10px;font-size: 15px; display: block;padding: 23px 0; color:#666666;}
.Top .MainNav li a img{}
.Top .MainNav li a:hover{ color:#18397c;}
.Top .MainNav li.on a{border-bottom: 3px solid #18397c;}
.Top .lang{float: right; width: 90px; height: 28px;line-height: 28px;margin: 22px 30px 0 0; border:1px solid #e7e7e7;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius:2px;white-space:nowrap;}
.Top .lang a{display:inline-block;*display: inline;*zoom:1;margin:0 11px;}
.Top .lang a.on{color:#18397c;}
.Top .MainNav #nav1{ width:74px;}
.Top .MainNav #nav1 a{ width:74px;}

/*2015-09-24*/
.Top .MainNav li .MenuList{ position:absolute; left:0px; right:0px; top:65px; margin:auto; width:104px; background:url(../images/xiala_bgnew.png) repeat left top; z-index:10; display:none;}
.Top .MainNav li .MenuList dl dd{ width:100%; text-align:center; height:40px; border-bottom:1px solid #3f729e;}
.Top .MainNav li .MenuList dl dd a{height:40px;line-height:40px;font-size: 12px;color: #fff;padding:0px;}
.Top .MainNav li.on .MenuList dl dd a{ border-bottom:none; padding:0px;}
.Top .MainNav li .MenuList dl dd a:hover{ background:none; color:#18397c;}

/*2015-09-24*/
/*bottom*/
.Foot{ height: 76px;background-color: #18397e;}
.Foot  em{margin: 0px 13px;font-style: normal;font-size: 10px; color: #2a4987;}
.Foot .Nav_Foot{float: right; width: 370px;color: #96a9d1;}
.Foot .Nav_Foot a{ line-height: 76px;  color: #96a9d1;}
.Foot .Copyright{float: left;color:#96a9d1;width: 724px;line-height: 76px;}
.Foot .Copyright a{color: #96a9d1;}
/*bottom*/

/*pages*/

/*pages end*/

/*Banner*/
.HomeBan{ width:100%; height:auto; position:relative;}
.HomeBan .BanList{ width:100%; height:auto;}
.HomeBan .BanList li{ width:100%; height:auto; overflow:hidden;}
.HomeBan .BanList li a{ width:100%; height:auto; display:block;}
.HomeBan .TabList{ width:100%; left:0px; bottom:-7px; position:absolute;}
.HomeBan .TabList .List{ width:1200px; height:18px; margin:0 auto;position: relative;}
.HomeBan .TabList .List ul{ text-align: center;}
.HomeBan .TabList li{  width:18px; height:18px; padding:0 4px;display:inline-block;*display: inline;*zoom:1; }
.HomeBan .TabList li span{width:18px; height:18px;cursor:pointer; display:inline-block;*display: inline;*zoom:1; cursor:pointer;background-color: #a09e9e;-moz-border-radius: 9px;-webkit-border-radius: 9px;border-radius:9px;}
.HomeBan .TabList li.on span{ background-color: #18397c;}
.HomeBan .TabList a{display: block; width:8px; height: 14px;position: absolute;top: 2px;cursor:pointer; }
.HomeBan .TabList .prev{background: url(../images/btn_prev.jpg) no-repeat;left:542px; }
.HomeBan .TabList .prev:hover{background: url(../images/btn_prevh.jpg) no-repeat;}
.HomeBan .TabList .next{background: url(../images/btn_next.jpg) no-repeat; right: 542px;}
.HomeBan .TabList .next:hover{background: url(../images/btn_nexth.jpg) no-repeat;}

.Banner{ width:100%; height:auto;}
.Banner img{ max-width:100%; display:block; margin:0 auto;}

/*index*/
.Warp_HomBox{background: url(../images/bg_hombox.png) repeat-x center;margin: 80px 0 76px 0;}
.HomBox{width: 1200px;margin: 0 auto; display:block}
.HomBox a{display: block;float: left;}
.HomBox dl{width: 300px; }
.HomBox dl dt,.HomBox dl dd{position: relative;width:300px; height: 260px;}
.HomBox dl .img img{width:300px; height: 260px; }
/*.HomBox dl .info{text-align: center;background:#d3e3f2 url(../images/line_hombox.jpg) no-repeat center 106px;}*/
.HomBox dl .info h2{font-size: 24px;font-weight: normal;color: #18397c;margin: 0;padding: 52px 0 6px 0;}
.HomBox dl .info span{color: #18397c;font-size: 12px;text-transform : uppercase;}
/*.HomBox dl .info img{height: 116px; display: block;margin: 18px auto 0 auto;}*/
.HomBox dl span.arrow{display: block;width: 43px;height: 22px;position: absolute;z-index: 2;left: 50%;margin-left: -21.5px; }
.HomBox dl dt span.arrow{background: url(../images/ico_top.png) no-repeat; bottom: 0;}
.HomBox dl dd span.arrow{background: url(../images/ico_bottom.png) no-repeat; top: 0;}


.HomBox .odd .info{ margin-top:-22px;}
.HomBox .even .info{ z-index:2;}
/*Subnav*/
.Sidebar{ width:182px; float:left; overflow:hidden;}
.Sidebar .SideTop{height: 138px; background-color: #d1232d;text-align: center;padding: 0 10px;}
.Sidebar .SideTop span{font-size: 32px; line-height: 30px; color: #fff;font-weight: bold; display: block;padding-top: 27px;}
.Sidebar .SideTop h2{font-size: 20px; line-height: 26px; color: #fff;margin: 0;font-weight:normal;}
.Sidebar .SideNav{border: #dbdbdb solid 1px; border-top: none;}
.Sidebar ul li{height: 51px;border-bottom: 1px solid #f3f3f3;}
.Sidebar ul li a{display: block; line-height: 51px;padding-left: 50px; background: url(../images/ico_side.jpg) no-repeat 17px 18px;}
.Sidebar ul li.on a,.Sidebar ul li a:hover{ color: #be222a;background: url(../images/ico_sideh.jpg) no-repeat 17px 18px;}

/*about*/
.About{margin-top: 46px;}
.About .text{width: 620px; float: left;}
.About .img{float: right;}
.About .img img{width: 502px;}

.Culture{margin-top: 64px;margin-left: 64px;}
.Culture .CultureLeft{width: 512px; height: 522px;padding-left: 12px; float: left; background: url(../images/bg_about.jpg) no-repeat right bottom;}
.Culture .CultureLeft .text{width: 461px; height: 150px; background: url(../images/bg_about2t.png) no-repeat;}
.CultureLeft .text{margin-bottom: 37px;}
.CultureLeft .text span{float: right; display: block; width: 85px; margin-right: 29px; margin-top: 10px;color: #171C61;font-weight: bold;}
.CultureLeft .text p{margin: 0px; padding: 60px 0px 0px 68px; line-height: 22px;color: #171C61;width: 370px;}
.Culture .CultureRight{width: 461px; margin-left: 42px;float: left;}
.Culture .CultureRight .text{width: 461px; height: 149px; background: url(../images/bg_about2b.png) no-repeat;}
.CultureRight .img{margin-bottom: 35px;}
.CultureRight .text span{display: block; padding: 14px 0px 0px 55px; float: left;color: #171C61;font-weight: bold;}
.CultureRight .text p{padding: 70px 0 0 50px;margin: 0;color: #171C61;width: 370px;}
.Culture img{}


.develop{text-align: center;margin-top: 30px;}
.develop .title{height: 45px; line-height: 45px;text-align: left; border-bottom: 1px solid #d0d7df;text-indent: 46px;font-size: 14px;margin-bottom: 19px;}
.develop .text{line-height: 22px;text-align: left; color: #333;}
.develop .box1{width: 365px;float: left;margin-top: 44px;}
.develop .box2{width: 365px;float: right;margin-top: 30px;}
.develop .box3{width: 365px; margin: 0 auto;}
.develop .box1 .title{background: url(../images/ico_1.jpg) left center no-repeat;color: #29A1F8;}
.develop .box2 .title{background: url(../images/ico_2.jpg) left center no-repeat;color: #2FD978;}
.develop .box3 .title{background: url(../images/ico_3.jpg) left center no-repeat;color: #EAC52F;}


/*product*/
.ConList{margin-top: 30px; position: relative;z-index: 9;}
.ConList li{margin-right: 27px; float: left;}
.ConList li a{display: block;width: 92px; text-align: center; color: #444; height: 26px; line-height: 26px; background-color:#f8f8f8;border: 1px solid #e3e3e3;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
.ConList li.on a,.ConList li a:hover{background-color: #171c61;color: #fff;}

.product{margin-top: 28px;}
.market{margin-top: 26px; }
.Innovation{margin-top: 43px;}
.case{margin-top: 21px;}
.quality{margin-top: 43px; overflow:hidden;}
.Contact{margin-top: 43px;}
/*links*/
.Links_list{ width: 1180px;}
.Links_list ul li{ text-align:center; width: 252px; float:left; overflow:hidden; margin-right: 40px;margin-bottom: 50px;}
.Links_list ul li a{display: block;font-size: 16px; text-align:center;}
.Links_list ul li a img{border: 1px solid #d8d8d8; width: 250px; height:160px; display:inline-block;margin-bottom: 15px; overflow:hidden;}
.Links_list ul li a:hover img{border: 1px solid #18397c;}


/*Contact*/
.contact_info{width: 512px; float: left;}
.contact_info .Title{padding-left: 50px;background: url(../images/ico_c1.jpg) no-repeat 5px center;}
.contact_info .Title h2{color: #171c61;margin: 0;}
.contact_info ul{margin-top: 11px;}
.contact_info ul li{padding-left: 50px;height: 36px; line-height: 36px; font-size: 14px;}
.contact_info ul li.ico_1{background: url(../images/ico_c2.jpg) no-repeat 18px center;}
.contact_info ul li.ico_2{background: url(../images/ico_c3.jpg) no-repeat 18px center;}
.contact_info ul li.ico_3{background: url(../images/ico_c4.jpg) no-repeat 18px center;}
.contact_info ul li.ico_4{background: url(../images/ico_c5.jpg) no-repeat 18px center;}
.contact_info ul li.ico_5{background: url(../images/ico_c6.jpg) no-repeat 18px center;}
.contact_info ul li.ico_6{background: url(../images/ico_c7.jpg) no-repeat 18px center;}
.contact_map{width: 621px;height: 278px; float: right; padding: 1px; border:1px solid #ececec;}

/*products*/
.Product_info{}
.Product_info .ProName{ font-size:25px; height:30px; line-height:30px; font-family:""; padding:5px 0 20px 0;}

.ProTxt{ padding:40px 0 0 0;}
.ProTxt .TabBox{ background:#D6D6D6; height:31px; line-height:31px;} 
.ProTxt .TabBox li{ float:left; height:31px; padding:0 20px; cursor:pointer; display:block; font-size:14px; font-weight:bold;}
.ProTxt .TabBox li.on{ background:#5B5B5B; color:#fff;}
.ProTxt .ContBox{ padding:20px 10px 0 10px;}
.ProTxt .ContBox .Box{ display:none;}

.Message{padding:38px 0 0 368px; background: url(../images/bg_message.jpg) no-repeat 120px 123px;}
.Message .form_err{color: #F00;}
.Message .text{width: 226px;text-indent: 5px; margin: 11px 0; height: 28px;line-height: 28px; border: 1px solid #e3e3e3;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
.Message textarea.text{width: 520px; height: 163px;}
.Message .btn{display: block;width: 130px; height: 75px;margin-top: 23px; float: left;margin-left:74px; cursor:pointer;}
.Message .btn_submit{ background: url(../images/btn_submit.jpg) no-repeat;}
.Message .btn_reset{ background: url(../images/btn_reset.jpg) no-repeat;}

/*sitemap*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:10px 0px; font-size: 14px;}
.ul_sitemap li strong{ width:90px; display:inline-block;font-size: 14px;}

.Foot .Nav_Foot a img{ vertical-align:middle;}

.jien{ display:none}

@media only screen and (max-width: 980px) {
	.Top{ display:none}
.warp{ width:90%}
.HomBox{ width:90%; }
.HomeBan .BanList{height:auto;}
.HomeBan .BanList li{  height:auto;}
.HomeBan .BanList li a{ height:auto;}
.HomeBan .TabList .List{width:90%}
.Foot{ height:auto;}
.Foot .Copyright{ float:none; width:100%; line-height:30px;}
.Foot .Nav_Foot{ float:none; width:100%}
.HomBox a{ float:none} 
.HomBox dl{ display:block; margin:0 auto;}
.HomeBan{display:none}
.jien{ display:block}
.Contain{ width:80%;}
.MainContent{ width:100%}
.MainContent{ overflow:inherit;}
.ColumnName{ margin:10px 0 10px 0; height:auto;}
.Current{position:inherit;text-align:inherit;right: inherit;left: 0;min-width:inherit;height: 50px;}
.contact_info{ width:100%;}
.contact_map{ width:100%; height:auto}
}