.header2{ display:none; background-color:#FFF; border-bottom:1px solid #dcdcdc;}

.header2.header{ position:fixed; top:-64px;}

.header2 .head,.header2 .logo{ height:64px;}

.header2 .user,.header2 .lg{ padding-top:14px;}

.header2 .serch{ padding-top:23px;}

.header2 .lg a{ color:#949494; opacity:1; filter: alpha(opacity=100);}

.header2 .user_img{ border:3px solid #FFF;}

.nav2 .nav_name{ background:url(../images/top_navline.jpg) no-repeat right;}

.nav2 .nav_name:hover{ color:#009b4d;}

.header2 .lg a:hover{ color:#009b4d;}

.header2 .sub_ser{ border-bottom:1px solid #dcdcdc;}

.header2 .sub_ser,.header2 .ser_text{ background-color:#FFF;}

.header2 .ser_text{ color:#666;}

.header2 .sub_seline{ border-bottom:1px solid #dcdcdc;}



#pop{background:#fff; z-index:9999999989999999999;width:400px; height:285px;font-size:12px;position:fixed;right:0;bottom:0;}
#popHead{line-height:32px;background:#f6f0f3;border-bottom:1px solid #e0e0e0;font-size:12px;padding:0 0 0 10px;}
#popHead h2{font-size:14px;color:#666;line-height:32px;height:32px;}
#popHead #popClose{position:absolute;right:10px;top:1px;}
#popHead a#popClose:hover{color:#f00;cursor:pointer;}





.nav1{ padding-top:10px;}

.nav1 .nav_name{ background:url(../images/nav_line.png) no-repeat right; color:#FFF;}

.nav1 .sub_chnal li a{ color:#009b4d;}

.nav1 .sub_infname a{ color:#FFF;}

.nav1 .sub_infIntro{ color:#afafaf;}

.nav1 li.cur .nav_name,.nav1 li.nav_this .nav_name{ color:#E8FF00;}

.header1 .lg a:hover{ opacity:1; filter: alpha(opacity=100);}

.header1 .sub_ser,.header1 .ser_text{ background:url(../images/sub_yy.png) repeat;}

.header1 .ser_text{ color:#FFF; opacity:0.5; filter: alpha(opacity=50);}

 

/*banner效果*/

.banner { position:relative; width:100%; height: 600px!important; }

.banner_list{ width:100%; height: 600px!important; overflow:hidden;}

.banner_list li { position:absolute; width:100%; display:none; opacity:1!important;}

.banner_list li img{ position:absolute; left:50%; top:50%; width:100%; height: 600px!important;}

.banner_owd{ position:absolute; left:0; bottom:8.6%; z-index:800; width:100%; height:7px;}

.banner_btn{ height:7px;}

.banner_o{ width:auto; height:7px; padding-left:22px;}

.banner_o li{ float:left; margin-right:5px; display:inline-block; background-color:#FFF; opacity:0.44; filter: alpha(opacity=44); width:17px; height:7px; cursor:pointer; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; transition:all 1s ease 0.01s; -moz-transition:all 1s ease 0.01s; -webkit-transition:all 1s ease 0.01s;}

.banner_o li.on{ background-color:#009b4d; opacity:1; filter: alpha(opacity=100); width:37px; transition:width 0.4s ease 0.01s; -moz-transition:width 0.4s ease 0.01s; -webkit-transition:width 0.4s ease 0.01s;}

.banner_o span em{ font-size:0; text-indent:-99999;}

.ban_down{ position:absolute; left:50%; bottom:7%; z-index:900; margin-left:-27px; width:54px; height:54px;}

.ban_down a{ cursor:pointer;}

.banner .banner_prev{ cursor:pointer; background: url(/why/skin/images/arrows_01.png) top no-repeat; width: 49px; height: 49px; margin-left: 20px; }

.banner .banner_next{ cursor:pointer; background: url(/why/skin/images/arrows_02.png) top no-repeat; width: 49px; height: 49px; margin-right: 20px;  }

/* slide */
.slide-main{height:600px;position:relative; overflow: hidden;}
.prev,.next{display:block;width:64px;height:64px;position:absolute;z-index:222;top:300px;overflow:hidden;cursor:pointer;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:24px;position:absolute;z-index:124;top:560px;left:0;text-align:center;}
.item a{display:inline-block;border-radius:14px;width:14px;height:14px;margin-right:11px;background:#fff;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);overflow:hidden;}
.item a.cur{background:#2d685d;}
.slide-box,.slide{display:block;width:100%;height:600px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:600px;padding-top:89px;background:#ff6900;position:relative;position:absolute;z-index:8;}
.slide a{display:block;width:100%;height:600px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}
.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }



#tab { position:relative; height: 550px; }

#tab .tabList ul li{ float:left; font-size: 14px; margin-right: 10px; background:#2d685d; border:1px solid #fff; padding:10px;  text-align:center; margin-left:5px; color: #fff; position:relative; cursor:pointer;}

#tab .tabCon{ position:absolute; top:32px; margin-top:20px;}

#tab .tabCon div{padding:10px; position:absolute; opacity:1; color: #fff;filter:alpha(opacity=0);display: block; }

#tab .tabList li.cur{ background:#12453b; border:1px solid #12453b;  color: #39eac9; padding:10px;  }

#tab .tabCon div.cur{display: block; }
#tab .tabCon div.tab-active {
    display: block;
}
#tab .tabCon div {display: none}


.map{ position:relative;width:856px; margin:0 auto;}

.map a{ color:#000; font-size:14px; text-decoration:none;z-index:310;}

.citybg{ position:absolute; display:none; z-index:3; }

.city a.active .citybg{ display:block; }



/*warp*/

.warp_show{ width:100%; height:auto; overflow:hidden;}

.warp_shBox{ clear:both; position:relative;}

.warp_shBox0{ clear:both; position:relative;}

.warp_shBox1{ clear:both; position:relative; background:url(../images/bg111.jpg) no-repeat; height: 825px;}

.name{ color:#484848; font-family: 'FZQingKeBenYueSongS-R-GB';  font-size:32px; font-weight:bold; line-height:normal; text-align:center;}

.name1{ color:#005708; font-family:'FZQingKeBenYueSongS-R-GB'; font-size:64px; font-weight:bold; line-height:normal; text-align:center;}

.name2{ color:#018c59;  font-family: 'FZQingKeBenYueSongS-R-GB'; font-size:45px; font-weight:bold; line-height:60px; text-align:center; background: url(../images/litle.png) no-repeat;}

.name3{ background: url(../images/litle2.png) no-repeat;}

.intro{ font-size:20px; line-height:22px; width:806px; margin:12px auto 38px; text-align:center;}

.intro1{ font-size:20px; line-height:22px; width:806px; margin:12px auto 38px; text-align:center;}

.coleft{ width:510px; margin-right:50px; margin-left:15px; float:left; font-size: 16px;}
.coleft span{ width:477px; height:40px; margin:0 auto; line-height:40px; padding:0 10px;}
.coright{ width:529px; margin:0 15px;  float:right; font-size: 16px;}

.message{
    margin-top: 20px;
    box-sizing: border-box;
    height: 425px;
}
.message form{
    width: 500px;
    margin: 0 auto;
}
.message table th{
    height: 35px;
    width: 110px;
    text-align: left;
    color: #737373;
	line-height:35px;
}
.message table td{
    height: 35px;
    width: 460px;
    background: #fff;
	border:1px solid #e4e4e4;
}
.message table td input{
    padding: 0 8px;
    height: 35px;
    width: 460px;
    background: #fff;
    border: 0px;

}
.message table td textarea{
    padding: 8px 8px;
    height: 135px;
    width: 460px;
    border: 0px;
    background: #fff;
}
.message button{
    float: left;
    margin-top:20px;
    height: 35px;
    width: 150px;
	font-family:"微软雅黑", Arial;
    background: #2d685d;
    border: 0px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.message button:hover{
    background: #666666;
}



/*产品系列*/

.pro_chnal{ height:426px; overflow: hidden;}

.pro_chnal li{ float:left; position:relative; padding:5px; width: 278px; height: 426px; background: url(../images/bg1_05.png) no-repeat!important;}

.pro_chPo{ width:240px; margin:0 auto;}

.pro_chImg1{ width:100px; height:100px; margin:0 auto; padding-top: 10px;}

.pro_chname1{ color:#333; font-size:18px; width:240px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:20px 0 10px 0; text-align:center; font-weight: bold;}

.pro_chImg{ width:100px; height:100px; margin:0 auto; padding-top: 10px;}

.pro_chname{ color:#FFFFFF; font-size:18px; width:240px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:20px 0 10px 20px; text-align:center; font-weight: bold;}

.pro_chintro{ color:#888; font-size:14px; line-height:22px; height:44px; overflow:hidden; text-align:center;}

.pro_chintro pre{ font-family:'Microsoft YaHei';}

.pro_chShave{ display:none; position:absolute; top:0; left:0; z-index:10; width:278px; height:426px; overflow:hidden;}

.pro_chShow{ position:absolute; top:0; left:0; padding:5px; background: url(../images/bg1_03.png) no-repeat; width:278px; height:426px;}

.pro_chicon{ width:52px; height:52px; margin-right:24px; display:inline;}

.pro_chall{  width:240px; margin-top:16px; display:inline; margin: 0 auto;}

.pro_chall1{  width:240px; margin-top:16px; display:inline; margin: 0 auto; }

/*.pro_chaPeo{ width:156px; margin-top:16px; display:inline;}*/

.pro_chaName{ margin-bottom:14px;}

.pro_chaName a{ display:block; color:#FFF; font-size:18px; width:208px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.pro_chaLbox1{ width:118px; height:30px; line-height:30px;  margin-left: 70px;}

.pro_chaLbox{ width:118px; height:30px; line-height:30px;  margin-left: 90px;}

.pro_chaLbox1 a{ display:block; background:url(../images/pro_chsbac1.png) no-repeat left; padding-left:14px; margin-left:2px; color:#444; font-size:14px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.pro_chaLbox a{ display:block; background:url(../images/pro_chsbac.png) no-repeat left; padding-left:14px; margin-left:2px; color:#FFF; font-size:14px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.pro_chaLbox1 a:hover{ background:url(../images/pro_chsbho.png) no-repeat left; color:#2b856f;}

.pro_chaLbox a:hover{ background:url(../images/pro_chsbho.png) no-repeat left; color:#FFFD00;}

.pro_chaMore{ width:116px; height:24px; margin-top:16px;}

.pro_chaMore a{ display:block; color:#98eec3; font-size:14px; width:114px; height:22px; line-height:22px; text-align:center; border:1px solid rgba(255,255,255,0.5); border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px;}

.pro_chaMore a:hover{ color:#FFF;}

.pro_chaMore a span{ background:url(../images/pro_chMicon.png) no-repeat right; padding-right:24px;}

.pro_chaPimg{ position:relative; width:135px; height:135px; margin:0 auto;}

.pro_chaPbd{ position:absolute; top:0; left:0; z-index:10; width:135px; height:135px;}

.pro_chaPbd a{ display:block; background:url(../images/pro_chpBd.png) no-repeat; width:135px; height:135px;}

.pro_chaPen,.pro_chaPcn,.pro_chaPro{ text-align:center;}

.pro_chaPen{ color:#FFF; font-size:18px; padding-top:12px; margin-bottom:2px;}

.pro_chaPcn{ color:#FFF; font-size:14px;}

.pro_chaPro{ color:#bdf9db; line-height:18px; height:54px; overflow:hidden; padding-top:8px;}

.pro_chnal li.cur1 .pro_chShow{ left:-444px;}

.pro_chnal li.cur2 .pro_chShave{ right:0; left:auto;}

.pro_chnal li.cur2 .pro_chShow{ right:-444px; left:auto;}

.pro_chnal li.zIndex{ z-index:20;}

.box-b{ bottom:-800px;}



/*质量学员*/

#warp_shBox2{ font-family: "微软雅黑", Arial;}

.lit{ height: 150px; text-align:center; margin-top: 50px; }

.lit span{ color: #005708;  font-family: 'FZQingKeBenYueSongS-R-GB'; font-size: 36px; font-weight: bold; height: 40px;}

.lit p{ line-height: 36px; font-size: 20px; margin-top: 20px; }

.contt{ height:430px; margin-top: 15px; background: #2d685d;}



.solution-list{position:relative;height:412px;z-index:9;width:1375px;margin:0 auto;}

.short-bar{position:absolute;top:187px;left:50%;margin-left:-15px;width:30px;height:3px;background-color:#fff}

.active .short-bar{top:201px;background-color:#009dff}

.solution-list ul li{float:left;width:336px;position:relative;height:430px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;overflow:hidden;}

.solution-item-wrapper{width:336px;height:430px;cursor: pointer;transition: all 0.6s;background:url(../images/solution_item_bg_01.jpg) center no-repeat}
.solution-item-wrapper:hover{transform: scale(1.4);}
.solution-item-02{background-image:url(../images/solution_item_bg_02.jpg)}

.solution-item-03{background-image:url(../images/solution_item_bg_03.jpg)}

.solution-item-04{background-image:url(../images/solution_item_bg_04.jpg)}

.active .solution-item-wrapper{position:absolute;z-index:9;width:336px;height:430px;background:url(../images/solution_item_bg_active_01.jpg) no-repeat;-webkit-box-shadow:0 5px 40px rgba(0,0,0,.5);-moz-box-shadow:0 5px 40px rgba(0,0,0,.5);box-shadow:0 5px 40px rgba(0,0,0,.5)}



@media only screen and (max-width:1400px){

.product-special-li-5.active .solution-item-wrapper{left:-102px}

}

.active .solution-item-02{background-image:url(../images/solution_item_bg_active_02.jpg)}

.active .solution-item-03{background-image:url(../images/solution_item_bg_active_03.jpg)}

.active .solution-item-04{background-image:url(../images/solution_item_bg_active_04.jpg)}

.solution-list ul li p.solution-title{position:absolute;top:211px;width:100%;text-align:center;color:#fff;font-size:18px;z-index:2}

.solution-list ul li a{position:absolute;top:300px;left:50%;margin-left:-87px;width:174px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;z-index:2; /*border: 1px solid #fff;*/ font-family: "微软雅黑", Arial;}

.solution-list ul li a:hover{;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; border: 1px solid #F8FF00; color: #F8FF00;}

.solution-list ul li.active p.solution-title{top:158px;font-size:22px}

.solution-list ul li.active p.solution-intro{top:230px;opacity:1;filter:alpha(opacity=100)}

.solution-list ul li.active a{display:block}



/*news*/

.news{ position:relative; height:384px; padding-top:40px;}

ul.imglist{ margin:0 auto; width:1200px; overflow:hidden} 

ul.imglist li{ float:left; margin:4px 14px; width:270px; border: 1px solid #c5d8db;}

ul.imglist li img{ display:block; width:270px; height:190px} 

ul.imglist li span{ display:block;  height:60px; line-height:60px; background:#FFFFFF; padding: 0 20px; font-size: 14px;} 





ul.imglist1{ margin:0 auto; width:1200px; overflow:hidden; margin-top: 10px;} 

ul.imglist1 li{ float:left; margin:4px 8px; width:270px;} 

ul.imglist1 li span{ display:block; width:270px; height:30px; line-height:30px; margin: 0 10px; font-size: 14px;} 


ul.imglist2{ margin:0 auto; width:1200px; overflow:hidden; padding:0;} 

ul.imglist2 li{ float:left; padding:4px 10px; width:280px; } 

ul.imglist2 li img{ width:280px; height:220px; display:block;} 

ul.imglist2 li span{ display:block; font-size: 14px; width:100%; text-align: center; height:30px; line-height:30px; color: #444; display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;} 

ul.imglist2 li span:hover{ color: #be0406; } 


.cl:after{ content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{ zoom:1}
.r { float:right}
.l { float:left} 
.pt20{ padding-top:20px;}
.w1200{ width:1200px; margin:0 auto;}
/*one stare*/

.important{ padding:20px 0 0px 0; background: #2d685d;}
.important li{ float:left; margin-left:10px; margin-right:10px; width: 280px;}

.important li a{ display:block;width:70px; height:70px; display:block; border-radius:70px;border:1px dotted #1dd2af;  float: left; margin-bottom: 30px;}
.important li:hover a{ border:1px dotted #696969;}
.important li span{ width:70px; height:70px; display:block;}
.important .rcsp_1 span{ background:url("../../../why/skin/images/icon1.png") no-repeat bottom center;}
.important .rcsp_2 span{ background:url("../../../why/skin/images/icon2.png") no-repeat bottom center;}
.important .rcsp_3 span{ background:url("../../../why/skin/images/icon3.png") no-repeat bottom center;}
.important .rcsp_4 span{ background:url("../../../why/skin/images/icon4.png") no-repeat bottom center;}
.bgbg { background:url("../../../why/skin/images/bgbg.png") center bottom no-repeat; width:100%; padding-bottom: 20px;}
.w1200 .important .rcsp_1:hover span, .w1200 .important .rcsp_2:hover span,.w1200 .important .rcsp_3:hover span,.w1200 .important .rcsp_4:hover span,.w1200 .important .rcsp_5:hover span,.w1200 .important .rcsp_6:hover span, .w1200 .important .rcsp_7:hover span, .w1200 .important .rcsp_8:hover span, .w1200 .important .rcsp_9:hover span{transition: background 0.3s;
-moz-transition: background 0.3s;
-ms-transition: background 0.3s;
-webkit-transition: background 0.3s;
-o-transition: background 0.3s;}
.w1200 .important .rcsp_1:hover span{ background:url("../../../why/skin/images/icon1.png") no-repeat top left;}
.w1200 .important .rcsp_2:hover span{ background:url("../../../why/skin/images/icon2.png") no-repeat top center;}
.w1200 .important .rcsp_3:hover span{ background:url("../../../why/skin/images/icon3.png") no-repeat top center;}
.w1200 .important .rcsp_4 span:hover{ background:url("../../../why/skin/images/icon4.png") no-repeat top center;}
.important .rcsp_9{ margin-right:0px;}
.important li p{ line-height:24px; width: 146px; font-size: 18px; font-weight: bold;float: right; margin-top:10px; text-align:left; display:block; color: #fff;}
.important li:hover p{ color:#00ffc1;}
.important li strong{ border-bottom:1px solid #24d2b0; clear: both; position:relative; display:block;margin-top:15px;z-index:4;}
.important li strong i{display:none;  position:absolute; width:0px; height:0px; border:10px solid transparent;display:block;left: 50%;margin-left: -9px;border-top-color: #1dd2af;}
.important_l{ padding:30px 0px 0 0px; float:left; width:520px; overflow: hidden;}
.important_l img{width:520px;height:384px;}
.important_r{ float:right; padding:30px 0px 0px 0px;width:660px; overflow: hidden; }
.title_1{ text-align:center;}
.title_1 h3{ font:14px/16px "Arial";text-transform: uppercase; color:#535353; display: block;}
.title_1 h3 span ,.title_1 h2 span{ color:#ef571a;}
.title_1 h2{ font: bold 30px/40px "Microsoft YaHei"; color:#535353;padding-bottom: 5px;}
.icon_top{ width:100%; padding-top:25px;}
.icon_top i{ display:block; width:32px; height:32px;}
.icon_top .i_left{ float:left; background:url("/why/skin/images/icon_left.png") 0 center no-repeat;}
.icon_top .i_right{ float:right; background:url("/why/skin/images/icon_right.png") 0 center no-repeat;}
.icon_top .i_left1{ float:left; background:url("/why/skin/images/icon_left1.png") 0 center no-repeat;}
.icon_top .i_right1{ float:right; background:url("/why/skin/images/icon_right1.png") 0 center no-repeat;}
.study{ padding:0px 32px;}
.study h3{ font: bold 25px/30px "Microsoft YaHei"; color:#2d685d; display: block; padding-bottom:15px;}
.study span{ font:14px/18px "Microsoft YaHei";color:#535353;display: block;}
.study span p{line-height: 26px; font-size: 16px;}
.study img{ display:block; width:140px; height:90px; overflow:hidden; margin-left:35%;padding-top: 10px;}
.study .know{ background:#2d685d; display:block; font: bold 16px/30px "Microsoft YaHei"; padding:0px 10px; border-radius:50px; height:30px; color:#FFFFFF; text-align:center; margin:0 90px; margin-top:10px;}
/*one end*/
.public_img{ display:block; width:29px; height:29px; padding:15px 0 2px 0;}
.public_img_1{ width:59px; height:29px; display:block;}


/*three-chnal*/

.three_chnal{ background:url(../images/three_chimg.jpg) no-repeat center; position:relative; width:100%; height:600px;}

.banner_three{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:600px;}

.banner_thlist{ position:relative; width:1200px; height:600px; margin:0 auto; overflow:hidden;}

.banner_thlist li{ float:left; position:relative; width:1200px; height:600px;}

.th_media{ width:504px; margin:0 auto; padding-top:145px;}

.th_medIcon{ width:80px; height:80px; margin:0 auto; cursor:pointer;}

.th_medCon{ padding-top:8px;}

.th_medImg{ width:230px; height:72px; margin:0 auto;}

.th_medGod{ color:#FFF; opacity:0.6; filter: alpha(opacity=60); font-size:14px; line-height:22px; padding-top:4px; text-align:center;}

.banner_thowd{ position:absolute; left:50%; bottom:25px; margin-left:-224px; z-index:30; background:url(../images/three_line.png) repeat-x; width:448px; height:63px;}

.banner_tho{ width:408px; height:63px; margin:0 auto;}

.banner_tho a{ display:inline-block; float:left; background:url(../images/three_chac.png) no-repeat bottom; width:86px; height:36px; margin:0 25px; cursor:pointer;}

.banner_tho a em{ display:block; color:#FFF; font-size:14px; font-style:normal; width:86px; height:23px; line-height:23px; text-align:center;}

.banner_tho a.on{ background:url(../images/three_chho.png) no-repeat bottom;}

.banner_tho a.on em{ background:url(../images/three_chpbd.png) no-repeat;}

.th_chpage{ position:absolute; top:250px; z-index:100; width:34px; height:64px; cursor:pointer;}

.three_pre{ background:url(../images/three_Lac.png) no-repeat; left:4%;}

.three_next{ background:url(../images/three_Rac.png) no-repeat; right:4%;}

.three_pre:hover{ background:url(../images/three_Lho.png) no-repeat;}

.three_next:hover{ background:url(../images/three_Rho.png) no-repeat;}

.th_medPo{ display:none; position:absolute; top:20px; left:50%; margin-left:-454px; z-index:50; width:908px; height:544px;}

.th_mdClose{ width:28px; height:28px; cursor:pointer;}

.job{ width:915px; height:330px; margin:0 auto; padding-top:128px;}

.job_list{ width:915px; height:330px;}

.job_Lbox{ float:left; background-color:#f3f3f3; width:285px; height:330px; margin:0 10px; display:inline; }

.job_img{ width:285px; height:150px;}

.job_Lshow{ padding:22px 27px 0 27px;}

.job_title a{ display:block; font-size:18px; width:231px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}

.job_en{ font-family:Arial; color:#cfcfcf; font-size:18px; margin-bottom:12px; margin-top:2px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}

.job_intro{ background:url(../images/th_jobline.jpg) no-repeat top center; color:#888; line-height:22px; height:66px; overflow:hidden; padding-top:18px; text-align:center;}

.job_Lbox:hover{ background-color:#009b4d; transition:all 0.4s ease 0.01s; -moz-transition:all 0.4s ease 0.01s; -webkit-transition:all 0.4s ease 0.01s;}

.job_Lbox:hover .job_title a{ color:#FFF;}

.job_Lbox:hover .job_en{ color:#b8e7cf;}

.job_Lbox:hover .job_intro{ background:url(../images/th_joblineho.jpg) no-repeat top center; color:#FFF;}



/*about*/

.about{ width:1200px;  overflow:hidden; background: url(../images/bg_16.png) top no-repeat;}







/* allbrand */

.allbrand .brand{width:1200px;height:280x;overflow:hidden;margin: 0 auto;}

.allbrand .brand a{display:inline;position:relative;float:left;width:140px;height:80px;line-height:80px;text-align:center;color:#fff;font-size:14px;margin:0 6px 6px 0;}

.allbrand .brand a img{position:absolute;left:10px;width:138px;height:78px;border:1px solid #e9e8e8;}

.allbrand .brand a b{display:none;position:absolute;top:36px;left:10px;width:138px;height:0;background:#444;border:1px solid #e9e8e8;cursor:pointer;overflow:hidden;}







/*cont*/

#warp_shBox6{ background:url(../images/cont_img.jpg) no-repeat center; width:100%; height:532px;}

#warp_shBox6 .pdd{ padding:84px 0 0 0;}

#warp_shBox6 .name a{ color:#FFF;}

.cont{ height:140px; padding-top:40px;}

.cont li{ float:left; width:300px; height:140px;}

.cont li a{ display:block; width:300px;}

.cont_icon{ display:block; width:115px; height:100px; margin:0 auto;}

.cont_name{ display:block; color:#919090; font-size:14px; width:300px; padding-top:16px; text-align:center;}

.cont_icon1{ background:url(../images/cont_ac1.png) no-repeat;}

.cont_icon2{ background:url(../images/cont_ac2.png) no-repeat;}

.cont_icon3{ background:url(../images/cont_ac3.png) no-repeat;}

.cont_icon4{ background:url(../images/cont_ac4.png) no-repeat;}

.cont li a:hover .cont_icon1{ background:url(../images/cont_ho1.png) no-repeat;}

.cont li a:hover .cont_icon2{ background:url(../images/cont_ho2.png) no-repeat;}

.cont li a:hover .cont_icon3{ background:url(../images/cont_ho3.png) no-repeat;}

.cont li a:hover .cont_icon4{ background:url(../images/cont_ho4.png) no-repeat;}

.cont li a:hover .cont_name{ color:#009b4d;}

.lefts{background-color:#87002e0a;border-bottom-left-radius:20px;border-right:1px solid #FFF;}
.rights{background-color:#fff;border-bottom-right-radius:20px;}
.lefts,.rights{
	width:599.5px;
	height:400px;
	float:left;background-color:#87002e0a;
}
#foot_name,#foot_phone,#submit{
	  margin-left:128px;
	  margin-top:40px;
}
#submit{
	color:#008776;
}
#submit:hover{
	color:#F8FF00;
	background-color:#008776;
}
.tits{
	width:100%;height:50px;
	background-color:#008776;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	padding-top:25px;
	font-size:25px;
	text-align:center;
	color:#FFF;
	border-bottom:1px solid #FFF;
}
.titles{
	color:#008776;
	height:45px;
	font-size:20px;
	padding-top:20px;
	text-align: center;
	font-weight:bolder;
	//background-color:#FFF;
	border-bottom:1px solid #FFF;
}
.dowebok red{color:red;}