@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:14px Verdana, Geneva, sans-serif ; font-family:"微软雅黑";}
body{color:#666; }
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:10px;}
ul,ol{list-style:none;}
a{text-decoration:none; color:#444; }
a:hover{text-decoration:none; color:#c41d23;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
legend{color:#000;}
fieldset, img { border:0;} 
a img{vertical-align:text-bottom;}
:focus {outline:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
button,input,select,textarea{font-size:100%;}
button,input,select{vertical-align:middle;}
button{cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}

/*Common Style
--------------------------------*/
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
a {
	text-decoration:none;
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}
a:focus , a:link, a:active {
	outline:none;
}


html *,
html *:before,
html *:after {
 /*  box-sizing: border-box; */
  -webkit-transition: 0.5s;
  transition: 0.5s; 
}



/*banner*/
.banner{width: 100%; margin: 0 auto; }
.banner img{width: 100%;}


/*nav*/
.nav{width: 100%; margin: 0 auto; background: #df1f26; height: 60px;  }
.nav_list{width: 1200px; margin: 0 auto; }
.nav_list ul li{float: left; width: 240px; line-height: 60px; text-align: center; background: url(../images/nav_li_bg.png) no-repeat right center;}
.nav_list ul li:last-child{background: none;}
.nav_list ul li a{color: #fff;font-size: 18px; display: block; width: 240px; height: 60px;background: url(../images/nav_a_hover.png) no-repeat center 70px;}
.nav_list ul li a:hover,#active{background: url(../images/nav_a_hover.png) no-repeat center 44px #c41d23;}


/*title*/
.title{width: 1200px; margin: 40px auto; background: url(../images/title_bg.png) no-repeat center; height: 42px; line-height: 42px; }
.title h1{font-size: 30px; color: #df1f26;padding: 0 0 0 580px;}


/*news*/
.news{width: 1200px; margin: 0 auto;} 
.news_left{float: left; width: 590px;}

.top_news{border-bottom: 1px dashed #f0f0f0; padding: 10px 20px;}
.top_news h1{font-size: 16px; margin: 0 0 12px 0; font-weight: normal; }
.top_news h1 a{color:#df1f26;}
.top_news p{line-height: 24px; color: #999;}
.top_news p a{float: right; color: #df1f26;}

.bottom_news li{padding: 0 20px; height: 50px; line-height: 50px; background: url(../images/list_item1.png) no-repeat left center ;}
.bottom_news li a{float: left; font-size: 16px;}
.bottom_news li span{float: right;color: #999;}
.bottom_news li:hover{background: url(../images/list_hover1.png) no-repeat 10px center #ffe9ea ;padding: 0 20px 0 30px; margin: 0 0 0 -10px;}

.news_more{width: 160px; height: 40px; border: 1px solid #df1f26; display: block; border-radius: 4px; margin: 30px auto; line-height: 40px; text-align: center; color: #df1f26; font-size: 16px;}
.news_more:hover{background: #df1f26; color: #fff;}


.ag7-main{width:600px;margin:0 auto;float: right;}
.ag7-main .phone-index-banner{display:none}
.ag7-bannerslide{position:relative;}
.ag7-bannerslide .slidebox{position:relative;height:400px}
.ag7-bannerslide .slidebox li{display:block;position:absolute;width:100%;height:100%;left:0;top:0}
.ag7-bannerslide a img{display:block;width:600px; height: 400px;}
.ag7-bannerslide .slideinfo{width:100%;position:absolute;left:0;bottom:0;z-index:10; height: 40px; }
.ag7-bannerslide .slidetitle{width:600px;color:#fff;background:url(../images/nt_bg.png);}
.ag7-bannerslide .slidetitle h2{font-size:16px; font-weight:normal;height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 15px}
.ag7-bannerslide .slidelist{position:absolute;right:0;bottom:11px;height:18px;color:#fff;font-size:14px;width:100px;}
.ag7-bannerslide .slidelist ul{position:absolute;z-index:10;width:100%;text-align:center}
.ag7-bannerslide .slidelist ul li{width:18px; height:18px;line-height:18px; text-align:center;cursor:pointer; float: left;}
.ag7-bannerslide .slidelist .mask{width:18px;height:18px;position:absolute;left:0;top:0;background:#df1f26;display:block}
.ag7-main *,
.ag7-main *:before,
.ag7-main *:after {
 /*  box-sizing: border-box; */
  -webkit-transition: 0s;
  transition: 0s; 
}





/*art_works*/
.title2{width: 1200px; margin: 40px auto; background: url(../images/title_bg2.png) no-repeat center; height: 42px; line-height: 42px; }
.title2 h1{font-size: 30px; color: #df1f26;padding: 0 0 0 530px;}

.col-sm-4{float:left;width:25%}
.selected-solution{height:auto;}
.selected-solution .swiper-container{height:auto;width:100%;}
.swiper-slide,.swiper-wrapper{height:auto!important}
.selected-solution .solution-cardlist .col-sm-4 .solution-card{background:#fff;overflow:hidden; position: relative;}
.selected-solution .solution-cardlist .col-sm-4 .solution-card h1{display:none;}
.selected-solution .solution-cardlist .col-sm-4 .solution-card a{color: #fff;}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card h1{display:block;position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url(../images/nt_bg.png); font-size: 20px;  padding: 70% 0 0 0; text-indent: 20px;}
.selected-solution .solution-cardlist .col-sm-4 .solution-card img{width:100%;}
.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{margin: 30px auto 0;}
.solution-pagination .swiper-pagination-bullet{width:14px;height:14px;border-radius:50%;overflow:hidden;background:#e8c0c1;border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle}
.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#c41d23;box-sizing:border-box}
.swiper-container-solution *,
.swiper-container-solution *:before,
.swiper-container-solution *:after {
 /*  box-sizing: border-box; */
  -webkit-transition: 0s;
  transition: 0s; 
}




/*articles*/
.articles{width: 100%; background: #f5f5f5; margin: 0 auto; padding: 30px 0;} 
.articles1{width: 1200px; margin: 0 auto; overflow: hidden; }
.articles1 ul{width: 1240px; }
.articles1 ul li{float: left;width: 540px; height: 160px; background: #fff; padding: 19px; border:1px solid #fff; margin: 0 40px 30px 0;}
.articles1 ul li h1{font-size: 18px; font-weight: normal; line-height: 40px;}
.articles1 ul li p{line-height: 24px; color: #999;}
.articles1 ul li:hover{background: #fff3f4; border: 1px solid #c6585c;}


/*history*/
.history{width: 100%;background:url(../images/bg01.png) no-repeat center; height: 660px; margin: 0 auto; padding: 40px 0 0 0;}
.title3{width: 1200px; margin:0 auto; background: url(../images/title_bg3.png) no-repeat center; height: 42px; line-height: 42px; }
.title3 h1{font-size: 30px; color: #fff;padding: 0 0 0 580px;}
.apply{width:1380px;margin:40px auto 0;}
.apply_array{width:282px;float:left;height:196px;margin-right:24px;}
.apply_img{width:282px;height:400px; position: relative;}
.apply_img img{width:282px;height:400px;}
.apply_img h1{width: 254px; background: url(../images/history_title_bg.png);height: 50px; color: #fff; font-weight: normal; position: absolute; bottom: 0; left: 0; padding: 10px 14px; font-size: 12px; line-height: 16px;}
.apply_info{width:12px;height: 12px; margin: 33px auto 0; background: #ffd3d5; border-radius: 50%; border: 3px solid #7c0004;}
.apply_comment{text-align:center; color: #b63538; line-height: 30px;}
.apply_nav{position:relative;width:1200px;float:left;height:480px;overflow:hidden; background: url(../images/history_bg.png) no-repeat left 440px;}
.apply_w{position:absolute;width:1000px;float:left;left:0px;height: 480px;}
.apply .img_l{padding:180px 50px 0 0;float:left;cursor:pointer;}
.apply .img_r{padding:180px 0 0 50px;float:left;cursor:pointer;}
.history *,
.history *:before,
.history *:after {
 /*  box-sizing: border-box; */
  -webkit-transition: 0s;
  transition: 0s; 
}


/*footer*/
.footer{width: 100%; margin:0 auto; background: #df1f26; color: #fff; padding: 30px 0;}
.footer p{width: 1200px; margin: 0 auto; text-align: center; line-height: 30px;}
.footer p a{color: #fff;}



/*内页*/
.title02{width: 1200px; margin: 50px auto;}
.title02 h1{color: #df1f26; font-size: 26px; border-left: 6px solid #d6d6d6; padding: 0 0 0 14px; height: 26px; line-height: 26px;}



/*newslist*/
.hidden{ }
.moreload{width: 1200px;height: auto;margin:0 auto 40px auto;text-align: left;background:#fff;padding:5px;}
.active ul.list li{width: 536px;height: auto;float: left;font-size: 20px; background: url(../images/list_item.png) no-repeat 0 13px; line-height: 32px; padding: 0 0 0 14px; margin: 0 50px 14px 0;}
.active ul.list li:hover{background: url(../images/list_hover.png) no-repeat 0 13px; }
.moreload .more{overflow: hidden;padding:40px 0 0 0;text-align: center; width: 1200px; }
.moreload .more a{display: block;width: 200px;height:50px; line-height:50px; color:#333;margin:0 auto; font-size:20px;text-align:center;border-radius:4px;border:1px solid #ccc;}
.moreload .more a:hover{text-decoration: none;background: #df1f26;color: #fff;}
.moreload .more p{font-size: 20px;}

/*works*/
.works ul.list{width: 1224px;}
.works ul.list li{width: 282px;height: 226px; float: left;margin: 10px 24px 14px 0; position: relative;}
.works ul.list li img{width: 282px;height: 226px;}
.works ul.list li h1{position: absolute;bottom: 0; left: 0; background: url(../images/works_title_bg.png); width: 242px; height: 50px; line-height: 50px; color: #fff; font-size: 16px; padding: 0 20px;}
.works ul.list li:hover{
  box-shadow:0 0 10px #969696;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=10);/*for ie6,7,8*/ 
	-moz-box-shadow:0 0 10px #969696;/*firefox*/ 
	-webkit-box-shadow:0 0 10px #969696;/*webkit*/ 
	box-shadow:0 0 10px #969696;/*opera或ie9*/
 }

/*position*/
.position{width: 1200px; margin: 30px auto; height: 0px; line-height: 20px;} 
.position a{float: left;}
.position img{float: left;}

/*a_detail*/
 .active_detail{width: 1200px; margin: 0 auto 50px auto;}
 .a_detail{width: 1200px; margin: 0 auto;}
 .d_title h1{font-size: 38px;color: #333; line-height: 60px; text-align: center;}
 .d_title p{line-height: 60px;}

.d_article{border-top: 1px solid #d4a500; border-bottom: 1px solid #d4a500; padding: 30px;}
.d_art p{font-size: 20px; line-height: 42px; color: #333; text-indent: 40px;}
.ad_source{padding: 0 0 0 30px;}
.ad_time{margin: 0 0 0 450px;}
.ad_btn{margin: 0 0 0 310px; cursor: pointer;}
.ad_btn01{padding: 0 0 0 28px;margin: 0 0 0 28px;}
.ad_print{background: url(../images/icon_point.png) no-repeat;}
.ad_share{background: url(../images/icon_share.png) no-repeat;}
.d_relative{font-size: 20px; line-height: 42px; text-indent: 40px;}

 .d_bottom{margin: 30px 0 0 0; color: #333;}
 .b_left{float: left;}
 .b_right{float:right; position: relative;}
 .b_right a{cursor: pointer;}
 .mark{width:100%;height:100%;position: fixed;left: 0;top: 0;background:url(../images/nt_bg.png);z-index: 1001;}
.share-dialog{position: fixed;left: 50%;top: 50%;width: 500px;height: 270px;margin:-135px 0 0 -250px;background: #fff;z-index: 1002;}
.share-dialog .share-close{
  position: absolute;
  right: 7px;
  top: 10px;
  width: 26px;
  height: 26px;
  display: inline-block;
  cursor: pointer;
  background: url("../images/dialog-close.png") no-repeat;
}
.share-dialog .share-dialog-title{
  height: 45px;
  line-height: 45px;
  text-indent: 15px;
  background: #eee;
}
.share-dialog .share-dialog-cont{
  padding:38px 20px;
  font-size: 14px;
}
.share-dialog .share-copy-l{
  float: left;
  width: 77px;
  margin-top: 8px;
}
.share-dialog .share-copy-c{
  float: left;
  width: 307px;
}
.share-dialog .share-copy-c input{
  display: block;
  width: 100%;
  height: 36px;
  padding: 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  line-height: 1.2;
  color: #555;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #ccc;
}
.share-dialog .share-copy-c input:focus{
  border-color: #333;
  outline: 0;
}
.share-dialog .share-copy-r{
  float: left;
  width: 76px;
  text-align: right;
  color: #f37b1d;
  margin-top: 8px;
  cursor: pointer;
}
.share-platform{
  clear: both;
  margin-top: 10px;
}
.share-platform .share-platform-l{
  float: left;
  width: 77px;
  margin-top: 8px;
}
.share-platform .share-platform-r{
  float: left;
  width: 310px;
}
.share-platform .bds_weixin{
  background-image: url('../images/css-bg.png');
  background-position: -13px -7px !important;
}
.share-platform .bds_tsina{
  background-image: url('../images/css-bg.png');
  background-position: -57px -7px !important;
}
.share-platform .bds_sqq{
  background-image: url('../images/css-bg.png');
  background-position: -101px -7px !important;
}
.share-platform .bds_qzone{
  background-image: url('../images/css-bg.png');
  background-position: -146px -7px !important;
}
.share-platform .share-platform-text{
  color: #aaa;
  margin-top: 5px;
}

/*page*/
.page-shift {width: 360px;margin: 40px auto;text-align: center;}
.page-shift span {font-size: 18px;margin-left: 10px;}
.page-shift a {width: 26px;height: 26px;border: 1px solid #d1d1d1;margin-left: 10px;display: inline-block;vertical-align: middle;line-height: 26px;text-align: center;}
.page-shift .shift{border: 1px solid #0056BD;color: #0056BD;font-size: 18px;}
.page-shift a.active {background-color: #0056BD;color: #fff;}
 /* .fx_share{display:block;width:130px;position:absolute;right:0;top:0;height:52px;z-index:9}
 .fx_share .e .slideDown{position:absolute;left:0;top:-10px;width:120px;display:inline-block;*display:inline;zoom:1;vertical-align:middle}.fx_share .e .slideDown .share{cursor:pointer;display:block;padding:11px 0;text-align:center;line-height:20px;font-style:normal}.fx_share .e .slideDown .share b{border:solid 5px #fff;border-top-color:#757575;display:block;height:0;overflow:hidden;position:absolute;right:30px;top:18px;-webkit-transition:top 1s,all .3s ease-in 0s;-moz-transition:top 1s,all .3s ease-in 0s;-o-transition:top 1s,all .3s ease-in 0s;transition:top 1s,all .3s ease-in 0s}.fx_share .e .slideDown .selectBox{background:#fff;display:none;position:absolute;left:0;top:40px;z-index:999;width:120px;text-align:left}.fx_share .e .slideDown .selectBox a{background-image:none;border-top:1px solid #fff;border-bottom:0;display:block;font:12px/39px "Microsoft YaHei";height:39px;padding-left:45px;overflow:hidden;cursor:pointer}.fx_share .e .slideDown .selectBox a:hover{text-decoration:none}.fx_share .e .slideDown .selectBox a.ico01{background:url(../images/share_ico.png) no-repeat 12px -1px}.fx_share .e .slideDown .selectBox a.ico02{background:url(../images/share_ico.png) no-repeat 12px -39px}.fx_share .e .slideDown .selectBox a.ico03{background:url(../images/share_ico.png) no-repeat 12px -79px}.fx_share .e .slideDown .selectBox a.ico04{background:url(../images/share_ico.png) no-repeat 12px -119px}.fx_share .e .slideDown .selectBox a.ico05{background:url(../images/share_ico.png) no-repeat 12px -158px}.fx_share .e .slideDown .selectBox a.ico06{background:url(../images/share_ico2.png) no-repeat 12px 6px}.fx_share .e .slideDown .selectBox a.ico07{background:url(../images/share_ico2.png) no-repeat 12px -34px}.fx_share .e .slideDown .selectBox a.ico08{background:url(../images/share_ico2.png) no-repeat 12px -74px}.fx_share .e .slideDown .selectBox a.ico09{background:url(../images/share_ico2.png) no-repeat 12px -114px}.fx_share .e .slideDown .selectBox a.ico10{background:url(../images/share_ico2.png) no-repeat 12px -155px}.fx_share .e .slideDown .selectBox a.ico01:hover{background:url(../images/share_ico_hover.png) no-repeat 12px -1px}.fx_share .e .slideDown .selectBox a.ico02:hover{background:url(../images/share_ico_hover.png) no-repeat 12px -39px}.fx_share .e .slideDown .selectBox a.ico03:hover{background:url(../images/share_ico_hover.png) no-repeat 12px -79px}.fx_share .e .slideDown .selectBox a.ico04:hover{background:url(../images/share_ico_hover.png) no-repeat 12px -119px}.fx_share .e .slideDown .selectBox a.ico05:hover{background:url(../images/share_ico_hover.png) no-repeat 12px -159px}.fx_share .e .slideDown .selectBox a.ico06:hover{background:url(../images/share_ico_hover2.png) no-repeat 12px 6px}.fx_share .e .slideDown .selectBox a.ico07:hover{background:url(../images/share_ico_hover2.png) no-repeat 12px -34px}.fx_share .e .slideDown .selectBox a.ico08:hover{background:url(../images/share_ico_hover2.png) no-repeat 12px -74px}.fx_share .e .slideDown .selectBox a.ico09:hover{background:url(../images/share_ico_hover2.png) no-repeat 12px -114px}.fx_share .e .slideDown .selectBox a.ico10:hover{background:url(../images/share_ico_hover2.png) no-repeat 12px -155px}.fx_share .e .slideCur{box-shadow:0 0 2px 2px #eaeaea;display:block;border:1px solid #eaeaea}.fx_share .e .slideCur .share{background-color:#f5f5f5}.fx_share .e .slideCur .share b{border:solid 5px #f5f5f5;border-top-color:#00c1de;top:12px;border-top-color:#f5f5f5\9;border-bottom:solid 6px #1e63b0\9;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
  */