@charset "utf-8";
/* CSS Document */


/*common*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, p, th, td {margin: 0; padding: 0;}
body, td, th {color: #444; font-family: "微软雅黑"; font-size: 14px;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
li, dt, dd {list-style: none;}
a {color:inherit; text-decoration:none; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}
a:hover { color:inherit; /*color:#2c88d8;*/ text-decoration:none;}
img {border:0; vertical-align:middle;}
.clear {clear:both;}
.hide {display:none;}
.f-fl{float: left;}
.f-fr{float: right;}
.c_mp{ padding: 0 !important; margin: 0 !important;}




/*body*/
body {background:#ffffff; }







		
	.news_panel {background:url(news_bg.jpg) center top no-repeat; background-attachment: fixed; height:750px; width:100%; min-width:1200px; overflow:hidden;}
	    .news_panel .news_nav { text-align:center; overflow:hidden;}
		    .news_panel .news_nav a { width:160px; height:40px; line-height:40px; background:#ffffff; color:#666666; font-size:16px; display:inline-block; margin-left:1px;}
			    .news_panel .news_nav a:hover {background:#eeeeee; color:#666666;}
				.news_panel .news_nav a.hover {background:#207dc7; color:#ffffff;}
				     .news_panel .news_nav a.hover:hover {background:#2c88d8; color:#ffffff;}


.news_panel .news_container{margin-top: 30px; overflow: hidden; width: 1200px; height: 460px; }
.news_panel .news_container .news_left{float: left; overflow: hidden;}
.news_panel .news_container .news_left .news-text{padding: 10px; width: 280px; height: 360px; background-color: rgba(255,255,255,0.9);  float: left; margin-right: 10px;}
.news_panel .news_container .news_left .news-text .g-img{width: 100%; height: 180px; overflow: hidden; text-align:center}
.news_panel .news_container .news_left .news-text .g-img img{max-width: 100%;  transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}
.news_panel .news_container .news_left .news-text .g-img img:hover{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_panel .news_container .news_left .news-text .m-text{padding: 25px 15px 15px; font-size: 14px;}
.news_panel .news_container .news_left .news-text .m-text .g-tt{font-size: 16px; color: #333333; width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_panel .news_container .news_left .news-text .m-text .g-tt a{ color: #333333; }
.news_panel .news_container .news_left .news-text .m-text .g-text{color: #888888; margin: 15px 0; width: 100%; height: 60px;  line-height: 20px; overflow:hidden; }
.news_panel .news_container .news_left .news-text .m-text .g-more{color: #666666; text-decoration: underline; }

.news_panel .news_container .news_right{float: right; overflow: hidden; background-color: rgba(255,255,255,0.9); padding: 20px 30px; width: 520px; height: 340px; }
.news_panel .news_container .news_right .news_text{border-bottom: 1px solid #E7E7E7; padding: 15px 0; overflow: hidden; }
.news_panel .news_container .news_right .news_text .time{ width: 80px; float: left; text-align: center; color: #999999; margin-right: 20px; font-size: 14px;}
.news_panel .news_container .news_right .news_text .time .g-d{ font-size: 60px; line-height: 50px; margin-bottom: 8px; }
.news_panel .news_container .news_right .news_text .m-text{float: left; width: 420px;}
.news_panel .news_container .news_right .news_text .m-text .g-tt{ font-size: 16px; margin-bottom: 10px; width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_panel .news_container .news_right .news_text .m-text .g-tt a{ color: #333333;}
.news_panel .news_container .news_right .news_text .m-text .g-text{color: #888888; height: 40px; font-size: 14px; line-height: 20px; overflow: hidden;}
.news_panel .news_container .news_right .news_list{padding-top: 20px; padding-left: 10px;}
.news_panel .news_container .news_right .news_list li{ background: url(h_ico1.png) center left no-repeat; font-size: 14px; width: 100%; overflow: hidden; height: 28px; line-height: 28px; text-indent: 1em;}
.news_panel .news_container .news_right .news_list li a{color: #666666;}
.news_panel .news_container .news_right .news_list li span{color: #999999;}

.clients_panel{height: 570px; width: 100%; background: url(h_clients_bj.jpg) no-repeat center; overflow: hidden;  position: relative;}
.clients_panel .home_container .h_h1,.clients_panel .home_container .h_h2{color: #ffffff;}
.clients_panel .home_container .h_h1 span{ opacity: 0.6; color: #ffffff;}
.clients_panel .clients_container{height: 160px; width: 100%; overflow: hidden; margin-top: 80px;}
.clients_panel .clients_left{float: left; overflow: hidden; height: 160px; }
.clients_panel .clients_left .m-text{height: 160px; float: left; overflow: hidden; padding: 0 38px; text-align: center; color: #ffffff; font-size: 16px;}
.clients_panel .clients_left .m-text .number{width: 100%; height: 120px; line-height: 120px; position: relative; }
.clients_panel .clients_left .m-text .number .num_ico{font-size: 16px; font-weight: bold; color: #ffffff; position: absolute; top: 0; right: -15px; height: 50px; width: 20px;  line-height: 35px; }
.clients_panel .clients_left .m-text .number .num1,.clients_panel .clients_left .m-text .number .num2,.clients_panel .clients_left .m-text .number .num3{background:url(num.png) top center repeat-y;width:52px;height:90px;margin-right:5px; margin-top: 10px; display: inline-block; }

.clients_panel .clients_right{ height: 160px; width: 348px; float: right; position: relative;}
.clients_panel .clients_right .swiper-clients{width: 100%; height: 100%; overflow: hidden;}
.clients_panel .clients_right .swiper-slide{ background:url(h_clients_txtbj.png) no-repeat center bottom; position: relative; }
.clients_panel .clients_right .swiper-slide .g-img{position: absolute; border-radius: 50%; width: 50px; height: 50px; top: 0; left: 20px; border: 3px solid #ffffff; overflow: hidden;}
.clients_panel .clients_right .swiper-slide .g-text{padding: 30px 30px 0 20px; height: 130px; color: #ffffff; line-height: 24px; text-align: left; font-size: 14px;}
.clients_panel .clients_right .swiper-slide .g-text .tt{font-size: 16px; text-indent: 70px; margin-bottom: 15px;}
.clients_panel .clients_right .swiper-slide .g-text .text{ height: 48px; overflow: hidden;}

.h-logo{  position: relative; height: 372px; background-color: #ffffff; top: -80px; z-index: 1;}
.h-logo .box{  overflow: hidden; height: 452px; width: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
.h-logo .box.current{ z-index: 10;}
.h-logo .box .myhex{float: left; width: 239px; height: 150px; overflow: hidden; border-right: 1px dotted #dedede; border-bottom: 1px dotted #dedede; transition:all 0.5s ease-in-out; background-color: #ffffff; }
.h-logo .box .myhex a{  position: relative;width: 239px; height: 150px; display: block;  -webkit-transform-style: preserve-3d;  -moz-transform-style: preserve-3d;  -ms-transform-style: preserve-3d;  -o-transform-style: preserve-3d;  transform-style: preserve-3d;  -webkit-transition: 0.5s ease;  -moz-transition: 0.5s ease;  -ms-transition: 0.5s ease;  -o-transition: 0.5s ease;  }
.h-logo .box .myhex img{  transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;  opacity: 0.7;    -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray; }
.h-logo .box .myhex:hover img{ opacity: 1; filter: none;  }

.h-logo .box .myhex .text{  position: absolute;  top: 0;  width: 100%;  -webkit-transform: rotateY(180deg) translateZ(1px);  -moz-transform: rotateY(180deg) translateZ(1px);  -ms-transform: rotateY(180deg) translateZ(1px);  -o-transform: rotateY(180deg) translateZ(1px);  transform: rotateY(180deg);  color: #666;  text-align: center;  opacity: .06;  background: rgba(255,255,255,.9);  }
.h-logo .box .myhex .text img{filter: none; -webkit-filter:none;-moz-filter:none;  }
.h-logo .box .myhex:hover .text{ opacity: 1;  }
.h-logo .box .myhex:hover a {  -webkit-transform: rotateY(180deg);  -moz-transform: rotateY(180deg);  -ms-transform: rotateY(180deg);  -o-transform: rotateY(180deg);  transform: rotateY(180deg);  }

.h-logo .box .myhex:nth-child(5),.h-logo .box .myhex:nth-child(10),.h-logo .box .myhex:nth-child(15){ border-right: none;}
.h-logo .box .myhex.rotation{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.h-logo .box .myhex.rotation img{ opacity:0; transition:opacity 0.3s ease-in-out;}
.h-logo .linkmore{width: 239px; height: 150px; position: absolute; bottom: -80px; right: 0;  z-index: 10;background: url(link_logo_bjt.png) no-repeat center;}
.h-logo .linkmore .myhex_tab{position: relative; width: 100%; height: 100%;}
/*.h-logo .linkmore .myhex-xt{ height: 100%; width: 100%px;   position: absolute;  transform: rotate(225deg);  }*/
.h-logo .linkmore .myhex-prev,.h-logo .linkmore .myhex-next{ cursor: pointer; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;  opacity: 0.3;  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;}
.h-logo .linkmore .myhex-prev{ background: url(link_tab_left.png) no-repeat center; width: 30px; height: 60px; position: absolute; left: 40px;top: 20px;  }
.h-logo .linkmore .myhex-next{ background: url(link_tab_right.png) no-repeat center; width: 30px; height: 60px; position: absolute; right: 40px; bottom: 20px;}
.h-logo .linkmore .myhex-prev:hover,.h-logo .linkmore .myhex-next:hover{ opacity: 1; filter: none;}


.h-link{ background:#ffffff url(h_link_bj.png) center top no-repeat; width: 100%; height: 230px;}
.h-link .link_text{padding-top: 100px;}
.h-link .link_text .g-tt{width: 120px; float: left; font-size: 14px; color: #666666;}
.h-link .link_text .g-text{float: left; width: 1080px; overflow: hidden; }
.h-link .link_text .g-text a{color: #666666; margin-bottom: 5px; margin-right: 10px; display: inline-block; }

/*内页共用样式*/
.m_mn{ width: 1200px; margin: 0 auto;}
.m_xn{ width: 1000px; margin: 0 auto; }
/*.m_ads{ height:460px; width:100%; min-width:1200px; overflow:hidden; z-index:-1; position: fixed; top:0; left:0;}*/
.m_ads{ height:380px; width:100%; min-width:1200px; overflow:hidden; z-index:-1; position: fixed; top:0; left:0;}
.m_ads.h_280{height: 280px;}
.m_ads.h_280 .text{ padding-top: 127px; }
.m_ads.h_300{height: 300px;}
.m_ads.h_300 .text{ padding-top: 147px; }
.m_ads.h_580{height: 580px;}
.m_ads.h_580 .text{ padding-top: 140px; }
.m_ads .text{ text-align: center; padding-top: 170px;}
.m_ads .text span{font-size: 40px; color: #ffffff; margin: 0 10px; text-transform: uppercase; -webkit-text-shadow:0px 0px 10px rgba(0,0,0,0.5); -moz-text-shadow:0px 0px 10px rgba(0,0,0,0.5);  text-shadow:0px 0px 10px rgba(0,0,0,0.5);   }
.m_ads .text .xt{ height: 1px; width: 145px; margin: 15px auto 0; border-bottom: 1px solid rgba(255,255,255,0.5);  }

/*.m_main{width:100%; min-width:1200px; background:#f5f5f5; margin:460px auto 0 auto; }*/
.m_main{width:100%; min-width:1200px; background:#f5f5f5; margin:360px auto 0 auto; }
.m_main1{width:100%; min-width:1200px; background:#ffffff; margin:300px auto 0 auto; }
.m_main2{width:100%; min-width:1200px; height: 520px;  margin:250px auto 0 auto; background: url(case_top_bj.png) repeat-x left center; }
.m_main3{width:100%; min-width:1200px;  background:#ffffff;  overflow: hidden;  position: relative;  }
.m_main4{width:100%; min-width:1200px;  background:#f5f5f5;  margin:280px auto 0 auto;  position: relative;  }
.m_main5{width:100%; min-width:1200px; background:#ffffff; margin:0; }
.m_main6,.m_main7{width:100%; min-width:1200px;  color:#ffffff; margin:0;}

.m_subtopic{ height: 70px; width: 100%; border-bottom: 1px solid #E7E7E7; background-color: #ffffff;  }
.m_subtopic .subtopic_list{ font-size: 0; color: #666666; overflow: hidden; height: 70px;  text-align: center; }
.m_subtopic .subtopic_list li{display: inline-block; height: 70px; line-height: 70px; padding: 0 20px; background: url(side_bjx.png) no-repeat right center; font-size: 18px; }
.m_subtopic .subtopic_list li:last-child{background: none;}
.m_subtopic .subtopic_list li a{display: block; padding: 0 20px; height: 70px; border-bottom: 2px solid #ffffff; }
.m_subtopic .subtopic_list li a.on::before{ width: 100%; }
.m_subtopic .subtopic_list li a:hover,.m_subtopic .subtopic_list li a.on{color: #3784D2;}
.m_subtopic .subtopic_list li a.hvr-underline-from-left:before{height: 2px; background: #3784D2; -webkit-transition-duration: .5s;  transition-duration: .5s;  }

.m_subtopic1{height: 60px; width: 100%; border-bottom: 1px solid #E7E7E7; background-color: #ffffff; }
.m_subtopic1 .subtopic_list{ font-size: 16px; color: #333333;  }
.m_subtopic1 .subtopic_list li{float: left; margin-right: 40px; height: 60px; line-height: 60px; }
.m_subtopic1 .subtopic_list li dl{ max-height: 60px; overflow: hidden; position: relative; z-index: 111; transition:max-height 0.5s ease-in-out; -webkit-transition:max-height 0.5s ease-in-out;  }
.m_subtopic1 .subtopic_list li dl:hover{ max-height: 300px; background-color: #ffffff; color: #333333;}
.m_subtopic1 .subtopic_list li dl dt{  background: url( blog_ico1.png) no-repeat 50px center; padding-right: 20px; cursor: pointer; }
.m_subtopic1 .subtopic_list li dl dd{ height: 40px; line-height: 40px; padding: 0 10px;background-color: #ffffff;   }

.m_crm{ height: 50px; line-height: 50px; color: #888888; background: url(news_ico2.png) no-repeat left 17px; text-indent: 25px;}
.m_crm1{ height: 50px; border-bottom: 1px solid #E7E7E7; line-height: 50px; color: #888888; }
.m_crm1.on{background-color: #ffffff; }
.m_crm1 .m_xn,.m_crm1 .m_mn{background: url(news_ico2.png) no-repeat left 17px; text-indent: 25px;}
.m_crm a.on,.m_crm a:hover,.m_crm1 a.on,.m_crm1 a:hover{color: #666666;}

.share span{line-height: 20px !important; float: left; margin-right: 10px;}
.n_mn .m_text .article_tt{ color: #333333; font-size: 24px; font-weight: bold; margin-bottom: 18px; margin-top: -5px;  }
.n_mn .m_text .g_attr span{ display: inline-block;  margin-right: 25px; color: #888888;}
.n_mn .m_text .g_attr span.on a{display: inline-block; border: 1px solid #cccccc; margin-right: 5px; border-radius: 5px; font-size: 12px; width: 18px; height: 18px; line-height: 18px; text-align: center;}
.n_mn .m_text .g_attr span.on a:hover{ background-color: #2c88d8; color: #ffffff; border: 1px solid #2c88d8; }
.n_mn .m_text .g_attr span a:hover{color: #2c88d8;}
.n_mn .m_text .text{padding: 30px 0 ; font-size: 14px; color: #666666; line-height: 28px; overflow: hidden; }
.n_mn .m_text .text img{ max-width: 100%;}
.n_mn .m_aside{ padding: 25px 0 30px; line-height: 26px; overflow: hidden; border-top: 1px dotted #C7C7C7; color: #888888;}






/*付款方式样式*/
.n_pay{ padding: 60px 0;  }
.n_pay .g_content{ overflow: hidden;}
.n_pay .g_content .g_tt{height: 28px; line-height: 28px; width: 100%; overflow: hidden;}
.n_pay .g_content .g_tt .tt{float: left;color: #2c88d8; font-size: 18px; padding-left: 35px; background: url(pay_ico1.png) no-repeat left top; }
.n_pay .g_content .g_tt .tt.gr{ background: url(pay_ico1.png) no-repeat left -86px; }
.n_pay .g_content .g_tt .tt.gs{ background: url(pay_ico1.png) no-repeat left -172px; }
.n_pay .g_content .g_tt .tt.zy{ background: url(pay_ico1.png) no-repeat left -258px; }
.n_pay .g_content .g_tt .xt{float: left; margin-top: 14px; margin-left: 10px; height: 1px; width: 883px; background-color: #DCDCDC; }

.n_pay .g_content .pay_code{padding: 30px 0 80px; height: 175px; overflow: hidden;}
.n_pay .g_content .pay_code .g-img img{margin-left: 40px;}
.n_pay .g_content .pay_code .text{ margin-left: 75px; color: #666666; padding: 60px 0;}

.n_pay .g_content .pay_bank{  padding: 10px 0 80px;  overflow: hidden;  }
.n_pay .g_content .pay_bank li{border-bottom: 1px dashed #C7C7C7; border-right: 1px dashed #C7C7C7;  padding: 45px 0; width: 499px; float: left;}
.n_pay .g_content .pay_bank li .g-img{float: left; margin-top: 6px;}
.n_pay .g_content .pay_bank li .text{float: left; line-height: 28px; color: #333333;}
.n_pay .g_content .zy_list{padding: 10px 0 45px; line-height: 28px; font-size: 14px; color: #333333; }
.n_pay .g_content .zy_list span{ width: 6px; height: 6px; background-color: #A7A8A8; border-radius: 50%; float: left; margin: 11px 10px 0 10px;}


/*新闻样式*/
.n_news{ padding: 30px 0px; margin-bottom: -60px; }
.n_news .n_snav{text-align: center; height: 44px; font-size: 0; margin-bottom: 60px;}
.n_news .n_snav a{display: inline-block; margin: 0 5px; width: 180px; height: 44px; line-height: 44px; background: #ffffff; border: 1px solid #dedede; font-size: 16px; color: #666666; }
.n_news .n_snav a.hvr-shutter-in-vertical:before{background: #ffffff; color:#666666; }
.n_news .n_snav a.on{color: #ffffff; }
.n_news .n_snav a.on.hvr-shutter-in-vertical:before{background: url(news_snav_bj2.jpg) no-repeat center;-webkit-transition:none; transition:none; -moz-transition:none; }
.n_news .n_snav a:hover{background: url(news_snav_bj2.jpg) no-repeat center; color: #ffffff;}

.n_news .g_list{ overflow: hidden; width: 100%; }
.n_news .g_list .n_box{padding: 20px; margin-bottom: 30px; background-color: #ffffff; height: 170px; overflow: hidden; transition:background-color 0.5s ease-in-out; -webkit-transition:background-color 0.5s ease-in-out; -moz-transition:background-color 0.5s ease-in-out;    }
.n_news .g_list .n_box a{display: block; height: 140px;}
.n_news .g_list .n_box:hover{background-color: #2c88d8; }
.n_news .g_list .n_box .g_img{width: 220px; height: 140px; overflow: hidden;}
.n_news .g_list .n_box .g_text{ width: 700px; padding-top: 15px; height: 125px; overflow: hidden;  margin-left: 40px; margin-right: 85px; }
.n_news .g_list .n_box .g_text .tt{ color: #333333; font-size: 24px; width: 100%; height: 31px ; margin-bottom: 18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.n_news .g_list .n_box .g_text .info{ color: #888888; line-height: 24px;  }
.n_news .g_list .n_box .time{width: 100px; padding: 40px 0; color: #999999;  font-family: Arial; font-size: 16px; }
.n_news .g_list .n_box .time .md{font-size: 36px; }
.n_news .g_list .n_box .time .y{text-indent: 3px;}
.n_news .pages{padding-top: 10px;}
.n_news .n_mn .m_text{width: 1000px; overflow: hidden; }
.n_news .n_mn .m_text .article_tt{ text-align: center; font-weight: normal; }
.n_news .n_mn .m_text .g_attr{ text-align: center;}






/*插件样式*/
.banner-pages .swiper-pagination-bullet{width:50px;height:4px;display:inline-block; background-color:#ffffff; opacity:.5; border-radius: 0;}
.banner-pages .swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.banner-pages .swiper-pagination-bullet-active{opacity:1;background:#ffffff}

.swiper-clients .clients_pages{bottom: 0; width: 100%;}
.clients_pages .swiper-pagination-bullet{width:10px;height:10px;display:inline-block; background-color:#ffffff; opacity:.5; border-radius: 50%;}
.clients_pages .swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.clients_pages .swiper-pagination-bullet-active{opacity:1;background:#ffffff}

.m_case .case_mobile .swiper-pages{bottom: 50px; }
.m_case .case_mobile .swiper-pages .swiper-pagination-bullet{width:10px;height:10px;display:inline-block; border:1px solid #ffffff; opacity: 1;  background:none; border-radius: 50%;}
.m_case .case_mobile .swiper-pages .swiper-pagination-bullet-active{opacity:1;background:#ffffff}

/*hover区*/
.n_blog .load_data:hover,.n_blog .g_list .g_box .g_text .tt:hover,.n_mn .m_aside a:hover,.n_case .n_snav .list a:hover,.m_subtopic1 .subtopic_list li dl a:hover,
.n_blog .g_side .g_hot a:hover,.n_blog .g_side .g_list .tt:hover,.m_subtopic1 .subtopic_list li:hover,.n_blog .m_related .g_list .tt:hover,.h-link .link_text .g-text a:hover,
.news_panel .news_container .news_right .news_text .m-text .g-tt a:hover,.news_panel .news_container .news_right .news_list a:hover,.news_panel .news_container .news_left .news-text .m-text .g-tt a:hover,
.news_panel .news_container .news_left .news-text .m-text .g-more:hover,.n_blog .m_related .g_tt a:hover
{ color:#2c88d8;}

.n_news .g_list .n_box:hover .tt,.n_news .g_list .n_box:hover .time,.n_news .g_list .n_box:hover .info
{ color: #ffffff;}
.n_blog .g_top img,.n_blog .g_list .g_box .g_img img,.m_case .g_latest img{  -webkit-transition:  transform 0.5s ease-out ; -ms-transform:transform 0.5s ease-out; -moz-transform:transform 0.5s ease-out; transition: transform 0.5s ease-out ; }
.n_blog .g_top img:hover,.n_blog .g_list .g_box .g_img img:hover,.m_case .g_latest img:hover{ -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}