@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; background:#fff; font-size: 14px;} 
li, ol { list-style:none; }
ul{padding: 0; margin: 0}
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei"; color: #000;}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size: 14px; }
.mt20{margin-top: 20px !important;}
.con{width: 1200px !important; margin: 0 auto; overflow: hidden; position: relative}



/*头部*/
header{width: 100%; overflow: hidden; background: url(headbg.jpg) no-repeat center;}
.logo{width: 170px; height: 120px;float: left; text-align: center;}
.logo img{margin-top: 8px;}

.flag{width: 710px; height: 120px; float: left;}
.flag .word{width: 300px; text-align: center; height: 120px; float: left;}
.flag .word span {display: block;}
.flag .word span:first-child{width:90%; height: 35px; line-height: 16px;  text-align: center; font-size: 30px; display: block; margin: 32px auto 0; color: #065fb7; }
.flag .word i{font-weight: bold;}
.flag .word span:last-child{font-size:20px; color:#065fb7; }
.flag .tag{float: left; height: 130px; padding-top: 15px; box-sizing: border-box; margin-left: 30px;}
.flag .tag img{ float: left; }

.h-tel{width: 320px; height: 120px; float: left;}
.h-tel span{display: block;width: 100%; height: 35px; line-height: 35px; margin-top: 30px; background: #2882c2; font-size: 20px; text-align: center; color: #ffff00;}
.h-tel span i{color: #fff;}
.h-tel p{font-size: 43px; color: #065fb7; text-align: center;letter-spacing:2px}

.nav1{width: 100%; height: 40px; line-height: 40px; background: #065fb7;}
.nav li{float: left; width: 120px; text-align: center;  position: relative; z-index: 9999;}  
.nav li:hover{background: #054b90; }
.nav li.current{background: #054b90; }
.nav li.current>a{color: #dee42c;}
.nav li:hover>a{color: #dee42c;}
.nav li:hover dl{display: block;}
.nav>li>a{color: #fff; line-height: 40px; }
.nav li dl{display: none; position: relative; z-index: 9999;}
.nav li dl dt{height: 30px; line-height: 30px;}
.nav li dl dt:hover{background: #033e79;}
.nav li dl dt:hover a{color: #fffc00;}
.nav li dl dt a{color: #fff;}

.nav2{width: 100%; background: rgba(6,95,183,0.8); height: 75px; display: none; position: fixed; top: 0; z-index: 99999}
.l-nav2{width: 360px; height:100%; float: left; height: 75px;background: rgba(6,95,183,1);  background-position: left center; background-repeat: no-repeat;}
.l-nav2 img{margin-top: 8px;margin-left:8px}
.r-nav2{float: right;width: 840px}
.r-nav2 li{width: 105px; line-height: 75px; text-align: center; float: left;}
.r-nav2 li:hover{background: rgba(14,66,117,1)}
.r-nav2 li dl{position: relative; z-index: 999; line-height: 40px; background: #054b90; }
.r-nav2 li dl dt{height: 30px; line-height: 30px;}
.r-nav2 li a{color: #fff;}
.r-nav2 li:hover .fm{color: #fffc00;}
.r-nav2 li dl dt:hover {background: #033e79;}
.r-nav2 li dl dt:hover a{color: #fffc00;}
.r-nav2 li.current{background: #054b90; }
.r-nav2 li.current a{color: #dee42c;}

.r-nav2 li dl{display: none;}
.r-nav2 li:hover dl {display: block; }

.slogan{width: 190px; float: right; margin-right: 20px;}
.slogan span{display: block;color: #fff;text-align: center;}
.slogan span em{font-weight: bold;}
.slogan span:nth-of-type(1){line-height: 22px; font-size: 20px;margin-top: 8px; float:left}
.slogan span:nth-of-type(2){font-size: 16px;}
.slogan h2{font-size: 28px; color: #fffc00;}
/*part1*/
.part1{background: #f0f0f0; overflow: hidden;}
.point {width: 50px; height: 50px; background: url(point.png) no-repeat center; margin:0 auto;}
.r-info {margin-top: 20px;}
.r-info p { text-align: center; line-height: 30px; letter-spacing: 2px ; font-size: 16px;}
.r-info p span {font-size: 18px; font-weight: bold;}

.r-show{width: 100%; overflow: hidden;}
.r-show .box{width: 25%; float: left;  z-index: 1; position: relative;}
.r-show .box .pic{position: relative; overflow: hidden; padding-top: 60%;}
.r-show .box .pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.r-show .box:hover .mask{opacity: 1; z-index: 3;}
.r-show .box .mask {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(5,75,144,.6);
    opacity: 0;  z-index: -1;  -webkit-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.r-show .box .mask span{width: 100%; text-align: center; line-height: 40px; margin-top: 25%; color: #fffc00; display: block; font-size: 19px;}

.slide{position: relative;}
.prev{position: absolute; left: 0; top: 100px;width: 50px; height: 100px; background: url(arrow-l.png) no-repeat left center;z-index: 9999;background-color: rgba(73,122,170,0.3);z-index: 99;}
.next{position: absolute;right: 0; top: 100px; width: 50px; height: 100px; background: url(arrow-r.png) no-repeat left center;z-index: 9999;background-color: rgba(73,122,170,0.3);z-index: 99;}
.prev:hover{ background:rgba(73,122,170,1) url(arrow-l.png) no-repeat right center;}
.next:hover{ background:rgba(73,122,170,1) url(arrow-r.png) no-repeat right center;}
.r-ctrl{opacity: 0; position: relative; z-index: 999}
.slide:hover .r-ctrl{opacity: 0.7;}

.search{text-align: center; margin:20px auto;}
.search .s-text{border:1px solid #054b90; height: 38px; width: 260px; text-indent: 1em; font-size: 16px; background: none;}
.search .s-btn{background: #065fb7 url(search.jpg) no-repeat center; width: 40px; height: 40px; position: absolute;}
.search .s-btn:hover{background: #054b90 url(search-hover.jpg) no-repeat center; cursor: pointer;}
.search .shuidi{width: 50px; height: 50px; background: url(shuidi.png) no-repeat center; margin: 0 auto;}

/*part2*/
.part2{margin-top: 20px; overflow: hidden;}
.p2{width: 100%; background: #ddd; overflow: hidden; margin-top: 20px;}

.title{width:100%; height:90px; background: url(titlebg.jpg) no-repeat center; margin-top:40px}
.title span{display: block; width: 200px; margin: 0 auto;  text-align: center; font-size: 36px; color:#054b90; line-height: 64px;}
.title i{font-weight: bold; }
.title p{ text-align: center; letter-spacing: 28px; color:#054b90;  text-indent: 2em;}


.p-show {height: 70px; overflow: hidden;}
.p-show ul li { float: left; width: 300px;}
.p-show ul li a { display: inline-block; float: left; background: #e6e6e6; width: 299px;  border-right: 1px solid #d6d6d6; overflow: hidden; height: 70px; text-align: center; line-height: 70px; color: #000; line-height: 70px; font-size: 18px;}
.p-show .cur a{background: #054b90; color: #fcff00;}

.p-box{width: 1200px; overflow: hidden; margin: 0 auto; position: relative; border-bottom: 2px solid #054b90;}
.p-box img{width: 100%; height: 100%;}
.p-box-l,.p-box-r{width: 350px; height: 500px; float: left; background: #ccc}
.p-box-m{width: 500px; height: 360px; float: left; background: #ddd}
.p-box-l div,.p-box-r div{width: 100%; height: 100%;}
.p-info{ font-size:18px;position: absolute; bottom: 0; left: 304px; width:588px; height: 140px; background:rgba(0,0,0,0.8); color: #fff;  padding: 20px; box-sizing: border-box; border-top: 4px solid #054b90;}

.p-con{width: 1200px; margin: 0 auto;}
.r-more{width: 160px; height: 32px; margin: 20px auto; text-align: center; line-height: 32px; border: 1px solid #000; }
.r-more a{color: #000;}
.r-more:hover{background: #054b90; }
.r-more:hover a{color: #fcff00;}
/*part3*/
.part3{margin-top: 20px; overflow: hidden;}
.p3{background: url(cusbg.jpg) center fixed;}
.c-show{position: relative; height: 700px; padding-top: 30px;}

.l-arrow,.r-arrow{display: block; position: absolute; width: 38px; height: 555px; 
	background: rgba(36,107,171,1);}
.l-arrow{left: 0; top: 40px;}
.r-arrow{right: 0; top: 40px;}
.c-box{width: 1110px; height: 555px; margin: 40px auto 0 auto; background: #ccc;}
.c-box-l{width: 48%; height: 100%; float: left; margin-right: 1%;}
.c-box-r{width: 50%; float: left; height: 100%;}
.c-box-l div{ width: 100%; height: 50%; float: left; }
.c-box-l div:first-child{}
.c-box-l div:last-child{padding: 20px; box-sizing: border-box;}
.c-box-r div{width: 48%; height: 48%; float: left; background: #fff; margin-top: 1%; margin-left: 1%;}

.c-pic{width: 590px; height: 385px; float: left; overflow: hidden; text-align: center;}
.c-pic img{max-width: 100%;}
.c-pic:nth-of-type(2){margin-left: 20px;}
.c-info{width: 100%; margin-top: 10px; height: 275px; background: #fff; float: left; text-align: center;padding-top: 35px; box-sizing: border-box; -background: url(t3.jpg) no-repeat center;position: relative; background: rgba(0,0,0,0.5);}

.c-info span{font-size: 18px; color: #fff;}
.c-info p{font-size: 14px; line-height: 28px; width: 920px; margin:0 auto; letter-spacing: 4px; color: #fff;}
.r-more2{width: 160px; height: 32px; margin: 20px auto; text-align: center; line-height: 32px; border: 1px solid #fff; }
.r-more2 a{color: #fff;}
.r-more2:hover{background: #054b90; }
.r-more2:hover a{color: #fcff00;}
.c-logo{position: absolute; width: 986px; height: 65px; left: 102px;-background: #fff; top: 380px;z-index: 999;}
.c-logo img{border: 5px solid #ccc; border-radius: 5px; width: 177px; height: 53px;}
.c-logo img:hover{border: 5px solid #003f7d;}
.c-logo img.cur{border: 5px solid #003f7d;}
.point2 {width: 50px; height: 50px; -background: url(point2.png) no-repeat center; margin:0 auto; }


/*part4*/
.part4{margin-top: 20px; -overflow: hidden; position: relative;}
.p4{overflow: hidden; background: #e6e6e6;margin: 20px auto; position: relative;}

.ad-show {height: 70px; overflow: hidden;}
.ad-show ul li { float: left; width: 200px;}
.ad-show ul li a { display: inline-block; float: left; background: #e6e6e6; width: 199px;  border-right: 1px solid #d6d6d6; overflow: hidden; height: 70px; text-align: center; color: #000;  font-size: 18px;}
.ad-show ul li a span {display: block; margin-top: 20px;}
.ad-show ul li a i {display: block; font-size: 12px;}
.ad-show .cur a{background: #054b90; color: #fdff00;}
.ad-prev{position: absolute; left: 0; top: 100px; width: 45px; height: 100px; background: url(arrow-l.png) no-repeat center; z-index: 9999; background-color: rgba(73,122,170,0.3);}
.ad-next{position: absolute; right: 0; top: 100px; width: 45px; height: 100px; background: url(arrow-r.png) no-repeat center; z-index: 9999; background-color: rgba(73,122,170,0.3);}

.ad-con{width: 1200px; height: 500px; margin: 0 auto;padding-bottom: 20px;}
.ad-box{width: 1200px; overflow: hidden; margin: 0 auto; }
.ad-pic{width:740px; float: left; height: 500px;  }
.ad-pic img{width: 100%; height: 100%;}
.ys-btn{position: relative;}
.ys-prev{position: absolute;width: 27px; height: 70px; background: #ccc; top: 210px;z-index: 999; background: url(al.png) no-repeat left center;}
.ys-next{position: absolute;width: 27px; height: 70px; background: #ccc; top: 210px;z-index: 999; right: 0; background: url(ar.png) no-repeat left center; }
.ys-prev:hover{background: url(al.png) no-repeat right center;}
.ys-next:hover{background: url(ar.png) no-repeat right center;}

.ad-info{width:460px; float: left; padding: 45px 60px; box-sizing: border-box; background: #dddddd;height: 450px; position: relative;}
.ad-info span{font:18px microsoft yahei; display: block; width: 100% ; margin: 20px 0 ;}
.ad-info p{line-height: 28px; font-family: 宋体; letter-spacing: 2px; font-size: 16px;}

.r-more3{width:350px; height: 32px; margin: 20px auto 50px; text-align: right; line-height: 32px; position: absolute; bottom: 0;}
.r-more3 a{color: #000; }

.suoyao{top: 36px; left: 0; z-index: 999; position: absolute; width: 182px; height: 720px;    background: #748faa;}
.suoyao .text{width: 100%; height: 88px; border-top: 1px solid #7b95ae; border-bottom: 1px solid #748faa; box-sizing: border-box; padding: 10px 15px; position: relative;}
.suoyao div span{display: block; text-align: center; color: #fff;}
.suoyao div span em{color: red; margin-right: 3px;}
.suoyao div input{border: 1px solid #fff; background: none; height: 26px; text-indent: 5px; color: #fff;}
.suoyao div textarea{padding: 10px; width: 135px; background: none;border: 1px solid #fff;}
.sy-top{ height:80px; background: #054b90;}
.sy-top h3{text-align: center; color: #fffc00; font-size: 18px; line-height: 36px;background: url(line.png) center bottom no-repeat; height: 36px;}
.sy-top span{font-size: 14px; color:#fffc00; }
.sy-btn{position: absolute; bottom: 0; width: 100%; height: 34px; display: block;}
.sy-submit{background: #2882c2; width: 50%; height: 100%; color: #fff;float: left; cursor: pointer; font-size: 18px;border-right: 1px solid #fff;}
.sy-reset{background: #2882c2; width: 50%; height: 100%; color: #fff;float: left; cursor: pointer; font-size: 18px;}
.sy-submit:hover,.sy-reset:hover{color: #fffc00; background: #054b90;}
.sy-hide{right: -30px; width: 30px; height: 115px; position: absolute; top: 40%; background:#a1c2db url(aroow-l.png) no-repeat center; background-size: 30px 108px;}
.sy-hide:hover{background:#73abd3 url(aroow-lh2.png) no-repeat center; background-size: 30px 108px;}

/*part5*/
.part5{margin-top: 20px; overflow: hidden;}
.p5{background: url(solubg.jpg) fixed; overflow: hidden; position: relative;margin-top: 20px;}
.s-con{width: 1200px; margin: 0 auto; overflow: hidden; position: relative; height: 500px;}

.so-list{width: 260px; position: absolute; left: 0; height: 500px; z-index: 9999;}
.so-list h3{width: 100%; height:50px; line-height: 50px;background: #054b90; text-align: center; font-size: 18px; color: #fffc00;}
.so-list ul li {width: 100%; float: left; height: 42px; line-height: 42px; text-align: center; background: rgba(255,255,255,0.6); border-bottom: 1px solid #ccc;}
.so-list ul li a{color: #000; }
.so-list ul li:hover{background: #054b90;}
.so-list ul li:hover a{color: #fcff00; }
.so-tel{background: rgba(0,0,0,0.5); height: 65px; clear: both;}
.so-tel span{ display: inline-block; width: 100%; color: #fff; line-height: 30px; text-align: center; }
.so-tel span i{margin-right: 10px;line-height: 20px; background: #054b90; border-radius: 50%; display: inline-block; width: 20px; height: 20px;}
.so-tel h5{color: #fff; font-size: 20px; text-align: center;}
.s-more{width: 100%; height: 52px; background: rgba(255,255,255,0.8); clear: both; padding-top: 8px; box-sizing: border-box;}
.s-more span{display: block; width: 215px; margin: 0 auto; text-align: center; border:1px solid #000;height: 35px; line-height: 35px; font-size: 16px; }
.s-more span:hover{background: #054b90; }
.s-more span a{color: #000;}
.s-more span:hover a{color: #fcff00;}
.so-con{width: 100%; background: #ccc; height: 500px;}
.so-box{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center;}
.so-desc{width: 970px; height: 187px; position: absolute; right: 0; bottom: 0;  padding: 40px; box-sizing: border-box;}
.so-desc dt{width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 24px; color: #fff;}
.so-desc dd{width:580px; margin: 0 auto; font-size: 15px; color: #fff;}


/*part6*/
.part6{margin-top: 20px; overflow: hidden;}
.p6{width: 100%; background:#e6e6e6; overflow: hidden;margin-top: 20px;}
.q-box{width: 100%; height: 104px; -background: #2882c2;}
.q-left{width: 435px; height: 104px; float: left;}
.q-left>span{width: 104px; height: 104px; font-size: 62px; text-align: center; line-height: 104px; float: left;}
.q-left>div{float: left;width: 300px; height: 104px;}
.q-left>div i{width: 100%; display: block; text-align: left; color: #6e6e6e; margin-top: 22px; text-transform: uppercase;}
.q-left>div span{display: block; width: 100%; font-size: 28px; text-align: left; color: #6e6e6e;}
.q-right{width: 760px; height: 104px; float: left; padding:22px; box-sizing: border-box;  }
.q-right i {display: block; font-size: 14px;color: #6e6e6e;}
.q-right span{display: block; font-size: 18px;color: #6e6e6e; }

.q-box:hover{background: #2882c2;}
.q-box:hover .q-left{background: url(newsbg.jpg) no-repeat left center; }
.q-box:hover .q-left>div>span,.q-box:hover .q-left>div>i,.q-box:hover span{color: #fdff00;}
.q-box:hover .q-right>span,.q-box:hover .q-right>i{color: #fff;}


/*part7*/
.part7{margin-top: 20px; overflow: hidden;}
.p7{width: 100%; overflow: hidden; background: url(dif2.jpg) center fixed;margin-top: 20px;}
.d-box{width: 600px; height: 530px; float: left;padding-top: 50px; box-sizing: border-box;}

.d-left{width: 600px; height: 530px; float: left;padding-top: 50px; box-sizing: border-box;}
.d-left dl{height: 365px; width: 100%;}
.d-left dl dt span{font-size: 18px; color: #717171; display: block; height: 30px; line-height: 30px;}
.d-left dl dt p{color: #717171; line-height: 22px;}
.d-left h4{color: #fffc00; font-size: 32px; }
.d-left span{color: #fff;}
.d-left>span{color: #717171; font-size: 18px;}

.d-right{width: 600px; height: 530px; float: left;padding-top: 50px; box-sizing: border-box;position: relative;}
.d-right dl{width: 100%; height: 80px; margin-bottom: 40px;}
.d-right dl dd{background: url(stepbg.png) no-repeat center; width: 160px; height: 100%; float: left;}
.d-right dl dd span{width: 100%; height: 80px; text-align: center; line-height: 80px; font-size: 40px; color: #fdff00; display: block;}
.d-right dl dt {width: 430px; height: 80px; float: left; }
.d-right dl dt span{display: block; width: 100%; text-align: left; padding-left: 30px; font-size: 20px; color: #6f6f6f; line-height: 38px; height: 38px; margin-top: 10px}
.d-right dl i{display: block; width: 100%; text-align: left; padding-left: 30px; font-size: 16px; color: #6f6f6f; line-height: 18px; height: 18px;}
.wh:hover span,.wh:hover i{color: #054b90;}
.l2{width: 1px; height: 460px; border-left: 1px dashed #ccc; position: absolute; left: 175px;}


/*part8*/
.part8{margin-top: 20px; overflow: hidden;}
.p8{background: #e6e6e6; overflow: hidden; margin-top: 20px;}
.a-top{width: 100%; height: 225px; }
.a-top h6{width: 100%; text-align: center; font-size: 24px; margin: 20px auto;}
.a-top p{width: 910px; margin: 0 auto; text-align: center; line-height: 30px; font-size: 18px; letter-spacing: 2px;}
.a-top span{width: 168px; height: 30px; margin: 0 auto; border:1px solid #000; display: block; text-align: center; line-height: 30px; margin-top: 10px;}
.a-top span:hover{background: #054b90; color: #fdff00;}
.a-top span a{color: #000; display: block; width: 100%; height: 100%;}
.a-top span a:hover{color: #fdff00;}
.a-bot{width: 100%; height: 430px;}

/*part9*/
.part9{margin-top: 20px; overflow: hidden;}
.p9{background: url(ncbg.jpg) repeat-y center fixed; overflow: hidden; margin-top: 20px;}

.n-con{width: 562px; height: 620px; float: left;}
.n-con:nth-of-type(2){margin-left: 70px;}
.n-title{width: 100%; border-bottom: 1px solid #ccc; height: 45px;}
.n-title span:first-child{color: #fff; font-size: 18px;line-height: 45px; display: block; float: left;}
.n-title span:last-child{display: block; float: right;font-size: 14px; line-height: 45px;}
.n-title span a{color: #fff;}
.n-title span a:hover{text-decoration: underline;}
.n-title span i{font-size: 14px;}

.n-box{width: 100%; height: 550px; border:1px solid #ccc; box-sizing: border-box; margin-top: 10px;}
.n-hot dl{width: 100%; border-bottom: 1px solid #ccc; }
.n-hot dl img{width: 100%; height: 345px;}
.n-hot dl dt{width: 100%; height: 30px; text-align: center;}
.n-hot dl dt i{display:inline-block; width: 64px; height: 30px; background: #054b90; color: #fffc00; text-align: center; font-size: 18px; line-height: 30px;}
.n-hot dl dt span{font-size: 18px;}
.n-hot dl dt span a{color: #cccccc;}
.n-hot dl dt span a:hover{text-decoration: underline;}
.n-hot dl dd{width: 100% ; height: 60px; padding: 5px 40px; box-sizing: border-box; font-size: 16px;}
.n-hot dl dd a{color: #cccccc;}
.n-hot dl dd a:hover{text-decoration: underline;}

.n-list ul li{ width: 100%; height: 25px; line-height: 25px; }
.n-list ul li em{width: 25px; height: 25px; background: url(list-arrow.png) no-repeat center; float: left;margin-left: 20px;}
.n-list ul li span{float: left; }
.n-list ul li i{display: block; float: right; margin-right: 20px; color: #ccc;}
.n-list ul li a{color: #ccc;}
.n-list ul li a:hover{text-decoration: underline;}

/*part10*/
.part10{width: 100%; overflow: hidden; background: #f0f0f0;}
.p10{width: 100%; background: #f0f0f0; overflow: hidden;}
.exp{height: 175px;}
.exp span{ display: block; width: 100%; text-align: center; font-size: 24px; margin-top: 50px; margin-bottom: 10px; font-family: 宋体;}
.exp p{width: 100%; text-align: center; line-height: 30px; height: 30px; font-size: 18px;font-family: 宋体;}
.feedback{height: 270px; border: 1px solid #ccc; position: relative; margin-top: 25px; margin-bottom: 30px;opacity}
.feedback ul{overflow: hidden;}
.feedback li{width: 560px; height:80px; float: left; margin-top: 10px}
.feedback li:nth-of-type(2n){float: right;}
.feedback li span{ display:block; width: 100px; height: 80px; line-height: 80px; text-align: center; float: left;}
.feedback li input{width: 400px; height: 30px; text-indent: 1em; border:1px solid #ccc; margin-top: 23px; background: none;}
.feedback li input:focus{outline: 1px solid #1084f5;}
.feedback li div{width: 400px; height: 80px; float: left;}
.feedback li textarea:focus{outline: 1px solid #1084f5;}
.feedback li textarea{width: 100%; height: 100%; padding: 10px 10px; box-sizing: border-box; border: 1px solid #ccc; background: none;}
.f-sub{width: 110px; height: 30px; text-align: center; clear: both; margin: 40px auto 0; display: block; background: none; border: 1px solid #ccc;}
.f-sub:hover{cursor:pointer; background: #054b90; color: #fffc00;}
.line{position: absolute; height: 185px; width: 1px; border-left: 1px dotted #ccc; left: 50%}
.line2{position: absolute; height: 290px; width: 2px; background: #ababab; left: 49%; top: 0;}
.line3{position: absolute; height: 365px; width: 2px; background: #8abde0; left:740px; top:70px;}

/*footer*/
footer{margin-top:20px} 
.b-nav{ height: 450px;background-color:#e6e6e6;margin:0 auto;margin-top:20px;font-family:'Source Han Sans CN';font-weight:bolder}
.blogo{height: 228px;}
.contact{ height: 192px;}

.flink{width:750px; height: 50px; line-height: 32px; margin-top: 20px;border-bottom:0px dashed #054b90; margin-left:140px;}
.qnav a,.qnav span,.appl span,.appl a,.flink span,.flink a{color: #000; font-size: 20px;}
.flink a{color: #000; display: inline-block; padding:0 10px;font-family:'Source Han Sans CN';font-weight:normal}
.flink i{display: inline-block;padding:0 5px; color: #fff;font-family:'Source Han Sans CN';font-weight:normal}
.qnav,.appl{width: 938px; line-height: 30px; overflow: hidden;border-bottom:1px dashed #054b90;padding-top:20px; margin-left:140px;}
.qnav a,.appl a{display: inline-block; padding-right:10px;}
.flink a:hover,.qnav a:hover,.appl a:hover{text-decoration: underline;}
.appl{border-bottom:1px dashed #054b90;height:40px;line-height:24px;}

.blogo div{height: 100%; text-align: center; background: url(btnlogo.png) no-repeat center;}

.c-con{width: 48%; height: 100%; float: left;}
.qrcode{width: 226px; height: 192px; float: left;padding: 20px; box-sizing: border-box;}
.qrcode span{width: 30px; float: right; font-size: 16px; text-align: center; color: #fff;margin-top: 20px;}
.c-detail{width: 320px; float: left; padding: 20px 0; padding-left: 20px;}
.c-tel{font-size: 34px; color: #fffc00; }
.c-detail p{color: #fff; font-size: 16px; display: block; line-height: 25px;}

.b-text{width: 200px; height: 30px; border:1px solid #fff; text-indent: 1em; float: left; background: none; color: #fff;}
.b-btn{width: 50px; height: 32px; background: #fff url(fdj.png) no-repeat center;}
.b-btn:hover{cursor: pointer; background: #fff url(fdj2.png) no-repeat center;}

/*通用部分*/
.main{overflow: hidden; background: url(point.png) no-repeat center top;}
.left{float: left; width: 200px; }
.right{float: left; width: 970px; margin-left: 30px;}

.i-right{float: left; width: 200px; margin-left: 40px;}
.i-left{float: left; width: 960px; }



/*新闻列表页*/
.position{height: 50px;border-bottom: 1px solid #054b90;}
.position span{display: inline-block; float: left; line-height: 50px;}
.position span a{color: #000;}
.position i{width: 20px; height: 50px; background: url(loc.png) no-repeat center; display: inline-block;float: left;}

.in-search{display: inline-block; float: right; margin-top: 10px;}
.in-search .b-text{width: 200px; height: 30px; border:1px solid #054b90; text-indent: 1em; float: left; background: none; color: #000;}
.in-search .b-btn{width: 50px; height: 32px; background: #043b73  url(fdj.jpg) no-repeat center;}
.in-search .b-btn:hover{cursor: pointer; background: #043b73  url(fdj2.jpg) no-repeat center;}

.itit{width: 100%; -height: 160px; background: url(in-titlebg.jpg) no-repeat top; border-left: 1px solid #054b90;border-right: 1px solid #054b90; box-sizing: border-box; margin-top: 90px; position: relative; padding: 50px 65px 30px;}
.itit span{width: 240px; display: block; text-align: center; font-size: 22px; position: absolute; top: -20px; left: 40%; color: #054b90; }
.itit p{font-size: 16px; line-height: 24px;}


.l-nav{}
.l-nav h3{width: 100%; height: 70px; background: url(ititle.jpg) no-repeat center; font-size: 24px; color: #fff; line-height: 70px; text-align: center;}
.l-nav ul li{width: 100%; height: 50px; background: #e6e6e6; line-height: 50px; text-align: center;font-size: 18px;}
.l-nav ul li:hover{background: #054b90; }
.l-nav ul li a {color: #111;}
.l-nav ul li:hover a{ color: #fffc00; } 
.l-nav ul li.cur{background: #054b90;}
.l-nav ul li.cur a{color: #fffc00; }

.l-nav3{}
.l-nav3 h3{width: 100%; height: 70px; background: url(ititle2.jpg) no-repeat center; font-size: 24px; color: #fffc00; line-height: 70px; text-align: center;}
.l-nav3 ul li{width: 100%; height: 50px; background: #e6e6e6; line-height: 50px; text-align: center;font-size: 18px;margin-top:2px}

.l-nav3 ul li a {color: #111;}
.l-nav3 ul li:hover a{ color: #fffc00; } 
.l-nav3 ul li:hover{background: #054b90; }
.l-nav3 ul li.cur{background: #065fb7; }
.l-nav3 ul li.cur a{color: #fffc00; }

.l-contact{}
.l-contact h3{width: 100%; height: 94px; background: url(ictbg.jpg) no-repeat center; padding: 25px 10px; box-sizing: border-box;}
.l-contact h3 p{font-size: 16px; color: #fffc00;}
.l-contact h3 span{font-size: 26px; color: #fffc00;}
.l-contact .tjpro{width: 100%; min-height:300px;}

.n-slide{position: relative;width: 960px;}
.ntop{width: 960px; height: 230px; border: 1px solid #ccc;box-sizing: border-box; 
	padding: 30px 25px; background:#f7f7f7 url(ntopline.png) no-repeat bottom 36px right;}
.ntop span{display: inline-block; width: 70px; height: 35px; line-height: 35px; text-align: center; background: #054b90; color: #fffc00; font-size: 20px;}
.ntop h4{display: inline-block; margin-left: 20px; font-size: 18px; max-width: 800px; height: 35px; line-height: 35px;}
.ntop h4 a{color: #000;}
.ntop p{margin-top: 20px; text-indent: 2em; line-height: 30px; font-size: 14px; line-height: 24px;}
.ntop>a{display: inline-block; width: 110px; height: 30px; line-height: 30px; text-align: center;font-size: 16px; color: #2882c2; border: 1px solid #2882c2; margin-top: 16px;}
.vtop{width: 100%; height: 365px; background: #ccc;} 
.vtop img{width: 100%; height: 100%;}
.ftop{width: 100%; height: 365px; } 
.f-desc{width: 268px; height: 100%;float: left; padding: 30px; box-sizing: border-box;}
.f-desc span{display: block; font-size: 18px; height: 30px; line-height: 30px;}
.f-desc p{line-height: 24px; margin-top: 20px;}
.f-pic{width: 702px; height: 100%; float: left;}
.f-pic img{width: 100%; height: 100%;}

.ntit{width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #2882c2; margin-top: 30px;}
.ntit span{font-size: 20px; color: #2882c2;}
.ntit span em{font-size: 16px;}

.nlist ul li{width: 100%; height: 210px; border-bottom: 1px solid #ccc; margin-top: 20px; }
.nlist ul li div{ display: inline-block; width: 265px; height: 190px; float: left;}
.nlist ul li div img{width: 100%; height: 100%;}
.nlist ul li dl{display: inline-block; width: 670px; height: 190px;  float: right;position: relative;}
.nlist ul li dl dt{height: 40px; line-height: 40px; font-size: 18px;}
.nlist ul li dl dt a{color: #000;}
.nlist ul li dl dt a:hover{text-decoration: underline;}
.nlist ul li dl p{font-size: 14px; line-height: 26px;}
.nlist ul li dl dd{position: absolute; bottom: 0; height: 40px; line-height: 40px; width: 100%;}
.nlist ul li dl dd span{ color: #aaa; }
.nlist ul li dl dd a{    display: inline-block; width: 110px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #2882c2; border: 1px solid #2882c2; float: right;}
.manu{text-align:center;margin: 20px auto;}
.manu li{display:inline-block; padding:5px; border:1px solid #ccc; list-style:none; text-align:center;min-width:30px;}

.n-hd{position: absolute; height: 16px; right: 40px; bottom: 30px; z-index: 999;}
.n-hd li{width: 16px; height: 16px; line-height: 16px; text-align: center; float: left; margin-left: 10px; background: #2882c2; cursor: pointer; color: #fff;}
.n-hd li.cur{background: #054b90; color: #fffc00;}



/*产品列表页*/
.p-list{overflow: hidden;}
.bl{border-bottom: 2px solid #094b8b;}

.qs h4{width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 18px; background: #a9a9a9; color: #054b90; border-bottom: 1px solid #000;}
.qs ul li{width: 50%; height: 118px; float: left;border: 1px solid #000; box-sizing: border-box;border-top: none;}
.qs ul li:nth-of-type(2n){border-left: none;}
.qs ul li img{max-width: 100%; max-height: 100%;}

.p-list ul li{float: left; width: calc(100% - 2px); height: 200px; border:1px solid #ccc; margin-top: 10px;transition-duration: 0.5s;}
.p-list ul li:hover{border-color: #054b90; transition-duration: 0.5s;}
.p-list ul li:nth-of-type(1){margin-top: 0;}
.p-list ul li:nth-of-type(2n){-margin-left: 8px;}
/*.p-list ul li:nth-of-type(1),.p-list ul li:nth-of-type(2){-margin-top: 0;}*/
.p-pic{float: left; width: 30%; height: 100%;}
.p-pic img{height: 100% ; max-width: 100%; }
.p-info2{width:70%; height: 100%; float: left; padding: 40px 20px; box-sizing: border-box;}
.p-info2 span{font-size: 18px;}
.p-info2 span a{color: #064a91;}
.p-info2 span a:hover{text-decoration: underline;}
.p-info2 p{margin-top: 10px; color: #666;}
.p-info2 p em{font-weight: bold; color: #000;}


/*联系我们*/
.map{width: 100%; height: 600px; position: relative;}
#map{width: 100%; height: 600px; border: 1px solid #ccc; box-sizing: border-box; margin-top: 70px; position: relative;}
.c-info2{position: absolute; right: 0; top: 0; background: url(mapbg.png) no-repeat right; width: 50%; height: 600px; z-index: 999;    border: 1px solid #ccc; border-left: none;}
.cf{width: 300px; height: 300px; position: absolute; right:25px; top: 86px; }
.cf div:nth-of-type(1){display: block;height: 96px;}
.cf div:nth-of-type(1) h2{font-size: 32px;color: #3c81db; font-weight: bold;}
.cf div:nth-of-type(1) p{color: #3c81db; font-size: 12px; }
.cf div:nth-of-type(1) h3{font-size: 22px; color:#3c81db; }
.cf div:nth-of-type(2){display: block; height: 50px; border-bottom: 2px solid #444;}
.cf div:nth-of-type(2) p{color: #9a9a9a; margin-top: 5px; font-size: 13px; letter-spacing: -1px;}
.cf div:nth-of-type(2) h3{color: #000; margin-top: 5px; font-size: 18px;}
.cf span{height: 24px; line-height: 24px; color: #444; display: block; margin-top: 5px;}

.luxian{width: 100%; height:200px; margin-top: 400px;}
.lx-tit{width: 404px; height: 44px; line-height: 44px; font-size: 18px; text-align: center; border-top: 1px dashed #ccc; float: right; margin-right: 15px;}
.gjlx{width: 453px; height: 74px; -line-height: 74px; font-size: 14px; border-top: 1px dashed #ccc; float: right; margin-right: 15px; padding: 10px 0; box-sizing: border-box;}
.jclx{width: 510px; height: 74px; -line-height: 74px; font-size: 14px; border-top: 1px dashed #ccc; float: right; margin-right: 15px; padding: 10px 0; box-sizing: border-box; margin-top: 10px;}

.payment{width: 100%; position: relative; margin: 60px auto; overflow: hidden;}
.pay-l{background: #f1f1f1 url(pay.png) no-repeat center; width: 400px; height: 450px; float: left;}
.pay-m{float: left; width: 400px; height: 450px;}
.pay-r{float: left; width: 400px; height: 450px; background: url(card.jpg) no-repeat center;}


/*相册*/
.alist{overflow: hidden;}
.alist dl{ float: left; margin-top: 10px; margin-right: 30px;}
.alist dl:nth-of-type(3n){margin-right: 0;}
.alist dl:nth-of-type(1),.alist dl:nth-of-type(2),.alist dl:nth-of-type(3){margin-top: 0;}
.alist dl:hover dd{border-color: #82a5c7; transition-duration: 0.5s;}
.alist dl dd{width: 295px; height: 205px;border: 4px solid #ccc; transition-duration: 0.5s;}
.alist dl dd a{width: 100%; height: 205px; -display: table-cell; vertical-align: middle; text-align: center; display: block; overflow: hidden;}
.alist dl dd img{width: 100%; height: 100%;}
.alist dl dt{width: 295px; height: 40px; line-height: 40px; text-align: center;}
.alist dl dt a{color: #000; font-size: 16px;}



/*新闻详情页*/
.d-tit{width: 100%; -height: 160px; background: url(in-titlebg.jpg) no-repeat top; border-left: 1px solid #054b90;border-right: 1px solid #054b90;border-bottom: 1px solid #054b90; box-sizing: border-box; margin-top: 30px; position: relative; padding: 40px 65px 30px;}
.d-tit span.dd{width: 240px; display: block; text-align: center; font-size: 22px; position: absolute; top: -20px; left:38%; color: #054b90; }
.d-tit p:nth-of-type(1){text-align: center; margin-bottom: 10px;}
.d-tit p span{margin-left: 20px;}
.d-tit p{font-size: 16px; line-height: 24px;}

.d-content{width: 100%; overflow: hidden; padding: 20px 50px; box-sizing: border-box; line-height: 32px;}
.d-tag{width: 100%; overflow: hidden; padding: 20px 50px; border-bottom: 1px solid #ccc; box-sizing: border-box;}
.d-tag span{display: inline-block;}
.goback{display: block; width: 110px; height: 24px; line-height: 24px; margin: 15px auto; text-align: center; border:1px solid #ccc;}
.goback a{color: #000;}
.goback:hover{background:#043b73; }
.goback:hover a{color: #fffc00 }

.tjnews{width: 100%; padding: 20px 50px; box-sizing: border-box; overflow: hidden;border-bottom: 1px dotted #ccc;}
.tjnews span{display: block; width: 100%; text-align: center; font-size: 16px; line-height: 50px;}
.tjnews ul li{float: left; width:265px; height: 40px; line-height: 40px; margin-left: 20px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.tjnews ul li i{color: #ccc;}
.tjnews ul li:hover i{color: #043b73;}
.tjnews ul li a{color: #666; margin-left: 10px;}
.tjnews ul li a:hover{color: #000; text-decoration: underline;}

.prenext{width: 100%; overflow: hidden; padding: 20px 50px; box-sizing: border-box;}
.d-pre{float: left;}
.d-next{float: right;}

.d-pre span,.d-next span{display: inline-block; width:65px; height: 40px; border-right: 1px solid #666; text-align: center; float: left;}
.d-pre span em,.d-next span em{font-size: 12px;}
.d-pre h3,.d-next h3{display: inline-block; line-height: 40px; float: left; padding: 0 10px;}


/*产品详情页*/
.p-intro,.p-adv,.p-features,.p-invoice{width: 100%; overflow: hidden; margin-top:60px;}

.p-title{width: 100%; margin-bottom: 20px;}
.p-title span{display: block;width: 100%; border-bottom: 1px solid #2882c2; text-align: center; color: #2882c2; font-size: 20px;}
.p-title p{text-align: center; color: #2882c2;}

.p-showbox{float: left; width: 740px; height: 460px; background: #fff; position: relative;}
.ps-hd li {width: 100%; height: 100%; text-align: center;}
.ps-hd li img{max-width: 100%; max-height: 100%;}

.ps-prev{position: absolute; left: 20px; top: 200px; width: 32px; height: 77px; background:rgba(5,75,144,0.5) url(pal.png) no-repeat left center; z-index: 999; display: block;-background-size: 35px 105px;}
.ps-next{position: absolute; right: 20px; top: 200px; width: 32px; height: 77px; background:rgba(5,75,144,0.5) url(par.png) no-repeat left center; z-index: 999; display: block;-background-size: 35px 105px;}
.ps-prev:hover{ background:rgba(5,75,144,0.8) url(pal.png) no-repeat right center; -background-size: 35px 105px; }
.ps-next:hover{ background:rgba(5,75,144,0.8) url(par.png) no-repeat right center; -background-size: 35px 105px;}
.p-detail{float: left; width: 460px; height: 460px; padding: 10px 38px; position: relative; box-sizing: border-box; background: #f2f2f2; }
.p-detail h1{color:#2882c2; line-height: 30px; font-size: 18px; border-bottom: 1px solid #2882c2; margin-bottom: 20px;}
.p-detail>span {line-height: 26px; color: #666; font-size: 14px; display: block;}

.p-cimg{width: 100%; border-top: 1px solid #054b90; }
.p-cimg div{float: left; border-radius: 50%; overflow: hidden; width: 105px; height: 105px; background: #ccc; margin-left: 16px ; margin-top: 10px;}
.p-cimg div img{width: 100%;}
.p-zixun{position: absolute; bottom: 0;left:0; width: 100%; background: #b0b0b0; height: 40px;}
.p-zixun span{display: inline-block; color: #fcff00; line-height: 40px; font-size: 18px; margin-left: 30px; }
.p-zixun a{display: inline-block;  float: right; margin-right: 20px; width: 92px; height: 26px; line-height: 26px; text-align: center; color: #000; border:1px solid #000; margin-top: 6px;}
.p-zixun a:hover{background: #054b90; color: #fffc00;}

.p-adbox{position: relative; width: 100%; overflow: hidden;}
.ad-desc{position: absolute; width: 350px; height: 100%; padding: 20px; box-sizing: border-box; left: 0; top: 0; line-height: 26px; background: #f5f5f5;}
.ad-desc h1{font-size: 18px; line-height: 36px; border-bottom: 1px solid #333; margin-bottom: 20px;}
/*.ad-desc{position: absolute; width: 255px; height: 255px; padding: 20px; box-sizing: border-box; left: 50px; top: 25%; line-height: 40px;}*/

.p-features table{width: 100%; border-color: #d4d4d4;}
.p-features table td{padding-left: 20px; height: 46px; vertical-align: middle;}

.p-display{height: 720px; width: 100%; position: relative;}
.p-trigger{position: absolute; width: 595px; height: 145px;  bottom:15px; left:25%; z-index: 99;}
.p-trigger li{width: 143px; height: 143px; margin-left: 5px; border: 1px solid #ccc; float: left;}
.p-trigger li.cur{border: 1px solid #054b90;}
.p-trigger li:nth-of-type(1){margin-left: 0;}
.p-trigger li img{width: 100%; height: 100%;}
.p-dispic{height: 606px; width: 100%; position: relative;}
.p-left{width: 245px; height: 510px; position: absolute; bottom: 0; left: 0;}
.p-mid{height: 520px; width: 595px; background: #ccc; position: absolute; top: 40px; left:25%;}
.p-mid img{width: 100%; height: 100%;}
.p-right{width: 245px; height: 510px; position: absolute; bottom: 0; right: 0;}
.p-left dl,.p-right dl{background: #ccc; position: relative;}
.p-left dl:nth-of-type(2),.p-right dl:nth-of-type(2){margin-top: 20px;}
.p-left dl dd,.p-right dl dd{width: 100%; text-align: center; height:208px}
.p-left dl dt,.p-right dl dt{position: absolute;bottom: 0; height: 38px; line-height: 38px; background: #979797; width: 100%; text-align: center;}
.p-dispic div dl dd img{width: 100%; height: 100%;}

.p-left dl,.p-right dl{width: 100%; height: 245px;}
.p-right dl img,.p-left dl img{width: 100%; height: 100%;}
.p-disinfo{height: 292px; width: 100%;  -margin-top: -110px;}
.p-disinfo div{width: 220px; height: 220px; border-radius: 50%; border:1px solid #ccc; float: left; margin-left: 62px; margin-top: 112px; overflow: hidden;}  
.p-disinfo div dt{width: 100%; height: 80px; margin: 46px 0 0 0; text-align: center; box-sizing: border-box;}
.p-disinfo div dl dt em{font-size: 60px; font-style: italic; margin-right: 20px; display: block; height:80px; line-height: 80px; font-style: italic; float: left;}
.p-disinfo div dl dt span{font-size: 46px; display:block; float: left; height:80px; line-height: 80px; }
.p-disinfo div dl dd{padding:0 20px ; box-sizing: border-box;}

.anli{border-bottom: 2px solid #054b90;}
.a1{background: url(solubg.jpg); overflow: hidden; position: relative;margin-top: 20px;}
.a-con{width: 1200px; margin: 0 auto; overflow: hidden; position: relative; height: 500px;}

.al-list{width: 202px; position: absolute; left: 0; height: 500px; z-index: 9999;}
.al-list h3{width: 100%; height:68px; line-height: 68px;background: #054b90; text-align: center; font-size: 18px; color: #fff; border-bottom: 1px solid #fff;}
.al-list ul li {width: 100%; float: left; height: 48px; line-height: 48px; text-align: center; background: #f2f2f2; border-bottom: 1px solid #ccc;}
.al-list ul li:hover,.al-list ul li.cur{background: #054b90;}
.al-list ul li a{color: #000; }
.al-list ul li:hover a,.al-list ul li.cur a{ color: #fffc00;}
.al-tel{background: url(ctbg.jpg) no-repeat center; height: 90px; clear: both;}
.al-tel span{ display: inline-block; width: 100%; color: #fff; line-height: 30px; text-align: center; margin-top: 15px;}
.al-tel span i{margin-right: 10px;line-height: 20px; background: #054b90; border-radius: 50%; display: inline-block; width: 20px; height: 20px;}
.al-tel h5{color: #fff; font-size: 20px; text-align: center;}
.a-more{width: 100%; height: 52px; background: rgba(255,255,255,0.8); clear: both; padding-top: 8px; box-sizing: border-box;}
.a-more span{display: block; width: 215px; margin: 0 auto; text-align: center; border:1px solid #000;height: 35px; line-height: 35px; font-size: 16px; }
.al-con{width: 100%; background: #ccc; height: 500px;}
.al-box{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center;}
.al-desc{width: 1000px; height: 90px; position: absolute; right: 0; bottom: 0;   box-sizing: border-box; background: #f2f2f2; }
.al-desc dt{width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 24px; color: #666;}
.al-desc dd{width:100%;  font-size: 15px; color: #666; padding: 18px 80px; box-sizing: border-box;}


.honor{margin-top: 80px; overflow: hidden; border-bottom: 2px solid #ccc; width: 100%;}

.h-show{float: left; width: 458px; height: 306px; margin-bottom: 20px;}
.h-show li{width: 100%; height: 300px;}
.h-show img{width: 100%; height: 100%; }
.h-word{width: 720px; height: 232px; float: right;}
.h-word span{display: block; font-size: 20px; font-weight: bold; height: 50px; line-height: 50px;}
.h-word span em:nth-of-type(1){height: 20px; width: 20px; border-top: 1px solid #000; border-left: 1px solid #000; display: inline-block;}
.h-word p{line-height: 24px; padding: 10px;}
.h-pic{float: right; width: 720px; height: 72px; position: relative;}
.h-pic ul li{width: 96px; height: 70px; float: left; margin-left: 12px; border: 1px solid #bdbdbd;}
.h-pic ul li:first-child{margin-left:34px;}	
.h-pic ul li.cur{border:1px solid #054b90;}
.h-pic ul li img{width: 100%; height: 100%;}
.h-prev{display: block; width: 28px; height: 72px; background: rgba(73,122,170,0.3) url(arrow-l.png) center center no-repeat; position: absolute; left: 0; background-size: 30px 108px; }
.h-next{display: block; width: 28px; height: 72px; background: rgba(73,122,170,0.3) url(arrow-r.png) center center no-repeat; position: absolute; right: 0;background-size: 30px 108px;}
.h-prev:hover{background: rgba(73,122,170,1) url(arrow-l.png) center center no-repeat;background-size: 30px 108px;}
.h-next:hover{background: rgba(73,122,170,1) url(arrow-r.png) center center no-repeat;background-size: 30px 108px;}

.fapiao{overflow: hidden; border-bottom: 2px solid #054b90; height: 300px;}
.fapiao>div{float: left;}
.piao{width: 450px; height: 270px;}
.jieshao{width: 300px; height: 270px; position: relative;}
/*.jieshao::before{content: ''; display: block; background: #26b0ff; position: absolute; bottom: -30px; width: 45px; height: 30px; left: 127px; background: url(sanjiao.png) no-repeat center; z-index: 999;}*/
.abp1{height: 100px; width: 100%; background: #054b90; border-bottom: 1px dashed;padding: 30px 60px; box-sizing: border-box;}
.abp1 h4{color:#fff; font-size: 22px; text-align: center;}
.abp1 em{font-size: 16px; text-transform: uppercase; text-align: center; display: block; color: #fff;}
.abp2{width: 100%; height:170px; background: #26b0ff; padding: 30px 35px; box-sizing: border-box;line-height: 27px; color: #fff;}
.piao-desc{width: 100%; height: 128px; background: #f2f2f2 url(sanjiao.png) no-repeat top center; position: relative; top: -32px;-border-top: 2px solid #054b90; text-align: center; font-size: 16px; line-height: 30px; padding: 20px 0; box-sizing: border-box;}

.tuijian{overflow: hidden; width: 100%; }
.prev-btn{display: block; width: 35px; height: 386px; float: left; background:rgba(81,129,177,0.5) url(pal2.png) no-repeat left center;}
.next-btn{display: block; width: 35px; height: 386px; float: right;background:rgba(81,129,177,0.5) url(par2.png) no-repeat left center;}
.prev-btn:hover{background:rgba(81,129,177,1) url(pal2.png) no-repeat right center;}
.next-btn:hover{background:rgba(81,129,177,1) url(par2.png) no-repeat right center;}
.tjbox{float: left; width:1120px; height: 386px; margin-left: 5px}
.tjbox ul li{width: 270px; float: left; height: 385px; margin-left: 8px;}
.tjbox ul li>a{width: 100%; height: 270px; display: table-cell; vertical-align: middle; text-align: center; display: block;}
.tjbox ul li img{width: 100%; height: 100%; }
.tjbox ul li div{width: 100%; height: 116px; padding: 16px 35px; box-sizing: border-box; background: #27b0ff;}
.tjbox ul li div span{font-size: 16px;}
.tjbox ul li div a{color: #fff;}
.tjbox ul li div p{font-size: 14px;}

.backbtn{text-align: center; margin: 35px 0;}
.backbtn a{display: inline-block; height: 30px; line-height: 30px; width: 166px; text-align: center; margin: 0 auto; border: 1px solid #ccc; color: #000;}
.backbtn a:hover{background: #054b90; color: #fffc00;}

.gongsi{position: relative; height: 512px; margin-bottom: 80px; margin-top: 80px;}
.gs-nav{width: 308px; height: 256px; float: left; position: absolute; top: 0; left: 0; z-index: 99}
.gs-show{width: 570px; height: 512px; float: left; margin-left: 6px;}
.gs-nav div{width: 100%; height: 126px; margin-top: 2px; background: #26b0ff; padding: 40px 0; box-sizing: border-box;}

.gs-nav div:hover{background: #054b90; color: #fcff00; transition-duration: 0.5s;}
.gs-nav div:hover span,.gs-nav div:hover h2{color: #fcff00;}
.gs-nav div h2{text-align: center; font-size: 24px; color: #fff;}
.gs-nav div span{width: 100%; text-align: center; color: #fff; display: block;}

.gs-show dl dd{width: 100%; height: 416px; }
.gs-show dl dd img{width: 100%; height: 100%;}
.gs-show dl dt{width: 100%; height: 96px; padding: 18px 48px; box-sizing: border-box;
}
.gs-show dl dt span{display: block;height: 30px; line-height: 30px; font-size: 20px;}

.gs-box{width: 100%; height: 512px;}
.gs-box-left{width: 308px; height: 252px; background: #ccc; float: left; margin-top: 260px;}
.gs-box-left img{width: 100%; height: 100%;}
.gs-box-right{width: 308px; height: 512px; margin-left: 6px; background: #eee; float: left}
.gs-box-right div{width: 100%; height: 253px; }
.gs-box-right div:nth-of-type(2){margin-top:6px; }
.gs-box-right div img{width: 100%; height: 100%;}
/*关于我们*/
.a-photo,.a-culture,.a-team,.a-customer{width: 100%;overflow: hidden;}
.a-profile{ width:100%; height: 185px; background: #e5e5e5; text-align: center; font-size: 18px; font-family: 宋体; padding: 20px; box-sizing: border-box; margin-top: 70px;}
.a-profile p{line-height: 25px;}
.a-profile span{font-size: 24px; font-weight: bold; display: block; margin-bottom: 20px;}

.a-photo img{float: left; overflow: hidden;}
.a-culture .box1{overflow: hidden;}
.a-culture .box1 div{float: left;}
.a-culture .box1 .cu-slide{width: 770px; position: relative;}
.a-culture .box1 .linian{width: 430px; height: 342px; background: #d4d4d4 url(linian.png) no-repeat center 28px;    padding: 93px 42px 0; box-sizing: border-box;}
.a-culture .box1 .linian p{font-size: 16px; margin-bottom: 18px;}
.a-culture .box1 .linian p span{font-weight: bold;}
.a-culture .box2 {width: 100%; background: #f2f2f2 url(licheng.jpg) no-repeat center; height: 162px;}
.a-culture .box2 div{width: 100%; height: 50%;}

.cu-prev{position: absolute; left: 20px; top: 138px; width: 50px; height: 100px; background:rgba(5,75,144,0.5) url(aroow-l.png) no-repeat left center; z-index: 999; display: block; -background-size: 35px 105px;}
.cu-next{position: absolute; right: 20px; top: 138px; width: 50px; height: 100px; background:rgba(5,75,144,0.5) url(aroow-r.png) no-repeat left center; z-index: 999; display: block; -background-size: 35px 105px;}
.cu-prev:hover{ background:rgba(5,75,144,0.8) url(aroow-l.png) no-repeat right center; -background-size: 35px 105px; }
.cu-next:hover{ background:rgba(5,75,144,0.8) url(aroow-r.png) no-repeat right center; -background-size: 35px 105px;}

.a-t-photo{width: 295px; height: 456px; float: left;}
.a-t-intro {width: 516px; height: 456px;float: right;}
.a-t-share{width: 516px; height: 456px; float: right;}
.a-t-share h4{width: 100%; height: 66px; background: #393939; text-align: center; font-size: 24px;color: #fcff00; line-height: 66px;}
.a-t-share div{ width: 100%; padding: 50px 40px 0; background: #dedcdd; box-sizing: border-box; height: 390px;}
.a-t-share div h1{display: block; text-align: center; font-size: 20px; font-weight: bold;}
.a-t-share div p{font-size: 18px; line-height: 40px;}
.a-t-share div em{display: block; text-align: right; margin-top: 20px;}
.a-t-show{ width: 600px; height: 100%; float: left; }
.a-t-show div{float: left; background: #ccc;height: 225px;}
.a-t-show div img{width: 100%; height: 100%;}
.a-t-show div:nth-of-type(1){width: 352px;  }
.a-t-show div:nth-of-type(2){width: 242px; margin-left: 5px;}
.a-t-show div:nth-of-type(3){width: 270px; margin-top: 5px;}
.a-t-show div:nth-of-type(4){width: 325px; margin-left: 5px; margin-top: 5px}

.a-t-show div h1{text-align: center; font-size: 18px; font-weight: bold; line-height: 60px;}
.a-t-show div p{padding: 0 30px; box-sizing: border-box; font-size: 16px; line-height: 24px;}

.shili{margin-bottom: 124px;}
.sl-slide{position: relative; height: 508px; width: 100%;}
.sl-gd{width: 226px; height: 554px; position: absolute; left:586px; top: 78px; background: url(gd.png) no-repeat left bottom; z-index: 99;}
.sl-show{width: 100%; height: 100%; overflow: hidden;}
.sl-show div{width: 100%; height: 100%;}
.sl-show div dl{width: 50%; height: 100%; float: right; background: rgba(0,0,0,0.5); padding: 0 20px; box-sizing: border-box;}
.sl-show div dl dt{margin-top: 150px;}
.sl-show div dl dt span{display: block;font-size: 46px; color: #fcff00;}
.sl-show div dl dt em{font-size: 30px; color: #fff;}
.sl-show div dl dd{ font-size: 16px; color: #fff; margin-top: 20px;}

.sl-btn{width: 50%; height: 30px; position: absolute; right: 0; bottom: 20px; text-align: center;z-index: 999;}
.sl-btn ul li{display: inline-block; width: 20px; height: 20px; margin-left: 10px; margin-top: 5px; background: rgba(0,0,0,0.5); cursor: pointer; border-radius: 50%;}
.sl-btn ul li.cur{background: rgba(0,0,0,1);}

.a-customer{}
.cu-show{width: 100%; height: 345px; margin-bottom: 40px;}
.cu-row div{height: 170px; background: #ccc; margin-top: 5px; float: left;}
.cu-row div:nth-of-type(1){width: 350px;  }
.cu-row div:nth-of-type(2){width: 490px; margin-left: 5px;}
.cu-row div:nth-of-type(3){width: 350px; margin-left: 5px;}
.cu-row img{max-width: 100%; height: 100%;}
.cu-desc{padding: 30px 35px; box-sizing: border-box;}
.cu-desc h3{font-size: 18px; font-weight: bold;}
.cu-desc p{font-size: 16px; line-height: 30px; margin-top: 10px;}

.as-show{width: 100%; overflow: hidden; }
.as-show>div{float: left;height: 400px;}
.as-show>div:nth-of-type(1){width: 320px;}
.as-show>div:nth-of-type(2){width: 480px; margin-left: 2px;}
.as-show>div:nth-of-type(3){width: 395px; margin-left: 2px; position: relative;}
.as-show>div:nth-of-type(3)>span{display: block; width: 100%; height: 50px; line-height: 50px;background: #065fb7;position: absolute; bottom: 0; text-align: center; font-size: 26px; letter-spacing: 13px; }
.as-show>div:nth-of-type(3)>span a{color: #fff;}
.as-show div img{max-width: 100%; max-height: 100%;}
/*.as-show>div:nth-of-type(4){width: 70px; margin-left: 2px;}
.as-show>div:nth-of-type(4)>span{display: block; width: 100%; height: 270px; margin-top: 130px; background: #eee;}*/


/*案例页面*/
.c-news{margin-top: 60px;}
.c-video,.c-feed{margin-top: 50px;} 
.c-problem{margin-bottom: 30px;margin-top: 50px;}
.c-n-top{overflow: hidden; width: 100%; margin-top: 25px;}
.c-n-list{overflow: hidden; width: 100%; margin-top: 25px; border-top: 2px solid #ababab; position: relative;}
.hl-slide{position: relative; overflow: hidden; height: 300px;}
.hl-pic{width:600px; height:300px; background: #ccc; float: left;}
.hl-pic img{width: 100%; height: 100%;}
.hl-info{width: 600px; height: 300px; float: left; padding-left: 55px; box-sizing: border-box;}
.h-i-title{width: 100%;}
.h-i-title span{width: 64px; height: 28px; display: inline-block; background: #054b90; color: #fffc00;line-height: 28px; text-align: center; font-size: 22px;}
.h-i-title a{color: #000; font-size: 18px; margin-left: 20px; text-decoration: underline;}
.h-i-title a:hover{text-decoration: underline;}
.hl-info p{margin-top: 42px; line-height:30px; font-size: 16px; }
.hl-more{color: #000; font-size: 14px;color: #054b90;  text-decoration: underline; margin-top: 43px; display: inherit;}

.hl-hd{position: absolute; height: 16px; right: 0; bottom: 20px; z-index: 999;}
.hl-hd li{width: 16px; height: 16px; line-height: 16px; text-align: center; float: left; margin-left: 10px; background: #2882c2; cursor: pointer; color: #fff;}
.hl-hd li.cur{background: #054b90; color: #fffc00;}

.nl-box{width: 598px; height: 160px; float: left; padding: 30px 0; box-sizing: border-box;}
.nl-date{width: 100px; height: 100px; float: left; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.nl-date em{display: block;width: 80px; text-align: center;  line-height: 40px; font-size: 40px; margin: 18px auto 0; border-bottom: 1px solid #ccc; color: #065fb7;}
.nl-date span{font-size: 14px; display: block; width: 100%; text-align: center; color: #797979; height: 22px; line-height: 22px;}
.nl-info {float: left; margin-left: 25px; width: 450px;}
.nl-info span{display: block; color: #000; 
	font-weight: bold;    
    width: 500px;
    font-size: 15px;
    overflow: hidden;
    height: 40px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;}
.nl-info span a{color: #333;}
.nl-info span a:hover{text-decoration: underline;}
.nl-info p{font-size: 16px; line-height: 28px; font-family: 宋体; color: #4d4d4d;}

.c-slide{margin-top: 25px; background: #f2f2f2;}
.c-v-nav{width: 100%; height: 50px; background: #065fb7; }
.c-v-nav li{width: 20%; float: left; line-height: 50px; font-size: 18px; text-align: center; color: #fff;}
.c-v-nav li:hover{background: #054b90; color: #fffc00; cursor:pointer;}
.c-v-nav li.cur{background: #054b90; color: #fffc00; cursor:pointer;}
.c-v-show{width: 1200px; background: #f2f2f2; margin: 0 auto;}
.cv-box{width: 1200px; height: 385px; margin: 0 auto;}
.cv-intor{width: 346px; height: 100%; float: left; padding: 70px 45px; box-sizing: border-box; background: #e6e6e6;}
.cv-intor span{ font-size: 18px; font-weight: bold; display: block;}
.cv-intor p{font-size: 16px; font-family: 宋体; line-height: 30px; margin-top: 20px;}
.cv-intor em{display: block; float: right;width: 100%; height: 10px; background: url(dz.png) no-repeat right center;}
.cv-video{width: 854px; float: left; height: 100%; background: #ccc;}
.cv-video img{width: 100%; height: 100%;}
.cv-more{width: 162px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; display: block; margin: 20px auto; border: 1px solid #ccc; color: #000;}
.cv-more:hover{background: #054b90; color: #fffc00;}

.f-slide{margin-top: 25px;}
.f-show{width: 592px; height: 420px; float: left;}
.f-show dl dd{width: 100%; height: 340px; background: #666;}
.f-show dl dd img{width: 100%; height: 100%;}
.f-show dl dt{width: 100%; height: 80px; background: #ccc; padding: 10px 20px; box-sizing: border-box; font-size: 16px; line-height: 22px;}
.f-show dl dt p{width: 85%; float: left;}
.f-show dl dt a{display: block; float: right; color: #065fb7; text-decoration: underline; margin-top: 38px; font-size: 14px;}
.f-list{width: 595px; margin-left: 10px; height: 420px; background: #f4f4f4; float: left;}
.f-list li{}
.fl-left{width: 96px; height: 140px; float: left;}
.fl-left span{width: 46px; height: 98px; margin: 0 auto; display: block; background: #065fb7;margin-top: 10px; font-size: 20px; color: #fff; padding: 22px 14px; line-height: 30px; box-sizing: border-box;}
.fl-left em{color: #2882c2 ;font-size: 14px; display: block;width: 100% ; text-align: center;}
.fl-right{width: 498px; height: 140px; padding: 30px 24px; box-sizing: border-box; float: left;border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
.f-list li:last-child .fl-right{border-bottom: none;}
.fl-right span{display: block; line-height: 30px; font-size: 18px; font-weight: bold;}
.fl-right span a{color: #000; }
.fl-right span a:hover{text-decoration: underline;}
.fl-right p{margin-top: 10px; font-size: 16px; font-family: 宋体;}
.fl-right p a{color: #2882c2;}
.fl-right p a:hover{text-decoration: underline;}

.cp-box{width: 100%; height: 505px; background: url(cpbg.jpg) no-repeat center; position: relative;}
.cp-left{width: 692px; float: left;}
.cp-left dl{width: 100%; height:120px;}
.cp-left dl:first-child{margin-top: 28px;}
.cp-left dl dt{width: 100%; height: 28px; background: url(cptit.jpg) no-repeat center; font-size: 16px; color: #fff; line-height: 28px; padding-left: 15px; }
.cp-left dl dd{ font-size: 16px; line-height: 26px; color: #000; height: 92px; padding: 18px 15px; box-sizing: border-box;}
.cp-right{width: 430px; float: right;}
.cp-right div{width: 400px; height: 400px;  overflow: hidden; margin-top: 40px; }
.cp-right div img{width: 100%; height: 100%;}
.cp-more{width: 136px; height: 24px; line-height: 24px; font-size: 14px; text-align: center; display: block; margin: 15px auto; border: 1px solid #ccc; color: #000;}
.cp-more:hover{background: #054b90; color: #fffc00;}


/*改版样式*/
.hp_t1 {
    margin-top: 35px;
    margin-bottom: 15px;
}
.hp_w1100 {
    width: 1100px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.hp_t1 h6 {
    font-size: 22px;
    line-height: 30px;
    height: 30px;
    font-family: 黑体, Tahoma, Arial, Helvetica, sans-serif;
    font-weight: 200;
    color: rgb(0, 0, 0);
}
.hp_t1 h6 span {
    font-size: 16px;
    font-family: Verdana;
    font-weight: lighter;
    color: #808080;
}
.hp_c8 {
    line-height: 28px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
}
.hp_c9 li {
    width: 266px;
    height: 325px;
    display: inline;
    float: left;
    overflow: hidden;
    background: #f2f2f2;
    margin: 15px 4px;
}
.hp_c9 li p {
    line-height: 30px;
    margin-top: 25px;
    font-size: 14px;
    text-align: center;
}
.hp_c9 li p span {
    font-size: 16px;
}

.hp_c8 {
    line-height: 28px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
}
.hp_c10_z {
    width: 544px;
    height: 300px;
    background: #f2f2f2;
    display: inline;
    float: left;
    position: relative;
}
.hp_c10_r {
    width: 456px;
    height: 300px;
    margin-left: 40px;
    margin-right: 30px;
    display: inline;
    float: right;
}
.hp_c10_z p {
    margin-top: 15px;
    line-height: 30px;
    font-size: 16px;
    margin-left: 15px;
}
.hp_c10_z_1 {
    position: absolute;
    bottom: 10px;
    left: 15px;
    font-size: 16px;
    color: #0066d4;
}
.dow{height:150px}
.dow img {float:left}
.dowz{float:left;margin-top:21px;font-size:20px;color:#fff;line-height:34px;margin-left:33px}
.dd p{float:left;line-height:30px}
.dede_pages li{float:left;line-height:40px;margin-left:30px}

.d-pre h3{width:300px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow：ellipsi}