@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0; font:12px Arial,; color:#666; background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#666;}
a:hover{text-decoration:none; color:#1d4a9e;}
.clear { zoom: 1;clear:both; }
.clear:after { content: ''; display: block; clear: both; }
img{border:0}
.l{ float:left;}
.r{ float:right;}
.c1200{width:1200px; margin:0 auto;}
input,textarea,select{font-size:12px;}
input:focus,textarea:focus,select:focus{ outline:none;}


/* jubaobox */
.popup{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0);z-index: 998;display: none;}
.jubaobox{ width: 340px; box-sizing: border-box;position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);z-index:999;display: none; background-color: rgba(255, 255, 255, 1);  box-shadow: 0 10px 16px rgba(0,0,0,0.15); }
.jubaobox .title{ color: #333; font-size: 16px; background-color: #eee;  width: 100%; box-sizing: border-box; padding: 10px 40px 10px 20px; position: relative;}
.jubaobox .title p{ display: inline-block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; font-size: 24px; color: #000; border-radius: 50%; text-align: center;  }
.jubaobox .title p:hover{ color: #1d4a9e;}
.jubaobox .cont{ width: 100%; box-sizing: border-box; padding:20px 20px 40px; font-size: 16px; line-height: 30px; color: #000;}
.jubaobox .cont a,.jubaobox .cont span{ color: #1d4a9e; display: inline-block; margin: 0 3px; font-weight: bold;}


/* HeaderTop */
.HeaderTop {width:100%; height:38px; padding:0; margin:0; background:#1c4696; min-width:1200px; font-size: 12px;}
.HeaderTop .top_c {width:1200px; margin:0 auto; }
.HeaderTop .top_c_left {float:left; line-height:38px; color:#cbdae8;}
.HeaderTop .top_c_right {float:right; line-height:38px; color:#cbdae8; }
.HeaderTop .top_c_right .tel{ float: right; }
.HeaderTop .top_c_right .tel span{ display: inline-block; margin: 0 15px;}
.HeaderTop .top_c_right a{color:#cbdae8;}
.HeaderTop .top_c_right a:hover{color:#fff;}
.HeaderTop .Language{ float: right;}
.HeaderTop .LanguageC{ background:url(../images/icon_language.png) no-repeat right center; padding-right: 15px;}
.HeaderTop .LanguageSubnav{padding:0; position:absolute; top:38px; z-index:9999999; display:none; background:#fff; width:85px; padding:0; border-bottom:solid 2px #1456a0; border-left: solid 1px #eee; border-right: solid 1px #eee;}
.HeaderTop .LanguageSubnav li{width:100%; float:left; margin:0;}
.HeaderTop .LanguageSubnav a{ display:block; height:28px; line-height:28px; text-align:center; font-size:12px;  margin:0; width:85px; color:#666;}
.HeaderTop .LanguageSubnav a:hover{color: #fff; background:#1c4696;}

/* header */
.header{ width:100%; padding:0; margin:0; min-width:1200px; height:138px; background:#fff; box-shadow: 0 5px 8px rgba(0,0,0,0.1);  position:relative; z-index:99; }
.header .logo{ width:200px; height:65px; margin:15px 0;}
.header .logo img{ max-height:65px;}
.header .nav{width:750px; height:100px; margin:0 auto;}
.header .nav li{float:left; margin-left: 60px; }
.header .nav li a{display:block;height:96px;font-size:16px; color:#333; line-height:96px; position:relative; overflow:hidden;border-top:4px solid #fff; }
.header .nav li a:hover,.header .nav li a.current{color:#26499d;border-top:4px solid #26499d;}
.header .nav li.select a{color:#1d4a9e;  border-top:4px solid #1d4a9e;}
.header .nav li .box{width:100%; position:absolute; top:138px; left:0; padding:0; background:rgba(255,255,255,0.8); display:none; }
.header .nav li .box .boxNavC{width:1250px; margin:0 auto; padding: 15px 0;}
.header .nav li .box .boxNav{ width:175px; height:160px; margin:15px ; text-align:center; float:left;}
.header .nav li .box .boxNav a{ display:block; border:0; height:auto; width: 100%; line-height:40px; padding:0; color:#333; font-size:14px;}
.header .nav li .box .boxNav a:hover{text-decoration: underline;}
/* banner */
.couresnav{height:560px; width:100%; margin:0 auto; min-width:1200px; position:relative;}
.couresnav .prev,.couresnav .next{display:block; width:50px; height:50px; position:absolute; z-index:222; top:50%; margin-top:-25px; overflow:hidden; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=5); background:url(../images/iconArrow.png) 0 0 no-repeat; }
.couresnav .prev{left:5%; background-position: 0px 0px;}
.couresnav .next{right:5%; background-position: -50px 0px;}
.couresnav .prev:hover,.couresnav .next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1; -moz-opacity:1; filter:alpha(opacity=100); background:url(../images/iconArrow.png) 0 0 no-repeat;  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.couresnav .prev:hover{background-position: 0px 0px;}
.couresnav .next:hover{background-position: -50px 0px;}
.couresnav .item{display:block; width:100%; height:5px; position:absolute; z-index:124; bottom:30px; left:0; text-align:center;}
.couresnav .item a{display:inline-block; width:12px; height:12px; background:#fff; margin:0 6px; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); border-radius:7px; overflow:hidden; -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;}
.couresnav .item a.cur{background:#26499d; width:36px; opacity:1; filter:alpha(opacity=100);}
.couresbox,.slide{display:block; width:100%; height:100%; overflow:hidden;}
.couresbox{position:relative;}
.slide{height:100%; width:100%; position:relative;  z-index:8; text-align:center}
.banner{position:absolute; z-index:9; top:0; left:0; width:100%; text-align:center;}
.banAnimate .banner{display:block;animation-name:banner;-webkit-animation:banner 20s linear 0s normal none;-moz-animation:banner 20s linear 0s normal none;animation:banner 20s linear 0s normal none;}
@-webkit-keyframes banner{0%{opacity: 1; }40%{opacity: 1; -webkit-transform: scale(1.1);}100%{opacity: 1; -webkit-transform: scale(1.1);}}
@-moz-keyframes banner{0%{opacity: 1;}40%{opacity: 1; -moz-transform: scale(1.1);}100%{opacity: 1; -moz-transform: scale(1.1);}}
@-o-keyframes banner{0%{opacity: 1;}40%{opacity: 1; -o-transform: scale(1.1);}100%{opacity: 1; -o-transform: scale(1.1);}}
@-ms-keyframes banner{0%{opacity: 1;}40%{opacity: 1; -ms-transform: scale(1.1);}100%{opacity: 1; -ms-transform: scale(1.1);}}
@keyframes banner{0%{opacity: 1;}40%{opacity: 1; transform: scale(1.1);}100%{opacity: 1; transform: scale(1.1);}}

#container .content {min-width: 1200px; width: 1200px; margin: 0 auto;}
#container .content .indexNewsList {width: 100%; margin:55px 0; min-height: 347px;}
#container .content .indexNewsList:after { content: '.'; display: block; clear: both; line-height: 0; height: 0; visibility: hidden;}
#container .content .indexNewsList .newsLeft { width:570px; height:340px; float: left;}
#container .content .indexNewsList .newsLeft img{width:570px;height:340px;}
#container .content .indexNewsList .newsLeft a { display:block;overflow:hidden;}
#container .content .indexNewsList .newsRight { width: 550px; float:right; }
#container .content .indexNewsList .newsRight .tabNav { overflow: hidden; height: 41px !important;}
#container .content .indexNewsList .newsRight .tabNav li {cursor: pointer; float: left;display: inline-block; margin:0px 30px 16px 0;color: #333333;font-size:16px;width:65px;}
#container .content .indexNewsList .newsRight .tabNav .tabActive{color:#1d4a9e;}
#container .content .indexNewsList .newsRight .border-b {height:2px;width:65px;background:#1d4a9e;position: relative;left: 0px;margin-top: -2px;transition: left 0.5s ease;}
#container .content .indexNewsList .newsRight .active1 { left: 0;}
#container .content .indexNewsList .newsRight .active2 { left:95px;}
#container .content .indexNewsList .newsRight .active3 { left:190px;}
#container .content .indexNewsList .newsRight .tabCon { margin-top: 20px;}
#container .content .indexNewsList .newsRight .tabCon .newList li {line-height:38px;}
#container .content .indexNewsList .newsRight .tabCon .newList .new_top{padding:10px 0 20px;}
#container .content .indexNewsList .newsRight .tabCon .newList .new_top span{display:block;float:left;padding:6px 0;font-family:'arial';background:#e6ebf4;color:#999;font-size:18px;text-align:center;width:90px;}
#container .content .indexNewsList .newsRight .tabCon .newList .new_top span b{display:block;font-size:42px;font-weight:normal;}
#container .content .indexNewsList .newsRight .tabCon .newList .new_top h4{padding-left:110px;color:#000;font-size:20px;}
#container .content .indexNewsList .newsRight .tabCon .newList .new_top p{padding-left:110px;line-height:26px;color:#999;font-size:14px;}
#container .content .indexNewsList .newsRight .tabCon .newList li a {color:#333;display: block;width:100%;height:100%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
#container .content .indexNewsList .newsRight .tabCon .newList li a:hover{ color: #1d4a9e;}
#container .content .indexNewsList .newsRight .tabCon .newList li em{font-style:normal;color:#999;font-size:14px;padding-right:20px;}
#container .content .indexNewsList .newsRight .tabCon .newList .new_top:hover h4{color:#1d4a9e}

#container .gWrap{position:relative;height:170px;background: #eeeff0;overflow: hidden;width: 100%;min-width: 1200px;margin: 0 auto;}
#container .gWrap .wrp {width:1200px;margin:0 auto;height: 100%;position: relative;overflow: hidden; z-index: 2;}
#container .gWrap .wrp .aImg{display:block;position:absolute;top:0;transition:left 0.2s;-webkit-transition:left 0.2s;-moz-transition:left 0.2s;-o-transition:left 0.2s;cursor:pointer;}
#container .gWrap .wrp .aImg img{display: block;margin: 0;padding: 0;height:170px; width: 500px;}
#container .gWrap .wrp .img1 {z-index:1;}
#container .gWrap .wrp .img2 {z-index:2;}
#container .gWrap .wrp .img3 {z-index:3;}
#container .state0 .img1 {left:0;}
#container .state0 .img2 {left:400px;}
#container .state0 .img3 {left:800px;}
#container .state1 .img1 {left:0;}
#container .state1 .img2 {left:500px;}
#container .state1 .img3 {left:850px;}
#container .state2 .img1 {left:0;}
#container .state2 .img2 {left:300px;}
#container .state2 .img3 {left:800px;}
#container .state3 .img1 {left:0;}
#container .state3 .img2 {left:350px;}
#container .state3 .img3 {left:700px;}
#container .gWrap .ProMore{ position: absolute; width: 1200px; height: 170px; top: 0; left: 50%; margin-left: -600px; z-index: 1;}
#container .gWrap .ProMore a{ display: block; color: #fff; line-height: 20px; height: 120px; padding: 25px 0; position: absolute; text-align: center; right: -100px; top: 0; width: 100px; background-color: #1d4a9e;}
#container .gWrap .ProMore:hover{ background-color: #1d4a9e; border-color: #1d4a9e;}
#container .gWrap .ProMore:hover a{ color: #fff;}
#container #ProList{background: #eeeff0; padding: 0 0  30px 0; margin:-155px auto 0;}
#container #ProList ul{ width: 1224px; margin: 0 -12px;}
#container #ProList ul li{ float: left; width: 384px; margin:0 12px 20px 12px; text-align: center;}
#container #ProList ul li img{ width: 100%;}
#container #ProList ul li p{ font-size: 16px; color: #333;  margin-top: 5px; line-height: 20px;}

#footer { width: 100%;position: relative;padding-bottom:20px;}
#footer .foot { width: 100%; margin: 0 auto; padding: 40px 0; position: relative; border-bottom: solid 1px #eee;}
#footer .foot .left{ width: 500px; font-size: 14px; color: #333; line-height: 30px;}
#footer .foot .left img{ margin-bottom: 20px;}
#footer .foot .right{ width: 450px; margin-top: 10px;}
#footer .foot .right dl{ float: left; width: 110px; margin-left: 40px;}
#footer .foot .right dl dt{ width: 110px; height: 110px; }
#footer .foot .right dl dt img{ width: 110px; height: 110px;}
#footer .foot .right dl dd{ width: 100%; text-align: center; font-size: 14px; color: #333; margin-top: 10px;}


#footer .copyright {width: 1200px; margin:20px auto 0; position: relative;}
#footer .copyright,#footer .copyright a,#footer .links,#footer .links a{color:#999999;font-size:12px;line-height:26px;}
#footer .copyright a:hover{ color: #1d4a9e; text-decoration: underline;}
#footer .links a{font-size:12px;display:inline-block;margin:0 ;}
#footer .links span{ margin: 0 7px; }
#footer .links span:last-child{ display: none;}
#footer .links a:hover{ color: #1d4a9e; text-decoration: underline;}

#container .topImg {width:100%; min-width: 1200px; height: 140px; padding-top: 70px;  margin: 0 auto; position: relative; }
#container .topImg img{width:100%; height:100%;display: block; position: relative;}
#container .topImg .name{ width: 100%; font-size: 40px; font-weight: bold; color: #1d4a9e; text-transform: uppercase; }
#container .topImg .slogan{ font-size: 18px; color: #333; margin-top: 5px; }


#container .lonav{height:66px;}
#container .lonav .g-wrap {width:1200px; height: 100%;margin: 0 auto;}
#container .lonav .g-wrap .navLeft {float:left;padding-left:12px; height: 100%;background: url("../images/home_ico.png") no-repeat 0 ;}

#container .lonav .g-wrap .navLeft a{float:left;padding:0 10px;font-size:14px;line-height:66px; text-align: center; height: 100%; cursor: pointer; color: #333;}
#container .lonav .g-wrap .navRight {height: 100%; float: right;}
#container .lonav .g-wrap .navRight:before,#contianer .nav .g-wrap .navRight:after {content: " ";display: table;}
#container .lonav .g-wrap .navRight:after {clear: both;}
#container .lonav .g-wrap .navLeft a{background: url("../images/crm-arr-icon.png") no-repeat 0}
#container .lonav .g-wrap .navLeft a:first-child{ background: url() ;}
#container .lonav .g-wrap .navLeft a:hover{ color: #1d4a9e;text-decoration: underline;}
#container .lonav .g-wrap .navRight li{float:left;line-height:66px;height:100%;padding:0 12px;}
#container .lonav .g-wrap .navRight li a{display:inline-block;height:100%;position:relative;font-size:14px;cursor:pointer;color:#666;}
#container .lonav .g-wrap .navRight .last{padding-right:0;}
#container .lonav .g-wrap .navRight .active a span,#container .lonav .g-wrap .navRight li:hover a span{width:100%;}
#container .lonav .g-wrap .navRight .active a,#container .lonav .g-wrap .navRight li:hover a{color:#1d4a9e;}
#container .lonav .g-wrap .navRight span {position: absolute;left:0;bottom:0;width:0;height:2px;background-color:#1d4a9e;border-radius:4px;-webkit-transition:width 300ms; transition: width 300ms;}
#container .line1 {width: 100%;min-width:1200px;height:0;border-top:1px solid #eeeff0;margin:0 auto;}
#container .line2 {width: 100%;min-width:1200px;height:0;border-top:3px solid #eeeff0;margin:0 auto;}

#container .n_mainbody{padding:40px 0 60px;}
#container .n_mainbody .con-left{width:300px;}
#container .n_mainbody .con-right{width:840px;color:#666666;line-height:40px;font-size:14px;}
#container .n_mainbody .con-right img{ max-width: 100%;}
#container .n_mainbody .con-left h1{padding-bottom:20px; text-transform: uppercase; word-wrap:break-word; font-family:arial;font-size:50px;color:#e8e8e8;line-height:56px;}
#container .n_mainbody .con-left h3{font-size:16px;color:#333333;line-height:30px;padding-bottom:10px;}
#container .n_mainbody .con-left h4{padding:10px 0 30px;font-weight:normal;color:#999;font-size:24px;}
#container .n_mainbody .con-left h1 em{position:relative;display:inline-block;width:52px;height:4px;}
#container .n_mainbody .con-left h1 em:after{position:absolute;left:14px;top:-12px;content:'';background:#e8e8e8;display:table;width:30px;height:4px;}
/*大事记start*/
.history .about_txt{padding:26px 0 20px;}
.event_box{width:820px;margin:4% auto 0;position:relative;min-height:420px;background:url(../images/map.png) no-repeat;}
.event_box .parHd {width:100%;display:inline-block;height:100px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;height: 100px;}
.parHd .tempWrap{margin:0 auto; height: 100px;}
.parHd .tempWrap:after{content:'';width:80%;height:3px;background:#999;position:absolute;right:10%;bottom:15px;z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;font-size:28px;color:#999;margin:0 68px;position:relative;}
.parHd li:after{content:'';background:url(../images/cat.png) no-repeat;width:28px;height:28px;position:absolute;z-index:20;top:72px;left:50%;margin-left:-12px;}

div#listBox{width:100%;}
.sPrev,.sNext{width:42px;height:42px;display:block;position:absolute;top:70px;}
.sPrev{left:20px;}
.sNext{right:10px;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act{color:#dc3e3d}
.parHd li.act span{display:block;width:28px;height:28px;overflow:hidden;background:url(../images/dot_ico.png) no-repeat;position:absolute;top:72px;left:38%;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	
.history .about_txt{text-align:center;color:#333;}
.history .slideBox img{width:320px;float: left;}
.parBd{margin:60px auto 0;width:560px;}
.parBd h4{position:relative;font-size:16px;margin-bottom:3%;padding-left:30px;display:inline-block;text-align:center;}

.con-left{width:300px;}
.con-right{width:840px;}
/* .news-title{width:100%;height:168px;position:relative;}
.news-title .news-title-img{width:280px;height:168px;float:left;overflow:hidden;}
.news-title .news-title-img img{width:100%;}
.news-title .news-title-con{width:520px;height:168px;padding-left:30px;float:left;}
.news-title .news-title-con h3{font-size:18px;color:#1d4a9e;}
.news-title .news-title-con h4{    margin-top: -5px;font-size:30px;font-weight:normal;color:#999999;}
.news-title .news-title-con p{font-size: 14px;color:#666;line-height:24px;}
.news-title a{z-index:2;position:absolute;}
.news-title span{width:0;height:168px;position:absolute;left:0;top:0;z-index:0;background:-webkit-gradient(linear,120% 0%, 0% 100%, from(#f8f6f6), to(#f3f3f3), color-stop(1.2,#f6f6f6));-webkit-transition:all .3s;-moz-transition:all .3s;-transition:all .3s;}
.news-title:hover span{width:840px;} */
.news-list{width:840px;padding-bottom:20px;}
.news-list li{ float: left; width:100%;height:168px;position:relative; margin-bottom: 30px;}
.news-list li .news-title-img{width:280px;height:168px;float:left;overflow:hidden;}
.news-list li .news-title-img img{width:100%;}
.news-list li .news-title-con{width:520px;height:168px;padding-left:30px;float:left;}
.news-list li .news-title-con h3{font-size:18px;color:#1d4a9e;}
.news-list li .news-title-con h4{    margin-top: -5px;font-size:20px;font-weight:normal;color:#999999;}
.news-list li .news-title-con p{font-size: 14px;color:#666;line-height:24px;}
.news-list li a{z-index:2;position:absolute;}
.news-list li span{width:0;height:168px;position:absolute;left:0;top:0;z-index:0;background:-webkit-gradient(linear,120% 0%, 0% 100%, from(#f8f6f6), to(#f3f3f3), color-stop(1.2,#f6f6f6));-webkit-transition:all .3s;-moz-transition:all .3s;-transition:all .3s;}
.news-list li:hover span{width:840px;}

/* .news-list li{width:840px;height:135px; position:relative;border-bottom:2px #f4f4f4 solid}
.news-list li a{width:760px;height:115px;padding:20px 20px 0px 20px;z-index:10;position:absolute;left:0;top:0;}
.news-list li span{width:0;height:140px;position:absolute;left:0;top:0;z-index:8;background:-webkit-gradient(linear,120% 0%, 0% 100%, from(#f8f6f6), to(#f3f3f3), color-stop(1.2,#f6f6f6));-webkit-transition:all .3s;-moz-transition:all .3s;-transition:all .3s;}
.news-list li h3{font-size:16px;color:#666666;padding-right:12px;}
.news-list li h4{height:105px;width:135px; font-size:22px;color:#999999;float:left;font-weight:500;}
.news-list li p{font-size:14px;color:#999999;line-height:24px;}
.news-list li:hover span{width:840px;}
.news-list li:hover h3{color:#1d4a9e} */
.pages{ margin:30px 0 0;font-size:12px;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #eee; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#1d4a9e;  border:1px solid #1d4a9e; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:32px; line-height:32px; background:#1d4a9e; color:#fff; text-align:center; padding:0 14px; margin:0 2px;}
.pages1{ margin:30px 0 0;}

.contact_con{padding:20px 0;line-height:40px;font-size:16px;}
.contact_con h4{padding-bottom:20px;font-size:30px;color:#333;}
.contact-map { width: 100%; height: 500px; margin-top: 40px;}
.contact-map iframe{ width: 100%; height: 500px;}
.contact-inbg{width:836px;height:306px;}
.contact-inbg .contact-txts{background:#1d4a9e;color:#fff;width:400px;padding:25px 45px;}
.contact-inbg .contact-txts h5{font-size:30px;font-weight:normal;padding-bottom:15px;}
.contact-inbg .contact-txts p,.contact-inbg .contact-txts a{line-height:40px;color:#fff;}
.contact-inbg .contact-txts p{font-size:30px;}
.contact-inbg .contact-txts a{font-size:14px;}
.gzwm{padding-top:36px;text-align:right;}
.gzwm span{padding-right:15px;background:url(../images/gz.png) no-repeat;display:inline-block;width:80px;height:56px;}
.pro_list ul{margin-left:-30px;}
.pro_list li{position: relative;float:left;text-align:center;width:33.333%;padding:0 25px;box-sizing:border-box;margin-bottom:20px;margin-top:10px;}
.pro_list li img{max-width:100%;padding:3px;background:#f5f5f5;}
.pro_list li h3{padding:15px 5px 5px;color:#333;font-weight:normal;}
.pro_list li p.subtitle{color:#999}
.pro_list li:hover img{background:#1d4a9e}
.ProNav{ width:1200px; margin:0px auto 50px;}
.ProNav {text-align:center;}
.ProNav li {display:inline-block;*display:inline;zoom:1; border-radius:5px; border:solid 1px #aaa; margin:6px;overflow:hidden;}
.ProNav li a{ color:#333;display:block;  padding:12px 20px;}
.ProNav li.on,.ProNav li:hover {background:#1d4a9e; border-color:#1d4a9e;}
.ProNav li.on a,.ProNav li:hover a{ color:#fff;}

.pageNav{ width: 1200px; margin: 50px auto 0; position: relative;}
.pageNav ul{ width: 100%; text-align: center;}
.pageNav ul li{ display: inline-block; margin: 10px;}
.pageNav ul li a{display: block; padding: 10px 20px; font-size: 14px; color: #333; border: solid 1px #ddd;}
.pageNav ul li.active a,.pageNav ul li:hover a{ background-color: #1d4a9e; color: #fff; border-color: #1d4a9e;}


.pageProduct{}
.pageProduct .proleft{ width: 300px; border-top: solid 4px #1d4a9e; }
.proleft ul.prosdcNav { width:270px; background:#fff; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.02); -moz-box-shadow:0 0 20px rgba(0,0,0,0.02); box-shadow:0 0 20px rgba(0,0,0,0.02); padding:0 15px 15px;}
ul.prosdcNav li{ float:left; width:270px; font-size:16px; overflow:hidden;}
ul.prosdcNav li h3{ height: 50px; border-bottom: dotted 1px #ccc;}
ul.prosdcNav li h3 p{ display: block; font-size: 16px; font-weight: normal; display:block; color:#333; line-height:50px; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; border-bottom-color:#1d4a9e; font-weight:bold;}
ul.prosdcNav li:hover{border-bottom-color:#1d4a9e;-moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
ul.prosdcNav li:hover h3{  border-bottom-color:#1d4a9e; }
ul.prosdcNav li:hover h3 a p{ color:#1d4a9e;}
ul.prosdcNav li.on{border-bottom-color:#1d4a9e;}
ul.prosdcNav li.on h3{ border-bottom-color:#1d4a9e; }
ul.prosdcNav li.on h3 a p{ color: #1d4a9e;}
ul.prosdcNav dl{ float: left; width: 100%; padding: 10px 0 10px; }
ul.prosdcNav dl dd{ float: left; margin: 3px 1px 3px 0;  font-size: 14px; }
ul.prosdcNav dl dd a{ display: block; padding: 0 10px; font-size: 14px; line-height: 28px; height: 28px;}
ul.prosdcNav dl dd:hover,.prosdcNav dl dd.on{ border-color: #1d4a9e; background-color: #1d4a9e;}
ul.prosdcNav dl dd:hover a,.prosdcNav dl dd.on a{ color: #fff;}
.ProductList{ width: 900px;}
.ProductList li{width: 270px; background-color: #fff; height: 340px; margin: 0 0 30px 30px; float: left; }
.ProductList li .img{ width: 270px; height: 270px; overflow: hidden; transition: all 0.8s ease;}
.ProductList li .img img{width: 250px; height: 250px; margin: 10px; transition: all 0.8s ease; }
.ProductList li .cont{ width: 230px; height: 50px; padding: 10px 20px; position: relative; background-color: #ececec; transition: all 0.8s ease;}
.ProductList li .cont .title{ line-height: 25px; color: #333; font-size: 16px;}
.ProductList li .cont .more{ font-size: 14px; line-height: 25px; color: #999;  font-family: 'bw'; }
.ProductList li .cont .more i{ float: left; width: 18px; margin: 11px 0 11px 10px; height: 8px; background: url(../images/proIcon.png) no-repeat;  transform: translateX(0); transition: all 0.8s ease;}
.ProductList li .cont .more span{ float: left;}
.ProductList li:hover{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1); -moz-box-shadow:0 0 20px rgba(0,0,0,0.1); box-shadow:0 0 20px rgba(0,0,0,0.1);}
.ProductList li:hover .cont .more i{transform: translateX(120px); opacity:1; background-position:0 -8px;}
.ProductList li:hover .img{ height: 250px;}
.ProductList li:hover .img img{transform:scale(1.1)}
.ProductList li:hover .cont{  padding: 20px 20px; background-color: #1d4a9e; }
.ProductList li:hover .cont .title,.ProductList li:hover .cont .more{ color: #fff;}
.ProductListD{ width: 810px; padding: 30px ; background-color: #fff; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.02); -moz-box-shadow:0 0 20px rgba(0,0,0,0.02); box-shadow:0 0 20px rgba(0,0,0,0.02);}
/*产品放大*/
.bigpro_box{ width: 100%; height: 400px; position: relative;}
.pro_l{position:relative; width: 380px; height: 380px; border: solid 1px #eee; }
#showbox {z-index:1;}
#showbox span {background:rgba(243, 245, 249, 0.2);}
#showsum {left:25px; margin-top:10px;}
#showsum span{width:104px !important;height:104px !important; border: solid 1px #eee; cursor: pointer;}
#showsum span.sel{width:100px !important;height:100px !important; border: solid 3px #1d4a9e;}
#showsum span.sel img{ }
.showpage {width:400px;position:relative;}
.showpage a{display:block;width:17px;height:30px;line-height:30px; position:absolute; left:0; top:-70px;background: url(../images/jt_ico.png) no-repeat;}
.showpage a#shownext{left:auto;right:0;}
.showpage #showlast{background-position:0 0;}
.showpage #shownext{background-position:-17px 0;}
.pror_r{width:400px; height: 380px; overflow: hidden; position: relative;}
.pror_r .pro_info{padding:10px 0 4px;height:250px; overflow: auto;}
.pror_r .pro_info .info_tit{font-size:26px;position:relative; line-height:38px;display:Inline-block; color: #1d4a9e;}
.pror_r .pro_info .info_sum{width:100%;padding:10px 0;color:#666;line-height:28px;font-size:14px; border-bottom: 1px solid #eee;}
.pror_r .pro_info .info_sum img{ max-width: 100%;}
.pro_detail{line-height:28px;color:#333333;padding-top:20px}
.pro_detail .pro_detail_tit{font-size:20px;width:90px;text-align:center;margin-bottom:20px;}
.pro_detail .pro_detail_tit span{margin-top:4px;display:block;height:4px;width:90px;background:#1d4a9e;}
.pro_detail .pro_detail_con{ width: 100%; font-size: 14px; line-height: 28px;padding-bottom:20px;}
.pro_detail .pro_detail_con img{ max-width: 100%;}
.pro_info .info_cont p{font-size:14px;border-bottom: 1px dotted #ddd;padding: 10px 0 10px 10px;}
.pro_info .info_cont p span{font-weight: bold;}

.pageProRecommend{border-top: solid 4px #1d4a9e;padding-bottom:20px;margin-top:20px;width:300px;webkit-box-shadow: 0 0 20px rgba(0,0,0,0.02);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.02);box-shadow: 0 0 20px rgba(0,0,0,0.02);}
.pageProRecommend .title{ line-height:40px;font-size:16px; padding-left:15px;font-weight:bold;color:#333;padding-top:10px;}
.pageProRecommend ul{ margin:20px;}
.pageProRecommend li{ width:260px; border-bottom:1px solid #eee;}
.pageProRecommend li img{ width:260px; height:260px;}
.pageProRecommend li .title{ font-size:14px; color:#aaa; line-height:24px; text-align:left; background:none; padding:10px 0; }
.pageProRecommend li .title span{ font-size:16px; color:#1d4a9e; font-weight:bold; display:block}

/* pageHonor */
.pageHonor {   margin: 0 auto; }
.pageHonor ul { width: 870px; margin: 0 -15px; }
.pageHonor ul li { width: 403px; height: 328px; float: left; border: 1px solid #ececec; margin: 15px 15px ; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
.pageHonor ul li:hover { -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 20px; -moz-box-shadow: rgba(0,0,0,0.1) 0 0 20px; box-shadow: rgba(0,0,0,0.1) 0 0 20px; }
.pageHonor ul li img { display: block; width: 370px; height: 240px; margin: 18px auto;  }
.pageHonor ul li span { display: block; padding: 0 15px;  line-height: 58px; font-size: 16px; color: #333; text-align: center; overflow: hidden; }
#boxer{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#boxer-overlay{background:#000; height:100%; left:0; position: fixed; top:0; width:100%; z-index: 99999;}
#boxer{background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding:10px; position: absolute; z-index: 99999;}
#boxer .boxer-close{background:rgba(0, 0, 0, 0.67) url(../images/iconImg.png) no-repeat 0 0px; cursor:pointer; display:block; height:50px; position:fixed; right:10px; top:10px; width:50px;text-indent:-99999px; z-index:106;}
#boxer .boxer-close:hover{ background:#1d4a9e url(../images/iconImg.png) no-repeat 0px 0px;}
#boxer .boxer-arrow{background:rgba(0, 0, 0, 0.67) url(../images/iconImg.png) no-repeat 0 -50px; cursor:pointer; display:block; height:50px; margin:0 auto; position: absolute; text-indent:-99999px; top:50px; width:50px;}
#boxer .boxer-arrow.previous{left:0px;}
#boxer .boxer-arrow.previous:hover{background:#1d4a9e url(../images/iconImg.png) no-repeat 0 -50px; left:0px;}
#boxer .boxer-arrow.next{background-position:-50px -50px; right:0px;}
#boxer .boxer-arrow.next:hover{background:#1d4a9e url(../images/iconImg.png) no-repeat -50px -50px;  right:0px;}
#boxer .boxer-position{color:#999; font-size:12px; margin:0; padding:10px 0 6px;}
#boxer .boxer-caption p{margin:0;padding:0; font-size:16px;}
#boxer .boxer-caption.gallery p{padding: 0; text-align:center; line-height:50px;}
#boxer.loading .boxer-container{background: #fff url(../images/loading.gif) no-repeat center;}


/* pageFactory */
.pageFactory{position: relative; overflow: hidden; width: 840px;}
.pageFactory .bigImg{height: 840px;position: relative; height: 540px; z-index: 1;}
.pageFactory .bigImg li{ position: relative;z-index: 1; float: left;}
.pageFactory .bigImg li img{vertical-align: middle;width: 840px;height: 540px; position: relative;}
.pageFactory .bigImg li p{ width: 750px; padding: 10px 80px 10px 10px; line-height: 24px; background-color: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; left: 0; color: #fff;}
.pageFactory .smallScroll{height: 90px;margin-top: 10px; width: 100%; position: relative;}
.pageFactory .Prev, .pageFactory .Next{display: block;width: 40px;height: 90px; text-align: center; line-height: 90px; font-size: 16px; color: #fff;  background:#333 url(../images/fIcon.png) no-repeat;}
.pageFactory .Prev{ background-position: 0 0;}
.pageFactory .Next{ background-position: -40px 0;}
.pageFactory .Prev:hover,.pageFactory .Next:hover{ background-color: #1d4a9e; color: #fff;}
.pageFactory .smallImg{float: left;margin: 0 5px;width: 750px; height: 90px; overflow: hidden;}
.pageFactory .smallImg ul{height: 90px;width: 9999px;overflow: hidden;}
.pageFactory .smallImg li{float: left; margin:0 5px; width: 140px; height: 90px; cursor: pointer;}
.pageFactory .smallImg img{border: 2px solid #dcdddd; width: 136px; height: 86px;}
.pageFactory .smallImg .on img{border-color: #1e50a2;}
.pageFactory .pageState{position: absolute;bottom: 0;right: 0; z-index: 2; display: block; }
.pageFactory .pageState span{color: #f00;font-size: 16px;}


/* pagePartner */
.pagePartner{ margin: 0 auto; }
.pagePartner ul{ width: 870px; margin: 0 -15px;}
.pagePartner ul li{ float: left; width: 260px; height: 150px; border: solid 1px #eee; margin: 14px;}
.pagePartner ul li img{ width: 260px; height: 150px;}
.pagePartner ul li a{ display: block;}

/* job-list */
.job-list{ width: 840px;}
.job-list ul{ width: 100%;}
.job-list li{ width: 100%; float: left; padding: 20px 0; border-bottom: solid 1px #eee;}
.job-list li a{ display: block;}
.job-list li .name{ float: left; width: 100%; font-size: 20px; color: #333;}
.job-list li .list{ float: left; width: 100%; margin-top: 10px;}
.job-list li .list p{ float: left; width: 280px ; font-size: 14px; color: #999;}
.job-list li:hover{ border-bottom-color: #1d4a9e;}
.job-list li:hover .name{ color: #1d4a9e;}
.job-list li:hover .list p{ color: #1d4a9e;}

/* aboutCont */
.aboutCont{ width: 840px;}
.aboutCont .name{ font-size: 18px; text-align: center; color: #333;}
.aboutCont .time{ font-size: 14px; color: #999; text-align: center; position: relative; padding: 15px 0; border-bottom: dotted 1px #eee;}
.aboutCont .time span{ width: 33.33% !important; float: left;}
.aboutCont .cont{ font-size: 14px; color: #333; margin-top: 20px; line-height: 30px;}
.aboutCont .cont img{ max-width: 100%;}