/*公共样式*/
*{ margin:0; padding:0;}
*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
:after,:before{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body{ color:#666; width:100%; padding:0; margin:0 auto; background-color:#fff; font:14px/24px "微软雅黑";}
ul,li{ list-style:none;}
body,div,p,h1,h2,h3,h4,h5,h6,ul,input,button,textarea,select,a,img,ul,li,span{ margin:0; padding:0; font-family:"微软雅黑";}
input:focus,textarea:focus,button:focus,select:focus{ outline:none;} 
img{ border:0; display:block;}
a{ text-decoration:none; color:#666;}
a:hover{ text-decoration:none; color:#ff971b;}
.clearfix{ *zoom:1;} 
.clearfix:before,.clearfix:after{ display:table; line-height:0; content:"";} 
.clearfix:after{ clear:both;} 
.fl{ float:left;}
.fr{ float:right;}
.pageWidth{ width:1200px; margin:0 auto;}

/*导航*/
.head-welcome{ width:100%; height:30px; width:100%; background:#444;}
.head-welcome .head-text,
.head-welcome .head-tel{ color:#fff; line-height:30px;}
.head-welcome .head-tel{ background:url(../images/head_tel.png) no-repeat left center; padding-left:30px;}
.head-cont{ width:100%; background:#fff; height:104px;} 
.head-cont .head-logo{ width:500px;}
.head-cont .head-logo img{ width:280px; height:104px;}
.head-cont .head-menu{ width:700px; position:relative; z-index:100;}
.head-cont .head-menu ul{ height:104px;}
.head-cont .head-menu ul li{ width:100px; text-align:center; position:relative;}
.head-cont .head-menu ul li .level1{ display:block; width:100%; line-height:104px; font-size:16px; color:#000; position:relative;}
.head-cont .head-menu ul li .level1:hover{ color:#fff;}
.head-cont .head-menu ul li .level1:after{ content:""; position:absolute; left:50%; right:50%; top:0; bottom:0; z-index:-1; opacity:0; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.head-cont .head-menu ul li .level1:hover:after{ left:0; right:0; opacity:1; background:#ff971b;}
.head-cont .head-menu ul li .level2{ position:absolute; z-index:2; margin-top:20px; height:0; opacity:0; background:#ff971b; 
-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;
-webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.head-cont .head-menu ul li:hover .level2{ opacity:1;}
.head-cont .head-menu ul li .level2 a{ display:block; width:100%; color:#fff;}
.head-cont .head-menu ul li .level2 p{height:39px; width:100%; line-height:38px; border-bottom:1px solid #fff;}
.head-cont .head-menu ul li .level2 p:nth-last-of-type(1){border-bottom:none;}
.head-cont .head-menu ul li:nth-of-type(6) .level2{ width:120px; left:-10px;}
.head-cont .head-menu ul li:nth-of-type(3) .level2{ width:170px; left:-35px;}
.head-cont .head-menu ul li:hover .level2{ height:auto;}

/*-banner*/
.banner{ width:100%; position:relative; z-index:0;}
.banner .swiper-container { width:100%;}
.banner .swiper-container .img{ display:block; width:100%;}
.banner .swiper-container .hide{display:none;}
.banner .swiper-container .swiper-button-left，
.banner .swiper-container .swiper-button-right{ width:31px; height:60px;}
.banner .swiper-container .swiper-button-prev{ left:20%; background:url(../images/ban_pre.png) no-repeat center;}
.banner .swiper-container .swiper-button-next{ right:20%; background:url(../images/ban_next.png) no-repeat center;}

/*首页公共样式*/
.index-title{ text-align:center; padding:60px 0;}
.index-title p{ font-size:20px; font-weight:normal; color:#999; line-height:20px; letter-spacing:3px;}
.index-title h3{ font-size:28px; font-weight:normal; color:#333; line-height:28px;}
.index-title .line{ width:60px; height:3px; background:#ff971b; margin:15px auto;}
.index-more{ width:200px; height:60px; text-align:center; background:#f19629; margin:0 auto;}
.index-more a{ color:#fff; font-size:20px; line-height:60px; display:block; letter-spacing:5px;}

/*首页--公司简介*/
.index-infoBg{ background:#eff2f8; width:100%; padding-bottom:60px;}
.index-infoBg .index-info{ padding:114px 0 88px 0; background:url(../images/index_info1.png) no-repeat right 60px;}
.index-infoBg .index-info p{ margin-top:22px; width:740px; height:120px; overflow:hidden; text-align:justify; text-indent:2em;}
.index-infoBg .index-info h3{ font-size:24px; color:#ff971b;}
.index-infoBg .index-info h4{ font-size:18px; margin-top:17px;}
.index-infoBg .index-info p a{ color:#666;}
.index-infoBg .index-info h3 a{ color:#ff971b;}
.index-infoBg .index-info h4 a{ color:#000;}
.index-infoBg .index-text li{ width:580px; height:322px; background:#fff; padding:66px 40px 0 40px; position:relative;}
.index-infoBg .index-text li:nth-of-type(1){ margin-right:40px;}
.index-infoBg .index-text li p{ color:#999; line-height:28px;}
.index-infoBg .index-text li p span{ float:left; font-size:24px; display:block; width:25px;}
.index-infoBg .index-text li p font{ float:left; font-size:14px; width:475px;}
.index-infoBg .index-text li h3{ font-size:18px; color:#333; margin-bottom:5px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index-infoBg .index-text li h4{ font-size:14px; color:#333; margin-bottom:30px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index-infoBg .index-text li .img{ position:absolute; top:-50px; left:50%; margin-left:-51px;}

/*首页--产品中心*/
.index-productBg{ width:100%; padding-bottom:60px;}
.index-productBg .index-product ul{ padding-bottom:60px;}
.index-productBg .index-product ul li{ width:270px; padding-bottom:26px; margin-right:40px; box-shadow:0 0 6px rgba(0,0,0,.2);}
.index-productBg .index-product ul li:nth-of-type(4){ margin-right:0;}
.index-productBg .index-product ul li .img,
.index-productBg .index-product ul li .img img{ width:270px; height:200px; overflow:hidden;}
.index-productBg .index-product ul li p{ height:120px; padding:0 20px; text-align:justify; overflow:hidden;}
.index-productBg .index-product ul li p a{ color:#999;}
.index-productBg .index-product ul li h3{ height:24px; font-size:16px; margin:16px 20px 11px 20px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index-productBg .index-product ul li h3 a{ color:#333;}
.index-productBg .index-product ul li p a:hover,
.index-productBg .index-product ul li h3 a:hover{ color:#f19629;}
.index-productBg .index-product ul li .more{ padding:0 20px; text-align:right; font-size:16px; margin-top:21px;}
.index-productBg .index-product ul li .more a{ color:#ff971b;}

/*首页--解决方案*/
.index-solutionBg{ background:#eff2f8; width:100%;}
.index-solutionBg .index-solution{ width:100%;}
.index-solutionBg .index-solution li{ width:25%; height:480px; overflow:hidden; position:relative; cursor:pointer;}
.index-solutionBg .index-solution li .imgBg{ width:100%; height:480px; overflow:hidden; position:relative;}
.index-solutionBg .index-solution li .blackBg,
.index-solutionBg .index-solution li .yellowrBg,
.index-solutionBg .index-solution li .tit,
.index-solutionBg .index-solution li .txt{ -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; 
-o-transition:all .3s; transition:all .3s;}
.index-solutionBg .index-solution li .blackBg{ position:absolute; top:0; left:0; width:100%; height:480px; background:rgba(0,0,0,.7); z-index:1;}
.index-solutionBg .index-solution li:hover .blackBg{ top:-480px;}
.index-solutionBg .index-solution li .yellowrBg{ position:absolute; top:480px; left:0; width:100%; height:480px; z-index:2;}
.index-solutionBg .index-solution li:hover .yellowrBg{ top:0; background:rgba(255,151,27,.9);}
.index-solutionBg .index-solution li a{ color:#fff;}
.index-solutionBg .index-solution li .tit{ position:absolute; top:193px; left:0; width:100%; text-align:center; z-index:3;}
.index-solutionBg .index-solution li .tit h3{ text-align:center; font-size:20px; line-height:20px; font-weight:normal; height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index-solutionBg .index-solution li .tit .icon{ width:44px; height:44px; margin:30px auto 0 auto;}
.index-solutionBg .index-solution li:hover .tit{ top:82px;}
.index-solutionBg .index-solution li .txt{ position:absolute; top:480px; left:0; width:100%; text-align:center; z-index:4;}
.index-solutionBg .index-solution li .txt p{ line-height:28px; font-size:16px; padding:0 34px; height:84px; overflow:hidden;}
.index-solutionBg .index-solution li .txt .more{ display:block; width:150px; height:48px; border:1px solid #fff; font-size:16px; line-height:46px; margin:60px auto 0 auto;}
.index-solutionBg .index-solution li:hover .txt{ top:206px;}

/*首页--新闻资讯*/
.index-newsBg{ background:#eff2f8; width:100%; padding-bottom:60px;}
.index-newsBg .index-news{ padding-bottom:30px;}
.index-newsBg .index-news li{ width:580px; height:138px; background:#fafbfd url(../images/index_news5.png) no-repeat right bottom; margin-bottom:30px; cursor:pointer;}
.index-newsBg .index-news li:nth-of-type(2n){ margin-left:40px;}
.index-newsBg .index-news li .img,
.index-newsBg .index-news li .img img{ width:174px; height:138px; overflow:hidden;}
.index-newsBg .index-news li .txt{ width:406px; padding:0 40px 0 20px;}
.index-newsBg .index-news li .txt p{ color:#999; height:48px; overflow:hidden;}
.index-newsBg .index-news li .txt h3{ font-size:16px; color:#333; font-weight:normal; margin:22px 0 6px 0; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index-newsBg .index-news li,
.index-newsBg .index-news li .txt p a,
.index-newsBg .index-news li .txt h3 a{ -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; 
-o-transition:all .3s; transition:all .3s;}
.index-newsBg .index-news li .txt p a{ color:#999;}
.index-newsBg .index-news li .txt h3 a{ color:#333;}
.index-newsBg .index-news li:hover{ background:#f19629 url(../images/index_news5.png) no-repeat right bottom;}
.index-newsBg .index-news li:hover .txt p a{ color:#f3f3f3;}
.index-newsBg .index-news li:hover .txt h3 a{ color:#fff;} 

/*底部*/
footer{ width:100%; background:#333;float: left;}
footer .foot-nav{ background:#666; height:60px; line-height:60px; text-align:center; font-size:16px;}
footer .foot-nav a{ color:#fff; margin:0 30px;}
footer .foot-nav a:hover{ color:#f19629;}
footer .foot-cont{ height:328px;}
footer .foot-logo{ width:380px; padding-top:133px;}
footer .foot-logo img{ width:325px; height:68px;}
footer .foot-text{ width:450px; padding-top:82px; height:328px; background:url(../images/footer_line.png) no-repeat right center;}
footer .foot-text p{ color:#fff; font-size:14px; line-height:26px;}
footer .foot-text h3{ color:#fff; margin-bottom:15px; font-size:18px; font-weight:normal;}
footer .foot-ewm{ width:370px; padding:60px 0 0 66px;}
footer .foot-ewm h3{ color:#fff; margin-bottom:18px; font-size:20px; font-weight:normal;}
footer .foot-ewm li{ width:112px; margin-left:40px;}
footer .foot-ewm li p{ text-align:center; color:#fff; padding-top:10px;}
footer .foot-ewm li img{ width:112px; height:112px; margin:0 auto;}

/*子页--产品中心*/
.productBg .product li{ width:580px; margin-right:40px; padding-bottom:90px; overflow:hidden; position:relative;}
.productBg .product li:nth-of-type(2n){ margin-right:0;}
.productBg .product li .imgBg{ width:580px; height:260px; overflow:hidden;}
.productBg .product li .icon{ width:64px; height:64px; overflow:hidden; position:absolute; top:98px; left:-258px; z-index:3;}
.productBg .product li:hover .icon{ left:258px;}
.productBg .product li .yellowBg{ position:absolute; top:0; left:0; width:0; height:260px; z-index:2;}
.productBg .product li:hover .yellowBg{ width:580px; background:rgba(255,151,27,.9);}
.productBg .product li .grayLine{ position:absolute; bottom:60px; left:0; width:580px; height:3px; background:#ccc;}
.productBg .product li:hover .grayLine{ width:0;}
.productBg .product li .yellowLine{ position:absolute; bottom:60px; left:0; width:0; height:3px;  background:#f19629;}
.productBg .product li:hover .yellowLine{ width:580px;}
.productBg .product li h3{ font-size:18px; font-weight:normal; margin-top:17px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.productBg .product li h3 a{ color:#333;}
.productBg .product li:hover h3{ background:url(../images/product9.png) no-repeat left center; padding-left:32px;}
.productBg .product li p{ margin-top:15px; height:48px; overflow:hidden;}
.productBg .product li:hover p a{ color:#f19629;}
.productBg .product li .yellowBg,
.productBg .product li .icon,
.productBg .product li .grayLine,
.productBg .product li .yellowLine,
.productBg .product li h3,
.productBg .product li p a{ -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; 
-o-transition:all .3s; transition:all .3s;}

/*分页*/
.pagination{ margin-bottom:100px;}
.pagination ul{ width:560px; margin:0 auto;}
.pagination li{ text-align:center; font-size:16px;}
.pagination li:nth-of-type(1),
.pagination li:nth-last-of-type(2){ width:172px; height:44px; line-height:42px; border:1px solid #ccc;}
.pagination li:nth-last-of-type(1){ width:44px; height:44px; background:#ccc; font-size:16px; line-height:44px; margin-left:20px;} 
.pagination li:nth-last-of-type(1) a{ color:#fff;}
.pagination li:nth-of-type(2){ width:30px; height:30px; line-height:28px; border:1px solid #ccc; margin:7px 10px 0 30px;}
.pagination li a{ color:#333;}
.pagination li:nth-of-type(3){ line-height:44px; color:#333; margin-right:30px;}
.pagination li:nth-of-type(3) span{ padding:0 5px;}

/*解决方案*/
.solutionBg .solution{ padding-bottom:20px;}
.solutionBg .solution li{ width:580px; height:170px; margin:0 40px 40px 0; border:1px solid #ccc; overflow:hidden; position:relative;}
.solutionBg .solution li:nth-of-type(2n){ margin-right:0;}
.solutionBg .solution li .grayBg,
.solutionBg .solution li .yellowBg{ position:absolute; width:578px; height:168px; left:0;}
.solutionBg .solution li .grayBg{ bottom:0;}
.solutionBg .solution li .yellowBg{ bottom:168px;}
.solutionBg .solution li:hover .grayBg{ bottom:168px;}
.solutionBg .solution li:hover .yellowBg{ bottom:0;}
.solutionBg .solution li .iconImg1,
.solutionBg .solution li .iconImg2{ width:56px; height:48px; position:absolute; left:52px;}
.solutionBg .solution li .iconImg1{ top:60px;}
.solutionBg .solution li .iconImg2{ top:-60px;}
.solutionBg .solution li:hover .iconImg1{ top:-60px;}
.solutionBg .solution li:hover .iconImg2{ top:60px;}
.solutionBg .solution li .txt{ position:absolute; top:30px; left:160px; width:418px; height:108px; border-left:1px solid #ccc; padding:0 50px 0 30px;}
.solutionBg .solution li .txt h3{ font-size:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; margin-bottom:15px;}
.solutionBg .solution li .txt h3 a{ color:#333;}
.solutionBg .solution li .txt p{ height:48px; overflow:hidden;}
.solutionBg .solution li .txt p a{ color:#999;}
.solutionBg .solution li:hover .txt p a,
.solutionBg .solution li:hover .txt h3 a{ color:#fff;}
.solutionBg .solution li,
.solutionBg .solution li .grayBg,
.solutionBg .solution li .yellowBg,
.solutionBg .solution li .iconImg1,
.solutionBg .solution li .iconImg2{ -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; 
-o-transition:all .3s; transition:all .3s;}

/*客户案例*/
.caseBg{ width:100%;}
.caseBg .case ul{ padding-bottom:20px;}
.caseBg .case li{ width:270px; padding-bottom:26px; margin:0 40px 40px 0; box-shadow:0 0 6px rgba(0,0,0,.2);}
.caseBg .case li:nth-of-type(4n){ margin-right:0;}
.caseBg .case li .img,
.caseBg .case li .img img{ width:270px; height:200px; overflow:hidden;}
.caseBg .case li p{ height:120px; padding:0 20px; text-align:justify; overflow:hidden;}
.caseBg .case li p a{ color:#999;}
.caseBg .case li h3{ height:24px; font-size:16px; margin:16px 20px 11px 20px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.caseBg .case li h3 a{ color:#333;}
.caseBg .case li p a:hover,
.caseBg .case li h3 a:hover{ color:#f19629;}
.caseBg .case li .more{ padding:0 20px; margin-top:20px;}
.caseBg .case li .more a{ color:#ff971b;}

/*公司简介*/
.profileBg{ width:100%;}
.profileBg .profile{ padding-bottom:40px;}
.profileBg .profile p{ font-size:16px; line-height:28px; text-indent:2em; margin-bottom:10px; text-align:justify;}
.profileBg .profile h4 a{ color:#ff971b;font-size: 18px;}
.cultureBg{ width:100%;}
.cultureBg .culture{ padding-bottom:60px;}
.cultureBg .culture p{ font-size:16px; line-height:28px; margin-bottom:10px;}
.activityBg{ width:100%; background:#eff2f9;}
.activityBg .activity{ padding-bottom:60px;}
.activityBg .activity li{ width:370px; position:relative; margin-right:45px;}
.activityBg .activity li:nth-of-type(3n){ margin-right:0;}
.activityBg .activity li .img,
.activityBg .activity li .img img{ width:370px; height:270px; overflow:hidden;}
.activityBg .activity li p{ height:50px; line-height:50px; background:rgba(0,0,0,.5); width:100%; position:absolute; bottom:0; left:0;  font-size:16px; padding:0 20px;}
.activityBg .activity li p a{ color:#fff;}
.activityBg .activity li p a:hover{ color:#ff971b;}

/*联系我们*/
.contactBg .contact{ border:1px solid #ccc; background:#fff; margin-bottom: 100px;}
.contactBg .contact .img,
.contactBg .contact .img img{ width:760px; height:368px; overflow:hidden;}
.contactBg .contact .txt{ padding:0 20px; width:438px;}
.contactBg .contact .txt h3{ font-size:24px; font-weight:normal; color:#333px; padding:30px 0 20px 0;}
.contactBg .contact .txt .line{ width:60px; height:3px; background:#ff971b; margin-bottom:25px;}
.contactBg .contact .txt p{ color:#333;}
.contactBg .contact .txt .ewm{ padding:5px 0 0 30px;}
.contactBg .contact .txt .ewm img{ padding:6px; border:1px solid #eee; margin-left:40px;}

/*图片动画*/
.img img{ -webkit-transition:all .8s ease 0s; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; transition:all .8s ease 0s; cursor:pointer;}

/*鼠标经过时图片动画*/
.img:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}

/*详情页*/
.details{ margin:54px auto 100px auto;}
.details h3{ font-size:24px; line-height:36px; font-weight:normal;}
.details h4{ font-size:16px; font-weight:normal; color:#ff971b; margin-top:25px;}
.details p{ margin:5px 0;}
.details img{ max-width:100%; margin:25px auto 0 auto;}

/*方案-详情页*/
.solutionDetails .details{ width:780px; border-right:1px solid #ccc; padding-right:20px; margin-right:20px;}
.solutionDetails .solution-nav{ width:400px; padding:60px 0 0 0;}
.solutionDetails .solution-nav li{ width:100%; height:60px; margin-bottom:20px;}
.solutionDetails .solution-nav li a{ display:block; width:100%; line-height:60px; font-size:20px; background:#fffee6 url(../images/solutionDetails2.png) no-repeat 20px center; padding:0 20px 0 60px;}
.solutionDetails .solution-nav li a:hover{ background:#ff971b url(../images/solutionDetails1.png) no-repeat 20px center; color:#fff;}

/*资讯中心*/
.newsBg .news{}
.newsBg .news .news-nav{ width:780px; margin:0 auto 60px auto;}
.newsBg .news .news-nav li{ width:200px; height:60px; margin:0 30px; text-align:center;}
.newsBg .news .news-nav li a{ color:#333; display:block; border:1px solid #ccc; width:100%; line-height:58px; font-size:20px;}
.newsBg .news .news-nav li a:hover,
.newsBg .news .news-nav li.on a{ border:none; background:#ff971b; color:#fff;}
.newsBg .news .news-list{ width:100%; margin-bottom:20px;}
.newsBg .news .news-list li{ width:370px; margin:0 45px 40px 0; height:460px; background:#eff2f8; cursor:pointer;}
.newsBg .news .news-list li:nth-of-type(3n){ margin-right:0;}
.newsBg .news .news-list li .img,
.newsBg .news .news-list li .img img{ width:370px; height:250px; overflow:hidden;}
.newsBg .news .news-list li h3{ height:48px; overflow:hidden; margin:26px 20px 0 20px; font-size:16px; font-weight:normal;}
.newsBg .news .news-list li h3 a{ color:#333;}
.newsBg .news .news-list li p{ margin:11px 20px 0 20px; height:48px; overflow:hidden;}
.newsBg .news .news-list li p a{ color:#999;}
.newsBg .news .news-list li .date{ color:#999; margin:26px 20px 0 20px;}
.newsBg .news .news-list li:hover{ background:#ff971b;}
.newsBg .news .news-list li:hover .date,
.newsBg .news .news-list li:hover p a,
.newsBg .news .news-list li:hover h3 a{ color:#fff;}
.newsBg .news .news-list li,
.newsBg .news .news-list li .date,
.newsBg .news .news-list li p a,
.newsBg .news .news-list li h3 a{ -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}

/*面包导航*/
.retrieveNav{ padding-left:14px; padding:20px 20px 20px 0; width:1200px; margin:20px auto 0 auto; border-bottom:1px solid #eee;}
.retrieveNav a{ color:#666; margin:0 10px;}
.retrieveNav a.on{ color:#741a1a;}