/* CSS Document */

body { margin: 0; padding: 0; line-height: 30px; font-family: 'Microsoft YaHei'; font-size: 14px; background: #fff; }
div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, img, p, span { border-style: none; border-color: inherit; border-width: 0px; padding: 0; list-style-type: none; margin-left: auto; margin-top: 0; margin-bottom: 0; }

img { display: block; }

/* Link */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { border: 0px; background-color: Transparent; }

a { blr: expression(this.onFocus=this.blur()); outline: none; }

.blank5 { width: 100%; height: 5px; clear: both; }
.blank10 { width: 100%; height: 10px; clear: both; }
.blank15 { width: 100%; height: 15px; clear: both; }
.blank20 { width: 100%; height: 20px; clear: both; }
.blank30 { width: 100%; height: 30px; clear: both; }
.blank40 { width: 100%; height: 40px; clear: both; }
.blank50 { width: 100%; height: 50px; clear: both; }
.blank60 { width: 100%; height: 60px; clear: both; }
.blank70 { width: 100%; height: 70px; clear: both; }
.blank80 { width: 100%; height: 80px; clear: both; }
.blank90 { width: 100%; height: 90px; clear: both; }
.blank100 { width: 100%; height: 100px; clear: both; }
.blank110 { width: 100%; height: 110px; clear: both; }
.blank120 { width: 100%; height: 120px; clear: both; }
.blank130 { width: 100%; height: 130px; clear: both; }
.blank140 { width: 100%; height: 140px; clear: both; }
.blank150 { width: 100%; height: 150px; clear: both; }

/*Clear*/
.clear { clear: both; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; }
/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max { position: relative; overflow: hidden; }

.m_headbox { position: relative; z-index: 30; overflow: hidden; }

.m_head { width: 100%; height: 104px; float: left; position: relative; z-index: 20; background: none; border-bottom: 1px solid #555; overflow: hidden; }

.m_head_navi { width: 1200px; height: 103px; margin: 0 auto; }

.m_head_navi ul { display: block; margin: 0 auto; text-align: center; position: relative; z-index: 18; }

.m_head_navi ul li { width: 120px; height: 102px; display: inline-block; margin: 0 20px; padding: 0 0px; position: relative; z-index: 10; text-align: center; }

.m_head_navi ul li a { width: 120px; height: 102px; float: left; font-family: SimHei; font-size: 16px; color: #fff; text-align: center; font-weight: normal; line-height: 101px; border-bottom: 3px solid transparent; }
.m_head_navi ul li a:hover, .m_head_navi ul li a.hnav { width: 120px; height: 102px; float: left; font-family: SimHei; font-size: 16px; color: #fff; text-align: center; font-weight: normal; line-height: 101px; border-bottom: 3px solid #fff; }


.m_head_navi ul li span { display: block; position: absolute; width: 0px; height: 0px; background: #fff; top: 102px; left: 50%; }


.m_head_navi ul li.nav_logo { width: 180px; height: 80px; display: inline-block; margin: 0 auto; padding: 10px 10px; }


.m_banner { width: 1920px; *width: 1920px; _width: 1920px; height: 779px; position: relative; z-index: 10; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; margin-top: -104px; background: #fafafa; overflow: hidden; }
.s_banner { width: 1920px; *width: 1920px; _width: 1920px; height: 177px; position: relative; z-index: 10; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; margin-top: -104px; background: url(../images/s_navi_bg.jpg) repeat-x left bottom; overflow: hidden; }

.s_nav_cokk { width: 1200px; height: 60px; margin: 110px auto 0 auto; }

.s_nav_cokk h3 { width: 600px; float: left; margin-left: 20px; font-family: SimHei; font-size: 24px; color: #333333; text-align: left; font-weight: normal; line-height: 60px; letter-spacing: .4px; }
.s_nav_cokk h3 font { font-family: Arial; font-size: 18px; color: #333333; text-align: left; font-weight: normal; line-height: 60px; text-transform: uppercase; }

.s_nav_cokk span { float: right; font-family: SimHei; font-size: 16px; color: #333333; text-align: left; font-weight: normal; line-height: 60px; letter-spacing: .4px; }

.s_nav_cokk span a { font-family: SimHei; font-size: 16px; color: #333333; text-align: left; font-weight: normal; line-height: 60px; letter-spacing: .4px; text-decoration: none; }
.s_nav_cokk span em { font-family: SimHei; font-size: 16px; color: #333333; text-align: left; font-weight: normal; line-height: 60px; letter-spacing: .4px; font-style: normal; text-decoration: underline; }

.m_index { width: 1200px; height: auto; margin: 0 auto; position: relative; z-index: 33; }


.m_index_plan { width: 1200px; height: auto; margin: 0 auto; }

.m_index_plan_cokk { width: 258px; height: 103px; margin: 0 auto; }


.m_index_planList { width: 1220px; height: auto; margin: 0 auto; overflow: hidden; }


.m_index_planList ul { width: 1380px; height: auto; float: left; margin-left: -90px; overflow: hidden; }


.m_index_planList ul li { width: 345px; height: auto !important; min-height: 230px; float: left; margin-left: 0px; background: url(../images/m_line1.jpg) no-repeat top right; }


.m_index_planList ul li a { width: 177px; height: 228px; float: left; margin: 0 0 0 90px; background: url(../images/plat1.png) no-repeat center top; }

.m_index_planList ul li a:hover { width: 177px; height: 228px; float: left; margin: 0 0 0 90px; background: url(../images/plat2.png) no-repeat center top; }


.m_index_planList ul li a h3 { width: 177px; height: 153px; float: left; margin: 0; font-family: Arial; font-size: 65px; color: #333333; text-align: center; font-weight: normal; line-height: 143px; letter-spacing: 2px; }


.m_index_planList ul li a h4 { width: 177px; height: 40px; float: left; margin: 20px 0 0 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-family: SimHei; font-size: 20px; color: #333333; text-align: center; font-weight: normal; line-height: 20px; letter-spacing: 2px; overflow: hidden; }

.m_index_planList ul li a h4 font { width: 177px; height: 20px; float: left; margin: 0px 0 0 0; font-family: Arial; font-size: 16px; color: #999; text-align: center; font-weight: normal; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; }


.m_index_planList ul li a:hover h4 { width: 177px; height: 40px; float: left; margin: 0px 0 0 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-family: SimHei; font-size: 20px; color: #333333; text-align: center; font-weight: normal; line-height: 20px; letter-spacing: 2px; overflow: hidden; }



.m_paipin { width: 1920px; *width: 1920px; _width: 1920px; height: 738px; position: relative; z-index: 10; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; margin-top: 0px; background: url(../images/plat_bg.jpg) no-repeat center bottom; overflow: hidden; }



.m_paipinjianshang { width: 1920px; *width: 1920px; _width: 1920px; height: 810px; position: relative; z-index: 10; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; margin-top: 0px; background: url(../images/index_bgk.jpg) no-repeat center top; overflow: hidden; }

.jfe { width: 1200px; margin: 0px auto; background: none; border: 1px solid transparent; position: relative; z-index: 87; overflow: hidden; }
.none { display: none; }
.jfe .jfeTitle ul { position: relative; z-index: 68; }
.jfe .jfeTitle ul li { float: left; cursor: pointer; height: 80px; line-height: 30px; font-weight: bold; text-align: center; width: 150px; }
.jfe .jfeTitle ul li a { text-decoration: none; }

.jfe .jfeTitle .normal { color: #666666; }
.jfe .jfeTitle .normal font { float: left; margin: 40px 0 0 10px; font-family: SimHei; font-size: 20px; color: #666; text-align: center; font-weight: normal; line-height: 30px; }
.jfe .jfeTitle .normal .img1 { width: 80px; height: 50px; float: left; display: block; margin: 0 0 0 0; }
.jfe .jfeTitle .normal .img2 { width: 80px; height: 50px; float: left; display: none; margin: 0 0 0 0; }


.jfe .jfeTitle .active { color: #333; }
.jfe .jfeTitle .active font { float: left; margin: 40px 0 0 10px; font-family: SimHei; font-size: 20px; color: #333333; text-align: center; font-weight: normal; line-height: 30px; }
.jfe .jfeTitle .active .img1 { width: 80px; height: 50px; float: left; display: none; margin: 0 0 0 0; }
.jfe .jfeTitle .active .img2 { width: 80px; height: 50px; float: left; display: normal; margin: 0 0 0 0; }




.jfe .jfeContent { width: 450px; height: 620px; float: left; position: relative; z-index: 20; margin: 120px 0 0 330px; }




.s_index { width: 1200px; height: auto; margin: 0 auto; }


.s_about { min-width: 1200px; height: auto; margin: 0 auto; }

.s_about_link { width: 1200px; height: auto; margin: 0 auto; }

.s_about_link ul { float: left; padding: 10px 0; }


.s_about_link ul li { float: left; margin: 10px 20px 20px 0; }

.s_about_link ul li a { padding: 10px 40px; font-family: SimHei; font-size: 18px; color: #333333; text-align: center; font-weight: normal; line-height: 30px; background: #fff; border: 1px solid #dcdcdc; border-radius: 20px; }

.s_about_link ul li a:hover, .s_about_link ul li a.sact { padding: 10px 40px; margin: 10px 30px 10px 0; font-family: SimHei; font-size: 18px; color: #333333; text-align: center; font-weight: normal; line-height: 30px; background: #f2f2f2; border: 1px solid #f2f2f2; border-radius: 20px; }


.s_about_con { width: 1200px; height: auto; margin: 0 auto; font-family: SimHei; font-size: 14px; color: #333333; text-align: justify; font-weight: normal; line-height: 30px; padding: 20px 0; }

.s_about_con img { display: block; margin: 10px auto 10px auto; border: none; }

/*prod*/

.s_prod_con { max-width: 960px; height: auto; margin: 0 auto; font-family: SimHei; font-size: 14px; color: #333333; text-align: justify; font-weight: normal; line-height: 30px; padding: 20px 0; }

.s_prod_con h3 { width: 100%; height: auto; font-family: SimHei; font-size: 18px; color: #333333; text-align: left; font-weight: normal; line-height: 30px; padding: 5px 0; }



.s_helpBox { width: 1200px; margin: 0 auto; }


.he_type { width: 154px; float: left; border: 1px solid #e6e6e6; border-top: none; margin-top: -1px; padding-bottom: 40px; }

.he_type h3 { width: 154px; height: 40px; float: left; background: #f2f2f2; border-bottom: 1px solid #fff; }
.he_type h3 a { width: 154px; height: 40px; float: left; font-family: SimHei; font-size: 18px; color: #333333; text-align: center; font-weight: normal; line-height: 40px; }
.he_type h3 a:hover, .he_type h3 a.ehov { width: 154px; height: 40px; float: left; font-family: SimHei; font-size: 18px; color: #a88752; text-align: center; font-weight: normal; line-height: 40px; }


.he_type ul { width: 154px; height: auto; float: left; display: block; }
.none { display: none; }

.he_type ul li { width: 154px; height: 40px; float: left; }


.he_type ul li a { width: 154px; height: 40px; float: left; font-family: SimHei; font-size: 16px; color: #666666; text-align: center; font-weight: normal; line-height: 40px; }


.he_type ul li a:hover, .he_type ul li a.tehov { width: 154px; height: 40px; float: left; font-family: SimHei; font-size: 16px; color: #a88752; text-align: center; font-weight: normal; line-height: 40px; }



.help_right { width: 942px; height: auto; float: left; margin: 10px 0 0 30px; float: left; font-family: SimHei; font-size: 14px; color: #333; text-align: left; font-weight: normal; line-height: 30px; }


.help_right_line { width: 982px; height: 40px; float: left; border-bottom: 1px solid #dcdcdc; padding: 10px 0; margin-bottom: 10px; }


.help_right_line ul { float: left; margin-top: -10px; }

.help_right_line ul li { float: left; margin-top: 10px; margin-right: 60px; }

.help_right_line ul li a { font-family: SimHei; font-size: 16px; color: #333; text-align: left; font-weight: normal; line-height: 40px; }
.help_right_line ul li span { width: 26px; height: 26px; float: left; margin-top: 8px; margin-right: 4px; background: url(../images/cbg1.jpg) no-repeat left top; font-family: Arial; font-size: 16px; color: #333; text-align: center; font-weight: bold; line-height: 26px; }

.help_right_line ul li:hover span, .help_right_line ul li.rhov span { width: 26px; height: 26px; float: left; margin-top: 8px; margin-right: 4px; background: url(../images/cbg2.jpg) no-repeat left top; font-family: Arial; font-size: 16px; color: #fff; text-align: center; font-weight: bold; line-height: 26px; }

.help_right_line ul li:hover a, .help_right_line ul li.rhov a { color: #a88752; }


.help_right img { display: block; margin: 0; border: none; }



.s_serv { width: 1123px; height: auto; margin: 10px auto 0 auto; }



.s_zhanshi_bg { width: 1123px; height: 800px; margin: 10px auto 0 auto; background: url(../images/show_bg.jpg) no-repeat left top; }

.nteache2 { width: 1123px; }

.teache2Title { width: 748px; height:auto; float: right;  overflow: hidden; }


.nteache2 .teache2Title li  { width: 748px; height:117px; float:right;}
.nteache2 .teache2Title li a { text-decoration: none; }
.nteache2 .teache2Title .normal { width: 748px; height:95px;  float: left; text-align: center; color: #333;  background: url(../images/platform1.png) no-repeat left top;  transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;}
.nteache2 .teache2Title .normal font { float: left; margin:30px 0 0 10px; font-family: SimHei; font-size: 20px; color: #666; text-align: left; font-weight: normal; line-height: 30px; }
.nteache2 .teache2Title .normal .imgn1 { width: 52px; height: 50px; float: left; display: block; margin: 20px 10px 0 40px; }
.nteache2 .teache2Title .normal .imgn2 { width: 52px; height: 50px; float: left; display: none; margin:30px 10px 10px 80px; }

.nteache2 .teache2Title .normal h4 {width:550px; height:50px; float: left; margin:20px 0 0 30px; font-family: SimHei; font-size:18px; color: #333; text-align: left; font-weight: normal; line-height:25px;  text-overflow:ellipsis; overflow:hidden;}
.nteache2 .teache2Title .normal h4 span{width:550px; height:25px; float: left;  font-family: SimHei; font-size:16px; color: #666; text-align: left; font-weight: normal; line-height:25px;  text-overflow:ellipsis; overflow:hidden;}



.nteache2 .teache2Title .active { width: 748px; height:117px; float: left; background: url(../images/platform2.png) no-repeat left top; font-size: 12px; color: #fff; line-height: 26px; text-align: left; overflow: hidden;  transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear; }
.nteache2 .teache2Title .active font { float: left; margin: 40px 0 0 10px; font-family: SimHei; font-size: 20px; color: #666; text-align: left; font-weight: normal; line-height: 30px; }
.nteache2 .teache2Title .active .imgn1 { width: 52px; height: 50px; float: left; display: none; margin:20px 10px 0 40px; }
.nteache2 .teache2Title .active .imgn2 { width: 52px; height: 50px; float: left; display: block; margin: 30px 10px 10px 80px; }


.nteache2 .teache2Title .active h4 {width:500px; height:70px; float: left; margin:20px 0 0 40px; font-family: SimHei; font-size:24px; color: #333; text-align: left; font-weight: normal; line-height:35px;  text-overflow:ellipsis; overflow:hidden;}
.nteache2 .teache2Title .active h4 span{width:500px; height:35px; float: left;  font-family: SimHei; font-size:18px; color: #666; text-align: left; font-weight: normal; line-height:35px;  text-overflow:ellipsis; overflow:hidden;}



.nteache2 .teache2Title h4 { float: right; }
.nteache2 .teache2Title h4 a { font-size: 12px; color: #333; line-height: 26px; font-weight: normal; padding-right: 10px; }
.nteache2 .teache2Content { width: 350px; height: auto; float: left;  margin-top:100px; margin-left:-20px; }





/*footer*/

.m_link { width: 1920px; *width: 1920px; _width: 1920px; height: 395px; position: relative; z-index: 10; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; margin-top: 0px; background: url(../images/foot_bg.jpg) no-repeat center top; overflow: hidden; }


.m_link_abo { width: 531px; float: left; margin: 40px 10px 0 0px; }
.m_link_abo h3 { width: 531px; height: 40px; float: left; font-family: SimHei; font-size: 22px; color: #333333; text-align: left; font-weight: bold; line-height: 40px; }
.m_link_abo h3 a { float: right; font-family: SimHei; font-size: 16px; color: #333333; text-align: left; font-weight: normal; line-height: 40px; }


.m_link_aboCon { width: 531px; height: 120px; float: left; margin: 20px 10px 0 0px; font-family: SimHei; font-size: 14px; color: #333333; text-align: justify; font-weight: normal; line-height: 30px; text-indent: 40px; text-overflow: ellipsis; overflow: hidden; }

.m_link_abo h4 { width: 531px; height: 40px; float: left; border-top: 1px solid #d2d2d2; font-family: SimHei; font-size: 22px; color: #333333; text-align: left; font-weight: bold; line-height: 40px; }

.m_link_contCon { width: 531px; height: 65px; float: left; margin: 0px 10px 0 0px; font-family: SimHei; font-size: 14px; color: #333333; text-align: justify; font-weight: normal; line-height: 32px; text-indent: 0px; text-overflow: ellipsis; overflow: hidden; }



.m_link_weix { width: 201px; float: left; margin: 40px 0px 0 10px; }
.m_link_weix h3 { width: 201px; height: 40px; float: left; font-family: SimHei; font-size: 22px; color: #333333; text-align: left; font-weight: bold; line-height: 40px; margin-bottom: 30px; }


.m_link_weix img { display: block; margin: 0; border: none; }


.m_bot { width: 100%; height: 100px; float: left; background: #000; position: relative; z-index: 65; overflow: hidden; }


.m_bot_logo { width: 83px; float: left; margin-top: 34px; }

.m_bot_nav { width: 490px; float: left; margin-top: 45px; }

.m_bot_nav ul { float: left; padding-left: 20px; }
.m_bot_nav ul li { float: left; padding: 0 5px; font-family: SimHei; font-size: 14px; color: #7e7e7e; text-align: center; font-weight: normal; line-height: 16px; }
.m_bot_nav ul li span { float: right; padding: 0 5px; font-family: SimHei; font-size: 14px; color: #7e7e7e; text-align: center; font-weight: normal; line-height: 16px; }
.m_bot_nav ul li a { font-family: SimHei; font-size: 14px; color: #7e7e7e; text-align: center; font-weight: normal; line-height: 16px; }

.m_bot_nav ul li a:hover { color: #fff; }


.m_bot_text { max-width: 490px; float: right; margin-top: 30px; margin-right: 30px; font-family: SimHei; font-size: 14px; color: #7e7e7e; text-align: left; font-weight: normal; line-height: 20px; }

.m_bot_text a { color: #7e7e7e; }

.m_top { width: 36px; height: 36px; float: right; position: absolute; z-index: 35; top: 30px; right: -20px; margin-right: 0px; }