@charset "gb2312";

.comptitle_42{ display:none;}

#pc_nav_www {  position:fixed; z-index:999;  border-bottom:1px solid #eaeaea; width:100%;}

#pc_nav_w{ width:100%; height:89px; background:#ffffff; overflow:hidden;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}



#pc_nav{ height:100%; overflow:hidden;}
.SignL{ height:30px; overflow:hidden; float:right; margin-right:20px;}
.SignL .w_icon{ float:left; width:auto; padding-left:15px; height:55px; line-height:55px; margin-right:10px;  background-position:0px 10px;}
.Navigation{  clear:both; margin-top:0px;}
.Navigation  li{ position:relative; float:left;}
.Navigation  li a{ display:inline-block; width:95px; padding:0px 0px;  text-align:center; color:#323232; height:89px; line-height:89px;   position: relative;}
.Navigation  li a.on { background-color: #132e80;  top: 100%; transition: top 200ms ease 0s;z-index: 1;}
.Navigation  li a.on span{ color:#FFF;}



.Navigation  li a span { height: 100%; left: 0; position: absolute; top: 0; width: 100%;  z-index: 2;}
.Navigation  li a .bkg { background-color: #12498a;  top: 100%; transition: top 200ms ease 0s;z-index: 1;}
.Navigation  li a:hover {color:#FFF;}
.Navigation  li a:hover span{ color:#FFF;}
.Navigation  li a:hover .bkg{ top:0px; }

.Navigation  li  a.on .bkg, .Navigation  li a:hover .bkg{top:0px;}



#subhbuxians{ display:none !important;}

  .about-subnav { padding:50px 0px; height:259px !important; }
 .subnav{ position:absolute; top:88px; left:0; z-index:999; display:none; width:100%; overflow:hidden; padding:10px 0; background:rgba(18, 73, 138, 0.9);}
    .subnav-fixed{top:78px;}
 .subnav .container{width:1280px;}
			.about-subnav ul{margin-right:-56px;}
			    .about-subnav li{float:left;width:269px;margin-right:56px;}
					.about-subnav li h2{height:25px;line-height:25px;overflow:hidden;font-size:16px;font-weight:normal; color:#FFf; margin-top:8px;}
					.about-subnav li h2 a{ color:#FFF;}
					.about-subnav li img{width:243px;}

            .news-subnav{ padding:28px 0px; }
			.news-subnav .navn_left{ float:left; }
			.news-subnav .navn_left li.content { float:left; position:relative; margin-right:30px;overflow:hidden;}
			 .news-subnav .newslist { display:none;}

				.news-subnav li a{color:#fff;}
					.news-subnav .pic img{width:256px;height:192px;}
					.news-subnav .newstitle h3{position:absolute;bottom:0; margin:0px; left:0;width:256px; height:30px;line-height:30px;overflow:hidden; text-align:center; font-size:12px;font-weight:normal;background-color:rgba(0,0,0,.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);}
			
			.news-subnav .navn_right{width:150px; float:right;}
	        .news-subnav .navn_right a{display:block;height:24px;line-height:24px;margin-bottom:20px;font-size:16px;font-weight:bold; color:#FFF; margin-top:20px;}
	        
			.product-subnav  .comptitle_45{ display:none;}
			.product-subnav .FrontProductsCategory_show01-d1_c1{ padding-left:68px;}
			.product-subnav .menu-first li{ float:left; color:#FFF; margin-right:8%; line-height:26px;}
			.product-subnav .menu-first li a{ color:#FFF;}
            .product-subnav .menu-first li .menu-text1{ font-weight:bold; font-size:16px;}
	        .product-subnav .menu-first li .menu-second{ display:block !important;}
			.product-subnav .menu-first li ul li{ float:none; margin-right:0px;}
			
			
	
		      .marketing-subnav{ padding:34px 0px;}
			.marketing-subnav .navn_left{ float:left; }
			.marketing-subnav .navn_left li { float:left; position:relative; margin-right:30px;overflow:hidden;}

					.marketing-subnav  img{width:256px;height:192px;}
					.marketing-subnav  h2{position:absolute;bottom:0; margin:0px; left:0;width:256px; height:30px;line-height:30px;overflow:hidden; text-align:center; font-size:12px;font-weight:normal;background-color:rgba(0,0,0,.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);}
			        .marketing-subnav  h2 a{ color:#FFF;}
			
			.marketing-subnav .navn_right{width:150px; float:right;}
	        .marketing-subnav .navn_right a{display:block;height:24px;line-height:24px;margin-bottom:20px;font-size:16px;font-weight:bold; color:#FFF; margin-top:20px;}
	        
			
		  
			      .service-subnav{ padding:34px 0px;}
			.service-subnav .navn_left{ float:left; }
			.service-subnav .navn_left li { float:left; position:relative; margin-right:30px;overflow:hidden;}

					.service-subnav  img{width:256px;height:192px;}
					.service-subnav  h2{position:absolute;bottom:0; margin:0px; left:0;width:256px; height:30px;line-height:30px;overflow:hidden; text-align:center; font-size:12px;font-weight:normal;background-color:rgba(0,0,0,.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);}
			        .service-subnav  h2 a{ color:#FFF;}
			
			.service-subnav .navn_right{width:250px; float:right;}
	        .service-subnav .navn_right a{display:block;height:24px;line-height:24px;margin-bottom:20px;font-size:16px;font-weight:bold; color:#FFF; margin-top:20px;}
	        
			

#phone_nav{ display:none; }

.navbar-default{background:#fff; border:none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background:#51B44F; color:#fff;}
#phone_nav.navbar{ margin-bottom:0px;}


/**banner**/
#slidershow{ padding-top:0;}
.carousel-control { background: #222; border: 3px solid #fff; border-radius: 23px; color: #fff; font-size: 60px; font-weight: 100; height: 40px;
    left: 15px;  line-height: 23px;  margin-top: -20px;  opacity: 0.5; position: absolute;  text-align: center; top: 58%; width: 40px;}
.carousel-control.right {  left: auto; right: 15px;}
.carousel-control:hover, .carousel-control:focus { color: #fff; opacity: 0.9; text-decoration: none;}




.index_wrap{ height:auto; background:#e5e5e5; padding:26px 0px;}
li.colsmtp a {display:block; width:100%; height:100%;}
li.colsmtp .Round_1{  border-radius: 50%; position: relative;  width: 150px; height:150px; border:1px solid #FFF; margin: 0 auto; transition: all 0.4s ease-in-out 0s}
li.colsmtp .Round_2{background:#e5e5e5; border-radius: 50%; height:100px; width:100px; border:1px solid #929292; margin:0 auto; position:absolute; top:18%; left:16%;}
li.colsmtp:hover  .Round_1{ background:#2260b2; ransition: all 0.2s ease-in-out 0s; border:1px solid #2260b2; color:#2260b2;}
li.colsmtp a:hover{ color:#2260b2;}
li.colsmtp .glyphicon{ text-align:center; font-size:3rem;}
li.colsmtp .difFonts{ position:absolute; top:28px; left:35px; transform:scale(1);}
div.colsmtp_title{ text-align:center; font-size:1.6rem; margin-top:15px; font-weight:bold;}

.index_wrap1{ width:100%;  height:100%;   }
.cp_wrap{  padding-top:25px; padding-bottom:15px;  height:100%;}








.seioonn5{ background-image:url(../images/bgggge.jpg); }
.seioonn5cc { padding:100px 0px;}
.seioonn5cc li {  float: left; width: 33.3%; }

.setpbi2 {
    background:#FFF;
    color: #878787;
    margin-left: 10px;
    margin-right: 10px;
    padding: 15px 20px;
    text-align: center;
}

.serto10 {
    color: #0192dc;
    font-size: 110%;
    margin-bottom: 15px;
    margin-top: 15px;
}


.bg_footer{ width:100%; height:100%; background:#4e4e4e; padding:20px 0px; color:#fff;  line-height:26px;float:left; }
.bg_footer th, .bg_footer td { line-height:26px; }
.bg_footer .bg_tilte a{ font-size:14px;}
.col-sm-1{ width:11%;  height:auto; }
.col-smdiyi { margin-left:50px;}
.col-sm-5{ width:29%; padding:0px; border-right:1px solid #d5d5d5; }
.col-sm-2 { width:10%;}
.bg_footer a{ color:#fff;}

.bg_footer .bg_T{ width:210px; height:60px;background-image:url(../images/dlogo.png); background-repeat:no-repeat; background-size:100% 100%;}



.w_bf{border-top:1px solid #d5d5d5; margin-top:15px; padding-top:10px; text-align:center;}
.bg_fcles{ }
.bg_footer .bg_tilte a{ color:#fff;}
.bg_footer a:hover{ color:#f10045;}




/****/
.branch li { float:left; width:23.5%; min-height: 1px; margin-right:1.5%; padding-left:0px; padding-right: 0px;  position: relative; cursor:pointer;} 
.pic_img1{  background-image:url(../images/calss1.jpg); width:100%;   height:161px;}
.pic_img2{background-image:url(../images/calss2.jpg);   width:100%;   height:161px;}
.pic_img3{ background-image:url(../images/calss3.jpg);  width:100%;   height:161px;}
.pic_img4{ background-image:url(../images/calss4.jpg); width:100%;   height:161px;}


.text_12{ width:100%; height:161px; position:absolute; top:0px; left:0px; opacity:0; transition:0.8s;  }
.text_png{background:rgba(0,0,0,0.5)}
.pic_text { text-align:center; color:#FFF; height:auto; line-height:30px; margin-top:44px;}
.pic_text a{ color:#FFF;}
.linkicon { width:36px; height:36px; background:url(../images/text_png.png) no-repeat; text-align: center; margin:0 auto; }
.branch li:hover .text_12{opacity:1;}
.branch li p.text_nr{ text-align:center;}





.incontent{    background: #fff;color: #666666; font-size: 14px; min-height: 200px; position: relative; width: 100%;


}
.incontentcp{background:linear-gradient(#ffffff 75px, #f4f4f4 100px, #ffffff 542px);}


.subcon_w{ border:1px solid #eaeaea; height:77px;}
.pagecrm { background: url("../images/icon-crmhome.jpg") no-repeat  left center; font-size: 13px; font-weight:normal;  line-height: 20px; margin-top: 31px; padding-left: 19px; float:right;}
.pagecrm a { background:url("../images/icon-crmsub.jpg") no-repeat scroll left 8px; color: #2c313d; line-height: 20px; margin-left: 8px; padding-left: 10px; }




h1.classtitle { color: #333; left: 50%; margin-left: -300px; position: absolute; text-align: center; top:0px; width: 600px; display:none !important;}

h1.classtitle i { display: block;  font-family: "geometric_blackregular"; font-size: 28px; font-style: normal; font-weight: normal; letter-spacing: -2px;  line-height: 32px;}

h1.classtitle b { color: #666666;display: block;font-size: 20px;font-weight: bold; letter-spacing: -1px;}

.subtitle { margin: 0px 0px 0px;  opacity: 1; }
.subtitle ul{  margin: 0px; padding: 0px;}

.subtitle li{  position:relative; float:left;}
.subtitle li a{ display:block; transition:0.4s; padding:5px 8px; height:76px; line-height:76px; float:left; font-weight:bold;}
.subtitle li a:hover{ border-bottom:1px solid #d7000f; color:#d7000f; transition:0.4;}
.subtitle li a.current{ border-bottom:1px solid #d7000f;  color:#d7000f;}

.subtitle li a.romovecurrent{padding:5px 20px; background:#FFF; background:none; color:#333; border-bottom:0px;}

.subtitle  .menu-second{ background:#f6f6f6; width:auto; left:0px; position:absolute; top:70px; padding:10px; z-index:99; width:310px; padding-left:10px; display:none; }
.subtitle  .menu-second .top ,.subtitle  .menu-second .bottom { display:none;}
.subtitle  .menu-second  ul{ width:100%;} 
.subtitle  .menu-second  ul li{ position:static; width:auto; float:none;}
.subtitle  .menu-second  ul li a{ height:40px; line-height:40px; padding:0px; margin-right:10px; float:none; font-weight:normal;}

.aboutdiv { padding:20px 0px;  min-height:420px; height:auto !important; height:420px; }


.aboutdiv .columncp  li a{  padding:0px 6px;}
.aboutdiv .type , .col_cp .buttonP{ display:none;}
.aboutdiv .mainul { width:110%;}
.aboutdiv .mainul  li.content {   width: 21%; float:left; margin-right:32px;}

.aboutdiv .pic-module img { display:block; max-width:100%; height:auto; transition:0.4s; text-align:center; margin:0 auto; border:1px solid #f5f5f5;}
.aboutdiv .pro-module { color:#6b6b6b; padding:10px;}
.aboutdiv .pro-module h1{ margin:0px; padding:0px;}
.aboutdiv .pro-module  .buttonP{ display:none;}
.aboutdiv .pro-module  a{ color:#6b6b6b;}
.aboutdiv .pro-module span{ display:none;}
.aboutdiv .pro-module .code { text-align:center;}
.aboutdiv .pic-module:hover img{transition:0.4s; transform:scale(1.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); transform: scale(1.05, 1.05);}
.aboutdiv .introduction{ line-height:20px; text-align:center; margin-bottom:20px;}

.FrontComContent_detail01-d1_c1 .title{ display:none;}




.abpicimg { padding:20px 0px;  min-height:420px; height:auto !important; height:420px; clear:both; }
.abpicimg .columncp  li a{  padding:0px 6px;}
.abpicimg .type , .col_cp .buttonP{ display:none;}
.abpicimg .pic-module img { display:block; width:250px; height:168px; transition:0.4s; text-align:center; margin:0 auto; padding-top:8px;}
.abpicimg .pic-module a{ display:block;  width:268px; height:180px; background: url(../images/bk.png) no-repeat center center;  }
.abpicimg .pro-module { color:#6b6b6b; padding:26px 0px 0px 0px; height:35px; line-height:35px;}
.abpicimg .pro-module  a{ color:#6b6b6b; font-weight:normal;}
.abpicimg .pro-module span{ display:none;}
.abpicimg .pro-module .code { text-align:center;}


.abpicimg .pro-module  h1{ margin:0px;}
.abpicimg .clearBoth{ width:1200px; height:100px; background:url(../images/6666.jpg) no-repeat; position:relative; top:-34px;}
.abpicimg li.content { position:relative; z-index:2; padding:0px; margin-right:0px;}
.abpicimg ul.mainul { width:106%;}






.abpicimgce { padding:20px 0px;  min-height:420px; height:auto !important; height:420px; clear:both; }
.abpicimgce .columncp  li a{  padding:0px 6px;}
.abpicimgce .type , .col_cp .buttonP{ display:none;}
.abpicimgce li.content { width:390px; float:left;}
.abpicimgce .pic-module img { display:block; width:360px; height:242px; transition:0.4s; text-align:center; margin:0 auto; padding-top:8px;}

.abpicimgce .pro-module { color:#6b6b6b; padding:26px 0px 0px 0px; height:35px; line-height:35px;}
.abpicimgce .pro-module  a{ color:#6b6b6b; font-weight:normal;}
.abpicimgce .pro-module span{ display:none;}
.abpicimgce .pro-module .code { text-align:center;}


.abpicimgce .pro-module  h1{ margin:0px;}
.abpicimgce .clearBoth{ width:auto; height:100px; background:url(../images/6666.jpg) no-repeat; position:relative; top:-34px;}
.abpicimgce li.content { position:relative; z-index:2; padding:0px; margin-right:0px;}
.abpicimgce ul.mainul { width:100%;}



.yggxpicimg  { margin-top:30px;}
.yggxpicimg .mainul { width:110%;}
.yggxpicimg .mainul  li.content {   width: 21%; float:left; margin-right:32px;}
.yggxpicimg .columncp  li a{  padding:0px 6px;}
.yggxpicimg .type , .col_cp .buttonP{ display:none;}
.yggxpicimg .pic-module img { display:block; max-width:100%; height:auto; transition:0.4s; text-align:center; margin:0 auto; border:1px solid #f5f5f5;}
.yggxpicimg .pro-module { color:#6b6b6b; padding:10px;}
.yggxpicimg .pro-module h1{ margin:0px; padding:0px;}
.yggxpicimg .pro-module  .buttonP{ display:none;}
.yggxpicimg .pro-module  a{ color:#6b6b6b;}
.yggxpicimg .pro-module span{ display:none;}
.yggxpicimg .pro-module .code { text-align:center;}
.yggxpicimg .pic-module:hover img{transition:0.4s; transform:scale(1.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); transform: scale(1.05, 1.05);}
.yggxpicimg .introduction{ line-height:20px; text-align:center; margin-bottom:20px;}

.FrontComContent_detail01-d1_c1 .title{ display:none;}




.concp_d{ position:relative;}
.concp_xiangg{ position:absolute; width:651px;  height:313px;  right:0px; top:116px;}

/****/
/*gotop*/
.cbbfixed {position: fixed;right: 20px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block;background-color: #02a2aa;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(../images/side-icon02.png);}
.cbbfixed .gotop:hover {background-color:#2c2d2e;}
.cbbfixed .weixin {background: #dadbdd;}
.cbbfixed .weixin div {background: url(../images/weixin.jpg);width: 210px;height: 210px;position: absolute;left: -212px;top: -130px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .weixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .weixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background: url(../images/side-icon01.png);}







.row111{ margin:35px auto; overflow:hidden;}
.padding-top-clear{ text-align:center; margin-left: 16.6667%;}
.row111 h1 {  font-size: 26px;  font-weight: 700;  margin-bottom:15px;}
.separator {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    width: 100%;
}
.object-visible { clear:both; margin-top:15px;}


.row12 h2 { font-size: 28px; text-transform: capitalize;}
.row12 .col-md-12{ padding:15px;}
.row12 .separator-2 { margin:0px 15px;  background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0.18) 0px, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0; bottom: -1px;  content: ""; height: 1px; left: 0;  position: absolute; width: 100%;
}

.row12 .overlay-container { display: block; overflow: hidden; position: relative; text-align: center;}
.row12 h1 {
    font-size: 33px;
    font-weight: 700;
}

.overlay-top {
    top: 0;
}
.overlay-container .text {  top: 62%;}
.overlay-bottom, .overlay-top {
    bottom: 0;
    height: 0;
    left: 0;
    overflow: hidden;
    padding: 15px;
    right: 0;
    transition: all 0.25s ease-in-out 0s;
}
.overlay-bottom, .overlay-to-top, .overlay-top {
    background-color: rgba(0, 70, 156, 0.5);
    color: #fff;
    opacity: 0;
    position: absolute;
    top: auto;
}


.overlay-container {
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.overlay-bottom, .overlay-to-top, .overlay-top {
    background-color: rgba(0, 70, 156, 0.5);
    color: #fff;
    opacity: 0;
    position: absolute;
    top: auto;
}
.overlay-bottom, .overlay-top {
    bottom: 0;
    height: 0;
    left: 0;
    overflow: hidden;
    padding: 15px;
    right: 0;
    transition: all 0.25s ease-in-out 0s;
}
.overlay-bottom.links, .overlay-to-top.links {
    z-index: 11;
}
.overlay-to-top {
    bottom: -30px;
    padding: 10px;
    transition: all 0.25s ease-in-out 0s;
}
.overlay-link, .overlay-to-top {
    left: 0;
    right: 0;
    transition: all 0.25s ease-in-out 0s;
}
.overlay-top {
    top: 0;
}
.overlay-visible .overlay-bottom, .overlay-visible .overlay-top {
    height: auto;
    opacity: 1;
    padding-bottom: 20px;
}
.overlay-visible.overlay-container:hover .overlay-bottom:not(.links), .overlay-visible.overlay-container:hover .overlay-top {
    opacity: 0.5;
}
.overlay-bottom a, .overlay-to-top a, .overlay-top a {
    color: #fff;
}
.overlay-container .text {
    padding: 0 5px;
    position: relative;
}
.overlay-container .text h3, .overlay-container .text h3 .small {
    color: #fff;
    margin-top: 0;
}
.overlay-container .text a:hover {
    color: #fff;
}
.overlay-bottom .btn, .overlay-top .btn {
    border-color: #fff;
    color: #fff;
    margin: 0;
}
.overlay-bottom .btn:hover, .overlay-top .btn:hover {
    background-color: #fff;
    color: #777;
}
.image-box.style-2:hover .overlay-bottom, .image-box.style-2:hover .overlay-top, .overlay-container:hover .overlay-bottom, .overlay-container:hover .overlay-top {
    backface-visibility: hidden;
    height: 50%;
    opacity: 1;
    transform: translateZ(0px) scale(1, 1);
}
.image-box:hover .overlay-to-top, .overlay-container:hover .overlay-to-top {
    bottom: 0;
    opacity: 1;
}
.overlay-link {
    background-color: rgba(0, 70, 156, 0.7);
    bottom: 0;
    color: #fff;
    opacity: 0;
    overflow: hidden;
    padding: 15px;
    position: absolute;
    top: 0;
    transition: all 0.25s ease-in-out 0s;
    z-index: 10;
}
.overlay-link i {
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    font-size: 32px;
    height: 80px;
    left: 50%;
    line-height: 80px;
    margin: -40px 0 0 -40px;
    position: absolute;
    top: 50%;
    transition: all 0.2s ease-in-out 0s;
    width: 80px;
}
.overlay-link i:hover {
    background-color: #fff;
    color: #777;
}
.btn-animated {
    min-width: 0;
    padding-right: 45px;
    position: relative;
}
.btn-animated i {
    line-height: 34px;
    min-width: 12px;
    position: absolute;
    right: 17px;
    top: 0;
    transition: right 0.2s ease-in-out 0s;
    z-index: 3;
}
.btn-animated::after {
    background-color: rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s ease-in-out 0s;
    width: 35px;
    z-index: 2;
}
.btn-animated.radius-50::after {
    border-radius: 0 25px 25px 0;
}
.btn-animated.btn-gray-transparent::after {
    background-color: rgba(0, 0, 0, 0.05);
}
.btn-animated:hover::after {
    opacity: 1;
}
.btn-animated:hover i {
    right: 11px;
}
.btn-animated.btn-sm {
    padding-right: 35px;
}
.btn-animated.btn-sm::after {
    width: 25px;
}
.btn-animated.btn-sm i {
    line-height: 28px;
    min-width: 11px;
    right: 14px;
}
.btn-animated.btn-sm:hover i {
    right: 7px;
}
.btn-animated.btn-lg {
    padding-right: 60px;
}
.btn-animated.btn-lg::after {
    width: 45px;
}
.btn-animated.btn-lg i {
    line-height: 48px;
    min-width: 15px;
    right: 25px;
}
.btn-animated.btn-lg:hover i {
    right: 15px;
}
.btn-hvr {
    transition: all 0.4s ease-in-out 0s;
}
.btn-hvr.radius-50 {
    overflow: hidden;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-left:hover, .hvr-bounce-to-right:hover, .hvr-bounce-to-top:hover, .hvr-radial-out:hover, .hvr-rectangle-out:hover, .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-vertical:hover, .hvr-sweep-to-bottom:hover, .hvr-sweep-to-left:hover, .hvr-sweep-to-right:hover, .hvr-sweep-to-top:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.hvr-radial-in, .hvr-radial-in:hover, .hvr-rectangle-in, .hvr-rectangle-in:hover, .hvr-shutter-in-horizontal, .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-vertical, .hvr-shutter-in-vertical:hover {
    background: #003366 none repeat scroll 0 0;
}
.hvr-radial-in::before, .hvr-rectangle-in::before, .hvr-shutter-in-horizontal::before, .hvr-shutter-in-vertical::before {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
}

.row111 .padding-top-clear{ margin-bottom:30px; overflow:hidden;}
.about_more { width:150px; height:40px; margin:20px auto 0px; clear:both; text-align:center; overflow:hidden;}
.about_more a{ border-radius: 40px; border:1px solid #828282; height:40px; line-height:40px; display:block; position:relative; z-index:1}

.about_more a:before{ content: "";height: 40px; left: 0; position: absolute; top: 0; width: 0; z-index: -1; transition:all 0.4s ease 0s; background:#0e94f1; border-radius: 40px;}
.about_more a:hover:before{ width:100%; color:#FFF;}
.about_more a:hover{ color:#fff;}

.row12  img {
    display: block;
    height: auto;
    max-width: 100%;
}

.acp_class{ width:110%;}
.acp_class li{ float:left; width:220px; height:400px; margin-right:17px; position:relative; overflow:hidden; cursor:pointer; margin-bottom:10px;}
.acp_class li .ipro_pr{ position:absolute; width:100%; height:100%; left:0px; top:100%; opacity:0;}
.acp_class li:hover .ipro_pr{ top:0px; opacity:1; transition:all 0.6s ease 0s; z-index:11}
.ipro_c {  background-color: rgba(0, 0, 0, 0.3); bottom: 0; color: #fff; left: 0; padding-top: 15%; right: 0;}
.ipro_c_t{ text-align:center; font-size:14px; height:30px; line-height:30px;margin-top:146px; margin-bottom:10px;  }
.ipro_c_a  a{border: 1px solid #fff; color:#FFF; border-radius:5px; text-align:center;  height: 45px;line-height: 45px; margin: 0 auto; width: 131px; display:block;}
.ipro_c_a a:hover{ transition:all 0.3s ease 0s; background:#FFF; color:#132e80;}

.acp_class li .moren_bg { background:#f7f7f7; width:220px; height:400px; overflow:hidden;}
.ipro_icon{ background-image:url(../images/tub1.png); background-repeat:no-repeat; display:block;  position:absolute;}
.ipro_r_t { text-align: center;  font-size:14px; height:30px; line-height:30px; margin-top:211px; }
.ipro_icon1{ width:100px; height:78px; background-position:0px 0px; top:28%; left:25%;}
.ipro_icon2{ width:100px; height:97px; background-position:0px -94px; top:27%; left:35%;}
.ipro_icon3{ width:100px; height:90px; background-position:0px -216px; top:26%; left:29%;}
.ipro_icon4{ width:100px; height:64px; background-position:0px -315px; top:29%; left:27%;}
.ipro_icon5{ width:100px; height:94px; background-position:0px -390px; top:28%; left:29%;}
#banner{ padding-top:89px;} 


.FrontNews_detail01-d1_c1 img{max-width:100%; height:auto}
.FrontProducts_detail02-d7_c1 img{max-width:100%; height:auto}



@media (max-width:1399px){ .Navigation  li a{ width:90px;}}
@media (max-width:1199px){ .Navigation  li a{ width:60px;} .col-sm-5{ width:36%;} .col-sm-2{ display:none;}}
@media (max-width:991px){#pc_nav .fl { width:200px; margin-top:15px;} .fl img {     width: auto;    height: auto;  max-width: 100%;  max-height: 100%;  }  .Navigation  li a{ width:59px;} .subnav{ display:none !important;} 
 .bg_footer .col-sm-5{ display:none;}  .bg_footer .col-sm-1{ width:18%; float:left;} 
.words_title{ height:auto;}  .pic_text{ margin-top:20px;} 


	.FrontProducts_detail02-d7_c1 .content{ width:100% !important;}
	.concp_xiangg{ display:none !important;}
	
 }


@media (max-width:767px){
	#phone_nav{ display:block;}
	 .bg_footer .col-sm-1{ width:18%; float:left; padding:0px;} 
	 .col-smdiyi{ margin-left:0px; }
	#banner{ padding-top:0px;}
	
	
	.branch li{ width:47%;}
	.pagecrm{ float:none;}
	
	.subcon_w{ border:0px; height:auto;}
	.subtitle{ border-bottom:1px solid #eaeaea; height: 77px;}
	
	.FrontNews_list01-d2_c2 .pic{ display:none;}
	.FrontNews_list01-d2_c2 .newslist .summary a {position:static !important;}

	.aboutdiv .mainul li.content{ width:42%;}
	
 .FrontProducts_detail02-d7_c1 .content{ display:none;}
  .FrontProducts_detail02-d7_c1 .content .pro-module{ float:none !important; width:100% !important;}
}

/*×Ô¶¨Òå*/
.part{width:100%;height:151px;background:url(../images/part.jpg) no-repeat center;}

.newsbg{width:100%;height:352px;background:#eee;}
.news{width:1200px;padding:20px 0 20px 0;margin:0 auto;}

.newsbtt{border-bottom:solid #ccc 1px;width:100%;height:40px;}
.newsbtt p{background:url(../images/ico.jpg) no-repeat left;padding-left:20px;font-size:20px;font-weight:bold;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
.news_box{width:80%;float:left;margin-top:30px;}
.news_box img{width:386px;float:left;}
.newsl{width:59%;float:right;}
.newsl div{margin-top:15px;}
.newstime{width:105px;height:24px;float:left;background:#f05c29;line-height:24px;text-align:center;color:#fff;}
.newslistt{height:24px;line-height:24px;}
.news_menu{width:19%;float:right;margin-top:30px;}
.news_menu a{width:171px;height:37px;display:block;background:#f05c29;text-align:37px;text-align:center;color:#fff;margin-top:5px;}
.proimg{width:45%;float:left;border:solid #ccc 1px;}
.proimg img{width:100%;}
.propar{width:45%;float:right;}
.content ul,.content_pro ul{width:100%;}
.content li,.content_pro li{float:left;width:20%;height:auto;text-align:center;}
.np{width:100%;height:293px;}
.nb{background:url(../images/tt.jpg) repeat-x;width:90%;height:40px;margin:0 auto;margin-bottom:20px;}
.content_pro .np{height:140px;}
.content_pro .nb{width:80%}

