@charset "gb2312";
html {
	font: normal 62.5%/2.3em Arial, "΢ÈíÑźÚ";
}
* { padding: 0; margin: 0;}
body {
	margin: 0px;
	padding: 0px;
	margin: 0px auto;
	font-size:14px;
	color: #414446;
	width: 100%;
	zoom: 1;
	position: relative;
}
ul, li, form, dl, dt, dd, div {
	padding: 0px;
	margin: 0px;
}
ul, ul li {
	list-style: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, .p {
	padding: 0px !important;
	margin: 0px !important;
}
select, input, textarea {
	border-radius: 0;
	-webkit-border-radius: 0;
	color: #414446;
}
input:focus {
	outline: none;
}
input, button, select, textarea {
	outline: none;
}
textarea {
	resize: none;
}
textarea, input, select {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
article, aside, footer, header, hgroup, nav, section, figure, figcaption {
	display: block;
}
figure, figcaption {
	margin: 0px;
	padding: 0px;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
img {
	border: none;
	border: 0;
	vertical-align: top;
}
.jianjietu{
	padding: 2px;
	border: 1px solid #eee;
	margin:0 0 0 5px!important;
}
a {
	color: #333333;
	text-decoration: none;
noline:-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:focus {
	outline: none;
	-moz-outline: none;
}
a:hover {
	text-decoration: none;
	color: #015198;
}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}
.container {
	width: 1200px;
	margin: 0 auto;
}
/*index*/
.header{ width:100%; }
.header .top{ width:100%; height:40px; line-height:40px; background:#f7f7f7; display:table; }
.header .top .p_left{ float:left;}
.header .top .p_right{ float:right;}
.header .top .p_right b{color:#0050b3; font-size:16px;}

.siteList{ float:right;width:120px; margin-left:20px; text-align:center; position: relative;}
.siteList i{display: inline-block;position: relative;top: 0;transition: all 0.2s ease-in-out 0s;}
.siteList .lang{ display:block;line-height:40px;color: #333;font-size: 13px;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.siteList ul{display:none;position: absolute;left:0;right:0;top:40px;z-index: 2;background-color: #fff;border: 1px solid #ededed;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}
.siteList ul li{border-top: 1px solid #ededed;}
.siteList ul li:first-child{border-top: 0;}
.siteList ul li a{display: block;line-height: normal;padding: 10px 0;color: #333;font-size: 13px;}
.siteList ul li a:hover{color: #006ebd;padding: 10px 0 10px 4px;}
.siteList:hover ul{display: block;}
.siteList:hover i{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.siteList .globe{color:#0050b3; font-size:16px;}
.siteList:hover .globe{ transform:none; -webkit-transform:none;}

.header .logoBox{ height:100px; }
.header .logo { float: left; width:440px;height:60px; margin-top:20px;}
.header .logo img { float:left; height:60px;}
.header .logo h3{ float:left; width:350px; margin:15px 0 0 15px; line-height:22px; font-size:22px;}
.header .logo h3 span{ font-weight:normal; font-size:16px;letter-spacing:1.3px; }

.menu { float:right; height:100px; line-height: 100px;}
.menu .ul-list li {display: inline-block;vertical-align: middle;margin-left: 50px; position:relative;}
.menu .ul-list li a {display: block;font-size: 18px;font-weight: bold;color: #555;position: relative;}
.menu .ul-list li>a:hover,.menu .ul-list li.active a {color: #0050b3;}
.menu .ul-list li>a::after{content: "";position: absolute;width: 0px;height: 3px;margin: auto;left: 0;right: 0;bottom: 0;background: #fff;transition: 0.5s;}
.menu .ul-list li>a:hover::after {background: #0050b3;width: 100%;}

.menu .ul-list > li:hover .ol-list {display: block;background-color: #f8f8f8;line-height: 50px;}
.menu .ol-list {display: none;position: absolute;top:100px;left:50%; margin-left:-75px;z-index: 999;background:rgba(255,255,255,1);width:150px;}
.menu .ol-list li{ margin:0;}
.menu .ol-list li > a {color: #242424;font-size: 15px; width:150px; text-align:center;border-bottom: 1px solid #efefef;}
.menu .ol-list li > a:hover { color:#c00;}


.fullSlide{ margin:0 auto;width:1200px;position:relative;height:554px;overflow:hidden; }
.fullSlide .bd{position:relative;z-index:0;}
.fullSlide .bd ul{width:100%!important;}
.fullSlide .bd li{width:100%!important;height:600px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:600px;}
.fullSlide .hd{position:absolute;bottom:30px;z-index:99;left:50%; margin-left:-35px;width:70px;}
.fullSlide .hd li{width:15px;height:15px;float:left;margin:0 10px;background:#fff;border-radius: 50%}
.fullSlide .hd li.on {background:#f8b62c;}
.fullSlide .prev, .fullSlide .next {position: absolute;z-index: 99;width: 51px;height: 115px}
.fullSlide .prev {left: 2%;top: 40%;background: url(../images/left.png) no-repeat;}
.fullSlide .next {right: 2%;top: 40%;background: url(../images/right.png) no-repeat;}



.main{ width:100%; overflow:hidden;}
.index_title{ width:100%; text-align:center; overflow:hidden;}
.index_title h2{ height:40px; line-height:40px; font-size:38px;}
.index_title p{ padding-top:10px; font-size:16px;}

.index_top{ position:absolute; left:0; top:695px; width:100%;}
.index_top ul{ display:table; padding:30px 0; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1);}
.index_top ul li{ float:left; width:400px; border-right:1px solid #eee; margin-left:-1px; overflow:hidden; }
.index_top ul li:last-child{ border:none;}
.index_top ul li i{ display:block; float:left; width:100px; height:70px; font-size:52px; text-align:center; color:#0050b3;}
.index_top ul li h4{ font-weight:normal; font-size:16px;}
.index_top ul li p{ color:#999; line-height:20px; padding-right:10px;}

.index_cp{ width:100%; padding:180px 0 70px 0; background:#f7f7f7; overflow:hidden;}
.cp_nav{ width:100%; text-align:center; overflow:hidden;}
.cp_nav a{ display:inline-table; margin:10px 5px; padding:5px 20px; border:1px solid #333;}
.cp_nav a:hover{background:#bc1500; color:#fff; border:1px solid #bc1500;}

.CPslideGroup{ width:100%; margin:40px auto; }
.CPslideGroup .parHd{ height:32px; line-height:32px;position:relative;width:408px;margin:20px auto;}
.CPslideGroup .parHd ul{ height:32px;   }
.CPslideGroup .parHd ul li{ float:left; width:100px; height:32px; line-height:32px;cursor:pointer;text-align:center;}
.CPslideGroup .parHd ul li.on{ border:1px solid #e60012; color:#e60012;}
.CPslideGroup .parBd{width:100%; height:340px; background:#fff;}
.CPslideGroup .slideBox{ overflow:hidden; zoom:1;  position:relative; width: 1260px; height: 340px; margin: 0 auto;text-align: center;}
.CPslideGroup .sPrev,.CPslideGroup .sNext{ position:absolute; left:0; top:120px; display:block; width:36px; height:36px; }
.CPslideGroup .sPrev{ background-image:url(../images/left_arrow.jpg);}
.CPslideGroup .sPrev:hover{ background-image:url(../images/left_arrow_hover.jpg);}
.CPslideGroup .sNext{ left:auto; right:0; background-image:url(../images/right_arrow.jpg); }
.CPslideGroup .sNext:hover{ background-image:url(../images/right_arrow_hover.jpg);}
.CPslideGroup .sPrev:hover,.CPslideGroup .sNext:hover{ border-color:#f60;  }
.CPslideGroup .tempWrap{ margin-left:35px; margin-top:10px; width:1120px; overflow:hidden;}
.CPslideGroup .parBd ul{ overflow:hidden; zoom:1; }
.CPslideGroup .parBd ul li{ margin:0; float:left;padding:30px 60px;border-right:1px solid #ddd; _display:inline; overflow:hidden; text-align:center;}	
.CPslideGroup .parBd ul li .sycppic{ width:252px; height:200px; overflow:hidden; }
.CPslideGroup .parBd ul li .sycppic img{ width:100%; height:100%; object-fit:cover;}
.CPslideGroup .parBd ul li .sycppic a:hover img{}
.CPslideGroup .parBd ul li .sycptitle{ line-height:40px;}

.more{ font-size:16px;width:250px; margin:10px auto 0;height:50px; line-height:50px;background:#0050b3;border-radius:20px; border:1px solid #ccc; text-align:center;}
.more a{color:#fff;width:250px; height:50px;}
.more:hover{}
.btn{ display:block; float:left;border-radius:20px; border:1px solid #ccc;width:124px; height:30px; line-height:30px; text-align:center;}
.btn:hover{ background:#0050b3; color:#fff;}

.index_about{ padding-top:30px;background:url(../images/bg1.jpg) center 0 no-repeat;  }
.about{ box-shadow:0 0 8px #ddd;background:#fff;width:1102px; height:370px;margin:0 auto; padding:60px 78px 0;}
.aboutTxt{ float:left; width:530px;}
.aboutTxt h2{ font-size:24px; color:#4c4c4c; font-weight:normal; line-height:37px;}
.aboutTxt h2 span{color:#ba251d; display:block;text-transform:uppercase;}
.aboutTxt h3{ color:#0050b3;font-size:22px; line-height:75px; font-weight:normal;}
.aboutTxt p{ width:100%;line-height:30px; margin-bottom:40px; overflow:hidden;}
.aboutImg {width:496px; float:right; overflow:hidden;}
.aboutImg img { width: 496px; height:309px;overflow: hidden;}

/*.cp_left{ float:left;width: 360px;height:440px; background-color: #164C90; text-align:center; overflow:hidden; position:relative;}
.cp_left::after{content: "";display: block;border: 1px solid rgba(255, 255, 255, 0.12);height:92%;position: relative;top: -120px;width: 92%;margin: 0 auto;}
.cp_left h2{ padding-top:110px; color:#fff; font-size:26px;}
.cp_left a.more{display: block;position: absolute;left: 98px;bottom: 80px;background: url(../images/jiantou.png) no-repeat 32px -154px;width: 160px;height: 38px;line-height: 38px;color: transparent;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border: 1px solid rgba(204, 204, 204, 0.35); z-index:99;}
.cp_left a.more:hover{border: 1px solid rgba(204, 204, 204, 1);}

.cp_right{ float:left; width:840px;overflow:hidden;}
.cp_right li{ float:left; width:280px;}
.cp_right li .text{ height:220px; background:#fff; text-align:center; overflow:hidden;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.cp_right li .text h3{ margin-top:70px; font-weight:normal; font-size:20px;}
.cp_right li .text i{ display:block; margin:10px auto; width:120px; height:35px; line-height:35px; font-style:normal;border: 1px solid rgba(0, 0, 0, 0.2); color:rgba(0, 0, 0, 0.5);}
.cp_right li .pic{ width:100%; height:220px; overflow:hidden;}
.cp_right li .pic img{ width:100%; height:100%; object-fit:cover;transition: all 0.6s;}
.cp_right li:hover .pic img:hover{ transform: scale(1.1);}
.cp_right li:hover .text{ background:#bc1500; color:#fff;}
.cp_right li:hover .text i{border: 1px solid #fff; color:#fff;}*/

.cpBox{ width:100%; padding:70px 0;  overflow:hidden;}
.cpBox li{ float:left; width:285px; margin-right:20px;}
.cpBox li:last-child{ margin-right:0;}
.cpBox li .pic{ width:100%; height:220px; overflow:hidden;}
.cpBox li .pic img{ width:100%; height:100%; object-fit:cover;transition: all 0.6s;}
.cpBox li a:hover .pic img{ transform: scale(1.1);}
.cpBox li h4{ padding:20px; background:#f7f7f7; font-size:16px; font-weight:normal; text-align:center;}
.cpBox li h4 i{ display:block; margin:10px auto;width: 120px;height: 32px;background: url(../images/jiantou.png) no-repeat 10px -95px;border: 1px solid rgba(204, 204, 204, 0.9); }
.cpBox li a:hover h4{background:#bc1500; color:#fff;}
.cpBox li a:hover h4 i{border: 1px solid #fff; background: url(../images/jiantou.png) no-repeat 10px -156px;}

.index_service{ padding:80px 0; display:table;}
.service_list{ margin-top:50px;height: 500px;}
.service_list li{width:24%; float:left; margin-right:1%; margin-bottom:20px;background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1);}
.service_list li:nth-child(4){margin-right:0;}
.service_list li .tit{ padding:20px; height:100px; text-align:center; background:#f8b62c; color:#fff; overflow:hidden;}
.service_list li .tit i{ display:block; margin:0 auto; width:40px; height:40px; border-radius:40px; line-height:40px; border:1px solid #fff; font-size:20px;}
.service_list li .tit h3{ margin-top:10px;}
.service_list li .text{ padding:20px;}
.service_list li .text p{ padding-bottom:20px; height:75px; line-height:25px;}
.service_list li .pic{ margin:10px; height:180px; overflow:hidden;}
.service_list li .pic img{ width:100%; height:100%; object-fit: cover;}

.service_list li .more{display:inline-block; padding:0 20px; height:38px; line-height:38px; text-align:center; border:2px solid #595757; font-size:14px; color:#595757; font-weight:bold; position:relative;}
.service_list li .more span{display:inline-block; vertical-align:middle; position:relative; z-index:3;}
.service_list li .more span.icon{width:8px; height:16px; background:url(../images/img2.png) no-repeat; margin-left:33px;}
.service_list li .more:after{content:''; width:0; height:100%; background:#f8b62c; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
.service_list li .more:hover{border-color:#f8b62c}
.service_list li .more:hover:after{width:100%;}



.index_wrap { padding:80px 0; overflow:hidden;}
.index_wrap .item{float:left;width:49%;}
.index_wrap .item:first-child{margin-right:2%;}
.index_wrap .item .pic{ width:100%; height:380px; overflow:hidden;}
.index_wrap .item .intro{width:70%; background:#fff; margin-top:-70px; position:relative; z-index:2;}
.index_wrap .item .intro .box{padding:49px 29px 20px 49px;}
.index_wrap .item .intro .box .tit{font-size:36px; line-height:36px; color:#fbaf27; font-weight:bold; margin-bottom:13px;}
.index_wrap .item .intro .box .con{font-size:16px; line-height:25px; color:#000; font-weight:lighter; height:50px; overflow:hidden; margin-bottom:45px;}
.index_wrap .item .intro .box .more{display:inline-block; padding:0 20px; height:38px; line-height:38px; text-align:center; border:2px solid #595757; font-size:14px; color:#595757; font-weight:bold; position:relative;}
.index_wrap .item .intro .box .more span{display:inline-block; vertical-align:middle; position:relative; z-index:3;}
.index_wrap .item .intro .box .more span.icon{width:8px; height:16px; background:url(../images/img2.png) no-repeat; margin-left:33px;}
.index_wrap .item .intro .box .more:after{content:''; width:0; height:100%; background:#f8b62c; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
.index_wrap .item .intro .box .more:hover{border-color:#f8b62c}
.index_wrap .item .intro .box .more:hover:after{width:100%;}


.index_news{ width:100%; padding:80px 0; overflow:hidden;}
.newsBox{ width:100%; margin-top:50px; display:table;}
.newsBox .news_left{ float:left; width:420px;}
.newsBox .news_left .pic{ width:100%; height:200px; overflow:hidden;}
.newsBox .news_left .pic img{ width:100%; height:100%; object-fit: cover;}
.newsBox .news_left h2{ margin-top:10px; line-height:25px; font-size:16px;}
.newsBox .news_left p{ line-height:24px; margin-bottom:30px;}

.news_right{ float:right; width:720px; }
.news_right .time{ float:left;width:60px; height:60px; padding: 15px 23px 15px 0;color:#0050b3; font-size:36px; text-align:right; border-right:1px solid #ddd; overflow:hidden;}
.news_right .time span{ font-size:14px; color:#999; display:block;}
.news_right .text{ float:right; width:618px; height:80px;}
.news_right h2{ font-weight:bold;margin-bottom:10px; font-size:18px;}
.news_right p{ line-height:24px; color:#7c7c7c;}
.news_right li{ width:720px; height:80px; margin-bottom:30px; padding:10px; display:table; }
.news_right li:hover{ box-shadow:0 0 5px #ddd;} 
.news_right li a:hover{color:#0050b3;}

/*index*/


.footer {width:100%;background: #282828; overflow:hidden;}
.f_top{ padding-top:50px; text-align:center;}
.f_top .f_logo h3{ padding:20px 0; font-size:22px; color:rgba(255,255,255,1);}
.f_top p{ font-size:16px;color:rgba(255,255,255,0.8);}
.f_top .ewm{ padding-top:40px;}
.f_top .ewm img{ width:120px; height:120px;}

.copy { margin:50px auto auto;width:100%; padding:15px 0; text-align:center; border-top:1px solid rgba(255,255,255,0.3);color:rgba(255,255,255,0.7); background:#080808;overflow: hidden;}
.copy a {color:rgba(255,255,255,0.7);}
.copy a:hover {color: #fff;}


.banner{ width:100%; height:200px; overflow:hidden; position:relative; z-index:-1;}
.banner img{ position:absolute; top:0; left:50%; margin-left:-960px; }
.home{ width:100%; height:50px; line-height:50px; color:#fff; text-align:right;background: #0050b3; overflow:hidden;}
.home a{ color:#fff;}

.main_info{ width:100%; margin:0; padding:0; background:#f7f7f7; display:table;}
.m_left{ float:left; width:260px; min-height:600px; background:#fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.m_left h2{ margin-top:50px;padding: 30px 0;font-size: 24px;color: #000; text-align:center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.m_left ul{ margin:20px 0;}
.m_left ul li{border-bottom: 1px solid #F2F5FA; text-align:center;}
.m_left ul li a{display: block;line-height: 20px; padding: 15px 30px;color: #000;}
.m_left ul li a:hover,.m_left ul li.on a{background: #0050b3; color:#fff;}

.m_right{ float:right; width:800px; padding:80px 50px; background:#fff; overflow:hidden;}
.r_title{font-size: 30px;color: #000;padding-bottom: 15px; border-bottom:1px solid #F2F5FA;}

.info{ padding:30px 0; overflow:hidden;}
.about_info{ margin-top:30px; line-height:35px;}


.newslist{ margin-top:30px; overflow:hidden;}
.newslist li{ float:left; width:100%; margin-bottom:30px; background:#f7f7f7;display:inline-table;}
.newslist li .text{ float:left; padding:20px; width:630px; height:140px; overflow:hidden;}
.newslist li h4{color:#595757; font-size:20px; font-weight:normal; line-height:40px;}
.newslist li h4 span{ float:right; color:#999; font-size:14px; font-weight:normal;}
.newslist li p{ padding:10px 0; line-height:20px; color:#666;}
.newslist li i{ display:block; font-style:normal; width:130px; height:36px; line-height:36px; border:2px solid #595757; text-indent:20px; background:url(../images/img2.png) no-repeat 100px center;}
.newslist li .time{ float:left; width:109px; margin:30px 0 0 20px;font-size: 18px;line-height: 32px; text-align:center;color: #595757;font-family: Arial; border-left:1px solid #ddd;overflow:hidden;}
.newslist li .time span{ display:block;font-size: 60px;line-height: 60px;color: #595757;font-family: Impact; margin-bottom: 5px;}

.news_title{ width:100%; margin:30px 0; line-height: 40px; text-align:center; overflow:hidden;}
.news_title span{ display:block; padding:10px 0; color:#999;}
.news_pic{ width:100%; padding:20px 0; text-align:center; overflow:hidden;}
.news_pic img{border:1px solid #595757;}
.news_info{ margin-top:30px; padding-top:30px; line-height:40px; font-size:16px;border-top:1px solid #ddd;}
.productlist{ margin-top:30px;overflow:hidden;}
.productlist li{ float:left; width:254px; margin:0 19px 20px 0;}
.productlist li:nth-child(3n){ margin-right:0;}
.productlist li .pic{ height:200px; overflow:hidden;text-align: center; border:1px solid #ddd;}
.productlist li .pic img{ width:100%; height:100%;object-fit:cover;}
.productlist li h4{ height:40px; line-height:40px;  text-align: center; font-size:1.5rem;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;}

.cpxq{ width:100%; height:40px; line-height:40px; margin-bottom:30px; border-bottom:1px solid #ddd; overflow:hidden;}



.pages {height: 26px;padding: 5px 0;margin-top: 30px;clear: both;text-align: center;}
.pages:after {content: '.';clear: both;height: 0;line-height: 0;display: block;visibility: hidden;}
.pages b{background:#e61420; color:#fff;padding: 5px 10px;}
.pages a {padding: 5px 10px;border: 1px solid #e1e1e1;height: 24px;line-height: 24px;color: #666;}
.pages a:hover {border: 1px solid #3a97ef;background: #3a97ef;color: #fff;text-decoration: none;}

.d_page{border-top: 1px solid #eee;margin-top: 40px; padding-top:20px; position:relative;}
.d_page p._next{line-height: 30px;height: 30px;overflow: hidden;}
.d_page p ._mark {float: left;margin-right: 10px;}
.d_page p a{ color:#666;}
.d_page p a:hover{ text-decoration:underline;}
.d_page .back{ position:absolute; top:20px; right:0;}
.d_page .back a{ display:block; width:120px; height:40px; line-height:40px; text-align:center;background:#0075c0; color:#fff;}

.wx_right{ position:fixed; right:5px; bottom:50%; width:100px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); z-index:99999999; display:block;}
.wx_right .pic img{ width:100px; height:100px;}
.wx_right p{ height:40px; line-height:40px; background:#0050b3; color:#fff; font-size:12px; text-align:center;}