/* Global link CSS */
*{margin:0;padding:0;border:none;outline:0;vertical-align:baseline;font-family:"微软雅黑";font-size:16px;}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal;}
a{text-decoration:none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
ol,ul,li{list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
input{border:none;background:none;}
input::-webkit-input-placeholder {line-height: 1.2em;color:#999;}
input:-moz-placeholder {line-height: 1.2em;color:#999;}
input::-moz-placeholder {line-height: 1.2em;color:#999;}
input:-ms-input-placeholder {line-height: 1.2em;color:#999;}

.topmain{width:1200px;margin:0 auto;background:#fff;padding:22px 0;}
.logobox{float:left;width:231px;height:76px;font-size:0;overflow:hidden;}
.logobox img{width:100%;height:100%;}
.navmain{text-align:right;overflow:hidden;}
.navmain a{display:inline-block;font-size:16px;color:#333;margin:23px 30px;}
.navmain a:hover{color:#4991d7;border-bottom:2px solid #4991d7;}
.navmain .on{color:#4991d7;border-bottom:2px solid #4991d7;}

.banner{width:100%;height:500px;font-size:0;}
.banner a{display:block;width:100%;height:500px;}
.ban01{background:url('../images/ban00.png') no-repeat center;}

.main{width:1400px;margin:0 auto;}
.titlebox{padding:60px 0 0;}
.titlebox h6{font-size:14px;color:#c2c2c2;}
.titlebox h1{font-size:20px;color:#555555;padding:10px 0 5px;border-bottom:4px solid #3f9fe9;display:inline-block;}

.newsbox{overflow:hidden;}
.newslist{width:636px;float:left;}
.newslist ul li{padding:34px 0 0;overflow:hidden;}
.newslist ul li a{font-size:14px;color:#444444;}
.newslist ul li a:hover{color:#4991d7;text-decoration:underline;}
.newslist ul li span{font-size:14px;color:#888;float:right;}
.newsvideo{float:right;width:533px;height:273px;font-size:0;}
.newsvideo a{display:inline-block;}
.newsvideo img{width:100%;}

.productbox{overflow:hidden;padding:34px 0 0;}
.productbox ul li{float:left;margin:0 13px 0 0;font-size:0;width:220px;}
.productbox ul li:nth-child(5n){margin:0;}
.productbox ul li img{width:100%;height:100%;}
.productbox ul li h6{font-size:14px;color:#444;text-align:center;padding:10px 0 0;}

.bg01{background:#8799ff;}
.bg02{background:#fff;}
.bg03{background:#31373d url('../images/bg03.jpg') no-repeat center;}
.casebox{width:100%;padding:60px 0 0;}
.casemid{width:1200px;margin:0 auto;overflow:hidden;}
.caseimg01{width:560px;height:560px;font-size:0;float:left;}
.caseimg01 img{width:100%;}
.casecont{overflow:hidden;padding:80px 0;}
.casecont01 h1{font-size:28px;color:#fff;}
.casecont01 h2{font-size:18px;color:#fff;padding:50px 0 20px;}
.casecont01 p{font-size:14px;color:#fff;line-height:48px;}
.casecont01 a{font-size:14px;color:#fff;text-decoration:underline;}

.caseimg02{width:560px;height:560px;font-size:0;float:right;}
.caseimg02 img{width:100%;padding:80px 0 0;}
.casecont02 h1{font-size:28px;color:#626262;}
.casecont02 h2{font-size:18px;color:#9f9f9f;padding:50px 0 20px;}
.casecont02 p{font-size:14px;color:#9f9f9f;line-height:48px;}
.casecont02 a{font-size:14px;color:#9f9f9f;text-decoration:underline;}

.caseimg03{width:560px;height:560px;font-size:0;float:left;}
.caseimg03 img{width:100%;padding:70px 0;}
.casecont{overflow:hidden;}
.casecont03{padding:80px 0 0 20px;}
.casecont03 h1{font-size:28px;color:#fff;}
.casecont03 h2{font-size:18px;color:#fff;padding:50px 0 20px;}
.casecont03 p{font-size:14px;color:#fff;line-height:48px;}
.casecont03 a{font-size:14px;color:#fff;text-decoration:underline;}

.partnerbox{overflow:hidden;padding:60px 0 0;}
.partnerbox ul li{float:left;font-size:0;width:200px;margin:20px 50px 0 0;}
.partnerbox ul li:nth-child(5n){margin:0;}
.partnerbox ul li:nth-child(1){margin:0 50px 0 0;}
.partnerbox ul li:nth-child(2){margin:0 50px 0 0;}
.partnerbox ul li:nth-child(3){margin:0 50px 0 0;}
.partnerbox ul li:nth-child(4){margin:0 50px 0 0;}

.footermain{padding:60px 0;background:#313b43;margin:80px 0 0;}
.footer{width:1200px;margin:0 auto;overflow: hidden;}
.footcent{float:left;width:60%;}
.footcent h6{font-size:14px;color:#fff;padding:30px 0 0;}
.footcent h6 a{font-size:14px;color:#fff;}
.footcent h6:first-child{padding:0;}
.footimg{float:right;width:190px;height:190px;font-size:0;border-radius:10px;overflow: hidden;}
.footimg img{width:100%;}

.videobox{overflow:hidden;padding:60px 0 0;}
.videobox ul li{float:left;width:289px;height:205px;margin:0 14.5px 0 0;cursor:pointer;}
.videobox ul li img{width:100%;}
.videobox ul li:last-child{margin:0;}

.newsindex{width:100%;}
.newsindex ul li{padding:34px 0 0;overflow:hidden;}
.newsindex ul li a{font-size:14px;color:#444444;}
.newsindex ul li a:hover{color:#4991d7;text-decoration:underline;}
.newsindex ul li span{font-size:14px;color:#888;float:right;}

.profilebox{padding:50px 0 0;}
.profilebox p{font-size:14px;color:#444444;line-height:48px;}

.coursebox{width:100%;margin:50px 0 0;position:relative;}

.courseline{position:absolute;width:6px;height:100%;background:#e2e2e2;top:0;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);}

.courseleft{width:50%;padding:30px 0 0;}
.courseleftdian{background:#3f9fe9;height:2px;position: relative;z-index:9;}
.courseleftdian em{display:inline-block;width:20px;height:20px;border-radius:50%;background:#3f9fe9;float:right;margin:-9px -10px 0 0;}
.courseleft h1{font-size:18px;color: #444444;padding:30px 30px 0;}
.courseleft h6{font-size:14px;color: #444444;padding:15px 30px 0;}

.courseright{width:50%;margin:50px 0 0 50%;}
.courserightdian{background:#3f9fe9;height:2px;position: relative;z-index:9;}
.courserightdian em{display:inline-block;width:20px;height:20px;border-radius:50%;background:#3f9fe9;float:left;margin:-9px 0 0 -10px;}
.courseright h1{font-size:18px;color: #444444;padding:30px 30px 0;}
.courseright h6{font-size:14px;color: #444444;padding:15px 30px 0;}

.detailsbox{padding:60px 0 0;}
.detailsbox a{font-size:14px;color:#888;}
.detailsbox a:hover{text-decoration:underline;color:#0298ec;}
.detailsbox span{font-size:14px;color:#888;padding:0 10px;}
.detailsbox b{font-size:14px;color:#555;}

.detailstitle{padding:60px 0 0;}
.detailstitle h1{font-size:24px;color:#333333;}
.detailstitle h6{font-size:14px;color:#666;padding:30px 0 0;}
.detailscont{padding:60px 0;}
.detailscont img{max-width:80%;}
.detailscont video{max-width:100%;min-width:800px;}
.detailscont p{font-size:20px;color:#555;line-height:48px;text-indent:2em;padding:15px 0;}
.detailscont h5{font-size:21px;color:#333;line-height:48px;text-indent:2em;padding:20px 0 0;font-weight:bold;}

.video_layer{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:9;}
.video_main{position:fixed;top:50%;left:50%;width:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.video_main video{width:100%;}


.phone_main{display:none;}


@media screen and (max-device-width: 740px) {
	.ban01{background:url('../images/ban00.png') no-repeat center;background-size:cover;}
	.phone_btn{background:url('../images/phone_btn.png') no-repeat center;background-size:6vw;}
	.close_btn{background:url('../images/close_btn.png') no-repeat center;background-size:6vw;}

	.topmain{width:100%;padding:3vw 0;}
	.logobox{width:26vw;height:auto;padding:0 4vw;}
	.logobox a{font-size:0;}
	.navmain{display:none;}
	.phone_main{float:right;width:9vw;height:9vw;position:relative;z-index:99;display:block;}
	.phone_main em{display:inline-block;width:9vw;height:9vw;}
	.phone_head_layer{position:absolute;top:9vw;right:1vw;width:100vw !important;height:100vw !important;}
	.phone_head{position:absolute;top:9vw;right:1vw;background:#fff;border-radius:2vw;box-shadow:0 0 1vw #ccc;width:30vw !important;padding:3vw 3vw;}
	.phone_head a{display:block;height:9vw;line-height:9vw;font-size:3.5vw;text-align:right;color:#333;}

	.banner{display:none;}
	.phone_banner{width:100vw;height:36vw;}
	.phone_banner a{display:block;width:100vw;height:36vw;}

	.main{width:94vw;margin:0 auto;}
	.titlebox{padding:8vw 0 0;}
	.titlebox h6{font-size:3vw;}
	.titlebox h1{font-size:4.5vw;border-bottom: 2px solid #3f9fe9;}
	.newslist{width:100%;}
	.newslist ul li{padding:4vw 0 0;}
	.newslist ul li a{display:inline-block;width:72vw;font-size:3.5vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.newslist ul li span{font-size:3.5vw;}
	.newsvideo{width:100%;padding:8vw 0 0;height:auto;}
	.productbox{padding:4vw 0 0;width:100%;}
	.productbox ul li{width:100%;margin:4vw 0 0;height:auto;}
	.productbox ul li:nth-child(4n){margin:4vw 0 0;}
	.productli{height:48vw;font-size:0;overflow: hidden;}
	.productbox ul li h6{font-size:3.5vw;padding:2vw 0 0;}
	.casebox{padding:8vw 0 0;}
	.casemid{width:100%;}
	.caseimg01{width:100%;height:50vw;text-align:center;float:none;}
	.caseimg01 img{width:60vw;}
	.casecont{padding:6vw 4vw;}
	.casecont01 h1{font-size:5.5vw;}
	.casecont01 h2{font-size:4.3vw;padding:5vw 0;}
	.casecont01 p{font-size:3.5vw;line-height:6vw;}
	.caseimg02{width:100%;height:50vw;text-align:center;float:none;}
	.caseimg02 img{width:80vw;padding:8vw 0;}
	.casecont02 h1{font-size:5.5vw;}
	.casecont02 h2{font-size:4.3vw;padding:5vw 0;}
	.casecont02 p{font-size:3.5vw;line-height:6vw;}
	.caseimg03{width:100%;height:50vw;text-align:center;float:none;}
	.caseimg03 img{width:80vw;padding:8vw 0;}
	.casecont03 h1{font-size:5.5vw;}
	.casecont03 h2{font-size:4.3vw;padding:5vw 0;}
	.casecont03 p{font-size:3.5vw;line-height:6vw;}

	.caseimg04{width:100%;text-align:center;float:none;font-size:0;height:auto;}
	.casecont04{padding:0 4vw 8vw;height:auto;}

	.partnerbox{padding:8vw 0;}
	.partnerbox ul li{margin:0 3vw 0 0;width:29vw;}
	.partnerbox ul li img{width:100%;}
	.partnerbox ul li:nth-child(1){margin:0 3vw 0 0;}
	.partnerbox ul li:nth-child(2){margin:0 3vw 0 0;}
	.partnerbox ul li:nth-child(3){margin:0 3vw 0 0;}
	.partnerbox ul li:nth-child(4){margin:0 3vw 0 0;}
	.partnerbox ul li:nth-child(5){margin:0 3vw 0 0;}
	.partnerbox ul li:nth-child(3n){margin:0;}

	.footermain{padding:10vw 0;margin:10vw 0 0;}
	.footer{width:94vw;}
	.footcent{width:100%;padding:5vw 0 0;}
	.footcent h6{padding:5vw 0 0;font-size:3.5vw;}
	.footcent h6 a{font-size:3.5vw;}
	.footimg{width:40vw;margin:0 auto;float:none;height:40vw;}

	.videobox{padding:0;}
	.videobox ul li,.videobox ul li:last-child{float:none;width:94vw;margin:4vw 0 0;height:50vw;overflow: hidden;}

	.newsindex ul li{padding:4vw 0 0;}
	.newsindex ul li a{display:inline-block;width:77vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:3.5vw;}
	.newsindex ul li span{font-size:3.5vw;}

	.profilebox{padding:4vw 0 0;}
	.profilebox p{font-size:3.5vw;line-height:8vw;}
	.coursebox{padding:4vw 0 0;margin:4vw 0 0;}
	.courseline{width:2px;}
	.courseleft{padding:3vw 0 0;}
	.courseleftdian{height:1px;}
	.courseleftdian em{width:8px;height:8px;border-radius:50%;margin: -4px -4px 0 0;}
	.courseleft h1{font-size:4.3vw;padding:3vw 3vw 0;}
	.courseleft h6{font-size:3.5vw;padding:1.5vw 3vw 0;}

	.courseright{padding:3vw 0 0;margin: 3vw 0 0 50%;}
	.courserightdian{height:1px;}
	.courserightdian em{width:8px;height:8px;border-radius:50%;margin: -4px -4px 0 0;}
	.courseright h1{font-size:4vw;padding:3vw 3vw 0;}
	.courseright h6{font-size:3vw;padding:1.5vw 3vw 0;}

	.detailsbox{display:none;}
	.detailstitle{padding:4vw 0 0;}
	.detailstitle h1{font-size:4vw;}
	.detailstitle h6{font-size:3vw;padding:3vw 0 0;}
	.detailscont{padding:4vw 0 0;width:100%;}
	.detailscont video{max-width:100%;min-width:60%;}
	.detailscont p{padding:2vw 0;font-size:3.5vw;line-height:8vw;}
	.detailscont h5{font-size:4vw;line-height:8vw;padding:2vw 0 0;}
}