@charset "utf-8";
/*头部样式*/
.headBox{width:100%; height:auto; background:#fff; transition:all .5s; box-shadow:none;}
.head{height:120px; width:1310px; margin:0 auto; transition:all .5s;}




.headSlide{background:#fff; height:80px; position:fixed; top:0; left:0; z-index:99999; box-shadow:0 2px 8px rgba(0,0,0,.1); transition:all .5s;}
.headSlide .logo{ padding:15px 0; transition:all .5s;}
.headSlide .nav{transition:all .5s;}
.headSlide .nav .navList > li{line-height:80px !important; width:115px; padding:0; display:inline-block; height:80px;}
.headSlide .nav .navList > li .two_nav{ top:80px;}
.headSlide .e_md{display:none;}


/*logo*/
/*导航菜单*/
.nav {/* width:715px;*/float:left;}
.nav .navList{ max-width:920px; overflow:hidden; display:block;}
.nav .navList > li{ float:left; line-height:120px; width:115px; padding:0; display:inline-block; text-align:center; overflow:hidden; transition:all .5s; font-size:15px;}
.nav .navList > li a{ display:block; color:#333; transition: background-image 0s ease-in-out;-webkit-transition: background-image 0s ease-in-out;}
.nav .navList > li.hover2{background:url("../images/sj4.gif") no-repeat center bottom;}
.nav .navList > li.hover2 a,.nav .navList > li:hover a{color:#008cd6;}
.two_nav{ position:absolute; z-index:999; width:100%; top:120px; left:0; border-top:3px solid #f7f7f7; text-align:left; font-size:15px; line-height:34px; padding:30px 0; display:none; background:#f7f7f7;}
.two_nav .web_widht{width:1100px; margin:0 auto;}
.two_nav ul{width:100%; display:inline; background:#f7f7f7;}
.two_nav li{float:left; font-size:18px; padding-right:50px; margin:10px 0;}
.nav .navList > li .two_nav li a{ height:34px; color:#666; font-size:14px;}
.nav .navList > li .two_nav li a:hover{color:#008cd6;}

.two_nav .web_widht dl{float:left; width:200px; margin-right:25px;}
.two_nav .web_widht dl:last-child{margin-right:0;}
.two_nav .web_widht dl dt{padding:0 15px 5px; border-bottom:1px dotted #ccc; font-size:16px; margin-bottom:10px;}
.two_nav .web_widht dl dd{padding:0 15px; line-height:30px; font-size:13px;}
.nav .navList > li .two_nav .web_widht dl dd a{color:#666; display:block; width:100%; line-height:30px; position:relative;}
.nav .navList > li .two_nav .web_widht dl dd a:after{display:none; content:">"; font-family:"仿宋"; font-weight:bold; color:#008cd6; position:absolute; top:0px; right:0;}
.nav .navList > li .two_nav .web_widht dl dd a:hover{color:#008cd6;}
.nav .navList > li .two_nav .web_widht dl dd a:hover:after{display:block;}
/*选择地区/语言*/
.e_md{ border-left:1px solid #ebebeb;padding:55px 2%; float:right;}
.e_md .lang{padding-right:10px; float:left; padding-left:38px; display:inline; background:url("../images/map.png") no-repeat 2px center; position:relative; font-size:13px;}
.e_md .lang i{ width:7px; height:4px; display:block; background:url("../images/sj1.gif") no-repeat; position:absolute; right:0; top:50%; margin-top:-2px;}
.e_md .lang a{color:#666;}
.e_md .lang a:hover{ color:#70bb2b;}
.e_md .lang .radius_3{position:absolute; left:50%; margin-left:-67px; top:22px; background:#f2f2f2; z-index:9999; width:134px; text-align:center; padding:5px 0; display:none;}
.e_md .lang .radius_3 li a{height:30px; line-height:30px; display:block; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.e_md .lang .radius_3 li a:hover{ background:#70bb2b; color:#fff;}
/*头部样式*/


/*首页banner*/
.callbacks_container{text-align:center;}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;}
/*pager*/
.callbacks_tabs.callbacks1_tabs{position:relative; margin-top:-30px; padding-bottom:10px; z-index:100; margin-right:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:12px;height:12px;margin-left:15px;border-radius:10px;position:relative; background:#70bb2b;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:12px;height:12px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}
.callbacks_nav{display:none;}
/*首页banner*/


/*蓝海产品*/
.content{width:100%; overflow: hidden; padding:0 0 30px;}
.content.goodsBg{background:#f9f9f9;}
.content .conWidth{width:1198px; height:auto; margin:0 auto; border:1px solid #ccc; border-top:none; background:#fff;}
/*标题*/
.index_title{text-align:center;}
.index_title h2{color:#70bb2b; font-size:24px; line-height:24px; margin-bottom:15px; font-weight:normal;}
.index_title p{color:#909090; font-size:14px; margin-bottom:8px;}
.index_title a{width:128px; height:38px; line-height:38px; border:1px solid #bec3d8; border-radius:5px; color:#909090; display:inline-block; transition:.5s;}
.index_title a:hover{background:#70bb2b; color:#fff; border-color:#70bb2b;}
/*列表*/
.indexProList{width:100%; height:auto; margin-top:25px;}
.indexProList li{float:left; overflow:hidden; text-align:center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; box-shadow:inset 0 0 0 0 rgba(54,71,140,0);}
.indexProList li:hover{-webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; box-shadow:inset 0 0 0 10px rgba(54,71,140,.05);}
.indexProList li a{display:block; width:100%; height:100%; box-sizing:border-box;}
.indexProList li .img img{width:100%; display:block;}

.indexProList li.first{width:25%; height:300px; background:#f1f1f1;}
.indexProList li.first:hover{background:#fff;}
.indexProList li.first a{border:1px solid #ececec;}
.indexProList li.first h4{color:#333; font-size:20px; padding-top:20px; font-weight:normal; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.indexProList li.first:hover h4{color:#70bb2b}
.indexProList li.first p{color:#999; font-size:16px; line-height:30px;}
.indexProList li.first .img{width:184px; height:193px; margin:10px auto 0; overflow:hidden;}

.indexProList li.second{width:25%; height:150px; background:#fff;}
.indexProList li.second a{display:block; width:100%; height:100%; box-sizing:border-box; border-right:1px solid #ececec; border-top:1px solid #ececec;}
.indexProList li.second .img{width:160px; height:80px; margin:15px auto; overflow:hidden;}
.indexProList li.second p{text-align:center; margin:0 15px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.indexProList li.second:hover p{color:#70bb2b}

.indexProList li.third{width:25%; height:150px; background:#f6f6f6}
.indexProList li.third a{display:block; width:100%; height:100%; box-sizing:border-box; border-right:1px solid #ececec; border-left:1px solid #ececec; border-bottom:1px solid #ececec;}
.indexProList li.third .img{width:120px; height:75px; margin:0 auto; padding:20px 0 15px; overflow:hidden;}
.indexProList li.third .img img{height:100%; display:block;}
.indexProList li.third p{text-align:center; margin:0 15px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.indexProList li.third:hover p{color:#70bb2b}

.indexProList li.fourth{width:25%; height:150px; background:url("../images/indexProImg9_bg.jpg") no-repeat;}
.indexProList li.fourth a{display:block; width:100%; height:100%; box-sizing:border-box; border-right:1px solid #ececec; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.indexProList li.fourth .img{width:75px; height:75px; margin:20px auto 15px; overflow:hidden;}
.indexProList li.fourth .img img{height:100%; display:block;}
.indexProList li.fourth p{text-align:center; margin:0 15px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.indexProList li.fourth:hover p{color:#70bb2b}

.indexProList li.fifth{width:50%; height:150px; background:url("../images/indexProImg10_bg.jpg") no-repeat;}
.indexProList li.fifth a{display:block; width:100%; height:100%; box-sizing:border-box; border-right:1px solid #ececec; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.indexProList li.fifth .img{width:75px; height:75px; margin:20px auto 15px; overflow:hidden;}
.indexProList li.fifth .img img{height:100%; display:block;}
.indexProList li.fifth p{text-align:center; margin:0 15px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.indexProList li.fifth:hover p{color:#70bb2b}
/*蓝海产品*/


/*解决方案*/
.solutionList{width:1200px; height:400px; margin:0 auto; text-align:left; margin-top:25px; position:relative;}
.solutionList .plan_box{width:100%; height:400px; position:relative; overflow:hidden;}
.solutionList ul{overflow:hidden; width:999999px; height:400px; position:absolute; top:0; left:0;}
.solutionList ul li{position:relative; width:400px; float:left; background:#f9f9f9; height:400px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.solutionList ul li article{height:200px; overflow:hidden;}
.solutionList ul li:hover{background:#fff;}
.solutionList ul li article h3{margin:40px 30px 10px; font-size:24px; color:#333; font-weight:normal;}
.solutionList ul li article p{margin:0 30px; color:#999; max-height:80px; line-height:20px; font-size:14px; overflow:hidden;}
.solutionList ul li picture{position:relative; height:200px; overflow:hidden;}
.solutionList ul li picture img{display:block;width:100%;}
.solutionList ul li picture i{position:absolute; left:35px; top:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #f2f2f2; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; z-index:99;}
.solutionList ul li.aroww picture i{top:192px; bottom:0px; border-top:0; border-bottom:8px solid #f2f2f2;}
.solutionList ul li:hover picture i{border-top-color:#fff;}
.solutionList ul li.aroww:hover picture i{border-bottom-color:#fff;}

.solutionList #scheme_prev{position:absolute; right:30px; top:-70px; width:25px; height:40px; line-height:40px; text-align:center; cursor:pointer; border:1px solid #1c2e79; background-size:50% auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; font-size:20px; font-family:'宋体'; background:#70bb2b; color:#fff; border-radius:3px;}
.solutionList #scheme_prev:hover{ background:#1c2e79;}
.solutionList #scheme_next{position:absolute; right:0; top:-70px; width:25px; height:40px; line-height:40px; text-align:center; cursor:pointer; background-size:50% auto; border:1px solid #1c2e79; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; opacity:.5; font-size:20px; font-family:'宋体'; background:#70bb2b; color:#fff; border-radius:3px;}
.solutionList #scheme_next:hover{opacity:1; background:#1c2e79;}
/*解决方案*/


/*文字宣传语*/
.txtAd{width:100%; height:auto; text-align:center; color:#747474;}
.txtAd h4{font-size:44px; padding-bottom:10px;}
.txtAd p{font-size:18px;}
/*文字宣传语*/


/*新闻/企业视频*/
.news-group{float:left; width:750px; height:322px;}
.news-group-title{height:50px; margin-bottom:22px; line-height:50px;}
.news-group-title li{float:left; width:138px; height:100%; margin-right:5px; background:#f1f1f1; color:#000; text-align:center; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news-group-title li:hover, .news-group-title li.act{background:#2680c4; color:#fff;}
/*新闻列表*/
.news-group-content{height:250px; background:#fbfbfb;}
.news-group-content .group-item{display:none; overflow:hidden;}
.news-group-content .group-list.txt{padding:20px 0;}
.news-group-content .group-list li{height:30px; padding:0 3%; line-height:30px;}
.news-group-content .group-list li a{display:block; height:100%; color:#666; font-size:13px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news-group-content .group-list li a span{float:right; color:#999;}
.news-group-content .group-list .first{position:relative; height:90px; margin-bottom:15px; padding:20px 25px 20px 125px; border-bottom:1px dotted #c5c5c5; line-height:1.6; background:#f8f8f8;}
.news-group-content .group-list .first div{position:absolute; top:20px; left:25px; width:85px; height:90px; padding-right:15px; border-right:1px dotted #a9a9a9;}
.news-group-content .group-list .first div span{float:none; display:block; color:#000; font-size:30px;}
.news-group-content .group-list .first div em{float:right; color:#727272; font-style:normal;}
.news-group-content .group-list .first h4{margin:5px 0 8px 4%; color:#000; font-size:16px; font-weight:bold; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news-group-content .group-list .first p{margin-left:4%; color:#999; font-size:13px; line-height:24px; max-height:48px; overflow:hidden;}
.news-group-content .group-list li a:hover, .news-group-content .group-list .first a:hover h4{color:#2680c4;}
.news-group-content .group-item-img{float:left; width:250px; height:250px; overflow:hidden;}
.news-group-content .group-item-img img{vertical-align:top; width:auto; height:100%;}
.news-group-content .group-list.pic{float:left; width:440px; margin:0 30px;}
.news-group-content .group-list.pic li{padding:0;}
.news-group-content .group-list.pic .first{height:130px; padding-top:10px; margin-bottom:10px;}
.news-group-content .group-list.pic .first h4{margin:0; height:40px; line-height:40px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-group-content .group-list.pic .first p{font-size:13px; line-height:24px; height:48px; overflow:hidden; margin:0 0 5px;}
.news-group-content .group-list.pic li a span{float:none; display:block; color:#999;}
/*视频*/
.video{float:left; width:450px; height:322px;}
.video h4{height:50px; margin-bottom:22px; color:#000; font-size:18px; line-height:50px; font-weight:normal;}
.video .videoBox{position:relative; width:450px; height:250px; overflow:hidden;}
.video .videoBox img{width:100%;}
/*新闻/企业视频*/


/*底部文字宣传广告*/
.ft-freeBg{width:100%; height:130px; background:#363c4a;}
.ft-free{width:1200px; margin:0 auto; height:130px;}
.ft-free h5{float:left; color:#fff; font-size:30px; line-height:130px; font-weight:normal;}
.ft-free a{float:right; width:222px; height:50px; margin-top:40px; border-radius:25px; background:#2680c4; color:#fff; font-size:18px; text-align:center; line-height:50px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; display:block;}
.ft-free a:hover{background:#176daf;}
.ft-free .icon{display:inline-block; font-family:"仿宋"; font-size:18px; padding-left:8px; font-weight:bold;}
/*底部文字宣传广告*/


/*底部*/
.footer{width:100%; height:auto; padding:40px 0 20px 0; background:#f2f2f2;}
.footer .footCon{width:1200px; height:auto; margin:0 auto;}
/*底部--导航菜单*/
.footNav{width:600px; height:auto; float:left; text-align:center;}
.footNav ul{float:left; min-height:170px; border-right:1px dashed #ddd; width:25%; padding-right:2.5%; padding-left:2.5%; display:inline; box-sizing:border-box;}
.footNav li{line-height:24px; overflow:hidden;}
.footNav li h1{font-size:16px; color:#2097d4; margin-bottom:20px; font-weight:normal;}
.footNav li a{font-size:13px; color:#666;}
/*底部--二维码*/
.footMobile{float:left; width:210px; height:auto; overflow:hidden; margin-left:40px;}
.footMobile h4{font-size:16px; color:#2097d4; margin-bottom:20px; font-weight:normal;}
.footMobile li{width:100px; height:auto; float:left; text-align:center;}
.footMobile li:first-child{margin-right:10px;}
.footMobile li img{width:100%; height:auto;}
.footMobile li span{font-size:12px; color:#666; line-height:24px;}
/*底部--联系我们及分享*/
.footContact{float:right; margin-right:40px;}
.footContact h4{font-size:16px; color:#2097d4; margin-bottom:20px; font-weight:normal;}
.footContact p{color:#999; font-size:15px;}
.footContact h5{color:#2680c4; font-size:30px; margin-bottom:20px;}
/*底部*/


/*产品频道页*/
.probg{background:#fafafa; padding-bottom:50px;}
.pro_typ_list{float:left; width:100%;}
/*标题*/
.pro_typ_list .title1{padding:46px 0 30px 0;}
.pro_typ_list .title1 h1{float:left; font-size:24px; color:#666; font-weight:normal;}
.pro_typ_list .title1 a{float:right; font-size:14px; line-height:30px; color:#666; display:block; transition:.3s;}
.pro_typ_list .title1 a:hover{color:#70bb2b;}
.pro_typ_list .title1 a .i{width:18px; height:18px; display:inline-block; background:#d3d3d3; color:#fff; border-radius:10px; font-family:"仿宋"; text-align:center; line-height:18px; margin-left:5px;}
.pro_typ_list .title1 a:hover .i{background:#70bb2b;}
/*列表*/
.pro_typ_list .pop_img{float:left; height:300px; overflow:hidden; background:#000;}
.pro_typ_list ul{float:left;}
.pro_typ_list li{width:225px; height:300px; float:left; box-sizing:border-box; background:#fff; margin-left:15px;}
.pro_typ_list li .p_img{height:190px;width:225px; overflow:hidden; text-align:center; border: 1px solid transparent;}
.pro_typ_list li:hover .p_img{border-color: #7B0505;}
.pro_typ_list li .p_img img{width: 100%; height:100%; transform:scale(1,1); transition:.5s;}
.pro_typ_list li:hover .p_img img{transform:scale(1.1,1.1); transition:.5s;}
.pro_typ_list li .p_info{line-height:18px; margin-top:10px; text-align:center; font-size:12px;}
.pro_typ_list li .p_info h3{color:#666; font-weight:normal; padding:0 10px; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pro_typ_list li .p_info h3:hover{color:#70bb2b;}
.pro_typ_list li .p_info p{color:#999; padding:0 10px; line-height:24px; height:24px; overflow:hidden;}
.pro_typ_list li .p_info span{color:#f1503f; font-size:14px; padding-top:10px; display:block;}
/*产品频道页*/


/*面包屑导航*/
.ChanelBanner{width:100%; height:330px; position:relative; overflow:hidden;}
.ChanelBanner .img{width:1920px; height:330px; position:absolute; left:50%; top:0; margin-left:-960px;}
.ChanelBanner .img img{width:100%; height: 100%;}
.ChanelBanner .proTitle{width:1000px; margin:0 auto; height:auto; position:absolute; top:40%; left:50%; margin-left:-500px; z-index:99;}
.ChanelBanner .proTitle h4{font-size:40px; color:#fff; line-height:80px; font-weight:normal; padding-bottom:5px; margin-left:0; animation:myfirst 1s; transition:all .5s;}
.ChanelBanner .proTitle p{font-size:14px; color:#ddd; width:60%; line-height:28px; position:relative; bottom:0; animation:mySecond 1s; transition:all .5s;}
@keyframes myfirst
{
from {margin-left:-500px; opacity:0;}
to {margin-left:0; opacity:1;}
}
@keyframes mySecond
{
from {bottom:-300px; opacity:0;}
to {bottom:0; opacity:1;}
}

.InBanner{width:100%; height:80px; position:relative; z-index:9; margin-top:30px;}
.InBanner .img{width:100%; height:330px; overflow:hidden;}
.InBanner .img img{width:100%; height:100%;}

.InBanner .proTitle{width:1100px; margin:0 auto; height:180px; overflow:hidden; position:absolute; top:20%; left:50%; margin-left:-550px; z-index:99;}
.InBanner .proTitle h4{font-size:30px; color:#fff; line-height:60px; font-weight:normal; padding-bottom:5px; margin-left:0;}
.InBanner .proTitle p{font-size:14px; color:#fff; width:60%; line-height:26px; position:relative; bottom:0;}

.InBanner .crumb{width:100%; height:80px; line-height:80px; position: absolute; left: 0; bottom: 0; }
.InBanner .crumb .crumbBox{width:1198px; height:100%; margin:0 auto; border:1px solid #ccc; border-bottom:none; background:#fff;}

.InBanner .crumb .crumbBox .m-ny-title{ float:left; padding-left:20px; margin:15px 0 0 30px; border-left:7px solid #70bb2b;}
.InBanner .crumb .crumbBox .m-ny-title .m-ny-cn{ font-family:微软雅黑; font-size:22px; color:#000; line-height:25px; font-weight:bold;}
.InBanner .crumb .crumbBox .m-ny-title .m-ny-en{ font-family:Arial; font-size:20px; color:#333; line-height:20px; margin-top:10px;}
.InBanner .crumb .crumbBox h4{float:left; color:#000; font-size:34px; margin:20px 0 0 20px; font-weight:normal;font-family:微软雅黑;}
.InBanner .crumb .crumbBox h4 span{ color:#333; font-size:18px;}
.InBanner .crumb .crumbBox h4 i{ color:#ccc;}
.InBanner .crumb .crumbBox .crumbInfo{float:right; margin-right:20px; padding-left:25px; background:url("../images/crumbIcon.png.html") center left no-repeat;}
.InBanner .crumb .crumbBox .crumbInfo a{font-size:14px; color:#333; padding-right:5px;}
.InBanner .crumb .crumbBox .crumbInfo a:hover{color:#70bb2b;}
.InBanner .crumb .crumbBox .crumbInfo span{ font-family:"仿宋"; padding-right:5px; color:#666;}

.InBanner .crumb .crumbBox ul{float:right; font-size:14px;}
.InBanner .crumb .crumbBox ul li{margin:22px 5px 0; line-height:35px; padding:0 10px; border:1px solid #70bb2b; float:left; position:relative; cursor: pointer;
border-radius:10px;
-webkit-border-radius:10px;
-ms-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;}

.InBanner .crumb .crumbBox ul li:hover a{color:#fff;}
.InBanner .crumb .crumbBox ul li:hover{ background:#70bb2b;}
.InBanner .crumb .crumbBox ul li.act{background:#70bb2b;}

.InBanner .crumb .crumbBox ul li a{color:#70bb2b; display:block;}
.InBanner .crumb .crumbBox ul li.act a{color:#fff;}
/*面包屑导航*/


/*产品列表页*/
.goodsList{width:100%; height:auto; margin:10px 0 20px; box-sizing:border-box; padding:0 20px;}
.goodsList ul.clearfix{border-top:1px solid #eee; border-left:1px solid #eee; overflow:hidden;}
.goodsList ul li.ll{width:25%; float:left; text-align:center; box-sizing:border-box; border-bottom:1px solid #eee; border-right:1px solid #eee; overflow:hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; box-shadow:inset 0 0 0 0 rgba(54,71,140,0); background:#fff;}
.goodsList ul li.ll:hover{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; box-shadow:inset 0 0 0 10px rgba(54,71,140,.05);}
.goodsList ul li.ll a{display:block; height:100%;}
.goodsList ul li.ll .img{width: 250px; height: 170px; margin:34px auto; overflow: hidden;}
.goodsList ul li.ll .img img{ width:100%; height:auto;}
.goodsList ul li.ll p{padding: 0 15px 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size:14px; color:#666;}
.goodsList div.pagination{ width:1200px; text-align:center;}

/*产品列表页*/


/*产品详情页*/
.pro_details01{background:#f8f8f8;overflow:hidden; min-width:1200px;}
.pro_details01 section{width:1200px; margin:auto;}
.pro_details01_con{margin:40px 0; overflow:hidden; box-sizing:border-box; padding:0 20px;}
/*图片切换介绍*/
.pro_img{width:420px; float:left; position:relative;}
.pro_img picture{width:418px; height:418px; overflow:hidden; border:1px solid #e9e9e9; background:#fff;}
.pro_img picture img{width:100%;}
.pro_img ul{overflow:hidden;/* margin-top:25px;*/ padding-top:8px; position:absolute; left:25px; bottom:10px;}
.pro_img ul li{width:60px; height:60px; float:left; margin-right:15px; border:1px solid #e9e9e9; position:relative; cursor:pointer;}
.pro_img ul li img{width:100%; height:100%;}
.pro_img ul li em{position:absolute; left:50%; margin-left:-8px; bottom:100%; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #70bb2b; display:none;}
.pro_img ul li em i{position:absolute; left:0; top:1px; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #fff;}
.pro_img ul li.act{border-color:#70bb2b;}
.pro_img ul li.act em{display:block;}
/*文字介绍*/
.pro_details01_rl{float:right; width:690px;}
.pro_details01_rl p{line-height:26px; font-size:14px; color:#666;}
/*尺寸规格*/
.pro_size_list{overflow:hidden; margin-top:20px;}
.pro_size_list li{border:1px solid #e0e0e0; text-align:center; line-height:33px; color:#707070; width:13.4%; float:left; margin:0 24px 15px 0; border-radius:5px; cursor:pointer; font-size:13px;}
.pro_size_list li.act{border-color:#70bb2b; background:#70bb2b; color:#fff;}
.pro_size{width:1200px; margin:auto; box-sizing:border-box; padding:0 20px;}
.pro_size h2{line-height:68px; border-bottom:1px solid #eee; text-indent:20px; color:#70bb2b; font-size:20px; position:relative; font-weight:normal;}
.pro_size h2 a{position:absolute; right:0; top:0; font-size:14px; color:#70bb2b;}
.pro_size .pro_size_list li{width:158px; margin:0 40px 15px 0; height:40px;line-height:40px;}
.pro_size h2 span{color:#666; font-size:13px; margin-left:10px;}
.pro_table{width:100%; margin-top:5px; margin-bottom:40px;}
.pro_table thead{background:#70bb2b; color:#fff;}
.pro_table thead tr td{padding:10px; text-align:center; font-size:14px;}
.pro_table tbody tr td{border:1px solid #d3d3d3; padding:16px 10px; font-size:12px; text-align:center;}
.pro_table tbody tr td.pro_car a{ color:#70bb2b;}
/*相关知识*/
.pro_related h3{font-size:20px; height:32px; color:#70bb2b; padding-bottom:15px; border-bottom:1px solid #dedede; font-weight:normal;}
.pro_related ul{overflow:hidden; margin-top:20px; margin-bottom:20px;}
.pro_related ul li{position:relative; float:left; width:48%; line-height:38px; padding-left:10px; font-size:14px;}
.pro_related ul li em{position:absolute; left:0; top:0; font-size:20px; color:#666;}
.pro_related ul li a{color:#666;}
/*产品详情页*/


/*联系方式*/
.contact{width:1000px; height:auto; margin:0 100px;}
/*标题*/
.contact .title{width:100%; height:auto; padding-top:20px; text-align:center;}
.contact .title h4{font-size:48px; font-weight:normal; color:#555; padding-bottom:10px;}
.contact .title p{font-size:14px; color:#999; line-height:24px;}
/*售前售后电话*/
.contact .contactWay{width:100%; height:auto; padding:30px 0 50px;}
.contact .contactWay li{width:500px; float:right; padding:0 50px;}
.contact .contactWay li:after{content:" "; display:block; clear:both;}
.contact .contactWay li .img{width:110px; height:110px; float:left; overflow:hidden; margin-right:40px;}
.contact .contactWay li .img img{width:100%; height:auto;}
.contact .contactWay li .Info{width:250px; height:70px; float:left; margin:20px 0;}
.contact .contactWay li .Info span{font-size:20px; display:block; line-height:30px; color:#333; font-weight:700;}
.contact .contactWay li .Info p{font-size:24px; display:block; line-height:40px; color:#70bb2b;}
/*联系方式*/
.contact .contactInfo{width:100%; height:auto;}
.contact .contactInfo .map{width:500px; height:auto; float:left; margin-bottom:30px;}
.contact .contactInfo .map img{width:100%; height:auto;}
.contact .contactInfo .Info{width:480px; height:auto; padding:50px 0 0 80px; box-sizing:border-box; float:right; background:url("../images/contactBg.png") no-repeat;}
.contact .contactInfo .Info h4{font-size:30px; color:#70bb2b; font-weight:normal; padding-bottom:15px;}
.contact .contactInfo .Info p{line-height:24px; padding-bottom:10px; font-size:14px; color:#333;}
.contact .contactInfo .Info p:after{content:" "; display:block; clear:both;}
.contact .contactInfo .Info p b{display:inline-block; float:left;}
.contact .contactInfo .Info p span{display:inline-block; float:left;}
/*联系方式*/


/*侧边工具*/
#sideTool{position:fixed; right:8px; bottom:80px; width:92px;border:1px solid #ececec; background:#fff; z-index:1; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; z-index:999}
#sideTool a{height:80px; border-bottom:1px solid #ececec; display:block; font-size:12px; text-align:center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; padding-top:6px; position:relative; color:#666;}
#sideTool a:hover{ color:#fff; background:#2680c4;}
#sideTool i{width:40px; height:40px; display:block; margin:0 auto 6px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#sideTool a.icon01 i{background:url("../images/icon01.png") no-repeat;}
#sideTool a.icon01:hover i{background-position:0 -40px;}
#sideTool a.icon02 i{background:url("../images/icon02.png") no-repeat;}
#sideTool a.icon02:hover i{background-position:0 -40px;}
#sideTool .icon03 i{background:url("../images/icon03.png") no-repeat;}
#sideTool .icon03:hover i{background-position:0 -40px;}
#sideTool .icon03 article{display:none; position:absolute; right:100%; top:0; bottom:0; border:1px solid #ececec; background:#fcfcfc; font-size:16px; padding:0 6px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#sideTool .icon03 article p{padding:0 6px; color:#70bb2b; width:160px; text-align:left; padding-left:36px; line-height:32px;}
#sideTool .icon03 article p.phone{ background:url("../images/icon05.png") no-repeat 6px center; border-bottom:1px dotted #d2d2d2;}
#sideTool .icon03 article p.mail{ background:url("../images/icon06.png") no-repeat 6px center; text-align:right;}
#sideTool .icon03 article p.mail a{ height: auto; border: none;padding:0;  }
#sideTool .icon03{ height:80px; border-bottom:1px solid #ececec; display:block; font-size:12px; text-align:center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; padding-top:6px; position:relative; }
#sideTool .icon03:hover{color:#fff; background:#2680c4;}
#sideTool .icon03:hover article{display:block; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
/*侧边工具*/



/*新闻列表页*/
.newsList{width:100%; height:auto; padding:30px 20px ; box-sizing:border-box; }
/*左边*/
.news_fl{ float:left;}
.news_fl ul{overflow:hidden;}
.news_fl ul li{overflow:hidden; margin-bottom:50px;}
.news_fl ul li div{position:relative; border-left:2px solid #ccc; padding-left:20px; margin-bottom:15px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news_fl ul li div h3{color:#333; font-size:24px; line-height:28px; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; font-weight:normal;}
.news_fl ul li div aside{color:#999; line-height:24px; font-size:12px;}
.news_fl ul li div aside span{margin-left:20px;}
.news_fl ul li div em{position:absolute; top:0; right:0; height:28px; line-height:28px; padding-left:26px; background:url("../img/news/news02.jpg.html") no-repeat left center; cursor:pointer;}
.news_fl ul li div em i{font-size:16px; margin:0 8px; color:#70bb2b;}
.news_fl ul li img{width:100%; display:block;}
.news_fl ul li summary{margin-top:15px; color:#999; font-size:14px; cursor:pointer;}
.news_fl ul li a{display:block; height:100%;}
.news_fl ul li:hover div{border-color:#70bb2b;}
.news_fl ul li:hover div h3{color:#70bb2b;}



/*非凡之星 左边*/
.star_fl{width:750px; float:left;}
.star_fl ul{overflow:hidden;}
.star_fl ul li{overflow:hidden; margin-bottom:20px;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;}
.star_fl ul li .m-ff-img{ width:110px; height:110px; float:left; padding-left:10px;}
.star_fl ul li .m-ff-img img{ width:110px; height:110px;}

.star_fl ul li .m-ff-txt{ width:610px; height:110px; float:left; margin-left:20px;}
.star_fl ul li .m-ff-txt .ff01{ width:610px; height:30px; line-height:30px; margin-bottom:5px;}
.star_fl ul li .m-ff-txt .ff01 .ff02{ width:500px; height:30px; font-family:微软雅黑; font-size:16px; color:#333; font-weight:700; float:left; overflow:hidden;}
.star_fl ul li .m-ff-txt .ff01 .ff03{ width:90px; height:30px; font-family:微软雅黑; font-size:12px; color:#999; float:right; overflow:hidden;}
.star_fl ul li .m-ff-txt .ff04{ width:630px; height:75px; line-height:25px;font-family:微软雅黑; font-size:14px; color:#666; overflow:hidden;}

.star_fl ul li:hover{ border-left:5px solid #70bb2b;}
.star_fl ul li:hover .ff01 .ff02{ color:#70bb2b;}


/*右边*/
.news_rl{width:330px; background:#f9f9f9 ; padding:20px; float:right;}
.news_rl h2{color:#222; font-size:22px; font-weight:normal;}
.news_rl ul li{width:100%; padding:15px 0; border-bottom:1px dotted #dedede; overflow:hidden;}
.news_rl ul li a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; color:#666; font-size:14px; margin-bottom:15px;}
.news_rl ul li:hover {border-color:#70bb2b;}
.news_rl ul li:hover a{color:#70bb2b;}
.news_rl ul li aside{color:#999; font-size:12px;}


/*非凡之星 内页*/
.ff-fl{ width:160px !important;}

/*非凡头条页  左边*/

.topList{width:100%; height:auto; padding:30px 10px ; box-sizing:border-box;}

.top_fl{width:1170px; margin:0 auto;}


.top_fl ul{overflow:hidden;}
.top_fl ul li{overflow:hidden; margin-bottom:50px;}
.top_fl ul li div{position:relative; border-left:2px solid #ccc; padding-left:20px; margin-bottom:15px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.top_fl ul li div h3{color:#333; font-size:24px; line-height:28px; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; font-weight:normal;}
.top_fl ul li div aside{color:#999; line-height:24px; font-size:12px;}
.top_fl ul li div aside span{margin-left:20px;}
.top_fl ul li div em{position:absolute; top:0; right:0; height:28px; line-height:28px; padding-left:26px; background:url("../img/news/news02.jpg.html") no-repeat left center; cursor:pointer;}
.top_fl ul li div em i{font-size:16px; margin:0 8px; color:#00bd04;}
.top_fl ul li img{width:100%; display:block;}
.top_fl ul li summary{margin-top:15px; color:#999; font-size:14px;}
.top_fl ul li a{display:block; height:100%;}
.top_fl ul li:hover div{border-color:#70bb2b;}
.top_fl ul li:hover div h3{color:#70bb2b;}


/*关于非凡*/

.introduceList{width:100%; height:auto; padding:30px 10px ; box-sizing:border-box;}

.introduce_fl{width:1100px; margin:0 auto;}

.introduce_fl ul{overflow:hidden;}
.introduce_fl ul li{overflow:hidden; margin-bottom:50px;}
.introduce_fl ul li div{position:relative; border-left:2px solid #ccc; padding-left:20px; margin-bottom:15px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.introduce_fl ul li div h3{color:#333; font-size:24px; line-height:28px; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; font-weight:normal;}
.introduce_fl ul li div aside{color:#999; line-height:24px; font-size:12px;}
.introduce_fl ul li div aside span{margin-left:20px;}
.introduce_fl ul li div em{position:absolute; top:0; right:0; height:28px; line-height:28px; padding-left:26px; background:url("../img/news/news02.jpg.html") no-repeat left center; cursor:pointer;}
.introduce_fl ul li div em i{font-size:16px; margin:0 8px; color:#70bb2b;}
.introduce_fl ul li img{width:100%; display:block;}
.introduce_fl ul li summary{margin-top:15px; color:#999; font-size:14px;}
.introduce_fl ul li a{display:block; height:100%;}
.introduce_fl ul li:hover div{border-color:#70bb2b;}
.introduce_fl ul li:hover div h3{color:#70bb2b;}





/*产品中心 左边*/
.cultureList{width:100%; height:auto; padding:30px 10px ; box-sizing:border-box;}

.culture_fl{width:1170px; margin:0 auto;}
.culture_list{overflow:hidden;}

.culture_list li{ width:350px; height:260px; position:relative; float:left; margin:10px 20px 20px; overflow:hidden;
box-shadow:0 0 5px #ccc;
-webkit-box-shadow:0 0 5px #ccc;
-ms-box-shadow:0 0 5px #ccc;
-moz-box-shadow:0 0 5px #ccc;
-o-box-shadow:0 0 5px #ccc;}
.culture_list li .m-ny-product-img{ width:350px; height:260px; overflow:hidden;}
.culture_list li .m-ny-product-img img{ width:100%; height:100%; max-width:100%; max-height:100%; text-align:center;
transition:all 1.5s ease-out 0s;
-webkit-transition:all 1.5s ease-out 0s;
-moz-transition:all 1.5s ease-out 0s;
-ms-transition:all 1.5s ease-out 0s;
-o-transition:all 1.5s ease-out 0s;}
.culture_list li .m-ny-product-txt{ width:350px; height:40px; position:absolute; left:0; bottom:0; background:url("../images/case-px.png") repeat;
transition:all 0.4s ease-out 0s;
-webkit-transition:all 0.4s ease-out 0s;
-moz-transition:all 0.4s ease-out 0s;
-ms-transition:all 0.4s ease-out 0s;
-o-transition:all 0.4s ease-out 0s;}
.culture_list li .m-ny-product-txt .m-name{color: #fff; font-size: 16px; height: 40px;line-height: 40px; text-align: center;
transition:all 0.4s ease-out 0s;
-webkit-transition:all 0.4s ease-out 0s;
-moz-transition:all 0.4s ease-out 0s;
-ms-transition:all 0.4s ease-out 0s;
-o-transition:all 0.4s ease-out 0s;}
.culture_list li .m-ny-product-txt .m-more{border: 1px solid #fff; color: #fff; font-size: 12px; height: 23px; line-height: 23px; margin: 100px auto 0; text-align: center; width: 118px;}

.culture_list li:hover .m-ny-product-txt{ height:260px;}
.culture_list li:hover .m-ny-product-txt .m-name{ padding-top:70px;}
.culture_list li:hover .m-ny-product-img img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
}


/*资质荣誉*/
.honorList{width:100%; height:auto; padding:30px 10px ; box-sizing:border-box;}
.honor_list li{overflow:hidden; width:225px; height:220px; float:left; background: url("../images/c-dot.png"); padding:5px; border-color:transparent; margin:0 5px 20px;box-sizing: content-box;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;}
.honor_list li .f-ffwh-img{ width:225px; height:150px; overflow:hidden;}
.honor_list li .f-ffwh-img img{ width:100%; overflow:hidden;}
.honor_list li .f-ffwh-txt{ width:225px; height:105px; overflow:hidden;}
.honor_list li .f-ffwh-txt .ffwh01{ width:195px; height:30px; line-height:30px; margin:5px auto 0; overflow:hidden; font-family:微软雅黑; font-size:14px; color:#70bb2b;}
.honor_list li .f-ffwh-txt .ffwh02{ width:195px;  margin:0 auto 5px; padding-bottom:5px; overflow:hidden; font-family:微软雅黑; font-size:12px; color:#666; border-bottom:1px solid #fff;}
.honor_list li .f-ffwh-txt .ffwh03{ width:195px; height:20px; line-height:20px; margin:0 auto; overflow:hidden; font-family:微软雅黑; font-size:10px; color:#ccc; text-transform:uppercase;}

.honor_list li:hover{ background:#70bb2b;}
.honor_list li:hover .ffwh01{ color:#fff;}
.honor_list li:hover .ffwh02{ color:#fff;}
.honor_list li:hover .ffwh03{ color:#fff;}
*/

/*
.honor_fl ul li{overflow:hidden; width:225px; height:330px; float:left; background:#efefef; border:5px solid #efefef; margin:0 5px 20px;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;}
.honor_fl ul li .f-ffwh-img{ width:225px; height:225px; overflow:hidden;}
.honor_fl ul li .f-ffwh-img img{ width:100%; overflow:hidden;}
.honor_fl ul li .f-ffwh-txt{ width:225px; height:105px; overflow:hidden;}
.honor_fl ul li .f-ffwh-txt .ffwh01{ width:195px; height:30px; line-height:30px; margin:5px auto 0; overflow:hidden; font-family:微软雅黑; font-size:14px; color:#333;}
.honor_fl ul li .f-ffwh-txt .ffwh02{ width:195px; height:35px; line-height:30px; margin:0 auto 5px; padding-bottom:5px; overflow:hidden; font-family:微软雅黑; font-size:12px; color:#666; border-bottom:1px solid #fff;}
.honor_fl ul li .f-ffwh-txt .ffwh03{ width:195px; height:20px; line-height:20px; margin:0 auto; overflow:hidden; font-family:微软雅黑; font-size:10px; color:#999; text-transform:uppercase;}

.honor_fl ul li:hover{ background:#2eb5b5; border-color:#2eb5b5;}
.honor_fl ul li:hover .ffwh01{ color:#fff;}
.honor_fl ul li:hover .ffwh02{ color:#fff;}
.honor_fl ul li:hover .ffwh03{ color:#fff;}





/*新闻详情页*/
.newsCon{padding:28px; border:1px solid #eee;}
.newsCon h3{padding:0 10px; color:#333; font-size:24px; margin-bottom:20px; font-weight: bold;}
.newsCon .Info{padding:0 10px; background:#efefef; height:30px; line-height:30px; font-size:12px; color:#666; overflow:hidden;}
.newsCon .Info span{padding-right:20px;}
.newsCon .newsConBox{width:100%; height:auto; padding-top:20px; overflow:hidden;}
.newsCon .newsConBox p{font-size:13px; color:#666;  line-height:25px; padding-bottom:10px;}
.newsCon .newsConBox span{display:block; font-size:13px; color:#666;line-height:25px; padding-bottom:10px;}
.newsCon .newsConBox img{ height:auto; padding-bottom:10px; max-width:100%; display:block; margin:0 auto; text-align:center;}





/*非凡文化详情页*/
.newsBt h3{ text-align:center;}
.newsBt .Info{ text-align:center;}


/*解决方案列表页*/
.solution{width:100%; height:auto;}
.solution h4{width:100%; text-align:center; font-size:18px; font-weight:normal; padding:20px 0 40px; color:#666;}
.solutionBox{width:100%; min-height: 350px; overflow: hidden; background:#fff;}
.solutionBox ul{ padding: 15px 20px;}
.solutionBox li{
    overflow: hidden;
    line-height: 40px;
    border-bottom: 1px dashed #999;
    font-size: 14px;
    transition: .35s;
}


.solutionBox li .date{
    float: right;
    font-size: 12px;
    color: #666;
    padding-right: 5px;
}
.solutionBox li .name{
    padding-left: 10px;
}
.solutionBox li .name{
    color: #666;
}
.solutionBox li .name:hover{
    color: #70bb2b;
}

.solutionBox li:hover .name{ color:#70bb2b;}
.solutionBox li:hover .date{ color:#70bb2b;}

/*解决方案列表页*/


/*解决方案详情页*/
.solutionBg{ width:1198px; margin:0 auto 30px; min-height: 350px; overflow: hidden; padding:20px 0 50px; border:1px solid #ccc; background:#fff;}
.solutionBg h2{ font-weight:normal; font-size:28px; color:#000; text-align:center;}
.solutionInfo{width:1198px; height:auto; margin:0 auto; }
.solutionInfo .solutionCon{padding:20px 50px;}
.solutionInfo .solutionCon h4{font-size:16px; line-height:150%; color:#333rz7=; padding:10px 0; font-weight:normal;}
.solutionInfo .solutionCon p{font-size:14px; line-height:150%; color:#666; padding-bottom:10px;}
.solutionInfo .solutionCon b{font-size:14px; line-height:150%; color:#666; padding-bottom:10px; display:inline-block;}
/*解决方案详情页*/



/*服务支持列表页*/
.serviceSupport{width:100%; height:auto; padding:20px 0;}

.ny_banner2{width:100%;}
.ny_banner2 img{width:100%; height:auto;}
.ny_banner2 .left{ width:700px; float:left;}
.ny_banner2 .right{ width:500px; height:300px; float:left; padding:50px 30px 0; background:#639fc0;}
.ny_banner2 h1{ font-size:36px; line-height:36px; color:#fff; font-weight:normal;}
.ny_banner2 h2{font-size:30px; line-height:30px; color:#7aadc9;font-family:"Arial"; margin:8px 0 90px 0;}
/*.ny_banner2 p{font-size:14px; max-height:48px; line-height:24px; overflow:hidden; color:#fff;}*/

.back_white{ background:#fff;}
.hq_zc li{ width:50%; height:290px;  float:left; position:relative; text-align:center; border-bottom:1px solid #f5f5f5;}
.hq_zc li img{ margin:68px 0 15px 0;}
.hq_zc li .line{ position:absolute; width:1px; height:100%; right:0; top:0; background:#f5f5f5;}
.hq_zc li a{ display:block; border-bottom:4px solid #fff;height:286px;}
.hq_zc li a:hover{border-bottom:4px solid #008cd6; background:#fcfcfc;}
.hq_zc li a h1{font-weight:normal; font-size:18px; color:#666;}
.hq_zc li a:hover h1{ color:#008cd6;}
/*服务支持列表页*/



/*服务支持详情页*/
.serviceSupportInfo{padding:50px; margin-top:20px; border:1px solid #f5f5f5; box-sizing:border-box; text-align:center;}
.serviceSupportInfo h1{font-size:30px; line-height:30px; color:#70bb2b; margin-bottom:30px; font-weight:normal;}
.serviceSupportInfo h2{text-align:left; font-size:18px; color:#70bb2b; margin-top:30px; margin-bottom:20px; font-weight:normal;}
.serviceSupportInfo p{text-align:left;}
.serviceSupportInfo span{text-align:left; display:block; padding:20px 0; font-size:14px; line-height:24px; color:#666;}
.serviceSupportInfo img{padding:10px 0;}
.serviceSupportInfo span b{color:#70bb2b; font-weight:normal;}
/*服务支持详情页*/



/*关于我们*/
.aboutUs{width:1198px; margin:0 auto; height:auto; padding:20px 0; border:1px solid #ccc; background:#fff;}
/*公司简介*/
.introduce{width:1198px; margin:0 auto; height:auto;}
.introduce .title{float:left; background:#e5e5e5 url("../images/introduceTitBg.jpg") no-repeat left bottom; width:30%; height:600px; position:relative;}
.introduce .title h4{width:195px; height:58px; border:4px solid #70bb2b; color:#70bb2b; text-align:right; line-height:50px; font-size:30px; padding-right:15px; font-weight:normal; position:absolute; top:40px; right:30px;}
.introduce .title p{margin-right:30px; margin-top:20px; text-align:right; font-size:35px; line-height:35px; color:#666; position:absolute; top:130px; right:30px;}
.introduce .list{width:70%; float:left; background:#fff;}
.introduce .list li{width:100%; height:300px; overflow:hidden;}
.introduce .list li:after{content:" "; display:block; clear:both;}
.introduce .list li .img{width:50%; height:100%; float:left; overflow:hidden;}
.introduce .list li .img img{width:100%; min-height:300px; height:auto;}
.introduce .list li .txt{float:left; width:50%; line-height:26px;}
.introduce .list li .txt p{padding:60px 30px 0; max-height:180px; font-size:14px; color:#666;}
.introduce .list li:nth-of-type(2n) .img{float:right;}
.introduce .list li:nth-of-type(2n) .txt{float:right;}
/*公司能力*/
.switch{width:100%; height:auto;}
.switchTit{text-align:center; padding:50px 0; background:#f9f9f9; margin-top:50px;}
.switchTit .titBox{width:1000px; margin:0 auto;}
.switchTit h2{color:#70bb2b; font-size:30px; font-weight:normal; line-height:45px;}
.switchTit span{color:#cfcfcf; font-size:14px; display:block;}
.switchTit p{font-size:14px; color:#666; margin-top:20px; line-height:24px;}
.switch .titList{width:1200px; height:auto; margin:0 auto; padding:30px 0; text-align:center;}
.switch .titList li{display:inline-block; width:100px; height:110px; background:url("../images/indexTxtListIcon1.png") no-repeat; background-size:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; margin:0 20px; line-height:113px; position:relative; cursor:pointer; font-size:14px; color:#666;}
.switch .titList li.act,.switch .titList li:hover{background:url("../images/indexTxtListIcon2.png") no-repeat; background-size:100%; color:#fff;}
.switch .titList li .hoverIcon{display: none; position: absolute; left: 50%; margin-left: -8px; bottom: -30px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #3a4e91;}
.switch .titList li.act .hoverIcon{display:block;}
.switch .switchList{width:100%; overflow: hidden; height: auto; padding:30px 0; background: url("../images/switchListBg.jpg") center; color: #fff; min-width: 1200px;}
.switch .switchList .switchBox{width: 1100px; height: auto; margin: 0 auto; overflow: hidden; display:none;}
.switch .switchList .switchBox .tit{width:100%; height:45px; margin-top:10px;}
.switch .switchList .switchBox .tit h4{display: inline; font-size: 30px; line-height:45px; font-weight:normal;}
.switch .switchList .switchBox .tit span{color: #9da6c3; margin-left: 20px;}
.switch .switchList .switchBox .switchInfo{position: relative; margin-top: 30px; overflow: hidden; width: 100%; min-height: 300px;}
.switch .switchList .switchBox .switchInfo .splitLine{border-left: 1px dotted #9aa8c7; height: 100%; position: absolute; left: 50%; top: 0;}
.switch .switchList .switchBox .switchInfo li{width: 46%; float: left; line-height: 26px; margin-bottom: 20px; font-size:14px;}
.switch .switchList .switchBox .switchInfo li.right{float:right;}
/*合作客户*/
.customerTit{text-align:center; padding:50px 0 30px;}
.customerTit h2{color:#70bb2b; font-size:30px; font-weight:normal; line-height:45px;}
.customerTit span{color:#cfcfcf; font-size:14px; display:block;}
#customer{position:relative; width:1200px; height:332px; margin:0 auto; overflow:hidden;}
#customer .flashBg{width:962px; height:332px; margin:0 auto; position:relative; overflow:hidden; box-sizing:border-box; border:1px solid #f1f1f1;}
#customer .flashBg .customerList{width:99999px; height:326px; position:absolute; top:0; left:0;}
#customer .flashBg ul.mobile{float:left; width:960px; height:329px; overflow:hidden; position:relative;}
#customer .flashBg ul.mobile li{float:left; width:160px; height:110px; background:#000; box-sizing:border-box; border-right:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;}
#customer .flashBg ul.mobile li:nth-of-type(6n){border-right:none;}
#customer .flashBg ul.mobile li a{display:block; height:100%;}
#customer .flashBg ul.mobile li img{width:100%; height:100%; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
#customer .flashBg ul.mobile li:hover img{opacity:0.9;}
#customer .but_left{position:absolute; left:20px; top:140px; width:32px; height:44px; border:1px solid #f1f1f1; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer;}
#customer .but_left:hover, #customer .but_right:hover{opacity:0.8;}
#customer .but_left:active{-webkit-transform:translateX(-10px); -moz-transform:translateX(-10px); transform:translateX(-10px);}
#customer .but_right{position:absolute; right:20px; top:140px; width:32px; height:44px; border:1px solid #f1f1f1; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer;}
#customer .but_right:active{-webkit-transform:translateX(10px); -moz-transform:translateX(10px); transform:translateX(10px);}
/*关于我们*/



/*在线留言*/
.message{width:1100px; height:auto; margin:0 auto;}
/*留言图片*/
.message .img{width:500px; height:auto; float:left;}
.message .img img{width:500px; height:auto;}
/*留言框*/
.message .messageCon{width:550px; height:auto; float:right;}
.message .messageCon .title{width:100%; height:auto; padding-top:20px; margin-bottom:30px;}
.message .messageCon .title h4{font-size:30px; font-family:"Times New Roman"; color:#70bb2b; font-weight:normal; padding-bottom:10px;}
.message .messageCon .title h5{font-size:18px; color:#666; line-height:24px; font-weight:normal;}

.message .messageCon .messageBox{width:100%; height:auto;}
.message .messageCon .messageBox .text{width:550px; height:45px; box-sizing:border-box; border:1px dashed #70bb2b; background:rgba(0,139,214,.05); margin-bottom:10px;}
.message .messageCon .messageBox .text i{display:block; float:left; width:59px; height:43px;}
.message .messageCon .messageBox .text .i1{background:url("../images/messageIcon1.png") center no-repeat;}
.message .messageCon .messageBox .text .i2{background:url("../images/messageIcon2.png") center no-repeat;}
.message .messageCon .messageBox .text span{display:block; float:left; width:1px; height:20px; margin:12px 0; background:#ccc;}
.message .messageCon .messageBox .text input{width:488px; height:20px; float:left; box-sizing:border-box; padding:0 15px; margin:12px 0; border:none; background:none;}

.message .messageCon .messageBox .textarea{width:550px; height:120px; box-sizing:border-box; border:1px dashed #70bb2b; background:rgba(0,139,214,.05); margin-bottom:10px;}
.message .messageCon .messageBox .textarea textarea{border:none; background:none; padding:10px 15px; line-height:25px;}

.message .messageCon .messageBox .vCode{width:550px; height:45px; margin-bottom:20px;}
.message .messageCon .messageBox .vCode input{border:1px dashed #70bb2b; background:rgba(0,139,214,.05); box-sizing:border-box; width:200px; height:45px; float:left; padding:12px 15px; line-height:25px;}
.message .messageCon .messageBox .vCode p{width:80px; height:28px; float:left; margin:7px 20px;}

.message .messageCon .messageBox .button{width:200px; height:45px;}
.message .messageCon .messageBox .button input{width:200px; height:45px; background:#70bb2b; color:#fff; border:none; font-size:16px;}
/*在线留言*/
.copyRight{ width:100%;float:left; text-align:center; margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px solid #ccc;}
.copyRight span{ padding:0 10px;}


/*  内页底部  */
.m-pg-copy { line-height: 50px; height: 50px; background: #424355; margin-top: 40px; overflow: hidden; text-align: center; text-transform: uppercase; color: #fff; }
.m-pg-copy a{color: #fff;}
.m-pg-copy img { display: inline-block; vertical-align: middle; }


/*分页颜色*/
.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #70bb2b;
    border-color: #70bb2b;
    color: #fff;
    cursor: default;
    z-index: 3;
}