﻿html, body { margin: 0; padding: 0;   background: #fff;  font-family: "Microsoft Yahei",Helvetica, Arial; min-width: 1200px; }
ul, li { margin: 0; padding: 0; list-style: none; }
a{ text-decoration:none; color:#777777;}
ul,li,div, h1,h2,h3,h4,a,img,table,table,tr,td,dl,dt{ margin:0; padding:0}
ul,li{ list-style:none;}
img{ border:0;}
.clear{ clear:both}
.clearfix:after{ display:block; content:''; clear:both; visibility:hidden; }
input,textarea{outline:none}
.container { width: 100%; height: 100%; overflow: hidden;position:relative; }
.content { width: 1140px; margin: 0 auto; height: 100%;  position: relative; }

.header {  height: 100px; width: 100%; background: #ffffff;  }
.logo { float: left; height: 80px; width: 400px; margin-top: 10px; }
.wrapper{ width:1190px; margin: 0 auto; overflow: hidden; }
.menu{width:580px;  height: 100px ; float: right;  }
.menu li{float:left; line-height:100px; width:100px;  text-align:center; font-size:16px; margin-right: 15px; display: inline;   }
.menu li a{ display:block; color:#4a4a4a }
.menu li:hover{ background:#4490ee }
.menu .hover,.menu .hover02{display:block;    background:#4490ee; height: 100px}
.menu .hover a,.menu .hover02 a{ color:#ffffff;}
.menu  a:hover{ color:#ffffff}

.language{ width: 110px; height: 100px; float: right; background: url("../images/langue.gif") no-repeat center top; text-align: center; font-size: 14px; line-height: 28px}
.language a{ color: #fff}



.slider{ width: 100%; height: 550px; background: url("../images/slider.jpg") no-repeat center top #ddecff;  }
.slider{ width:100%;  }
#full-screen-slider { width:100%; height:550px; float:left; position:relative; }
#slides { display:block; width:100%; height:550px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; text-align:center}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:27%; top:490px; z-index:9900;  padding:5px 15px 5px 0; margin:0; }
#pagination li { display:block; list-style:none; width:12px; height:12px; float:left; margin-left:15px;  background:#00a1fd ;  -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#fff}


.home_class{width: 100%; height: 778px; background: url("../images/cs_bg.gif") no-repeat center top #e9e9e9;  }
.home_class .title{ text-align: center; font-size: 50px; color: #2a2a2a; padding: 60px 0}
.home_class .title span{ font-weight: 100; color: #525252}
.home_class .title div{ font-size: 20px; color: #5d5d5d; padding-top: 8px} 
.home_class ul{ width: 1260px; margin: 0 auto}
.home_class ul li{background: url("../images/class_nomal.png") no-repeat center top; width: 186px; height: 215px; float: left; display: inline; margin: 0 55px ; line-height: 214px; text-align: center;}
.home_class ul .mjs{ margin-left: 200px; background: url("../images/class_m.png") no-repeat center top; }
.home_class ul li a{ color: #fff; font-size: 34px; display: block;}
.home_class ul li:hover{background: url("../images/class_m.png") no-repeat center top;}

.home_about{ width: 1120px; margin: 40px auto 80px auto }
.home_about .title{background: url("../images/about_pic.gif") no-repeat left center; font-size: 50px; color: #2a2a2a; padding: 60px 0; text-align: center; width: 680px; margin: 0 auto}
.home_about .title span{ font-weight: 100; color: #525252}

.home_about .img{ float: right; width: 370px;}
.home_about .img img{ margin-bottom: 15px;}
.home_about .container{ width: 710px; color: #333333; line-height: 46px; }
.home_about .container p{ text-indent: 2em}
.home_about .container .name{ font-weight: bold; font-size: 18px;}
.home_about .container .or{ color: #ff6600}
.home_about .more{ width: 250px; height: 60px; text-align: center; line-height: 60px; text-align: center; background: #4490ee; margin: 0 auto; margin-top: 20px; -moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius:8px;}
.home_about .more a{ color: #fff; font-size: 18px;}
.home_contact{width: 100%; height: 670px; background: url("../images/contact_bg.gif") no-repeat center top #e9e9e9; }
.home_contact .title{ font-size: 50px; color: #2a2a2a; padding: 60px 0; text-align: center; }
.home_contact .title span{ font-weight: 100; color: #525252}
.home_contact .con{ width:1150px; margin:0 auto; height:280px;}

.picScroll-left{ width:1170px;  overflow:hidden; position:relative;   }
.picScroll-left .hd{ }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:38px; height:75px; float:left; cursor:pointer; background:url("../images/l_btn.png") no-repeat; margin-top:130px;}
.picScroll-left .hd .next{background:url("../images/r_btn.png") no-repeat; float:right }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;width:9px;height:9px; overflow:hidden;margin-right:5px; text-indent:-999px; cursor:pointer;  }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px; margin-left:40px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }


.picScroll-left .bd ul li{ margin:0 18px; float:left; _display:inline; height: 330px; 
	overflow:hidden;border:1px solid #ccc; width: 320px; 
	background: #fff;  -moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius:8px; overflow: hidden;   }
.picScroll-left .bd ul li .tit{ line-height:70px; background: #4490ee; height: 70px; font-weight: bold; font-size: 16px;  padding: 0px 0px 0 24px; color: #fff;  }
.picScroll-left .bd ul li .con{ width: 280px; margin: 0 auto; font-size: 14px; color: #333333; line-height: 32px; padding-top: 20px; padding-left: 8px}



.footer{ width: 100%; background: #4e4e4e; padding-top: 40px;}
.footer .r{ float: right; font-size: 14px; color: #fff; text-align: center;}
.guide{ padding-left: 20px;}
.guide ul li{ float: left; font-size: 12px; line-height: 30px; color: #fff; width: 85px;}
.guide ul li h2{ font-size: 14px; color: #fff; margin-bottom: 5px;  }
.guide ul li a{ color: #bebebe}
.footer .cop{background:url("../images/foot_line.gif") repeat-x left top; line-height: 50px; font-size: 12px; color: #fffefe; margin-top: 20px;}

.footer .cop a{font-size: 12px; color: #fffefe; }

.banner_about{ width: 100%; height: 270px; background: url("../images/banner_about.jpg") no-repeat center top #f5f8fd;}
.banner_pro{ width: 100%; height: 270px; background: url("../images/banner_pro.jpg") no-repeat center top #dedddb;}
.banner_pri{ width: 100%; height: 270px; background: url("../images/banner_pri.jpg") no-repeat center top #e3e2d5;}
.banner_contact{ width: 100%; height: 270px; background: url("../images/banner_contact.jpg") no-repeat center top #d2daec;}

.container{ min-height: 400px; font-size: 16px; color: #404040}
.container .showpath{ text-align: center; font-weight: normal; padding-top: 40px; font-size: 46px; color: #4490ee; height: 120px;}
.container .showpath_02{ text-align: center; font-weight: normal; padding-top: 40px; padding-bottom: 8px; font-size: 46px; color: #4490ee; height: 80px;}

 
.content .nav{ text-align: center; height: 90px; padding-top: 12px }
.content .nav a{ border: 2px #c1c1c1 solid; color: #434242; font-size: 18px; margin:0 30px; -moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius:8px; 
	padding: 20px 80px   }
.content .nav .hover{ background: #4490ee; color: #ffffff; border: 2px #4490ee solid; }

.content{ width: 1160px; margin: 0px auto; min-height: 600px;  font-size: 18px; color: #5b5b5b; line-height: 44px;}
.content p{ text-indent: 2em}
.content h1{ font-size: 32px; text-align: center;}

.ul_pro{ width: 1090px; margin: 0 auto; padding-left: 65px; }
.ul_pro li{ width:240px; height: 90px; text-align:center; float:left; line-height:90px; margin-right:30px; margin-bottom:50px; 
	font-size: 26px ;background: #4490ee; color: #ffffff; border: 1px #4490ee solid; -moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius:8px;}
.ul_pro li:hover{background: #ff7200; border: 1px #ff7200 solid }
.ul_pro li a,.ul_pro02 li a{ color: #fff; display: block;}


.ul_pro02{ width: 1070px; margin: 0 auto; padding-left: 65px; }
.ul_pro02 li{ width:220px; height: 60px; text-align:center; float:left; line-height:60px; margin-right:30px; margin-bottom:20px; 
	font-size: 18px ;background: #4490ee; color: #ffffff; border: 1px #4490ee solid; -moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius:8px;}
.ul_pro02 .hover{ background: #ff7200; border: 1px #ff7200 solid }

.contact_dis{ width: 1180px;}
.contact_dis li{margin: 0px; float:left; _display:inline; height: 450px; 
	overflow:hidden; width: 390px;  }

.contact_dis li .tit{ line-height:30px; width: 280px; margin: 50px auto 0 auto; height: 30px; font-weight: bold; font-size: 18px;  padding: 0px 0px 0px 14px;  
	background: url("../images/ico.gif") no-repeat left center; color: #434242 ;  }
.contact_dis li .con{ width: 290px; margin: 0 auto; font-size: 14px; color: #333333; line-height: 40px; padding-top: 10px; 
	padding-left: 8px;}

.contact_dis li .contact_bg{ height: 380px; background: url("../images/contact_t.gif") no-repeat center top; 
	overflow:hidden;border:1px solid #fff; width: 350px; margin: 0 auto; margin-top: 8px; 
	  -moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius:8px;  box-shadow: #dcdcdc 2px 2px 6px 3px ;}
.data_tab{ font-size: 14px;}
.pro_des{ padding-bottom: 40px;}
.pro_des table{border-top: 1px #999999 solid; border-right: 1px #999999 solid;}
.pro_des td{ font-size: 14px; border-bottom: 1px #999999 solid; line-height: 24px; border-left: 1px #999999 solid;  line-height: 28px; color: #3b3b3b; padding: 4px 0; padding-left: 4px;}
.pro_tit{ font-weight: bold;}