/* CSS Document */

* { margin:0; padding:0; } 
iframe{max-width: 100%;margin: 30px 0;}

body {
  color: #565656;
  font-family: "Î¢ÈíÑÅºÚ",Arial ;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

img{border: none;vertical-align:middle;max-width: 100%;}

ul{
	list-style-type: none;
}

a{
  color: #565656;
  text-decoration: none;
  border: none;
  transition: 0.4s;
}
a:hover{ color: #0c418a; }

a.blue{
  color: #0c418a;
  text-decoration: none;
  border: none;
  transition: 0.4s;
  
}
a.blue:hover{ color: #565656; }

a.more{
  color: #d70800;
  text-decoration: underline;
  border: none;
  font-size:13px;
  transition: 0.4s;
  
}
a.more:hover{ color:#0c418a; text-decoration:none}

a.more2{
  color: #fff;
  text-decoration: none;
  border: none;
  font-size:13px;
  transition: 0.4s;
  background:#83C428;
  padding:6px 35px;
}
a.more2:hover{ background:#2C5D00; }


p{font-size: 14px;line-height: 22px; font-weight: 100;font-family: "Î¢ÈíÑÅºÚ",Arial;}

.left{float: left;}
.right{float: right;}
.c { text-align:center}
.r { text-align:right}
.t_l { text-align:left}
.bg_bai{background:#fff;}

.bold{font-weight:bold;}
.blue{ color:#3652A0;}
.white{color:#fff;}
.line{ width:58px; height:1px; background:#3A96F7; margin:10px auto 6px auto;}
.button1 a{ width:134px; height:32px; line-height:32px; background:#BF9F62; position:relative; float:left; margin-top:20px; color:#fff; font-size:14px; text-align:center;border-radius:7px;-moz-border-radius:7px;}
.button1 a:hover{ background:#283340;font-size:16px;}
.more a{ float:right; margin-right:5px; font-size:12px;}
.mt{ margin-top:60px;}
.mt2{ margin-top:140px;}
.pd52{padding:52px 0;}
.pd39{padding:39px 0;}
.container{ width:1200px; margin:0 auto;}

a.button{ padding:3px 20px; background:#D4262F;color:#fff; font-size:12px;border-radius: 25px;-moz-border-radius:25px;}
a.button:hover{ background:#005591; color:#fff; }
.lh28{ line-height:28px;}
.ft15{ font-size:15px;}
.lh25{ line-height:25px;}

h2{font-size: 20px;line-height: 42px; color:#ff0000; }
h3{font-size: 20px;line-height: 20px; font-weight:lighter; color:#3A96F7;}
h4{font-size: 16px;line-height: 30px;margin-bottom: 0px;}
h5{font-size: 18px;line-height: 24px;margin-bottom: 10px;}


/*-------------------- -------------------- -------------------- header -------------------- -------------------- -------------------- */
#top{ height:30px; line-height:30px;width:100%; background:#f1f0f0; float:left; font-size:12px; color:#666;}
#top a{ color:#666;}
#top a:hover{ color:#0c418a;}
#top .l{ width:50%; float:left;}


/*-------------------- -------------------- -------------------- nav -------------------- -------------------- -------------------- */
#nav{ width:100%; background:#0c418a; line-height:50px; float:left;}
#nav ul{ margin:0; padding:0; }
#nav ul li a{ width:150px; float:left;text-align:center; font-size:15px; color:#fff;  }
#nav ul li a:hover{ background:#d70800; font-size:17px;font-weight:bold }

#nav ul li a.active{ width:149px;margin-right:1px;color:#fff;float:left; text-align:center; background:url(../images/nav_hoverbg.png); line-height:40px; }
#nav ul li a.active:hover{ font-size:17px;font-weight:bold;}

/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */
#banner{ width:100%; float:left; height:500px; background:url(../images/banner.jpg) center no-repeat;}
#banner_nei{ width:100%; float:left; height:350px; background:url(../images/banner_nei1.jpg) center no-repeat;}
#banner_nei2{ width:100%; float:left; height:350px; background:url(../images/banner_nei2.jpg) center no-repeat;}
#banner_nei3{ width:100%; float:left; height:350px; background:url(../images/banner_nei3.jpg) center no-repeat;}
#banner_nei4{ width:100%; float:left; height:350px; background:url(../images/banner_nei4.jpg) center no-repeat;}
#banner_nei5{ width:100%; float:left; height:350px; background:url(../images/banner_nei5.jpg) center no-repeat;}
#banner_nei6{ width:100%; float:left; height:350px; background:url(../images/banner_nei6.jpg) center no-repeat;}
#banner_nei7{ width:100%; float:left; height:350px; background:url(../images/banner_nei7.jpg) center no-repeat;}
#banner_nei8{ width:100%; float:left; height:350px; background:url(../images/banner_nei8.jpg) center no-repeat;}

/*-------------------- -------------------- -------------------- list -------------------- -------------------- -------------------- */
#list{ width:100%; float:left; margin:59px 0; }
#list ul{ margin-top:59px;}
#list ul li{ width:150px; margin:0 23px; display:inline-block;}
#list ul li .pic{ width:100%; float:left; margin-bottom:8px;}
#list ul li:hover .pic{ background:#75DAFF}
#list ul li p{ width:100%; font-size:16px; line-height:20p x;}

/*-------------------- -------------------- -------------------- about -------------------- -------------------- -------------------- */
#kuang_1{ width:100%; float:left; margin-top:-23px;}

#kuang_1 .col_1{ float: left; width:286px; margin-right:4px;}
#kuang_1 .col_1 li a{ float: left; width:100%; line-height:45px; text-indent:10px; background:#eeeded}
#kuang_1 .col_1 li a:hover{background:#0c418a; color:#fff}

#kuang_1 .col_1 li a.ys2{ float: left; width:100%; line-height:45px; text-indent:10px; background:#e3e3e3}
#kuang_1 .col_1 li a.ys2:hover{background:#0c418a; color:#fff}

#kuang_1 .col_1 li a.ys3{ float: left; width:100%; line-height:64px; text-indent:10px; text-align:right; font-size:16px; background:#0c418a; color:#fff;}
#kuang_1 .col_1 li a.ys3:hover{ background:#d70800; }


#kuang_1 .col_2{ float: left; width:584px; margin-right:4px; border-left:1px solid #ccc ;border-right:1px solid #ccc ;border-bottom:1px solid #ccc ; background:#fff;}
/*-----#kuang_1 .col_2 ul{ float:left; width:100%; margin-top:20px;} 
#kuang_1 .col_2 ul li{ float:left; margin:0 5px 20px 6px; border:2px solid #e3e3e3; width:179px;} 
#kuang_1 .col_2 ul li:hover{ border:2px solid #d70800; width:179px;} 
#kuang_1 .col_2 ul li a{font-size:13px;} 
#kuang_1 .col_2 ul li p{ background:#e3e3e3; line-height:22px; padding:5px; font-size:13px;}
#kuang_1 .col_2 ul li:hover p{ background:#d70800; color:#fff;}  
#kuang_1 .col_2 ul li img{ width:179px; height:137px;} ------- */

#kuang_1 .col_3{ float: left; width:320px;   background:#fff;}
#kuang_1 .col_3 .title{ float: left; width:100%; line-height:114px; background:#d70800;}
#kuang_1 .col_3 .tex_con{ float: left; width:100%; border-left:1px solid #ccc ;border-right:1px solid #ccc ;border-bottom:1px solid #ccc ;}



a.button1{ height:40px; width:166px; background:#3A96F7; text-align:center; font-size:14px; line-height:40px; color:#fff;  display:inline-block; }
a:hover.button1{ background:#1355A1; font-size:17px;}


/*-------------------- -------------------- -------------------- list -------------------- -------------------- -------------------- */
#liebiao_tex{ width:100%; margin-top:43px;float:left; height:306px; background:url(../images/liebiao_bg.jpg) center no-repeat;}

/*-------------------- -------------------- -------------------- service -------------------- -------------------- -------------------- */
#service{ width:320px; margin:36px 10px 36px 0;float:left; }
#service .tex_con{ width:318px; float:left; height:271px; border:1px solid #d9d9d9;}
#service ul{ margin:0; padding:0}
#service ul li{ width:136px; margin:17px 11px 0 12px; float:left; text-align:center; line-height:18px; }
#service ul li p{ line-height:18px; font-size:13px; }


/*-------------------- -------------------- -------------------- news -------------------- -------------------- -------------------- */
#news{ width:540px; margin:36px 10px 36px 0;float:left; }
#news .tex_con{ width:538px; float:left; height:271px; border:1px solid #d9d9d9;}
#news .tex_con .text{ width:278px; float:left; margin:24px 0 0 30px;}
#news .tex_con .text .sd01{ width:84px; height:39px;float:left; margin:0 0 6px 0; background:url(../images/news_title_bg.jpg); line-height:33px; text-align:center; color:#fff; cursor:pointer}
#news .tex_con .text .sd02{ width:84px; height:39px;float:left; margin:0 0 6px 0;line-height:33px; text-align:center; cursor:pointer }
#news .tex_con .text ul{ margin:0; padding:0}
#news .tex_con .text ul li{ width:100%; line-height:29px; border-bottom:1px dashed #c6c6c6; float:left; text-indent:4px;}



/*-------------------- -------------------- -------------------- contact -------------------- -------------------- -------------------- */
#contact{ width:320px; margin:36px 0;float:left; }
#contact .tex_con{ width:318px; float:left; height:271px; border:1px solid #d9d9d9;}
#contact .tex_con p{ text-indent:17px; line-height:35px;}

/*-------------------- -------------------- -------------------- footer_links -------------------- -------------------- */
#footer_links{ width:100%; line-height:33px; background:#0c418a; float:left; color:#fff }
#footer_links a{  color:#fff; font-size:13px; }
#footer_links a:hover{ text-decoration:underline; }

/*-------------------- -------------------- -------------------- footer -------------------- -------------------- */
#footer{ width:100%; line-height:22px; background:#e5e3e3; float:left; padding:35px 0; text-align:center; font-size:13px; }
#footer a{  font-size:13px; }
#footer a:hover{ text-decoration:underline; }


/*-------------------- -------------------- -------------------- neiye -------------------- -------------------- -------------------- */
#main{ width:1200px; margin:0 auto; }
.container_nei{ width:100%; margin:40px auto; float:left}
.list{ width:286px; margin-right:43px; float:left; margin-top:-45px; margin-bottom:40px; }
.list .title{ width:100%; height:147px; background:#0c418a;float:left; color:#fff; font-size:18px;}

.list .title span{ font-size:24px;font-weight:bold; }

.list ul{ margin:0; padding:0}
.list ul li a{ float: left;line-height:45px; text-indent:10px; width:100%; background:#eeeded}
.list ul li a:hover{background:#0c418a; color:#fff}

.list ul ul li a{ float: left; width:100%; line-height:26px; font-size:13px; text-indent:13px; margin-bottom:1px;background:#eeeded}
.list ul ul li a:hover{background:#eb0000; color:#fff}


.list ul li a.ys2{ float: left; width:100%; line-height:45px; text-indent:10px; background:#e3e3e3}
.list ul li a.ys2:hover{background:#0c418a; color:#fff}

.list ul li a.ys3{ float: left; width:100%; line-height:64px; text-indent:10px; text-align:right; font-size:16px; background:#0c418a; color:#fff;}
.list ul li a.ys3:hover{ background:#d70800; }

.list ul li a.ys4{ float: left; width:98%;color:#fff; padding:0 1%; line-height:29px; margin-top:1px; background:#0c418a}
.list ul li a.ys4:hover{background:#eb0000; }

.list ul li a.active{ width:100%; line-height:42px; border-bottom:1px solid #D0D0D0;float:left;background:url(../images/nei_list_bg.jpg);color:#fff; text-indent:10px;}
.list ul li a.gd{ width:100%; line-height:42px; border-bottom:1px solid #D0D0D0;float:left;background:url(../images/nei_list_bg2.jpg);color:#fff; text-indent:10px;}

.list .fax_bg{ width:100%;float:left; height:58px; line-height:58px; background:url(../images/nei_list_faxbg.jpg); margin-top:40px; color:#2782BA;text-indent:48px;}
		
.list .tel_bg{ width:100%;float:left; height:58px; line-height:58px; background:url(../images/nei_list_telbg.jpg); margin-top:8px; color:#fff; text-indent:15px;}



.con_nei{ width:871px;float:left; margin-bottom:40px;}
.con_nei .title{ width:100%; float:left; margin-top:40px; line-height:61px; border-bottom:1px solid #CCCCCC;}

.con_tex{ margin-top:20px; width:100%; float:left; }

.con_nei p{ line-height:28px; }

.con_pro{ margin-top:20px; width:100%; float:left; }
.con_pro ul{ margin:0; padding:0}
.con_pro ul li{ margin:0 14px;float:left; margin-bottom:24px; line-height:35px;}
.con_pro ul li .pic img{ width:261px; height:193px; padding:4px; border:1px solid #DCDADA;}
.con_pro ul li:hover .pic img{ border:1px solid #75DAFF; background:#75DAFF}
.con_pro ul li a.gd{ float:right; width:60px; height:21px; line-height:21px; margin:7px 0; background:#3753A0; color:#fff; font-size:12px; text-align:center;border-radius: 25px;-moz-border-radius:25px; cursor:pointer; }
.con_pro ul li a:hover.gd{background:#3A96F7;}
.con_pro ul li:hover a.gd{background:#3A96F7;}

.con_news{ margin:0 0 17px 0; width:100%; float:left; }
.con_news ul{ margin:0; padding:0;}
.con_news ul li{ width:100%; float:left; line-height:45px; border-bottom:1px dashed #D5D5D5;}
.con_news ul li i{ width:5px; height:5px; background:#FF0000;border-radius: 50%;-moz-border-radius:50%; float:left; margin:20px 10px;}
.con_news ul li span{ float:right; color:#989898; font-size:12px;}

.con_honor{ margin-top:20px; width:100%; float:left; }
.con_honor ul{ margin:0; padding:0}
.con_honor ul li{ margin:0 8px;float:left; margin-bottom:24px; line-height:35px;}
.con_honor ul li .pic img{ width:200px; padding:4px; border:1px solid #DCDADA;}
.con_honor ul li:hover .pic img{ border:1px solid #75DAFF; background:#75DAFF}
.con_honor ul li a.gd{ float:right; width:60px; height:21px; line-height:21px; margin:7px 0; background:#3753A0; color:#fff; font-size:12px; text-align:center;border-radius: 25px;-moz-border-radius:25px; cursor:pointer; }
.con_honor ul li a:hover.gd{background:#3A96F7;}
.con_honor ul li:hover a.gd{background:#3A96F7;}

p.zhengwen{ line-height:28px; text-indent:30px;}

#xwdt{ width:871px; margin-left:0px; margin-top:20px; float:left; }

#xwdt ul{ padding-left:10px; margin-right:7px;margin-top:15px; text-align: left}
#xwdt ul li{ background:url(../images/shixin_dot.png) 0px 16px no-repeat; height:20px; line-height:20px; padding-top:7px; border-bottom: 1px dashed #CCC;}
#xwdt ul li a{  width:560px; display:block;float:left; padding-left:10px; overflow:hidden; color: #333333; text-decoration: none}
#xwdt ul li span{display:block;float:right;width:auto; color:#666;}



/*-------------------- -------------------- -------------------- page -------------------- -------------------- -------------------- */
.pages{ width:100%; float:left; line-height:40px; text-align:center;border-top:1px solid #CCCCCC;}
.pages2{ width:100%; float:left; line-height:40px; text-align:center;}


.qimo8{ overflow:hidden; WIDTH: 584px; HEIGHT: 450px;float:left}
.qimo8 .qimo {/*width:99999999px;*/width:8000%; height:450px;}
.qimo8 .qimo div{ float:left;}
.qimo8 .qimo ul{float:left; width:100%; margin-top:20px; overflow:hidden; zoom:1; }
.qimo8 .qimo ul li{float:left; margin:0 5px 0 6px;  width:179px; }
.qimo8 .qimo ul li .pic{float:left; margin:0 0 20px 0; border:2px solid #e3e3e3; width:100%; }
.qimo8 .qimo ul li .pic:hover{ border:2px solid #d70800; } 
.qimo8 li a{font-size:13px;} 

.qimo8 .qimo ul li .pic p{ background:#e3e3e3; line-height:22px; padding:5px; font-size:13px;}
.qimo8 .qimo ul li .pic:hover p{ background:#d70800; color:#fff;}  
.qimo8 .qimo ul li img{ width:179px; height:137px;} 

*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
a{text-decoration:none;color:#333;}
body{color:#333;font-family:'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;line-height:20px;overflow-x:hidden;width:100%;height:2000px;font-size:14px;}
.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
/*¹Ì¶¨µÄÐü¸¡´°*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
