@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px;}
body{ font-size:12px; font-family:"微软雅黑","宋体"; background:#fff;}
a{ text-decoration:none;cursor:pointer} 
ol,ul li{ list-style:none;}
img{ border:0px;}
input,img,textarea{ vertical-align:middle;}
input:focus{outline:none;}
button:focus{outline:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after{ content:""; height:0px; display:block; clear:both; visibility:hidden;}
.clearfix{ *zoom:1;}
.wid{ width:1200px; margin:0 auto;}

/*top*/
.top{ float:left; width:100%; height:32px; line-height:32px; background:#f2f2f2;}
.topcon{ width:1200px; height:32px; margin:0 auto;}
.topcon p{ float:left; color:#767676;}
.topcon p a{ padding:0px 10px; color:#767676;}
.topcon p a:nth-of-type(1){ padding-left:5px;}
.topcon p a:hover{ color:#042038; text-decoration:underline;}
.topcon p:nth-of-type(2){ float:right; color:#767676;}
.topcon p:nth-of-type(2) a:nth-of-type(2){ padding-right:0px;}

.intop{ float: left; width: 100%; height: 120px; background: url(../images/tpbar_bg.png) no-repeat;}
.logo{ float: left; padding-top: 35px;}
.phone{ float: right; padding-top: 35px;}

.innvas{ float: left; width: 100%; background:#042038;}
.innvas ul { width:1200px; height:55px; line-height:55px; font-size:14px; margin:0px auto;}
.innvas ul li { float:left; width:150px; height:55px; line-height:55px; color:#fff; text-align:center; position:relative;}
.innvas ul li a { color:#fff; display:block;}
.innvas ul li a:hover { background:#20364d;}
.innvas ul li a.hover { background:#20364d;}
.innvas ol { width:150px; position:absolute; top:55px; left:0px; display:none; background:#042038; z-index: 99999;}
.innvas ol li { float:left; width:150px; height:50px; line-height:50px; text-align:center;}


/*banner*/
.banner{ float:left; width:100%; height:435px; position:relative; overflow:hidden;}
.banner a { width:100%; height:435px; position:absolute; top:0px; left:0px;}
.banner a img { width:1920px; left:50%; height:430px; margin-left:-960px; position:relative;}
.banner .bannleft{ position:absolute; width:45px; height:60px; left:5%; margin-top:200px; cursor:pointer;}
.banner .bannright{ position:absolute; width:45px; height:60px; right:5%; margin-top:200px;cursor:pointer;}
.banner .banner-num{position:absolute;z-index:2;left:50%; margin-left:-10px;bottom:20px;}
.banner .banner-num span{cursor:pointer;display:inline-block;width:12px;height:12px; border-radius:12px;text-align:center;margin-right:10px;background:#fff; color:#fff;}
.banner .banner-num span.current{background:#f00;}

.inh2{ float:left; width:100%; height: 90px; background: url(../images/h2bg1.png) center no-repeat; margin-top: 50px; margin-bottom: 45px;}
.inh2 span{ float:left; width:100%; text-align: center; font-size: 22px; padding-top: 45px; font-weight: normal;}
.inboxs{ float:left; width:100%; background:url(../images/boderbg.gif) bottom repeat-x; overflow: hidden;}
.inboxleft{ float:left; width:550px; height:295px;}
.inboxright{ float:right; width:600px; height:295px;}
.inboxright h3{ float:left; width:100%; font-size: 16px; color: #515151; font-weight: normal; margin-bottom: 10px;}
.inboxright p{ float:left; width:100%; font-size: 14px; color: #5c5b5b; line-height: 26px;}
.zztet{ float:left; width:100%; padding-top: 40px;}
.zztet dl{ float:left; width:100%;}
.zztet dl dt{ float:left; width:120px;} 
.zztet dl dt span{ float:left;}
.color1{ color: #5c5b5b; font-size: 30px; padding-bottom: 5px;}
.color2{ color: #333333; font-size: 30px; font-weight: bold;}
.zztet dl dd{ float:left; width:400px; line-height: 24px; padding-top: 15px; padding-left: 20px; color: #555353;} 
.abbox{ float:left; width:100%; margin-top: 50px;}
.abbox a{ float:left; width:240px; margin-bottom: 50px;}
.abbox a span{ float:left; width:100%; text-align: center; margin-bottom: 40px;}
.abbox a span img{transition:transform 2s; -webkit-transition:-webkit-transform 2s;}
.abbox a h4{ float:left; width:100%; text-align: center; color: #555353; font-weight: normal; margin-bottom: 5px; font-size: 16px;}
.abbox a h4:nth-of-type(2){font-size: 14px;}
.abbox a p{ float:left; width:80%; padding-left: 10%; line-height: 22px; text-align: center; margin-top: 10px; color: #9b9b9b;}
.abbox a:hover span img{transform:rotate(360deg); -webkit-transform:rotate(360deg);}
.abbox a:hover h4{ color: #033d86;}

.morebg{ float:left; width:100%; text-align: center; overflow: hidden;}
.morebg a{ width: 127px; height: 46px; line-height: 46px; background: url(../images/morebg.png) center no-repeat; text-align: center; color: #fff; display: inline-block;}
.morebg a:hover{ line-height: 40px; background: url(../images/morebg.png) center -2px no-repeat;}

.inpro{ float:left; width:100%; background: url(../images/inprobg.jpg) center 95px no-repeat;}
.proh2{ float:left; width:100%; height: 90px; background: url(../images/h2bg2.png) center no-repeat; margin-top: 50px; margin-bottom: 45px;}
.proh2 span{ float:left; width:100%; text-align: center; font-size: 22px; padding-top: 45px; font-weight: normal;}
.pronav{ float:left; width:100%; height: 120px; padding-top: 30px; padding-bottom: 30px; box-shadow: 0px 5px 5px #ebebeb; background: #fff; margin-bottom: 30px;}
.pronav h3{float:left; width:185px; height: 120px; line-height: 120px; font-size: 18px; color: #033d86; font-weight: normal;text-indent: 70px; border-right: 1px solid #eee;background:url(../images/iniconh2bg.png) 45px 55px no-repeat;}
.pronav ul{float:left; width:960px; height: 120px; padding-left: 10px;}
.pronav ul a{float:left; width:200px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; text-align: center; margin-left: 40px; background: #033d86; margin-top: 15px; box-shadow: 0px 5px 5px #d6d6d6;transition: background-color 0.5s ease-in-out;}
.pronav ul a:hover{ background: #579eda;}
.inprolis{ float:left; width:100%; margin-bottom: 50px;}
.inprolis ul{ float:left; width:100%;}
.inprolis ul li{ float:left; width:300px; height: 250px; background: #fff;}
.inprolis ul li img{ float:left; width:300px; transition: 1s;}
.inprolis ul li:hover img{ transform: rotateY(180deg);}

.inprolis ul li:nth-of-type(3){ width:600px;}
.inprolis ul li:nth-of-type(3) img{ width:600px;}
.inprolis ul li:nth-of-type(2){ background: #cde8ff;}
.inprolis ul li:nth-of-type(2) span{ float:left; width:300px; font-size: 16px; text-align: center; color: #033d86;font-weight: bold; padding-top: 70px;}
.inprolis ul li:nth-of-type(2) p{ float:left; width:235px; line-height: 22px; padding-left: 35px; padding-right: 30px; font-size: 14px; color: #033d86; padding-top: 15px;}
.inprolis ul li:nth-of-type(4){ background: #cde8ff;}
.inprolis ul li:nth-of-type(4) span{ float:left; width:300px; font-size: 16px; text-align: center; color: #033d86;font-weight: bold; padding-top: 70px;}
.inprolis ul li:nth-of-type(4) p{ float:left; width:235px; line-height: 22px; padding-left: 35px; padding-right: 30px; font-size: 14px; color: #033d86; padding-top: 15px;}
.inprolis ul li:nth-of-type(6){ background: #cde8ff;}
.inprolis ul li:nth-of-type(6) span{ float:left; width:300px; font-size: 16px; text-align: center; color: #033d86;font-weight: bold; padding-top: 70px;}
.inprolis ul li:nth-of-type(6) p{ float:left; width:235px; line-height: 22px; padding-left: 35px; padding-right: 30px; font-size: 14px; color: #033d86; padding-top: 15px;}

.incase{ float:left; width:100%; background: url(../images/home_bg_1.jpg) center 90px no-repeat; margin-top: 20px; padding-bottom: 40px;}
.caseh2{ float:left; width:100%; height: 90px; background: url(../images/h2bg3.png) center no-repeat; margin-top: 50px; margin-bottom: 45px;}
.caseh2 span{ float:left; width:100%; text-align: center; font-size: 22px; padding-top: 45px; font-weight: normal;}
.incasebox{ float:left; width:100%; margin-bottom: 50px;}
.incaseleft{ float:left; width:596px; height: 575px;}
.incaseleft a{ float:left; overflow: hidden;}
.incaseleft a:nth-of-type(1){ margin-bottom: 6px; position:relative;}
.incaseleft a:nth-of-type(1) ul{width:596px; height: 360px; position: absolute; top: 0px; left: 0px; transition: background-color 0.5s ease-in-out; }
.incaseleft a:nth-of-type(1) ul h3{ float:left; width:596px; text-align: center; font-size: 18px; color: #033d86; padding-top: 160px; display: none;}
.incaseleft a:nth-of-type(1) ul span{ float:left; width:596px; text-align: center; font-size: 12px; color: #033d86;padding-top: 10px; display: none;}
.incaseleft a:nth-of-type(1):hover img{transform: scale(1.2); transition: transform 1s;}
.incaseleft a:nth-of-type(1):hover ul{ display: inline-block; background:rgba(205,232,255,0.85) url(../images/ear.png) top left no-repeat; transition:1s;}
.incaseleft a:nth-of-type(1):hover ul h3,.incaseleft a:nth-of-type(1):hover ul span{ display: inline-block;}

.incaseleft a:nth-of-type(2){ margin-bottom: 6px; position:relative;}
.incaseleft a:nth-of-type(2) ul{width:296px; height: 208px; position: absolute; top: 0px; left: 0px; transition: background-color 0.5s ease-in-out; }
.incaseleft a:nth-of-type(2) ul h3{ float:left; width:296px; text-align: center; font-size: 18px; color: #033d86; padding-top: 80px; display: none;}
.incaseleft a:nth-of-type(2) ul span{ float:left; width:296px; text-align: center; font-size: 12px; color: #033d86;padding-top: 10px; display: none;}
.incaseleft a:nth-of-type(2):hover img{transform: scale(1.2); transition: transform 1s;}
.incaseleft a:nth-of-type(2):hover ul{ display: inline-block; background:rgba(205,232,255,0.85) url(../images/ear.png) top left no-repeat; transition:1s;}
.incaseleft a:nth-of-type(2):hover ul h3,.incaseleft a:nth-of-type(2):hover ul span{ display: inline-block;}

.incaseleft a:nth-of-type(3){float: right; margin-bottom: 6px; position:relative;}
.incaseleft a:nth-of-type(3) ul{width:296px; height: 208px; position: absolute; top: 0px; left: 0px; transition: background-color 0.5s ease-in-out;}
.incaseleft a:nth-of-type(3) ul h3{ float:left; width:296px; text-align: center; font-size: 18px; color: #033d86; padding-top: 80px; display: none;}
.incaseleft a:nth-of-type(3) ul span{ float:left; width:296px; text-align: center; font-size: 12px; color: #033d86;padding-top: 10px; display: none;}
.incaseleft a:nth-of-type(3):hover img{transform: scale(1.2); transition: transform 1s;}
.incaseleft a:nth-of-type(3):hover ul{ display: inline-block; background:rgba(205,232,255,0.85) url(../images/ear.png) top left no-repeat; transition:1s;}
.incaseleft a:nth-of-type(3):hover ul h3,.incaseleft a:nth-of-type(3):hover ul span{ display: inline-block;}


.incasecont{ float:left; width:296px; height: 575px; padding-left: 6px;}
.incasecont a{ float:left; width:296px;}
.incasecont a:nth-of-type(1){ margin-bottom: 6px; position:relative; overflow: hidden;}
.incasecont a:nth-of-type(1) ul{width:296px; height: 208px; position: absolute; top: 0px; left: 0px; transition: background-color 0.5s ease-in-out;}
.incasecont a:nth-of-type(1) ul h3{ float:left; width:296px; text-align: center; font-size: 18px; color: #033d86; padding-top: 80px; display: none;}
.incasecont a:nth-of-type(1) ul span{ float:left; width:296px; text-align: center; font-size: 12px; color: #033d86;padding-top: 10px; display: none;}
.incasecont a:nth-of-type(1):hover img{transform: scale(1.2); transition: transform 1s;}
.incasecont a:nth-of-type(1):hover ul{ display: inline-block; background:rgba(205,232,255,0.85) url(../images/ear.png) top left no-repeat; transition:1s;}
.incasecont a:nth-of-type(1):hover ul h3,.incasecont a:nth-of-type(1):hover ul span{ display: inline-block;}

.incasecont a:nth-of-type(2){width:296px; position:relative; overflow: hidden;}
.incasecont a:nth-of-type(2) ul{width:296px; height: 360px; position: absolute; top: 0px; left: 0px; transition: background-color 0.5s ease-in-out;}
.incasecont a:nth-of-type(2) ul h3{ float:left; width:296px; text-align: center; font-size: 18px; color: #033d86; padding-top: 160px; display: none;}
.incasecont a:nth-of-type(2) ul span{ float:left; width:296px; text-align: center; font-size: 12px; color: #033d86;padding-top: 10px; display: none;}
.incasecont a:nth-of-type(2):hover img{transform: scale(1.2); transition: transform 1s;}
.incasecont a:nth-of-type(2):hover ul{ display: inline-block; background:rgba(205,232,255,0.85) url(../images/ear.png) top left no-repeat; transition:1s;}
.incasecont a:nth-of-type(2):hover ul h3,.incasecont a:nth-of-type(2):hover ul span{ display: inline-block;}


.incaseright{ float:right; width:296px; height: 575px;}
.incaseright a{ float:left; width:296px; overflow: hidden;}
.incaseright a:nth-of-type(1){ margin-bottom: 6px; position:relative; overflow: hidden;}
.incaseright a:nth-of-type(1) ul{width:296px; height: 360px; position: absolute; top: 0px; left: 0px;  transition: background-color 0.5s ease-in-out;}
.incaseright a:nth-of-type(1) ul h3{ float:left; width:296px; text-align: center; font-size: 18px; color: #033d86; padding-top: 160px; display: none;}
.incaseright a:nth-of-type(1) ul span{ float:left; width:296px; text-align: center; font-size: 12px; color: #033d86;padding-top: 10px; display: none;}
.incaseright a:nth-of-type(1):hover img{transform: scale(1.2); transition: transform 1s;}
.incaseright a:nth-of-type(1):hover ul{ display: inline-block; background:rgba(205,232,255,0.85) url(../images/ear.png) top left no-repeat; transition:1s;}
.incaseright a:nth-of-type(1):hover ul h3,.incaseright a:nth-of-type(1):hover ul span{ display: inline-block;}

.incaseright a:nth-of-type(2){width:296px; position:relative; overflow: hidden;}
.incaseright a:nth-of-type(2) ul{width:296px; height: 208px; position: absolute; top: 0px; left: 0px; transition: background-color 0.5s ease-in-out;}
.incaseright a:nth-of-type(2) ul h3{ float:left; width:296px; text-align: center; font-size: 18px; color: #033d86; padding-top: 80px;display: none;}
.incaseright a:nth-of-type(2) ul span{ float:left; width:296px; text-align: center; font-size: 12px; color: #033d86;padding-top: 10px;display: none;}
.incaseright a:nth-of-type(2):hover img{transform: scale(1.2); transition: transform 1s;}
.incaseright a:nth-of-type(2):hover ul{ display: inline-block; background:rgba(205,232,255,0.85) url(../images/ear.png) top left no-repeat; transition:1s;}
.incaseright a:nth-of-type(2):hover ul h3,.incaseright a:nth-of-type(2):hover ul span{ display: inline-block;}


.innewh2{ float:left; width:100%; height: 90px; background: url(../images/h2bg4.png) center no-repeat; margin-top: 50px; margin-bottom: 45px;}
.innewh2 span{ float:left; width:100%; text-align: center; font-size: 22px; padding-top: 45px; font-weight: normal;}
.innewsbox{ float:left; width:1200px;}
.innewsboxleft{ float:left; width:650px; margin-bottom: 80px;}

.innewsboxleft ul{ float:left; width:650px;}
.innewsboxleft ul a{ float:left; width:650px;}
.innewsboxleft ul a img{ float:left; width:135px; height: 90px; padding-right: 15px;}
.innewsboxleft ul a h3{ float:left; width:500px; font-size: 16px; font-weight: normal; color: #000;}
.innewsboxleft ul a span{ float:left; width:500px; font-size: 12px; color: #9f9f9f; padding: 5px 0px;}
.innewsboxleft ul a p{ float:left; width:500px; font-size: 14px; line-height: 20px; color: #9f9f9f;}
.innewsboxleft ul a:hover h3{ color: #033d86;}
.innewsboxleft ul a:hover p{ color: #767676;}
.innewsboxleft ul a:nth-of-type(2){ margin-top: 23px;}
.innewsboxleft ul a:nth-of-type(3){ margin-top: 23px;}

.innewsboxright{ float:right; width:500px;}
.innewsboxright ul{ float:left; width:490px;}
.innewsboxright li{ float:left; width:490px; padding: 0px 5px; padding-top: 5px; border-bottom: 1px solid #e9e9e9;}
.innewsboxright li a{ float:left; width:200px; font-size: 14px; height: 45px; line-height: 45px; color: #000; font-weight: normal;}
.innewsboxright li span{ float:right; font-size: 12px; height: 45px; line-height: 45px; color: #9f9f9f;}
.innewsboxright li:hover a{ color: #033d86; line-height: 40px;}


.inbottom{ float:left; width:100%; height: 415px; padding-top: 50px; background: url(../images/foot1.jpg) no-repeat; background-size: cover; margin-top: 150px;}
.inbottomleft{ float:left; width:700px;}
.inbottomleftbox{ float:left; width:700px;}
.inbottomleftbox ul{ float:left; width:700px;}
.inbottomleftbox ul li{ float:left; width:50px; margin-right: 40px;}
.inbottomleftbox ul li a{ float: left; width: 50px; color: #d4d4d4;}
.inbottomleftbox ul li:nth-last-of-type(1){ margin-right: 0px;}
.inbottomleftbox ul li:hover a{ color: #fff; margin-top: -2px;}

.inbottomcont{ float:left; width:700px; margin-top: 40px;}
.inbottomcont ul{ float:left; width:110px; padding-left: 148px;}
.inbottomcont ul li{ float:left; width:110px; height: 35px;}
.inbottomcont ul li a{ float:left; width:110px; text-align: center; font-size: 12px; color: #d4d4d4;}
.inbottomcont ul li:hover a{ color: #fff; margin-top: -2px;}
.inbottomcont ul:nth-of-type(2){padding-left: 160px;}

.inbotlink{ float:left; width:700px; margin-top: 50px;}
.inbotlink span{ float:left; width: 70px; line-height: 35px; color: #d4d4d4;}
.inbotlink img{ width: 100px; padding-right: 10px;}

.inbottomright{ float:right; width:450px;}
.inbottomright dl{ float:left; width:450px; margin-bottom: 30px;}
.inbottomright dl dt{ float:left; width:40px;}
.inbottomright dl dd{ float:left; font-size: 12px; color: #d4d4d4; line-height: 22px;}
.inbottomright dl dd a{ color: #d4d4d4;}
.inbottomright dl dd img{ width: 100px;}

/*aboutus*/
.abbanner{ float:left; width:100%; height:290px; background: url(../images/aboutusbg.jpg) no-repeat; margin-bottom: 50px;}
.abid{ width:1200px; margin: 0 auto; margin-top: 200px;}
.abid span{ float:left; color: #fff; padding-right: 10px;}
.abid a{ float:left; color: #fff; text-indent: 15px; background: url(../images/aboutlistbg.png) left 4px no-repeat; padding-right: 10px;}
.abid a:hover{ text-decoration: underline;}


.contentboxs{ float:left; width:100%;}
.linktxt{ float:left; width:100%; height: 50px; color: #d7d7d7; padding: 15px 0px; margin-top: 30px; margin-bottom: 30px; background: #f7f7f7;}
.linktxt span{ float:left; line-height: 50px; color: #5a5a5a; font-size: 14px; padding-left: 30px; padding-right: 5px;}
.linktxt a{ line-height: 50px; color: #5a5a5a; font-size: 14px; padding-left: 10px; padding-right: 10px;}
.conlistbox{ float:left; width:100%;}
.conboxleft{ float:left; width:230px;}
.conboxleft ul{ float:left; width:100%}
.conboxleft ul a{ float:left; width:100%; height: 55px; line-height: 55px; font-size: 14px;color: #5a5a5a;  border-bottom: 1px solid #eee;text-align: center; background: #f7f7f7;}
.conboxleft ul a:hover{ color: #fff; background:#1e374c url(../images/aboutbgh2.jpg) repeat-y;}
.conboxleft ul a.hover{ color: #fff; background:#1e374c url(../images/aboutbgh2.jpg) repeat-y;}
.conboxleft ul a:nth-last-of-type(1){ border:none;}

.conboxleft p{ float:left; width:200px; padding: 15px; font-size: 14px; color: #5a5a5a; line-height: 22px; background: #f7f7f7; margin-top: 20px;}
.conboxleft p span{ float:left; width:100%; margin-top: 5px;}
.conboxleft p b{ float:left; width:100%; text-align: center; font-size: 18px; margin-top: 5px; margin-bottom: 10px; color: #042038;}
.conboxleft p span:nth-of-type(1){ text-align: center; margin-top: 10px;}

.conboxright{ float:right; width:940px;}
.conboxright ul{ float:left; width:100%;}
.conboxright ul li{ float:left; width:260px; padding: 20px; margin-right: 20px; margin-bottom: 20px; background: #f7f7f7;}
.conboxright ul li a{ float:left; width:100%;}
.conboxright ul li a b{ float:left; width:100%; height: 180px; overflow: hidden;}
.conboxright ul li a b img{ float:left; width:100%; height: 180px; transition: all 1.5s;}
.conboxright ul li a span{ float:left; width:100%; text-align: center; font-size: 14px; margin-top: 15px; color: #434343;}
.conboxright ul li a:hover b img{ transform: scale(1.2);}
.conboxright ul li:nth-of-type(3n){ float: right; margin-right: 0px;}

/*link1*/
.link1{ width:970px; overflow:hidden; margin:0 auto;}
.link1 p{ width:960px; height:36px; line-height:36px; text-indent:10px; border:1px solid #ddd; margin-bottom:10px;}
.link1 p a{ color:#333;}
.link1 p a:hover{ color:#d6ab6d;}

.layer{ float:left; width:100%; margin-top:50px;}
.layer a{ color: #999;}
/*about*/
.tet{ float:left; width:940px;}
.tet p{ float:left; width:940px; line-height:25px; font-size:14px;}
.tet p img{max-width:100%;}

/*news*/
.newcon{ float:right; width:940px; overflow:hidden;}
.newcon ul{ float:left; width:100%;}
.newcon ul li{ float:left; width:100%; border-bottom:1px dashed #ddd;}
.newcon ul li a{ float:left; width:80%; line-height:45px; color:#555; font-size:14px;  overflow:hidden; text-indent: 10px;}
.newcon ul li span{ float:right; line-height:45px; font-size:12px; color:#555; display:inline-block; padding-right: 10px;}
.newcon ul li:hover a{ color: #033d86; line-height: 40px;}

/*news_list*/
.info{ float:right; width:940px; overflow:hidden;}
.info h2{ float:left; width:100%; text-align:center; padding-top:15px;}
.info span{ float:left; width:100%; line-height:35px; font-size:12px; text-align:center; border-bottom:1px dashed #ddd; padding-bottom: 10px;}
.info p{ float:left; width:100%; line-height:25px; font-size:14px; padding-top:10px; margin-bottom:30px;}
.info p img{ max-width:100%;}
.page{ float:left; width:100%; line-height:25px; font-size:14px; color:#727272;}
.page a{ color:#727272}
.page a:hover{ color:#eb5c18}