/* CSS Document */
/*logo*/
.topBar{width:100%; border-bottom: 1px solid #e1e1e1; text-align:left; line-height: 45px;color: #7f7f7f; float:left;}
.top{ width:100%; float:left; font-size:14px; background: #fff;}
.topcon{width:1400px; margin:0 auto;}
.tleft{background: url(../images/tophome.png) 0 center no-repeat;padding-left: 24px;}
.tright li{ float:left; margin:0 10px;}
.tright a{ color:#7f7f7f; font-size:14px;}
.logo{margin-top: 20px;}
.menu{width:1000px; height:95px;position:relative;margin-left: 20px; z-index: 100;}

.menu ul {padding:0; margin:0;list-style-type: none;}
.menu li{ width: 125px; text-align: center; float: left; height: 95px; line-height: 95px; background: url(../images/nav-li-split.jpg) no-repeat left center; }
.menu li:first-child{ background: none; }
.menu li s{ transition: all .3s; }
.menu li a{ width: 100%; display: block; font-size: 16px; }
.menu li a:hover{ background: #2553b3; color: #fff; }
.menu li:hover,.menu li.hover{ height: 109px; background: #2553b3; border-top: 3px solid #f14a00; line-height: 40px; color: #fff; }
.menu li:hover a,.menu li.hover a{ color: #fff; }
.menu li s{ width: 46px; height: 0; display: block; margin: 0px auto 0;background: url(../images/nav-ico.png) no-repeat left top; }
.menu .nav1 s{ background-position: -76px 0; }
.menu .nav2 s{ background-position: -156px 0; }
.menu .nav3 s{ background-position: -234px 0; }
.menu .nav4 s{ background-position: -312px 0; }
.menu .nav5 s{ background-position: -391px 0; }
.menu .nav6 s{ background-position: -470px 0; }
.menu .nav7 s{ background-position: -550px 0; }
.menu .nav8 s{ background-position: -626px 0; }
.menu li:hover s,.menu li.hover s{ height: 46px; margin-top: 15px; }

/*下拉菜单*/
.menu li.mainlevel{ position:relative; z-index:10000;}
.menu li.mainlevel ul{ overflow:hidden; background:rgba(4,86,186,0.8); padding:0px 0; width:100%; }
.lbul{ display:none; position:absolute; left:0px; top:105px; width:100%;z-index:10001; }
.menu li.mainlevel ul li{float:none;background:none; display:block;height:40px; margin:0; width:auto;border:none;}
.menu li.mainlevel ul li a{font-size:14px; background:none; color:#fff;display:block;height:40px;  font-weight:normal;line-height:40px; padding:0; border-bottom:1px solid #fff}
.menu li.mainlevel ul li a:hover{ background: #f14a00; color:#fff; font-weight:normal; text-decoration:none;height:40px;line-height:40px;border-bottom:1px solid #FFF500}
/*导航结束*/
.fixedNav {position: fixed;top: 0px;left: 0px;width: 100%;z-index: 100000;_position: absolute;_top:expression(eval(document.documentElement.scrollTop));}


.banner{width:100%; position:relative; float:left;}
.banner img{width:100%;}

/*主体部分*/
.wrap{position:relative; float:left; width:100%;}
.w1200{width:1200px; margin:0 auto; position:relative;}
.w1400{width:1400px; margin:0 auto; position:relative;}
.wm{ margin:30px auto;width:100%; float:left;}

/*通用标题*/
.title {line-height: 1;padding-top: 27px;position: relative;z-index: 1;text-align: left;width: 100%; float:left;}
.title h3 {font-size: 24px;font-weight: bold;line-height: 1;}
.title .en {text-transform: uppercase;font-size: 48px;font-weight: bold;line-height: 52px;color: #f1f3f7;position: absolute;width: 100%;left: 0;top: 0;z-index: -1;}
.title .line {margin-top: 16px; width: 34px;height: 2px; background-color: #2177c3;border-radius: 1px;}
.title p {letter-spacing: 3px;color: #666666;  padding-top: 17px;font-size: 16px;}

/*产品展示*/
.products{width:100%; float:left; margin:40px 0; position:relative;}
.proNav{width: 100%;float: left; margin: 30px 0;}
.proNav a {display: inline-block;position: relative;width: 130px;height: 50px;margin: 0 15px;z-index: 2;color: #fff;font-size: 16px;text-align: center;line-height: 50px;}
.proNav a span {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 5px;width: 100%;height: 100%; }
.proNav a:before {content: "";display: block;position: absolute;left: 2px;top: -5px;width: 0;height: 100%;z-index: -1; background-color: #fea317;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-webkit-transform: skewX(-25deg);-moz-transform: skewX(-25deg);-o-transform: skewX(-25deg);transform: skewX(-25deg);}
.proNav a:after {content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;background-color: #303030;-webkit-transform: skewX(-25deg);-moz-transform: skewX(-25deg);-o-transform: skewX(-25deg);transform: skewX(-25deg);background-repeat: no-repeat;background-image: -webkit-linear-gradient(left, #0456ba, #0456ba);background-image: linear-gradient(to right, #0456ba, #0456ba);-webkit-transition: all 0.5s;transition: all 0.5s;background-size: 0% 100%;background-position: center center;}
.proNav a:hover:before {width: 100%;}
.proNav a:hover:after {background-size: 100% 100%;}
.plist{width: 100%; float: left;}
.plist ul:after {content: "";display: block;clear: both;font-size: 0;line-height: 0;}
.plist li {float: left;width: 445px;margin: 0 30px 30px 0;}
.plist li:nth-child(3n){margin-right: 0;}
.plist li .pic {display:block;width: 100%;height: 316px;position: relative;overflow: hidden;}
.plist li .pic img {display: block;position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;right: 0;top: 0;bottom: 0;margin: auto;-webkit-transform: scale(1.1) rotate(0);-moz-transform: scale(1.1) rotate(0);-o-transform: scale(1.1) rotate(0);transform: scale(1.1) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.plist li .pic:before {content: "";display: block;background: url(../images/proAdd.png) center center no-repeat;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(2) rotate(0);-moz-transform: scale(2) rotate(0);-o-transform: scale(2) rotate(0);transform: scale(2) rotate(0);}
.plist li:hover .pic img {-webkit-transform: scale(1) rotate(0);-moz-transform: scale(1) rotate(0);-o-transform: scale(1) rotate(0);transform: scale(1) rotate(0);}
.plist li:hover .pic:before {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1) rotate(0);-moz-transform: scale(1) rotate(0);-o-transform: scale(1) rotate(0);transform: scale(1) rotate(0);}
.plist li .cont {height: 70px;padding: 8px 16px;position: relative;padding-right: 50px;border-bottom: 1px solid #e0e0e0;background-repeat: no-repeat;background-image: -webkit-linear-gradient(left, #0456ba, #0456ba);background-image: linear-gradient(to right, #0456ba, #0456ba);-webkit-transition: all 0.5s;transition: all 0.5s;background-size: 100% 0;background-position: left top;}
.plist li .cont .bt {text-align:left;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color: #545454;line-height:50px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.plist li .cont p {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #858585;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.plist li .cont .more {display: block;position: absolute;right: 8px;top: 20px;width: 30px;height: 30px;border-radius: 100%;background: url(../images/proli.png) center center no-repeat;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.plist li:hover .cont {background-size: 100% 100%;}
.plist li:hover .cont .bt {color: #fff;}
.plist li:hover .cont p {color: #fff;}
.plist li:hover .cont .more {background: url(../images/prolih.png) center center no-repeat;}



/*荣誉资质*/
.ihonor{width: 100%; float: left; margin-top: 40px; position: relative;}
.ihonor .ihonorCon{width: 100%; position: relative; overflow: hidden;}
.honorlist{width: 100%; overflow: hidden; position: relative;}
.honorlist .list{width: 105%; position: relative;}
.honorlist .item{width: 282px; height: 212px; float: left; margin: 0 23px 23px 0; position: relative; overflow: hidden; background: #fff;}
.honorlist .item a{display: block;width: 100%;}
.honorlist .item img{height: 212px; display:inline-block; text-align: center;}
.honorlist .item .txtcon{width: 100%; height: 212px; padding-top: 62px; position: absolute; left: -100%; top: 0; transition: all ease 300ms; background: url(../images/blue.png) repeat 0 0;}
.honorlist .item .txtcon h3{text-align: center; width: 100%; font-size: 24px; color: #fff; margin-bottom: 16px;}
.honorlist .item .txtcon .line{position: absolute; left: 5px; top: 5px; bottom: 5px; right: 5px; border: 1px solid #85b3cf;}
.honorlist .item .txtcon .more{width: 143px; height: 33px; line-height: 33px; border: 1px solid #fff; color: #fff; font-size: 18px; display: block; margin: 0 auto; background-position: 0 -112px; text-align: center;}
.honorlist .item:hover .txtcon{left: 0;}

/*公司简介*/
.about{width:100%; float:left; position:relative;padding-bottom: 45px;background: url(../images/ab_bg.jpg) center bottom no-repeat;}
.atit > h3 {width: 100%;height: 62px;background: url(../images/tit.png) center no-repeat;font-size: 30px;line-height: 62px;color: #484848;margin-bottom: 15px;font-weight: bold;}
.atit > h3 > a {color: #484848;}
.about .ab_main .ab_top .ab_v {width: 600px;position: relative;height: 500px;}
.about .ab_main .ab_top .ab_v .ab_view {width: 100%;height: 500px;position: relative;}
.about .ab_main .ab_top .ab_v .ab_view > img {position: absolute;height: 100%;right: 0;top: 0;}
.about .ab_main .ab_top .ab_v .ab_v_txt {width: 100%;height: 200px;position: absolute;bottom: -98px;right: 0;padding: 40px 48px 0 40px;box-sizing: border-box;background-color: rgba(44, 59, 69, 0.8);}
.about .ab_main .ab_top .ab_v .ab_v_txt > h3 {font-size: 18px;font-weight: bold;height: 24px;line-height: 24px;color: #ffffff;margin-bottom: 50px;}
.about .ab_main .ab_top .ab_v .ab_v_txt > h4 {font-size: 16px;line-height: 32px;color: #ffffff;text-align: left;}
.about .ab_main .ab_top .ab_txt {width: 547px;}
.about .ab_main .ab_top .ab_txt .atit {width: 270px; margin-left: 324px;}
.about .ab_main .ab_top .ab_txt > h3 {text-align: right;font-size: 22px;margin-top: 50px;height: 22px;line-height: 22px;font-weight: bold;color: #555555;}
.about .ab_main .ab_top .ab_txt > h3 a {color: #555555;}
.about .ab_main .ab_top .ab_txt > span {display: block;width: 266px;height: 2px;background-color: #dddddd;margin: 30px 0 25px 280px;}
.about .ab_main .ab_top .ab_txt > h5 {width: 100%;font-size: 14px;color: #444444;line-height: 36px;height: 144px;overflow: hidden;text-align: right;}
.about .ab_main .ab_top .ab_txt .ab_links {margin-top: 58px;text-align: center;}
.about .ab_main .ab_top .ab_txt .ab_links .links_item {display: inline-block;vertical-align: middle;width: 90px;text-align: center; margin: 0 40px;}
.about .ab_main .ab_top .ab_txt .ab_links .links_item:hover > a > span::after { animation: 2s infinite msClock;}
.about .ab_main .ab_top .ab_txt .ab_links .links_item > a {display: block;width: 100%;height: 100%;}
.about .ab_main .ab_top .ab_txt .ab_links .links_item > a > span {display: block;width: 100%;height: 90px;border-radius: 50%;position: relative;background: #fff;}
.about .ab_main .ab_top .ab_txt .ab_links .links_item > a > span::after {content: "";position: absolute;width: 100%;height: 100%;border-radius: 50%;top: 0;left: 0;transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;}
.about .ab_main .ab_top .ab_txt .ab_links .links_item > a > i {display: block;margin-top: 20px;font-size: 16px;color: #ffffff;height: 16px;line-height: 16px;}
.about .ab_main .ab_top .ab_txt .ab_links .links_item:nth-child(1) > a > span::after {background: url(../images/ab_ico1.png) center no-repeat;}
.about .ab_main .ab_top .ab_txt .ab_links .links_item:nth-child(2) > a > span::after {background: url(../images/ab_ico2.png) center no-repeat;}
.about .ab_main .ab_top .ab_txt .ab_links .links_item:nth-child(3) > a > span::after {background: url(../images/ab_ico3.png) center no-repeat;}





/* widgets
----------------------------------------------------*/
/* respimg */
.widget-respimg{display:table-cell!important;text-align:center;vertical-align:middle}
.widget-respimg img{max-height:100%;max-width:100%}
/*.isIE .widget-respimg{display: block!important;}
.isIE .widget-respimg img{width: auto;height: auto;vertical-align: middle;}
*/




/*新闻资讯*/
.news{width:100%; float:left; position:relative;background:#fbfbfb;padding:20px 0;}
.newscon{margin-top: 30px; position: relative; float: left;}
.newstop li{width:433px; float: left; margin-right:50px;background: #fff;padding:15px;border-radius: 5px;border: 1px solid #e4e4e4;box-shadow: 0 0 19px rgba(0, 0, 0, 0.05);}
.newstop li:nth-child(3){ margin: 0;}
.newstop li h4 a {display: block;text-align: center;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newstop li h4 i {width:30px;height:2px; background: #cacaca; display: block;margin: 12px auto;}
.newsImg {width:100%;height:220px;display: block;position: relative;}
.newstop li p {padding-top:40px;line-height: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #999;text-indent: 2em;}
.newstop li .newsMore {text-align: left; width: 170px;height: 30px;display: block;margin: 22px auto 0;border: 1px solid #d0d0d0;line-height: 30px;text-indent: 3em;color: #515151; background: url('../images/newsMore.png') no-repeat 74% center;-webkit-transition: .5s;transition: .5s;}
.newsImg a.newsImgA {width: 100%;height:220px;display: block;}
.newsImg a.newsImgA img {display: block;width: 100%;height:220px;border-radius: 5px;-webkit-transition: .5s;transition: .5s;object-fit: cover;}
.newsTime {text-align: left; width:80px;height:80px;background: rgb(4,86,186);position: absolute;bottom: -25px;-webkit-transition: .5s;transition: .5s;left: 0;}
.newsTime h4 {padding-top: 14px;font-size: 30px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;color: #fff;padding-left: 6px;padding-bottom: 8px;border-bottom: 1px solid rgba(255, 255, 255, .5);}
.newsTime span {padding-left: 6px;line-height: 24px;color: #fff; display: block;}
.newstop li:hover .newsMore {background: rgb(4,86,186) url('../images/newsMore.png') no-repeat 76% center;color: #fff;text-indent: 2.5em;}
.newstop li:hover .newsImg a.newsImgA img {transform: scale(1.02);}
.newstop li:hover .newsTime {left: 1%;}
.newsbot{ margin-top: 30px; text-align: left;border-bottom: 1px solid #f2f2f2;}
.newsbot li{ float: left;padding: 0;height: 130px;border: 1px solid #e4e4e4;border-left: 0;border-right: 0;border-bottom: 0;position: relative;-webkit-transition: .5s;transition:.5s;width: 50%;}
.newsbot li .nbTime {width: 29%;float: left;height:130px;background-color: #efefef;-webkit-transition: .9s;transition: .9s;}
.newsbot li h4 {font-size: 32px;padding-left: 30%;margin-top:40px;color: #999;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;-webkit-transition: .5s;transition: .5s;}
.newsbot li span {font-size: 16px;padding-left: 30%;display: block;color: #999;-webkit-transition: .5s;transition: .5s;}
.newsbot li .nbText {float: left;height: 1.3rem;width: 71%;padding: 0 6%;}
.newsbot li .nbText a {font-size: 16px;line-height: 4;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;-webkit-transition: .5s;transition: .5s;}
.newsbot li .nbText p {color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsbot ul li:hover .nbTime {background: rgb(4,86,186);-webkit-transition: .5s;transition: .5s;}
.newsbot ul li:hover .nbTime h4,
.newsbot ul li:hover .nbTime span {color: #fff;}
.newsbot ul li::after {content: "";width: 0%;height: 1px;background: rgb(4,86,186);position: absolute;bottom: 0px;left: 0;-webkit-transition: .5s;transition: .5s;}
.newsbot li::before {content: "";width: 0%;height: 1px;background:rgb(4,86,186);position: absolute;top: -1px;left: 0;-webkit-transition: .5s;transition: .5s;}
.newsbot ul li:hover::after,
.newsbot ul li:hover::before {width: 100%;}
.newsbot ul li:hover .nbText a {color: rgb(4,86,186);transform: translateX(5px);}


/*footer*/
.footer{width:100%; float:left; position:relative; background:#1d1c1a;}
.footer a{ color:#fff;}
.fb{padding-top: 25px;width: 100%;}
.footer .fb .footerText {float: left; width: 390px;padding-right: 80px;padding-top: 26px;height: 228px;border-right: 1px solid rgba(221, 221, 221, 0.2);}
.footer .fb .footerText h4 {font-size: 22px; font-weight: bold;line-height: 1;color: #ffffff;}
.footer .fb .footerText .text {line-height: 30px;margin-top: 12px;}
.footer .fb .footerText .linkBox {position: relative;margin-top: 12px;}
.footer .fb .footerText .linkBox dt {width: 310px;height: 42px;border-radius: 5px;border: solid 1px #cbdff1;line-height: 40px; color: #ffffff;text-align: center; padding-right: 50px;position: relative;}
.footer .fb .footerText .linkBox dt:before {content: "";position: absolute;right: 0;top: 0;background-color: #cbdff1;width: 50px;height: 42px;border-radius: 0 5px 5px 0;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.footer .fb .footerText .linkBox dt:after {content: "";position: absolute;right: 0;top: 0;background: url(../images/linkstit.png) center center no-repeat;width: 50px;height: 42px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.footer .fb .footerText .linkBox dd {position: absolute;bottom: 100%;left: 0;width: 100%;background-color: #cbdff1;border-radius: 5px;overflow: hidden;max-height: 0;font-size: 12px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.footer .fb .footerText .linkBox dd div {overflow: auto;max-height: 230px;}
.footer .fb .footerText .linkBox dd a {display: block;border-bottom: 1px solid #eee;padding: 0 15px;text-align: center;line-height: 45px;padding: 0 10px display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;;color: #333;}
.footer .fb .footerText .linkBox dd a:hover {color: #2177c3;padding-left: 20px;}
.footer .fb .footerText .linkBox:hover dt:after {-webkit-transform: scale(1) rotate(180deg);-moz-transform: scale(1) rotate(180deg);-o-transform: scale(1) rotate(180deg);transform: scale(1) rotate(180deg);}
.footer .fb .footerText .linkBox:hover dd {max-height: 250px;}
.footer .fb .fooR {float: right;padding-top: 26px;text-align: right;}
.footer .fb .fooR .t1 {color: #fff;line-height: 1; }
.footer .fb .fooR .t2 {font-family: Arial;font-size: 26px;font-weight: bold;margin-top: 10px;line-height: 20px;color: #ffffff;}
.footer .fb .fooR .ewm {margin-top: 22px;}
.footer .fb .fooR .ewm li{ float: left; margin-right: 20px;}
.footer .fb .fooR .ewm img {float:left;width: 113px;height: 113px;background: url(../images/ewmbg.png) center center no-repeat;display: block;padding: 9px;}
.footer .fb .fooR .ewm p {line-height: 30px; text-align: center;}
.footer .fb .fontnNav {float: left;padding-top: 26px;margin-left: 50px;}
.footer .fb .fontnNav dl {float: left;width: 115px;margin-left: 45px;}
.footer .fb .fontnNav dl.dl1 {margin-left: 0;}
.footer .fb .fontnNav dl dt {font-size: 16px;font-weight: bold;line-height: 1;color: #fff; }
.footer .fb .fontnNav dl dd {margin-top: 25px;height: 180px;}
.footer .fb .fontnNav dl dd a {line-height: 36px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.footer .fb .fontnNav dl dd a:hover {-webkit-transform: translateX(5px);transform: translateX(5px);}
.footer .fb .fontnNav dl.dl4 {width: 120px;}
.footer .fb .fontnNav .ewm {width: 114px;height: 114px;float: right; margin-top: 60px;}
.footer .fb .fontnNav .ewm img {width: 114px;height: 114px;}
.footer .copyright {padding:15px 0;line-height: 30px; text-align: left;width: 100%;}
.footer .copyright img {vertical-align: middle;margin-left: 2px;max-height: 20px;}

/*boxleft*/
.sideBar { float:left; width:240px; background:#f8f8f8; }
.topclass { background-color:#106fc7; width:240px; padding:0 20px; height:70px; line-height:70px; overflow:hidden; color:#FFF; font-size:28px; font-weight:700;}
.leftnav dd { border-bottom:1px solid #ddd; border-top:0; height:60px; width:100%; }
.leftnav dd a {font-size:16px; color:#666; float:left; width:238px; padding:18px 0; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.leftnav dd span { height:24px; line-height:24px; float:left; padding-left:30px; overflow:hidden; background:url(../images/ico-list-job.png) no-repeat 10px center;}

.leftnav dd.cur a, .leftnav dd:hover a {color:#106fc7;}
.side-news { width:240px; border:1px solid #ddd; border-top:0; }
.side-news .head { width:240px; height:58px; line-height:58px; border-bottom:1px solid #ddd; padding:0 20px; font-size:20px; font-weight:700; color:#106fc7; text-align:left; }
.side-news .contact { width:100%; padding:10px 15px; text-align:left; line-height:30px; text-align:left;}
.side-news .list { width:100%; padding:10px 15px; text-align:left;}
.side-news .list dd { height:35px; line-height:35px; }
.side-news .list dd a { margin-left:28px; }
.side-news .list dd.ico-faq { background:url(../images/ico-list.png) left center no-repeat; }

/*面包屑*/

.sitepath { width:100%; height:34px; line-height:20px; border-bottom:1px solid #ddd; position:relative; }
.sitepath h2 { font-size:20px; color:#106fc7; float:left;}
.sitepath .io { float:right; font-size:14px;}
.sitepath .io a{ font-size:14px;}

/*右边主体*/
.rside{width:1140px; float:right;}
.aboutPage .txtcon {color: #666666; text-align:left; padding:20px; line-height:30px;}
.content{ text-align:left; padding:10px 0; font-size:16px; float:left; width:100%;}

/*产品展示页面*/
.gridlist .item {width:360px;float: left;margin:20px 30px 0px 0;border: 1px solid #ddd;border-radius: 5px;transition: all ease 300ms;background: #fff; padding:5px;}
.gridlist .item a {width: 100%;display: block;}
.gridlist .item:nth-child(3n){ margin-right:0;}
.gridlist .item img {transition: all ease 300ms;border-top-left-radius: 5px;border-top-right-radius: 5px;display:inline-block;height: 260px; text-align: center;}
.gridlist .item h3,.gridlist .item span {font-size: 16px;transition: all ease 300ms;color: #333;padding: 0 20px;height: 60px;line-height: 60px;overflow: hidden;text-align: center;}
.gridlist .item:hover {border-color: #106fc7;box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);}
.gridlist .item:hover img {filter: brightness(105%);}
.gridlist .item:hover h3 {color: #106fc7;}


/*新闻详情*/
#newTitle{ line-height:45px; font-size:25px; text-align:center;}
#newsInfo{ height:32px; line-height:32px; text-align:center; border-bottom:solid 1px #f1f1f1; margin:10px;}
.newsinfoleft {padding-left: 30px;}
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:100%; padding:3px; border:#dcdcdc solid 1px;}
#newsContent{ margin:0 auto;line-height:32px; padding:10px;}
#newsContent img{max-width:100%; text-indent:0em;}
#newsInfo i{ margin-right: 5px; }
.newsInfo{ height: 64px; margin-top: 15px; line-height: 64px; color:#999999;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; }
.newsInfo i{ margin-right: 5px; }
.sha{ margin-right: 10px;float: right; }
.sha a{ float: left; margin-left: 10px;}
.sha a:hover{ animation: swing 1s; }
.sha span{ float: left; }




/*上一条下一条*/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }
#prev_next li{margin: 10px 0;}
#prev_next li i{ margin-right: 5px; }
#prev_next li a:hover{ color: #FF7800; }



/*新闻页面*/
.newsPage{width:100%; float:left; position:relative;}
.newsPage .item {margin: 20px auto; padding: 19px;transition: all ease 300ms;border: 1px solid #ddd;}
.newsPage .item a {width: 100%;display: block;}
.newsPage .item img {width: 213px;height: 160px;margin-right: 28px;display: block;}
.newsPage .item h3 {font-size: 18px;color: #333;padding: 30px 0 16px;transition: all ease 300ms;  text-align:left;}
.newsPage .item .txt {color: #999;line-height: 24px;padding-right:24px;overflow: hidden;  text-align:left;}
.newsPage .item .time {width: 130px;padding-top: 42px;line-height: 24px;font-family: arial;font-size: 16px;color: #939aa3;}
.newsPage .item .time .day {font-size: 34px;line-height: 40px;display: block;}
.newsPage .item .time s { width: 50px;height: 8px;display: block;margin-top: 20px;background-position: 0 -177px;}
.newsPage .item:hover {border-color: #106fc7;}
.newsPage .item:hover h3 {color: #106fc7;}

/*咨询留言*/
.msgPage .title{font-size: 32px; color: #047fcc; text-align: center; padding: 22px 0 20px;}
.msgPage .formData{width: 649px; margin: 0 auto;}
.formData{padding: 20px 0 58px;}
.formData .im{width: 192px; padding-left: 115px; height: 52px; line-height: 52px; float: left; color: #999; border: 1px solid #d8d8d8; margin-right: 31px; margin-bottom: 18px; position: relative;}
.formData .im label{padding-left: 36px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 52px; line-height: 52px; font-size: 16px; color: #999999;}
.formData .im label s{width: 18px; height: 18px; position: absolute; left: 8px; top: 18px; background: url(../images/msg-ico.png) no-repeat 0 center;}
.formData .im input{outline: none; background: none; border: 0 none; line-height: 35px; height: 35px; font-size: 14px;}
.formData .im .txt{width: 100%; height: 52px; line-height: 52px; display: block; color: #333; font-size: 14px;}
.formData .im .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.formData .im.mr0{margin-right: 0;}
.formData .im.a1 label s{top: 16px; background-position: 0 center;}
.formData .im.a2 label s{top: 17px; background-position: -34px center;}
.formData .im.a3 label s{background-position: -64px center;}
.formData .im.a4 label s{background-position: -96px center;}
.formData .im.a5{width: 532px;}
.formData .im.a5 label s{width: 25px; left: 9px; top: 17px; background-position: -125px center;}
.formData .msg-box{position: absolute; left: 0; top: 0px;}
.formData .liuyan{width: 617px; height: 116px; float: left; padding: 15px 15px;}
.formData .liuyan label{height: 26px; line-height: 26px; padding: 0; left: 15px; top: 15px;}
.formData .liuyan textarea{width: 100%; height: 116px; line-height: 26px; text-indent: 42px; font-size: 14px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none;}
.formData .btnbox{width: 100%; float: left;}
.formData .btnbox input{width: 190px; height: 55px; line-height: 55px; text-align: center; background: #106fc7; color: #fff; cursor: pointer; font-size: 22px; display: inline-block; *display: inline; *zoom: 1;}
.formData .btnbox input:hover{background: #bc070e; color: #fff;}
.formData .btnbox input.btn1{margin: 0 150px 0 60px;}
.formData .btnbox input.btn2{background: #999999;}
.formData .btnbox input.btn2:hover{background: #bc070e; color: #fff;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute; right: 0; top: 0; height: 50px; border: 0px; display: block;}


/*在线客服*/
.rightFix { width: 60px; height: 222px; position: fixed; right: 10px; bottom: 250px; z-index: 99; }
.rightFix .ico { width: 60px; height: 60px; display: block; position: relative; overflow: hidden; margin-top: 10px; border-radius: 60px; border: 1px solid #106fc7; margin-bottom: 5px; background: #ffffff url(../images/fix-ico.png) no-repeat center 0; }
.rightFix .ico .box { width: 120px; position: absolute; left: -78px; top: 0; text-align: center; padding: 5px; background: #106fc7; border: 1px solid #ddd; display: block; opacity: 0; filter: alpha(opacity=0); border-radius: 5px; background: #fff; }
.rightFix .ico .box img { width: 110px; height: 110px; display: block; }
.rightFix .ico span { width: 210px; text-align: center; height: 60px; line-height: 60px; position: absolute; left: -78px; top: 0; background:#106fc7; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 60px; }
.rightFix .ico:hover { background-color:#106fc7; border-color:#106fc7; overflow: visible; }
.rightFix .ico:hover .box { opacity: 1; filter: alpha(opacity=100); left: -140px; }
.rightFix .ico:hover span { opacity: 1; filter: alpha(opacity=100); left: -215px; }
.rightFix .fix-tel { background-position: 11px 12px; }
.rightFix .fix-tel:hover { background-position: -33px 12px; }
.rightFix .fix-qq { background-position: 17px 19px; }
.rightFix .fix-qq:hover { background-position: -27px 19px; }
.rightFix .fix-ewm { background-position: 17px -35px; }
.rightFix .fix-ewm:hover { background-position: -27px -35px; }
.rightFix .fix_top { background-position: 18px -91px; }
.rightFix .fix_top:hover { background-position: -27px -91px; }
.rightFix .fix-q { background-position: 17px -135px; }
.rightFix .fix-q:hover { background-position: -27px -135px; }
.rightFix .fix-form { background-position: 10px -234px; }
.rightFix .fix-form span { font-size: 14px; line-height: 23px; width: 180px; }
.rightFix .fix-form:hover { background-position: -37px -234px; }

.ewmbox2 { width: 300px; height: 320px; padding-top: 20px; background: #fff; z-index: 9999; position: fixed; left: 50%; top: 50%; margin: -170px 0 0 -150px; text-align: center; font-size: 16px; display: none; z-index:99999;}
.ewmbox2 .close { width: 32px; height: 32px; position: absolute; top: -25px; right: -40px; cursor: pointer; border-radius: 100%; background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center; transition: all ease 300ms;  }
.ewmbox2 .close:hover { transform: rotate(180deg); }
.ewmbox2 img { width: 260px; height: 260px; display: block; margin: 0 auto 10px; }