@charset "utf-8";
@font-face {font-family:'helvet';src: url('fonts/HelveticaNeueLTPro-ThEx.otf');font-weight: normal;font-style: normal;}
* {padding:0;margin:0;box-sizing:border-box}
ul li {list-style:none;}
a {text-decoration:none;font-family:"Microsoft YaHei","宋体";font-size:14px;transition:all 0.3s}
img {border:none}
input {border:none;background:none;}
input, textarea {font-family:Arial, "Microsoft YaHei";outline:0;font-size:14px;-webkit-appearance:none;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.ellipsis {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}
html, body {font:14px Arial,"Microsoft YaHei";color:#666;width:100%;height:100%;background:#fff;transition:all 0.3s}
.fw {margin:0 auto;width:1400px;}
/*----0907-----*/
.headline {width:100%;height:40px;background:#f2f2f2;line-height:40px}
.headline .fr a {padding:5px 15px 5px 17px;font-size:14px;color:#666}
.headline .fr a:hover {color: #e01e3c}
.headline .fr a.phone {display:none}
.headline .fr a.qq i {color: #287feb}
.headline .fr a.wx i {color: #3cb035}
.headline .fr a.wx {position:relative}
.headline .fr a.tel i {color: #eb2852}
.headline .fr a i {padding-right: 5px}
.headline .fr .wxm{width: 150px;height: 150px; display: none; margin-left: 90px; position: absolute;top: 35px; right:0; z-index:9999;border: 1px #ddd solid;}
.headline .fr .wxm img{display: block;width: 100%;height: 100%;}
.headline .fr .wx:hover .wxm{display: block;}
/*----0907-----*/
.head {position:fixed;top:40px;width:100%;border-bottom:1px solid rgba(255,255,255,0.2);z-index:999;transition:all 0.3s}
.head .fw {width:1400px;height: 100%}
.head .fl {height: 100%}
.head .fl a.logo {height: 100%;display: block;transition: all 0.3s}
.head .logo img {margin-top:17px;transition: all 0.3s}
.head_nav {margin-left:50px}
.head_nav li {float:left}
.head_nav li a {font-size:16px;color:#0d0d0d;display:block;height:107px;line-height:107px;padding:0 20px;transition:all 0.3s;position: relative}
.head_nav li a:before {content:'';position:absolute;width:0;height:2px;background:#e01e3c;left:0;bottom:0;opacity:0;transition:all 0.3s}
.head_nav li.cur a:before,.head_nav li:hover a:before {opacity:1;width:100%}
.head_nav li.cur a {font-weight:bold}
.head_nav li dl {position:absolute;top:117px;background:#fff;width:560px;z-index:999;visibility:hidden;opacity:0;padding:10px 0;box-shadow:2px 5px 10px rgba(23,23,103,0.28);transition:all 0.3s}
.head_nav li dl dd {float:left;width:50%;padding:0 10px}
.head_nav li dl dd a {display:block;font-size:14px;color: #666; height: 38px; line-height:38px;border-bottom:1px solid #eee;border-radius: 5px;transition: all 0.3s; padding:0 5px}
.head_nav li.cur dl dd a {color:#333}
.head_nav li dl dd a:before {display:none}
.head_nav li dl dd a:hover {background:#0084ff;color:#fff;padding-left: 15px}
.head_nav li:hover dl {visibility:visible;top:107px;opacity:1}


.topline {float:right;padding-top:26px;transition: all 0.3s}
.topline p {font-size:14px;color:#666}
.topline p i {padding-right:5px}
.topline h1 {font-size:31px;color:#e60039}

.small_head {/*background:#0084ff;*/ top:0;background:#0065BC;box-shadow:0 10px 20px rgba(0,0,0,0.1);border-bottom:1px solid #ddd}
/*.small_head .logo img {height: 80%;display: block;margin-top: 6px}
.small_head .head_nav li a {height: 67px;line-height: 67px}
.small_head .topline {padding-top: 6px}
.small_head .head_nav li:hover dl {visibility:visible;top:67px;opacity:1}
.small_head .head_nav li dl dd a {display:block;font-size:13px;height:38px;line-height:38px;border-bottom:1px solid #eee;padding:0 5px;text-align:left}*/

.fullSlide {
	width:100%;
	position:relative;
	height:520px;
	/*background:#000;*/
	transition:none;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
	width:100%
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:776px;
	overflow:hidden;
	text-align:center;
	transition:none
}
.fullSlide .bd li a {
	display:block;
	height:776px;
	transition:none
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
	display:none
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:16px;
	height:2px;
	margin:1px;
	overflow:hidden;
	background:#EE0E51;
	color:#fff;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:16px;
}
.fullSlide .hd ul .on {
	background:#EE0E51;
	filter:alpha(opacity=100);
	opacity:1;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:0;
	z-index:1;
	width:40px;
	height:60px;
	background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:0;
	background-position:-6px -137px;
}
.banner_bg {width: 100%;background: #f2f2f2}
.banner_bg img {display: block;margin: 0 auto;width: 100%}

.search-top {height:85px;margin:-85px auto 0;position:relative;z-index:99}
.search-top .fw {background:#fff;box-shadow:0 10px 30px rgba(0,0,0,0.2);}
.search-top .tt {float:left;font-size:18px;color:#333;width:189px;text-align:center;line-height:85px;font-weight:bold;border-right:1px solid #eee}
.search-top .tt i {color:#0084ff;font-size:24px;margin-right:10px}
.search-top form {width:27%;float:left;}
.search-top input.text1 {
	width:216px;
	height:41px;
	line-height:41px;
	border-radius:5px;
	padding:0 10px;
	background:#f2f2f2;
	float:left;
	margin: 23px 20px 0 27px ;
	}
.search-top input.text2 {width:68px}
.search-top .btn1 {
	width:115px;
	height:41px;
	margin-top:23px;
	display:block;
	background:#e01e3c;
	border:0;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-size:14px;
	line-height:41px;
	margin-right:30px;
	border-radius:5px
	}
.search-top .btn1:hover {background:#0084ff}
.select_box{
	position:relative;cursor:pointer;
	background:#f2f2f2;
	font-size:12px;
	color:#000;
	height:41px;
	line-height:41px;
	border-radius:5px;
	z-index:500;
	float:left;
	margin-left:27px;
	margin-top:23px
	}	
.selet_open{display:inline-block;position:absolute;right:0;top:0;width:40px;height:41px; background:url(../images/search_icon1.png) no-repeat center center;}
.select_txt1{display:inline-block;padding-left:10px;font-size:14px;width:216px;line-height:41px;height:41px;cursor:text;overflow:hidden; z-index:200;}
.option{width:100%;border:solid 1px #EDE7D6;position:absolute;top:40px;left:-1px;z-index:999;overflow:hidden;display:none;}
.option a{display:block;height:35px;line-height:35px;text-align:left;padding:0 10px;width:100%;background:#fff;color:#666}
.option a:hover{background:#0084ff; color:#fff;}
.fw .nr{height: 83px;line-height: 83px;margin: 0 20px;overflow: hidden;width: 550px;display: inline-block;}

.phone_search {width:100%;background:#e60039;padding:10px;box-sizing:border-box;display:none;}
.phone_search .text {display:block;box-sizing:border-box;background:#fff;width:100%;height:40px;position:relative;border-radius:20px;line-height:40px;font-size:14px;color:#666;padding-left:20px}
.phone_search .text i {font-size:18px;color:#666;position:absolute;right:20px;line-height:40px}
.search-over{display:none;position:fixed;z-index:9991;left:0;top:0;width:100%;height:100%;background:#FFF;/*opacity:0.9;*/}
.search-warmp{display:none;position:fixed; z-index:9992;left:0;top:0;width:100%;font-family:Microsoft Yahei;color:#757575;}
.search-hd{padding:1em;overflow:hidden;background:#ececec;border-bottom:1px solid #dcdcdc;}
.search-hd .bd{position:relative;float:left;width:80%;overflow:hidden;background:#FFF;border-radius:0.3em;}
.search-hd .keywords{width:88%;padding:0 10% 0 2%;height:2em;border:none;font-size:1em;line-height:2em;color:#757575;font-family:Microsoft Yahei;outline:none;box-shadow:0 0 0.2em #ababab;}
.search-hd .bd i{display:none;position:absolute;right:0.5em;top:0.5em;width:1em;height:1em;background:#ececec url(../images/search-clear.png) center center no-repeat;background-size:0.5em 0.5em;border-radius:100%;cursor:pointer;}
.search-button{float:left;width:20%;height:2em;line-height:2em;text-align:center;}

.search-warmp h1.tt {background:#d7003f;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;font-size:18px;position:relative}
.search-warmp h1.tt a.cancel {position:absolute;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;right:0;top:0;font-family:helvet;font-size:14px}
.search-warmp dl {padding:10px}
.search-warmp dl dd {border:1px solid #ddd;margin-bottom:10px}
.search-warmp dl dd .text1 {height:30px;line-height:30px;padding:0 10px;width:100%;border:0}
.search-warmp .btn1 {width:50%; display:block;margin:0 auto; height:35px;line-height:35px;background:#333;color:#fff;text-align:center;border:0;padding:0}

.more-in {display:block;width:149px;text-align:center;height:39px;line-height:39px;border-radius:40px;background:#e01e3c;color:#fff;}
.more-in:hover {background:#0084ff}
.title_in {text-align:center}
.title_in h2 {font-size:40px;font-weight:bold;color: #666}
.title_in h3 {text-align:center;color:#666;font-size: 24px;line-height: 24px;margin-top: 10px;font-weight: normal;}

.w1200 { max-width:1200px; margin:0 auto; }
/*top end*/



/**/
.about1{padding-top:90px;width:100%;height:510px;background:url("../images/aboutbg.jpg")top center no-repeat; margin-top: 30px;}
.about1 .ct{margin: 0 auto;width: 63%;}
.about1 .about_c .about_img{/*margin-right: 95px;*/}
.about1 .about_c .about_p .abt{margin-bottom: 20px;}
.about1 .about_c .about_p .abt h2{text-align: right;height: 35px;line-height: 35px;font-size: 30px;font-weight: normal;}
.about1 .about_c .about_p .abt h3{text-align: right;font-size: 20px;font-weight: normal;height: 30px;line-height: 30px;}
.about1 .about_c .about_p{position:relative;width:50%;height:410px;line-height:24px;color:#565656;font-size:14px}
.about1 .about_c .about_p p{text-indent: 2em; text-align: justify;}
.about1 .about_c a{position:absolute;bottom:0;right:20px;color:#0070ce;font-size:14px;border: 1px solid #0070ce;width: 135px;text-align: center;height: 40px;line-height: 40px;}
.about1 .about_c a:hover{color:#F00; border-color: #f00;}
/**/


.cen_box3{width:100%; float:left; position: relative;text-align: center;}

.cen_box3 span{ font-size:15px; color:#333; font-weight:500;}

.cen_box3 .c3_zx{ position:absolute; top:990px; left:50px; width:220px; height:168px;}

.c3_zx{ font-size:24px; color:#FFFFFF; line-height:180%;}

.c3_zx .c3_button{ font-size:16px; color:#333333; line-height:200%; background:#FFFFFF; border-radius:10px; padding:5px 15px; cursor:pointer;}

.cen_box3 .c3_title{ position:absolute; top:960px; width:100%; height:100px;}

.c3_title h5{ text-align: center; color:#FFFFFF; font-size:34px; font-weight:bold;margin-bottom: 25px;}

.c3_title p{ text-align: center; color:#FFFFFF; font-size:20px; font-weight:500;}

.cen_box3 .tit{text-align: center;font-weight: normal;height: 96px;position: relative;}
.cen_box3 .tit:after{position: absolute;width: 30px;height: 1px;background: #c9313d;content: "";left: 50%;margin-left: -15px;bottom: 0;}
.cen_box3 .tit b{display:block;font-size: 40px;line-height: 40px;}
.cen_box3 .tit i{display:block;font-size: 24px;line-height: 24px;padding-top: 14px;margin-top: 5px;}
.gybj{ height:980px; box-sizing: border-box; background:#fff; padding-top: 48px; overflow: hidden; font-family:"Microsoft Yahei";}

.gybj h2{margin-bottom: 60px;}

.gybj h2 span{ background: url(../images/tslinebg.png) no-repeat center center;font-size: 24px}

.gy{width: 1200px; height: 710px; position: relative;background: url(../images/tsbg.jpg) no-repeat center center;margin: 0 auto;}

.gy_left{width: 520px;float: left;}

.gy_left dl{overflow: hidden; height:167px;width: 520px; float: left; margin-bottom: 96px;}

.gy_left dt{width:119px;height: 119px;padding-top: 25px; float: left; }

.gy_left dt img{width:119px;height: 119px;  display: block;}

.gy_left dd {width:397px;padding-right: 78px;  height: 167px; box-sizing: border-box; float: left; position: relative;}

.gy_left dd h3{padding-left: 46px;padding-top: 10px; white-space: nowrap; margin-bottom:15px; font-size: 22px; color: #222222; font-weight: bold; height: 58px; line-height: 58px; position: relative;font-family:"Microsoft Yahei";text-align: left;}

.gy_left dd p{ line-height: 24px;overflow: hidden; font-size:16px;color: #666666;font-family:"Microsoft Yahei";}

.gy_left dl:nth-child(2){width: 365px;}

.gy_left dl:nth-child(2) dt{padding-top: 46px; float: right;}

.gy_left dl:nth-child(2) dd{width: 234px;padding-right: 40px;}

.gy_left dl:nth-child(1) dd h3{background: url(../images/ts01.gif) no-repeat left 0;}

.gy_left dl:nth-child(2) dd h3{background: url(../images/ts02.gif) no-repeat left 0;}

.gy_left dl:nth-child(3) dd h3{background: url(../images/ts03.gif) no-repeat left 0;}

.gy_right{width: 520px;float: right;}

.gy_right dl{overflow: hidden; height:167px;width: 520px; float: right;margin-bottom: 96px;  }

.gy_right dt{width:119px;height: 119px;padding-top: 25px; float: left; }

.gy_right dt img{width:119px;height: 119px;  display: block;}

.gy_right dd {width:397px; padding-left: 78px;height: 167px; box-sizing: border-box; float: right; position: relative;}

.gy_right dd h3{ padding-right: 46px;padding-top: 10px;white-space: nowrap; margin-bottom: 15px; font-size: 22px; color: #222222; font-weight: bold; height: 58px; line-height: 58px; position: relative;font-family:"Microsoft Yahei"; text-align: right;}

.gy_right dd p{ line-height: 24px;overflow: hidden; font-size:16px;color: #666666;font-family:"Microsoft Yahei"; text-align: right;}



.gy_right dl:nth-child(2){width: 355px;}

.gy_right dl:nth-child(2) dt{padding-top: 46px; }

.gy_right dl:nth-child(2) dd{width: 235px;padding-right:0;padding-left: 0;}

.gy_right dl:nth-child(3) dt{padding-top: 32px;  }

.gy_right dl:nth-child(1) dd h3{background: url(../images/ts04.gif) no-repeat right 0;}

.gy_right dl:nth-child(2) dd h3{background: url(../images/ts05.gif) no-repeat right 0;}

.gy_right dl:nth-child(3) dd h3{background: url(../images/ts06.gif) no-repeat right 0;}


/*choose end*/
/*case*/
#ibrand { padding:50px 0 40px; position:relative; background:url(../images/ipro_bg1.jpg) no-repeat center / cover; background-attachment:fixed; z-index:1; }
#ibrand .tit{text-align: center;font-weight: normal;height: 96px;position: relative;}
#ibrand .tit:after{position: absolute;width: 30px;height: 1px;background: #c9313d;content: "";left: 50%;margin-left: -15px;bottom: 0;}
#ibrand .tit b{display:block;font-size: 40px;line-height: 40px;color: white;}
#ibrand .tit i{display:block;font-size: 24px;line-height: 24px;padding-top: 14px;margin-top: 5px;color: white;}
#ibrand:before { position:absolute; left:0; top:50%; width:596px; height:596px; margin:-298px 0 0 -298px; background:url(../images/ipro_bg1.png) no-repeat center / cover; z-index:3; content:""; -webkit-animation-duration:6s; -o-animation-duration:6s; -ms-animation-duration:6s; -moz-animation-duration:6s; animation-duration:6s; -webkit-animation-fill-mode:both; -o-animation-fill-mode:both; -ms-animation-fill-mode:both; -moz-animation-fill-mode:both; animation-fill-mode:both; animation-timing-function:linear; -webkit-animation-timing-function:linear; -moz-animation-timing-function:linear; -o-animation-timing-function:linear; -ms-animation-timing-function:linear; -webkit-animation-name:rotary; animation-name:rotary; -moz-animation-name:rotary; -o-animation-name:rotary; -ms-animation-name:rotary; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; }
#ibrand .ititle { position:relative; z-index:4; }
@-webkit-keyframes rotary {
0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); transform:rotate(0deg); transform:rotate(0deg); }
100% { transform:rotate(360deg); }
}
@keyframes rotary { 
0% { transform:rotate(0deg); }
100% { transform:rotate(360deg); }
}
.ibrand { position:relative; z-index:5; }
.ibrand ul { margin:-10px -10px 0; }
.ibrand li { padding:10px; box-sizing:border-box; float:left; width:calc(100% / 6); }
.ibrand li dl { position:relative; box-shadow:0 0 10px #333; border-radius:100%; width:100%; height:100%;}
.ibrand li dl a { display:block; overflow:hidden; border-radius:100%;/* border:5px solid #fff;*/ box-sizing:border-box; background:#fff; }
.ibrand li dt {width:100%; height:183px; z-index:2; overflow:hidden; transition:all 0.4s; -o-transition:all 0.4s; -webkit-transition:all 0.4s; -ms-transition:all 0.4s; -moz-transition:all 0.4s; border-radius:100%; background:rgba(0,0,0,0.7); color:#fff; opacity:1; font-size:20px;  }
.ibrand li dd { position:absolute; left:0; bottom:0; width:100%;  z-index:2; overflow:hidden; transition:all 0.4s; -o-transition:all 0.4s; -webkit-transition:all 0.4s; -ms-transition:all 0.4s; -moz-transition:all 0.4s; border-radius:100%; background:white; color:#fff; opacity:1; font-size:20px; }
.ibrand li dd img { width:100%; transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -moz-transition:all 0.6s; } 
.ibrand li a:hover dd img { -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); }
.ibrand li a:hover dd { opacity:0; bottom:100%; }
.ibrand li a:hover { border-color:#4467a7; }
.ibrand li:nth-child(25) { margin:0 0 0 18.75%; }
.zhuan{position:relative;top:-600px;}
/*pro2*/
#ipro { padding:50px 0; position:relative; z-index:2; background:#fff; }
#ipro .tit{text-align: center;font-weight: normal;height: 96px;position: relative;}
#ipro .tit:after{position: absolute;width: 30px;height: 1px;background: #c9313d;content: "";left: 50%;margin-left: -15px;bottom: 0;}
#ipro .tit b{display:block;font-size: 40px;line-height: 40px;}
#ipro .tit i{display:block;font-size: 24px;line-height: 24px;padding-top: 14px;margin-top: 5px;}
.ipro ul li { float:left; width:25%; }
.ipro ul li dl { border:1px solid #4467a7; text-align:center; border-left:0; border-top:0; position:relative; }
.ipro ul li:nth-child(4n) dl { border-right:1px solid transparent; }
.ipro ul li:nth-child(5) dl,.ipro ul li:nth-child(6) dl,.ipro ul li:nth-child(7) dl,.ipro ul li:nth-child(8) dl { border-bottom:1px solid transparent; }
.ipro ul li dl a { display:block; height:300px; }
.ipro ul li dt { height:100%; }
.ipro ul li dt img { max-height:100%; max-width:100%; }
.ipro ul li dd { position:absolute; left:0; bottom:0; right:0; height:0px; opacity:0; background:rgba(0,0,0,.8); color:#fff; font-size:20px; text-shadow:1px 1px 1px #333;  -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; padding:10px; box-sizing:border-box; }
.ipro ul li dl:hover dd { width:100%; opacity:1; color:#fff; height:100%; }

/*iservice */
#iservice { padding:50px 0 40px; position:relative; background:url(../images/service_bg.jpg) no-repeat center / cover; background-attachment:fixed; overflow:hidden; }
#iservice:before { position:absolute; right:0; top:50%; width:609px; height:609px; margin:-304px -304px 0 0; background:url(../images/service_b.png) no-repeat center / cover; z-index:3; content:""; -webkit-animation-duration:6s; -o-animation-duration:6s; -ms-animation-duration:6s; -moz-animation-duration:6s; animation-duration:6s; -webkit-animation-fill-mode:both; -o-animation-fill-mode:both; -ms-animation-fill-mode:both; -moz-animation-fill-mode:both; animation-fill-mode:both; animation-timing-function:linear; -webkit-animation-timing-function:linear; -moz-animation-timing-function:linear; -o-animation-timing-function:linear; -ms-animation-timing-function:linear; -webkit-animation-name:rotary; animation-name:rotary; -moz-animation-name:rotary; -o-animation-name:rotary; -ms-animation-name:rotary; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; }
#iservice .ititle,#iservice .iservice { position:relative; z-index:4; }
#iservice .tit{text-align: center;font-weight: normal;height: 96px;position: relative;}
#iservice .tit:after{position: absolute;width: 30px;height: 1px;background: white;content: "";left: 50%;margin-left: -15px;bottom: 0;}
#iservice .tit b{display:block;font-size: 40px;line-height: 40px;color: white;}
#iservice .tit i{display:block;font-size: 24px;line-height: 24px;padding-top: 14px;margin-top: 5px;color: white;}
.iservice ul { margin:-10px -10px 0; }
.iservice li { width:calc(100% / 3); padding:10px; box-sizing:border-box; }
.iservice li a { display:block; padding:10px; box-shadow:0 0 10px #fff; height:100px; color:#fff; }
.iservice li i { height:100%; font-size:60px; width:100px; }
.iservice li hgroup { height:100%; width:calc(100% - 100px); }
.iservice li h5 { display:inline-block; padding:0 10px; height:35px; line-height:35px; font-weight: normal; letter-spacing: 1px;text-align:center; font-size:22px; color:#fff; margin:0 0 5px; background:#4467a7; }
.iservice li p { font-size:14px;     line-height: 15px;}
.ititle {margin: 0 auto 20px;}
.mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
input,textarea { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-family:Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,sans-serif; font-size:14px; }
.float_left, .left {float: left;}
.float_right, .right {float: right;}
@-webkit-keyframes rotary {
0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); transform:rotate(0deg); transform:rotate(0deg); }
100% { transform:rotate(360deg); }
}
@keyframes rotary { 
0% { transform:rotate(0deg); }
100% { transform:rotate(360deg); }
}
/*application*/
.app_in {width: 100%;padding: 35px 0;background: #f5f6fb}
.app_in .tit{text-align: center;font-weight: normal;height: 96px;position: relative;}
.app_in .tit:after{position: absolute;width: 30px;height: 1px;background: #c9313d;content: "";left: 50%;margin-left: -15px;bottom: 0;}
.app_in .tit b{display:block;font-size: 40px;line-height: 40px;}
.app_in .tit i{display:block;font-size: 24px;line-height: 24px;padding-top: 14px;margin-top: 5px;}
.app_in .list {height: 481px;margin-top: 30px}
.app_in .list .li1 {width: 25%;padding: 20px 10px;float: left}
.app_in .list .li1 a.box {display: block;width: 100%;height: 441px;padding: 73px 39px 0 0;position: relative;background: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 20px rgba(0,0,0,0.1)}
.app_in .list .li1 a.box .tt {position: absolute;left: 20px;top: 0;font-size: 22px;color:#333;line-height: 73px;font-weight: 500;transition: all 0.3s}
.app_in .list .li1 a.box .entt {position: absolute;font-weight: 300;color: #888;width:441px;height: 39px;line-height: 39px;transition: all 0.3s;font-size: 15px;transform:rotate(90deg);right:-50%;margin-right: -39px; bottom:0;margin-bottom: 220px;text-align: right}
.app_in .list .li1 a.box .pic {width: 100%;height: 100%;overflow: hidden;border-top-right-radius:30px ;transition: all 0.3s}
.app_in .list .li1 a.box .pic img {display: block;width: 100%;height: 100%;transition: all 0.3s}
.app_in .list .li1 a.box:hover {padding: 0}
.app_in .list .li1 a.box:hover .pic {border-top-right-radius: 0}
.app_in .list .li1 a.box:hover .tt, .app_in .list .li1 a.box:hover .entt {opacity: 0}
/*news*/
.index_news{width:100%; height:655px; background:url(../images/news_bg.jpg) top center no-repeat;}
.con7{width:1200px; margin:0 auto; padding-top:45px; height:610px;*height:620px; overflow:hidden;}
.con7 .tab1{width:664px;overflow: hidden;}
.newzs{height:56px; background:url(../images/img.png) no-repeat -803px 24px; font:25px "Microsoft YaHei"; color:#333; line-height:56px; margin-bottom:24px;}
.newzs font{font:16px "Microsoft YaHei"; color:#666; line-height:56px;}
.newzs a{color:#333;    font-size: 24px;}
.newzs span{float:right; display:block; width:76px; height:30px; font:14px "Microsoft YaHei"; color:#666; line-height:30px; text-align:center; border:1px solid #999; background:#fff; margin-top:35px;}
.newzs span a{color:#666;    font-size: 14px;}
.newzs span a:hover{color:#fff;}
.newzs span:hover{background:#212B5A; color:#fff;}.con7 .tab1 h3 span:hover a{color:#fff;}
.con7 .tab1 dl{height:170px; overflow:hidden; margin-bottom:20px;}
.con7 .tab1 dt{width:234px; height:167px; float:left;}
.con7 .tab1 dt img{width:228px; height:161px; float:left;}
.con7 .tab1 dd{width:409px; float:right;}
.con7 .tab1 dd span{display:block; font:20px "Microsoft YaHei"; color:#333; line-height:25px;width:409px;height: 25px; overflow: hidden;}
.con7 .tab1 dd span a{color:#000;}
.con7 .tab1 dd font{color:#999;font:14px "Microsoft YaHei"; line-height:25px;}
.con7 .tab1 dd p{height:100px;}
.con7 .tab1 dd p span{height: 80px; font:14px "Microsoft YaHei"; color:#666; line-height:26px; padding-top:5px;}
.con7 .tab1 dd em{display:block; font:14px "Microsoft YaHei"; float:right; font-weight:bold; color:#002548; line-height:14px;}
.con7 .tab1 dd em a{color:#002548;}
.con7 .tab1 .ul5 ul{padding-top:10px;}
.con7 .tab1 .ul5 li{color:#999; width:640px; padding-left:24px;vertical-align:top; height:40px; line-height:40px;overflow:hidden;font-size:14px; border-bottom:1px dotted #999; background:url(../images/img.png) no-repeat -1906px -1384px;}
.con7 .tab1 .ul5 li a,.con7 .tab1 .ul5 li a:visited{line-height:40px;color:#333; font-size:15px; height:40px;overflow:hidden;vertical-align:top}
.con7 .tab1 .ul5 li a:hover{color:#212B5A;}
.tab1 span{float: right;}
.faq{width:400px; height:520px; overflow:hidden; margin-right:35px;}
.faq_title{height:56px; background:url(../images/img.png) 0 -1470px  no-repeat; font:25px "Microsoft YaHei"; color:#333; line-height:56px; margin-bottom:24px;}
.faq_title font{font:16px "Microsoft YaHei"; color:#666; line-height:30px; width: 166px;display:block;height:30px;margin-left:105px;margin-top:-26px}
.faq_title a{color:#333;line-height: 30px;width: 100px; display:block;padding-top: 12px;font-size: 24px;}
.faq_title span{float:right; display:block; width:76px; height:30px; font:14px "Microsoft YaHei"; color:#666; line-height:30px; text-align:center; border:1px solid #999; background:#fff; margin-top:33px;}
.faq_title span a{width:80px;margin-top:-12px; font-size: 14px;}
.faq_title span a{color:#666;}.faq_title span a:hover{color:#fff;}
.faq_title span:hover{background:#212B5A; color:#fff;}.faq h3 span:hover a{color:#fff;}
.fa_con{width: 390px;height:420px; overflow:hidden;}
.fa_con dl{height:120px; overflow:hidden; margin-bottom:20px; border-bottom:1px solid #ddd;}
.fa_con dt{height:22px; font:16px "Microsoft YaHei"; font-weight:bold; color:#002548; line-height:22px; padding-left:35px; background:url(../images/img.png) -413px -1476px no-repeat; margin-bottom:10px;}
.fa_con dt a{color:#666;overflow: hidden;height: 24px;display: block;}
.fa_con dd{font:14px "Microsoft YaHei"; color:#666; height:70px; overflow:hidden; line-height:25px; padding-left:35px; margin-bottom:10px; background:url(../images/img.png)  -414px -1555px no-repeat;}
/*kucun*/
.hz_in {width:100%;padding: 75px 0;background: url(../images/hz_bg.jpg) no-repeat; background-size: cover;background-attachment: fixed}
.hz_in .tit{text-align: center;font-weight: normal;height: 96px;position: relative;}
.hz_in .tit i{display:block;font-size: 24px;line-height: 24px;padding-top: 14px;margin-top: 5px;}
.hz_in .tit:after{position: absolute;width: 30px;height: 1px;background: #c9313d;content: "";left: 50%;margin-left: -15px;bottom: -15px;}
.hz_in .list {margin-top: 20px}
.hz_in .list li {float: left;width: 33%;padding: 15px;transition: all 0.6s}
.hz_in .list li .box {display: table;width: 100%}
.hz_in .list li .box span {display: table-cell;width: 100%;height: 251px;overflow: hidden; vertical-align: middle;background:#fff;border-radius: 5px}
.hz_in .list li .box .new_span {display: table-cell;width: 100%;height:auto;overflow: hidden; vertical-align: middle;background:#F2F2F2;border-radius: 5px}
.hz_in .list li .box span img {display: block;max-width: 90%;max-height: 90%;margin: 0 auto; vertical-align: middle;transition: all 0.6s}
.hz_in .list li:hover {transform: translateY(-10px)}
.hz_in .list li:hover .box span img {transform: scale(1.1)}
/*link*/
.link{max-width:1200px; margin:0 auto; height:93px; margin-top:55px;width: 100%;}
.link .titles{ height:30px; width:90px; float:left; color:#212B5A; font:20px "Microsoft YaHei"; font-weight:bold; }
.link .links{float:left; width:1100px;} 
.link .links ul{}
.link .links ul li{float:left;text-align:center;height:30px; line-height:30px; color:#666; font:14px "Microsoft YaHei";  padding:0 20px;}
.link .links ul li a{ line-height:30px; }
/*fooet*/
.foot {width: 100%;background:#0056a7}
.foot .con{width: unset;}
.foot-feed {padding: 30px 0;position: relative;padding-left: 156px}
.foot-feed .tt {position: absolute;left: 0;top: 30px;width: 156px}
.foot-feed .tt h4 {font-weight: 500;font-size: 18px;color: #fff}
.foot-feed .tt p {color: #fff}
.foot-feed p.p1 {float: left;height: 45px;width: 20%;padding-left: 25px;color: #fff;}
.foot-feed p.p1 .input-text {width: 100%;height: 100%;border: 1px solid rgba(255,255,255,0.2);padding: 0 10px;border-radius:5px}
.foot-feed p.p1 .input-text::-webkit-input-placeholder { /* WebKit browsers */
  color: rgba(255,255,255,0.5);
}

.foot-feed p.p1 .input-text::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: rgba(255,255,255,0.5);
}

.foot-feed p.p1 .input-text:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: rgba(255,255,255,0.5);
}
.foot-feed p.p2 {width: 46%}
.foot-feed p.p3 {width: 14%;margin-top: 1.3rem;}
.foot-feed p.p3 .btn1 {width: 100%;height: 100%;background:#e01e3c;color: #fff;cursor: pointer;border-radius:5px}
.foot-feed p.p3 .btn1:hover {background:#0084ff}

.foot .foot-con {padding:50px 0;width: 100%;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2)}
.foot .footlogo {margin-right:60px}
.foot .list {float: left;width:301px;margin-right:30px;padding-top: 10px}
.foot .list a.tt {font-size: 18px;color:#fff;font-weight:500;display: block;margin-bottom: 20px;transition: all 0.3s}
.foot .list li {float: left;width: 50%;padding-right: 10px}
.foot .list li a{line-height: 30px;font-size: 14px;color: #fff;opacity:0.7;transition: all 0.3s}
.foot .list li a span {margin-right:5px;transition:all 0.3s}
.foot .list a.tt:hover , .foot .list li a:hover {opacity:1}
.foot .con .tel {width: 290px;padding-right: 40px;}
.foot .con .tel .tt {display: block;width:130px;height: 45px;line-height: 45px;color:#fff;background: #b9902f;font-size: 14px; text-align: center;position:relative}
.foot .con .tel .tt .lit-logo {position:absolute;left:-70px;top:0;width:55px}
.foot .con .tel .tt i {font-size: 18px;line-height: 45px;margin-right: 10px}
.foot .con .tel p {color: rgba(255,255,255,0.5);padding: 10px 0;text-align: right}
.foot .con .tel h2 {text-align: right}
.foot .con .tel h2 a {font-size:28px;color:#fff}
.foot .con .tel h2 a i {margin-right:5px}
.foot .c1 {display:none}

.foot .ewm {padding-left: 40px;width: 220px; border-left:1px solid rgba(255,255,255,0.4)}
.foot .ewm img {display: block;width: 100%;height: 100%}
.foot .ewm p {text-align: center;font-size: 14px;color:rgba(255,255,255,0.5);padding-top: 10px}

.copyright {height:51px;line-height:51px;font-size:14px;color:rgba(255,255,255,0.4)}
.copyright a {color:rgba(255,255,255,0.4);font-size:14px;opacity:1}
.copyright a:hover {color:rgba(255,255,255,1)}

.head .fw .toggle {position:absolute;right:0;top:6px;font-size:28px;width:60px;height:60px;color:#fff;text-align:center;display:none}
.head .fw .toggle i {line-height:60px}

.banner {width:100%;height:460px;background-size:cover;position:relative;}
.banner .tt {text-align:center;color:#fff;position: absolute;left: 0;top: 50%;margin-top: -20px; width: 100%;}
.banner .tt b {font-size:41px;color:#fff;font-weight:700;line-height: 50px}
.banner .tt span {font-size: 25px;line-height: 50px;padding-left: 10px}

.banner_pro {background:url(../images/banner_pro.png) no-repeat center top;background-color:#0084ff;background-attachment: fixed}
.banner_brand {background:url(../images/banner_brand.jpg) no-repeat center top}
.banner_brand p,.banner_brand h2 {color:#333}
.banner_about {background:url(../images/banner_about.jpg) no-repeat center top}
.banner_con {background:url(../images/banner_con.jpg) no-repeat center top;color:#fff}
.banner_app {background:url(../images/banner_app.jpg) no-repeat center top}
.banner_news {background:url(../images/banner_news.jpg) no-repeat center top}
.banner_news p, .banner_news h2 {color:#fff}
.banner_news h2:before {background:#ee4e4e}

.website {width:100%;height:60px;line-height:60px;font-size:14px;color:#666;position:relative;border-bottom:1px solid #eee}
.website .fw {position: relative}
.website h2.tt {font-size: 30px;font-weight: 200;color: #333;top: 0;border-bottom: 2px solid #e60039;display: inline;padding-bottom: 11px}
.website .site {position: absolute;right: 0;top: 0}
.website i {padding:0 10px}
.website a {color:#999;font-size:14px}
.website a:hover {color:#ee4e4e}
.website .toggle {position:absolute;top:0;right:10px;color:#333;display:none}


.met_pager {
    margin-top:30px;
    text-align:center;
}
.met_pager .PreSpan, .met_pager .NextSpan {
    border:1px solid #e4eaec;
    padding:9px 15px;
    background:#fff;
    color:#ccd5db;
    cursor:default
}
.met_pager a, .met_pager span {
    border:1px solid #e4eaec;
	margin-right:-1px;
    background:#fff;
    padding:9px 15px;
    text-align:center;
    color:#76838f
}
.met_pager span {background:#e60039;color:#fff;border:1px solid #e60039}
.met_pager a.current {
    background:#e60039;
    border-color:#f69900;
    color:#fff;
    cursor:default
}
.met_pager a:hover {background:#005ac4;border-color:#005ac4;color:#fff}
.met-shownews-footer {padding-bottom:30px;overflow:hidden;margin-top:60px}
.met-shownews-footer ul.pager {
    border-top:1px solid #f0f2f5;
    padding-top:20px
	}
.met-shownews-footer ul.pager li {display:inline}
.met-shownews-footer ul.pager li > a, .met-shownews-footer ul.pager li > span {
	display:inline-block;
	padding:10px 20px;
	color:#76838f;
	font-size:14px;
	border:1px solid #e4eaec;
	-webkit-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
	border-radius:1000px;
	}
.met-shownews-footer ul li a:hover {border:1px solid #206bd1;background:#206bd1;color:#fff}
.met-shownews-footer ul li a:hover span{color:#fff}
.met-shownews-footer ul li.previous a {float:left;width:45%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.met-shownews-footer ul li.next a {float:right;width: 45%;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}

.inner_box {width: 100%;background: #f7f9ff;padding: 50px 0}
.inner_box .fw{max-width: 1200px;margin: 0 auto;}
.inner_left {width:260px}
.leftlist {width:100%;background:#e01e3c;padding-bottom:15px;border-radius:5px}
.leftlist .title {padding:25px 30px;background: #c7122e; color:#fff;margin-bottom:10px;border-radius: 5px 5px 0 0}
.leftlist .title h2 {font-size:24px;border-bottom:1px solid rgba(255,255,255,0.1);line-height:50px}
.leftlist .title p {font-size:15px;font-family:"helvet";line-height:35px;text-align: right}
.leftlist .title i.fa {display:none}
.leftlist ul {padding:0 15px}
.leftlist ul li a{display:block;padding:0 10px;height:43px;line-height:43px;font-size:14px;color:#fff;transition: all 0.3s; border-bottom:  solid 1px rgba(255, 255, 255, 0.1)}
.leftlist ul li a:hover,.leftlist ul li a.cur {border-radius: 5px; background:#c7122e;padding-left:20px}
.leftlist ul li a .small_zc{margin-left:8rem;}

.inner_right {width: 890px;float: right}
.product .list {width:100%}
.product .list li {float: left;width: 25%;padding:0 5px 30px}
.product .list li a.pic {display:table;width:100%}
.product .list li a.pic span {display:table-cell;width:100%;height:176px;border:1px solid rgba(0,0,0,0.1);overflow:hidden; vertical-align:middle;border-radius: 5px}
.product .list li a.pic span img {display:block;margin:0 auto;max-width:100%; vertical-align:middle;transition: all 0.3s}
.product .list li .att {font-size:16px;line-height:40px;color:#333;margin-top:6px}
.product .list li p {line-height:22px;overflow:hidden;color:#a5aab9}
.product .list li a.pic:hover span img {transform: scale(1.1)}
.product .list li .att:hover {color: #0084ff}

.pro_detail {}
.pro_detail .jianjie .pic {width:45%;height:auto;box-sizing:border-box;border:1px solid rgba(0,0,0,0.06);background: #fff}
.pro_detail .jianjie .pic img {display:block;margin:0 auto;max-width:100%}
.pro_detail .jianjie .brief {width:50%}
.pro_detail .jianjie .brief h1 {font-size:23px;color:#333;line-height:30px;border-bottom:1px solid #ddd;padding:20px 0;margin-bottom:20px}
.pro_detail .jianjie .brief p {line-height:30px;font-size:14px;float:left;width:50%;padding-right:20px;box-sizing:border-box}
.pro_detail .jianjie .hotline {display:inline-block;background:#fb4848;font-size:14px;color:#fff;border:2px solid #fb4848;padding-left:20px;overflow:hidden;margin-top:20px;border-radius:38px;margin-right:15px}
.pro_detail .jianjie a.mob {display:none}
.pro_detail .jianjie .hotline b {background:#fff;color:#333;border-radius:38px;display:inline-block;padding:0 20px;height:38px;line-height:38px;margin-left:10px;font-size:16px}

.pro_detail .detail {margin-top:30px}
.pro_detail .detail .title, .detailist .title {border-bottom:1px solid #ddd;margin-bottom:20px}
.pro_detail .detail .title span, .detailist .title span {font-size:16px;padding:10px;border-bottom:2px solid #333;display:inline-block;color:#333}
.pro_detail .detail .content {line-height:24px;font-size:14px;color:#666}
.pro_detail .detail .content img {display:block; max-width:100%;margin:10px auto}
.detailist {margin-top:20px}
.detailist li {float:left;width:25%;box-sizing:border-box;padding:5px}
.detailist li a {
	display:block;
	background:#fff;
	line-height:40px;
	padding:0 10px;
	font-size:14px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#666;
	border-radius:3px;
	transition:all 0.3s
}
.detailist li a:hover {background:#ec0032;color:#fff}
.detailist a.more {display:block;width:200px;height:35px;line-height:35px;background:#ec0032;color:#fff;margin:30px auto 0;text-align:center;border-radius:30px;transition:all 0.3s}
.detailist a.more i {font-size:16px;text-indent:-20px;opacity:0;transition:all 0.3s}
.detailist a.more:hover {box-shadow:0 10px 20px #ccc}
.detailist a.more:hover i {text-indent:0;opacity:1}

.about {width: 100%;background: #fff}
.content-box {background: #fff;/*margin-top: -100px;*/position: relative;z-index: 1}
.about-txt {/*padding: 100px 70px*/}
.about-txt .pic {width: 430px}
.about-txt .txt {width: 460px;padding-left:30px;color: #777}
.about-txt .txt h2.tt {font-size: 32px;color: hsl(0,0%,30%);line-height: 40px;margin:30px 0}
.about-txt .txt .txt1 {line-height: 24px}
.about-txt .txt .num {width:100%;margin-top:80px}
.about-txt .txt .num li {float:left;width:33.333333%;text-align:center;color:#333;border-left:1px solid rgba(0,0,0,0.1)}
.about-txt .txt .num li:nth-child(1) {border-left:0}
.about-txt .txt .num li p.p1 b {font-size:72px;color:#0084ff}
.about-txt .txt .num li p.p1 span {font-size:14px; vertical-align:45px;font-weight:200;color:#0084ff}
.about-txt .txt .num li p.p2 {font-size:15px}
.about .hz_in {background: #f2f2f2}
.about .hz_in .title_in h2 {font-weight: 700}

.brand {width: 100%;background: #f5f6f5;overflow: hidden;padding: 50px 0 70px}
.brand .brand_in, .brand .app_in {width: 1400px;padding: 0}
.brand_detail .content {background: #fff;padding: 30px;line-height: 28px}
.brand_detail .content .pic {float: left;width: 45%;margin-right: 20px}
.brand_detail .content p.tt {font-size: 30px;color: #005ac4;padding: 30px 0}
.brand .app_in .list {margin-top: 0}

.brand_in {width:100%;background:#f5f6f5;padding:75px 0 110px}
.brand_in .list {height:432px;margin-top:30px}
.brand_in .list .li1 {float:left;width:25%;padding:15px}
.brand_in .list .li1 a.box {display:block;width:100%;height:100%;padding:10px 45px 40px;position:relative;z-index:1}
.brand_in .list .li1 a.box:before {content:'';width:100%;height:100%;position:absolute;background:#fff;background-image:linear-gradient(#f5f6f5, rgba(255,255,255,0));border-radius:10px;z-index:-1;left:0;top:0}
.brand_in .list .li1 a.box:after { content: '';
  width: 100%;
  height: 70%;
  position: absolute;
  background-image:linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.5));
  bottom:0;
  left:0;
  filter: blur(0.4rem);
  opacity: 0;
  z-index: -2;
  transition:all 0.3s
}
.brand_in .list .li1 a.box .pic {display:table;width:175px;margin:0 auto}
.brand_in .list .li1 a.box .pic span {display:table-cell;width:175px;height:175px;background:#fff;border-radius:50%;border:5px solid #eee; vertical-align:middle}
.brand_in .list .li1 a.box .pic span img {display:block;width:auto;max-width:90%;margin:0 auto; transition: all 0.3s;vertical-align:middle}
.brand_in .list .li1 a.box h4 {font-size:18px;color:#333;font-weight:300;line-height:60px;text-align:center}
.brand_in .list .li1 a.box p.txt {line-height:24px;color:#888;height:48px;overflow:hidden}
.brand_in .list .li1 a.box .more-in {margin:30px auto 0;width:119px;border: 1px solid #e01e3c;background: none;color: #e01e3c;transition: all 0.3s;line-height: 35px}
.brand_in .list .li1 a.box .more-in i {margin-left:5px}
.brand_in .list .li1 a.box:hover:after {opacity:0.7}
.brand_in .list .li1 a.box:hover .more-in {background: #e01e3c;color:#fff}
.brand_in .list .li1 a.box:hover .pic span {border:5px solid #e01e3c}


.newsdetail {background: #fff;padding: 30px;padding-top: 10px}
.newsdetail .met-shownews-header {padding:30px 0;text-align:center}
.newsdetail .met-shownews-header h1 {font-size:24px;padding:15px;color:#333;font-weight:100;line-height:35px}
.newsdetail .met-shownews-header .info {
	color:#a3afb7;
	font-size:14px;
	font-weight:300;
	padding-bottom:20px;
	border-bottom:1px solid #f0f2f5
}
.newsdetail .txt {font-size:14px;color:#666;line-height:22px;padding-bottom:30px}
.newsdetail .txt img {display:block;margin:10px auto;max-width:100%}

.newslist li a{display:block;padding:20px 150px 20px 230px;position:relative;border-bottom:1px solid #ddd;transition: all 0.3s}
.newslist li .pic {position:absolute;width:200px;height:130px;overflow:hidden;left:0}
.newslist li .pic img {width:100%;height:130px;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.newslist li .date {position:absolute;top:50%;margin-top:-26px;right:0;width:94px;height:52px;line-height:52px;color:#999;font-size:28px;font-family:"helvet";border-left:2px solid #eee;text-align:center}
.newslist li .txt {height:130px;overflow:hidden}
.newslist li .txt h4 {font-size:16px;color:#333;line-height:40px;padding-bottom:8px;font-weight:100}
.newslist li .txt p {font-size:13px;line-height:22px;color:#999}
.newslist li a:hover {padding-left:240px;padding-right:140px}
.newslist li a:hover .txt h4 {color:#cc0033}
.newslist li a:hover .pic img {transform:scale(1.08,1.08)}

.types .list {width: 1400px}
.types .list li {float: left;width:33.333333%}
.types .list li a.box {display: block;padding:50px 50px 50px 150px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd}
    .types .list li:nth-child(1) a.box, .types .list li:nth-child(4) a.box, .types .list li:nth-child(7) a.box, .types .list li:nth-child(10) a.box, .types .list li:nth-child(13) a.box, .types .list li:nth-child(16) a.box {
        border-left: 1px solid #ddd
    }
.types .list li a.box .pic {width:180px;display: table}
.types .list li a.box .pic span {display: table-cell;width: 100%;height: 180px;vertical-align: middle;overflow: hidden;border-radius: 50%;border:1px solid #ddd}
.types .list li a.box .pic span img {display: block;margin: 0 auto;vertical-align: middle;max-width: 100%;max-height: 100%;transition: all 0.5s}
.types .list li a.box h3 {font-size: 24px;font-weight: 700;color:#333;line-height: 30px;padding: 20px 0;transition: all 0.5s}
.types .list li a.box p.txt {line-height: 24px;color: #888}
.types .list li a.box span.more-in {margin-top: 20px}
.types .list li a.box:hover {box-shadow: 0 5px 20px rgba(0,0,0,0.2)}
.types .list li a.box:hover .pic span img {transform: scale(1.1)}
.types .list li a.box:hover h3 {color: #0084ff}



.contact {background:#f8f8f8}
.contact .txt {text-align:center;padding: 0px 40px 40px 40px;color:#666;font-size:14px}
.contact .txt a {font-size: 14px;color:#666}
.contact .txt h1 {font-size:18px;color:#333;margin-bottom:30px;font-weight: 900}
.contact .txt p {font-size:14px}
.contact .txt h4 {margin-bottom: 10px}
.contact .txt h4 a{color:#e01e3c;font-size:40px;line-height:50px}
.contact .txt span {padding:0 10px;line-height:30px; white-space:nowrap}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.news .know_in {width:100%;padding:30px 50px;background:#fff}

/**新增库存**/

.tt_inner {text-align: center;width: 100%;padding: 30px}
.tt_inner h2 {font-size: 31px;color:#e01e3c}
.tt_inner h4 {font-size: 16px;color:#333;margin-top: 10px;font-weight: 200}

.imglist .list {width:1090px;margin:0 auto 60px}
.imglist .list p{padding-left:15px; padding-right:15px;}
.imglist .list li {float:left;width:25%;padding:15px;text-align:center;line-height:40px}
.imglist .list li .box a {background:#f8f8f8;border:1px solid #f1f1f1;padding:10px;padding-bottom:0;border-radius:10px;display:block;font-size:14px;color:#666}
.imglist .list li .box a .img {width:100%;border-radius:10px;overflow:hidden}
.imglist .list li .box a .img img {display:block;width:295px; height:212px;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;-ms-transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.imglist .list li .box a:hover {box-shadow:0 5px 20px #ccc}
.imglist .list li .box a:hover img {transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1)}


.content_news {  }
.content_news h2 { font-size:20px; padding:5px 0; color:#0f58d6 }
.content_news h2:first-child { padding:0 0 5px; }
.content_news h3 { font-size:18px; padding:5px 0 3px; color:#0f58d6; }
.content_news p { text-indent:2em; padding:0 0 3px; line-height:22px; font-size:14px; }
.float_clear { clear:both; }
#solutions hgroup { padding:30px 0 0; border-top:1px solid #ccc; margin:30px 0 0; }
#solutions hgroup h2 { padding:0 }
#solutions dl { border-bottom:1px solid #ccc; }
#solutions hgroup dl:last-child { border:0; }
#solutions dt { font-size:16px; padding:10px 0 5px; color:#0f58d6; }
#solutions dl.close dd.intro,#solutions dl.close dd.up { display:none; }
#solutions dl.open dd.sintro,#solutions dl.open dd.down { display:none; }
#solutions dd.flex { position:relative; padding:20px 0 30px; font-size:16px; color:#0f58d6; cursor:pointer; }
#solutions dd.flex i { font-size:22px; padding:0 10px 0 0; -webkit-animation-duration:1.3s; animation-duration:1.3s; -o-animation-duration:1.3s; -ms-animation-duration:1.3s; -moz-animation-duration:1.2s; -webkit-animation-fill-mode:both; -o-animation-fill-mode:both; -ms-animation-fill-mode:both; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; animation-timing-function:linear; -moz-animation-timing-function:linear; -o-animation-timing-function:linear; -webkit-animation-timing-function:linear; -ms-animation-timing-function:linear;  }
#solutions dd.down.flex i { -moz-animation-fill-mode:UPDOWN; -webkit-animation-name:UPDOWN; animation-name:UPDOWN; -o-animation-name:UPDOWN; -ms-animation-name:UPDOWN; }
#solutions dd.up.flex i { -moz-animation-fill-mode:DOWNUP; -webkit-animation-name:DOWNUP; animation-name:DOWNUP; -o-animation-name:DOWNUP; -ms-animation-name:DOWNUP; }
@-webkit-keyframes UPDOWN {
0% { transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); opacity:1; }
100% { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); opacity:0; }
}
@keyframes UPDOWN { 
0% { transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); opacity:1; }
100% { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); opacity:0; }
}
@-webkit-keyframes DOWNUP {
0% { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); opacity:1; }
100% { transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); opacity:0; }
}
@keyframes DOWNUP { 
0% { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); opacity:1; }
100% { transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); opacity:0;}
}
#solutions dd.intro {  }
#solutions dd.intro img { float:left; max-width:300px; margin:5px 20px 0 0; }
#solutions dd.img { margin:5px 0 30px; text-align:center; }
#solutions dd.img img { max-width:100%; }


.youshi{ padding:30px 0; width:100%; overflow:hidden;}
.ys{ width:550px; height:250px; box-sizing:border-box; margin:35px 0;}
.ys p{ display:block; margin-top:20px; color:#666;}
.ys h1{ font-size:34px; color:#003366}
.ys1{ background:url(/images/ys01.jpg) no-repeat bottom right; padding:50px 40px 30px 0}
.ys2{ background:url(/images/ys02.jpg) no-repeat bottom right; padding:50px 40px 30px 0}
.ys3{ width:600px; background:url(/images/ys03.jpg) no-repeat bottom left; padding:50px 0px 0 300px}
.ys4{ width:600px; background:url(/images/ys04.jpg) no-repeat bottom left; padding:50px 0px 0 305px}


/*----0917--新增二维码-----*/
.ewm_li {margin-top:15px}
.ewm_li a {display:block;float:right;width:45px;height:45px;border:1px solid #002b53;border-radius:50%;margin-left:10px;background:url(../images/ewm_icon.png) no-repeat;background-size:250%;position:relative}
.ewm_li a .icon {position:absolute;width:150px;height:170px;background:url(../images/ewm_bg.png) no-repeat;left:50%;margin-left:-78px;transition:all 0.3s; visibility:hidden; opacity:0;bottom:55px;padding:1}
.ewm_li a .icon img {display:block;width:100%}
.ewm_li a:hover .icon {visibility:visible;bottom:45px;opacity:1}
.ewm_li a.a1 {background-position:8px 8px;}
.ewm_li a.a1:hover {background-position:8px -28px;border:1px solid #fff}
.ewm_li a.a2 {background-position:-34px 8px;}
.ewm_li a.a2:hover {background-position:-34px -28px;border:1px solid #fff}
.ewm_li a.a3 {background-position:-73px 8px;}
.ewm_li a.a3:hover {background-position:-73px -28px;border:1px solid #fff}
@media screen and (max-width:628px){
.ewm_li {display:none}
}
/*----0917--新增二维码-----*/

@media screen and (max-width:1200px){
/*----0907-----*/
.head {height: 88px}
	.head .logo img {margin-top: 10px;height: 70%}
	.head_nav {display: none}
/*----0907-----*/
/*	.small_head {height: 60px}
	.small_head .logo img {margin-top: 7px}
	.small_head .fw .toggle {border-radius: 0;right: 0}*/
.head .fw .toggle {display:block;top:50%;margin-top:-30px}
.fw {width:auto;padding:0 20px}
.search_in,.search-top {display:none}
.phone_search {display:block}



.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:380px}

.banner {height:300px;background-size:cover}
.hidden-xs {padding-bottom:10px}
	.about_in {padding-top: 60px}
	.about_in .fw1{padding-left: 400px}
	.about_in .pic {width: 350px;height: auto;left: 20px;}
	.about_in .pic img {width: 100%;position: inherit}
	.about_in .content {width: 100%}
	.about_in .bgnum .fw {padding-left: 400px;padding-right: 0}
	.about_in .bgnum .num {width: 100%}
	.brand_in {padding:  55px 0 90px}
	.jSlider .navigator .next, .jSlider .navigator .prev {display: none}
	.pro_in {padding: 55px 20px}
	.pro_in .cd-tabs {padding: 0}
	.pro_in .cd-tabs .nav {width: 25%}
	.cd-tabs-content{width: 75%}
	.cd-tabs-content .list li {padding: 5px}
	.app_in .list {height: 390px}
	.app_in .list .li1 {width: 33.333333%}
	.app_in .list .li1 a.box {height:351px;padding:55px 28px 0 0}
	.app_in .list .li1 a.box .tt {font-size: 18px;line-height: 55px}
	.app_in .list .li1 a.box .entt {margin-right: -89px;font-size:12px}
	.foot-feed {padding: 20px 20px;padding-left: 130px}
	.foot-feed .tt {left: 20px;top: 20px}
	.foot-feed p.p1 {padding-left: 10px}
	.foot .footlogo {display: none}
	.foot .foot-con {padding:10px 0 40px}
	.foot .c1 {display:block}
	.foot .list {width: 50%;padding: 20px;margin-right: 0}
	.foot .con {width: 510px;margin: 20px auto 0;float: none}
	.inner_left {width:25%}
	.inner_right {width:75%;padding-left:20px}
	.content-box {margin-top:0}
	.about-txt {padding:40px 0}
	.about-txt .pic {width:30%}
	.about-txt .pic img {width:100%}
	.about-txt .txt {width:70%;padding-left:30px}
	.about-txt .txt .num {margin-top:40px}
	.banner .tt {margin-top:10px}
	.brand {padding:0 0 20px}
	.brand .brand_in, .types .list, .brand .app_in {width:100%}
	.types .list {padding:0}
	/*.contact .fw {padding:0;margin-top:0}
	.contact, .contact .con {padding:50px 30px}*/

    .imglist .list {width: 100%}
	.imglist .list li {padding: 10px}
}

@media screen and (max-width:960px){
	.brand_in .list {height: 322px}
	.brand_in .list .li1 {padding: 0 10px}
	.brand_in .list .li1 a.box {padding: 10px 15px 20px}
	.brand_in .list .li1 a.box .pic {width: 105px}
	.brand_in .list .li1 a.box .pic span {width: 100%;height: 105px}
	.pro_in .cd-tabs .nav {width: 100%;float:none;box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);height: auto}
	.cd-tabs-navigation {overflow: auto;white-space: nowrap;text-overflow: ellipsis;word-break: break-all}
	.cd-tabs-navigation li {display: inline-block;padding: 10px 0}
	.cd-tabs-navigation li a {display:inline;padding:15px 15px;font-size: 15px;height:auto;line-height:inherit}
	.cd-tabs-navigation li a.selected {padding: 10px 15px}
	.cd-tabs-navigation li a.selected:after, .cd-tabs-navigation li a.selected:before {display: none}
	.cd-tabs-navigation li a span {border-bottom: 0;font-weight: 500;display: inline}
	.cd-tabs-content {width: 100%;padding: 20px}
	/*----0907-----*/
	.ad_in {height: auto;padding:40px 0}
	.ad_in h2.tt {margin-top:0}
	/*----0907-----*/
	.app_in {padding: 55px 0}
	.news_in .fw {padding: 0}
	.news_in .list {border-top-right-radius:0}
	.news_in .list, .know_in {width: 100%;padding: 40px 30px}
	.hz_in {padding: 50px 0}
	.hz_in .list li, .product .list li {width: 33.33333%}
	.product .list li {padding:10px}
	.product .list li .att {line-height:28px}
	.types .list li a.box {padding:20px}
	/*.contact .fw {background:none}
	.contact .map, .contact .con {float:none;height:auto;width:100%}
	.contact .map {height:380px}*/

    .imglist .list li{width: 33.333333%}
}
@media screen and (max-width:768px){
	.about_in .bgnum .fw {padding-left: 0}
	.about_in .fw1 {padding-left: 20px}
	.about_in .pic {display: none}
	.about_in .bgnum {height: auto}
	.about_in .bgnum .fw {padding: 50px 0}
	.about_in .bgnum .num {margin-top: 0}
	.brand_in .list .li1 {padding: 0 15px}
	.cd-tabs-content .list li {width:33.33333%}
	.inner_left, .inner_right {width:100%}
	.inner_right {padding-left:0}
	.leftlist {padding-bottom:0;background:#0366c1}
	.leftlist .title {padding:0 20px;height:50px;position:relative;margin-bottom:0;background:#0084ff}
	.leftlist .title h2 {border-bottom:0;line-height:50px;font-size:18px}
	.leftlist .title p {display:none}
	.leftlist .title i.fa {display:block;position:absolute;right:20px;top:0;line-height:50px;transition:all 0.3s}
	.leftlist .title i.fa.add {transform:rotate(180deg)}
	.leftlist ul {height:0;overflow:hidden;transition:all 0.6s}
	.leftlist ul li a:hover, .leftlist ul li a.cur	{background:none;font-weight:700}
	.inner_box {padding:30px 0}
	.inner_box .fw {padding:0 10px}
	.banner {height:240px}
	.banner .tt {margin-top:10px}
	.banner .tt b {font-size:35px}
	.banner .tt span {font-size:21px}
	.pro_detail {margin-top:20px}
	.detailist li {width:33.333333%}
	.about-txt {padding:10px 0 30px}
	.about-txt .pic {display:none}
	.about-txt .txt {width:100%;padding-left:0}
	.brand .brand_in .list .li1 {width:33.33333%;padding:0 5px;margin-bottom:10px}
	.types .list li {width:50%}
	.types .list li:nth-child(1) a.box, .types .list li:nth-child(4) a.box, .types .list li:nth-child(7) a.box, .types .list li:nth-child(10) a.box {border-left:0}
	.types .list li:nth-child(odd) {border-left:1px solid #ddd}
	.news .know_in {padding:10px 20px}
    .l,.r{ width:100%; float:none; padding:0}
    .ys{ background-size:100% auto; height:auto; padding:20px 0;}
    .ys_p{ width:55%;}
    .ys h1{ font-size:24px; padding-left:15px;} 
    .ys3{background:url(/images/ys03_1.jpg) no-repeat bottom right;background-size:100% auto;}
    .ys4{background:url(/images/ys04_1.jpg) no-repeat bottom right;background-size:100% auto;}
	
	.headline .fl {display:none}
	.headline .fr {float:none;width:100%}
}
@media screen and (max-width:628px){
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:320px}
.head {height:69px;}
.about_in .content h2.tt1 {font-size:24px;padding:30px 0}
.about_in .bgnum .fw {padding:40px 0}
.about_in .bgnum .num li p.p1 b, .about-txt .txt .num li p.p1 b {font-size:58px}
.about_in .bgnum .num li p.p1 span, .about-txt .txt .num li p.p1 span {vertical-align:38px;font-size:13px}
.about_in .bgnum .num li p.p2, .about-txt .txt .num li p.p2 {font-size:14px}


/*----0907-----*/
.ad_in {height:auto;padding:30px 0;background-size:cover}
.ad_in h2.tt {font-size:28px}
.ad_in .tel {font-size:16px;margin:10px auto}
.ad_in .tel b {font-size:30px}
.ad_in h4.tt {font-size:18px}
.ad_in p.tit {display:none}
/*----0907-----*/
.news_in .list, .know_in {padding:20px 10px}
.news_in .tt {margin-bottom:10px}
.hz_in .list li {width:50%;padding:10px}
.foot-feed {padding:10px;padding-top:80px}
.foot-feed p.p1, .foot-feed p.p2 {padding-left:0;width:100%;margin-bottom:30px}
.foot .list {padding:20px 10px;width:100%}
.foot-con .fw {padding:0}
.foot .ewm {display:none}
.foot .con {width:100%}
.foot .con .tel {width:100%}
.foot .con .tel .tt {float:none;margin:0 auto}
.foot .con .tel p, .foot .con .tel h2 {text-align:center}
.copyright {height:auto;padding:10px 0;line-height:22px}
.copyright p {float:none}
.copyright p.fl {margin-bottom:5px}
.product .list li {width:50%;padding:5px}
	.inner_box {padding:10px 0 30px}
	.brand_detail .content {padding:10px}
	.brand .app_in .list .li1 {padding:5px;width:50%}
	.brand .app_in .list .li1 a.box {padding:49px 24px 0 0}
	.brand .app_in .list .li1 a.box .tt {line-height:49px}
	.brand .app_in .list .li1 a.box:hover {padding:0}
	.newslist li .date {display:none}
	.newslist li a {padding:20px 0px 20px 220px}
	.newslist li a:hover {padding-left:220px;padding-right:0}
	.newslist li .txt h4 {padding-bottom:0}
    
    #rightArrow {display:none;}
    #floatDivBoxs{display:none;}
    .imglist .list li{width: 50%}
	.headline .fr a:nth-child(3) {display:none}
	.headline .fr a {padding:5px 10px 5px 10px}
}
@media screen and (max-width:580px){
.pro_detail .jianjie .pic, .pro_detail .jianjie .brief {width:100%}
	.detailist li {width:50%}
	.brand_detail .content .pic {width:100%;margin-bottom:20px;float:none}
    .foot{margin-bottom:60px;}
    #footnav {display: block;}

    .headline .fr .wxm {margin-left:0px; left:0px;}
}
@media screen and (max-width:480px){
	.head .logo img {height: 60%;margin-top: 16px}
	.small_head .logo img {margin-top: 7px;height: 70%}
.fw {padding:0 10px}
.fullSlide, .fullSlide .bd li, .fullSlide .bd li a {height:170px}

	.about1 .about_c .about_img{margin-right: -65px;}
	.about1 .about_c .about_p .abt{margin-bottom: 20px;}
	.about1 .about_c .about_p .abt h2{text-align: right;height: 35px;line-height: 35px;font-size: 30px;font-weight: normal;}
	.about1 .about_c .about_p .abt h3{text-align: right;font-size: 20px;font-weight: normal;height: 30px;line-height: 30px;}
	.about1 .about_c .about_p{position:relative;width:120%;height:auto;line-height:24px;color:#565656;font-size:14px}
	.about1 .about_c .about_p p{text-indent: 2em; text-align: justify;}
	.about1 .about_c a{position:unset;color:#0070ce;font-size:14px;border: 1px solid #0070ce;width: 135px;text-align: center;height: 40px;line-height: 40px;}
	.about1 .about_c a:hover{color:#F00; border-color: #f00;}


	.app_in .list {height: 290px}
	.app_in .list .li1 a.box {height: 271px}
	.app_in .list .li1 a.box .entt {margin-right: -110px}
	.brand_in .list .li1 {padding: 0 10px}
	.about_in {padding-top:40px}
	.about_in .content h2.tt1 {padding:10px 0}
	.about_in .content p.txt {padding-left:0;line-height:22px}
	.about_in .fw1 {padding:0 10px}
	.about_in .content h2.tt1 {font-size:21px}
	.about_in .content h2.tt1:before {display:none}
	.about_in .bgnum {margin-top:30px}
	.about_in .bgnum .num li p.p2 {font-size:12px}
	.about_in .content h2.tt1:after {left:90px}
	.brand_in .list .li1 a.box h4 {font-size:16px;line-height:50px}
	.brand_in .list .li1 a.box p.txt {line-height:22px;height:44px}
	.brand_in .list .li1 a.box .more-in {margin-top:20px}
	.brand_in .list {height:292px}
	.pro_in {padding:45px 10px}
	.cd-tabs-content .list li {width:50%}
	.cd-tabs-content .tt p {display:none}
	.more-in {width:119px;height:35px;line-height:35px}
	.cd-tabs-content .tt .more-in {top:0}
	.ad_in {background-color:#0084ff}
	.ad_in .fl h2.tt {font-size:28px;line-height:45px}
	.news_in .list li {padding:10px 0 10px 146px;height:113px}
	.news_in .list li .pic {width:136px;height:93px;top:10px}
	.news_in .list li .litt {line-height:39px;padding-right:0}
	.news_in .list li .litt .date {display:none}
	.news_in .list li .litxt {height:44px}
	.hz_in .list li {padding:5px}
	.hz_in .list li .box span {height:101px}
.foot-feed {padding:10px;padding-top:80px}
.title_in h2 {font-size:28px}
.title_in h4 {font-size:21px}
.brand_in {padding:35px 0 60px}
.foot-feed .tt h4, .foot .list a.tt {font-weight:700}
.brand {padding-bottom:10px}
.brand .brand_in .list .li1 {width:50%}
.types .list li a.box .pic {width:130px}
.types .list li a.box .pic span {height:130px}
.types .list li a.box h3 {font-size:21px;padding:10px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsdetail {padding:10px}
.newsdetail .met-shownews-header {padding:10px 0}
.met-shownews-footer {margin-top:0}
.newslist li .pic {width:150px;height:100px}
.newslist li .pic img {height:100%}
.newslist li a, .newslist li a:hover {padding-left:160px}
.newslist li .txt {height:100px}
.newslist li .txt h4 {line-height:35px}
/*.contact .fw {padding:0}
.contact .con {padding:30px 20px}
.contact .map {height:280px}
.contact .con h4, .contact .con h4 a {font-size:21px}*/
.foot .con .tel h2 a {text-decoration:underline}
.news .know_in {padding:0px 10px}
.types .list li a.box p.txt {height:72px;overflow:hidden}
.met-shownews-footer ul.pager li {display:block;width:100%}
.met-shownews-footer ul.pager li a {width:100%;float:none}
.met-shownews-footer ul.pager li.previous {margin-bottom:10px}

.ibrand li{width: calc(100% / 5);}
.ibrand li dt{height: 59px;font-size: 8px;}
#ibrand:before{width: 20rem;height: 20rem;margin: 0;margin-left: 10rem;margin-top: 7rem;}
.iservice li{width: calc(100% / 1);}
.contact .txt span {padding:0;white-space:normal;display:block;width:100%;}
.imglist .list li {padding: 0} 
.index_news{width: 100%;background: none;}
.con7{height: 680px;}
.con7 .tab1 dl{overflow: unset;height: auto;}
.con7 .tab1 dt{float: none;}
.con7 .tab1 dt img{width: 376px;height: 161px;}
.con7 .tab1 dd{float: none;}
.con7 .tab1 dd p span{font-size: 0.8rem;}
.con7 .tab1 dd em{float: none;}

.cen_box3 .gybj .gy{width: 100%;background: none;}
.gy_left{width: 45%}
.gy_left dd{width: unset;padding: 0}
.gy_left dl{width: 100%;margin-bottom: 1rem;}
.gy_left dl:nth-child(2){width: 100%;}

.gy_left dl:nth-child(2) dt{padding-top: 46px; float: right;}

.gy_left dl:nth-child(2) dd{width: 100%;padding-right: 0px;}

.gy_left dl:nth-child(1) dd h3{background: url(../images/ts01.gif) no-repeat left 0;}

.gy_left dl:nth-child(2) dd h3{background: url(../images/ts02.gif) no-repeat left 0;}

.gy_left dl:nth-child(3) dd h3{background: url(../images/ts03.gif) no-repeat left 0;}

.gy_right dt img{width:0 }

.gy_right{width: 45%}
.gy_right dl{width: 100%;margin-bottom: 1rem;}
.gy_right dt{width:0 }
.gy_right dd{width: unset;padding: 0}

.gy_right dl:nth-child(2){width: 100%;}

.gy_right dl:nth-child(2) dt{padding-top: 46px; }

.gy_right dl:nth-child(2) dd{width: 100%;padding-right:0;padding-left: 0;}

.gy_right dl:nth-child(3) dt{padding-top: 32px;  }

.gy_right dl:nth-child(1) dd h3{background: url(../images/ts04.gif) no-repeat right 0;}

.gy_right dl:nth-child(2) dd h3{background: url(../images/ts05.gif) no-repeat right 0;}

.gy_right dl:nth-child(3) dd h3{background: url(../images/ts06.gif) no-repeat right 0;}

.gybj img{width: 80%}

.zhuan{position:relative;top:-150px;}
}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:200px;left:-175px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#fb4848;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq li img{vertical-align:middle}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;font-size:24px;color:#fb4848}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatwx {text-align:center;padding:10PX 0 5px 0;background:#EBEBEB;color:#0000EE;}
#floatDivBoxs .floatwx img{max-width:100px;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;background-position:-50px 0;position:fixed;top:200px;left:170px;z-index:999;right:-5px}
#rightArrow a{display:block;height:45px;}

.footnav {width: 100%;padding: 10px 0;overflow: hidden;background: #f8f8f8;border-top: 1px solid #ddd;position:fixed;bottom:0;z-index:9000; display:none;}
.footnav a {display:block;width:25%;text-align: center;color:#555;float:left}
.footnav a i {font-size:24px;display: block}

.search_box {padding:0px 0px 30px 0;}
.search_box .table1 {width:100%;box-shadow:0 5px 10px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden;margin-top:40px; }
.search_box .table1 th span, .search_box .table1 td span, .search_box .table1 td a {white-space:nowrap;display:inline-block;line-height:22px; overflow:hidden; width:100%;padding:10px 5px;text-align:center;font-size:14px;transition:all 0.3s}
.search_box .table1 th {background:#0a4384;color:#fff}
.search_box .table1 tr:nth-child(even) td {background:#fff}
.search_box .table1 tr:nth-child(odd) td {background:#f4f8ff}
.search_box .table1 td a {padding:0 5px;color:#0078ff;font-size:14px;transition:all 0s}
.search_box .table1 tr:hover td{background:#0078ff;color:#fff}
.search_box .table1 tr:hover td a {color:#fff}

.alert {
    display: none;
    position: fixed;
    top: 30%;
    left: 50%;
    min-width: 200px;
    margin-left: -100px;
    z-index: 99999;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}


@media screen and (max-width:768px) {

.about1 .about_c .about_p p {height: 260px;
    overflow: hidden;}
}

@media screen and (min-width:1700px) {

.fullSlide {
    width: 100%;
    position: relative;
    height: 768px;
    /* background: #000; */
    transition: none;
}
}