/* CSS Document */

* { margin:0; padding:0; } 
iframe{max-width: 100%;margin: 30px 0;}
html {overflow-x:hidden;}
body {
  color: #565656;
  font-family: "΢ÈíÑźÚ",Arial ;
  font-size: 13px;
  -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: #3A96F7; }

a.red{
  color: #BD172E;
  text-decoration: none;
  border: none;
  transition: 0.4s;
  
}
a.red:hover{ color: #565656; }

a.more{
  color: #fff;
  text-decoration: none;
  border: none;
  font-size:13px;
  transition: 0.4s;
  background:#83C428;
  padding:10px 35px;
}
a.more:hover{ background:#BD172E; }

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: 36px;line-height: 36px; color:#3C58A5; margin-top:135px;}
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:#EEEFF2; float:left; font-size:12px; color:#ADADAD;}
#top a{ color:#ADADAD;}
#top a:hover{ color:#3A96F7;}
#top .l{ width:50%; float:left;}




/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */
#banner{ width:100%; float:left;}
#banner_nei{ width:100%; float:left; height:350px; background:url(../images/banner_nei.jpg) center no-repeat;}
#banner_nei2{ width:100%; float:left; height:350px; background:url(../images/banner_nei2.jpg) center no-repeat;}

/*-------------------- -------------------- -------------------- list -------------------- -------------------- -------------------- */
#list{ width:100%; float:left; margin:59px 0; }
#list ul{ margin-top:59px;}
#list ul li{ width:250px; 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 -------------------- -------------------- -------------------- */
#about{ width:100%; float:left; height:629px; background:url(../images/about_bg.jpg) center no-repeat;}

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;}



/*-------------------- -------------------- -------------------- pro -------------------- -------------------- -------------------- */
#pro{ width:100%; float:left; height:553px; background:url(../images/pro_bg.jpg) center no-repeat;}
.rollBox{width:100%;float:left;overflow: hidden; margin-bottom:16px; margin-top:38px;}
.rollBox .LeftBotton 
{ 
height: 53px; 
width: 30px; 
background: url(../images/pro_left.jpg) 0px 0px no-repeat; 
overflow: hidden; 
float: left; 
display: inline; 
margin:100px 15px 0 0; 
cursor: pointer;  
} 
.rollBox .RightBotton 
{ 
height: 53px; 
width: 30px; 
background: url(../images/pro_right.jpg) 0px 0px no-repeat; 
overflow: hidden; 
float: right; 
display: inline; 
margin: 100px 0 0 15px; 
cursor: pointer; 
} 
.rollBox .Cont 
{ 
width: 1110px; 
overflow: hidden;
float:left; 
} 
.rollBox .ScrCont 
{ 
width: 10000000px; 
} 
.rollBox .Cont .pic 
{ width:269px; float:left; font-size:14px; margin:10px 4px;
} 
.rollBox .Cont .pic img 
{ 
border: 0px solid #ccc; 
display: block; 
margin: 0 auto; 
width:261px; height:193px;
padding:4px; background:#fff;
} 
.rollBox .Cont .pic:hover img 
{  background:#75DAFF;} 

.rollBox .Cont .pic p 
{ 
line-height: 48px; text-align:center 
} 


.rollBox #List1, .rollBox #List2 
{ 
float: left; 
} 
.rollBox_left{ width:68%; margin-left:2%; float:left; line-height:58px;}
.rollBox_right{ width:28%; margin-right:2%; float:left; line-height:58px; text-align:right}


/*-------------------- -------------------- -------------------- news -------------------- -------------------- -------------------- */
#news{ width:100%; float:left;margin:59px 0;}
#news .pic{ width:386px; height:296px; background:url(../images/news_pic.png); float:left; margin-right:21px;}

#news .button_box{ width:100%; margin-top:196px; float:left}

#news .con{ width:793px; float:left}
#news .con ul{ margin:0; padding:0;}
#news .con ul li{ width:100%; float:left; line-height:37px; margin-bottom:5px; border-bottom:1px dashed #C6C6C6;}
#news .con ul li i{ width:5px; height:5px; background:#ff0000;border-radius: 50%;-moz-border-radius:50%; float:left; margin:16px 10px;}
#news .con ul li span{ float:right; color:#989898; font-size:12px;}


/*-------------------- -------------------- -------------------- footer -------------------- -------------------- -------------------- */
#footer{ width:100%; background:url(../images/blue_xieline.png);float:left; color:#fff;  font-size:13px; border-top:3px solid #3A96F7;}

#footer .con{ width:80%;margin:50px 0;line-height:16px; float:left; line-height:28px;}

#footer a{ color:#fff}
#footer a:hover{ text-decoration:underline}
#footer .logo{ width:110px; height:110px; background:url(../images/footer_logo.png);float:right; margin-top:20px;}


/*-------------------- -------------------- -------------------- neiye -------------------- -------------------- -------------------- */
#main{ width:1200px; margin:0 auto; }
.container_nei{ width:100%; margin:40px auto; float:left}
.list{ width:253px; margin-right:43px; float:left; margin-top:-45px; margin-bottom:40px; }
.list .title{ width:100%; height:147px; background:url(../images/blue_xieline.png);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{ width:100%; line-height:42px; border-bottom:1px solid #D0D0D0;float:left;background:#F3F3F3; text-indent:10px;}
.list ul li a:hover{ background:url(../images/nei_list_bg.jpg);color:#fff;}
.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:100%;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_menu{ margin-top:20px; background-color:#82d3f9; line-height:35px; text-indent:20px; color:#FFFFFF; font-weight:bold; text-align:left; height:35px; width:1200PX; float:left; }

.in_contit{ width:1200px; float:left; }
.in_concon{ width:1200px; float:left;margin:10px 0; }
.in_contit ul{ width:1200px; margin:5px auto;}
.in_contit ul li a{ padding:10px 20px; margin:15px; line-height:28px;float:right;background:#136fcf; font-size:15px;color:#fff; }
.in_contit ul li a:hover{ background:#3a96f7;}

.con_pro{ margin-top:20px; width:1200PX; 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{ width:261px; height:193px;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:20px 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 42px;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;}


/*-------------------- -------------------- -------------------- 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;}


.rollBox2{width:100%;float:left;overflow: hidden;margin-top:16px;}
.rollBox2 .LeftBotton 
{ 
height: 53px; 
width: 30px; 
background: url(../images/pro_left.jpg) 0px 0px no-repeat; 
overflow: hidden; 
float: left; 
display: inline; 
margin:65px 13px 0 0; 
cursor: pointer;  
} 
.rollBox2 .RightBotton 
{ 
height: 53px; 
width: 30px; 
background: url(../images/pro_right.jpg) 0px 0px no-repeat; 
overflow: hidden; 
float: right; 
display: inline; 
margin: 65px 0 0 13px; 
cursor: pointer; 
} 
.rollBox2 .Cont 
{ 
width: 1114px; 
overflow: hidden;
float:left; 
} 
.rollBox2 .ScrCont 
{ 
width: 10000000px; 
} 
.rollBox2 .Cont .pic 
{ width:269px; float:left; font-size:14px; margin:10px 4px;
} 
.rollBox2 .Cont .pic img 
{ 
border: 0px solid #ccc; 
display: block; 
margin: 0 auto; 
width:261px; height:147px;
padding:4px;border:1px solid #ccc;
} 
.rollBox2 .Cont .pic:hover img 
{  background:#75DAFF;} 

.rollBox2 .Cont .pic p 
{ 
line-height: 48px; text-align:center 
} 


.rollBox2 #List1, .rollBox2 #List2 
{ 
float: left; 
} 

/*-------------------- -------------------- -------------------- map -------------------- -------------------- -------------------- */
.my-map { margin: 0 auto; width: 902px; height: 320px; border:1px solid #ccc; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}

.contact_con{ display:inline-block; margin:10px 50px 20px 50px; font-size:15px; line-height:25px; width:320px;}
.contact_con img{ width:80px; height:80px; margin-bottom:10px;}

.contact_con2{ display:inline-block; margin:10px 50px 20px 50px; font-size:15px; line-height:25px; width:270px;}
.contact_con2 img{ width:80px; height:80px; margin-bottom:10px;}




#nav2{ width:100%; background:url(../images/blue_xieline.png); line-height:40px; float:left;}

#nav2 ul{ width:1200px;height:100%;margin:0 auto;position:relative;z-index:12; }
#nav2 ul li a{ width:170px;padding:0px 0px; margin-right:1px;float:left;text-align:center;font-size:14px; color:#fff;  }
#nav2 ul li a:hover{  font-size:13px; font-weight:bold;}
#nav2 ul li a.active{width:170px;padding:0px 0px; margin-right:1px;color:#fff;float:left; text-align:center; background:url(../images/nav_hoverbg.png); line-height:40px; }
#nav2 ul li a.active:hover{ font-size:12px;font-weight:bold;}


#nav2 li.selected .submenu{display:block;display:none;position:absolute;}
#nav2 li .submenu{display:block;margin-left:290px;margin-top:20px;height:180px;padding:10px;display:none;position:absolute; }
#nav2 li .submenu li{float:left; background:none;height:auto;border-bottom:dotted 0px #BEBEBE; }
#nav2 li .submenu li a{ color:#fff; float:left; text-align:left; }



.mj_menu_li_txt{ float:left;line-height:30px; font-size:13px; color:#fff; text-align:left; }
.mj_menu_li_txt font{ color:#fff;}
.mj_menu_li_txt a{color:#fff; text-decoration:none; text-align:left; width:200px;}
.mj_menu_li_txt a:hover{color:#fff;font-size:13px;}


.mj_menu_pro_bg{width:250px; background:url(../images/xmenu_bg3.png) no-repeat;}
.mj_menu_pro_main{width:100%; margin:auto; padding:25px 0; }
.mj_menu_pro_li{ float:left; }


#nav2 li a.active{width:135px;font-size:15px; color:#258DDE;float:left; text-align:center;line-height:43px;border-bottom:2px solid #258DDE;}





#nav{ width:100%; background:url(../images/blue_xieline.png); line-height:40px; float:left;}
#nav ul{ margin:0; padding:0; }
#nav ul li a{ width:149px; margin-right:1px;float:left;text-align:center; font-size:15px; color:#fff;  }
#nav ul li a:hover{ background:url(../images/nav_hoverbg.png); 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;}