@charset "utf-8";

/**

深圳市国人伟业信息技术有限公司

http://www.grwy.cn/

**/

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

fieldset,img{border:0;}

img{vertical-align:middle;max-width: 100%}

ol,ul,li{list-style-type:none;}

table{border-collapse:collapse;border-spacing:0;}

button,input,select,textarea{font-size:12px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}

.clearfix:after {clear: both; content: "."; display:block; height: 0; overflow: hidden; visibility: hidden; }

.clearfix { zoom:1;}

html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}

body{color:#565656;font-size:.875rem;line-height:24px;font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; }

a{color:#565656;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());transition:all 0.3s;}

a:hover{color:#30a2e3 ;text-decoration:none;}:focus{outline:none;}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}



@font-face {

 font-family: 'Trump';

 src: url('../font/Trump.eot');

 src:

   url('../font/Trump.eot?#font-spider') format('embedded-opentype'),

   url('../font/Trump.woff') format('woff'),

   url('../font/Trump.ttf') format('truetype'),



   url('../font/Trump.svg') format('svg');

 font-weight: normal;

 font-style: normal;

}



@font-face {

  font-family: 'iconfont';  /* project id 1085674 */

  src: url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.eot');

  src: url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.eot?#iefix') format('embedded-opentype'),

  url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.woff2') format('woff2'),

  url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.woff') format('woff'),

  url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.ttf') format('truetype'),

  url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.svg#iconfont') format('svg');

}



.iconfont {

  font-family:"iconfont" !important;

  font-style:normal;

  font-size: 1rem;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale;

  position:relative;

}



/* CSS活动的公共样式 */

.fl{float:left;}

.fr{float:right;}

.grWidth{width:1440px; margin:0 auto;}

.mb10{margin-bottom:10px;}

.mb15{margin-bottom:15px;}

.mb25{margin-bottom:25px;}

.ce{text-align:center;}

.hide{overflow:hidden;}

.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.clearfix{clear: both;}

.wapI,.wapT{display: none}

.head-long{display: none}

.Img{overflow: hidden;transition: 0.5s all}

 li:hover .Img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

.padding{padding-bottom: 3%;overflow: hidden;}

.banner .samll{display: none;}

.list-bg{padding: 30px 0;overflow: hidden;}

.list-bg2{padding: 30px 0;overflow: hidden;}

.list-bg3{padding: 0 0 30px 0;background: #f1f1f1;overflow: hidden;}

.list-bg4{padding: 30px 0 0 0;overflow: hidden;}

.wrap-bg{padding: 30px 0 0 0;overflow: hidden;}

.title{border-bottom: 1px solid #eee;}



/*内页次导航*/

.sindeMenu{height: 50px;line-height: 50px;background: #f6f6f6;}

.sindeMenu .leftmenu{float: left;width: 70%;}

.sindeMenu ul a{font-size: 14px;color: #666;position: relative;display: inline-block;margin-right: 30px}

.sindeMenu ul a:after{content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: #1d2088;transition: 0.5s all}



.sindeMenu span{float: left;color: #626262;font-size: 12px;}

.sindeMenu .active:after{width: 100%}

.sindeMenu a:hover:after{width: 100%}

.sindeMenu .location{float: left;background: url(../images/home.png)no-repeat left;padding-left: 20px;}



/*目标位置*/

.pageTitle{padding: 19px 0;border-bottom: 1px solid #eaeaea;overflow: hidden;}

.pageTitle span{font-size: 12px;color: #626262;display: inline-block;margin-right: 30px;background: url(../images/home.png)no-repeat left;padding-left: 24px;}

.pageTitle span a{font-size: 12px;color: #626262;}





/* 顶部  */

.headerTop{position: fixed;width: 100%;height: 90px;line-height: 90px; background: #fff;left: 0;top: 0;z-index: 999}

.headerTop .logo{line-height: 90px;float: left;width: 20%}

.headerTop .logo a{float: left;margin-right: 5px;}

.headerTop .logo dt{padding-top: 31px;line-height: 16px;}

.headerTop .logo dt h3{font-size: 24px;font-weight:bold;color: #2775bc;}

.headerTop .logo dt p{font-size: 16px;color: #000; font-weight:normal; padding-top:9px;}

.headerTop .nav{display: table;width: 55%;margin: 0 auto}

.headerTop .nav li{text-align: center;display: table-cell;}

.headerTop .nav li:last-child{margin-right: 0}

.headerTop .nav li a{position: relative;; font-size:16px;font-weight: normal;display: block;color: #000;z-index: 9}

.headerTop .nav li .active{color: #2775bc;}

.headerTop .nav li:hover a{color: #2775bc;}



.header-fr{float: right;position: relative;}

.header-fr a{position: relative; float: left;width: 25px;height: 25px;line-height: 25px;display: block;font-size: 12px;color: #a6a6a6;border-radius: 100px;}

.header-fr .top-search{background:#f3f3f3 url(../images/top-search.png)no-repeat center ;margin-right: 10px;top: 33px;}

.header-fr .top-tel{float: left; background:url(../images/top-tel.png)no-repeat left;font-size: 14px;color: #000;padding-left: 20px;margin-right: 20px;}

.header-fr .top-tel b{font-size: 26px;color: #2775bc;font-family: Trump;margin-left: 16px;}

.header-fr .cn:after{content: '';display: block;position: absolute;width: 1px;height: 10px;background: #a6a6a6;left: 24px;top: 8px; transform: rotateZ(14deg)}

.top-tel-show{display: none; font-size: 18px;color:#2775bc;position: absolute;left: -120%;top: 60px;z-index: 99;line-height: 30px; }

.seach-show{width: 100%;background: rgba(13, 13, 13, 0.5);margin: 0 auto;padding: 20px 0;display: none ;position: absolute;top: 90px;z-index: 99;}

.seach-show .seachbox{width: 460px; height: 50px;line-height: 50px; background: #fff;padding: 0 20px;margin: 0 auto;}

.seach-show .seachbox .sear_txt{width: 91%; padding: 0 20px;background: url(../images/keybox.png)no-repeat left;}

.seach-show .seachbox .sear_btn{background: url(../images/search2.png)no-repeat left;width: 30px;height: 20px;cursor: pointer;}









/*左侧边栏*/

.sindeleft{float: left;width: 20.9%;}

.leftmenu{background: #2775bc;padding: 20px;}

.leftmenu b{font-size: 35px;color: #fff;}

.leftmenu h2{font-size: 20px;color: #fff;font-weight: normal;padding-bottom: 26px;border-bottom: 1px solid #4db8e9;}

.leftmenu h2 i{display: none;}

.leftmenu ul li{padding: 6px 0;overflow: hidden;border-bottom: 1px solid #4db8e9;transition: 0.5s all}

.leftmenu ul li a{font-size: 16px;color: #fff;width: 86%;float: left;display: block;}

.leftmenu ul li i{display: block;float: right;width: 15px;height: 15px;line-height: 13px;text-align: center;font-style: normal;border: 1px solid #fff;border-radius: 100px;margin: 5px 0;

background: url(../images/topMenu-i.png)no-repeat center;}

.leftmenu ul li.active{padding: 24px 0;}

.leftmenu ul li.active a{font-weight: bold;}

.leftmenu ul li:hover{padding: 24px 0;}

.leftmenu ul li:hover a{font-weight: bold;}

.leftcontact{margin-top: 30px;}

.leftcontact strong{font-size: 20px;color: #2775bc;}

.leftcontact p{font-size: 14px;color: #000;border-bottom: 1px solid #eaeaea;background: url(../images/leftcontact-icon.png)no-repeat left;padding:24px 0 24px  40px;}

.leftcontact p span{margin-right: 10px}

.leftcontact p b{font-size: 20px;color: #2775bc;}

.leftcontact p:nth-child(2){background-position: 0 24px;}

.leftcontact p:nth-child(3){background-position: 0 -60px;}

.leftcontact p:nth-child(4){background-position: 0 -146px;}

.leftcontact p:last-child{border-bottom: none}



.topMenu{width: 100%;}

.topMenu ul{border-bottom: 1px solid #e8e8e8;overflow: hidden;padding-bottom: 30px;}

.topMenu ul li{float: left;width: 150px;height: 60px;line-height: 60px;margin-right: 0.5%;background: #c1c1c1;padding: 0 16px;}

.topMenu ul li:last-child{margin-right: 0}

.topMenu ul li a{display: block; font-size: 16px;color: #fff;transition: 0.3s all;}

.topMenu ul li i{display: block;float: right;width: 15px;height: 15px;line-height: 13px;text-align: center;font-style: normal;border:1px solid #fff;border-radius: 100px;margin: 24px 0;background: url(../images/topMenu-i.png)no-repeat center;}

.topMenu ul li:hover{background: #2775bc}


.topMenu ul li.active a{font-weight: 600;}

.topMenu ul li.active{background: #2775bc}



.sinderight{float: right;width: 77%}

.sinderightTie{padding: 16px 0 16px 20px;border-bottom: 1px solid #eaeaea;position: relative;font-size: 20px;color: #2775bc;margin-bottom: 30px;}

.sinderightTie:after{content: '';position: absolute;left: 0;top: 20px;width: 3px;height: 20px;background: #2775bc;}





/*banner图*/

.banner{position: relative;margin-top: 90px;}

.banner img{width: 100%}

.banner .ban{position: absolute;top: 50%;width: 34px;height: 54px;z-index: 99;transition: 0.5s all}

.banner .ban-prev{left: 8%;background: url(../images/ban-prev.png)no-repeat center;background-position-x: 12px;opacity: 0;}

.banner .ban-next{right: 8%;background: url(../images/ban-next.png)no-repeat center;opacity: 0;}

.banner:hover .ban-prev{left: 10%;opacity: 1;}

.banner:hover .ban-next{right: 10%;opacity: 1;}

.banner .banner-pagination{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;z-index: 99}

.banner .banner-pagination span{display: inline-block;width: 10px;height: 10px;background: #aeaeae;border-radius: 100px;margin: 0 2px;}

.banner .banner-pagination span.swiper-pagination-bullet-active{background: #2775bc}



.banner .down-to{position: absolute;left: 0;bottom: 4%;width: 100%;z-index: 1;text-align: center;height: 70px;}

.banner .down-to a{display: block;width: 20px;height: 44px;background: url(../images/down-to.png)no-repeat center;margin: 0 auto;position: relative;transition: 0.5s all;



animation:downto 2s infinite;

animation-direction:alternate;

-webkit-animation-delay: 0s; /*延迟时间*/

}

@keyframes downto{

0%{top:0px}

50%{top:10px}

75%{top:10px}

100%{top:0px}

}

@-moz-@keyframes downto{

0%{top:0px}

50%{top:10px}

75%{top:10px}

100%{top:0px}

}

@-webkit-@keyframes downto{

0%{top:0px}

50%{top:10px}

75%{top:10px}

100%{top:0px}

}

@-o-@keyframes downto{

0%{top:0px}

50%{top:10px}

75%{top:10px}

100%{top:0px}

}



.list_banner{position: relative;}

.list_banner img{width: 100%}

.list_banner .slogan{position: absolute;top: 60%;left: 0;width: 100%;text-align: center;}

.list_banner .slogan h3{font-size: 35px;color: #fff;font-weight: normal;}

.list_banner .slogan i{display: inline-block;width: 24px;height: 3px;background: #fff;margin: 30px 0 14px 0;}

.list_banner .slogan p{font-size: 25px;color: #fff;line-height: 32px;}



/*公共标题*/

.intie{margin: 0 auto;text-align: center;margin-bottom: 50px;overflow: hidden;padding-top: 6px;}

.intie h3{font-weight: normal;font-size: 40px;color: #2775bc;margin-bottom: 30px;}

.intie p{font-size: 18px;color: #a1a1a1;display: inline-block;position: relative;}

.intie p:before{content: '';position: absolute;left: -310%;top:34%;width: 300%;height: 15px;background: url(../images/intie-p-fl.png)no-repeat right ;}

.intie p:after{content: '';position: absolute;right: -310%;top:34%;width: 300%;height: 15px;background: url(../images/intie-p-fr.png)no-repeat left;}

.intieB h3{color: #fff;}

.intieB p{color: #fff;}



.floatLeft{float: left;text-align: left;}

.floatLeft h3{margin-bottom: 20px;}





/*产品中心*/

.index-pro{padding: 70px 0;overflow: hidden;}

.index-pro-vise{margin-top: 90px;overflow: hidden;}

.index-pro-vise ul li{overflow: hidden;}

.index-pro-vise ul li a{display: block;border: 1px solid #d4d4d4;}

.index-pro-vise ul li .pic{display: table;margin: 0 auto;}

.index-pro-vise ul li .pic span{display: table-cell;vertical-align: middle;height: 318px;}

.index-pro-vise ul li .pic img{display: block;max-width: 100%;max-height: 100%;transition: 0.5s all}

.index-pro-vise ul li dt{padding: 0 30px 18px 30px;}

.index-pro-vise ul li dt h4{border-top: 1px solid #d4d4d4;padding: 18px 0; font-size: 16px;color: #000;font-weight: normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.index-pro-vise ul li dt p{font-size: 12px;color: #707070;}







/*案例*/

.index-case{padding: 50px 0;background: url(../images/index-case.jpg)no-repeat center;overflow: hidden;background-size: cover}

.index-case-vise{overflow: hidden;}

.index-case-vise li{float: left;}

.index-case-vise li span{display: block;position: relative;width: 100%;padding-top:77%;overflow: hidden;}

.index-case-vise li span img{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 0.5s all}

.index-case-vise li dt{padding: 20px;background: #fff;overflow: hidden;}

.index-case-vise li dt h4{float: left;width: 80%; font-size: 16px;color: #000;font-weight: normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.index-case-vise li dt i{float: right;width: 30px;height: 24px;background: url(../images/index-case-li-more.png)no-repeat center;position: relative;left: 0;transition: 0.5s all}

.bottom-menu{margin-top: 3%;position: relative;}

.bottom-menu a{display: block;width: 50px;height: 24px;position: absolute;top: 0}

.bottom-menu .case-next{right: 42%;background: url(../images/case-next.png)no-repeat center;}

.bottom-menu .case-prev{left: 42%;background: url(../images/case-prev.png)no-repeat center;}

.swiper-case-pagination{text-align: center;color: #fff;}

.swiper-case-pagination span:nth-child(1){font-size: 20px;color: #2db2df;}



.index-case-vise li:hover dt i{left: 8px;}

.index-case-vise li:hover img{transform: scale(1.1);}



/*关于*/

.index-about{padding: 50px 0;background: url(../images/index-aboutbg.jpg);overflow: hidden;}

.index-about .grWidth{padding: 30px;background: #fff;overflow: hidden;}

.index-about .abTie{font-size: 30px;color: #2775bc;}

.index-about-fl{float: right;width: 52%}

.index-about-fl ul{float: left;;width: 100%}

.index-about-fl ul li{float: left;width: 33.33%}

.index-about-fl ul li h4{font-size: 14px;color: #000;font-weight: normal}

.index-about-fl ul li strong{font-size: 55px;color: #2775bc;font-weight: normal}

.index-about-fl ul li p{font-size: 14px;color: #000;}

.index-about-fl dt{float: left; font-size: 16px;color: #000;margin: 30px 0;line-height: 30px;}

.index-about-fl .more{display: block;width: 90px;height: 25px;line-height: 25px;text-align: center;font-size: 12px;color: #fff;float: left;background: #6d6d6d url(../images/moreIcon.png)no-repeat;background-position: 84% 50%; margin-right: 10px;}

.index-about-fr{float: left;width: 45%;}

.index-about-fr img{width: 100%}

.index-about-fl .more:hover{background: #2775bc url(../images/moreIcon.png)no-repeat;background-position: 86% 50%;}



/*实力展示*/

.index-show{padding: 50px 0;}

.index-show-nav{width: 100%;position: relative;text-align: center;margin-bottom: 50px;}

.index-show-nav:before{content: '';position: absolute;left: 14%;top: 50%;width: 25%;height: 2px;background: #d8d8d8;}

.index-show-nav:after{content: '';position: absolute;right: 14%;top: 50%;width: 25%;height: 2px;background: #d8d8d8;}

.index-show-nav a{display: inline-block;width: 130px;height: 35px;line-height: 35px;font-size: 18px;color: #fff;text-align: center;background: #4f4f4f}

.index-show-nav a.on{background: #2775bc}

.index-show-nav a i{display: inline-block;width: 26px;height: 26px; background:url(../images/index-show-navIcon1.png)no-repeat;background-position: 4px;margin-right: 4px;position: relative;top: 6px;}

.index-show-nav a:nth-child(2) i{display: inline-block;width: 26px;height: 26px; background:url(../images/index-show-navIcon2.png)no-repeat;background-position: 4px;margin-right: 4px;}

.index-show-w{position: relative;}

.show-bottom{position: absolute;top: 50%;font-family: 宋体;font-size: 76px;color: #cacaca;}

.show-prev{left: -54px;}

.show-next{right: -54px}

.index-show-vies{overflow: hidden;}

.index-show-vies ul li span{display: block;width: 100%;position: relative;padding-top: 70%;}

.index-show-vies ul li span img{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 0.5s all}

.index-show-vies ul li dt{width: 100%;height: 42px;background: #f1f1f1;padding: 10px 14px;}

.index-show-vies ul li dt h4{float: left;width: 70%;font-size: 14px;color: #434343;font-weight: normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.index-show-vies ul li dt i{float: right;display: block;width: 20px;height: 20px;background: #cccccc url(../images/index-show-more.png)no-repeat center;border-radius: 100px;}

.index-show-honor ul li .pic{display: table;margin: 0 auto;}

.index-show-honor ul li .pic span{display: table-cell;vertical-align: middle;height: 240px;padding: 0}

.index-show-honor ul li .pic img{position: relative;display: block;max-width: 100%;max-height: 100%; transition: 0.5s all}



/*资讯*/

.index-news{padding: 46px 0 70px 0;overflow: hidden;}

.index-news-nav{overflow: hidden;}

.index-news-nav ul{float: right;padding-top: 20px;}

.index-news-nav ul a{display: inline-block;width: 150px;height: 48px;line-height: 48px; border:1px solid #bdbdbd;margin-left: 10px;font-size: 16px;color: #727272;text-align: center;}

.index-news-nav ul a.on{background: #2775bc;color: #fff;border:1px solid #2775bc;}

.index-news-nav ul a:hover{background: #2775bc;color: #fff;border:1px solid #2775bc;}

.index-news-vies{padding: 10px;overflow: hidden;}

.index-news-vies li{box-shadow: 0 0 14px #ececec;}

.index-news-vies li span{position: relative;display: block;width: 100%;padding-top: 68%;overflow: hidden;}

.index-news-vies li span img{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 0.5s all}

.index-news-vies li dt{overflow: hidden;padding: 26px 18px;}

.index-news-vies li dt h4{font-size: 14px;color: #000;}

.index-news-vies li dt p{font-size: 12px;color: #6d6d6d;margin: 10px 0 30px 0;}

.index-news-vies li dt i{font-size: 12px;color: #6d6d6d;font-style: normal}

.index-news-vies li:hover span img{transform: scale(1.1);}



/*合作伙伴*/

.index-partner{padding: 50px 0;background: #f2f2f2;}

.index-partner-w{position: relative;}

.index-partner-vise{overflow: hidden;padding: 10px;}

.index-partner-vise li{position: relative;overflow: hidden;background: #fff;box-shadow: 0 0 10px #ddd;}

.index-partner-vise li dt{display: table;margin: 0 auto}

.index-partner-vise li dt span{display: table-cell;vertical-align: middle;height: 100px;}

.index-partner-vise li img{display: block;max-width: 100%;max-height: 100%; transition: 0.5s all}

.index-partner-vise li h4{position: absolute;left: 0;top: 0;width: 100%;height: 100px;line-height: 100px;background: #2775bc;text-align: center;color: #fff;font-size: 16px;transform: rotateY(-180deg);transition: 0.5s all;opacity: 0;}



.index-partner-w .partner-btn{position: absolute;top: 50%;width: 14px;height: 22px;transition: 0.5s all;z-index: 1}

.index-partner-w .partner-next{right: -34px;background: url(../images/partner-next.png)no-repeat center;}

.index-partner-w .partner-prev{left: -34px;background: url(../images/partner-prev.png)no-repeat center;}

.index-partner-w .partner-next:hover{right: -34px;background: url(../images/partner-next-on.png)no-repeat center;}

.index-partner-w .partner-prev:hover{left: -34px;background: url(../images/partner-prev-on.png)no-repeat center;}

.index-partner-vise li:hover img{transform: rotateY(-180deg);opacity: 0;}

.index-partner-vise li:hover h4{transform: rotateY(0);opacity: 1;}



/*底部*/

.footer{background:#444444;overflow:hidden;color:#919191;padding: 50px 0 0 0;}

.footer .foot-menu{float: right;width:60%;padding-bottom: 30px;}

.footer .foot-menu ul{float: left;margin-right: 11%;}

.footer .foot-menu ul h3{font-size: 16px;color: #e6e6e6;margin-bottom: 30px;}

.footer .foot-menu ul h3 i{display: none;}

.footer .foot-menu ul a{display: block;font-size: 14px;color: #a9a9a9;}

.footer .foot-menu ul p{font-size: 12px;color: #a4a4a4}

.foot-code{float: right;position: relative;}

.foot-code ul a{display: block;width: 25px;height: 25px;margin-bottom: 10px;}

.foot-code ul .foot-wx{background: url(../images/foot-wx.png)no-repeat center;}

.foot-code ul .foot-sina{background: url(../images/foot-sina.png)no-repeat center;}

.foot-code ul .foot-tout{background: url(../images/foot-tout.png)no-repeat center;}

.foot-code .show-wx{position: absolute;left: -165px;top: 0;width: 150px;padding: 10px;background: #fff;text-align: center;display: none;transition: 0.5s all}

.foot-code ul .foot-wx:hover .show-wx{left: -165px;display: block;}



.foot-contact{float: left;width: 30%;border-right: 1px solid #717171;margin-bottom: 50px;}

.foot-contact h2{font-size: 18px;color: #fff;font-weight: normal;margin-bottom: 30px;}

.foot-contact p{font-size: 14px;color: #a9a9a9;margin-bottom: 10px;padding-left: 30px;}

.foot-contact p:nth-child(2){background: url(../images/foot-contact-icon.png)no-repeat;background-position: 0 5px}

.foot-contact p:nth-child(3){background: url(../images/foot-contact-icon.png)no-repeat;background-position: 0 -32px}

.foot-contact p:nth-child(4){background: url(../images/foot-contact-icon.png)no-repeat;background-position: 0 -66px}

.foot-contact p:nth-child(5){background: url(../images/foot-contact-icon.png)no-repeat;background-position: 0 -100px}

.footer .foot-menu a:hover{color: #fff;padding: 4px 0;}

.copyright{border-top: 1px solid #717171;padding: 30px 0;overflow: hidden;width: 100%;}

.copyright .copy-fl{float: left;}

.copyright .copy-fr{float: right;}

.copyright p{font-size: 12px;color: #a4a4a4;}

.copyright a{font-size: 12px;color: #a4a4a4;}

.copyright a:hover{color: #fff;}



.Links{width: 100%;padding-bottom: 30px;}

.Links h3{font-size: 14px;color: #fff;font-weight: normal}

.Links a{font-size: 12px;color: #919191;margin-right: 10px;}



/*内页*/

/*公共标题*/

.page-tie{font-size: 35px;color: #2775bc;margin: 0 0 50px 0;}

.align{text-align: center;}



/*解决方案*/

.page-solubox{margin-bottom: 30px;}

.page-solu-tie{font-size: 20px;color: #2775bc;padding: 20px 0 20px 20px;border-bottom: 3px dotted #ccc;background: url(../images/page-solu-tie.png)no-repeat left;margin-bottom: 30px;}

.page-solubox-vise li{float: left;}

.page-solubox-vise li span{display: block;position: relative;width: 100%;padding-top:77%;overflow: hidden;}

.page-solubox-vise li span img{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 0.5s all}

.page-solubox-vise li dt{padding: 20px;background: #fff;overflow: hidden;}

.page-solubox-vise li dt h4{float: left;width: 80%; font-size: 16px;color: #000;font-weight: normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.page-solubox-vise li dt i{float: right;width: 30px;height: 24px;background: url(../images/index-case-li-more.png)no-repeat center;position: relative;left: 0;transition: 0.5s all}

.page-solubox-vise li:hover dt i{left: 8px;}

.page-solubox-vise li:hover img{transform: scale(1.1);}





/*技术支持-FAQ*/

.faqList{width: 99%;margin-bottom: 30px;}

.faqList li{background: #fff;margin-bottom: 10px;box-shadow: 0 0 5px #ccc;}

.faqList li i{float: left;display: block;font-size: 14px;width: 20px;height: 20px;line-height: 20px;text-align: center;background: #c5c5c5;font-style: normal;color: #fff;margin-right: 10px;}

.faqList li.act i{background: #2775bc}

.faqList li h4 i{margin: 15px 10px 15px 0;}



.faqList li.act .answer{display: block;}

.faqList li h4{line-height: 50px;height: 50px; padding: 0 16px;border-bottom: 1px solid #f1f1f1;font-size: 16px;color: #000;font-weight: normal;cursor: pointer;}

.faqList li h4 span{display: block;width: 80%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;float: left;}

.faqList li .answer{display: none;padding: 30px 16px;font-size: 16px;color: #909090;width: 100%;overflow: hidden;}

.faqList li .answer .conto{display: block;margin-top: 50px; font-size: 14px;color: #2d97f2;}



.downList{width: 99%;}

.downList li{float: left;width: 100%; box-shadow: 0 0 5px #ccc;margin-bottom: 10px;padding: 20px 20px 20px 0;background: url(../images/down-icon.png)no-repeat right;background-position-x:98%;transition: 0.5s all }

.downList li a{display: block;font-size: 16px;color: #000;background: url(../images/down-fie.png)no-repeat left;transition: 0.5s all;background-position-x: 20px;padding-left: 60px;}

.downList li:hover{background:#2775bc url(../images/down-icon-on.png)no-repeat right;background-position-x:98%;}

.downList li:hover a{color: #fff;background: url(../images/down-fie-on.png)no-repeat left;padding-left: 60px;background-position-x: 20px;}



/*关于*/

.page-ab{padding:50px 0;overflow: hidden;background: url(../images/page-ab-bg.jpg)no-repeat left center;}

.page-ab .ab-video{float: right;width: 50%;font-size: 16px;color: #676767;}

.page-ab .ab-video img{width: 100%;height: 100%;}

.page-ab .ab-txt{float: left;width: 50%;padding-right: 8%;font-size: 14px;color: #8c8c8c;}

.page-ab .ab-txt .cont{font-size: 14px;color: #252525;}

.page-ab .ab-tie{font-size: 30px;color: #1d2088;width: 100%;margin-bottom: 50px;}



/*文化*/

.page-culture{padding: 50px 0;overflow: hidden;background: #f1f1f1;background-size: cover}

.page-culture ul{margin: 50px 0 0px 0;overflow: hidden;text-align: center;}

.page-culture ul li{float: left; width: 22.5%;height: 408px; text-align: center;color: #fff;border:1px solid #cdcdcd;padding: 20px 20px 50px 20px;background: #fff;margin-right: 3%;}

.page-culture ul li:last-child{margin-right: 0}

.page-culture ul li span{display: block; width: 100%;position: relative;padding-top: 64%;}

.page-culture ul li span img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}



.page-culture ul li h4{font-size: 18px;color: #000; font-weight: normal;margin-top: 26px;margin-bottom: 10px;padding-bottom: 10px;position: relative;}

.page-culture ul li h4:after{content: '';display: block;position: absolute;left: 46%;bottom: 0;width: 30px;height: 1px;background: #d4d4d4;}

.page-culture ul li p{font-size: 14px;color: #7f7f7f;}



/*组织架构*/

.page-Organization{padding: 50px 0;}

.page-Organ-vise img{display: block;margin: 0 auto}



/*企业荣誉*/

.page-honor{padding: 50px 0;background: #f1f1f1;}

.page-honor-vise{overflow: hidden;}

.page-honor-vise ul li dt{width: 100%; height: 310px;background: #f8f8f8;border: 20px solid #fff;box-shadow: 0 0 2px #d5d5d5;}

.page-honor-vise ul li dt span{display: table;margin: 0 auto}

.page-honor-vise ul li dt span a{display: table-cell;vertical-align: middle;height: 270px;}

.page-honor-vise ul li dt span img{display: block;max-width: 100%;max-height: 100%;transition: 0.5s all}

.page-honor-vise ul li h4{font-size: 14px;color: #000;line-height: 50px;font-weight: normal;text-align: center;}

.page-honor-w{position: relative;}

.page-honor-w .honor-btn{position: absolute;top: 50%;width: 14px;height: 22px;transition: 0.5s all}

.page-honor-w .honor-next{right: -40px;background: url(../images/partner-next.png)no-repeat center;}

.page-honor-w .honor-prev{left: -40px;background: url(../images/partner-prev.png)no-repeat center;}

.page-honor-w .honor-next:hover{right: -40px;background: url(../images/partner-next-on.png)no-repeat center;}

.page-honor-w .honor-prev:hover{left: -40px;background: url(../images/partner-prev-on.png)no-repeat center;}



/*合作伙伴*/

.page-partner{padding: 50px 0;}

.page-partner-w{position: relative;}

.page-partner-vise{overflow: hidden;padding: 10px;}

.page-partner-vise li{position: relative;overflow: hidden;}

.page-partner-vise li dt{display: table;margin: 0 auto}

.page-partner-vise li dt span{display: table-cell;vertical-align: middle;height: 100px;}

.page-partner-vise li img{display: block;max-width: 100%;max-height: 100%; transition: 0.5s all}

.page-partner-vise li h4{position: absolute;left: 0;top: 0;width: 100%;height: 100px;line-height: 100px;background: #2775bc;text-align: center;color: #fff;font-size: 16px;transform: rotateY(-180deg);transition: 0.5s all;opacity: 0;}

.page-partner-vise li:hover h4{transform:rotateY(0deg);opacity: 1;}

.page-partner-vise ul li:hover img {transform: scale(1.1);transform:rotateY(180deg);}



/*证书*/

.yf-part4{background: #f6f6f6;padding: 50px 0 100px 0;}

.yf-part4 .yfHd{text-align: center;}

.yf-part4 .yfHd ul li{display: inline-block;font-size: 20px;color: #222;margin: 0 10px;cursor: pointer;padding-bottom: 20px;position: relative;}

.yf-part4 .yfHd ul li.on:after{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: #0c63aa;}



.yf-part4 .yfBd{position: relative;margin-top: 60px;}

.yf-part4 .yfBd ul li{float: left;width: 270px;margin-right: 30px;}

.yf-part4 .yfBd ul li div{height: 310px;background: #fff;border:1px solid #d9d9d9;}

.yf-part4 .yfBd ul li .pic{display: table;margin: 0 auto;}

.yf-part4 .yfBd ul li .pic span{display: table-cell;vertical-align: middle;height: 310px;}

.yf-part4 .yfBd ul li h3{line-height: 50px;font-size: 14px;color: #6a6a6a;text-align: center;font-weight: normal}

.yf-part4 .yfBd .tempWrap{width: 1474px ! important;margin: 0 auto}

.yf-part4 .yfBd .btn{display: block;width: 24px;height: 40px;position: absolute;top: 36%;transition: 0.5s all}

.yf-part4 .yfBd .sPrev{right: 0; background: url(../images/yf-prev.png)no-repeat center;}

.yf-part4 .yfBd .sNext{left: 0; background: url(../images/yf-next.png)no-repeat center;}

.yf-part4 .yfBd .sPrev:hover{right: 0; background: url(../images/yf-prev-on.png)no-repeat center;}

.yf-part4 .yfBd .sNext:hover{left: 0; background: url(../images/yf-next-on.png)no-repeat center;}





/*产品单页*/

.pro-tie{font-weight: normal;font-size: 36px;color: #0d3a8b;position: relative;text-align: center;padding-bottom: 36px;}

.pro-tie:after{content: '';position: absolute;display: block;left: 48.8%;bottom: 0;width: 50px;height: 3px;background: #0d3a8b}



.pro-intro{padding: 70px 0 80px 0;text-align: center;}

.pro-intro h3{font-size: 35px;color: #000;font-weight: normal}

.pro-intro p{font-size: 14px;color: #888888;width: 50%;margin: 50px auto 70px auto;}



/*客户价值*/

.pro-value{padding: 60px 0 70px 0;background: #f6f6f6;overflow: hidden;}

.pro-value ul{text-align: center;margin-top: 50px;}

.pro-value ul li{display: inline-block;width: 364px;height: 450px;padding: 50px 50px 0 50px;text-align: center;margin:0 30px; transition: 0.5s all}

.pro-value ul li i{display: inline-block;width: 180px;height: 180px;background: #fff url(../images/pro-show-icon.png)no-repeat;border-radius: 100px;box-shadow: 3px 3px 7px #bdbdbd;transition: 0.5s all}

.pro-value ul li:nth-child(1) i{background-position: 26px 10px}

.pro-value ul li:nth-child(2) i{background-position: -130px 8px}

.pro-value ul li:nth-child(3) i{background-position: -300px 14px}

.pro-value ul li h4{font-size: 20px;color: #222;position: relative;padding-bottom: 20px;margin: 30px 0 20px 0;}

.pro-value ul li h4:after{content: '';position: absolute;display: block;left: 45%;bottom: 0;width: 28px;height: 3px;background: #3884dc}

.pro-value ul li:nth-child(1):hover i{background-position: 26px -170px}

.pro-value ul li:nth-child(2):hover i{background-position: -130px -170px}

.pro-value ul li:nth-child(3):hover i{background-position: -300px -170px}

.pro-value ul li:hover{background: #fff;box-shadow: 6px 6px 6px #d9d8d8;}

.pro-value ul li:hover i{background: #3884dc url(../images/pro-show-icon.png)no-repeat;}



/*视频演示*/

.pro-video{padding: 80px 0 70px 0;overflow: hidden;position: relative;}

.pro-video .grWidth{position: relative;}

.pro-video .video{padding: 40px 0 0 190px;}

.pro-video .video ul li{float: left;position: relative;cursor: pointer;}

.pro-video .video ul li:after{content: '';position: absolute;display: block;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);transition: 0.5s all}

.pro-video .video ul li i{display: inline-block;width: 57px;height: 57px;background: url(../images/player-icon.png)no-repeat center;position: absolute;left:42%;top: 26%;z-index: 1}

.pro-video .video ul li:nth-child(1) i{left: 46%;top: 42%;}

.pro-video .video ul li:nth-child(1){width: 790px;height: 538px;margin-right: 5px;}

.pro-video .video ul li:nth-child(2){width: 380px;height: 267px;}

.pro-video .video ul li:nth-child(3){width: 380px;height: 267px;position: absolute;right: 194px;top: 451px;}

.pro-video .video ul li h4{position: absolute;top: 60%;left: 0;font-size: 16px;color:#fff;width: 100%;text-align: center;z-index: 1}



.pro-video .video ul li:hover:after{background: rgba(0,0,0,0.7);}



/*其他案例*/

.pro-orther-Case{padding: 80px 0 60px 0;background: #f6f6f6;overflow: hidden;}

.pro-orther-Case ul{margin-top: 40px;}

.pro-orther-Case ul li{float: left;width: 366px;margin-right: 32px;}

.pro-orther-Case ul li:nth-child(4){margin-right: 0}

.pro-orther-Case ul li .pic{display: block;overflow: hidden;}

.pro-orther-Case ul li img{height: 215px;transition: 0.5s all}

.pro-orther-Case ul li .txt{height: 90px;padding: 20px;background: #fff;}

.pro-orther-Case ul li h3{font-size: 18px;color: #1c1317;font-weight: normal}

.pro-orther-Case ul li span{font-size: 14px;color: #7c797a;}

.pro-orther-Case ul li i{font-size: 22px;color: #1c1317;float: right;font-style: normal;position: relative;top: -12px;}

.pro-orther-Case ul li:hover img{transform: scale(1.1);}

.pro-orther-Case ul li:hover h3{color: #0d3a8b}



/*推荐产品*/

.pro-reco{padding: 90px 0 88px 0;overflow: hidden; }

.pro-reco .pro-reco-cont{margin-top: 40px;}

.pro-reco ul li{float: left;width: 280px;height: 280px;border:1px solid #ececec;margin-right: 40px;transition: 0.5s all}

.pro-reco ul li:nth-child(5){margin-right: 0}

.pro-reco ul li .pic{display: table;margin: 0 auto;}

.pro-reco ul li .pic span{display: table-cell;vertical-align: middle;;height: 210px;overflow: hidden;}

.pro-reco ul li .pic img{transition: 0.5s all}

.pro-reco ul li h3{line-height: 70px;font-size: 16px;color: #666;text-align: center;font-weight: normal}

.pro-reco ul li:hover img{transform: scale(1.1);}

.pro-reco ul li:hover h3{color:#0d3a8b }

.pro-reco ul li:hover{border:1px solid #0d3a8b;}





/*产品封面列表*/

.productindex{width: 100%;overflow: hidden;padding-left: 1px;}

.productindex li{float: left;margin-bottom: 90px;}

.productindex li i{display: inline-block;width: 70px;height: 80px;}

.productindex li .pro-fl{float: left;width: 40%;padding: 50px 100px 70px 58px;}

.productindex li .pro-fr{float: right;width: 55%;}

.productindex li:nth-child(2n) .pro-fl{float: right;width: 40%;padding: 50px 100px 70px 58px;}

.productindex li:nth-child(2n) .pro-fr{float: left;width: 55%;}

.productindex li h3{font-size: 35px;color: #000;font-weight: normal}

.productindex li p{font-size: 14px;color: #888;margin: 50px 0 70px 0;}

.productindex li .more{display: block;width: 150px;height: 48px;line-height: 48px;font-size: 12px;color: #a3a2a2;text-align: center;border:1px solid #a3a2a2;margin: 50px 0 0 0;background: url(../images/index-more.png)no-repeat 90px;padding-right: 32px;}

.productindex li .more:hover{background: #213f99 url(../images/index-more-on.png)no-repeat 96px;color: #fff;border:1px solid #213f99;}



/*产品列表*/

.productList{width: 100%;overflow: hidden;padding-left: 1px;}

.productList li{float: left;width: 30.66%;margin:0 4% 4% 0;padding: 4%;border:1px solid #e7e7e7;text-align: center;transition: 0.5s all}

.productList li:nth-child(3n){margin-right: 0}

.productList li .pic{display: table;margin: 0 auto;overflow: hidden;}

.productList li .pic span{display: table-cell;vertical-align: middle;height: 410px;}

.productList li .pic img{display: block;max-width: 100%;max-height: 100%; transition: 0.5s all}

.productList li h3{line-height: 36px;font-weight:bold;font-size: 15px;color: #2775bc;}

.productList li p{font-size: 14px;color: #4d4d4d;}

.productList li:hover img{transform: scale(1.1);}

.productList li:hover h3{color: #0081bd}

.productList li:hover{border:1px solid #2775bc}





/*产品详情*/

.proShow_wrap{background: #f2f2f2;overflow: hidden;}

.proShow_wrap .gallery{float: left;width: 60%;border: 20px solid #f2f2f2;margin-right: -1px;background: #fff;}

.proShow_wrap .gallery .gallery-top ul li{position: relative;padding-top: 74%;}

.proShow_wrap .gallery .gallery-top ul li dt{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}

.proShow_wrap .gallery .gallery-top ul li .pic {display: table;margin: 0 auto; }

.proShow_wrap .gallery .gallery-top ul li .pic span{display: table-cell;vertical-align: middle;height: 425px;}

.proShow_wrap .gallery .gallery-top ul li .pic img{display: block;max-width: 100%;max-height: 100%;}



.proShow_wrap .gallery .gallery-thumbs ul li{float: left;width: 120px;height: 120px;border:1px solid #eaeaea;cursor: pointer;overflow: hidden;position: relative;}

.proShow_wrap .gallery .gallery-thumbs ul li:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;}

.proShow_wrap .gallery .gallery-thumbs ul li.swiper-slide-thumb-active:after{opacity: 0;}

.proShow_wrap .gallery .gallery-thumbs ul li img{max-width: 100%;max-height: 100%;display: block;margin: 0 auto}



.swiper-button-next,.swiper-button-prev{opacity: 0 ! important;transition: 0.5s all;font-size: 24px;

font-family: 宋体;

line-height: 44px;

text-align: center;

color: #fff;

font-weight: bold;}

.proShow_wrap .gallery:hover .swiper-button-next{opacity: 1 ! important;}

.proShow_wrap .gallery:hover .swiper-button-prev{opacity: 1 ! important;}



.proShow_wrap .prodesc{float: right;width: 40%;padding:3%;}

.proShow_wrap .prodesc h3{font-size: 24px;color: #000;font-weight: normal;/*overflow:hidden;*/text-overflow: ellipsis;}

.proShow_wrap .prodesc p{font-size: 18px;color: #000;margin-top: 20px;}

.proShow_wrap .prodesc dt{font-size:16px;color: #ababab;margin-top: 4%;padding: 5% 0;border-top: 1px dashed #e1e1e1;}

.proShow_wrap .prodesc .procontact{display: block; font-size:16px;color: #fff;width: 120px;height: 45px;line-height: 45px;text-align: center;background: #2775bc; }



.proShow_main{overflow: hidden;padding: 30px 0 0 0;}

.proShow-menu a{float: left; display: block;width: 165px;height: 42px;line-height: 42px; font-size: 14px;color: #6a6a6a;text-align: center;background: #f1f1f1;margin-right: 6px;position: relative;top: 0;z-index: 99}

.proShow-menu a.on{background: #fff;color: #000;border-top: 1px solid #d6d6d6;border-left:1px solid #d6d6d6;border-right: 1px solid #d6d6d6;top: 1px }

.proShow-box{width: 100%;background: #fff;overflow: hidden;}

.proShow-box .li{overflow: hidden;padding: 3%;border:1px solid #d6d6d6;}



.relaPro .ohbox{overflow: hidden;padding-bottom: 1px;}

.relaPro .tie{font-size: 18px;color: #fff;text-align: center;line-height: 50px;background: #000;font-weight: normal}

.relaPro li{float: left;padding: 4%;border:1px solid #e7e7e7;text-align: center;transition: 0.5s all}

.relaPro li:nth-child(3n){margin-right: 0}

.relaPro li .pic{display: table;margin: 0 auto;overflow: hidden;}

.relaPro li .pic span{display: table-cell;vertical-align: middle;height: 410px;}

.relaPro li .pic img{display: block;max-width: 100%;max-height: 100%; transition: 0.5s all}

.relaPro li h3{line-height: 60px;font-weight: normal;font-size: 25px;color: #2775bc;}

.relaPro li p{font-size: 14px;color: #4d4d4d;}

.relaPro li:hover img{transform: scale(1.1);}

.relaPro li:hover h3{color: #0081bd}

.relaPro li:hover{border:1px solid #2775bc}



/*案例列表*/

.list-tie{font-size: 40px;color: #000;margin: 0 0 60px 0;text-align: center;}

.caseList{width: 100%;overflow: hidden;padding-left: 1px;}

.caseList li{float: left;width: 31.3%;margin:0 3% 3% 0;transition: 0.5s all;position: relative;top: 0}

.caseList li:nth-child(3n){margin-right: 0}

.caseList li span{display: block;position: relative;width: 100%;padding-top:77%;overflow: hidden;}

.caseList li span img{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 0.5s all}

.caseList li dt{padding: 20px;background: #fff;overflow: hidden;transition: 0.5s all}

.caseList li dt h4{float: left;width: 80%; font-size: 16px;color: #000;font-weight: normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.caseList li dt i{float: right;width: 30px;height: 24px;background: url(../images/index-case-li-more.png)no-repeat center;position: relative;left: 0;transition: 0.5s all}

.caseList li:hover{top: -10px;}

.caseList li:hover dt{box-shadow: 0 6px 6px #ddd;}



/*案例详情*/

.pictureIsLeft{border:1px solid #e8e8e8;padding: 30px;overflow: hidden;}

.pictureTop h1{ font-weight:normal; font-size:25px; line-height:40px; color:#000;}

.pictureTop .top{ font-size:14px; line-height:35px; color:#888;overflow:hidden;border:1px solid #eee;margin-top:15px;}

.pictureTop .top span{ padding-right:40px;}

.pictureTop .top .bshare-custom{margin-top:8px;margin-right: 4%;}

.pictureTop .top .sp1{background: url('../images/time-bg_03.png') no-repeat;width:272px;text-align:center;font-size: 14px;color: #9d9d9d;}

.pictureTop .top .sp3{background: url('../images/single-view.png') no-repeat left center;padding-left:30px;}

.pictureContent{ padding-top:20px; font-size:14px; line-height:2em; text-align:justify; white-space:normal;margin-bottom:30px;overflow:hidden;min-height:25rem;}

.pictureContent p{ padding:5px 0;}

.pictureContent img{max-width:100%;}

.pictureIsLeft .fen{padding-top: 20px;border-top: 1px solid #e8e8e8;}

.pictureIsLeft .fen .prew{float: left;width: 45%;background: #ebebeb;padding: 13px;}

.pictureIsLeft .fen .nextw{float: right;width: 45%; background: #ebebeb;padding: 13px;}

.pictureIsLeft .fen a{display: block; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color: #6b6b6b;font-size: 14px;}

.pictureIsLeft .fen a:hover{color: #213f99}



.relatedNews{padding-top: 20px;}

.relatedNews ul li{line-height: 50px;width: 45%;float: left;border-bottom: 1px solid #eaeaea;margin-right: 10%;background: url(../images/relatedNews-li.png)no-repeat left;padding-left: 10px;}

.relatedNews ul li:nth-child(2n){margin-right: 0}

.relatedNews ul li h4{font-size: 14px;color: #6b6b6b;font-weight: normal;float: left;width: 80%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.relatedNews ul li span{float: right; font-size: 12px;color: #6b6b6b;width: 20%;display: block;}



/*图片默认列表*/

.picList li{float: left;width: 23.5%;position: relative;margin: 0 2% 2% 0;}

.picList li:nth-child(4n){margin-right: 0}

.picList li .pic{display: block; position: relative;width: 100%;padding-top: 72%;overflow: hidden;}

.picList li .pic img{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 0.5s all}

.picList li h4{line-height: 50px;font-size: 16px;color: #000;text-align: center;font-weight: normal}

.picList li:hover img{transform: scale(1.1);}



/*应用列表*/

.picturelist ul li{float: left;width: 50%;padding: 0 40px 40px 0}

.picturelist ul li:nth-child(1n){padding-right: 20px;}

.picturelist ul li:nth-child(2n){padding-right: 0;padding-left: 20px;}

.picturelist ul li .pb{overflow: hidden;display: block;width: 50%;float: left;}

.picturelist ul li .pic{width: 100%;height: 309px; }

.picturelist ul li .pic img{width: 100%;}

.picturelist ul li .txt{width: 50%;height: 100%; float: left;background: #f1f1f1;padding: 20px}

.picturelist ul li .txt h2{font-weight:normal;font-size:25px;color: #252020}

.picturelist ul li .txt p{margin:20px 0 30px 0;}

.picturelist ul li .txt .more{width: 47.9%;display: inline-block;background: #3e8ee1;padding: 10px 0;text-align: center;color: #fff;border-radius: 5px;margin-bottom: 7px;}



/*新闻列表*/

.newsList{width: 100%;}

.newsList li{float: left; box-shadow: 0 0 14px #ececec;width: 31.3%;margin:0 3% 3% 0}

.newsList li:nth-child(3n){margin-right: 0}

.newsList li span{position: relative;display: block;width: 100%;padding-top: 68%;overflow: hidden;.newsList li dt h4}

.newsList li span img{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 0.5s all}

.newsList li dt{overflow: hidden;padding: 26px 18px;}

.newsList li dt h4{font-size: 14px;color: #000;}

.newsList li dt p{font-size: 12px;color: #6d6d6d;margin: 10px 0 30px 0;}

.newsList li dt i{font-size: 12px;color: #6d6d6d;font-style: normal}

.newsList li:hover img{transform: scale(1.1);}

.newsList li:hover dt h4{color: #2775bc;}



/* 新闻详细样式 */

.news-wrap{padding:0 0 90px 0;overflow: hidden;}

.newsIs{ padding-top:20px;}

.newsIsLeft{ width:100%;}

.newsIsTop{text-align: center;margin-bottom: 30px;}

.newsIsTop h1{ font-weight:normal; font-size:24px; line-height:40px; color:#000;}

.newsIsTop .top{ font-size:14px; line-height:35px; color:#888;overflow:hidden;margin-top:8px;text-align: center;}

.newsIsTop .top span{padding-right:20px;font-size: 14px;color: #a7a7a7;display: inline-block;}

.newsIsTop .top .bshare-custom{margin-top:8px;margin-left: 4%;}

.newsIsContent{padding: 20px 0; font-size:14px; line-height:2em; text-align:justify; white-space:normal;margin-bottom:30px;overflow:hidden;min-height:613px;border-top: 1px solid #ececec;}

.newsIsContent p{ padding:5px 0;}

.newsIsContent img{max-width:100%;}

.newsIsLeft .fen .prew{float: left;width: 48%;padding: 10px 0;}

.newsIsLeft .fen .nextw{float: right;width: 48%;padding: 10px 0;text-align: right;}

.newsIsLeft .fen a{display: block; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color: #6b6b6b;font-size: 14px;}

.newsIsLeft .bottom{padding: 16px 0;border-top: 1px dashed #b6b6b6;border-bottom:1px dashed #b6b6b6;font-size: 14px;color: #a7a7a7; }

.newsIsLeft .bottom span{margin-left: 30px;}

.newsIsLeft .bottom .back{width: 95px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background:#d2d2d2 url(../images/back-icon.png)no-repeat left;padding-left: 28px;display: block;float: right;background-position-x: 4px;margin-top: -8px;}

.newsIsLeft .bottom .back:hover{background:#1d2087 url(../images/back-icon.png)no-repeat left;background-position-x: 4px;}

.newsIsRight{width:100%;border-top: 1px dashed #b6b6b6;padding-top: 30px;overflow: hidden;}

.newsIsRight .news-hot{margin-bottom: 30px;}

.newsIsRightTitl{font-size:18px;color: #000;position: relative;padding-left: 14px;}

.newsIsRightTitl:after{content: '';position: absolute;top: 5px;left: 0;width: 5px;height: 16px;background: #1d2087;}

.newsIsRight .main{margin-top: 20px;}

.newsIsRight .main li{width: 100%;margin-bottom: 34px;border-bottom: 1px dashed #cfcfcf}

.newsIsRight .main li span{display: block;overflow: hidden;}

.newsIsRight .main li img{width: 280px;height: 170px;transition: 0.5s all}

.newsIsRight .main li:last-child{margin-bottom: 0}

.newsIsRight .main li h3{line-height: 44px;font-size: 16px;color: #000;font-weight: normal}

.newsIsRight .main .more{font-size: 14px;color: #2d82e1;margin: 30px 0 0 0;display: block}

.newsIsRight .main li:hover img{transform: scale(1.1);}







/*资质证书列表*/

.honorlist li{float: left;width: 25%;position: relative;height: 360px;}

.honorlist li dd{position: absolute;top: 0;width: 100%;height: 310px;background: #fff;padding: 6%;}

.honorlist li dd p{background: #f8f8f8;width: 100%;height: 100%;}

.honorlist li dd a{display: table;margin: 0 auto;}

.honorlist li dd span{display: table-cell;vertical-align: middle;height: 270px;}

.honorlist li dd img{display: block;max-width: 100%;max-height: 100%;transition: 0.5s all}

.honorlist li h4{position: absolute;bottom: 0;left: 0;line-height: 50px;font-size: 14px;color: #333;text-align: center;width: 100%}



/*合作伙伴列表*/

.hezuolist ul li {

 float: left;

 height: 120px;

 border:1px solid #d7d7d7;

 background: #fff;

 width:16.66%;

 margin-bottom: 1%

}

.hezuolist ul li:nth-child(7n){margin-right: 0;}

.hezuolist ul li a {

 display: table;

 margin: 0 auto;

}

.hezuolist ul li span {

 display: table-cell;

 vertical-align: middle;

 height: 120px;

}

.hezuolist ul li img {

 display: block;

 max-width: 100%;

 max-height: 100%;

 transition: 0.5s all;

}

.hezuolist ul li:hover img {

 transform: scale(1.1);

}

.hezuolist ul li h4{

position: absolute;

width: 100%;

height: 100%;

text-align: center;

transform: rotateY(-180deg);

transition: all 0.5s ease 0s;

backface-visibility: hidden;

color:

#fff;

padding: 0 5px;

    padding-top: 0px;

background:

#2775bc;

top: 0;

left: 0;

padding-top: 20%;}



.hezuolist ul li:hover img {

 transform: scale(1.1);

 transform:rotateY(180deg);

}

.hezuolist li:hover h4{transform:rotateY(0deg);}



/*视频列表*/

.videolist ul li{width: 33.333%;float: left;text-align: center;padding: 0 10px 10px 10px;}

/*.picturelist ul li:nth-child(3n){padding-right: 20px;}*/

.videolist ul li h3{font-size:16px;font-weight:normal;padding: 20px 0;color: #070707;}

.videolist ul li .pic{position:relative;width: 100%;padding-top: 62.6%;border: 1px solid #cecece}



.videolist ul li .pic img{position:absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;padding: 5px;}

.videolist ul li .pic b:after{content: '';position:absolute; display: block;width:98%;height: 97%;background: #000c url(../images/video-icon.png)no-repeat center;top: 5px;left:5px;opacity: 0.8;cursor: pointer;}

.videolist ul li:hover .pic b:after{opacity: 1}









/*联系我们*/

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

  color: #000;

  font-size: 14px;

}



input:-moz-placeholder, textarea:-moz-placeholder {

  color: #000;

  font-size: 14px;

}



input::-moz-placeholder, textarea::-moz-placeholder {

  color: #000;

  font-size: 14px;

}



input:-ms-input-placeholder, textarea:-ms-input-placeholder {

  color: #000;

  font-size: 14px;

}



.contactBox{overflow: hidden;padding: 50px 0;}

.contactBox .config{float: left;width: 45%}

.contactBox .config h3{font-size: 35px;color: #2775bc;margin-bottom: 50px;}

.contactBox .config dt p{font-size: 16px;color: #606060;}

.contactBox .config .con1{padding-bottom: 30px;border-bottom: 1px dotted #b2b2b2; background: url(../images/con-addr.jpg)no-repeat left;background-position: 0 0;margin-bottom: 30px;padding-left: 60px;}

.contactBox .config .con2{background: url(../images/con-tel.jpg)no-repeat left;background-position: 0 0;padding-left: 60px;}



.contactBox .config .con-code{margin-top: 50px;}

.contactBox .config .con-code img{float: left;padding: 10px;box-shadow: 0 0 10px #ccc;margin-left: 10px;}

.contactBox .config .con-code p{float: left;margin: 50px 0 0 20px;}

.contactBox .config .con-code p span{display: block;font-size: 16px;color: #606060;}



.contactBox .baidumap{float: right;width: 50%;height: 500px;}



.confeedback{width: 100%;float: left;background: #f2f2f2 url(../images/confeedback-bg.jpg)no-repeat right bottom;padding: 50px 0 40px 0;}

.confeedback .con-tie{font-size: 35px;color: #2775bc;text-align: center;margin-bottom: 50px;}

.confeedback span{font-size:18px;color: #000;font-weight:600;display: block;margin-bottom: 40px;}

.confeedback .contact-feedback li{float: left;width: 32%;margin-right: 2%;}

.confeedback .contact-feedback li:nth-child(3){margin-right: 0}

.confeedback .contact-feedback li input{width: 100%;padding: 16px 20px;border: 1px solid #e1e1e1;border-radius: 2px;font-size:14px;}

.confeedback .textarea{width: 100%;overflow: hidden;padding: 20px 0;}

.confeedback .textarea textarea{width: 100%;border: 1px solid #e1e1e1;height: 16.0rem;padding: 20px;border-radius: 5px;margin-bottom: 20px;font-size:14px;}

.confeedback .textarea button{ width: 10%;background: #2775bc;font-size:16px;color: #fff;padding: 17px 0;border-radius: 2px;transition: 0.5s all;cursor: pointer;margin:0 auto;display: block;border-radius: 6px;}