@charset "utf-8";

b,blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,label,li,ol,p,pre,select,span,strong,table,td,textarea,th,ul{margin:0;padding:0}

abbr,acronym,fieldset,img{border:0}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
z
q:after,q:before{content:''}

i{font-style:normal;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}

caption,td,th{text-align:left;font-weight:400;}

a,button,img{border:none;text-decoration:none;}

a,button{text-decoration:none;}

button:focus,input:focus{outline:0;}

textarea{font-family:"Microsoft YaHei";}

img{border:none;outline:0;}

a{color:#333;text-decoration:none;outline:0; cursor: pointer;}

ol,ul{list-style:none;}

body,html{background: #FFFFFF;}

table{word-break:break-all;word-wrap:break-word;}

body{font-family:'Microsoft YaHei',Arial,Lucida Grande,Lucida Sans Unicode,Verdana,sans-serif;font-size:14px;font-weight:400;color:#222222;width:100%;min-width:1200px;}

select::-ms-expand{display:none;}

::-webkit-input-placeholder{color:#999;}

::-moz-placeholder{color:#999;}

:-ms-input-placeholder{color:#999;}

.clear{clear:both;}

.w1400{width:1400px;margin:0 auto;}

.w1200{width:1200px;margin:0 auto;}

.w100{width:100%;}

.left{float:left;}

.right{float:right;}

.f12{font-size:12px;}

.f14{font-size:14px;}

.f16{font-size:16px;}

.f18{font-size:18px;}

.boxs{ box-sizing: border-box;  -ms-box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  }

input{ border: none;}

.trion{ transition:all .3s;  -moz-transition:all .3s; /* Firefox 4 */ -webkit-transition:all .3s; /* Safari and Chrome */ -o-transition:all .3s; /* Opera */}

a:hover{ text-decoration: none;}

.pt5{ padding-top: 5px;}

.mb40{ margin-bottom: 40px;}

.mt40{ margin-top: 40px;}

.mt24{ margin-top: 24px;}

.mt0{ margin-top: 0px !important;}



/* ------------------------top------------------------- */

.top{ height: 40px; background: #333333; line-height: 40px; color: #999999;}

.top a{ color: #999999;}

.top_l,.top_r{ height: 40px;}

.top_l a{ margin: 0 11px;}

.top_l a:first-child{ margin-left: 0px;}

.top span{ width: 1px; height: 10px; background: #575757; display: inline-block;}

.top_r p i{ font-size: 16px; font-weight: bold; color: #FFB21D;}

.top_r p{ display: inline-block;}

.top_r span{ margin: 0px 16px;}

.top_r img{ margin-right: 11px; position: relative; top: 2px;}

.top_r .top_img{ position: relative; cursor: pointer;}

.top_r .top_img .i-weixin{ display: none; width: 135px; height: 135px; position: absolute; top: 40px; left: -22px; z-index: 9;}

.top_r .top_img:hover .i-weixin{ display: block;}



/* ------------------------header------------------------- */

.header{ height: 110px; }

.header .logo{ height: 66px; padding-top: 22px; width: 209px;}

.header .logo img{ width: 100%; height: 100%;}

.header .nav{ height: 110px; width: auto;}

.header .nav ul{ padding-top: 39px;}

.header .nav ul li{ float: left; font-size: 16px; margin-left: 50px;}

.header .nav ul li a{ color: #444444;}

@keyframes myfirst{from {width: 0;}to {width: 100%;}}

.header .nav ul li span{ display: none; width: auto; height: 3px; background: #3460C6; margin-top: 12px; animation: myfirst 0.5s;}

.header .nav ul li:hover a,.header .nav ul li.cur a{ color: #3460C6; font-weight: bold;}

.header .nav ul li:hover span,.header .nav ul li.cur span{ display: block;}



/* ------------------------banner------------------------- */

.banner{ min-width: 1400px; height: 754px; position: relative; overflow: hidden;}

.banner img{ height: 754px; width: 100%; position: absolute; z-index: 1;}

.banner_con{ position: absolute; z-index: 2; padding-top: 193px; text-align: center;}

.banner_con p{ font-size: 56px; font-weight: bold; color: #FFFFFF; margin-bottom: 15px;}

.banner_con a{ display: inline-block; width: 200px; height: 50px; line-height: 50px; border-radius: 101px; margin: 0px 25px; color: #FFFFFF; margin-top: 35px; font-size:20px;}

.banner_con a.banner_free{ background: #FFB21D;}

.banner_con a.banner_zx{ border: 1px solid rgba(255, 255, 255, 0.6);}

.banner_con a:hover{ opacity: 0.8;}
.banner_con_bj{ height: 754px; width: 100%; position: absolute; z-index: 2; background: rgba(74, 81,96, 0.6);}
.banner video{ height: auto; width: 100%; position: absolute; z-index: 1;}



/* ------------------------全套产品 一站服务------------------------- */

.inedx_shop{ height: auto; margin-top: 70px;}

.inedx_title{ height: auto; text-align: center;}

.inedx_title p{ height: 48px; line-height: 48px; font-size: 36px; }

.inedx_title p img{ margin: 0px 16px; position: relative; top: -5px;}

.inedx_title ul{ height: 22px; line-height: 22px; width: 600px; margin: 0 auto; margin-top: 19px;}

.inedx_title ul li{ float: left; margin: 0px 20px;}

.inedx_title ul li img{ margin-right: 7px; position: relative; top: 4px;}

.inedx_shop_con{ margin-top: 50px; height: 375px;}

.inedx_shop_con ul li{ float: left; width: 260px; height: 375px; margin-left: 25px; text-align: center; background: #F8F8F8;}

.inedx_shop_con ul li:first-child{ margin-left: 0px;}

.inedx_shop_con ul li img{ width: 236px; height: 236px; padding-top: 38px;}

.inedx_shop_con ul li p{ font-size: 20px; margin-top: 8px;}

.inedx_shop_con ul li a{ display: block;}

.inedx_shop_con ul li .inedx_shop_type{ margin-top: 12px; color: #999999;}

.inedx_shop_con ul li:hover .inedx_shop_type{ color: #3460C6;}

.inedx_shop_con ul li:hover{ box-shadow:0px 3px 10px rgba(0, 0, 0, 0.15);}
.inedx_shop_con ul li:hover img{ transform: scale(1.1);}


/* ------------------------十二大行业领域·潜心研究------------------------- */

.inedx_industry{ height: auto; margin-top: 50px;}

.inedx_industry_con{ height: auto; margin-top: 40px;}

.inedx_industry_con ul li{ float: left; width: 206px; height: 170px; margin-bottom: 32px; background: #F8F8F8; margin-right: 32px; text-align: center;}

.inedx_industry_con ul li:nth-child(6n){ margin-right: 0px;}

.inedx_industry_con ul li img{ width: 60px; height: 60px; padding-top: 33px; margin-bottom: 12px;}

.inedx_industry_con ul li p{ line-height: 26px; font-size: 20px;}

.inedx_industry_con ul li:hover{ box-shadow:0px 3px 10px rgba(0, 0, 0, 0.15);}

.inedx_industry_con ul li:hover p{ color: #3460C6;}

.inedx_industry_con ul li a{ display: block; width: 206px; height: 170px;}



/* ------------------------关于我们------------------------- */

.index_about{ height: 538px; background: url(../images/about_bj.jpg) center no-repeat; margin-top: 70px;}

.index_about_con{ width: 1146px; text-align: center; height: 100%; margin: 0 auto; color: #FFFFFF;}

.index_about_con h2{ padding-top: 92px; padding-bottom: 22px; height: 48px; line-height: 48px; font-size: 36px;}

.index_about_con h4{ height: 24px; line-height: 24px; font-size: 18px; margin-bottom: 55px;}

.index_about_con h4 span{ display: inline-block; margin: 0px  18px; height: 1px; width: 87px; background: #FFFFFF; position: relative; top: -5px;}

.index_about_con h4 span i{ width: 7px; height: 7px; background: #FFFFFF; display: block; position: relative; border-radius: 50%; top: -3px;}

.index_about_con p{ line-height: 30px;}

.index_about_con a{ color: #FFFFFF; margin: 0 auto; margin-top: 67px; display: block; width: 216px; height: 62px; background: #FFB21D; border-radius: 6px; text-align: center; line-height: 62px; font-size: 18px;}

.index_about_con a:hover{ opacity: 0.8;}

.index_about_dw{ height: 278px; padding-top: 58px; padding-bottom: 50px; background: #F6F6F6;}

.index_about_dw ul li{ height: 278px; float: left; width: 270px; margin-left: 12px; text-align: center; background: #FFFFFF;}

.index_about_dw ul li:first-child{ margin-left: 0px;}

.index_about_dw ul li img{ width: 100%; height: 190px; border-bottom: 4px solid #3460C6;}
.index_about_dw ul li .img_con{ width: 100%; height: 190px; overflow: hidden;}

.index_about_dw ul li h2{ padding-top: 12px; line-height: 24px; font-weight: bold; font-size: 18px; color: #5E6066;}

.index_about_dw ul li p{ padding-top: 6px; color: #5E6066; font-size: 18px; line-height: 24px;}

.index_about_dw ul li:hover{ box-shadow:0px 3px 10px rgba(0, 0, 0, 0.15);}
.index_about_dw ul li:hover img{ transform: scale(1.1);}


/* ------------------------横幅------------------------- */

.index_hf{ height: 171px; background: url(../images/index_hf.png) center no-repeat;}

.index_hf_r{ width: auto;}

.index_hf_r a{ width: 230px; border-radius: 6px; height: 60px; display: inline-block; text-align: center; line-height: 60px; margin-top: 56px; margin-left: 45px; font-size: 18px;}

.index_hf_free{ background: #FFFFFF; color: #FFB21D;}

.index_hf_zx{ background: #FFB21D; color: #FFFFFF;}

.index_hf_r a:hover{ opacity: 0.8;}

.index_hf_c{ width: 280px; margin-right: 140px; text-align: center;}

.index_hf_c h2{ padding-top: 45px; font-size: 35px; font-weight: bold; color: #FFB21D; margin-bottom: 12px;}

.index_hf_c p{ font-size: 23px; color: #FFFFFF;}



/* ------------------------案例------------------------- */

.index_case{ height: auto; margin-top: 46px;}

.index_case_con{ margin-top: 56px; height: 324px;}

.index_case_con .swiper-slide{ float: left; width: 332px; height: 324px; background: #F6F6F6;}

.index_case_con .swiper-slide:first-child{ margin-left: 0px;}

.index_case_con .swiper-slide img{ width: 100%; height: 214px;}

.index_case_con .swiper-slide a{ display: block; width: 100%; height: 100%;}

.index_case_con .swiper-slide p{ color: #444444; font-size: 20px; width: 260px; margin: 0 auto; padding-top: 27px; line-height: 28px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;}

.index_case_con .swiper-slide a:hover{ box-shadow:0px 3px 10px rgba(0, 0, 0, 0.15);}

.index_case_con .swiper-slide a:hover p{ color: #3460C6;}

.index_case_con .swiper-container { width: 100%; height: 100%; }

.index_case_con .swiper-container .swiper-button-next{ background: url(../images/index_right.png) no-repeat center; right: 0px;}

.index_case_con .swiper-container .swiper-button-prev{ background: url(../images/index_left.png) no-repeat center; left: 0px;}

.index_case_con .swiper-container .swiper-button-next, .index_case_con .swiper-container .swiper-button-prev{ top: 43%; width: 40px; height: 70px;}


/* ------------------------新闻------------------------- */

.index_news{ height: auto; margin-top: 53px; margin-bottom: 100px;}

.index_news_l,.index_news_r{ width: 684px;}

.index_news_title{ height: 48px; line-height: 48px; margin-bottom: 30px;}

.index_news_title p{ font-size: 36px; float: left;}

.index_news_title a{ float: right; font-size: 16px; color: #666867;}

.index_news_title a:hover{ color: #3460C6;}

.index_news_l ul{ height: 460px;}

.index_news_l ul li{ width: 684px; height: 220px; background: #F8F8F8; padding: 38px; margin-bottom: 20px;}

.index_news_l ul li .index_news_img{ width: 214px; height: 144px; margin-right: 20px;}

.index_news_l ul li h2{ float: left; width: 370px; font-size: 18px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.index_news_l ul li p{ float: left; width: 370px; margin-top: 16px; color: #666867; height: 40px; line-height: 20px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;}

.index_news_l ul li h6{ float: left; width: 370px; height: 20px; margin-top: 40px; color: #666867;}

.index_news_l ul li h6 a{ float: right; color: #666867;}

.index_news_l ul li h6 a img{ margin-left: 12px; position: relative; top: 1px;}

.index_news_l ul li h2 a:hover{ color: #3460C6;}

.index_news_r ul{ height: 460px; background: #F8F8F8; padding: 0px 30px;}

.index_news_r ul li{ height: 61px; line-height: 60px; border-bottom: 1px dashed #D2D2D2;}

.index_news_r ul li i{ width: 9px; height: 9px; border-radius: 50%; display: inline-block; border: 1px solid #999999; margin-right: 7px;}

.index_news_r ul li p{ display: inline-block; font-size: 16px;}

.index_news_r ul li span{ display: inline-block; float: right; color: #999999;}

.index_news_r ul li:hover a{ color: #3460C6;}



/* ------------------------footer------------------------- */

.footer{ height: 390px; background: #323941;}

.footer_top{ height: 322px;}

.footer_dw{ height: 54px; border-top: 1px solid #3E414A; line-height: 54px;}

.footer_l{ width: 826px;}

.footer_l ul li{ width: 156px; float: left; margin-right: 50px;}

.footer_l ul li h2{ padding-top: 60px; color: #FFFFFF; font-size: 16px; font-weight: bold; line-height: 22px; margin-bottom: 20px;}

.footer_l ul li p{ color: #999999; margin-bottom: 20px;}

.footer_l ul span{ float: right; height: 204px; width: 1px; background: #3E414A; position: relative; top: 58px;}

.footer_c{ width: 200px; margin-left: 115px;}

.footer_c p{ line-height: 22px; font-size: 16px; font-weight: bold; color: #FFFFFF; padding-top: 60px;}

.footer_c h2{ line-height: 30px; color: #FFB21D; font-size: 24px; font-weight: bold; margin-top: 20px;}

.footer_c h6{ line-height: 20px; color: #999999; margin-top: 10px;}

.footer_c a{ display: block; background: #FFB21D; color: #FFFFFF; text-align: center; width: 186px; height: 42px; font-size: 16px; line-height: 42px; border-radius: 6px; margin-top: 43px;}

.footer_r{ width: 135px;}

.footer_r p{ line-height: 22px; font-size: 16px; font-weight: bold; color: #FFFFFF; padding-top: 60px;}

.footer_r img{ width: 135px; height: 135px; margin-top: 26px;}

.footer_dw p,.footer_dw a{ display: inline-block; font-size: 12px; color: #5E6066;}

.footer_dw span{ display: inline-block; float: right; font-size: 12px; color: #5E6066;}

.footer_dw p img{ margin-right: 23px; position: relative; top: 7px;}

/* 内页 */

.footer_ny .footer_l{ width: 680px;}

.footer_ny .footer_l ul li{ margin-right: 12px;}



/* ------------------------面包屑导航------------------------- */

.inxex_nav{ height: 53px; line-height: 46px; color: #999999;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15) inset; }

.inxex_nav_c{ height: 45px; line-height: 45px;  color: #999999; background: #F5F5F5; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15) inset; }

.inxex_nav_c a,.inxex_nav a{ color: #999999;}

.inxex_nav_c a:hover, .inxex_nav a:hover{ color: #3460C6;}

.inxex_nav p{ float: right;}

.inxex_nav p a,.inxex_nav p{ color: #333333;}

/* -----------------------------------------------产品中心--------------------------------------------------------- */

/* ------------------------banner------------------------- */

.shop_banner{ height: 382px; background: url(../images/shop_bj.jpg) center no-repeat;background-size: 1918px 382px;}

.shop_banner_con{ width: 560px;}

.shop_banner_con h2{ padding-top: 75px; font-size: 50px; font-weight: bold; color: #333333; line-height: 66px;}

.shop_banner_con p{ line-height: 26px; padding-top: 24px; font-size: 20px; color: #333333;}

.shop_banner_con a{ display: block; margin-top: 48px; border-radius: 2px; color: #FFFFFF; text-align: center; background: #3460C6; width: 125px; height: 36px; line-height: 36px; font-size: 17px;}

.shop_banner_con a:hover{ opacity: 0.8;}

.shop_banner h5{ font-size: 40px; color: #ffffff; text-align: center; padding-top: 140px;}
.shop_banner h6{ font-size: 20px; color: #ffffff; text-align: center; padding-top: 25px;}
.news_banner{ background: url(../images/news_banner.jpg) center no-repeat;}
.case_banner{ background: url(../images/case_banner.jpg) center no-repeat;}
.about_banner{ background: url(../images/about_banner.jpg) center no-repeat;}


/* ------------------------全套产品 一站服务------------------------- */

.shop_top{ height: auto; margin-top: 28px; text-align: center;}

.shop_top h2{ color: #333333; line-height: 45px; font-size: 34px; margin-bottom: 27px;}

.shop_top p{ color: #666666; width: 770px; margin: 0 auto; line-height: 22px;}

.shop_top ul{ margin-top: 27px; height: 320px; background: #F5F5F5; padding: 9px;}

.shop_top ul li{ float: left; width: 289px; height: 304px; background: #FFFFFF; margin-left: 8px;}

.shop_top ul li:first-child{ margin-left: 1px;}

.shop_top ul li h5{ color: #444444; padding-top: 20px; line-height: 32px; font-size: 24px;}

.shop_top ul li h6{ color: #999999; font-size: 12px; line-height: 16px; margin-top: 9px;}

.shop_top ul li img{ width: 202px; height: 202px; margin-top: 21px;}

.shop_top ul li:hover img{ transform: scale(1.05);}

.shop_top ul li:hover h5{ color: #3460C6;}

.shop_top_search{ height: 96px; margin-top: 30px; background: #F5F5F5; padding: 8px;}

.shop_top_search_c{ background: #FFFFFF; height: 100%;}

.shop_top_search_cl{ width: auto; line-height: 80px; padding-left: 32px; color: #707070;}

.shop_top_search_cl .shop_top_search_input{ width: 127px; height: 32px; line-height: 32px; background: #EEEEEE; border: none; margin: 0 13px;}

.shop_top_search_cl .input_radio{ margin-left: 40px; width: 18px; height: 18px; position: relative; top: 4px; border-color: #EEEEEE;}

.shop_top_search_cl span{ margin-left: 6px; display: inline-block;}

.shop_top_search_cl a{ width: 155px; height: 40px; line-height: 40px; text-align: center; margin-left: 66px; display: inline-block; color: #FFFFFF; background-color: #3460C6; border-radius: 2px;}

.shop_top_search_cl a:hover{ opacity: 0.8;}

.shop_top_search_cr{ padding-right: 52px;}

.shop_top_search_cr a{ margin-top: 21px; height: 40px; line-height: 40px; margin-left: 25px; padding: 0px 20px; float: right; background: #F5F5F5; border: 1px solid #CCCCCC; border-radius: 2px; color: #999999;}

.shop_top_search_cr a:hover{ background: #3460C6; color: #ffffff;}



/* ------------------------产品分类------------------------- */

.pro-index-mid{ margin-top: 56px;}

.head { height: 38px;}

.head .title { float: left; font-size: 30px; color: #5E6066;}

.head .know-more {  float: right; margin-top: 14px; color: #5E6066;}

.know-more i {display: inline-block; vertical-align: middle; height: 16px; width: 16px; background: url(../images/know-more-icon.png);}

.know-more span {  display: inline-block; vertical-align: middle; padding-right: 8px; color: #555;}

.pro-index-mid ul { margin-top: 28px;}

.pro-index-mid li:first-child { margin-left: 0;}

.pro-index-mid li { width: 278px; float: left;  margin-left: 28px;}

.pro-index-mid .img-box { display: block; width: 100%; height: 280px;}

.img-box { position: relative;}

.pro-index-mid .img-box img { display: block; max-width: 100%;}

.pro-index-mid .info .title { display: block; font-size: 16px; color: #222; line-height: 1; margin-top: 18px; transition: all .4s;}

.pro-index-mid .info .title:hover{ color: #3460C6;}

.pro-index-mid .stands { width: 100%; overflow: hidden; height: 35px;}

.pro-index-mid .info .attr { float: left; font-size: 14px; line-height: 16px;color: #999;margin-top: 18px;}

.pro-index-mid .info .attr span{ font-size: 12px; width: auto; padding: 0px 5px; margin-right: 7px; height: 17px; line-height: 17px; border: 1px solid #3460C6; border-radius: 2px; color: #3460C6;}

.pro-index-mid .info .stand-press { margin-left: 24px;}

.pro-index-mid .btns { margin-top: 20px;}

.pro-index-mid .btns a:first-child {  margin-left: 0; background: #3460C6; color: #FFFFFF; border: 1px solid #3460C6;}

.pro-index-mid .btns a { display: block;  float: left;  padding: 0 20px;  height: 28px;  background-color: #F5F5F5; border: 1px solid #CCCCCC; border-radius: 2px; line-height: 28px; color: #999999; text-align: center; transition: all .4s;  margin-left: 4px;}

.pro-index-mid .btns a:hover{background-color: #3460C6; border-color: #3460C6; color: #fff;}



/* ------------------------解决方案------------------------- */

.plan_con{ height: 617px; background: url(../images/fa_bj.jpg) center no-repeat; margin-top: 66px; padding-top: 53px;}

.plan_comment{ height: 500px; background: #FFFFFF; overflow: hidden;}

.solutionConInfo{ float: left; margin-left: 56px; margin-top: 89px; width: 500px;}

.solutionConInfo h4{ height: 70px; font-size: 30px; line-height: 70px; color: rgb(34, 34, 34);}

.solutionConInfoBor { background: rgb(255, 150, 0); height: 2px; line-height: 0; overflow: hidden;width: 30px;}

.solutionConInfo p {line-height: 26px; margin-top: 22px; margin-bottom: 40px; font-size: 12px; color: #5E6066;}

.solutionConBtn { width: 210px; font-size: 14px;}

.solutionConBtn .btn42 { height: 48px; line-height: 46px; display: block; border: 1px solid rgb(229, 229, 229); text-align: center; color: #222222; cursor: pointer; border-radius: 4px; transition: all 0.4s ease 0s;}

.solutionConBtn .btn42:hover{ background: #3460C6; color: #FFFFFF;}

.solutionConNav { float: right; margin-top: 56px; margin-right: 56px; width: 556px;}

.solutionConc1 { float: left; margin-left: 14px;  width: 264px; height: 385px; background: rgb(240, 240, 240); border-radius: 4px;}

.solutionConc2 { float: left; margin-left: 14px; width: 264px; height: 385px; background: rgb(240, 240, 240); border-radius: 4px;}

.solutionConc1 dl { margin: 8px 8px 0px; height: 369px; background: rgb(255, 255, 255); border-top: 2px solid #3460C6;}

.solutionConc1 dt { width: 192px; margin: 0px auto; border-bottom: 1px solid rgb(232, 232, 232); height: 58px; line-height: 58px; font-size: 18px; color: #3460C6; font-weight: bold; text-align: center;}

.solutionConc1 dd { width: 100%;}

.solutionConc1 ul { padding-top: 11px; overflow: hidden; width: 100%;}

.solutionConc1 li { float: left; margin-left: 28px; padding-left: 16px; width: 70px; background: url(../images/soultionIco.png) left 18px no-repeat; height: 40px; line-height: 40px; font-size: 14px;overflow:hidden;}

.solutionConc1 a { color: rgb(85, 85, 85); transition: all 0.4s ease 0s;}

.solutionConc1 a:hover { color: #3460C6; }

.solutionConc2 { float: left; margin-left: 14px; width: 264px; height: 385px; background: rgb(240, 240, 240); border-radius: 4px; }

.solutionConc2 dl { margin: 8px 8px 0px; height: 369px; background: rgb(255, 255, 255); border-top: 2px solid #3460C6; }

.solutionConc2 dt { width: 192px; margin: 0px auto; border-bottom: 1px solid rgb(232, 232, 232); height: 58px; line-height: 58px; font-size: 18px; color: #3460C6; font-weight: bold; text-align: center; }

.solutionConc2 dd { width: 100%; }

.solutionConc2 ul { padding-top: 14px; }

.solutionConc2 li { margin-top: 14px; }

.solutionConc2 li a { border: 1px solid rgb(230, 230, 230); height: 42px; width: 164px; display: block; line-height: 40px; text-align: center; margin: 0px auto; font-size: 14px; transition: all 0.4s ease 0s; }

.solutionConc2 li a { color: rgb(85, 85, 85); transition: all 0.4s ease 0s; }

.solutionConc2 li a:hover { color: #3460C6; }



/* -----------------------------------------------产品列表--------------------------------------------------------- */

/* ------------------------产品列表_top------------------------- */

.shop_list_top{ height: 482px; padding-top: 70px;}

.shop_list_top_r{ width: 571px; height: 371px;}

.shop_list_top_r img{ width: 100%; height: 100%;}

.shop_list_top_l{ width: 570px;}

.shop_list_top_l h2{ font-size: 30px; line-height: 40px; font-weight: bold; color: #3460C6;}

.shop_list_top_l p{ margin-top: 32px; font-size: 16px; color: #707070; line-height: 30px;}



/* ------------------------产品------------------------- */

.shop_list{ height: auto; background: white; padding: 60px 0px;}

.shporh li{ width:250px; border-top:2px solid #fff;  height:395px; margin:0 21px; margin-bottom:26px; background:#fff; float:left;}

.shporh li:hover{ border-top:2px solid #3460C6;  box-shadow: 0px 5px 16px #aeaeae;}

.pro-list-img{ position:relative; width:250px; height:250px; overflow: hidden;}

.pro-list-img img{ transition: all .5s;width:250px; height:250px;}

.pro-list-img:hover img{ transform: scale(1.1);}

.pro-list-img .pro-list-tag{ font-size:14px; position: absolute; left:28px; top:14px; padding-left:28px; color:#999; height:22px; line-height: 22px;}

.pro-list-img .pro-steam{ background: url(../images/pro-ico-steam.png) no-repeat left center;}

.pro-list-tit{ border-top:1px solid #e6e6e6;}

.pro-list-tit h3{ width:232px; height:48px; margin:0 auto; margin-top:6px; line-height: 1;}

.pro-list-tit h3 a{ width:240px; height:48px; margin:0 auto; font-size: 16px; line-height: 25px; color:#555555; transition: all .2s;}

.pro-list-tit h3 a:hover{ color:#3460C6;}

.pro-list-para{ width:232px; margin:0 auto;}

.pro-list-para p{ color:#555; font-size:12px; line-height: 20px;}

.pro-list-link{ width:242px; margin:0 auto; margin-top:8px;}

.pro-list-link .baojia{ display: inline-block; width:104px; height:24px; background:#3460C6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:14px; color:#fff; text-align: center; line-height: 24px;}

.pro-list-link .xiangqing{ display: inline-block; width:104px; height:24px; border:1px solid #aeaeae; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:14px; color:#aeaeae; text-align: center; line-height: 24px;  margin-left:22px;  transition: all .2s;}

.pro-list-link .xiangqing:hover{ border:1px solid #3460C6; color:#fff; background: #3460C6;}



/* ------------------------案例------------------------- */

.pro-case-wrap { margin-top: 50px;}

.pro-case-tit h2 { font-size: 30px; color: #333; float: left;}

.pro-case-tit{ height: 45px;}

.pro-case-tit .pro-case-more a { float: right; font-size: 14px; color: #545454; padding-right: 25px; background: url(../images/pro-more-icon.png) no-repeat right center; height: 45px; line-height: 45px;}

.pro-case-line01{ width: 120px; height: 2px; background: #fe950f; margin-top: 8px;}

.pro-case-line02 { width: 802px; height: 1px; margin-top: -1px; background: #e9e9e9;}

.pro-case-menu {margin-top: 40px; overflow: hidden;}

.pro-case-menu ul { width: 1216px;}

.pro-case-menu>ul>li { width: 588px; height: 220px; float: left; margin-right: 20px;}

.pro-case-menu>ul>li:last-child{ margin-right: 0px; float: right;}

.pro-case-img{ width: 220px; height: 174px; overflow: hidden; float: left;}

.pro-case-menu>ul>li { width: 588px; height: 220px; float: left; margin-right: 20px;}

.pro-case-info { width: 348px; height: 140px; padding-top: 34px; padding-left: 14px; float: left; background: #f5f5f5;}

.case-custom-info { width: 328px;}

.case-custom-info h3 { font-size: 18px; line-height: 22px;}

.case-custom-info p { font-size: 14px; color: #999; line-height: 24px; margin-top: 6px; width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.pro-case-line03 { height: 1px; background: #ddd; margin-top: 10px;}

.case-custom-clo { font-size: 12px; color: #999; margin-top: 20px;}

.case-custom-clo li { line-height: 26px; width: 334px;}

.fl { float: left; display: inline-block;}

.fr { float: right; display: inline-block;}

.custom-clo-left { width: 158px;}

.case-custom-clo span { padding-left: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 75px; line-height: 13px; color: #555; padding-left: 10px;position: relative;  top: 2px;}

.pro-case-img img:hover{ transform: scale(1.1);}

.pro-case-img img{ transition: all .5s;max-height: 100%;}



/* -----------------------------------------------产品详情--------------------------------------------------------- */

/* ------------------------简介------------------------- */

.proImg { float: left; width: 500px;}

.carousel { position: relative;}

.carousel-inner { position: relative; width: 100%; overflow: hidden;}

.proImg .item { height: 500px; width: 500px;}

.proImg .item img { width: 500px; height: 500px;}

.proInfo {  width: 640px; float: right;}

.proName { height: 52px; line-height: 52px; font-size: 24px; color: #333; font-weight: 700;}

.proName .proInfo-cle { font-size: 24px; line-height: 52px;}

.proAttr {  margin-top: 17px;  background: #fbfbfb;  border-top: 1px #f0f0f0 solid; border-bottom: 1px #f0f0f0 solid;}

.proAttrCon { padding: 11px 20px 13px;}

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

.proAttrCon table { background-color: transparent;}

.proAttrCon th { vertical-align: top; line-height: 24px; color: #888888; padding: 4px 28px 4px 0; white-space: nowrap;  text-align: left;}

.proAttrCon td { line-height: 24px; padding: 4px 0 4px 0; color: #666666; }

.proAttrCon .proAttrTabBor th { padding: 19px 28px 4px 0; border-top: 1px #f1f1f1 solid;}

.proAttrCon .proAttrTabBor2 th { padding: 0; height: 10px; line-height: 0; overflow: hidden;}

.proAttrCon .proAttrTabBor2 td { padding: 0; height: 10px; line-height: 0; overflow: hidden;}

.proAttrCon .proAttrTabBor td { padding: 19px 0 16px 0; border-top: 1px #f1f1f1 solid;}

.proAttrCon .proAttrText .cpbutton { height: 40px; width: 140px; background: url(../images/button.png) no-repeat;}

.proBtn { margin-top: 42px; height: 48px; width: 100%; overflow: hidden;}

.proBtn1 { float: left;}

.proBtn1 a{ display: inline-block; height: 48px; background: #3460C6; line-height: 48px; width: 225px; text-align: center; font-size: 18px; cursor: pointer; float: left; border-radius: 4px; color: #ffffff;}

.proBtn2 { float: left; margin-left: 20px; padding-left: 30px; background: url(../images/proPhone.png) no-repeat left 8px; color: #999999; height: 42px;  margin-top: 3px;}

.proBtn2 span { color: #f7494b;  font-size: 16px; font-weight: 700; margin-left: -1px;}

.proAttrCon .proAttrText .cpbutton:hover{ background:url(../images/button_hover.png) no-repeat;}



/* ------------------------详情------------------------- */

.proContentTexts { display: none;}

.proContentTexts.active { display: block;}

.proContentTexts .proContent-main { padding: 0 20px;}

.proDuo { background: #f5f5f5; margin-top: 56px;}

.proDuo .proAll { width: 914px; float: left; margin-top: 28px;}

.proDuo-right { width: 254px; float: left; margin-left: 28px;}

.proDuo-hots { width: 254px; background: #fff; border-radius: 4px; padding: 28px 0; margin-top: 28px;}

.hots-cont { width: 200px; margin: 0 auto;}

.hots-img{ width: 200px; height: 200px; display: inline-block;}

.hots-title{ font-size: 16px; color: #333; line-height: 24px; display: inline-block; margin-top: 13px;}

.hots-img img{ width: 200px;  border-radius: 4px;}

.hots-bot{ padding-top: 12px; border-top: 1px solid #eaeaea; margin-top: 12px;}

.hot-zu{ margin-top: 24px;}

.hots-bot span { font-size: 14px; color: #666; line-height: 22px; display: block;}

.hot-zu a { width: 200px; height: 48px; background: #3460C6; text-align: center; line-height: 48px; color: #fff; font-size: 16px; border-radius: 4px; display: block;}

.proDuo-gujia{ margin-top: 25px; width: 254px; background: #fff; border-radius: 4px; padding: 11px 0; padding-bottom: 27px;}

.proDuo-suan{ width: 200px; margin: auto;}

.proDuo-suan .gujia-tit { font-size: 16px; height: 45px; line-height: 45px; border-bottom: 1px solid #EEEEEE;}

.proDuo-suan img{ width: 100%; height: auto; padding-top: 16px;}

.proDuo-suan .proDuo-suan-from{ height: 28px; margin-top: 12px; line-height: 28px;}

.proDuo-suan .proDuo-suan-from span{ font-size: 12px; color: #555555; display: inline-block; float: left;}

.proDuo-suan .proDuo-suan-from input{ float: left; height: 28px; width: 164px; border: 1px solid #CCCCCC;}

.case-index-list { margin-left: 0px;}

.case-index-list ul li { float: left; width: 252px; height: 280px; border-radius: 3px; margin-right: 28px; margin-top: 22px;}

.case-index-list .info { height: 72px; overflow: hidden; background-color: #f8f8f8; transition: all .4s; border-radius: 3px;}

.case-index-list .info p { line-height: 20px; font-size: 14px; padding: 16px; color: #555; height: 72px;}

.case-index-list .img-box { height: 180px;}

.proDuo .proNavCon { width: 914px; height: 66px;}

.proNavBox { float: left;}

.proNavBox ul { float: left; height: 66px; overflow: hidden; padding-left: 1px}

.proNavBox li { float: left; height: 66px; width: 161px; text-align: center; background: url('../images/miaod.png') no-repeat right 24px; margin-left: -1px;}

.proNavBox li:last-child { background: none;}

.proNavBox li a { display: block; color: #666666; line-height: 62px; padding-top: 3px; font-size: 16px;}

.proNavBox li.select { position: relative; z-index: 1}

.proNavBox li.select a,

.proNavBox li a:hover { position: relative; z-index: 1; background: #ffffff !important; border-radius: 4px 4px 0 0; color: #3460C6; border-top: 3px #3460C6 solid; height: 66px; padding-top: 0;}

.pro-fixed { position: fixed; top: 0; z-index: 9; margin-top: 0;}

.pro-fixeds {position: fixed; top: 0; margin-top: 0;}

.pro-fixeds .proDuo-hots { margin-top: 0;}

.proAll { background: #f5f5f5; padding-bottom: 56px; margin-top: 56px;}

.proDuo .proNavBox li a { background: #efefef;}

.proDuo .proNavBox li { width: 153.17px;}

.proDuo .proWapper { width: 914px;}

.proContent { margin: 0 auto; background: #fff; padding-bottom: 56px; border-radius: 0 0 4px 4px;}

.proDuo .company-news { width: 914px;}

.proContent .company-news { border: none;}

.company-news { padding-bottom: 50px; border-bottom: 1px solid #eaeaea;}

.proDuo .parts-l { width: 802px; position: relative;}

.parts-l { width: 1084px; margin: 0 auto;}

.proContent-tle { font-size: 30px; color: #070bd7; border-bottom: 1px solid #eaeaea; position: relative; padding: 56px 0 18px; line-height: 30px;}

.proContent-tle span { width: 120px; height: 2px; background: #3460C6; display: block; position: absolute; bottom: -1px;}

.proContent-tex { position: relative; width: 802px; margin: 0 auto; padding-top: 40px;}

.pro_img_aj { margin-top: 30px;}

.mt-56 { margin-top: 56px; border-radius: 4px;}

.proModel { width: 100%; margin: 0 auto; padding: 0 56px;}

.proTitMore {padding-right: 24px; height: 30px; background: url(../images/know-more-icon.png) no-repeat right 7px; line-height: 30px; right: 0; top: 56px; color: #555555; position: absolute; font-size: 14px;}

.shop_show_img{ height: 260px;}

.shop_show_img img{ width: 400px; height: 260px;}

.shop_show_comment{ width: 365px; height: 260px;}

.shop_show_comment h2{ color: #333333; font-size: 20px; line-height: 26px; padding-top: 60px;}

.shop_show_comment span{ width: 40px; height: 2px; background: #3460C6; display: block; margin: 16px 0px;}

.shop_show_comment p{ line-height: 26px; color: #666666;}

/* 产品 */

.proWapper .nominate-list { height: 338px; overflow: hidden;}

.mt-56 .nominate-list { margin-bottom: 0;}

.mt-56 .nominate-list { margin-top: 42px; width: 828px;}

.nominate-pro .no-left { margin-left: 0;}

.nominate-box { display: block; float: left; margin-right: 26px;}

.focal { margin-top: 18px;}

.mt-56 .focal a { padding: 0 15px;}

.focal .no-left { background: #3460C6; color: #ffffff; border: 1px solid #3460C6; margin-left: 0;}

.focal a, .focal span { float: left; height: 30px; color: #999999; text-align: center; line-height: 30px; border: 1px solid #CCCCCC; border-radius: 2px; padding: 0 20px; margin-left: 4px; background: #F5F5F5; transition: .36s ease;}

.focal a:hover{ color: #ffffff; background: #3460C6; border-color: #3460C6;}

.proDuo .nominate-img { width: 248px;}

.mt-56 .nominate-img { width: 250px; height: 250px;}

.proDuo .nominate-img img { width: 248px;}

.mt-56 .nominate-img img { width: 250px; height: 250px;}

.proDuo .nominate-title { width: 248px;}

.nominate-title { font-size: 16px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 16px; width: 250px;}

.nominate-title:hover{ color: #3460C6;}

.proDuo .nominate-pro { width: 914px;}

.mt-56 .nominate-pro { padding: 0 56px;}

.nominate-pro { width: 1196px; margin: 56px auto 0; overflow: hidden;}

/* 案例 */

.proCase { width: 100%; margin: 0 auto; padding: 0 56px;}

.proTit { width: 100%; position: relative;}

.proCaseCon { margin-top: 42px; width: 100%;}

.proCaseCon .case-index-list ul { width: 100%;}

.proCaseCon .case-index-list ul li { float: left; width: 250px; height: 244px; border-radius: 3px; margin-left: 26px; margin-top: 22px; margin-right: 0px;}

.proCaseCon .case-index-list ul li:first-child{ margin-left: 0px;}

.proCaseCon .case-index-list ul li:hover p{ color: #3460C6;}

.proCaseCon .case-index-list .img-box { height: 161px;}

.img-box { position: relative;}

.proCaseCon .case-index-list .img-box img { display: block; width: 250px; height: 161px;}

.proCaseCon .case-index-list .info { height: 72px; overflow: hidden; background-color: #f8f8f8; transition: all .4s; border-radius: 3px;}

.proCaseCon .case-index-list .info p { line-height: 20px; font-size: 14px; padding: 16px; color: #555; height: 72px;}

/* 服务支持 */

.proSer { width: 100%; margin: 0 auto; padding: 0 56px;}

.proSerCon { margin-top: 38px; width: 100%; position: relative;}

.proDuo .proSerCon li { text-align: center; width: 192px; float: left; height: 240px; background: #F8F8F8; margin-left: 11px;}

.proDuo .proSerCon li:first-child{ margin-left: 0px;}

.proDuo .proSerCon span { display: block; font-size: 16px; line-height: 22px; color: #222222;}

.proDuo .proSerCon img{ width: 100px; height: 100px; padding-top: 44px; padding-bottom: 24px;}

.proDuo .proSerCon li:hover{ background: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);}

/* 留言 */

.proDuo .write-bill { width: 914px;}

.resat .write-bill { background: #fff; padding: 0 56px; border-bottom: none;}

.write-bill { width: 1196px; background: #f5f5f5; border-radius: 4px; margin: 40px auto 0; padding-top: 56px; padding-bottom: 56px;}

.write-kus { font-size: 14px; color: #555; line-height: 14px; padding: 42px 0 28px;}

.resat .write-bill form { padding-top: 0; padding-bottom: 0;}

.write-bill form { width: auto; margin: 0 auto; background: #fff; padding: 56px 0; border-radius: 4px;}

.form-item { margin-top: 14px; min-height: 42px; height: auto;}

.mt-56 .item-tle { width: 70px;}

.item-tle { font-size: 14px; color: #555; float: left; width: 150px; text-align: right; padding-top: 10px;}

.item-input { float: left; margin-left: 12px;}

.form-item input, .form-item select, .form-item textarea { border: 1px solid #f2f2f2;}

.item-input input { width: 300px; height: 42px; background: #f2f2f2; line-height: 42px; font-size: 14px; color: #333; text-indent: 14px;}

.item-tle span { font-size: 14px; color: #f7494b; padding-right: 3px;}

.proDuo .item-input textarea { width: 710px;}

.item-input textarea { width: 862px; height: 110px; background: #f2f2f2; color: #333; font-size: 14px; line-height: 42px; border: none; outline: none;text-indent: 14px; resize: vertical; resize: none;}

.form-but button { width: 120px; height: 42px; border-radius: 4px; color: #fff; font-size: 14px; background: #3460C6; outline: none; border: none;}

.mt-56 .form-but { margin-left: 82px; margin-top: 24px;}



/* -----------------------------------------------案例中心--------------------------------------------------------- */

/* 案例分类 */

.case-index { padding-top: 28px; line-height: 20px;}

.case-t .aside .aside-menu { width: 278px !important; padding: 28px;}

.aside .aside-menu { width: 278px; background-color: #eaeaea; border-radius: 3px; text-align: center; padding: 28px;}

.case-t .aside .aside-menu .aside-title { padding-left: 0 !important; font-size: 24px !important; height: auto !important; line-height: 24px !important; margin-bottom: 28px !important;}

.aside .aside-menu .aside-title { width: 100%; margin: 0 auto; height: 60px; line-height: 60px; font-size: 20px; color: #000020; background-color: #fff; border-radius: 3px; text-align: left; padding-left: 14px;}

.case-index .aside-title { background-color: #eaeaea !important;}

.case-index .aside-menu ul { background-color: #eaeaea !important; padding: 0 !important; margin: 0 !important;}

.case-index .aside .aside-menu a{ height: 50px; line-height: 50px;}

.case-index .aside .aside-menu{ padding: 28px !important;}

.aside .aside-menu ul { margin: 10px auto 0; border-radius: 3px;}

.aside .aside-menu li:first-child {margin-top: 0 !important}

.case-index .aside-menu li { background-color: #f5f5f5; margin-top: 8px;}

.aside .aside-menu li {  border-radius: 4px;}

.aside .aside-menu a { display: block; height: 48px; padding: 0 18px; line-height: 48px; color: #555; border-radius: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.case-className { font-size: 14px;}

.aside .show-all { height: 50px; background: url(../images/show-all.png) no-repeat center; cursor: pointer; width: 234px; position: absolute; bottom: 0px;}

.aside .show-all.cur { background: url(../images/hide-parts.png) #f5f5f5 no-repeat center;}

.aside .aside-menu li:first-child {  margin-top: 0 !important;}

.aside .aside-menu .active,.aside .aside-menu li:hover { background-color: #f8f8f8; color: #222; font-weight: bold; border-left: 5px solid #3460C6;}

.aside .aside-menu .active span,.aside .aside-menu li:hover span{ margin-left: -5px;}

.aside .show-all:hover { background-color: #f0f0f0 !important; border-left: none !important; margin-left: 0px !important;}

.case-index-list { width: 890px; margin-left: 28px;}

.case-index .case-head { margin-top: 28px;}

.case-head { position: relative;}

.case-head .title {font-size: 20px; line-height: 28px; color: #222;}

.case-index-list .list-wrap { width: 890px; overflow: hidden;padding-bottom: 24px;}

.list-wrap .no-top {  margin-top: 14px;}

.case-index .case-index-list ul li { float: left; width: 278px; height: 280px; border-radius: 3px; margin-right: 28px; margin-top: 22px;}

.case-index .case-index-list ul li img{ width: 278px; height: 208px; background: #F6F6F6;}

.case-index .case-index-list ul li:nth-child(3n){ margin-right: 0px;}

.case-index .case-index-list ul li .img-box{ height: 208px;}

.case-index .case-index-list ul li:hover{ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15); background: #ffffff;}

.case-index .case-index-list ul li:hover .info{ background: #ffffff;}

.case-index .case-index-list ul li:hover p{ color: #3460C6;}

.aside-menu-ul{ height: 572px; overflow: hidden; position: relative;}

.aside-menu-ul.cur{ height: auto !important; padding-bottom: 58px !important;}

/* 评价 */

.case_list{ height: 248px; margin-top: 70px;}

.case_list_r{ width: 280px; height: 248px; border: 8px solid #EAEAEA; padding: 22px 28px;}

.case_list_r h2{ line-height: 32px; font-size: 24px; color: #333333;}

.case_list_r span{ width: 28px; height: 2px; background: #DDDDDD; display: block; margin: 11px 0px 13px 0px;}

.case_list_r p{ color: #888888;}

.case_list_r a{ display: block; text-align: center; color: #3460C6; border: 1px solid #3460C6; width: 150px; height: 42px; line-height: 42px; border-radius: 2px; margin-top: 28px;}

.case_list_r a:hover{ background: #3460C6; color: #ffffff;}

.case_list_l{ width: 890px; height: 248px; background: #FAFAFA;}

.case_list_l .title{ line-height: 30px; font-size: 24px; padding-top: 37px; padding-left: 50px; height: 30px;}

.case_list_con{ height: 140px; margin-top: 24px; overflow: hidden;}

.case_list_con .swiper-container { width: 100%; height: 100%;}

.case_list_con .swiper-slide .case_img{ width: 182px; height: 82px; margin-left: 50px; margin-right: 20px;}

.case_list_con .swiper-slide .case_img img{ width: 182px; height: 82px;}

.case_comment{ width: 588px; height: 140px;}

.case_comment h2{ font-size: 20px; line-height: 26px; margin-bottom: 16px;}

.case_comment p{ height: 47px; overflow: hidden; color: #888888;}

.case_comment a{ color: #555555; padding-top: 25px; display: block;}

.case_comment a:hover{ color: #3460C6;}

.case_list_con .swiper-container .swiper-button-next{ background: url(../images/right.png) no-repeat center;}

.case_list_con .swiper-container .swiper-button-prev{ background: url(../images/left.png) no-repeat center; left: 0px;}

.case_list_con .swiper-container .swiper-button-next, .case_list_con .swiper-container .swiper-button-prev{ top: 40%; width: 30px; height: 60px;}



/* -----------------------------------------------案例列表--------------------------------------------------------- */

.case .aside .aside-menu { width: 202px; padding: 8px;}

.case .aside .aside-menu .aside-title { width: 100%; margin: 0px auto; height: 60px; line-height: 60px; font-size: 20px; color: rgb(0, 0, 32); background-color: rgb(255, 255, 255); border-radius: 3px; text-align: left; padding-left: 14px;}

.case-index .aside .aside-menu .aside-title{ padding-bottom: 0px !important;}

.case .aside .aside-title i { display: inline-block; width: 3px; height: 16px; background-color: #3460C6; margin-right: 10px;}

.case .aside1 .aside-menu .active span { margin-left: 0px;}

.case .aside .aside-menu ul { width: 100%; margin: 10px auto 0px; background-color: rgb(255, 255, 255); padding: 14px; border-radius: 3px;}

.case .aside .aside-menu .active { background-color: rgb(248, 248, 248); color: rgb(34, 34, 34); font-weight: bold; border-left: 0px !important;}

.case-list { margin-top: 28px; width: 750px; margin-left: 28px;}

.case-list .case-head { height: 28px;}

.case-head { position: relative;}

.case-list .case-head .title { float: left; height: 28px; line-height: 28px;}

.case-head .title {font-size: 20px; line-height: 28px; color: rgb(34, 34, 34);}

.case-list ul { margin-top: 20px;}

.case-list li:first-child { margin-top: 0px;}

.case-list li { height: 135px; margin-top: 28px;}

.case-list li .img-box { float: left; width: 180px; height: 135px; border-radius: 3px;}

.case-list li a:hover{ color: #3460C6;}

.case-list .img-box img { width: 180px; height: 135px;}

.case-list .info a:hover { color: #3460C6;}

.case-list .info .tit { font-size: 16px; color: rgb(34, 34, 34);margin-top: 0px;}

.case-list .desc { font-size: 14px; line-height: 22px; color: rgb(153, 153, 153); margin-top: 15px; height: 44px; overflow: hidden;}

.case-list .info .detail-link { display: block; margin-top: 15px; font-size: 14px; color: rgb(85, 85, 85);}

.case-list li .info { float: left; margin-left: 18px; width: 542px; overflow: hidden;}

.case-list .u-paging { margin-top: 40px;}

.u-paging { height: 38px; margin: 28px auto 0px; text-align: center;}

.u-paging .current { background: #3460C6; color: rgb(255, 255, 255);}

.u-paging a { display: inline-block; width: 38px; height: 38px; background-color: rgb(234, 234, 234); color: rgb(148, 148, 148); vertical-align: middle; line-height: 40px; font-size: 16px; margin-right: 10px; border-radius: 4px;}

.u-paging .next { background: #eaeaea url(../images/jt_r.png) no-repeat center center;}

.u-paging .prev { background: #eaeaea url(../images/jt.png) no-repeat center center;}

.case-form { width: 200px; margin-top: 76px;}

.case-form form { background-color: #f5f5f5; width: 200px; padding: 18px 14px;}

.case-form .seek { display: block; width: 199px; height: 48px; margin-top: 14px; font-size: 14px; color: #3460C6; line-height: 46px; border: 1px solid #3460C6; border-radius: 4px; text-align: center; transition: all .4s;}

.case-form .seek:hover{ background: #3460C6; color: #ffffff;}

.case-form .title { font-size: 14px;color: #222;}

.form-item { margin-top: 14px;}

.case-form p { font-size: 14px; color: #999; line-height: 26px;}

.case-form input { background-color: #fff; padding: 0 14px; width: 172px; height: 28px; border: 1px solid #ebebeb;}

.case-form button { width: 172px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 14px; background-color: #3460C6; border-radius: 3px; margin-top: 25px;}

.case-form .foot { font-size: 14px; color: #999999; line-height: 16px; margin-top: 11px;}



/* -----------------------------------------------案例详情--------------------------------------------------------- */

.case-inner {  width: 968px;}

.case-name {  padding: 24px 0px; height: 28px;}

.case-name .tit { font-size: 24px; color: rgb(0, 0, 0); line-height: 1;}

.case_show .case-desc { background-color: rgb(248, 248, 248); padding: 28px 28px 20px;}

.case_show .case-desc .img-box { width: 180px; height: 80px; margin-right: 18px;}

.case_show .case-desc .img-box img {  display: block; width: 180px; height: 80px; margin: 0px auto;}

.case_show .case-custom-info { width: 328px;}

.case_show .case-custom-info h3 { font-size: 18px; line-height: 22px;}

.case_show .case-custom-info p { font-size: 14px; color: rgb(153, 153, 153);  line-height: 24px;  margin-top: 12px;  width: 100%;  overflow:unset; white-space: unset;}

.case_show .hr {height: 1px; width: 100%; background: url(../images/line-bg.png) repeat-x; margin-top: 28px;}

.case_show .case-custom-clo { font-size: 14px; color: rgb(153, 153, 153); margin-top: 20px;}

.case_show .case-custom-clo li { line-height: 36px; height: 36px; width: 100%;}

.case_show .custom-clo-left { width: 380px;}

.case_show .case-custom-clo span {color: rgb(85, 85, 85);  padding-left: 10px; width: 300px;}

.case_show_con{ height: auto; margin-top: 56px;}

.case_show_con img{ max-width: 100%; height: auto;}

.case-intro { margin-top: 44px;}

.detail-title { position: relative;}

.detail-title { font-size: 24px; line-height: 24px; color: rgb(34, 34, 34); padding-bottom: 22px; border-bottom: 1px solid rgb(232, 232, 232); position: relative;}

.detail-title .line { width: 46px; height: 3px; background-color: #3460C6; position: absolute; left: 0px; bottom: -1px;}

.line { width: 30px; height: 2px; margin-top: 28px; background: rgb(221, 221, 221);}

.case-intro .detail-text { font-size: 14px; line-height: 2; color: rgb(85, 85, 85); margin-top: 35px; margin-bottom: 42px;}

.tags-module {padding: 15px 0px;}

.tags-module ul li { float: left; width: 968px;}

.tags-module ul li a { max-width: 180px; float: left; margin-top: 8px; font-size: 12px; text-align: center; border: 1px solid #3460C6; padding: 0px 10px; color: #3460C6; border-radius: 4px; transition: all 0.36s ease 0s; margin-right: 10px; height: 32px; line-height: 32px;}

.relate-pro { margin-top: 28px;}

.related-pro .img-box { width: 100px; height: 100px;}

.case-inner img { max-width: 100%;}

.nav-mark .relate-pro .info { width: 360px; padding-top: 0px; margin-left: 24px;}

.relate-pro .info .pro-name { font-size: 16px; color: rgb(34, 34, 34); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1;}

.related-pro .pro-name a { font-size: 16px; color: rgb(34, 34, 34);}

.related-pro .arg { margin-top: 15px;}

.relate-pro .arg { font-size: 14px; color: rgb(136, 136, 136); height: 24px; width: 100%; overflow: hidden; margin-top: 18px;}

.relate-pro .arg span { display: inline-block; padding-left: 40px; background: url(../images/eec.png) left center no-repeat; margin-right: 14px;}

.related-pro .links {  margin-top: 15px;}

.relate-pro .links { height: 28px;  margin-top: 14px;}

.relate-pro .links a:first-child { margin-left: 0px; background: rgb(255, 255, 255); color: #3460C6; border: 1px solid #3460C6;}

.related-pro .links .active { background: #3460C6; color: rgb(255, 255, 255); border: 1px solid #3460C6;}

.related-pro .links a { padding: 0px 22px; line-height: 28px; height: 28px; margin-left: 8px; background-color: rgb(250, 250, 250); color: rgb(85, 85, 85); border: 1px solid rgb(221, 221, 221); transition: all 0.4s ease 0s; display: block; float: left; border-radius: 3px; text-align: center;}

.changePage { width: 968px;  height: 80px; border-radius: 4px; margin-top: 20px;}

.changePage .prev {  border-radius: 4px 0px 0px 4px;}

.changePage a { display: block; float: left; width: 50%; height: 80px; line-height: 80px; font-size: 14px; color: rgb(34, 34, 34); padding: 0px 18px;  background-color: rgb(248, 248, 248); transition: all 0.4s ease 0s;}

.changePage span { color: rgb(153, 153, 153); transition: all 0.4s ease 0s;}

.changePage .prev p, .changePage .next span {  margin-left: 14px;}

.changePage p { max-width: 350px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}

.changePage .next { border-radius: 0px 4px 4px 0px;}

.changePage a:hover, .changePage a:hover span { color: rgb(255, 255, 255); }

.changePage a:hover { background-color: #3460C6; }

.detail-title .head-post {  position: absolute;  right: 0px; top: -35px;}

.head-post { float: right;font-size: 14px;}

.relate-case { padding-top: 56px;}

.head-post a { color: rgb(153, 153, 153); padding-right: 24px; background: url(../images/mro.png) right center no-repeat; margin-top: 42px;display: block;}

.detail-title .head-post span {  color: rgb(85, 85, 85);}

.relate-case ul { margin: 28px 0px 0px; }

.relate-case .title { font-size: 24px; line-height: 1; color: rgb(34, 34, 34); position: relative; }

.relate-case .title .head-post { position: absolute; top: -25px; right: 0px; }

.relate-case li { float: left; width: 304px; height: 304px; border-radius: 3px; margin-left: 25px; overflow: hidden; border: 1px solid transparent; }

.relate-case li:first-child { margin-left: 0px; }

.relate-case li .img-box { width: 304px; height: 228px; }

.relate-case li .img-box img{ width: 304px; height: 228px; }

.relate-case li .info { background-color: rgb(248, 248, 248); color: rgb(85, 85, 85); transition: all 0.4s ease 0s; height: 76px; width: 100%; line-height: 20px; font-size: 16px; padding: 18px; }

.relate-case li .info p { height: 40px; overflow: hidden; overflow-wrap: break-word; }

.relate-case li:hover .info { background-color: rgb(255, 255, 255); color: #3460C6; }

.relate-case li:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px 0px; border: 1px solid rgb(232, 232, 232); }

.case-nav { width: 200px; background-color: rgb(255, 255, 255); margin-top: 75px; position: relative; z-index: 999;}

.case .aside .aside-menu { width: 202px; padding: 8px;}

.case-nav .aside .aside-title { height: 55px; line-height: 55px; background-color: rgb(245, 245, 245) !important; padding-left: 6px;}

.case-nav .aside-menu ul { width: auto; padding: 0px !important; margin-top: 0px !important; background-color: rgb(245, 245, 245) !important;}

.case-nav .aside .active,.case-nav .aside li:hover{border: 0px; background-color: rgb(255, 255, 255) !important;}

.case-nav li:hover {background: url(../images/case-nav-hover.png) left center no-repeat rgb(248, 248, 248); font-weight: bold; color: rgb(34, 34, 34);}

.case-nav li.active { background: url(../images/case-nav-hover.png) left center no-repeat;}

.aside .aside-menu li { border-radius: 4px;}

.case-nav li { font-size: 14px; display: block; height: 48px; line-height: 48px; cursor: pointer; text-align: left; padding-left: 28px; transition: all 0.4s ease 0s; background: url(../images/case-nav-normal.png) left center no-repeat;}

.aside .aside-guide a { display: block; width: 200px; margin-top: 10px; height: 42px; line-height: 42px; border: 1px solid rgb(232, 232, 232); border-radius: 3px; background-color: rgb(255, 255, 255); text-align: center; font-size: 14px;color: rgb(34, 34, 34);transition: all 0.4s ease 0s;}

.case-nav .aside-guide a { background-color: rgb(255, 255, 255); border: 1px solid #3460C6;color: #3460C6;}

.case-nav .aside-guide a:hover{ color: #FFFFFF; background: #3460C6;}

.case-nav .aside-guide a.cur{ color: #FFFFFF; background: #3460C6;}

.case-nav .aside-menu { width: 200px; padding: 0px 14px 14px; background-color: rgb(245, 245, 245);}

.fixed_r { position: fixed; top: 0px !important; z-index: 10000;}

.case_show{ position: relative;}



/* -----------------------------------------------新闻中心--------------------------------------------------------- */

/* 公司新闻 */

.company-news { padding-bottom: 50px; border-bottom: 1px solid rgb(234, 234, 234);}

.mouse{  padding-bottom: 25px;}

.company-news { width: 1196px; margin: 0px auto;}

.news-play { margin-top: 0px;}

.news-head { height: 90px; margin-top: 25px;}

.head-title { font-size: 30px; line-height: 90px; color: rgb(34, 34, 34); float: left;}

.cop-hot { width: 1196px; height: 308px; background: rgb(246, 246, 246);}

.cop-img { width: 612px;height: 308px; float: left;}

.cop-img img { width: 612px; height: 308px; overflow: hidden; border-radius: 4px;}

.cop-main { float: left; width: 500px; margin-left: 40px;}

.cop-time { font-size: 30px; color: rgb(153, 153, 153); padding-top: 40px;}

.cop-title { padding-top: 5px; padding-bottom: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.cop-tex { font-size: 14px; color: rgb(153, 153, 153); line-height: 20px; height: 60px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

.cop-post { margin-top: 40px;}

.cop-post a {  width: 160px;  height: 38px;color: rgb(255, 255, 255); line-height: 38px; text-align: center; background: #3460C6; display: block; border-radius: 4px;}

.cops-list { overflow: hidden; margin-top: 28px;}

.cops-box { float: left; width: 271px; margin-left: 37px;}
.cops-list a:first-child{ margin-left: 0px;}

.cops-img {width: 278px; height: 140px; overflow: hidden; border-radius: 4px;}

.cops-img img { width: 270px;height: 140px;}

.cops-img img { max-height: 140px; max-width: 278px;}

.cops-tle { font-size: 16px; color: rgb(85, 85, 85); padding-top: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.cops-tle:hover{ color: #3460C6;}

.cops-time { margin-top: 5px; color: rgb(153, 153, 153);}

/* 行业资讯 */

.industry-news { background: rgb(244, 244, 247); padding-bottom: 56px;}

.news-head { height: 90px; margin-top: 25px;}

.industry-cont { height: 308px;}

.industry-img {float: left;  width: 612px;  height: 308px;  overflow: hidden; border-radius: 4px;}

.industry-img img{ width: 612px; height: 308px; border-radius: 4px;}

.industry-list { width: 548px; float: left; margin-left: 36px;}

.industry-box { height: 103px; border-bottom: 1px solid rgb(221, 221, 221);}

.industry-left { width: 400px; float: left; padding-top: 18px; background: url(../images/dian.png) 0px 27px no-repeat;}

.industry-tle { display: block; font-size: 16px; color: rgb(102, 102, 102); margin-left: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.industry-tex { font-size: 14px; color: rgb(153, 153, 153); padding-top: 8px; line-height: 20px; margin-left: 16px; height: 40px; overflow: hidden;}

.industry-time { font-size: 42px; color: rgb(153, 153, 153); line-height: 42px; float: right; text-align: center; padding-top: 25px;}

.industry-time span { font-size: 14px; color: rgb(153, 153, 153); display: block; line-height: 12px; padding-top: 4px; text-align: center;}

.industry-tle:hover{ color: #3460C6;}

.head-post a:hover{ color: #3460C6;}

/* 市场洞察 */

.activity-box { width: 584px; height: 140px; background: rgb(246, 246, 246); float: left; overflow: hidden; border-radius: 4px; margin-bottom: 24px;}

.activity-box:nth-child(2n){ float: right;}

.activity-img {  width: 280px; height: 140px; float: left;}

.activity-img img { width: 280px; height: 140px;}

.activity-cont { width: 242px; margin-left: 28px; float: left;}

.activity-title { padding-top: 28px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.activity-time { font-size: 14px; color: rgb(153, 153, 153); padding-top: 2px; padding-bottom: 7px;}

.activity-tex { font-size: 14px; color: rgb(153, 153, 153); line-height: 20px; height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.activity-title a{ font-size: 16px;}

.activity-title a:hover{ color: #3460C6;}



/* -----------------------------------------------新闻列表--------------------------------------------------------- */

.news-structure { padding-bottom: 56px;}

.new-list .structure-left {  width: 200px;}

.structure-left {width: 278px; background: #f5f5f5; border-radius: 4px; float: left; padding-bottom: 8px; padding-top: 8px;}

.new-list .structure-head { width: 184px;}

.structure-head { width: 262px; height: 60px; margin: 0 auto; border-radius: 4px; font-size: 20px; color: #000020; line-height: 60px; background: #fff url(../images/zhi.png) no-repeat 20px center;}

.structure-head span { padding-left: 32px;}

.new-list .structure-nav { width: 184px;}

.structure-nav { width: 262px; margin: 10px auto 0; background: #fff; padding: 14px 0; border-radius: 4px;}

.new-list .structure-nav a { width: 156px;}

.structure-nav a { font-size: 16px; color: #666; display: block; border-radius: 4px; width: 234px; height: 48px;line-height: 48px; text-indent: 18px; margin: 0 auto; margin-top: 10px; border: 1px solid #3460C6;}

.structure-right { float: left; margin-left: 28px;}

.news-head-title { font-size: 24px; color: #222; line-height: 24px; padding: 28px 0;}

.structure-box { width: 968px; height: 168px; background: #f6f6f6; margin-bottom: 28px;}

.hyz-xs .no-img .structure-cont { width: 620px;}

.hyz-xs .structure-cont { width: 906px;}

.structure-cont { width: 530px;float: left; margin-left: 28px;}

.structure-title { padding-top: 28px; padding-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.structure-title a { font-size: 18px; color: #555; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.structure-title a:hover{ color: #3460C6;}

.hyz-xs .no-img .structure-tex {  width: 620px;}

.hyz-xs .structure-tex { width: 906px;}

.structure-tex { font-size: 14px; line-height: 20px; height: 40px; color: #999; width: 500px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.structure-right .no-img .structure-bottom { width: 838px;}

.structure-bottom { margin-top: 26px;}

.structure-time { font-size: 14px; color: #999; float: left;}

.structure-img { width: 280px; height: 140px; float: left; margin: 14px 0 0 28px; display: block;}

.structure-img img { width: 280px; height: 140px;}

.structure-nav .active,.structure-nav a:hover { background: #3460C6; font-weight: 700; color: #ffffff;}



/* -----------------------------------------------新闻详情--------------------------------------------------------- */

.news_show .structure-head { width: 184px; height: 60px; font-size: 20px; color: rgb(0, 0, 32); line-height: 60px; padding-left: 34px; margin: 0px auto; border-radius: 4px; text-align: left;background: url(../images/zhi.png) 20px center no-repeat rgb(255, 255, 255);}

.news_show .structure-head span { padding-left: 0px;}

.news_show  .structure-nav { width: 155px; margin: 0px auto 0px; background: rgb(255, 255, 255); padding: 0px; border-radius: 4px;}

.news_show  .aside .aside-menu a { display: block; width: 100%; height: 48px; padding: 0px 18px; line-height: 48px; color: rgb(85, 85, 85);  border-radius: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news_show .structure-nav a { overflow: hidden; text-align: left; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: rgb(102, 102, 102); display: block; height: 40px !important; line-height: 40px !important; text-indent: 0px; border-radius: 4px; margin: 10px auto 0px; border-width: 1px; border-style: solid; border-color: #3460C6; border-image: initial;}

.news_show .structure-nav a:hover{ color: #FFFFFF;}

.heng { height: 22px; background-color: rgb(234, 234, 234);}

.fjkuan { width: 968px !important; margin-top: 15px;}

.details-title { font-size: 30px; color: rgb(34, 34, 34); text-align: center; padding-top: 16px;}

.details-time { font-size: 14px; color: rgb(153, 153, 153); text-align: center; padding-bottom: 25px;}

.details-all { border-left: 0px solid rgb(246, 246, 246); border-right: 0px solid rgb(246, 246, 246); border-bottom: 0px solid rgb(246, 246, 246);  padding-bottom: 16px;}

.details-text { border: 8px solid rgb(246, 246, 246); width: 968px; padding: 20px; margin: 0px auto; margin-top: 12px;}

.head-post a:hover span{ color: #3460C6;}

.news-groom { padding-bottom: 20px; margin-top: 40px;}

.news-groom .no-left { margin-left: 0px;}

.groom-left { width: 465px!important;}

.groom-left { width: 584px; float: left; margin-left: 28px;}

.groom-title { font-size: 30px; color: rgb(34, 34, 34); float: left;}

.groom-left .head-post a {  margin-top: 18px;}

.groom-top .head-post a { margin-top: 24px;}

.groom-nol { margin-top: 22px;}

.groom-img { width: 230px; height: 116px; float: left;}

.groom-img img { width: 230px; height: 116px;}

.nol-cont { width: 212px!important;}

.nol-cont { float: left;  width: 334px; margin-left: 20px;}

.nol-tle { padding-top: 6px;}

.nol-tle a { width: 218px!important;}

.nol-tle a {  font-size: 16px; color: rgb(102, 102, 102); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 350px; display: inline-block;}

.nol-time { font-size: 14px; color: rgb(102, 102, 102); padding: 7px 0px;}

.nol-tex { font-size: 14px; height: 40px; color: rgb(153, 153, 153); line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.nol-list .no-bor { border: none;}

.nol-list li { height: 58px;line-height: 58px; border-top: 1px solid rgb(229, 229, 229); background: url(../images/dian.png) 0px center no-repeat;}

.nol-list li a { margin-right: 25px!important;  width: 342px!important;  overflow: hidden!important;  display: block!important;  text-overflow: ellipsis!important;white-space: nowrap!important; float: left!important; color: rgb(102, 102, 102); padding-left: 15px;}

.nol-list span { float: left!important;}

.nol-list span { color: rgb(153, 153, 153); font-size: 14px; float: right;}

.groom-top{ height: 45px;}

.sijiayi { margin-bottom: 19px;}

.news_show .relate-case li:first-child { margin-left: 0px;}

.news_show .so-relate-case ul li { width: 304px;}

.news_show .so-relate-case li .img-box { height: 227px; width: 304px;}

.news_show .relate-case li .info { padding: 3px; height: 24px;}

.news_show .relate-case li .info { background-color: #fff;}

.news_show .relate-case li .info p { height: 20px; overflow-wrap: break-word; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.news_show .text_abx { font-size: 13px; color: #999; line-height: 26px; padding-left: 3px;}

.news_show .text_abx span { color: #666;}

.news_show .relate-case li:hover{ box-shadow: none; border-color: #ffffff;}

.nol-list li a:hover{ color: #3460C6;}

.nol-tle li a:hover{ color: #3460C6;}



/* -----------------------------------------------服务支持--------------------------------------------------------- */

/* banner */

.service_banner{ height: 380px; background: url(../images/ser_banner.jpg) center no-repeat; text-align: center;}

.service_banner p{ line-height: 380px; color: #FFFFFF; font-size: 42px; font-weight: bold;}


/* 服务承诺 */

.service_top{ height: 348px; background: url(../images/service_bj.jpg) center no-repeat;}

.service_top h2{ height: 40px; line-height: 40px; font-size: 30px; padding-top: 37px; text-align: center;}

.service_top ul{ width: 743px; margin: 0 auto;  margin-top: 37px;}

.service_top ul li{ width: 140px; float: left; text-align: center;}

.service_top ul li .service_top_q{ width: 140px; height: 140px; border-radius: 50%; border: 10px solid #3460C6;}

.service_top ul li .service_top_q h2{ font-size: 30px; color: #3460C6; line-height: 40px; padding-top: 30px;}

.service_top ul li .service_top_q p{ color: #999999; padding-top: 7px;}

.service_top ul li h6{ font-size: 16px; margin-top: 10px;}

.service_top ul i{ float: left; width: 80px; height: 1px; background: #EAEAEA; margin: 0px 40px; margin-top: 70px;}

/* 服务支持 */

.service_con{ height: auto;}

.service_con h2{ height: 40px; line-height: 40px; font-size: 30px; padding-top: 37px; text-align: center;}

.service_comment{ margin-top: 48px; height: auto;}

.service_comment ul li{ text-align: center; border: 8px solid #F8F8F8; border-radius: 2px; width: 382px; height: 336px; float: left; margin-right: 27px; margin-bottom: 30px;}

.service_comment ul li:nth-child(3n){ margin-right: 0px;}

.service_comment ul li img{ width: 86px; height: 86px; padding-top: 31px; margin-bottom: 17px;}

.service_comment ul li h4{ font-size: 20px; line-height: 26px; margin-bottom: 9px;}

.service_comment ul li p{ line-height: 19px; color: #999999; width: 307px; margin: 0 auto;}

.service_comment ul li a{ border: 1px solid #3460C6; color: #3460C6; border-radius: 4px; margin: 0 auto; margin-top: 42px; width: 208px; height: 36px; line-height: 36px; display: block;}

.service_comment ul li a:hover{ background: #3460C6; color: #ffffff;}

/* 实力雄厚，合作保障 */

.service_dw{ background: #F6F6F6; margin-top: 30px; height: 775px;}

.service_dw h2{ font-size: 30px; padding-top: 47px;}

.service_dw_con{ height: 280px; background: #ffffff; margin-top: 36px;}

.service_dw_con img{ width: 482px; height: 280px;}

.service_dw_con_r{ width: 718px; height: 280px; padding: 53px;}

.service_dw_con_r h4{ font-size: 18px;}

.service_dw_con_r p{ color: #999999; margin-top: 14px;}

.service_dw_con_r a{ margin-top: 38px; border: 1px solid #3460C6; border-radius: 4px; width: 160px; height: 38px; display: block; text-align: center; color: #3460C6; line-height: 38px;}

.service_dw_con_r a:hover{ background: #3460C6; color: #ffffff;}



/* -----------------------------------------------关于我们--------------------------------------------------------- */

/* 了解卡松化工 */

.about_top{ height: auto; padding-top: 60px;}

.about_top h2{ line-height: 40px; font-size: 30px; text-align: center;}

.about_top_con{ height: 370px; margin-top: 46px;}

.about_top_con img{ float: left; height: 370px; width: 562px;}

.about_top_cr{ width: 537px; height: 370px; overflow: hidden;}

.about_top_cr p{ height: auto; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #DDDDDD; line-height: 24px; color: #555555;}

.about_top_cr h6{ line-height: 24px; color: #999999;}

.about_top_cr a{ text-align: center; width: 180px; height: 50px; line-height: 50px; color: #3460C6; border: 1px solid #3460C6; display: block; border-radius: 4px; margin-top: 20px;}

.about_top_cr a:hover{ background: #3460C6; color: #ffffff;}

/* 实力雄厚，合作保障 */

.about_bz{ height: 800px; margin-top: 100px; background: url(../images/about_bj1.jpg) center no-repeat; padding-top: 57px;}

.about_bz_con{ height: 685px; background: #FFFFFF; padding: 50px 60px;}

.about_bz_con h2{ text-align: center; font-size: 30px; line-height: 40px;}

.about_bz_con h3{ line-height: 24px; color: #555555; height: 91px; margin-top: 37px;}

.about_bz_con ul{ margin-top: 30px; height: 285px;}

.about_bz_con ul li{ width: 244px; height: 258px; float: left; text-align: center; margin-right: 34px;}

.about_bz_con ul li:last-child{ margin-right: 0px;}

.about_bz_con ul li img{ width: 244px; height: 244px;}

.about_bz_con ul li p{ line-height: 21px; padding-top: 18px; font-size: 16px; color: #555555;}

.about_bz_con_a{ margin: 0 auto; margin-top: 45px; display: block; width: 210px; height: 50px; line-height: 50px; border: 1px solid #3460C6; border-radius: 4px; text-align: center; color: #3460C6;}

.about_bz_con_a:hover{ background: #3460C6; color: #ffffff;}

.about_bz_con ul li:hover p{ color: #3460C6;}

/* 环保与责任 */

.about_hb{ height: auto; margin-top: 48px;}

.about_hb h2{ font-size: 30px; text-align: center;}

.about_hb p{ width: 1084px; margin: 0 auto; height: 93px; line-height: 24px; color: #555555; margin-top: 55px; text-align: center;}

.about_hb img{ width: 100%; margin-bottom: 37px; height: 332px; margin-top: 42px;}

.about_hb a{ margin: 0 auto; display: block; width: 210px; height: 50px; line-height: 50px; border: 1px solid #3460C6; border-radius: 4px; text-align: center; color: #3460C6;}

.about_hb a:hover{ background: #3460C6; color: #ffffff;}

/* 全流程服务承诺，贴心快速 */

.about_cn{ height: 790px; margin-top: 100px; background: url(../images/about_bj2.jpg) center no-repeat; padding-top: 54px;}

.about_cn_con{ height: 682px; background: #ffffff; padding: 50px 58px;}

.about_cn_con h2{ font-size: 30px;  line-height: 40px; text-align: center;}

.about_cn_con p{ height: 67px; line-height: 24px; color: #555555; text-align: center; margin-top: 38px; margin-bottom: 30px;}

.about_cn_con a{ margin: 0 auto; display: block; width: 210px; height: 50px; line-height: 50px; border: 1px solid #3460C6; border-radius: 4px; text-align: center; color: #3460C6;}

.about_cn_con a:hover{ background: #3460C6; color: #ffffff;}

.about_cn_con ul{height: 300px; margin-bottom: 44px;}

.about_cn_con ul li{ float: left; height: 300px; border-radius: 4px; background: #F8F8F8; width: 342px; overflow: hidden; margin-left: 29px;}

.about_cn_con ul li:first-child{ margin-left: 0px;}

.about_cn_con ul li img{ width: 100%; height: 180px; margin-bottom: 15px;}

.about_cn_con ul li h3{ color: #555555; font-size: 18px; line-height: 24px; text-align: center;}

.about_cn_con ul li h6{ width: 282px; color: #999999; line-height: 18px; margin: 0 auto; margin-top: 10px;}

/* 荣誉资质 */

.about_ry{ height: auto; margin-top: 50px;}

.about_ry h2{ text-align: center; font-size: 30px; line-height: 40px;}

.about_ry ul{ height: 400px; margin-top: 40px;}

.about_ry ul li{ height: 400px; float: left; width: 276px; margin-left: 31px; text-align: center;}

.about_ry ul li:first-child{ margin-left: 0px;}

.about_ry ul li p{ line-height: 21px; font-size: 16px; color: #555555; margin-top: 13px;}

.about_ry ul li img{ width: 100%; height: 356px;}




.case-index-list .nominate-box {
    display: block;
    float: left;
    margin-right: 26px;
}

.case-index-list .nominate-img {
    width: 250px;
    height: 250px;
}

.case-index-list .nominate-img img {
    width: 250px;
    height: 250px;
}

.case-index-list .nominate-title {
    width: 248px;
}
.case-index-list .nominate-title {
    font-size: 16px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 16px;
    width: 250px;
}
.case-index-list .focal {
    margin-top: 18px;
}

.case-index-list .focal a,.case-index-list  .focal span {
    float: left;
    height: 30px;
    color: #999999;
    text-align: center;
    line-height: 30px;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    padding: 0 20px;
    margin-left: 4px;
    background: #F5F5F5;
    transition: .36s ease;
}

.case-index-list .focal a {
    padding: 0 15px;
}
.case-index-list .focal .no-left {
    background: #3460C6;
    color: #ffffff;
    border: 1px solid #3460C6;
    margin-left: 0;
}




.submit_form{ margin-top:15px; margin-left:36px;}
.proBtn3{ float:left; margin-left:30px; height: 48px;}


.proBtn3 a{display: inline-block;
    height: 48px;
    background: #f5580d;
    line-height: 48px;
    width: 140px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    float: left;
    border-radius: 4px;
    color: #fff; transition:all .3s;
}
.proBtn3 a:hover{background: #3460C6; color: #ffffff;}





.footer_img{ height:136px; position:fixed; bottom:0px; z-index:999999; min-width:1200px; background:url(../images/kasong.png) center no-repeat;}
.kasong_footer{ width:100%; height:100%; display:block;}
.kasong_footer_x{ width:30px; height:auto; position:absolute; z-index:10; right:20px; top:0px;}
.pagination li{display:initial;}
.pagination li a{font-size:16px;width:60px;}
.ssin{
    width: 300px;
    height: 35px;
    margin-top: 20px;
    margin-left: 50px;
    padding-left: 10px;
}
.ssbt{
    height: 35px;
    margin-left: -4px;
    padding-top: 0px;
    width: 80px;
}




.shporh{
    width: 75%;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 10px;

}
.shpoleft{
    width: 25%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 10px;
}
.shtit{
    height: 85px;
    background: white;
    line-height: 85px;
    text-align: center;
    font-size: 20px;
    color: #222222;
    font-weight: bold;
}
.shtop {
    border: 1px solid #EAEAEA;
}
.shtop ul{
    padding: 30px 20px 20px;
    border-top: 1px solid #EAEAEA;
    background-color: white;
}
.shtop ul li{
    margin-top: 5px;
    float: left;
    width: 100%;
    margin-left: 1px;
}
.classItema{
    overflow: hidden;
    position: relative;
    height: 50px;

}
.classItema a{
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    background-color: #f6f6f6;
    padding: 14px 23px;
    color: #555555;
    transition: 0.36s;
}
.classItema i {
    line-height: 62px;
    color: #999;
    text-align: right;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 3px;
    height: 18px;
    background: #DDDDDD;
    right: unset;
    transition: 0.36s;
}
.shtop .active .classItema a, .classItema:hover a {
    background-color: #3460C6;
    color: #fff;
}
.shtop .active .classItema i, .classItema:hover i {
    height: 100%;
    background-color: #FF550C;
}
.shbut{
    margin-top: 20px;
    border: 1px solid #EAEAEA;
    background: white;
}
.sdci-ewm {
    padding: 30px;
    text-align: center;
    border-bottom: 1px solid #EAEAEA;
}
.side-continfo .text {
    font-size: 14px;
    line-height: 22px;
    color: #555555;
}
.sdci-ewm .item-main {
    margin: 15px auto 0;
}
.sdci-ewm .item-main img {
    width: 100%;
}
.sdci-way {
    padding: 30px;
}
.sdci-way .item {
    margin-top: 15px;
    font-size: 0;
}
.sdci-way .item:first-child {
    margin-top: 0;
}
.sdci-way i {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 15px;
}
.sdci-way .ico-tel {
    background: url(../images/sdci-tel.png) no-repeat center center;
    background-size: cover;
}
.sdci-way .ico-em {
    background: url(../images/sdci-em.png) no-repeat center center;
    background-size: cover;
}
.sdci-way .item-info {
    display: inline-block;
    vertical-align: middle;
    max-width: 170px;
    font-size: 18px;
    line-height: 28px;
    color: #222222;
    font-weight: bold;
}
.sdci-way .text {
    margin-top: 30px;
}
.sdci-way .item-btn {
    margin-top: 15px;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn {
    border-radius: 0;
    height: 50px;
    line-height: 36px;
    transition: 0.3s;
}
.btn-red {
    background-color: #FF550C;
    color: #fff;
}
.sdci-way .item-btn .btn {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.marktext{
    text-align: center;
}