@charset "gb2312";

body{margin:0; padding:0; font-family:"Microsoft Yahei","Î¢ÈíÑÅºÚ",Arial; color:#fff; font-size:13px; line-height:22px; color:#333;}
img{margin:0; padding:0; border-style:none; vertical-align:middle;}
ul li{margin:0; padding:0; list-style-type:none;}
ul,p,span,h1,h2,h3,h4,h5,dl,dd,dt,form{margin:0; padding:0;}
input,textarea,select{margin:0; padding:0; vertical-align:middle;}
a{ text-decoration:none; color:#333}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{ text-decoration:none}
.span01{display:none;}
.fl{float:left;} 
.fr{float:right;}
.clear{clear:both;}
.hidden{overflow:hidden;}
.clearfix:after {content: "";display: block;clear: both;visibility: hidden;font-size: 0;height: 0;} 
.clearfix {*display: inline-block;_height:1%;}
.center{text-align:center;}
.t_r{text-align:right;}

#section{ width:1200px; margin: 0 auto;}

/*header-------------------*/
#header { width:100%; height:99px; overflow:hidden;}
#header #logo{ float:left; width:480px;}
#header #tel{ float:right; width:240px; background-image:url(../images/tel_05.jpg); background-position:-5px center; background-repeat:no-repeat; margin: 28px 0 23px 0; color:#5B5D58;}
#header #tel .tel { font-size:22px; font-weight:bold; color:#F66137; margin-top:4px;}
#header #tel p{ padding-left:56px;}


/*menu-------------------*/
#menu { height:46px; background-color:#1E50AF;}
#nav {margin:0 auto; width:1200px; display:block;}
#nav .mainlevel {background:#1E50AF; float:left; width:150px;/*IE6 only*/}
#nav .mainlevel a {color:#000; text-decoration:none; line-height:46px; display:block;width:150px; background-image:url(../images/line.jpg); background-position:right center; background-repeat:no-repeat; font-size: 15px; text-align:center; color:#fff;font-weight: bold;}

#nav .mainlevel .shouye {height:46px; width:150px;}
#nav .mainlevel .shouye img{ margin-top:10px;}
#nav .mainlevel a:hover, #nav .mainlevel .checked {color:#fff; text-decoration:none; background:#78A5DC;}

#nav .mainlevel ul {display:none; position:absolute;}
#nav .mainlevel li {border-top:1px solid #fff; background:#1E50AF; width:150px; line-height:32px; font-size:13px;/*IE6 only*/}
#nav .mainlevel li a{ line-height:32px; font-size:13px; font-weight:normal}



/*banner-------------------*/
.swiper-container{width:100%; max-width:1920px; min-width:1200px; height:100%; position:relative; overflow:hidden;z-index:1; height:430px; overflow:hidden; clear:both;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%; min-width:1200px; height:100%;position:relative}
.swiper-slide a{width:100%; height:100%; display:block;}
.swiper-container-horizontal>.swiper-pagination{width:100%; height:4px; text-align:center; position:absolute; bottom:30px; z-index:10;}
.swiper-pagination-bullet{width:11px; height:11px; display:inline-block; border:#FFF 1px solid; border-radius:6px; background:#979797; cursor:pointer;}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin-left:7px;}
.swiper-pagination-bullet-active{opacity:1;background:#213F98;}


.swiper02-container{width:460px; position:relative; overflow:hidden;z-index:1; height:328px; overflow:hidden; clear:both;}
.swiper02-wrapper{position:relative;width:460px;height:328px;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper02-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper02-slide a{width:100%; height:100%; display:block;}
.swiper02-container-horizontal>.swiper02-pagination{width:100%; height:4px; text-align:center; position:absolute; bottom:30px; z-index:10;}
.swiper02-pagination-bullet{width:11px; height:11px; display:inline-block; border:#FFF 1px solid; border-radius:6px; background:#979797; cursor:pointer;}
.swiper02-container-horizontal>.swiper02-pagination .swiper02-pagination-bullet{margin-left:7px;}
.swiper02-pagination-bullet-active{opacity:1;background:#213F98;}


/*categary-------------------*/
#categary  { width:1200px; margin:50px auto; clear:both; }
#categary #title h1{  line-height:60px; font-size:30px; font-weight:bold; color:#004693; background-image:url(../images/linefooter.jpg); background-position: center bottom; background-repeat:no-repeat; text-align:center;}
#categary #title h3{ font-weight:normal; line-height:40px; text-align:center; font-size:18px; color:#000; margin-bottom:10px}
#categary #content li { float:left; width:20%; padding:20px 0; margin-left:5%}
#categary #content li h3{font-size:16px;line-height:30px; color:#000000;}
#categary #content li p{ font-size:14px; color:#666666; line-height:28px; background-image:url(../images/pro_con_a5.jpg); background-position:70px center; background-repeat:no-repeat }

#categary #content li a{ background-color:#fff;}
#categary #content li a:hover{ background-color:#213F98;}


/*about-------------------*/
#about { background-color:#FBFBFB; padding-top:50px; height:500px;}
#about #aboutjian{ float:left; width: 640px;}
#aboutjian #title h1{  line-height:60px; font-size:30px; font-weight:bold; color:#004693; background-image:url(../images/line02.jpg); background-position: left bottom; background-repeat:no-repeat;}
#aboutjian #title h3{ font-weight:normal; line-height:40px;font-size:18px; color:#000; margin-bottom:10px}
#aboutjian #content { margin-top:5px;}
#aboutjian #content p{ line-height:28px; font-size:13px; margin-bottom:15px; }

#aboutjian #more{ width:130px; height:38px; line-height:38px; text-align:center; margin-top:40px;}
#aboutjian #more a{ display:block; color:#fff; background-color:#F86337; font-size:14px; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius:15px;  }

#aboutjian #more a:hover{ display:block; color:#fff; background-color:#19589D; font-size:14px; }

#about #pic { float:right; width:460px; height:328px; margin-top:15px; padding:35px; background-image:url(../images/picbg.jpg); background-position:center center; background-repeat:no-repeat} 
#about #pic img {width:460px; height:328px;} 

#footer { padding-top:30px; background-image:url(../images/footer_03.jpg); background-position:center center; background-repeat:no-repeat; background-color:#F5F5F5; border-top:solid 5px #E3E1E1; height:290px;}
#footer #lianxi{ float:left ; width:275px; font-size:14px; }

#footer #lianxi p{padding-bottom:10px;}
.blue {color:#213F98;}
.fdianhua { font-size:20px; font-weight:bold; color:#213F98}


.mail {background-image:url(../images/denkei_yj.png); background-position:20px center; background-repeat:no-repeat; width:180px; display:block; background-color:#213F98; text-align:center ; color:#FFFFFF; line-height:36px; webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius:6px;}


#footer #daili{ float:right ; width:275px;}
#footer #daili #title{ font-size:15px; background-image:url(../images/footer_05.jpg); background-position:left center; background-repeat:no-repeat; line-height:40px; padding-left:20px; border-bottom:solid 1px #CAC8C7; color:#213F98; margin-bottom:15px;}


#daili { float:right; width:330px;}
#daili ul li{ float:left; margin:0 2% 10px 2%; width:46%;height:42px;}
#daili ul li img{ width:100%; height:42px; border:solid 1px #e8e8e8;}

#copyright { line-height:40px; height:40px; background-color:#213F98; color:#fff; text-align:center}
#copyright a{ color:#fff;}



#nbanner { background-position: center center; background-repeat:no-repeat; height:210px;}

#location { line-height:50px; margin-bottom:20px; }
#location img{ margin-bottom:5px;}

#nmain { margin-bottom:100px;}

#nmain #nleft { float: left; width:250px; }
#nmain #nleft #title{ padding:35px; text-align:center; color:#fff; background-color:#1E50AF;}
#nmain #nleft #title .en{ font-size:22px; font-weight:bold; line-height:38px;}
#nmain #nleft #title .cn{ font-size:16px; font-weight: normal; line-height:26px;}


#guide ul li { line-height:50px; border-bottom:solid 1px #CBCBCB; }
#guide ul li a{ background-image:url(../images/pro_con_a5.jpg); background-position:20px center; background-repeat:no-repeat; padding-left:50px; color:#333333; font-size:15px; display:block}
#nmain #nleft #guide ul li a:hover, #nmain #nleft #guide ul li .current { background-color:#EBF1F9}

#nright { float:right; width:900px;}
#nright #title{ background-image:url(../images/xian.jpg); font-weight:bold; background-position:left center; background-repeat:no-repeat; padding-left:25px; line-height:50px; font-size:28px; color:#0061C2 ; border-bottom: solid 1px #CBCBCB; padding-bottom:12px}

#newslist { margin:25px 0;}
#newslist p{ clear:both; line-height:38px; border-bottom:dotted 1px #e8e8e8;background-image:url(../images/dianzi.jpg);background-position:left center; background-repeat:no-repeat; padding-left:15px; }
#newslist .time{ float:right; color:#999999;}

.fanye { clear:both; margin-top:40px; font-size:13px; text-align: center}
.fanye .buxian { border: solid 1px #e8e8e8; padding:5px 20px; margin:0 6px;}
.fanye .xuan { border: solid 1px #e8e8e8; padding:5px 20px; margin:0 6px 0 0; font-weight:bold}

.fanhui { clear:both; margin-top:40px; font-size:13px; text-align: right}
.fanhui .xuan { border: solid 1px #213F98; padding:5px 20px; margin:0 6px 0 0;  color:#213F98}

#newsshow { margin:25px 0;}
#newsshow #newstitle{ line-height:50px; font-size:20px; font-weight:bold; text-align:center }
#newsshow #fabushijian{ line-height:22px; font-size:14px; font-weight:bold;color:#999999; padding-bottom:15px; margin-bottom:15px; border-bottom:dashed 1px #e8e8e8; text-align:center }

#newsxiang p{ line-height:28px; margin:8px 0;}
#jianjie { margin:25px 0;}
#jianjie p{ line-height:28px; margin:8px 0;}
#lianxid { margin:20px 0;}
#lianxid h3{ line-height:35px; font-size:15px; }
#lianxid p{ line-height:28px; font-size:13px; }


#link { margin:25px 0;}
#link ul li{ float:left; width:48%;line-height:38px; border-bottom:dotted 1px #e8e8e8;background-image:url(../images/dianzi.jpg);background-position:left center; background-repeat:no-repeat; padding-left:15px; }
#products{ margin:12px 0 25px 0;}
#products #kuai{ padding:12px 0;border-bottom:dotted 1px #e8e8e8;}
#products #kuai #kpic{ float:left; width:25%;}
#products #kuai #kwenzi{ float:right; width:75%; margin-top:10px;}
#products #kuai #kwenzi p{ font-size:14px; line-height:25px; margin-bottom:8px;}

.mores a { width:130px; line-height:35px; text-align:center; color:#fff; background-color:#0061C2; display:block; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius:15px; margin-top:15px; float:right}
.mores a:hover {background-color: #F86337}



#dailis{ margin:12px 0 25px 0;}
#dailis #kuai{ padding:18px 0;float:left; width:33.33%; margin-bottom:8px;}

#dailis #kuai #kpic img{border:solid 1px #e8e8e8; margin-bottom:15px; }
#dailis #kuai #kwenzi { width:330px; clear:both}
#dailis #kuai #kwenzi p{ font-size:14px; line-height:25px; margin-bottom:5px;}

#case { margin:25px 0;}
#case li{width:32%; height:auto; float:left;  position:relative; margin-bottom:18px;}

#case li img{ width:100%; height:auto}
#case li p{width:100%; height:32px; color:#FFF; font-size:16px; font-weight:bold; line-height:32px; text-align:center; background:rgba(24,42,133,0.8); position:absolute; bottom:0;}

.youge { margin-right:2%}
