html {
	height: 100%;
	border: none;
}
body {
	height: 100%;
	min-width:1200px;
	border: none;
	padding: 0;
	margin: 0;
	color:#666666;
	font-family: Arial, "microsoft yahei";
}
div, ul, li, img, dl, dd, dt, p {
	padding: 0;
	margin: 0;
	border: none;
}
ul, dl {
	list-style-type: none;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #df0024;
	text-decoration: none;
}



/*--头部--*/
.header {display: flex;justify-content: space-between;align-items: center; /*padding: 1px 50px;*/margin: 0;padding: 0;}
#wai{ width:100%; background:#b2b2b2; height:20px;}
.divleft{ float:left;line-height:20px; color:#ffffff; padding-left:50px; font-size:14px;}
.divright{ float:right;line-height:20px; color:#ffffff; text-align:right; 
font-size:14px; padding-right:50px;}
.divright a{ color:#ffffff; 
font-size:14px; }	
	
#top1{ background:#ffffff; margin:0; padding:15px 40px;}
.t-tel{color:#e62129; font-size:30px; font-family: Gotham, Helvetica Neue, Helvetica, Arial,' sans-serif'; font-weight:500; padding-left: 20px;}
.t-xunjia{padding-bottom:28px;}
	
.toplist_t{ width:100%; height:72px; background:#df0024; /*background:rgba(204,204,204,0.2);border-bottom: 1px #e5e5e5 solid;*/}
.toplist{ width:92%; height:72px; margin:0 auto; color: #ffff} 
.top-sou{ width:150px; height:72px; float:left; background:url(../images/sou.png)24px 24px no-repeat #df0024; /*margin-right:60px;*/ }
a.toplist_nav{color:#ffffff; height:72px; line-height:72px; display:block; width:12.5%; float:left; margin:0; text-align:center; font-size: 18px; font-weight:bold; }
a.toplist_nav:hover{color:#333333; background:rgba(255,255,255,0.9); border-bottom:3px #ff0000 solid; text-decoration:none;}

/*top-end*/


.agent2{ width:90%; margin:0 auto; padding:0 50px;}
.agent2_j{color:#33302b; font-weight:500;font-size:28px; line-height:48px; padding:40px 0 20px 0; text-align:center;}
.agent2_j span{ padding:1px 4px; margin:0 6px; cursor:pointer;}
.agent2_j span:hover{ border:#1A9BFF solid 1px;-webkit-border-radius:8px;-moz-border-radius: 8px;border-radius: 8px;}	

/*锚点*/

.anchor_layer{width: 100%;}
.anchor_layer .nav_wrap{width:100%;/*height: 45px; border-radius: 45px;*/ background-color:#ffffff;overflow: hidden; margin: 0 auto 40px; behavior: url(pie.htc);}
.anchor_layer .nav_wrap.navFix{position: fixed; left: 0; top: 0; width: 100%; min-width: 1220px; border-radius:0; z-index: 9999;}
.anchor_layer .nav_wrap .wrap_layer{width: 1200px; height:175px; margin: 0 auto; padding: 0 10px;}
.anchor_layer .nav_wrap .wrap_tab{width: 190px; height:145px; float: left;}
.anchor_layer .nav_wrap a{width: 190px; height:145px; border-radius:15px;display: block; color:#dd2326; line-height:45px; text-align:center; font-size:16px; behavior: url(pie.htc); } 
.anchor_layer .nav_wrap .active,.details_main .anchor_layer .nav_wrap a:hover{background-color:#ffffff; behavior: url(pie.htc); padding-bottom: 10px; /*border-bottom: 3px #dd2326 solid;*/}  
.cont{width: 1200px; margin: 0 auto; height: 500px; background: #ccc; border-bottom: #f00 5px solid;}

	
.kos2{ width:14.2%;float:left; margin:10px; padding:20px 10px; /*-webkit-box-shadow: 0 0 8px 0 rgb(208 203 203 / 69%); border:1px #e5e5e5 solid;*/}
.imgagent img{ width:125px;height:100px;}
.kos2 h2{ text-align:center;font-weight:500;color:#df0024; font-size:18px; padding:15px 0; font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; width:125px;}

/*--nav--*/
	 .nav{ width:1200px; height:100px; margin:30px auto 80px auto;} 
	 .nav ul li{ float:left; width:200px;} 
	/*nav1*/
	 .synav1{display:block;width:125px;height:100px;background:url(../images/nav1_on.jpg) no-repeat center; color:#FF0000; font-size:18px; line-height:36px; text-align:center;}
     .synav1:hover{background:url(../images/nav1_off.jpg) no-repeat center;color:#717171; font-size:18px; line-height:36px;}
	 .synav1 p{ padding-top:100px;} 
	 /*nav2*/
	 .synav2{display:block;width:125px;height:100px;background:url(../images/nav2_on.jpg) no-repeat center; color:#FF0000; font-size:18px; line-height:36px; text-align:center;}
     .synav2:hover{background:url(../images/nav2_off.jpg) no-repeat center;color:#717171; font-size:18px; line-height:36px;}
	 .synav2 p{ padding-top:100px;} 
	 
	 /*nav3*/
	 .synav3{display:block;width:125px;height:100px;background:url(../images/nav3_on.jpg) no-repeat center; color:#FF0000; font-size:18px; line-height:36px; text-align:center;}
     .synav3:hover{background:url(../images/nav3_off.jpg) no-repeat center;color:#717171; font-size:18px; line-height:36px;}
	 .synav3 p{ padding-top:100px;} 
	 
	 /*nav4*/
	 .synav4{display:block;width:125px;height:100px;background:url(../images/nav4_on.jpg) no-repeat center; color:#FF0000; font-size:18px; line-height:36px; text-align:center;}
     .synav4:hover{background:url(../images/nav4_off.jpg) no-repeat center;color:#717171; font-size:18px; line-height:36px;}
	 .synav4 p{ padding-top:100px;} 
	 
	 /*nav5*/
	 .synav5{display:block;width:125px;height:100px;background:url(../images/nav5_on.jpg) no-repeat center; color:#FF0000; font-size:18px; line-height:36px; text-align:center;}
     .synav5:hover{background:url(../images/nav5_off.jpg) no-repeat center;color:#717171; font-size:18px; line-height:36px;}
	 .synav5 p{ padding-top:100px;} 
	 /*nav6*/
	 .synav6{display:block;width:125px;height:100px;background:url(../images/nav6_on.jpg) no-repeat center; color:#FF0000; font-size:18px; line-height:36px; text-align:center;}
     .synav6:hover{background:url(../images/nav6_off.jpg) no-repeat center;color:#717171; font-size:18px; line-height:36px;}
	 .synav6 p{ padding-top:100px;} 

/*--end--*/

/*--企业风采--*/
		.demo{padding: 0;}
		.box{
		    overflow: hidden;
		    position: relative;
		}
		.box:before{
		    content: "";
		    display: block;
		    border: 30px solid rgba(255, 255, 255, 0.3);
		    position: absolute;
		    top: 5px;
		    left: 5px;
		    bottom: 5px;
		    right: 5px;
		    opacity: 1;
		    z-index: 2;
		    transition: all 1s ease 0s;
		}
		.box:hover:before{ border: 1px solid rgba(255, 255, 255, 0.18); }
		.box:after{
		    content: "";
		    display: block;
		    /*border: 10px solid #fff;
		    position: absolute;
		    top: 35px;
		    left: 35px;
		    bottom: 35px;
		    right: 35px;*/
		    opacity: 1;
		    z-index: 1;
		    transition: all 0.3s ease 0s;
		}
		.box:hover:after{
		    top: 0;
		    left: 0;
		    bottom: 0;
		    right: 0;
		    opacity: 0;
		}
		.box img{
		    width: 100%;
		    height: auto;
		    transform: scale(1.1);
		    transition: all 1s ease 0s;
		}
		.box:hover img{ transform: scale(1); }
		/*.box .box-content{
		    padding: 20px;
		    text-align: center;
		    color: #fff;
		    position: absolute;
		    top: 45px;
		    left: 45px;
		    bottom: 45px;
		    right: 45px;
		    opacity: 1;
		    z-index: 2;
		    transition: all 0.3s ease 0s;
		}
		.box:hover .box-content{
		    top: 6px;
		    left: 6px;
		    bottom: 6px;
		    right: 6px;
		}
		.box .box-inner-content{
		    width: 100%;
		    padding-bottom: 20px;
		    opacity: 0;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    transition: all 0.3s ease 0s;
		}
		.box:hover .box-inner-content{ opacity: 1; }
		.box .title{
		    font-size: 26px;
		    font-weight: bold;
		    margin: 0;
		}
		.box .post{
		    display: block;
		    font-size: 16px;
		    font-style: italic;
		    margin-bottom: 10px;
		}
		.box .icon{
		    padding: 0;
		    margin: 0;
		    list-style: none;
		}
		.box .icon li{ display: inline-block; }
		.box .icon li a{
		    display: block;
		    width: 40px;
		    height: 40px;
		    line-height: 40px;
		    border-radius: 50%;
		    background: #fff;
		    margin-right: 10px;
		    font-size: 18px;
		    color: #000;
		    transition: all 0.3s ease 0s;
		}
		.box .icon li a:hover{
		    background: #000;
		    color: #fff;
		}
		@media only screen and (max-width:990px){
		    .box{ margin-bottom: 30px; }
		}*/
	
.sy-ab2{margin:0; padding:0;}
.sy-ab2 h2{ text-align:center;font-weight:600;color:#33302b; font-size:36px; padding:40px 0 10px 0; font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";}
.sy-ab2 p{line-height:24px;font-weight:700; color:#df0023; font-size:18px; font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; padding-bottom:40px;text-align:center;}

.sy-ab1{margin:0; padding:0;}
.sy-ab1 h3{font-weight:600;color:#33302b; font-size:32px; padding:20px 0; font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";}
.sy-ab1 span{line-height:24px;font-weight:500; color:#df0023; font-size:18px; font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; padding-bottom:20px;}	
.sy-ab1 p{line-height:24px;font-weight:500; color:#444444; font-size:15px; font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; padding-bottom:20px; text-indent:28px;}	

.sy-ab3{ text-align:left;font-weight:600;color:#33302b; font-size:24px; line-height:48px; padding:10px 50px 20px; font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";}

.sy-aba1{margin:0; padding:0;}
.sy-aba1 h3{font-weight:600;color:#33302b; font-size:32px; padding:20px 0; font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";}
.sy-aba1 span{line-height:24px;font-weight:500; color:#df0023; font-size:18px; font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; padding-bottom:20px;}	
.sy-aba1 h4{line-height:180%;font-weight:500; color:#444444; font-size:16px; font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; padding-bottom:20px; text-indent:2em;}	



.cp_right .col-md-4{padding-right:5px;padding-left:5px}
.img-box-v3{width:100%;height:100%;cursor:pointer;float:left;position:relative;text-align:center;background:#fff;margin-bottom:20px;border:4px solid #ffffff;}
.img-box-v3 .overlay{width:100%;position:absolute;overflow:hidden;left:0;bottom:0;opacity:1;background-color:rgba(255,255,255,.1);z-index:100;height:100%;display:flex}
.img-box-v3 img{display:block;position:relative;width:100%;margin-bottom:5%}
.img-box-v3 .jia{width:54px;height:54px;background:#efebe8;position:absolute;top:-4px;right:-4px;line-height:54px;color:#d8cfc7;font-weight:700;font-size:36px;z-index:102}
.img-box-v3 .titls{font-size:20px;color:#000;width:100%;position:absolute;bottom:10px;left:0;height:40px;line-height:30px;z-index:101}
.img-box-v3 .content{-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0);align-self:center;width:100%}

.img-box-v3:hover{border:4px solid #008bc5}
.img-box-v3:hover .overlay{opacity:0}
.img-box-v3:hover .jia{color:#fff;background:#008bc5}
.img-box-v3:hover .titls{color:#008bc5}
.img-box-v3:hover .content{-webkit-transition-delay:.05s;transition-delay:.05s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}






/*about*/
.sy-about{ margin:0; padding:0;}
.sy-about h2{font-size:24px; line-height:24px;font-weight:600;  color:#f1070a; padding:20px 0;}
.sy-about p{font-size:18px;line-height:30px; color:#666666;font-weight:400;}
.sy-about img{ border:0;}

.sy-bt1{ font-size:48px; color:#000000; line-height:48px; text-align:center; font-weight:600;}
.sy-bt2{ color:#e70700; font-size:48px; line-height:48px; text-align:center; font-weight:600;}
.sy-bt3{ color:#ffffff; font-size:48px; line-height:48px; font-weight:600;}

.sy-news1{ font-size:20px; color:#061c41; line-height:20px; height:48px; padding-bottom:10px;}
.sy-news2{ font-size:15px; color:#666666; line-height:24px; padding-left:18px; vertical-align:top;}

.sy-case{ margin:0; padding:0;}
.sy-case h2{font-size:18px; line-height:24px;font-weight:600;  color:#000000; padding:20px 0;}
.sy-case p{font-size:14px;line-height:24px; color:#666666;font-weight:400;}
.sy-case img{ border:0;  margin:0;}


.sycp2{ float:left; width:100%;height:48px; line-height:48px; text-align:center; font-weight:500; font-size:18px; color:#fff; border:1px #ff3b3b double; border-radius:8px;  }
.sycp1{ position:relative; float:left; width:100%; height:48px; line-height:48px; text-align:center; font-size:18px; font-weight:500; z-index:1; border-radius:8px; }
.sycp1 a{ display:block; height:48px; color:#ffffff;}
a.sycp1:hover{ color:#ffffff; height:48px; width:100%;  border:1px #ff3b3b solid; border-radius:8px;}

.sy-cp1{ color:#ffffff; font-size:16px; text-align:center;}

/*--cp-xuanting--*/
.container {width: 100%; max-width: 100%; margin: 0 auto; padding: 40px 0; background:#e8e8e8;}
.content{width:100%; display: flex; flex-direction: row; margin: 0 auto; flex-wrap: wrap;justify-content: space-around; padding: 0 30px;}
.content { display: flex; flex-wrap: wrap; padding: 0 30px; width:100%;}
.wrapper { width:33.3%; height: 100%;padding: 0 5px 5px;}

.box-p {
  position: relative;
  max-height: 300px;
  /*border-radius: 4px;*/
  overflow: hidden;
  box-shadow: 0 1.4px 1.7px rgba(0, 0, 0, 0.017), 0 3.3px 4px rgba(0, 0, 0, 0.024), 0 6.3px 7.5px rgba(0, 0, 0, 0.03), 0 11.2px 13.4px rgba(0, 0, 0, 0.036), 0 20.9px 25.1px rgba(0, 0, 0, 0.043), 0 50px 60px rgba(0, 0, 0, 0.06);
}
.box-p .hide { opacity: 0;}
.box-p .frame { position: absolute; border: 1px solid #fff; z-index: 2; top: 50%;left: 50%; transform: translate(-50%, -50%);}
.box-p h2, .box-p p { position: absolute; color: #fff; z-index: 2; width: 100%; transition: opacity 0.2s, transform 0.3s;}
.box-p h2 { font-weight: 500; font-size: 22px; margin-bottom: 0;letter-spacing: 1px;}
.box-p p {bottom: 0;font-size: 14px;letter-spacing: 1px;}
.box-p:hover { transition: all .3s ease-in-out;}
.box-p:hover:before { transition: all .3s ease-in-out;}
.box-p img { position: relative;width: 100%;height: 100%; z-index: 1;transition: all .3s ease-in-out;}
.box-p img:hover {transition: all .3s ease-in-out;}
.box-p img:after { content: '';  position: absolute;background-color: rgba(0, 0, 0, 0.6);  width: 100%; height: 100%; top: 0;left: 0; opacity: 0;}
.box-p img:hover { transition: all .3s ease-in-out;}
.w-content .frame {
  width: calc(100% - 100px);
  height: calc(100% - 100px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-color: transparent;
}
.w-content h2 {
  margin-top: 0;
  top: 50%;
  transform: translatey(-50%);
  text-align: center;
  letter-spacing: 1px;
}
.w-content p { transform: translate3d(0, -10px, 0);}
.w-content:hover {opacity: .8;}
.w-content:hover .frame {
  border-color: #fff;
  transition: color .3s ease-in-out, all .3s ease-in-out;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}
@media screen and (max-width: 880px) {.wrapper { width: 50%;}}
@media screen and (max-width: 520px) {.wrapper { width: 100%;}}

/*--中部--*/
/*news*/

.News-container {background: #ffffff;padding: 40px 0 50px 0;overflow: hidden;}
.News-main {max-width: 1440px;margin: 0 auto;}
.News-main .title {margin-bottom: 40px;text-align: center;}
.News-main .title h4 {font-size: 28px; color:#05255d; position: relative;font-weight: 500;padding-bottom: 5px;}
.News-main .title h4:before {left: 38%;content: " ";
	display: block;
	border-bottom: 1px solid #797979;
	width: 68px;
	position: absolute;
	margin-left: -.8rem;
	top: 50%;
	margin-top: -1px;
}

.News-main .title h4:after {
	content: " ";
	display: block;
	border-bottom: 1px solid #797979;
	width: 68px;
	position: absolute;
	margin-left: -.8rem;
	top: 50%;
	margin-top: -1px;
	right: 38%;
}

.News-main .title p {font-size: 18px;color: #555; line-height:36px;}
.News-main ul li {float: left;}
.News-main ul li.one {width: 440px;	margin-right: 10px; padding-left:42px;}
.News-main ul li.one a {width: 440px; height:264px;overflow: hidden;display: block;position: relative;}
.News-main ul li.one a img {transform: scale(1);transition: all .4s;width: 90%;display: block; padding-top:60px;}


/*.icon-news {
	background: url(../images/icon.png) no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
	position: absolute;
	right: 100px;
	bottom: 2px;
}*/

.News-main ul li.one a:hover img {
	transform: scale(1.05);
}

.News-main ul li.one a:hover .icon-news {
	background-position: 0 -17px;
}

.News-main ul li.three {float: left;}
.News-main ul li.three a {width: 700px;height: 150px;padding: 20px 32px;margin-bottom: 10px;	display: block;background: #fff;overflow: hidden;}
.News-main ul li.three a .News-left {width: 14%;border-right: 1px solid #eeeeee; height:122px;float: left; padding-top:40px;}
.News-main ul li.three a .News-left h3 {font-size: 24px;color: #4c4c4c;font-weight: 700;}
.News-main ul li.three a .News-left h3:after {content: " ";display: block;/*border-bottom: 1px solid #ccc;width:20px;margin: 20px 0;*/}
.News-main ul li.three a .News-left span {font-size: 14px;display: block;color: #999;}
.News-main ul li.three a .News-right {width: 85%;padding-left: 25px;float: right; text-align:left;}

.News-main ul li.three a .News-right h5 {font-size: 16px;color: #333;font-weight: 700; line-height:28px; }
.News-main ul li.three a .News-right img {padding-top: 15px}
.News-main ul li.three a .News-right p {font-size: 14px;color: #666;font-weight: 400; line-height:22px;}
.News-main ul li.two a:hover,
.News-main ul li.three a:hover {	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);}

/*zizhi*/

/* 必要布局样式css */

.zz-bg{
    width: 100%;
    height: 463px;
    background: url(../images/zz-bg.jpg);
    background-repeat: no-repeat;
    background-position:center;
    background-size:100%;
}

/*数据统计滚动*/
/*.product-number-info{background:url(../images/zz-bg.jpg) no-repeat; height:463px;position: relative;}*/
.product-number-info .product-number-inner{width: 900px; margin:0 auto; margin-right:40px; margin-top:-40px;}
.product-number-info ul{padding: 85px 0;}
.product-number-info ul.q:after {content: "";clear: both;display: table;}
.product-number-info li{float: left; width: 215px; height: 90px; /*border-left: 1px solid #66c7fd;*/color:#555; /*padding-top:1px;*/}
.product-number-info li:first-child{border:none;}
.product-number-info li b{font-weight: 400; font-size:36px; line-height: 1;display: inline-block; position: relative; margin: 15px 0 10px;}
.product-number-info li b i{font-style: normal;}
.product-number-info li b sup{position: absolute; font-size:20px; right: -15px; top: -3px;}
.product-number-info li b em{font-style: normal; font-size: 28px; font-weight: 100; padding-left: 2px; position:relative; top: -4px;}
.product-number-info li p{font-size: 14px;}
.product-number-info li.li-2 b,.product-number-info li.li-2 p{padding-left:10px;}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:10px;}
/*.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:20px;}*/
.product-number-info li.li-4 b,.product-number-info li.li-4 p{padding-left:18px;}
/*.product-number-info li.li-5{text-align: right;}
.product-number-info li.li-5 b{padding-right: 2px;}*/






/*foot*/
.footer-box{background:#2a2a2a;overflow:hidden;width:100%;color:#737373;padding:30px 0 0;}
.footer-container{width:100%;margin:0 auto;padding:0 50px;}
.footer-line{height:0;display:block;clear:both;/*border-bottom:1px solid #393854;*/}
.footer-links{padding-top:10px;padding-left:10px; padding-bottom:20px;}

.footer-article-item{width:14%;;float:left;margin-right:14px;line-height:2;font-size:16px; margin-bottom:20px;}
.footer-article-item dt{color:#ffffff;font-size:22px;margin-bottom:10px;line-height:2;font-weight:600}

.footer-article-item dd{line-height:2}
.footer-article-item dd a{color:#ffffff;transition:all .1s}
.footer-article-item dd a:hover{color:#f1070a;}

.footer-contact-item{width:150px;float:left}
.footer-contact-item h3{font-size:22px;color:#ffffff;line-height:2;margin-bottom:10px;font-weight:600}
.footer-contact-item p{font-size:22px;color:#fff;font-family:Arial,microsoft yahei,hanhei sc,PingHei,pingfang sc,helvetica neue,Helvetica,Arial,hiragino sans gb,heiti sc,wenquanyi micro hei,sans-serif;margin-bottom:15px}

.footer-ewm{float:left;width:92px;margin-right:15px;text-align:center}
.footer-ewm img{width:89px;height:89px;display:block;border:none}
.footer-ewm p{font-size:14px;color:#737373;margin-top:12px}

.footer-lx-item{width:390px;float:left}
.footer-lx-item dt{ margin-top:24px;}
.footer-lx-item dd{line-height:2}
.footer-lx-item dd a{color:#ffffff;transition:all .1s}
.footer-lx-item dd a:hover{color:#f1070a;}


.footer-copyright{ background:#FFFFFF;font-size:16px; padding-left:60px; height:64px; line-height:64px;}
.footer-copyright p{font-size:18px;color:#2a2a2a; line-height:64px; height:64px;}
.footer-copyright img{ border:0; height:36px; padding-right:10px; padding-top:18px;}