*{margin: 0;padding: 0}
html,
body {
	position: relative;
	height: 100%;
}

body {
	background: #f9f9f9;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}

p,
h1,
h2,
h3,h4{
	margin: 0;
	padding: 0;
	text-decoration: none
}

ul,
li,
dl,
dd {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	text-decoration: none;
	margin: 0;
	padding: 0
}

img {
	display: block;
	margin: 0;
}

.clearfix {
	clear: both;
}

.head-box {
	width: 100%;
	position: fixed;
	z-index: 5;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
}

.head {
	width: 100%;
	background: #2f3438;
}

.header {
	max-width: 1200px;
	margin: 0 auto;
	height: 28px;
	line-height: 26px;
}

.tel {
	float: right;
	background: url(../images/tel.png) left center no-repeat;
	padding-left: 24px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin-right: 20px;
}

.login {
	float: right;
}

.login>a {
	background: url(../images/login.png) left center no-repeat;
	padding-left: 24px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin-right: 15px;
}

.nav-box {
	width: 100%;
	background-color: #FFFFFF;
}

.nav {
	max-width: 1200px;
	margin: 0 auto;
}

.logo {
	float: left;
	margin: 15px 0;
	width: 200px;
}

.logo img {
	width: 100%
}

.nav-r {
	float: right;
}

.fix {
	width: 100%;
}

.on-1 {
	float: left;
	margin-top: 30px;
	position: relative;
}

.on-1>a {
	padding: 20px 30px;
	color: #0369ab;
	font-size: 16px;
	display: block;border-bottom: 3px solid #fff;
}

.on-1>a:hover {
	border-bottom: 3px solid #0369ab;font-weight:500;transition: all 0.3s;
}

.on-1-down {
	display: none;
	position: absolute;
	top: 64px;
	background: #fff;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	padding-top: 15px;
}



.on-1-down a {
	color: #555555;
	font-size: 16px;display: block;
	padding: 0px 30px 15px 30px;
}

.on-1-down a:hover {
	border: none;
	color: #0369ab;
}


/*小导航*/

#menu {
	float: left;
	display: none;
	margin-top: 20px;
	margin-right: 10px;
}

.menu-l {
	position: absolute;
	top: 20px;
	right: 0px;
	background: #fff;
	padding: 10px;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
}

.menu-l dd {
	margin: 20px 10px;
}

.menu-l a {
	font-size: 16px;
	color: #555;
	display: block;
}

.menu-l a:hover {
	font-size: 16px;
	color: #0369ab;
	font-weight: bold;
}

@media(max-width:1000px) {
	.logo {
		width: 160px;
		margin-left: 10px
	}
	.on-1 a {
		padding: 10px 18px;
	}
}

@media(max-width:780px) {
	.logo {
		width: 120px;
		margin-left: 10px;
	}
	.on-1 a {
		display: none
	}
	#menu {
		display: block;
	}
}

.banner-box {
	overflow: hidden;
	padding-top: 100px;
}
.banner-box img{position: relative;margin-left:50%;left:-960px;}

/*内容区*/

.content-box {
	max-width: 1920px;
	margin-top: 30px;padding-bottom: 30px;
}

.content {
	max-width: 1200px;
	margin: 0 auto;
}


/*栏目左右排列*/


/*右侧菜单*/

.sidebar {
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	float: left;
	width: calc(20% - 20px);
	font-size: 16px;
	background-color: #fff;
}

.sidebar h3 {
	height: 60px;
	background: url(../images/side1.jpg) no-repeat center;
	background-color: #0369ab;
}

.sidebar li {}

.sidebar a {
	display: block;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 60px;
	border-bottom: 1px solid #cdcdcd;
	color: #555555;
	font-weight: bold;
}

.sidebar a:hover {
	color: #0369ab;
	font-weight: bold;
	border-left: 4px solid #0369ab;
	padding-left: 56px;
}

.sidebar-sub a {
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 80px;
	font-weight: normal;
	background-color: #F9F9F9;
}

.sidebar-sub a:hover {
	padding-left: 76px;
}


/*内容区*/

.content-right {
	float: right;
	border: 1px solid #cdcdcd;
	width: 80%;
	margin-left: 16px;
	background-color: #fff;
	padding-bottom: 20px;
	padding-top: 20px;
}

.content-right>img {
	width: calc(100% - 40px);
	margin: 10px;
	margin: 0 auto;
}

.content-right>p {
	padding: 20px;
	color: #666666;
	line-height: 26px;
}
/*案例页面*/

.case-box {
	width: 98%;
	margin: 0 auto;
}

.case {
	width: calc(100% / 2 - 20px);
	float: left;
	margin: 20px 10px 10px 10px;
	border-bottom: ;
	background-color: #F9F9F9;
}

.case img {
	width: 100%;
	margin: 0 auto;
}

.case>h3 {
	font-weight: normal;
	line-height: 50px;
	float: left;
	margin-left: 10px;
}

.case>h3>a {
	font-size: 20px;
	color: #4d4d4d;
}

.case>h3>a:hover {
	color: #0369AB;
}

.case>p>a {
	font-size: 16px;
	color: #0369AB;
	float: right;
	background: url(../images/liao.png) no-repeat center right;
	padding-right: 20px;
	line-height: 50px;
	margin-right: 10px;
}
/*案例详情*/
.contenter{width: 97%;margin: 0 auto;}
.contenter h2{font-size:20px;color: #000000;font-weight: 500;text-align: center;line-height: 50px;}
.contenter h3{font-size:15px;color: #666666;font-weight: normal;text-align: center;line-height: 40px;}
.contenter p{font-size:16px;color: #444;font-weight: normal;text-indent: 2em;line-height: 32px;}
.contenter img{width: 100%;margin: 10px 0;}

/*栏目排列方法二*/
/*栏目横2*/

.sidebar1 {
	border-bottom: 1px solid #CBCBCB;
	margin-bottom: 10px;
	margin-top: 40px;
}

.sidebar1>li {
	float: left;
}
.sidebar1-name1{float:right;}
.sidebar1-name1>img{}
.sidebar1>li>a {
	display: block;
	font-size: 20px;
	color: #666;
	padding: 12px 25px;
	border-bottom: 4px solid rgba(0,0,0,0);
}

.sidebar1>li>a:hover,.sidebar1>li>a.active {
	border-bottom: 4px solid rgba(3,105,171,1);
	color: #333;transition: all 0.3s;
}


.sidebar-sub1 {
	position: absolute;
	z-index: 5;
	background: url(../images/dl_bg.png) no-repeat;
	padding-top: 20px;
	height: 210px;
	width: 146px;
	display: none;
}

.sidebar-sub1>dd>a {
	font-size: 16px;
	padding: 8px 36px;
	margin: 0 5px;color: #666;display: block;
}
.sidebar-sub1>dd>a:hover {
color: #333;
}
.content1 {
	max-width: 1200px;
	margin: 0 auto;
}

.content1>p {
	margin: 20px;
	line-height: 30px;
	color: #666666;font-size: 16px;letter-spacing:0.1em;text-indent: 2em;
}

.content1>img {
	width: calc(100% - 40px);
	margin: 0 auto;
}
/*栏目方法二中案例*/

.case1 {
	width: calc(100% / 3 - 22px);
	float: left;
	margin:10px;
	border:1px solid #CBCBCB;
	background-color: #fff;
	
}

.case1 img {
	width: 100%;
	height: 220px;
	margin: 0 auto;
}

.case1>h3 {
	font-weight: normal;
	line-height: 46px;
	float: left;
	margin-left: 10px;
}

.case1>h3>a {
	font-size: 20px;
	color: #4d4d4d;
}

.case1>h3>a:hover {
	color: #0369AB;
}

.case1>p>a {
	font-size: 16px;
	color: #0369AB;
	float: right;
	background: url(../images/liao.png) no-repeat center right;
	padding-right: 20px;
	line-height: 50px;
	margin-right: 10px;
}
/*案例详情*/
.contenter{width: 97%;margin: 0 auto;}
.contenter h2{font-size:20px;color: #000000;font-weight: 500;text-align: center;line-height: 50px;}
.contenter h3{font-size:15px;color: #666666;font-weight: normal;text-align: center;line-height: 40px;}
.contenter p{font-size:16px;color: #444;font-weight: normal;text-indent: 2em;line-height: 32px;}
.contenter img{width: 100%;margin: 10px 0;}


.contenter1{width: 85%;margin: 0 auto;}
.contenter1 h2{font-size:20px;color: #000000;font-weight: 500;text-align: center;line-height: 50px;}
.contenter1 h3{font-size:15px;color: #666666;font-weight: normal;text-align: center;line-height: 40px;}
.contenter1 p{font-size:16px;color: #444;font-weight: normal;text-indent: 2em;line-height: 32px;}
.contenter1 img{width: 100%;margin: 10px 0;}


.product {
	width: calc(100% / 4 - 12px);
	float: left;
	margin: 10px 5px;
	border:1px solid #CDCDCD;
	background-color: #fff;
	
}

.product img {
	width: 92%;height: auto;
	margin: 0 auto;padding: 10px;
}

.product h3{font-size: 20px;font-weight: normal;text-align: center;}
.product>h3>a{padding: 15px 0;display: block;color: #666666;}
.product>h3>a:hover{color: #fff;background: #0369AB;}

/*关于我们-新闻*/
.content1-news-left{
	width: 70%;margin-left: 10px;float: left;
}
.content1-news-left>li{border-bottom: 1px dotted #999;}

.content1-news-left>li>h2>a{
	color: #0369AB;display: block;line-height: 60px;
}
.content1-news-left>li>h2>a:hover{text-decoration: underline;}
.content1-news-left>li>p{font-size: 15px;color: #666666;line-height: 23px;}
.content1-news-left>li>h3{font-weight: normal;float: left;}
.content1-news-left>li>h3>a{line-height: 45px;color: #0369AB;}
.content1-news-left>li>h3>a:hover{text-decoration: underline;}
.content1-news-left>li>h4{float: right;line-height: 45px;color: #999;font-weight: normal;}


.content1-news-right{width: calc(30% - 40px);margin-left: 30px;float: right;}
.content1-news-right>h1{color: #0369AB;display: block;line-height: 60px;font-size: 20px;}
.content1-news-right img{width: 100%;}
.content1-news-right>li>h2>a{color: #333;line-height: 60px;font-size: 16px;}
.content1-news-right>li>h2>a:hover{text-decoration: underline;color: #0369AB;}


/*解决方案*/
.solution{display:flex}
.content1-solu-left iframe{border:none;width:100%;height:auto}
.content1-solu-left{width: 80%;margin-left: 10px;}
.content1-solu-left h2{font-size: 20px;color: #0369AB;text-align: center;line-height: 60px;}
.content1-solu-left p{font-size: 16px;color: #666666;line-height: 28px;}
.content1-solu-left>img{margin: 0 auto;margin-top: 10px;width: 100%;}
.content1-solu-right{width: 20%;margin-left: 30px;margin-top: 20px;}
.content1-solu-right>li{border-bottom: 1px dotted #999;}
.content1-solu-right>li>a{width:100%;font-size: 16px;color: #444;line-height: 60px;border-left:#0369AB solid 4px;padding-left:15px}
.content1-solu-right>li>a:hover,.content1-solu-right>li.active a{color: #0369AB;transition: all 0.3s;}

/*服务支持*/
.content1-service{margin: 30px;max-width: 1100px;margin: 0 auto;}
.content1-service>h2{font-size: 20px;color:#0369AB ;font-style: normal;text-align: center;padding-top: 40px;padding-bottom: 30px;}
.content1-service>p{font-size: 14px;text-indent: 2em;line-height: 26px;}
.content1-service>h3{font-family:"arial rounded mt bold";font-size: 36px;text-align: right;color: #d9d9d9;padding-right: 100px;}
.content1-service>h4{font-size: 17px;color:#0369AB;font-style: normal;}


.content1-service-tel{background: #f9f9f9;max-width: 1920px;}
.service-tel-box{max-width:1200px;margin: 0 auto;}
.service-tel-box>h2{font-size: 20px;color: #0369AB;text-align: center;padding-top: 50px;padding-bottom: 30px;}
.service-tel{padding-bottom: 50px;}
.service-tel>li{width: calc(100% / 3 - 20px);background: #fff;display: block;box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);float: left;margin:0 10px ;}
.service-tel>li>img{margin: 0 auto;margin-bottom: 20px;padding-top: 30px;}
.service-tel>li>h2{font-size: 18px;color: #333;text-align: center;background: url(../images/service-add-x.png) no-repeat center bottom;padding-bottom: 30px;}
.service-tel>li>p{font-size: 14px;color: #999;text-align: center;line-height: 70px;}

/*业务咨询*/

.contact-form input[type="text"] {
	border: 1px solid #a8a8a8;
	width: calc(100% / 3 - 45px);
	outline: none;
	padding: 10px;
	font-size: 14px;
	color: #020202;
	margin: 0 24px 24px 0;
}
.contact-form textarea {
	border: 1px solid #a8a8a8;
	width: 97%;
	height: 185px;
	outline: none;
	font-size: 14px;
	color: #020202;
	resize: none;
	padding: 10px;
	margin-bottom: 24px;
}
.contact-form input[type="text"]:nth-child(3){
margin-right:0;
}

.btn1 {
  border:none;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  padding: 9px 32px;
  background: #2ad2c9;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.btn1:hover{
background:#020202;
}



.footer1 {
	width: 100%;
	background-color: #2f3438;
	font-size: 12px;
	color: #D3D3D3;
	line-height: 34px;
    text-align: center;
}