@charset "gb2312";
/* CSS Reset */
.hide {
	display:none !important
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea,blockquote {
	padding: 0;
	margin: 0;
	font-family:"SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-size: 14px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
a {
	text-decoration: none;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
*.clearfix {
	zoom: 1;
}
body {}


/* global */
.cont{width: 1200px;margin: 0 auto;}
.top{background: #fff;padding-top: 20px;border-bottom: 4px solid #003CFF;padding-bottom: 0px;}
.top .logo{float: left;}
.top .logo img{width: 340px;}
.top .menu{width: 851px;height: 20px;float: right;}
.top .nav{font-weight: bold;float: right;margin-top: 10px;}
.top .nav li{margin-left: 20px;color: #232323; float:left;font-size: 18px;padding: 0px 3px;position: relative;padding-bottom: 29px;}
.top .nav li a{color: #000;}
.top .nav li a:hover{color: #FF0004;}
.top .nav  li a:active{color: #FF0004;}



.top .language{text-align: right;font-size: 16px;padding-bottom: 10px;}
.top .language img{width: 20px;}
.top .language a{color:#4F4F4F;font-weight: bold;display: inline-block;margin-left: 6px;}

.tempNav{font-size: 16px;padding-bottom: 20px;}
.tempNav a{color: #373737;}
.tempNav a:hover{color:#0041A6 }
.tempNav img{display: inline-block;padding-right: 5px;padding-left: 5px;}
.banner {
	background: url("/Content/Site/img/cnindexbanner.jpg") no-repeat;
	height: 751px;
	background-size: cover;
}
.banner1 {
	background: url("/Content/Site/img/enindexbanner.jpg") no-repeat;
	height: 751px;
	background-size: cover;
}
.banner-product{background: url("/Content/Site/img/m-pro-banner.jpg") no-repeat center;height: 626px;background-size:cover;}
.banner-aboutnews{background: url("/Content/Site/img/m-about-banner.jpg") no-repeat center;height: 626px;background-size:cover;}
.banner-service{background: url("/Content/Site/img/m-service-banner.jpg") no-repeat center;height: 626px;background-size:cover;}
.banner-why{background: url("/Content/Site/img/m-xz-banner.jpg") no-repeat center;height: 626px;background-size:cover;}
.banner-join{background: url("/Content/Site/img/m-join-banner.jpg") no-repeat center;height: 626px;background-size:cover;}
.banner-contact{background: url("/Content/Site/img/banner7.jpg") no-repeat center;height: 626px;background-size:cover;}
.banner-case{background: url("/Content/Site/img/m-anli-banner.jpg") no-repeat center;height: 626px;background-size:cover;}

.Maincont{padding-top: 30px;}
.tempTitle{border-bottom: 1px #dedede solid;font-size: 18px;margin-bottom: 30px;line-height: 58px;text-align: right;color: #d6d6d6;}
.tempTitle a{padding:0px 10px;color:#666;line-height: 58px;display: inline-block;}
.tempTitle .temptitle_hover{border-bottom:2px  #0074FF solid;}
.mainDiv{margin-bottom: 20px;overflow: hidden;zoom:1;}
.mainDiv .title{font-size: 36px;font-weight: bold;color: #00509B;line-height: 60px;}
.mainDiv .title2{font-size: 36px;font-weight: bold;color: #333;margin-bottom: 30px;}

.mainDiv .title a{font-size: 16px;color: #00509B;float: right;font-weight: normal;}

.mainDiv .newsPic{float: left;width: 750px;padding-top: 30px;position: relative;}
.mainDiv .newsPic img{width: 750px;}
.mainDiv .newsTxt{background-color: rgba(0,80,155,0.80);position: absolute;bottom: 2px;color: #fff;padding: 20px;width: 710px;font-size: 16px;}
.mainDiv .newsTxt span{float: right;padding-top: 2px;padding-right: 5px;}
.mainDiv .newsTxt .more{width: 20px;float: right;}
.mainDiv .newsTxt a{color: #fff;}
.mainDiv .newlistBox{float: right;width: 430px;padding-top: 28px;}
.mainDiv .newlistBox .nt{}
.mainDiv .newlistBox .nt ul{overflow: hidden;}
.mainDiv .newlistBox .nt ul li{float: left;width: 100px;margin-right: 25px;line-height: 40px;text-align: center;font-size: 16px;cursor: pointer;border-bottom: 2px #00509B solid;}
.mainDiv .newlistBox .nt ul li:active{background: #00509B;color: #fff;border-radius: 5px;}

.mainDiv .newlistBox .nt ul .lihover{background: #00509B;color: #fff;border-radius: 0px;}

.newsListUl{padding-top: 20px;}
.newsListUl li{overflow: hidden;zoom:1;border-bottom: 1px #000 solid;padding-bottom: 10px;margin-bottom: 10px;padding-top: 10px;}
.newsListUl li span{background: #00509b; width: 60px;display: block;color: #fff;padding: 10px;font-size: 14px;float: left;height: 60px;}
.newsListUl li .t_color_1{color: #f17754;font-size: 20px;font-weight: bold;}
.newsListUl li div{float: right;width: 340px;font-size: 16px;line-height: 24px;position: relative;height: 113px;}

.newsListUl li div a{color: #666;}
.newsListUl li div .morelink{position: absolute;bottom: 2px;display: block;right: 0px;}


.aboutTxt .redstrong{color:#FF0004;}
.newsListUl2{padding-top: 40px;margin-bottom: 40px;}
.newsListUl2 li{overflow: hidden;zoom:1;border-bottom: 1px #000 solid;padding-bottom: 10px;margin-bottom: 30px;padding-top: 10px;}
.newsListUl2 li span{background: #00509b; width: 60px;display: block;color: #fff;padding: 10px;font-size: 14px;float: left;height: 60px;line-height: 18px;}
.newsListUl2 li .t_color_1{color: #f17754;font-size: 20px;font-weight: bold;}
.newsListUl2 li div{float: right;width: 670px;font-size: 20px;line-height: 34px;position: relative;height: 113px;}

.newsListUl2 li div a{color: #666;}
.newsListUl2 li div .morelink{position: absolute;bottom: 2px;display: block;right: 0px;font-size: 16px;}

.aboutTxt{width: 770px;float: left;font-size: 16px;}


.abtouCont{font-size: 16px;line-height: 36px;padding-top: 20px;}
.abtouImg{float: right;padding-left:20px;padding-left: 50px;}
.abtouImg img{width: 350px;}
.proUl{overflow: hidden;zoom:1;padding-top: 30px;margin-right: -80px;margin-bottom: -42px;}

.proUl li{width: 340px; height: 241px;float: left;margin-right:80px;margin-bottom: 60px;position: relative}

.proUl li .ptxt{position: absolute;bottom:-18px;background: rgba(0,0,0,0.63);color: #fff;text-align: center;display: block;width: 100%;line-height: 33px;height: 33px;font-size: 18px;}
.proUl li img{width: 340px;height: 241px;}

.footbox{background: #e0e0e0;padding-top: 10px;margin-top:60px;}
.serviceBoxUl{margin-right: -20px;padding: 20px 0px;}
.serviceBoxUl li{width: 250px;float: left;margin-right: 15px;padding: 20px;font-size:20px;font-weight: bold;margin-bottom: 30px;}
.serviceBoxUl li img{display: inline-block;float: left;margin-right: 10px;}
.serviceBoxUl li span{font-size: 16px;font-weight: normal;}

.footbox .ftAbout{float: left;width: 800px;font-size: 18px;line-height: 34px;padding-top: 20px;}
.footbox .ftAbout span{font-size:32px;display:block;padding-bottom: 20px;border-bottom: 1px #666 solid;margin-bottom: 10px;font-weight: bold;}

.keyworld{border: 1px #dedede solid;padding: 20px;margin-bottom: 60px;margin-top: 60px;}
.keyworld h1{font-size: 33px;font-weight: bold;border-bottom: 1px #dedede solid;padding-bottom: 20px;color: #333;}
.keyworld p{font-size: 18px;line-height: 46px;}

.footbox .ftCode{float: right;width: 360px;font-size: 18px;line-height: 34px;padding-top: 20px;}
.footbox .ftCode span{font-size:32px;display:block;padding-bottom: 20px;border-bottom: 1px #666 solid;height: 34px;margin-bottom: 10px;}
.footbox .ftCode .footNav{float: left;width: 100px;font-size: 16px;line-height: 53px;}
.footbox .ftCode .footNav a{display: inline-block;color: #000;}
.footbox .ftCode .footcodeimg{float: right;text-align: center;line-height: 26px;font-size: 16px;}
.p-big{width: 973px;margin: 0 auto;}

.p-small{width: 973px;margin: 0 auto;overflow: hidden;height: 158px;padding-top: 10px;}
.p-small img{margin-right: 10px;}
.certificateUl{overflow: hidden;zoom:1;margin-right: -20px;}
.certificateUl li{width: 240px; height: 300px;background: #666;float: left;margin-right: 20px;margin-bottom: 20px;}


.NewTop{padding-top: 0px;overflow: hidden;width:785px;float: left;}
.NewTop .NT_txt{float: left;width: 423px;}
.NewTop .NT_pic{float: right;}
.NewTop .NT_pic img{width: 350px;}

.NewTop .NT_txt span{display: block;}
.NewTop .NT_txt .NT_data{color: #00509b;font-size: 26px;}
.NewTop .NT_txt .NT_title{color: #000;font-size:23px;font-weight: bold;line-height: 50px;}
.NewTop .NT_txt .NT_cont{font-size: 14px;line-height: 28px;padding-bottom: 10px;color: #666;}
.NewTop .NT_txt a{display: block;background: #ededec;color: #00509b;line-height: 48px;text-align: center;}


.serviceUl{overflow: hidden;zoom:1;margin-right: -86px;padding-top: 10px;}
.serviceUl li{width: 186px;margin-bottom: 20px;margin-right: 86px;padding: 20px;float: left;text-align: center;border: 1px #666 solid;font-size: 18px;line-height: 26px;font-weight: bold;height: 260px;border-radius: 30px;}

.serviceUl li img{text-align: center;margin-bottom: 30px;}
.serviceUl li span{display: block;}

.serviceUl .st1{font-size: 26px;font-weight: bold;padding-bottom: 20px;}


.service_pic{overflow: hidden;zoom:1}
.service_pic a{display: block;float: left;margin-right: 20px;}
.service_pic img{width: 580px;}


.joinCont{margin-bottom: 20px;font-size: 18px;border-bottom: 1px #FF0004 solid;width: 790px;}
.joinCont h1{font-size: 26px;font-weight: bold;color: #FF0004;}


.ContactCont{font-size: 22px;line-height: 42px;padding-top: 20px;}
.ContactCont h1{color: #FF0004; font-size:26px;}

.ContactCont .inputStyle{width: 850px;border: 1px #dedede solid;padding: 5px;font-size: 20px;line-height: 40px;padding-left: 10px;margin-bottom: 20px;}

.ContactCont section{margin-top: 40px;}

.ContactCont .bottom{padding: 10px 60px;font-size: 18px;color: #666;border: 1px #666 solid;}


.smallMenu{background: #003CFF;width: 140px;text-align:center;position: absolute;left:-29px;display: none;top: 50px;}

.smallMenu a{display: block;text-align: center;color: #fff!important;font-size: 16px;line-height: 46px;}
.smallMenu a:hover{background: #002dc1;}
.top .nav li:hover .smallMenu{display: block;}

.download li{font-size: 18px;line-height:58px;}
.download li:nth-of-type(2n + 2){background-color: #f7f7f7}
.download li a{color: #2E2E2E;display: block;}
.download li a:hover{color: #0054FF;}

.newsTitle{font-size: 30px;color: #000000;text-align: center;line-height: 98px;font-weight: bold;}
.newsShow{font-size: 18px;line-height: 38px;color: #666;}

.newsShow img{align-items: center;max-width: 1087px;}
.newsShow p{width: 1087px;margin: 0 auto;}
.caseNav{font-size: 22px;line-height: 58px;margin-bottom: 30px;}

.caseNav a{color: #333;margin-right: 20px;}

.caseNav .caseHover{color: #FF0004;}



.caseUl{overflow: hidden;zoom:1;margin-right: -100px;}
.caseUl li{width: 330px; height: 335px;background:#eaeaea;float: left;margin-right: 100px;margin-bottom: 50px;} 
.caseUl li a{color:#333; }
.caseUl li .caseTitle{font-size: 25px;padding: 10px;display: block;text-align: center;}
.caseUl li .caseCont{font-size: 16px;line-height: 24px;padding: 15px;display: block;}













.swiper-container {
    width: 600px;
    height: 300px;
}  


