﻿@charset "utf-8";
/* CSS Document */

/******************头部**********************/


.wd1250{width:1250px; margin:auto;}
.hsh-web{ width:1200px; margin:auto;}
.hsh-top{ height:137px;}
.hsh-head{background:#fff;background:rgba(255,255,255,.8); position: relative; top:0px; left:0px; width:100%;z-index:8; border-bottom:#FFA385 solid 2px}
.hsh-head h1{ float:left;}
/*--搜索---*/
.topino{ float:right;}

.index_menu{height:36px; padding-top:30px;float:right;}

.index_menu span{float:right; font-size:18px; color:#b2b2b2; margin-right:12px; height:30px; line-height:30px}


.head-text{float:right;line-height:36px; height:36px;color:#0060AD;font-size:22px;font-weight:bold;margin-right:40px;}
.head-text em{float:left;display:inline-block;height:36px; width:36px; background:url(../images/tel.png) no-repeat center;margin-right:3px;}
.head-lang{float:right;}
.head-lang a{display:inline-block; line-height:36px; padding-left:50px;margin:0 5px; background-position:left  center; background-repeat:no-repeat;}
.head-lang a.cn{background-image:url(../images/cn.jpg);}
.head-lang a.en{background-image:url(../images/en.jpg);}
.index_menu dl{float: right;}
.index_menu dl.head_dl{ float:right; background:url(../images/topIcon-02.png) no-repeat 92px 12px; margin-right:5px;}
.index_menu dl.head_dl a{ font-size:16px; color:#000000;padding:0 20px; border-left:1px solid #666666;}
.index_menu dl.head_dl a:hover{ color:#23ac38;}
.index_menu dl dd.wx{position:relative;}
.index_menu dl dd{float:left; text-align:center; margin:0 3px; cursor:pointer}
.index_menu dl dt{  float: right; width: 74px; height: 80px; margin-left: 2px; background: #0c4da2;}
.index_menu dl dt p{  width: 26px; margin: 0 auto;color: #fff; line-height: 14px; padding-top: 24px;}
.index_menu dl dt a{color: #fff; display:inline-block;width: 74px; height: 81px;}
.index_menu dl dt a:hover{background:#0060AD; color:#fff;}
.index_menu dl dd img{margin-right: 0px;display: block; width: 35px; height: 35px;}

.index_menu dl dd .yww_indexTopss em{display:block; height:84px;width:100%;}
.formdiv1{width:100%;padding:50px 0; background:#EDEDED;overflow:hidden;}
.formdiv2{width:1250px;margin:auto;}
.index_menu dl dd .yww_indexTopss{position: absolute;width:100%; right:0px;  top: 43px;  display:none;cursor:auto;  padding-top: 62px; z-index:99}
.index_menu dl dd .yww_indexTopss form{width:725px; margin:auto;}
.index_menu dl dd .yww_indexTopss input{width:650px; height:40px; padding-left:10px;margin-right:5px; border:1px solid #E5E5E5; background-color:#FFF;border-radius:3px;-webkit-border-radius:3px;}
.index_menu  #span{ width:50px; height:42px;background:#040102 url(../images/winco30.png) no-repeat center;border:none; float:left;transition}
.index_menu dl dd .yww_indexTopss input:focus{border:1px solid #040102}
.index_menu  #span:focus{border:1px solid #fff}

.index_menu  .xs em{ width:14px; height:9px; display:block;background:url(../images/winco29.png) no-repeat; top:15px;right:10px; position:absolute;}
.index_menu dl dd .indexEwm img{display:block; width:120px; height:120px; margin:0 auto;margin-top:18px;}
.indexEwm{width:122px; height:139px;  background:url(../images/indexEwmBg.png) no-repeat bottom; position:absolute; top:29px; left:-44px; z-index:99; display:none;}
.index_menu dl dd .wx_index{ width:122px; height:130px; display:none; position:absolute; top:36px; right:-42px; z-index:9999;  background:url(../images/indexEwmBg.png) no-repeat}
.index_menu dl dd .wx_index img{ width:120px; height:120px; margin:auto; margin-top:9px;}

/*--搜索---*/
/*.hsh-share{ float:right; overflow:hidden; padding-top:35px;}
.hsh-share a{ float:left; display:block; margin-left:5px;}*/

.hsh-share{ float:right; width: 197px; overflow:hidden; padding-top: 35px;}
.hsh-share a,.hsh-share div{ float:left; display:block; margin-left:5px;}
.hsh-share a span.jtico,.hsh-share div.jiathis_button_youtube span{ width: 27px;; float:left; margin: 0 auto; height:auto!important; padding: 0!important; cursor: pointer;}
.hsh-share img{ display: block;  display: block; width: 27px; height: 28px;}
.hsh-share a .jtico.jtico_twitter{ background: none;}
.hsh-share a .jtico.jtico_fb{ background: none;}
.hsh-share a .jtico.jtico_googleplus{ background: none;}
.hsh-share a .jtico.jtico_linkedin{ background: none;}
.hsh-share a.jtico_jiathis{ background: none; width: 27px; height:auto!important; padding: 0!important;}

.hsh-nav{ z-index: 990;position:relative;float:right;}
.hshNav{position:relative;}
.hshNav li{ float:left; }
.hshNav li h3 a{ display:block;  line-height:100px;height:100px;padding:0 25px; letter-spacing:1px;font-size:18px; color:#393C42; text-align:center;}
.hshNav li h3 a:hover,.hshNav li .cur1{ color:#fff;background:#0060AD;background:rgba(0,96,173,1);}

.subnav{ position: absolute; top:100px;left:80px;right:0;border-bottom: 1px solid #D9D9D9;background: url(../images/wbg1.jpg) repeat-x;overflow: hidden; display: none; z-index: 999;}
.subnav-cont{ padding:20px 30px;}
.subnav-list{ overflow: hidden;float:left;width:300px; margin-right:100px;}
.subnav-list a.suba{ display: block;  height: 26px;line-height: 26px;  border-bottom: 1px solid #ccc; padding:5px 15px; margin:0px 0px 5px;font-size: 15px; color: #666; overflow: hidden; background:url(../images/nav_libg.png) no-repeat left center; }
.subnav-list a.suba:hover{ color: #0060AD;}

.subnavpro{left:-200px;}
.subnav-list2{width:660px; margin-right:0px;}
.subnav-list2 a.suba{float:left;width:155px;margin-right:35px;}

.subnav .ad-box{ float: right; width:280px;overflow: hidden;}
.subnav .ad-box img{ display: block;  width: 100%; height: 100%;}
.subnav .ad-box .text{ font-size: 12px; color: #4c4c4c; line-height: 20px; padding-top: 15px;}



.hsh-search{ float:right; background:url(../images/hsh07.png) no-repeat; width:227px; height:35px; overflow:hidden; position:absolute; top:10px; right:20px;}
.hsh-searchIn{ float:left; display:block; height:35px; line-height:25px; padding:0 0 0 9px; width:182px; background:none; font-size:14px; color:#bfbfbf;}
.hsh-searchBt{ float:right; width:36px; height:35px; cursor:pointer;background:none;}


.headsearch{float:right;  border-radius:20px;padding-top:10px;}
.headsearch .searchIn{    float: left; width: 150px; height: 28px;padding-left: 20px; border-radius: 14px 0 0 14px;line-height: normal;font-size: 12px; color: #707070;background: #fff;}
.headsearch .searchBt{    float: left; width: 28px;  height: 28px; border-radius: 0 14px 14px 0;background: #fff url(../images/search.png) no-repeat  center;cursor:pointer;}


#head_div{ float:left; padding-top:15px; margin-left:30px;}
#head_div .top_div{ text-align:right}
#head_div .top_div a{ display:inline-block; margin-right:16px; font-size:16px;}
#head_div .top_div a:hover{ color:#0060AD}

#head_wx{ float:right; text-align:center; padding-top:10px; padding-right:5px}
#head_wx img{ margin:0; padding:0; float:left;}
#head_wx p{ font-size:16px; height:20px;}


/******************头部**********************/




/**************************** 底部 *******************************/

.footer{background:#0061B2 url(../images/footbg.jpg) no-repeat center top;height:338px;}
.foot_t{ clear:both;overflow:hidden;width:1200px;margin:auto;}
.foot_t{}
.foot_top{ height:auto; overflow:hidden; padding:22px 0 0px 0px;}
.foot_left{float:left;}
.foot_center{ float:right;padding:25px 25px; margin-right:30px;text-align:right;border-left:1px solid #2A97DC; border-right:1px solid #2A97DC;}
/* .foot_center h3:first-child{margin-bottom: 25px; } */
.foot_center h3{ line-height:46px; padding-left:55px; background:url(../images/winco26.png) no-repeat left center; color:#fff; text-align: left; font-size:20px}
.foot_center p a{ display:block;width:230px; background:url(../images/winco27.png) no-repeat left center; text-align:center; margin:auto;line-height:48px; font-size:20px; color:#0060AD; padding-left:25px;}
.foot_right{ float:right;  text-align: center; color:#fff; font-size:14px; margin-top:10px;}
.footer a{color:#fff;}
.footer a:hover{color:#9CD9FF}


.foot_top dl{ float:left;margin-right:45px;}
.foot_top dt{ margin-bottom:7px;padding-bottom:6px; border-bottom:1px solid #9CD9FF;}
.foot_top dt a{ color:#fff; font-size:18px;}
.foot_top dt a{ height:24px;}
.foot_top dd{ height:28px; line-height:28px;}
.foot_top dd a{ color:#efefef; font-size:14px; height:30px;}
.foot_top dd a:hover {color:#9CD9FF;}

.foot_top .menu_dl{ width:410px; padding-right:0px;}
.foot_top .menu_dl dd{ float:left; padding-right:10px; width:195px;}

.foot_d{border-top:1px solid #CACACA; line-height:30px;text-align:center;padding:10px 80px;color:#666;}
.foot_click{ color:#5f98d8; margin-right:-9px; display:inline;}
.foot_click a{ padding:0 9px;} 
.copyright,.foot_click a,.copyright a{ color:#666; opacity:0.8; filter: alpha(opacity=80);}
.foot_clzy span{ background:url(../Images/foot_clicon.png) no-repeat right; padding-right:16px;}


.hsh-footpp{line-height:30px;color:#fff;}
.dutybox{clear:both; overflow:hidden; margin:auto;padding:30px 0 0px; }
.footduty{padding-right:10px;line-height:30px;color:#fff;}
.footduty a:first-child{background:none;}
.footduty a{margin-right:5px;color:#fff;padding-right:10px;background:url(../images/top_navline.jpg) no-repeat left center;}
.footduty a:hover{color:#9CD9FF}
/**************************** 底部 *******************************/




/**************************** 内页主体 *********************************/
.mainbox{background:#f7f7f7;}
.innerweb{ width: 1140px;padding:20px 30px; background:#fff; margin:auto;top:-90px; position:relative; z-index:2; }

.banner img {display: block; position: absolute;left: 50%;margin-left: -960px;width: 1920px;}
.banner {width: 100%;padding-top:0px;position: relative;overflow: hidden; height:400px !important;z-index:1}
/*---标题---*/
.location {width:100%; padding:17px 0;}
.location .title{font-size:26px; color:#0060AD;font-weight:bold;}
.location .title span{ float:right; background:url(../images/titleimg.png) no-repeat left center; padding-left:25px; font-size:13px; color:#666;font-weight:normal;}
.location .title span a{ padding:0px 5px; color:#666;font-weight:normal;}
.location .title span a:hover{ color:#1a1a1a;}
.location .title span a.cur{ color:#1a1a1a;}
/*---标题---*/

.nav-title{text-align:center; position: relative; padding:20px 0 10px;}
.nav-title ul{text-align:center;border-bottom:1px solid #ddd;margin-bottom:20px;font-size:0;}
.nav-title ul li{display:inline-block;padding:0 10px 60px;margin-bottom:-15px; position:relative;}
.nav-title ul li{*display:inline; *zoom=1;}
.nav-title ul li:first-child{background:none;}
.nav-title ul li a{display:block;padding:0 20px; height:44px; line-height:44px;color:#000;border:1px solid #ddd; overflow:hidden; background:#ddd;font-size:15px;}
.nav-title ul li a.cur,.nav-title ul li a:hover{color:#fff; background:#0060AD;border-color: #0060AD;}
.nav-title ul li a.cur em{position:absolute; display:block; width:24px; height:55px; left:50%; margin-left:-12px; bottom:0; background:url(../images/nav.png) no-repeat center;}

.nav-title ul li.pro{padding:0 0 60px;}
.nav-title ul li.pro img{width:135px;max-height:47px;display:block;}
.nav-title ul li.pro a:hover img{transform:scale(1.03)}
.nav-title .nav-pro a{margin:0 15px;padding:0;height:auto;background:none; font-size:15px; color:#000;}
.nav-title .nav-pro a p{line-height:24px;}
.nav-title .nav-pro a.cur,.nav-title .nav-pro a:hover{color:#DA251D;background:none;}


/* 效果 */
.view form input,.view form textarea,.index_menu dl dd .yww_indexTopss input,.nav-title ul li.pro img{
-moz-transition: all 0.4s ease-in-out; 
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
.view form  input:focus,.view form #verification:focus,.formarea:focus{border:1px solid #0060AD}
/************************* 内页主体 结束 ******************************/



/*关于我们*/
.about{padding:20px 0;}
.about .abimg {margin-bottom:20px;float:left;width:420px;}
.about .abimg img{ width:100%; display:block;}
.about .cont{padding:30px 40px;position:relative;overflow:hidden;}
.about .cont h3{font-size:28px; color:#0060AD;border-bottom:1px solid #ddd;padding:15px 0; margin-bottom:5px;position:relative;}
.about .cont h3:after{display:block; content:""; width:35%; height:2px; background:#0060AD; position:absolute;bottom:-1px; left:0;}
.about .cont:before,.about .cont:after{display:block; content:""; width:33px; height:31px;position:absolute;}
.about .cont:before{background:url(../images/left-top.png) no-repeat center; left:0; top:0;}
.about .cont:after{background:url(../images/right-bottom.png) no-repeat center; right:0; bottom:0;}
.about .cont .text{text-align:left; text-align:justify;margin-top:10px;font-size:15px;color:#666;}

.centerthree{margin-top:60px;}
.centerthree ul li{width:33%; float:left;text-align:center;}
.centerthree ul li span{display:block; margin:auto; width:99px;}
.centerthree ul li h3{ width:240px;  margin:20px auto 5px;}
.centerthree ul li p{display:block; width:240px; margin:auto;}
.Coursebox{padding:60px 40px 100px;}
.Coursetop{background: url(../images/winco88.png) no-repeat; width:52px;height: 52px;position: relative; left:76px; display:block;}
.CourseBottom{background: url(../images/winco92.png) no-repeat; width:25px;height:25px;position: relative; left:88px; display:block;}
.Course{ padding:35px 0 25px;background:url(../images/winco89.png) 100px 0 repeat-y;}
.Course dl{ position:relative;margin-bottom:55px;}
.Course dl dt{width:109px; position:absolute;top:0;left:0; font-size:18px; font-weight:bold;color:#0060AD;top:50%;margin-top:-15px; background:url(../images/winco90.png) right center no-repeat;}
.Course dl dt span{ font-size:30px; display:inline-block; vertical-align:2px;}
.Course dl dd{ float:right;border:1px solid #D9D9D9;width:920px;min-height:100px;background:#fff; font-size:16px;color:#666; position:relative;}
.Course dl dd .arror{ position:absolute;top:50%;margin-top:-11px;width:15px;height:22px;left:-15px; display:block; background:url(../images/winco91.png) 0 0 no-repeat;}
.Course dl dd .Textcenter{padding:20px 30px; line-height:30px;}







.leftbtn{ width: 45px; position: fixed; right: 10px; top: 60%; z-index: 999; display: none;}
.leftbtn .ico{ width: 45px; height: 45px; margin-bottom: 5px; cursor: pointer; position: relative;}
.leftbtn .qq{ background: #0089E1 url(../images/cimg23.png) center no-repeat;}
.leftbtn .qq .cont{ background: #0089E1 url(../images/cimg23.png) 10px center no-repeat; padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 18px; width: 100px; position: absolute; top: 0; right: 0; z-index: 999;}
.leftbtn .wechat{ background: #0089E1 url(../images/cimg24.png) center no-repeat;}
.leftbtn .wechat .cont{ width: 153px; padding: 1px 16px 5px 1px; background: url(../images/cimg28.png) 0 0 no-repeat; position: absolute; left: -170px; top: -44px;}
.leftbtn .wechat .cont img{ display: block;  width: 153px; height: 153px;}
.leftbtn .wechat .cont span{ display: block; line-height: 20px; font-size: 12px; text-align: center; color: #1a1a1a;}
.leftbtn .tel{ background: #0089E1 url(../images/cimg25.png) center no-repeat;}
.leftbtn .tel .cont{ background: #0089E1 url(../images/cimg25.png) 10px center no-repeat; padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 18px; width: 180px; position: absolute; top: 0; right: 0; z-index: 999;}
.leftbtn .official-wechat{ background: #0089E1 url(../images/cimg26.png) center no-repeat;}
.leftbtn .official-wechat .cont{ width: 153px; padding: 1px 16px 5px 1px; background: url(../images/cimg28.png) 0 0 no-repeat; position: absolute; left: -170px; top: -44px;}
.leftbtn .official-wechat .cont img{ display: block;  width: 153px; height: 153px;}
.leftbtn .official-wechat .cont span{ display: block; line-height: 20px; font-size: 12px; text-align: center; color: #1a1a1a;}
.leftbtn .backtop{ background:#42B24A url(../images/returnTop.png) center no-repeat;}

.leftbtn .ico .cont{ display: none;}
/*.Exhibition{box-shadow: 0px 3px 5px rgba(0,0,0,.2);}*/










