@charset "utf-8";
body{margin: 0;background: #fff url(img/bg.jpg) repeat-x top;font-family: Microsoft YaHei;font-size: 14px;line-height: 180%;letter-spacing: 1px;min-width: 1100px;}
*{margin: 0;padding: 0;}
span{margin: 0;padding: 0;}
li{list-style: none;}
i,em{font-style: normal;}
p{text-indent: 2em;}
img{border: none;vertical-align: middle;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.cen{text-align: center;text-indent: 0;}
a{color: #000;text-decoration: none;}
a:hover{color: #0c5cc8;text-decoration: underline;}
header .top{width: 1100px;height: 40px;margin: 0 auto;color: #2e2e2e;line-height: 40px;}
header .top img{padding-right: 5px;vertical-align: middle;}
header .weixin{position: relative;float: right;}
header .weixin span{display: none;position: absolute;left: -25px;top: 35px;z-index: 9999;padding: 10px;background: #eee;color: #666;line-height: 24px;text-align: center;}
header .weixin:hover span{display: block;}
header .weixin a:hover{color: #000;text-decoration: none;}
header .head{width: 1100px;height: 145px;margin: 0 auto;background: url(img/header.jpg) no-repeat;}
header .head .left{float: left;width: 400px;padding-top: 18px;padding-left: 280px;font-size: 18px;line-height: 35px;}
header .head .left b{display: block;color: #0c5cc8;font-size: 24px;}
header .head .left span{display: block;color: #484848;font-size: 18px;}
header .head .right{float: right;width: 240px;padding-top: 42px;}
header .head .right b{color: #db3233;font-family: Arial;font-size: 32px;line-height: 35px;letter-spacing: 0px;}
footer{width: 100%;margin: 0 auto;padding: 20px 0 0 0;}
footer .foot{position: relative;width: 100%;height: 300px; background: #0c5cc8;}
footer .returnTop{position: relative;top: -45px;width: 99px;height: 99px;margin: 0 auto;}
footer .logo{float: left;width: 170px;height: 140px;background: url(img/x1.png) no-repeat right 0;color: #fff;}
footer .copy{float: left;width: 600px;height: 200px;margin-left: 40px;color: #fff;line-height: 38px;}
footer .copy a{color: #fff;}
footer .ewm{float: right;width: 188px;height: 180px;background: url(img/ewmbg.png) no-repeat center bottom;text-align: center;}
footer .ewm img{width: 130px;height: 130px;}
#linking{font-size: 5px;text-align: left;line-height: 12px;}
#linking a{color: #fff;}
#nav{width: 1100px;height: 58px;margin: 0 auto;}
#nav li{float: left;width: 122px;height: 55px;font-size: 16px;text-align: center;line-height: 55px;background: url(img/nava.jpg) no-repeat right center;}
#nav li a{display: block;color: #fefefc;}
#nav li a:hover,#nav li:first-child a{color: #0c5cc8;text-decoration: none;background: #fff;border-bottom: 3px #db3233 solid;}
.banner{position: relative;overflow: hidden;width: 100%;}
.banner .show{position: absolute;overflow: hidden;left: 50%;top: 0;width: 2500px;margin-left: -1250px;}
.banner .show ul{position: relative;overflow: hidden;float: left;width: 2500px;height: 580px;}
.banner .show ul li{float: left;position: absolute;display: none;width: 2500px;text-align: center;}
.banner .focus{position: absolute;bottom: 15px;left: 46%;padding: 5px 6px;}
.banner .focus a{float: left;display: block;width: 18px;height: 18px;margin-left: 5px;border-radius: 14px;color: #fffab1;cursor: pointer;background: #fff none repeat scroll 0 0;transition: width .5s ease 0s, height .5s ease 0s, background .5s ease 0s, color .5s ease 0s;}
.banner .focus a.on{width: 32px;height: 18px;color: #015cb5;background: #015cb5 none repeat scroll 0 0;}
.hot{position: absolute;bottom: 10px;z-index: 2;width: 100%;height: 42px;line-height: 42px;}
.hot .wrapper{width: 1100px;margin: 0 auto;}
.content{width: 1100px;margin: 0 auto;}
.sbg{width: 100%;height: 65px;background: #f1f1f1;}
.sbg .sleft{float: left;width: 485px;line-height: 65px;}
.sbg .sleft span{float: left;width: 95px;padding-left: 30px;background: url(img/ico7.png) no-repeat 0 center;color: #403f3f;font-size: 16px;font-weight: bold;}
.sbg .sleft .input{width: 300px;height: 38px;padding: 0 0 0 10px;border: 1px #dfdede solid;color: #c4c4c4;line-height: 38px;vertical-align: middle;outline: none;background: #fff;}
.sbg .sleft .fr input{width: 39px;height: 40px;background: url(img/sbg.jpg) no-repeat left center;cursor: pointer;vertical-align: middle;border: 0px #000 solid;outline: none;}
.sbg .sright{float: right;width: 550px;line-height: 65px;}
.sbg .sright a{margin: 0 8px;}
#xh{ margin:0px auto; margin-bottom:15px; background:#a6caea; line-height:30px;}
#xh th{ background:#f4f4f4; color:#222;}
#xh td{ background:#f4f4f4; color:#0c5cc8; text-align:center;}
#xh td a{ color:#0c5cc8;}



.w1100{ width:1100px; margin:25px auto; overflow:hidden;}
.pp{ padding-top:5px; padding-bottom:66px; position:relative;}
.pp .title{ height:60px; color:#0c5cc8; font-size:24px; text-align:center; font-weight:bold; line-height:30px;}
.pp .title em{ display:block; color:#111; font-size:14px; font-weight:normal; font-style:normal;}
.pp .list ul{ margin:0px; padding:0px;}
.pp .list li{ width:220px; float:left;}
.pp .list li a{ width:172px; height:110px; margin-top:20px; padding:13px 16px; display:block;}
.pp .list li a .imgbox{ width:172px; height:110px; position:relative; overflow:hidden;}
.pp li .imgbox .bg{ width:100%; height:100%; opacity:0; filter:alpha(opacity=0); background:#666; position:absolute; left:0; top:0; transition:400ms;}
.pp li .imgbox .i5{ opacity:0; filter:alpha(opacity=0); margin:-34px 0 0 -34px; position:absolute; left:10%; top:50%; transition:400ms;}
.pp li .imgbox .i6{ opacity:0; filter:alpha(opacity=0); margin:-16px 0 0 -17px; position:absolute; left:90%; top:50%; transition:400ms;}
.pp .list li a:hover{ background:url(img/pp-hover.jpg) no-repeat center;}
.pp .list li a:hover .bg{ opacity:0.8; filter:alpha(opacity=80);}
.pp .list li a:hover .i5{ left:50%; opacity:1; filter:alpha(opacity=100);}
.pp .list li a:hover .i6{ left:50%; opacity:1; filter:alpha(opacity=100);}
.pp a.prev, .pp a.next{ width:36px; height:36px; position:absolute; background:url(img/ico.jpg) no-repeat; background-position:0 0; left:500px; bottom:20px;}
.pp a.prev:hover{ background-position:0 -38px;}
.pp a.next{ background-position:-44px -38px; left:545px;}
.pp a.next:hover{ background-position:-44px 0;}


.brand h2,.app h2,.about h2{display: block;width: 320px;height: 90px;margin: 0 auto;background: url(img/tbg1.png) no-repeat center bottom;color: #191e24;font-size: 28px;line-height: 33px;text-align: center;cursor: default;font-weight: normal;}
.brand h2 span,.app h2 span,.about h2 span{display: block;font-size: 16px;text-transform: uppercase;}
.sort{width: 1100px;height: 120px;margin: 0 auto;}
.sort-fl{float: left;width: 200px;color: #0a0a0a;font-size: 26px;line-height: 38px;font-weight: 700;}
.sort-fl span{display: block;color: #b1b0b0;font-family: Arial;text-transform: uppercase;}
.sort-fr{float: right;width: 890px;}
.sort-fr li{float: left;height: 38px;margin: 10px;}
.sort-fr li a{display: block;padding: 0 20px;color: #2a2833;font-size: 16px;line-height: 38px;border: 1px #ccc solid;}
.sort-fr li a:hover,.sort-fr li:first-child a{color: #fff;text-decoration: none;background: #0c5cc8;border: 1px #0c5cc8 solid;}
.cpbg{overflow: hidden;padding-bottom: 30px;background: #f1f1f1 url(img/bg1.jpg) no-repeat center bottom;}
.cpbg .content{overflow: hidden;background: #0c5cc8 url(img/ico1.png) no-repeat center 0;}
.cpc{width: 1080px;margin: 20px 0 0 20px;padding-top: 40px;}
.cpc dl{float: left;display: inline;width: 340px;height: 310px;margin: 0 20px 30px 0;background: #fff;text-align: center;transition: all .8s;}
.cpc dl dt{overflow: hidden;display: table-cell;width: 340px;height: 255px;background: #f1f1f1;text-align: center;vertical-align: middle;}
.cpc dl dt img{overflow: hidden;transition: all .8s;}
.cpc dl dd{height: 50px;font-size: 16px;line-height: 50px;}
.cpc dl dd a{color: #191e24;}
.cpc dl:hover{transform: translateY(-10px);}
.cpc dl:hover img{transform: scale(1.02,1.02);-webkit-transform: scale(1.02,1.02); opacity: .8;}
.ys{overflow: hidden;padding-top: 40px;background: url(img/ysbg.jpg) no-repeat center 0;}
.ys h2{height: 175px;padding-left: 310px;color: #fff;font-size: 36px;line-height: 50px;font-weight: normal;}
.ys h2 span{display: block;font-size: 18px;}
.ysc{width: 1100px;margin: 0 auto;}
.ysc dt{color: #0c5cc8;font-size: 23px;line-height: 40px;font-weight: bold;}
.ysc dt span{color: #db3233;}
.ysc dd{width: 450px;margin-top: 8px;color: #121212;}
.ysc dd p{margin: 10px 0;padding-left: 20px;background: url(img/ico2.png) no-repeat 0 8px;line-height: 26px;text-indent: 0;}
.ysc dd p b{color: #0c5cc8;}
.ysleft{float: left;width: 505px;margin-left: 40px;}
.ysright{float: right;width: 505px;margin-left: 40px;}
.ys1{height: 544px;padding-top: 85px;}
.ys2{height: 545px;}
.ys3{height: 465px;}
.ys4{height: 510px;}
.app{position: relative;top: -90px;height: 450px;background: url(img/bg1.png) no-repeat center 0;}
.abg{width: 100%;height: 300px;background: #f1f1f1;}
.app h2{padding-top: 150px;}
.appc{position: relative;width: 1100px;margin: 0 auto;padding-top: 10px;}
.appc .left-app{position: absolute;left: -35px;top: 100px;z-index: 1;cursor: pointer;width: 32px;height: 59px;background: url(img/left-app.png) no-repeat 0 0;}
.appc .right-app{position: absolute;right: -35px;top: 100px;z-index: 1;cursor: pointer;width: 32px;height: 59px;background: url(img/right-app.png) no-repeat 0 0;}
.appbox{width: 1100px;}
.appbox a{color: #fff;}
.appbox dl{position: relative;float: left;width: 259px;height: 232px;margin: 0 8px;background: #0c5cc8;transition: all .2s ease 0s;}
.appbox dl dt{overflow: hidden;width: 253px;height: 165px;text-align: center;border: 3px #f7f7f7 solid;}
.appbox dl dt img{width: 253px;height: 165px;transition: all .5s;}
.appbox dl dd{width: 86%;margin: 0 auto;font-size: 16px;text-align: center;line-height: 60px;}
.appbox dl:hover{background: #db3233;}
.appbox dl:hover img{transform: scale(1.1);}
.about{padding-top: 30px;}
.about dl{width: 1050px;margin: 0 auto;padding: 25px;}
.about dl dt{float: right;width: 505px;height: 398px;}
.about dl dt img{width: 505px;height: 398px;}
.about dl dd{float: left;width: 500px;height: 383px;margin: 20px 0 0 15px;}
.about dl dd h3{color: #0463bf;font-size: 22px;font-weight: 700;}
.about dl dd h3 img{display: block;padding-bottom: 15px;}
.about dl dd p{height: 170px;margin-top: 40px;padding-top: 30px;border-top: 1px #dedede solid;color: #525353;line-height: 28px;text-indent: 0;}
.about a.more{display: block;width: 130px;height: 38px;border-radius: 38px;background: #db3233;color: #fff;font-size: 15px;line-height: 38px;text-align: center;}
.about a.more:hover{background: #0c5cc8;text-decoration: none;}
.abbg{height: 470px;margin-top: 20px;background: url(img/abg.jpg) no-repeat center bottom;}
.cangku{overflow: hidden;width: 100%;height: 320px;margin: 0 auto;padding-top: 25px;background: #f7f7f7;}
.cangku h2{height: 50px;background: url(img/x1.jpg) repeat-x 0 center;}
.cangku h2 em{display: block;width: 160px;height: 50px;margin: 0 auto;padding: 0 5px;color: #fff;font-size: 18px;line-height: 50px;text-align: center;font-weight: 400;background: #0c5cc8;}
.ckc{position: relative;width: 1100px;height: 180px;margin-top: 20px;}
.ckc .left-ck{position: absolute;top: 70px;left: -40px;width: 80px;height: 33px;background: url(img/left-ck.jpg) no-repeat center;cursor: pointer;}
.ckc .right-ck{position: absolute;top: 70px;right: -40px;width: 80px;height: 33px;background: url(img/right-ck.jpg) no-repeat center;cursor: pointer;}
.ckc .left-ck:hover{background: url(img/left-ck1.jpg) no-repeat center;}
.ckc .right-ck:hover{background: url(img/right-ck1.jpg) no-repeat center;}
.ckcbox{overflow: hidden;position: relative;width: 1100px;height: 180px;}
.ckcbox ul{height: 280px;}
.ckcbox ul li{float: left;width: 267px;height: 180px;margin: 0 4px;}
.img6{float: left;position: relative;width: 267px;height: 180px;}
.img6 img{width: 267px;height: 180px;}
.img6_info{position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-align: center;-webkit-backface-visibility: hidden;backface-visibility: hidden;background: rgba(0, 0, 0, .6);opacity: 0;-moz-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;}
.img6_info img{width: 29px;height: 29px;margin-top: 60px;text-align: center;}
.img6_info span{color: #fff;font-size: 16px;line-height: 30px;}
.img6 a:hover .img6_info{opacity: .8;}
.xinwen{overflow: hidden;width: 1100px;margin: 25px auto;}
.xinwen h2{height: 51px;background: url(img/x2.jpg) repeat-x 0 bottom;line-height: 45px;}
.xinwen h2 b{float: left;height: 45px;padding: 0 10px 0 35px;border-bottom: 6px #0665c3 solid;color: #0463bf;font-size: 18px;line-height: 45px;}
.xinwen h2 a{font-size: 14px;font-weight: normal;}
.xinwen .xwnr{margin: 20px auto;}
.xinwen .xwleft{float: left;width: 685px;}
.xinwen .xwleft h2 b{background: url(img/ico5.png) no-repeat 0 center;}
.xinwen .xwleft .no1{overflow: hidden;}
.xinwen .xwleft .no1 dl{display: inline;height: 190px;}
.xinwen .xwleft .no1 dt{float: left;width: 330px;height: 180px;margin-right: 20px;}
.xinwen .xwleft .no1 dt img{width: 330px;height: 180px;}
.xinwen .xwleft .no1 dd{overflow: hidden;float: left;width: 320px;color: #636161;font-size: 13px;line-height: 24px;transition: all .5s;}
.xinwen .xwleft .no1 dd h3{overflow: hidden;display: block;color: #393939;font-size: 18px;line-height: 45px;}
.xinwen .xwleft .no1 dd h3 a:hover{color: #0c5cc8;}
.xinwen .xwleft .no1 dd p{height: 90px;text-indent: 0;}
.xinwen .xwleft .no1 dd span a{display: block;width: 135px;height: 38px;background: #db3233;border-radius: 38px;color: #fff;font-size: 15px;line-height: 38px;text-align: center;}
.xinwen .xwleft .no1 dd a:hover{text-decoration: none;}
.xinwen .xwleft .no1 dl:hover dd{transform: translateX(10px);}
.xinwen .xwleft .xwc{overflow: hidden;margin-top: 10px;}
.xinwen .xwleft .xwc li{float: left;width: 324px;height: 50px;margin: 10px 26px 10px 0;border: 2px #e0e0e0 solid;line-height: 50px;text-indent: 20px;}
.xinwen .xwleft .xwc li:hover{border: 2px #0461be solid;}
.xinwen .xwleft .xwc li a{color: #525252;font-size: 12px;}
.xinwen .xwleft .xwc li a:hover{text-decoration: none;}
.xinwen .xwleft .xwc li:nth-child(2n){margin-right: 0;}
.xinwen .xwright{float: right;width: 395px;}
.xinwen .xwright h2 b{background: url(img/ico6.png) no-repeat 0 center;}
.xinwen .xwright .xwnr ul{width: 390px;}
.xinwen .xwright .xwnr li{width: 380px;padding: 10px 5px 10px;}
.xinwen .xwright .nnr{width: 380px;height: 115px;border-bottom: 1px #cbcbcb dashed;}
.xinwen .xwright .nnr h4{overflow: hidden;display: block;padding: 0 0 0 40px;background: url(img/nwen.png) no-repeat 8px 10px;color: #393939;font-size: 14px;line-height: 40px;text-overflow: ellipsis;white-space: nowrap;}
.xinwen .xwright .nnr p{overflow: hidden;width: 340px;height: 55px;padding: 8px 0 0 40px;background: url(img/nda.png) no-repeat 8px 10px; color: #4f4e4e;font-size: 13px;line-height: 24px;text-indent: 0;}
.xinwen .xwright .xwnr a:hover{text-decoration: none;}
.news li .pic{width: 200px;height: 130px;position: absolute;left: 0;border-radius: 5px;overflow: hidden;}
.news li .pic img{width: 100%;height: 130px;transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.news li .info{height: 130px;overflow: hidden;}
.news li .info h4{padding-bottom: 8px;color: #333;font-size: 16px;line-height: 40px;font-weight: 100;}
.news li .info p{color: #999;font-size: 13px;line-height: 22px;text-indent: 0;}
.news li a{display: block;padding: 20px 30px 20px 230px;border-bottom: 1px solid #ddd;position: relative;}
.news li a:hover{padding-left: 240px;padding-right: 20px;text-decoration: none;}
.news li a:hover .info h4{color: #0c5cc8;}
.news li a:hover .pic img{transform: scale(1.08,1.08);}
.w1100{overflow: hidden;width: 1100px;margin: 30px auto;}
.w1100 .left{float: left;width: 270px;}
.w1100 .left h2{height: 70px;padding-top: 20px;background: #0c5cc8;color: #fff;font-size: 26px;text-align: center;line-height: 30px;}
.w1100 .left h2 span{display: block;font-size: 14px;text-transform: uppercase;font-weight: normal;}
.w1100 .left ul{padding: 10px 0;background: #f5f5f5;}
.w1100 .left li{width: 230px;height: 45px;margin: 0 auto;background: url(img/libg.png) no-repeat center 0;font-size: 15px;line-height: 35px;}
.w1100 .left li a{display: block;padding-left: 45px;color: #333;font-weight: 700;}
.w1100 .left li a:hover{background: url(img/libgh.png) no-repeat center 0; color: #0c5cc8;text-decoration: none;}
.w1100 .left ul p{text-indent: 0;}
.w1100 .left ul p span{display: inline-block;width: 70px;text-align: right;}
.w1100 .right{float: right;width: 805px;}
.w1100 .right h2{height: 30px;padding-left: 25px;border-bottom: 3px #0c5cc8 solid;background: url(img/ico4.png) no-repeat 5px center;font-size: 16px;line-height: 30px;}
.w1100 .right .txt{padding: 25px;}
.w1100 .right .txt p{margin-bottom: 10px;}
.w1100 .right .txt h4{margin-bottom: 20px;font-size: 20px;text-align: center;}
.lianxi{width: 540px;height: 520px; margin: 0 auto;background: url(img/ys4.png) no-repeat right bottom;}
.lianxi h3{margin-bottom: 10px;}
.lianxi p{text-indent: 0;}
.lianxi p span{display: inline-block;width: 70px;text-align: right;}
.pro{clear: both;padding: 10px 0 0 0;}
.pro li{float: left;width: 246px;height: 200px; padding: 10px;text-align: center;}
.pro li img{width: 240px;margin: 2px;transition: .5s;}
.pro li img:hover{transform: scale(1.2,1.2);}
.pro li .div1{overflow: hidden;display: table-cell;width: 244px;height: 164px;border: 1px #ccc solid;vertical-align: middle;}
.pro li .div2{overflow: hidden;width: 246px;height: 30px;line-height: 30px;}


.cert{clear: both;padding: 10px 0 0 0;}
.cert li{float: left;width: 246px;height: 200px; padding: 10px;text-align: center;}
.cert li img{width: 240px;margin: 2px;transition: .5s;}
.cert li img:hover{transform: scale(1.2,1.2);}
.cert li .div1{overflow: hidden;display: table-cell;width: 244px;height: 164px;border: 1px #ccc solid;vertical-align: middle;}
.cert li .div2{overflow: hidden;width: 246px;height: 30px;line-height: 30px;}



.page{clear: both;padding: 3px;text-align: center;}
.next1{padding: 10px;border: #999 1px dashed;text-align: center;}
.scrollsidebar{position: absolute;top: 150px;z-index: 999;}
.side_content{overflow: hidden;float: left;width: 150px;height: auto;border-radius: 8px;}
.side_content .side_list{overflow: hidden;width: 150px;}
.side_title{height: 46px;}
.side_title,.side_bottom,.close_btn,.show_btn{background: url(img/sidebar_bg.png) no-repeat;}
.close_btn{float: right;display: block;width: 21px;height: 16px;margin: 17px 10px 0 0;cursor: pointer;}
.close_btn span,.show_btn span{display: none;}
.side_center{padding: 5px 12px;}
.side_center .go-top{height: 45px;padding-top: 5px;background: url(img/totop.png) no-repeat center center;}
.side_center .go-top a{display: block;width: 100%;height: 45px;}
.other{text-align: center;}
.other p{padding: 5px 0;color: #fff;font-weight: bold;text-indent: 0;}
.other b{padding: 5px 0;color: #eee;}
.show_btn{overflow: hidden;float: left;width: 0;height: 147px;margin-top: 50px;cursor: pointer;}
.side_green .side_title{background-position: right 0;}
.side_green .close_btn{background-position: -44px -23px;}
.side_green .close_btn:hover{background-position: -66px -23px;}
.side_green .side_center{background: #0c5cc8;}
.side_green .show_btn{background-position: -147px 0;}


.side_center .custom_service p {text-align:center;height:40px;line-height:40px;margin:0;vertical-align:middle;background:url('../images/QQOnline/qq31.png') no-repeat 0 center;}

.down li{border-bottom: 1px dashed #c0c0c0;line-height: 40px;}
.down li a{color: #2c2c2c;}
.down li a:hover{color: #cc0000;text-decoration: none;}
.down li a span{padding: 0 15px;}
.contact{ margin:0 auto; background:#c2dce9;}
.contact td{ padding:10px; background:#fff; text-align:center;}
.contact h2, .contact h3{ padding-right: 250px; text-align: right; }
.contact p{ padding-left: 200px; text-align: left; }