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

*{padding: 0; margin: 0;}
body{ overflow-x: hidden;}
img{ border:none; font-size: 0; }
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
a{ text-decoration: none; color: black;display: inline-block; }
li{ list-style: none; }

.proxq{width:100%;margin:0vw auto;overflow: hidden;float: right;}
.proxq h3{font-size: 20px !important;padding: 10px 20px !important;background: #EAEAEA;
    color: #333;
    font-weight: bold;
    text-align: left;}

.proxq dl{margin:0;padding:0;}
.proxq dl dt{float:left;width:30%;margin-right:3%;}
.proxq dl dt img{width:100%;}
.proxq dl dt h4{font-size:16px;color:#333;padding:16px 0;font-weight:normal;float: left;padding-left:1vw;}


.news{width:100%;margin:2vw auto;overflow: hidden;float: right;}
.news h3{font-size: 20px !important;background: #EAEAEA;
    color: #333;padding: 10px 20px !important;
    font-weight: bold;
    text-align: left;}

.news dl{padding:0;margin:80px 0 0 0;}
.news dl dt{float:left;width:100% !important;margin-right:0%;border-bottom: 1px solid #ddd;margin-bottom: 4%;padding-bottom: 1%;text-align: left;}
.news dl dt img{width:35px !important;float: left;}
.news dl dt a{width:100%;}
.news dl dt span{font-size: 14px;
    color: #666;
    padding-top: 10px;
    float: right;
    padding-right: 30px;
    line-height: 45px;}
.news dl dt h4{font-size:16px;color:#333;padding:16px 0;font-weight:normal;float: left;padding-left:1vw;}
.news dl dt p{font-size:14px;color:#666;}

.tuwen{
    width: 100%;
    margin: 30px auto 0 auto;
    overflow: hidden;
    padding: 30px;
	background: #fff;
	}
.body_zuo{
	width: 350px;
    float: left;
	}
.body_zuo img{width: 100%;}
.body_you{   
    width:570px;
    float: right;
	}
.body_you h3{font-size:24px !important;margin: 0;color: #666;width: 70%;line-height: 25px;text-align: left;}
.body_you p{
	color: #e4393c;
    font-size: 14px;
    font-weight: normal;	
	padding-top: 15px;

	}

.lian{
    position: relative;
    margin-top: 5.125%;
    margin-top: 3vw;
    text-align: left;
}

.lian a{
    display: inline-block;
    margin-right: 3.125%;
    padding: 10px 30px;
    border-radius: 20px;
    background: #f08200;
    color: #fff;
    font-size: 16px;
}

.lian a:nth-child(2){
    background: #0269a7;
}

.lian i{
    padding-right: 10px;
}

.bg{background:url(../images/bgpic.jpg) no-repeat;margin-top:10px;height: 50px;background-size: cover;}
.bg p{color: #333;font-size: 14px;font-weight: normal; padding-left: 30px;padding-top: 30px;padding-bottom:5px;margin-bottom: 0;}
.bg p span{padding-left:70px;}
.bg dd{font-size: 16px;float: left;padding-right: 10px;padding-left: 0px;margin: 0;line-height: 50px;border-bottom: 1px solid #ddd;
    width: 100%;
    text-align: left;}
.bg dd span{color:#333; font-size:16px;font-weight:normal;padding-left:5px;}
.bg dt{}
.bg dm{font-size: 13px;
    color: #005aa0;
    height: 30px;
    line-height: 50px;
	padding: 2px 15px;
}
.gn{padding-top: 20px;overflow: hidden;width:100%;}
.gn dt{float: left;padding-top: 4px;line-height: 32px;
    padding-left: 0px;
    font-size: 14px;
    padding-right: 10px;
}
.gn ul{}
.gn ul li{}
.gn ul li dd{float: left;
    color: #666;
    background: #fff;
    width:auto;
    margin-left: 10px;
    text-align: center;
	border-radius: 1px;
    height: 35px;
    line-height: 35px;
	font-size: 14px;
	border:1px solid #ddd;
	padding: 0 15px;
}
.botton{padding-top:45px;overflow: hidden;}
.botton a{
    background: #eaffeb;
    float: left;
    overflow: hidden;
    width: 180px;
    font-size: 16px;
    text-align: center;
    height: 40px;
    line-height: 40px;
	}
.botton a.active{
	background: #1a80ff;
    width: 210px;
    margin-left: 0px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    text-align: center;
    color: #fff;
	 }
.botton1{padding-top:15px;overflow: hidden;}
.botton1 a{
    background: #e4393c;
    float: left;
    overflow: hidden;
    width: 180px;
    font-size: 16px;
    text-align: center;
    height: 40px;
    line-height: 40px;
	}
.botton1 a.active{
	background: #e4393c;
    width: 210px;
    margin-left: 0px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    text-align: center;
    color: #fff;
	 }
.cn{margin-top: 60px;
    overflow: hidden;
    width: 680px;
	border-top: 1px dashed #dedede;
	padding-top: 5px;
	}
.cn p{font-size: 14px;    
    width: 80px;
    float: left;
	}	 
.cn p span{color: #055e03; font-size:14px;font-weight: bold;
}	 
.cn dd{font-size: 14px; width: 330px;float: left;padding-top: 10px;font-weight: bold;
    color: #666;}	 
.cn dd span{padding-left:10px;}	 

.xia{width:1280px;margin:0 auto;overflow: hidden;}
.zuo{width:300px;float:right;background: #fff;margin-top: 20px;padding: 20px 25px;}
.liebiaor{width:100%;margin:0px auto 25px auto;overflow: hidden;padding:0px;}
.liebiaorT{font-size:16px;color:#333;font-weight:bold;overflow: hidden;}
.liebiaorT h3{font-size:16px;color:#333;font-weight:bold;float:left;}
.liebiaorT h3 span{margin-top:3px;position: relative;top: 4px;}
.liebiaorT h3 span img{width:18px;margin-right:8px;}
.liebiaorT a{float:right;color:#999;font-size:14px;}

/*图片放大镜样式
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}*/

/*图片小图预览列表*/
.spec-preview{width:318px;height:225px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.you{float: left;width: 910px;}

.dianpu{width:100%;border-bottom: 0px solid #ddd;}
.dianpu h3{font-size:16px;font-weight:bold;text-align: center;}
.dianpu ul{padding:0;margin:0 0 30px 0;}
.dianpu ul li{padding: 5px 0;background: #f1f1f1;margin: 15px 0px;}
.dianpu ul li a img{width:240px;height:auto;border-radius:0px;margin-top: 30px; margin-left: 30px;}
.dianpu ul li a{font-size:14px;color:#999;font-weight: bold;}
.dianpu ul li a dd{font-size:14px;color:#666;font-weight: normal;text-align:center;margin:10px 0 10px 0;}

.bangzhu{width:100%;border-bottom: 1px solid #ddd;padding-bottom: 20px;overflow: hidden;}
.bangzhu a{font-size:14px;color:#666;}
.bangzhu img{width:35px;height:auto;border-radius:0px;position: relative;top: 11px;right: 5px;padding-left: 25px;}

.dizhi{width:164px;float:left;height:35px;color:#999;font-size:12px;line-height:35px;margin-left:0px;padding-left:15px;outline:none;border: none;background:none;padding-right:10px;font-family:"Microsoft YaHei";}
.dignyue{width:50px;height:37px;color:#fff;font-size:12px;line-height:35px;margin-left:0px;padding-left:10px;outline:none;border: none;background:none;padding-right:10px;font-family:"Microsoft YaHei";background: #fb4747;}
.seach_y{margin-top:0px;overflow:hidden;border-radius:8px;background:#fff;width:73.1%;float:left;border:#ddd 1px solid;margin-left: 22px;margin-bottom:150px;}

.banner{width:100%;position: relative;}
.banner img{width:100%;position: relative;}
.banner h3{font-size:50px;font-weight:bold;color:#fff;position:absolute;top:200px;left:9vw;text-shadow: 3px 3px 7px #333;}
.banner dd{font-size:24px;font-weight:bold;color:#fff;position:absolute;top:270px;left:9vw;text-shadow: 3px 3px 7px #333;}

/*数字++++++++++*/
.digital{width: 100%;margin: 2vw auto 9vw auto;}
.mainll{width:100%;}
.mumping_mun li{width: auto;
    padding-right: 7.2vw;
    display: inline-block;
    height: 4vw;
    text-align: center;}
.mumping_mun li:nth-child(5){padding-right: 0vw;}
.mun_top{margin-bottom:-17px;}
.mumping_mun{width:1280px;list-style: none;margin: 0px auto;top:1.2vw;
    position: relative;}
.mumping_mun dd{font-size:0.8vw;width: 100%;display: block;clear: both;color: #666;text-align: center;font-weight:normal;padding-top: 0.3vw;}
.mumping_mun p{font-size: 12px;width: 100%;display: block;clear: both;color: #000;text-align: left;}
.mumping_mun h2{font-size:2.3vw;font-weight:bold;float: left;margin-right: 0.2vw;color:#000;font-family: 黑体;}
.mumping_mun span{color: #000;font-size: 12px;
    font-weight: normal;}
.mumping_mun img{padding:5px 0px 20px 0px;width:1.1vw;}

.lubo{ width: 100%; min-width:1000px;clear: both; position: relative;}
.lubo_box{ position: relative; width: 100%; padding-bottom:41%;}
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%;  opacity: 0;filter:alpha(opacity=0);z-index: 99;}
.lubo_box li a{ display: block;width: 100%;  height: 100%;position: relative;}
.lubo_box li img{ width: 100%;position: relative;}

.lubo_box li a h3{font-size:2.2vw;color:#fff;position: absolute;left:50%;top:38%;font-weight:bold;text-shadow: 1px 1px 1px #2373d2;margin-left: -50%;text-align: center;width: 100%;}
.lubo_box li a h3 span{color:#f08519;}
.lubo_box li a p{font-size:1vw;color:#fff;position: absolute;left:50%;top:47%;margin-left: -50%;text-align: center;width: 100%;text-shadow: 1px 1px 1px #2373d2;}
.lubo_box li a dd{font-size:16px;color:#fff;position: absolute;left:10%;top:49%;background:#2373d2;padding: 15px 55px;border-radius: 0px;}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 10px; height: 10px; margin:0 5px; cursor: pointer; background: #003366; opacity: 0.8;filter:alpha(opacity=80);border-radius: 50%;}
.cir_on{ background: #f08519 !important;}

/*服务*/
.more{ width: 160px; height: 40px; display: inline-block; line-height: 40px; background: #2373d2; margin-top:60px; position: relative;border-radius: 5px; color: #fff;float: left;margin-bottom:15px;}
.more a{ display: block; font-size: 16px; font-weight: normal; color: #fff; position: relative;left: 10px;}
.more:after{ content: ""; position: absolute; left: 25px; top: 20px; width: 27px; height: 2px; background-color: #fff;color: #0d8bd7; }
.more:before{ content: ""; position: absolute; left: 0; width: 0; height: 40px; color: #333; background:#fff;-webkit-transition: width .5s ease-in-out;transition: width .5s ease-in-out;border-radius: 5px;  }

.aboutall{width:100%;overflow:hidden;margin:100px auto 130px auto;}
.about{width:1280px;margin:0 auto;}
.aboutl{float:left;width:600px;}
.aboutl h3{color:#333;font-size:30px;padding-top:10px;font-weight:bold;}
.aboutl dd{color:#333;font-size:16px;padding:10px 0 40px 0;}
.aboutl p{color:#999;font-size:14px;line-height:25px;width:610px;text-align:left;margin:0 0 15px 0;}
.aboutl a{font-size: 14px;
    color: #02328d;
    padding: 0px 10px;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;}

.aboutl ul{padding:0;margin:70px 0 0 0;}
.aboutl ul li{float:left;border-left:2px solid #ddd;margin: 0 40px 0 0;padding-left: 40px;}
.aboutl ul li a{background: none;padding: 0;}
.aboutl ul li img{width:auto;float:left;padding-right: 20px;}
.allb{float:right;}
.allb h4{font-size:18px;color:#333;font-weight:bold;padding: 5px 0 5px 0;line-height: 25px;}
.allb dt{font-size:14px;color:#c7c7c7;font-weight:bold;line-height: 20px;}

.lian{
    position: relative;
    margin-top: 5.125%;
}

.lian a{
    display: inline-block;
    margin-right: 3.125%;
    padding: 10px 30px;
    border-radius: 20px;
    background: #f08200;
    color: #fff;
    font-size: 16px;
}

.lian a:nth-child(2){
    background: #0269a7;
}

.lian i{
    padding-right: 10px;
}

.aboutr{float:right;width:600px;}
.aboutr img{width:100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.aboutr:hover img{transform: scale(1.05,1.05);}

#wrapper {
				width:98%;
				height: auto;
				margin: 10px auto;		
				position: relative;		
			}

			#carousel {
				width: 72%;float:right;
				margin:3vw auto;
				overflow: hidden;
			}
			#carousel dl {
				list-style: none;
				display: block;
				margin: 20px 0 0 0;
				padding: 0;
				overflow: hidden;
			}
			#carousel dt {
				background: #fff;
    font-size: 40px;
    color: #999;
    text-align: center;
    display: block;
    width: 294px;
    height: auto;
    padding: 0;
    margin: 0.5vw 1vw 0.5vw 0vw;
    float: left;
    position: relative;
			}
			#carousel dt:nth-child(3n){margin-right: 0vw;}

			#carousel dt img {
				width: 90%;
				height: auto;
				margin-top: 15px;
				padding:0 5%;
			}
			
			#carousel dt h3{font-size: 16px;color:#333;text-align:left;padding:30px 0 5px 5%;font-weight: normal;}

            #carousel dt p{font-size: 14px;color:#666;text-align:left;line-height: 25px;padding:0px 0 40px 5%;}
	

			.clearfix {
				float: none;
				clear: both;
			}
			#carousel .prev, #carousel .next {
				background: transparent url(../images/carousel_control.png) no-repeat 0 0;
				text-indent: -999px;
				display: block;
				overflow: hidden;
				width: 15px;
				height: 21px;
				margin-left: 10px;
				position: absolute;
				top: 10vw;				
			}
			#carousel .prev {
				background-position: 0 0;
				left: -30px;
			}
			#carousel .prev:hover {
				left: -31px;
			}			
			#carousel .next {
				background-position: -18px 0;
				right: -20px;
			}
			#carousel .next:hover {
				right: -21px;
			}				
			#carousel .pager {
				text-align: center;
				margin: 0 auto;
			}
			#carousel .pager a {
				background: transparent url(../images/carousel_control.png) no-repeat -2px -32px;
				text-decoration: none;
				text-indent: -999px;
				display: inline-block;
				overflow: hidden;
				width: 8px;
				height: 8px;
				margin: 0 5px 0 0;
			}
			#carousel .pager a.selected {
				background: transparent url(../images/carousel_control.png) no-repeat -12px -32px;
				text-decoration: underline;				
			}
		
.current {
	width: auto;
	float: right;
	height: 66px;
	color: #858585;
	line-height: 65px;
	overflow: hidden;
	text-align: right
}
.current p{ position:relative; display:inline-block; padding-left:20px;}
.current p::before {
    content: '';
    position: absolute;
    top:50%;
    left: 0%;
    height:15px; background:url(../images/home_icon.png) center center no-repeat;
    width:16px; margin-top:-8px;
}

.current a {
	color: #858585;font-size: 14px;
}

.current a:hover {
	color: #0a3f74
}

.current span {
	color: #0a3f74;font-size: 14px;
	text-decoration: underline
}
.aboutm{
    min-height: 66px;
    border-bottom: solid 1px #e1e1e1;
}

.menu{font-size: 20px}
.menu ul{padding:0;margin:0;}
.menu ul li{float:left;margin-right:10px;}
.menu ul li a{padding:0 50px 0 0px;font-size:18px;color:#333;line-height: 60px;}
.menu ul li a.active{color:#004ea2;font-weight:bold;}

.shili{padding:0px 0 1px 0;height:auto;margin:0 auto 0px auto;text-align:center;background-image: url(../images/anlibg.png);overflow: hidden;}
.shili h3{font-size:20px;color:#333;margin:0px 0 5px 0;font-weight:normal;padding: 0px 0 5px 0;}


.sen{background-color: rgba(9,28,51,.27) !important;}

.zzsc{ width:1280px; height:auto; margin:0px auto; }
.zzsc .tab{ overflow:hidden;width: 600px;margin: 0 auto;}
.zzsc .tab a{ display:block; padding:30px 3%; float:left; text-decoration:none; color:#444;width:234px;font-size:16px;font-weight: normal;background: #fff;margin: 0 15px;}
.zzsc .tab a:hover{ background:#2373d2; color:#fff; text-decoration:none;}
.zzsc .tab a.on{ color:#333; text-decoration:none;}
.zzsc .tab a.yy1{background-image: url(../images/yy1.png);background-repeat:no-repeat;background-position: 30px center; }
.zzsc .tab a:hover.yy1{background-image: url(../images/yy1H.png);background-repeat:no-repeat;color:#fff; }
.zzsc .tab a.yy2{background-image: url(../images/yy2.png);background-repeat:no-repeat;background-position: 30px center; }
.zzsc .tab a:hover.yy2{background-image: url(../images/yy2H.png);background-repeat:no-repeat;color:#fff; }
.zzsc .tab a.yy3{background-image: url(../images/yy3.png);background-repeat:no-repeat;background-position: 50px center; }
.zzsc .tab a:hover.yy3{background-image: url(../images/yy3H.png);background-repeat:no-repeat;color:#fff; }
.zzsc .tab a.yy4{background-image: url(../images/yy4.png);background-repeat:no-repeat;background-position: 50px center; }
.zzsc .tab a:hover.yy4{background-image: url(../images/yy4H.png);background-repeat:no-repeat;color:#fff; }
.zzsc .content{ overflow:hidden; padding:10px;}
.zzsc .content li{ display:none;padding: 40px 0;}

.zzxq{width:100%;margin-right:0;}
.zzxq dl{padding:0;margin:0;}
.zzxq dl dt{float:left;width:32.333%;margin-right:1%;background: #fff;}
.zzxq dl dt:nth-child(3){margin-right:0px;}
.zzxq dl dt img{width:90%;padding-top: 5%;}
.zzxq dl dt h3{font-size: 16px;color:#333;text-align:left;padding:30px 0 5px 5%;font-weight: normal;}
.zzxq dl dt p{font-size: 14px;color:#666;text-align:left;line-height: 25px;padding:0px 0 40px 5%;}

/*优势*/
.yf_fuwuall{width:100%;overflow: hidden;margin: 5vw auto 8vw auto;padding:120px 0 0vw 0;background-image: url(../images/anlibg.png);}
.yf_fuwu{width: auto;margin: 0 auto;position: relative;overflow: hidden;}
.yf_fuwu h3{font-size:36px;color:#333;margin:0px 0 5px 0;font-weight:bold;padding: 0px 0 5px 0;text-align:center;}
.yf_fuwu p{font-size:16px;color:#666;text-align:center;margin-top:0px;line-height:25px;letter-spacing: 0px;}
.fuwu{width: 1200px;
    margin: 0 auto;
    overflow: hidden;margin-top: 4vw;margin-bottom: 5vw;}
.fuwu ul{width:100%;}
.fuwu ul li{width: 25%;
    float: left;position: relative;}
.fuwu ul li:hover{width: 25%;background: #f13463;z-index: 99;float: left;position: relative;color: #f13463;}
.fuwu ul li img{margin-bottom: 1.5vw;width:100%;position: relative;}
.fuwu ul li:hover img{background: #f13463;width:100%;}
.fuwu ul li a{text-align: center;
    font-size: 20px;
    color: #fff;
	position: absolute;
    z-index: 99;
	bottom: 160px;
    font-weight: normal;
    padding: 25px 85px;
}
.small{position: absolute;bottom:11vw;
    width: 120px;
    margin: 0px 6vw;}
.small img{position: absolute;width: 56px !important;}

.box3{width:100%;margin:0 auto;margin-top: 20px;}
.box3 .tlt2{
    text-align: center;
    font-size: 24px;
    color: #b43134;
    line-height: 110px;
    font-weight: bold;
    padding: 50px 0 30px;
}
.box3 ul li{
    width: 25%;
    height: auto;
    float: left;
    position: relative;
    padding-top: 48px;
}
.box3 ul li img{width:100%;}
.box3 ul li .img{
    width: 300px;
    height: 502px;
}
.box3 ul li .marks{
    width: 100%;
    background: #2b4279;
    height: 0;
    transition: .3s;
    position: absolute;
    bottom: 0;
    z-index: 9;
}
.box3 ul li:hover .marks{
    height: 100%;
}
.box3 ul li .wz{
    width: 100%;
    padding:80px 0px;
    text-align: center;
    position: absolute;
    top: 180px;
    z-index: 10;
    transition: .5s;
}
.box3 ul li .wz img{width: 40px !important;
    background: #f08519;
    border-radius: 50%;
    padding: 10px 12px;}
.box3 ul li .wz h3{
    font-size: 28px;
    color: #fff;
    line-height: 50px;
    font-weight: bold;
    background: url(../images/line01.png) no-repeat center bottom;
    padding-bottom: 0px;
	padding-top:2vw;
	text-shadow: 2px 3px 4px #000;
}
.box3 ul li .wz h3 span{color:#f08519;}
.box3 ul li .wz .info1{
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    text-align: left;
    letter-spacing: 0px;
    margin-top: 0px;
	padding:0 90px 20px 90px;
	text-shadow: 2px 3px 3px #000;
}
.box3 ul li .wz .info2{
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    text-align: left;
    letter-spacing: 0px;
    margin-top: 0px;
	padding:20px 90px;
    display: none;
}
.box3 ul li:hover .info1{
    display: none;
}
.box3 ul li:hover .info2{
    display: block;
}
.box3 ul li:hover .wz{
    top: -20px;
}


/*案例*/
.anliall{width:100%;background-image: url(../images/anlibg.png);padding:5vw 0 2vw 0;margin-bottom:0vw;}
.anli{width:1280px;margin:0px auto 100px auto;text-align: center;}
.anli h3{color:#333;font-size:36px;padding: 15px 0 10px 0;}
.anli p{font-size:16px;color:#666;text-align:center;margin-top:0px;line-height:25px;letter-spacing: 0px;padding-bottom: 15px;}

.kehu{width:100%;overflow: hidden;margin:50px auto 20px auto;}
.kehu ul{padding:0;margin:0;}
.kehu ul li{float:left;width:24.25%;background: #ededed;height: auto;text-align: center;margin-right: 1%;margin-bottom: 1%;}
.kehu ul li:nth-child(4n){margin-right:0px;}
.kehu ul li a{color:#333;font-size:18px;line-height: 45px;}
.kehu ul li a img{width: 100%;}

/*about*/

.ft36{
    font-size: 30px;
}
.clff{
    color:#fff;
}
.pro {
    position: absolute;
}
.pre {
    position: relative;
}
.wel2-all{
    width: 1280px;
    display: flex;
    font-size: 0;
	margin:0 auto;
}
.wel2-left{
    width: 49%;
	margin-right: 0.5%;
}
.wel2-img{
    overflow: hidden;
}
.wel2-img img{
    width: 100%;
    transition: all .3s ease;
}
.wel2-left:hover .wel2-img img{
    transform: scale(1.05);
}
.wel2-mid,.wel2-right{
    width: 25.25%;
}
.wel2-left-zz{
    top:0;
    left: 0;
    background: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
    text-align: center;
}
.wel2-left-text{
    line-height: 1.4;
    margin-bottom: 5px;
	font-weight: bold;
    font-size: 28px;
}
.wel2-all-btn{
    width: 200px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
    position: relative;
    transform: translateZ(-25px) rotateX(0);
    transform-style: preserve-3d;
}
.wel2-all-btn a{
    width: 100%;
    font-size: 14px;
    color:#fff;
    line-height: 45px;
    text-align: center;
    font-weight:bold;
}
.wel2-all-btn2{
    background: #043885 !important;
    transform: rotateX(-90deg) translateZ(-30px);
    transform-style: preserve-3d;
}
.on-ar2{
    transform: translateZ(-25px) rotateX(90deg);
}
/* .wel2-all-btn:hover{
    transform: translateZ(-25px) rotateX(90deg);
} */
.wel2-jz{
    position: relative;
    top:50%;
    transform: translateY(-50%);
}
.wel2-all-title{
    font-size: 60px;
    color: #a0131a;
    line-height: 1.1;
    display: inline-block;
   
}
.wel2-all-title2{
    margin-top: 120px;
}
.ds-ldc{
    width: 100%;
    height: 100px;
}
.wel2-all{
    margin-top: 50px;
}
.wel2-mid-img{
    overflow: hidden;
}
.wel2-mid-img img{
    width: 100%;
    transition: all .3s ease;
}
.wel2-mid-top:hover img{
    transform: scale(1.05);
}
.wel2-mid-bottom{
}
.wel2-mid-img2{
    width: 100%;
    height: 100%;
    text-align: center;
    top:0;
    left: 0;
}
.wel2-i2-bfb{
    font-size: 36px;
    color:#4170bc;
    line-height: 1.1;
    
    display: inline-block;
}
.ldc-add-1{
    line-height: 0.9;
}
.ldc-add-1 span{
    font-size: 36px;
    color:#4170bc;
    
}
.ldc-add-2 span{
    font-size: 42px;
    color:#fff;
    
}
.wel2-i2-text{
    color:#1a1a1a;
    line-height: 1.6;
    margin: 0px 0 30px 0;
}
.wel2-i2-btn{
    background: #f08519;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    transition: all .3s ease;
    height: 40px;
    width: 200px;
    margin: 0 auto;
    line-height: 40px;
}
.wel2-i2-btn span{
    display: inline-block;
    vertical-align: middle;
    color:#fff;
    position: relative;
    left: 0;
    transition: all .2s ease;
}
.wel2-mid-bottom:hover .wel2-i2-btn{
    color:#a0131a;
}
.wel2-mid-bottom:hover .wel2-i2-btn span{
    color:#a0131a;
    left: 10px;
}
.wel2-mid-all{
    position: relative;
    top:50%;
    transform: translateY(-50%);
}
.wel2-mid-zz span,.wel2-rt-zz span{
    width: 50px;
    height: 3px;
    background: #fff;
    display: block;
}
.wel2-mid-zz{
    width: 100%;
    padding-left: 11.3%;
    padding-bottom: 27px;
    bottom:0;
    left: 0;
    box-sizing: border-box;
    background: linear-gradient(transparent, #333);
}
.wel2-mid-zztitle{
    line-height: 1;
    margin-top: 25px;
	font-size:18px;
	font-weight:bold;
}
.wel2-rt-img2{
    background: #4170bc;
    opacity: .95;
}
.wel2-rt-img3{
    background: #f08519;
    opacity: .95;
}
.wel2-i2-bfb2{
    color:#fff;
}
.wel2-i2-text2{
    color:#fff;
}
.ft16 {
    font-size: 18px;
    font-weight: bold;
}
.wel2-rt-zz{
    width: 100%;
    padding-left: 11.3%;
    padding-top: 27px;
    top:0;
    left: 0;
    box-sizing: border-box;
}
.bt-zz{
    width: 100%;
    height: 20%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(transparent, #333);
}
.wel2-line{
    width: 100%;
    height: 8px;
    background: #043885;
}
.wel-list3{
    display: flex;
}

.wel-list2 {
    width: 100%;
    margin: 0 auto;
    padding: 0px 0 40px 0;
    background: #fff;
}

.wel-list2 h3{font-size:36px;color:#333;margin:0px 0 5px 0;font-weight:bold;padding: 0px 0 5px 0;text-align:center;}
.wel-list2 p{font-size:16px;color:#666;text-align:center;margin-top:0px;line-height:25px;letter-spacing: 3px;}

.js-m.animate-left100 {
    opacity: 0;
    -webkit-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate(-100px, 0px);
    -webkit-transition: 1.5s ease-in-out;
    transition: 1.5s ease-in-out;
}
.js-m.animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.js-m.animate {
    opacity: 1 !important;
    -webkit-transform: translate(0, 0px) !important;
    -ms-transform: translate(0, 0px) !important;
    transform: translate(0, 0px) !important;
}
.js-m {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.wel2-left {
    overflow: hidden;
}

/*product*/
.productall{width:100%;background-image: url(../images/anlibg.png);padding:5vw 0;margin-bottom:0vw;}
.product{width:80vw;margin:0vw 0vw 0vw 10vw;overflow: hidden;text-align:center;}
.product h3{color:#222;font-size:2.8vw;padding: 15px 0 15px 0;}
.product dt{background:#2373d2;width:70px;height:8px;margin:0 auto;}
.product span{font-size:1.15vw;color:#777;display: block;padding-bottom: 2vw;}

#pron{width:100%;margin:0px auto 0 auto;}
#pron .active{background:#2373d2;color:#FFF;}
#pron h3{line-height:60px;text-align:center;float:left;height:60px;width:33.333333%;margin::0px;padding:0px;background-color: #d2d7de;font-size:18px;color:#333;font-weight:normal;cursor:pointer;}
#pron div{font-size:14px;display:none;clear:both;height:auto;padding:20px 0px 0px 0px;}
#pron div ul{padding:0;margin:0;width:100%;overflow:hidden;}
#pron div ul li{float:left;overflow:hidden;width:24%;margin-right:1%;}
#pron div ul li:nth-child(4){margin-right:0px;}
#pron div ul li img{width:100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
#pron div ul li:hover img{transform: scale(1.05,1.05);}
#pron div ul li h4{background:#d2d7de;color:#333;font-size:16px;height:50px;line-height:50px;font-weight:normal;text-align:center;}

/*news*/

.tch_jishu{width:1280px;margin:0 auto;overflow: hidden;margin-top: 6vw;margin-bottom: 0vw;text-align: center;}
.tch_jishu h3{font-size: 36px;
    font-weight: bold;color: #333;margin-bottom: 0.5vw;}
.tch_jishu span{font-size:16px;text-align: center;
    font-weight:normal;color: #666;}
.tch_jishu a{font-size:14px;
    font-weight:normal;color:#004ea2;float: right;padding-top: 1.5vw;border-bottom: 1px solid #004ea2;}
.jishu{width:100%;margin:100px auto;overflow: hidden;margin-top:3vw;}
.jishu ul{width:100%;margin:0 auto;overflow: hidden;}
.jishu ul li{width:32%; height: 227px;margin-right:2%;margin-bottom: 1.5vw;float: left;background:#f6f6f6;}
.jishu ul li:nth-child(3n){margin-right:0%;}
.nei{padding:6%;width:88%;}
.n_z{width:20%;float: left;text-align: right;}
.n_z p{color: #666;font-size: 0.85vw;text-align: left;}
.n_z h4{font-size: 1.1vw;margin-bottom: 2vw;color: #000;text-align: left;}
.n_z img{width:50px;float: left;}
.n_y{width: 64%;float: right;}
.n_y h3{font-size: 0.9vw;color: #000;margin-bottom: 1.5vw !important;font-weight: normal;text-align: left;}
.n_y p{font-size: 0.7vw;color: #666;line-height: 25px;text-align: left;}
.n_y a{font-size: 12px;color: #004ea2;border-bottom: 1px solid #004ea2;float: left;font-weight: bold;padding-top:1.8vw;}



.company_nr {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    width: 600px;
    text-align: justify;
    margin: 0px 0px;
	background: #2373d2;
    position: absolute;
    bottom: 0.2vw;
    padding: 0 0 0 2vw;
    height: 8vw;
    border-top-left-radius: 0px;
}
.company_nr a{margin-top:2vw;}
.company_nr h4{font-size: 1vw;margin-top: 0.8vw;color: #fff;font-weight:normal;}

.newsl:hover .company_nr {background: #f7f6f6;}
.newsl:hover .company_nr h4{color:#333;}
.newsl:hover .zmc{color: #2373d2;font-size: .7vw;}
.newsl:hover .zriqi{font-size: 0.8vw;font-weight: 500;color: #333;}
.newsl: .zyihang{width:100%;color:#333;}

.zyihang{width:100%;color:#fff;}
.zmc{color: #fff;font-size: .7vw;}
.zriqi{font-size: 0.8vw;font-weight: 500;color: #fff;}

.newsl{float:left;width:66%;position: relative;margin-top: 0vw;}
.newsl img{width:100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.newsl:hover img{transform: scale(1,1);}
.newsbg{position: relative;}
.newsbg img{position: relative;}
.newslb{position: absolute;top: 2vw;z-index: 98;left:0vw;}
.newslb img{}

/*移动端*/
@media screen and (max-width: 767px) and (min-width: 0px){
.lubo{ width: 100%; min-width:100%;clear: both; position: relative;}
.lubo_box {
    position: relative;
    width: 100%;
    padding-bottom: 60%;
}
.lubo_box li img {
    width: 100%;
    position: relative;
    height: 60vw;
}
.lubo_box li a h3 {
    font-size: 4.5vw;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 43%;
    font-weight: bold;
    text-shadow: 1px 1px 1px #2373d2;
    margin-left: -50%;
    text-align: center;
    width: 100%;
}
.lubo_box li a p {
    font-size: 3.5vw;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 55%;
    margin-left: -50%;
    text-align: center;
    width: 100%;
    display:none;
}
.shili {
    padding: 0px 0 1px 0;
    height: auto;
    margin: 0 auto 30px auto;
    text-align: center;
    background-image: url(../images/anlibg.png);
    overflow: hidden;
}
.shili h3 {
    font-size: 5vw;
    color: #333;
    margin: 0px 0 0px 0;
    font-weight: bold;
    padding: 10vw 0 5px 0;
}
.shili span {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-top: 10px;
    line-height: 25px;
    letter-spacing: 3px;
}
.zzsc {
    width: 94%;
    height: auto;
    margin: 30px auto;
}
.zzsc .tab {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}
.zzsc .tab a {
    display: block;
    padding: 15px 1%;
    float: left;
    text-decoration: none;
    color: #444;
    width: 46%;
    font-size: 13px;
    font-weight: normal;
    background: #fff;
    margin: 0 1%;
}
.zzsc .tab a.yy1 {
    background-image: url(../images/yy1.png);
    background-repeat: no-repeat;
    background-position: 30px center;
	background-size: 16%;
    }
.zzsc .tab a.yy2 {
    background-image: url(../images/yy2.png);
    background-repeat: no-repeat;
    background-position: 30px center;
	background-size: 16%;
}
#wrapper {
    width: 94%;
    height: auto;
    margin: 10px auto;
    position: relative;
}
#carousel dt {
    background: #fff;
    font-size: 40px;
    color: #999;
    text-align: center;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0.25vw;
    float: left;
    position: relative;
}
#carousel .prev, #carousel .next {
    background: transparent url(../images/carousel_control.png) no-repeat 0 0;
    text-indent: -999px;
    display: block;
    overflow: hidden;
    width: 15px;
    height: 21px;
    margin-left: 10px;
    position: absolute;
    top: 35vw;
}
.zzxq dl dt {
    float: left;
    width: 100%;
    margin-right: 1%;
    background: #fff;
}
.wel-list2 h3 {
    font-size: 5vw;
    color: #333;
    margin: 0px 0 5px 0;
    font-weight: bold;
    padding: 0px 0 5px 0;
    text-align: center;
}
.wel-list2 p {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-top: 0px;
    line-height: 25px;
    letter-spacing: 3px;
	margin-bottom: 3vw;
}
.zzsc .content li {
    display: none;
    padding: 0px 0;
    padding-bottom: 0px;
}
.wel2-all {
    width: 94%;
    display: block;
    font-size: 0;
    margin: 0 auto;
}
.wel2-mid, .wel2-right {
    width: 100%;
}
.wel2-left-text {
    line-height: 1.4;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 4.5vw;
}
.wel2-left {
    width: 100%;
    margin-right: 0.5%;
}
.js-m {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    width: 49%;
    margin:0 0.5%;
}
.wel2-left {
    width: 99% !important;
    margin:1% 0.5%;
}
.ft16 {
    font-size: 4vw;
    font-weight: bold;
}
.wel2-mid-zztitle {
    line-height: 1;
    margin-top: 25px;
    font-size: 4vw;
    font-weight: bold;
}
.digital {
    width: 94%;
    margin: 2vw auto 9vw auto;
}
.mumping_mun {
    width: 98%;
    list-style: none;
    margin: 0px auto;
    top: 1.2vw;
    position: relative;
}
.mumping_mun dd {
    font-size: 3.5vw;
    width: 100%;
    display: block;
    clear: both;
    color: #666;
    text-align: center;
    font-weight: normal;
    padding-top: 2vw;
}
.mumping_mun h2 {
    font-size: 5vw;
    font-weight: bold;
    float: left;
    margin-right: 2vw;
    color: #000;
    font-family: 黑体;
}
.mumping_mun li {
    width: auto;
    padding-right: 5vw;
    display: inline-block;
    height: 18vw;
    text-align: left;
}
.mumping_mun li:nth-child(3) {
    padding-right: 0vw;
}
.mumping_mun li:nth-child(4) {
    padding-right: 0vw;
    display:none;
}
.mumping_mun li:nth-child(5) {
    padding-right: 0vw;
    display:none;
}

.yf_fuwuall {
    width: 100%;
    overflow: hidden;
    margin: 5vw auto 8vw auto;
    padding: 20px 0 0vw 0;
    background-image: url(../images/anlibg.png);
}
.yf_fuwu h3 {
    font-size: 5vw;
    color: #333;
    margin: 0px 0 5px 0;
    font-weight: bold;
    padding: 0px 0 5px 0;
    text-align: center;
}
.yf_fuwu p {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-top: 0px;
    line-height: 25px;
    letter-spacing: 3px;
}

.box3 ul li {
    width: 49%;
    height: auto;
    float: left;
    position: relative;
    padding-top: 0px;
    margin: 0 0.5%;
}
.box3 {
    width: 94%;
    margin: 0 auto;
    margin-top: 20px;
    overflow: hidden;
}

.box3 ul li .wz {
    width: 100%;
    padding: 0px 0px;
    text-align: center;
    position: absolute;
    top: 28vw;
    z-index: 10;
    transition: .5s;
}
.box3 ul li .wz h3 {
    font-size: 4vw;
    color: #fff;
    line-height: 50px;
    font-weight: bold;
    background: url(../images/line01.png) no-repeat center bottom;
    padding-bottom: 0px;
    padding-top: 0vw;
    text-shadow: 2px 3px 4px #000;
}
.box3 ul li .wz img {
    width: 20px !important;
    background: #f08519;
    border-radius: 50%;
    padding: 10px 12px;
}
.box3 ul li .wz .info1 {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    text-align: left;
    letter-spacing: 0px;
    margin-top: 0px;
    padding: 0 61px 20px 20px;
    text-shadow: 2px 3px 3px #000;
    width: 1280px;
    display: none;
}.newsall {
    position: relative;
    height: auto;
    width: 100%;
}
.news {
    width: 94%;
    margin: 0vw auto;
    overflow: hidden;
    position: relative;
    left: 0vw;
    z-index: 99;
    top: 0vw;
}
.newsl {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 0vw;
}
.newsr {
    float: right;
    width: 100%;
	margin-top: 5vw;
}
.newsr ul {
    padding: 0;
    margin: 0;
    margin-top:1vw;
}
.newsr ul li {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 3.2vw 0;
}
.newsr h3 {
    color: #333;
    font-size: 5vw;
    padding: 0px 0 10px 0;
}
.newsr dd {
    font-size: 14px;
    color: #777;
    display: block;
    padding-bottom: 1vw;
    letter-spacing: 3px;
}
.company_nr {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    width:100%;
    text-align: justify;
    margin: 0px 0px;
    background: #2373d2;
    position: absolute;
    bottom: 0.2vw;
    padding: 0 0 0 2vw;
    height: 20vw;
    border-top-left-radius: 0px;
}
.zmc {
    color: #fff;
    font-size: 3vw;
}
.zriqi {
    font-size: 3vw;
    font-weight: 500;
    color: #fff;
}
.mc {
    color: #2373d2;
    font-size: 3vw;
}
.riqi {
    font-size: 3vw;
    font-weight: 500;
    color: #222;
}
.erhang {
    font-size: 3.5vw;
    margin-top: 2vw;
    color: #333;
}
.company_nr h4 {
    font-size: 3.5vw;
    margin-top: 0vw;
    color: #fff;
    font-weight: normal;
    line-height: 18px;
}
.anliall {
    width: 100%;
    background-image: url(../images/anlibg.png);
    padding:3vw 0 2vw 0;
    margin-bottom: 0vw;
    margin-top: 0vw;
}
.anli h3 {
    color: #333;
    font-size: 5vw;
    padding: 15px 0 10px 0;
}
.anli p {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-top: 0px;
    line-height: 25px;
    letter-spacing: 3px;
}
.kehuliebiao {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}
.kehuliebiao {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}
.anli {
    width: 94%;
    margin: 0px auto 50px auto;
    text-align: center;
}
.kehuliebiao ul li img {
    margin: 30px auto;
    width: 100%;
}
.kehuliebiao ul li {
    float: left;
    width: 33%;
    text-align: center;
    border-left: 1px solid #d4dbfa;
    border-right: 1px solid #d4dbfa;
    margin: 0px -1px 0px 0;
    background: #fff;
}
.kehuliebiao ul li:nth-child(10) {display:none;}
.wel2-i2-btn {
    background: #f08519;
    font-size: 3vw;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    transition: all .3s ease;
    height: 35px;
    width: 30vw;
    margin: 0 auto;
    line-height: 35px;
}
#carousel {
    width: 100%;
    float: right;
    margin: 3vw auto;
    overflow: hidden;
}
.body_you {
    width: 96%;
    float: left;
}
.lian a {
    display: inline-block;
    margin-right: 3.125%;
    padding: 10px 10px;
    border-radius: 20px;
    background: #f08200;
    color: #fff;
    font-size: 16px;
}
.pro-right p img {
    width: 100% !important;
    height: auto !important;
}
.pro-right div img {
    width: 100% !important;
    height: auto !important;
}
#carousel dt img {
    width: 100%;
    height: auto;
    margin-top: 15px;
    padding: 0 0%;
}
}