@charset "utf-8";
/* CSS Document */

/******************头部**********************/


.wd1250{width:1250px; margin:auto;}
.hsh-web{ padding:10px 0;}
.hsh-top{ height:137px;}
.hsh-head{background:url(../webimages/topbg.jpg) left top repeat-x;width:1100px; margin:auto;}
.hsh-head h1{ float:left;margin-left:15px;}
/*--搜索---*/
.topino{ float:right;}

.index_menu{height:36px; padding-top:40px;float:right;margin-right:10px;}

.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:#00417B;font-size:22px;font-weight:bold;margin-right:40px;}
.head-text em{float:left;display:inline-block;height:36px; width:36px; background:url(../webimages/tel.png) no-repeat center;margin-right:3px;}
.head-lang{float:right;}
.head-lang a{display:inline-block; line-height:36px; padding-left:30px;margin:0 5px; background-position:left  center; background-repeat:no-repeat;}
.head-lang a.cn{background-image:url(../webimages/chinese.png);}
.head-lang a.en{background-image:url(../webimages/english.png);}
.index_menu dl{float: right;}
.index_menu dl.head_dl{ float:right; background:url(../webimages/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:#00417B; 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(../webimages/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(../webimages/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(../webimages/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(../webimages/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;background:#00417B;position:relative;width:1100px; margin:auto;}
.hshNav{ position:relative;}
.hshNav li{ float:left; padding-right:35px; padding-left:35px;}
.hshNav li h3 a{ display:block;  line-height:55px;height:55px; letter-spacing:0px;border-bottom:2px solid #00417B; font-size:20px; color:#fff; text-align:center;}
.hshNav li h3 a:hover,.hshNav li .cur1{ color:#B42930;border-bottom:2px solid #B42930;}

.subnav{ position: absolute; top:57px;margin-left:-25px;background:#00417B;background:rgba(0,65,123,.8);overflow: hidden; display: none; z-index: 999;}
.subnavpro{margin-left:0;padding:0 10px;left:0;}
.subnav-list{ overflow: hidden;}
.subnav-list a.suba,.subnav-list dl dt a{ display: block;  height: 26px;line-height: 26px;  border-bottom: 1px solid #002647; padding:5px 15px; margin:10px 15px;font-size: 17px; color: #fff; overflow: hidden; background:url(../webimages/nav_libg.png) no-repeat left center; }
.subnav-list dl{float:left;padding-bottom:15px;font-size:16px;}
.subnav-list dl dd a{display:block; margin:0px 20px; color:#fff;}
.subnav-list dl dt a:hover,.subnav-list dl dd a:hover{ color: #00AEEF;}
.subnav-list a.suba:hover{ color: #00AEEF;}


.headsearch{float:right;  border-radius:20px;padding-top:15px; padding-right:30px;}
.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(../webimages/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:#00417B}

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


/******************头部**********************/




/**************************** 底部 *******************************/

.hsh-foot{width:1100px; margin:auto; }
.hsh-footTop{ overflow:hidden; padding-bottom: 25px;padding-top:25px;}
.hsh-foot dl{ float:left; margin-right:70px; }
.hsh-foot dt a{ font-size:16px; color:#212121; font-weight:bold; display:block; margin-bottom:8px;}
.hsh-foot dd a{ line-height:26px; font-size:14px; color:#696767; display:block;}
.hsh-foot dd a:hover{ color:#00417B}
.hsh-foot .menu_dl{ width:270px; padding-right:0px;}
.hsh-foot .menu_dl dd a{ float:left; padding-right:5%; width:45%;}


.hsh-last{ overflow:hidden; float:right; width:125px; margin-top:40px; height:186px;}
.hsh-last dl{ float:none; margin:0; border-bottom:1px solid #999; padding-bottom:15px; margin-top:17px;}


.hsh-footEnd{border-top:1px solid #ddd;}
.hsh-footpp{ float:left;}

.hsh-footpp .Pleft{ line-height:40px; font-size:15px; color:#444444; }
.hsh-footpp .Pleft a{ color:#444444;}
.hsh-footpp .pright{font-size:15px; color:#444444; line-height:30px;}
.hsh-footpp .pright a{ color:#444444;}

.hsh-footpp .pbotton{ color:#666666;}
.hsh-footpp .pbotton a{ color:#666666;}

.footer_top{ width:100%; padding-top:5px; border-bottom:1px solid #CCCCCC;}
.foot_top{ width:1250px; margin:0 auto; padding:10px 0; overflow:hidden;}
.foot_top_l{ text-align:center;line-height:48px; font-size:20px; color:#00417B}
.foot_top_l span{display:inline-block; padding-left:45px; background:url(../webimages/tel.png) no-repeat left center;}
.foot_top_l em{ font-size:30px;}
.foot_top_r{ float:right; line-height:65px; color:#00417B; font-size:16px;}
.foot_top_r span{ float:left; margin-right:5px;}
.foot_top_r span img{-moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.foot_top_r span img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); transform: rotate(360deg);}

.foot_center{ float:left;margin-top:53px; height:119px; padding-top:20px; text-align:right; padding-left:45px; border-left:1px solid #ccc; margin-left:30px;}
.foot_left{ float:left; width:650px;}
.grid12-3	{ width:250px; margin-right:25px; display: inline;float: left;position:relative;padding-left:50px;margin-bottom:20px;}
.grid12-3 .icon{display:block;width:40px; height:40px;position:absolute;left:0; top:50%; margin-top:-17px; background-repeat:no-repeat; background-position:center top;
    -webkit-transition: transform 0.4s ease-out;
    -moz-transition: transform 0.4s ease-out;
    -o-transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}
.grid12-3:hover .icon{   
	-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
	background-position:center bottom;
	}
.grid12-3 .icon.fa-skype{background-image:url(../webimages/fa-skype.png);}
.grid12-3 .icon.fa-email{background-image:url(../webimages/fa-email.png);}
.grid12-3 .icon.fa-tel{background-image:url(../webimages/fa-tel.png);}
.grid12-3 .icon.fa-comments{background-image:url(../webimages/fa-comments.png);}
.grid12-3  h3{line-height:26px;}
.grid12-3  p{}


.foot_right{ float:right;width:420px; padding-left:15px; border-left:1px solid #ddd;}
.foot_right .fimg{float:left;width:120px;text-align:center;}
.foot_right img{ width:100%; height:auto;margin:0 auto;}
.foot_right  .text{float:right;width:270px;height:170px;padding-top:10px;background:url(../webimages/mapbg.jpg) no-repeat center top; text-align:center;}
.foot_right  .text a{display:inline-block;width:48px; height:48px;margin:0 3px;background-repeat:no-repeat;background-image:url(../webimages/foot-icon.png);
	-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;}
.foot_right  .text a:hover{background-image:url(../webimages/foot-iconh.png);}
.foot_right  .text a.ic-Facebook{background-position:0 0;}
.foot_right  .text a.ic-Twitter{background-position:-52px 0;}
.foot_right  .text a.ic-pinterest{background-position:-104px 0;}
.foot_right  .text a.ic-GooglePlus{background-position:-156px 0;}


.dutybox{overflow:hidden; margin:auto;padding:10px 0;}
.footduty{float:right;padding-right:10px;line-height:30px;}
.footduty a:first-child{background:none;}
.footduty a{margin-left:5px;padding-left:10px;background:url(../webimages/top_navline.jpg) no-repeat left center;}




/**************************** 底部 *******************************/




/**************************** 内页主体 *********************************/
.mainbox{width:1100px; margin:auto;}
.innerweb{ padding:20px 30px; background:#fff;  position:relative; z-index:2; }

.banner img {display: block; position: absolute;left: 50%;margin-left: -960px;width: 1920px;}
.banner {width: 1100px; margin:auto;position: relative;overflow: hidden; height:350px !important;z-index:1}
/*---标题---*/
.location {width:100%; padding:17px 0;}
.location .title{font-size:26px; color:#00417B;font-weight:bold;}
.location .title span{ float:right; background:url(../webimages/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;}
.nav-title ul li{display:inline-block;padding:0 10px 60px;margin-bottom:-15px; position:relative;}
.nav-title ul li:first-child{background:none;}
.nav-title ul li a{display:block; height:44px; padding:0 20px;line-height:44px;color:#000;border:1px solid #ddd; overflow:hidden; background:#ddd;font-size:17px;}
.nav-title ul li a.cur,.nav-title ul li a:hover{color:#fff; background:#00417B;border-color: #00417B;}
.nav-title ul li a.cur em{position:absolute; display:block; width:24px; height:55px; left:50%; margin-left:-12px; bottom:0; background:url(../webimages/nav.png) no-repeat center;}

.nav-title .nav-pro{text-align:left;margin-right:-25px;}
.nav-title .nav-pro a{margin-right:32px;border:1px solid #00417B;display:inline-block;padding:8px 12px;margin-bottom:15px; border-radius:30px; font-size:17px; color:#000; }
.nav-title .nav-pro a.cur,.nav-title .nav-pro a:hover{color:#B42930; background-position:left -10px;}

/* 效果 */
.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 #00417B}
/************************* 内页主体 结束 ******************************/



/*关于我们*/
.about{padding:20px 0;}
.about .abimg {margin-bottom:20px;float:left;width:370px;}
.about .abimg img{ width:100%; display:block;}
.about .cont{float:right;width:640px;text-align:center;}
.about .cont h3{padding:20px 30px;position:relative;display:inline-block;font-size:28px; color:#00417B;}
.about .cont h3:before,.about .cont h3:after{display:block; content:""; width:33px; height:31px;position:absolute;}
.about .cont h3:before{background:url(../webimages/left-top.png) no-repeat center; left:0; top:0;}
.about .cont h3:after{background:url(../webimages/right-bottom.png) no-repeat center; right:0; bottom:0;}
.about .cont .text{text-align:left; text-align:justify;margin-top:10px;}


.about_dl{ width:100%; overflow:hidden; background-color:#dbdbdb; margin-bottom:25px;}
.about_dl dt{ width:658px; float:left;}
.about_dl dt img{ width:100%; display:block;}
.about_dl dd{ float:right; width:440px; padding:120px 50px 30px 10px}
.about_dl dd h3{ line-height:40px; color:#00417B; font-size:26px;}
.about_dl dd h4{ color:#00417B; font-size:16px; line-height:22px; margin:5px 0;}
.ddwx_div{ margin-top:25px;}
.about .ddwx_div img{ float:left; width:100px; height:100px;}
.ddwx_div div{ float:left; margin-left:15px; padding-left:15px; border-left:1px solid #00417B; margin-top:17px;}
.ddwx_div p{ line-height:22px; color:#00417B;}







.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: #00417B url(../webimages/cimg23.png) center no-repeat;}
.leftbtn .qq .cont{ background: #00417B url(../webimages/cimg23.png) 10px center no-repeat; padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 18px; width: 250px; position: absolute; top: 0; right: 0; z-index: 999;}
.leftbtn .wechat{ background: #00417B url(../webimages/cimg24.png) center no-repeat;}
.leftbtn .wechat .cont{ width: 153px; padding: 1px 16px 5px 1px; background: url(../webimages/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: #00417B url(../webimages/cimg25.png) center no-repeat;}
.leftbtn .tel .cont{ background: #00417B url(../webimages/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: #00417B url(../webimages/cimg26.png) center no-repeat;}
.leftbtn .official-wechat .cont{ width: 153px; padding: 1px 16px 5px 1px; background: url(../webimages/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:#4d4d4d url(../webimages/returnTop.png) center no-repeat;}

.leftbtn .ico .cont{ display: none;}
/*.Exhibition{box-shadow: 0px 3px 5px rgba(0,0,0,.2);}*/