@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url("/assets/suntek/css/fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("/assets/suntek/css/fonts/SourceHanSansCN-Regular.woff") format("woff"), url("fonts/SourceHanSansCN-Regular.ttf") format("truetype"), url("fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"), url("fonts/SourceHanSansCN-Regular.svg") format("svg"), url("/assets/suntek/css/fonts/SourceHanSansCN-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}
* {
    outline: none;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "SourceHanSansCN-Regular";
    font-style: normal;
}
html{ *overflow:auto;}
body {
    font-family: "SourceHanSansCN-Regular";
    font-style: normal;
    color: #666666;
    font-size: 12px !important;
    min-width: 1200px;
    position: relative;
    padding-top: 78px;
}
.cutoverheader {
	overflow: hidden;
	background-color: #187082;
	padding: 20px 10px;
	color: #ffffff;
	text-align: center;
	font-size: 18px !important;
}

	.cutoverheader a {
		float: left;
		color: black;
		text-align: center;
		padding: 12px;
		text-decoration: none;
		font-size: 18px;
		line-height: 25px;
		border-radius: 4px;
	}

		.cutoverheader a.logo {
			font-size: 25px;
			font-weight: bold;
		}

		.cutoverheader a:hover {
			background-color: #ddd;
			color: black;
		}

		.cutoverheader a.active {
			background-color: dodgerblue;
			color: white;
		}

.cutoverheader-right {
	float: right;
}

.cutoverheader .btn {
	border: 2px solid white;
	background-color: transparent;
	color: white;
	padding: 1px 6px;
	font-size: 16px;
	cursor: pointer;
	margin-left: 50px;
}

.btnCutover {
	border-color: #fff;
	color: white;
}

@media screen and (max-width: 500px) {
	.cutoverheader a {
		float: none;
		display: block;
		text-align: left;
	}

	.cutoverheader-right {
		float: none;
	}

	.btnCutover {
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 10px;
	}
}

@media (min-width:900px) and (max-width:1400px) {
	.cutoverheader {
		font-size: 11px !important;
	}

	.cutoverheader .btn {
		margin-left: 10px !important;
		font-size: 11px !important;
	}
}
img { vertical-align: middle; border: 0; }
dl,dt,dd,ol,ul,li{list-style: none;}
a{ text-decoration: none;}
.clearfix:after { display: table; content: " "; clear: both;}
.clearfix{ *zoom: 1;}
.float-l{ float: left;}
.float-r{ float: right;}
.fr20 {
    float: right;
    margin-left:20px;
}
.mar-l20{ margin-right: 20px;}
.mar-t0{ margin-top: -3px !important;}
.mar-t15{ margin-top: 15px;}
.mar-b15{ margin-bottom: 15px;}
.pad-t50{ padding-top: 50px !important;}
.f24c{ font-size: 24px; color: #6c6c6d;}


.tel{ font-size: 20px; color: #000000;text-decoration:underline; font-family:"微软雅黑";}
.log-off{ width: 82px; height: 32px; line-height: 32px; background: #cb2332; font-size: 20px; color: #fff !important; text-align: center; text-decoration:none; margin-top: 23px; border-radius: 4px;}
.banner{ width: 100%; height:533px ; background: url(../img/banner2.jpg) center no-repeat; z-index: 5;}
.n_banner {
    height: 533px !important;
}
.mart95 {
 margin-top:95px}

.title {
    margin: 60px auto 25px auto;
    text-align: center;
    color: #db0715;
    font-size: 34px;
    font-weight: bold;
}
.title span{ position: relative; width: 320px; margin: 0 auto;}
.title span p{ margin: 0 10px; display: inline-table;}
.title em{ font-size: 14px; font-style: normal; font-family: arial;position: absolute; left:182px; top: -5px;}

.subheading{ width: 1200px; margin: 0 auto; font-size: 16px; line-height: 30px; color: #666; text-align: center; position: relative;}

#tabs {width: 1200px; margin: 0 auto; margin-bottom: 40px; z-index: 100;}
#tabs ul{ width: 1200px; text-align: center;}
#tabs ul li { display: inline-table; text-align: left; margin-right: 2px; font-size: 17px;}
#tabs ul li a i{ font-size: 18px; font-style: normal; text-align: left; color: #6c6c6d; margin-right: 20px; margin-bottom:6px;}
#tabs ul li a span{ float: left; margin-bottom: 6px;}
#tabs ul li a em{ font-size: 8px; font-style: normal; font-family: arial; float: left;}
#tabs ul li a .title-t{display: block; width: 125px; float: left;}
#tabs ul li a .title-t .eng{font-family: arial;display: block; }
#tabs ul li:nth-of-type(1) a i{background: url(../img/zd.png) left no-repeat; width:71px; height: 42px; padding-left: 17px; float: left; line-height: 42px;}
#tabs ul li:nth-of-type(2) a i{background: url(../img/chd.png) left no-repeat; width: 92px; height: 42px; padding-left: 10px; float: left; line-height: 42px;}
#tabs ul li:nth-of-type(3) a i{background: url(../img/chd0.png) left no-repeat; width: 92px; height: 42px; padding-left: 10px; float: left; line-height: 42px;}
#tabs ul li a.tabulous_active i{ color: #545557;}
#tabs ul li:nth-of-type(1) a.tabulous_active i{background: url(../img/zd2.png) left no-repeat; width:71px; height: 42px; padding-left: 17px; float: left; line-height: 42px;}
#tabs ul li:nth-of-type(2) a.tabulous_active i{background: url(../img/chd2.png) left no-repeat; width: 92px; height: 42px; padding-left: 10px; float: left; line-height: 42px;}
#tabs ul li:nth-of-type(3) a.tabulous_active i{background: url(../img/chd02.png) left no-repeat; width: 92px; height: 42px; padding-left: 10px; float: left; line-height: 42px;}
#tabs ul li a { display: block; padding: 17px 20px; text-decoration: none; color: #4c4c4d; float: left;}
#tabs ul li a:hover {}

.tabulous_active { color: #014a96 !important;}
.tabulousclear { display: block; clear: both; }

#tabs_container { width: 1200px; padding:0px 0 35px 0; overflow: hidden; position: relative; margin: 0 auto; height: 660px !important;}
#tabs_container div { width: 1200px; height: 660px !important;}
#tabs_container div .car-img{ display: block; width:1200px; text-align: center; height: 386px; float: left;}
#tabs_container div .Warranty-life{display: block; width: 1200px; font-size: 18px; color: #db0715; text-align: center; background: url(../img/Warranty-life.png) center no-repeat; height: 49px; line-height: 49px; float: left; margin-top: 7px;}
#tabs_container div .merit{display: block; width: 1200px; margin-top: 25px; float: left;}
#tabs_container div .merit li{display:inline-block; width: 260px;}
#tabs_container div .merit li span{ width: 100%; display: block; text-align: center !important;}
#tabs_container div .merit li span.icon{ margin-bottom:30px;}

.transition {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.make_transist {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.hidescale {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
}

.showscale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hideleft {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showleft {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hidescaleup {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showscaleup {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hideflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: rotatey(-90deg) scale(1.1);
	-moz-transform: rotatey(-90deg) scale(1.1);
	-o-transform: rotatey(-90deg) scale(1.1);
	-ms-transform: rotatey(-90deg) scale(1.1);
	transform: rotatey(-90deg) scale(1.1);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.showflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: rotatey(0deg) scale(1);
	-moz-transform: rotatey(0deg) scale(1);
	-o-transform: rotatey(0deg) scale(1);
	-ms-transform: rotatey(0deg) scale(1);
	transform: rotatey(0deg) scale(1);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

/**/
.slide-container { margin:0 auto; width: 1200px; text-align: center; height:760px;}
.wrapper { padding-top: 40px; padding-bottom: 40px;}
.wrapper:focus { outline: 0;}

.sk-c { width: 1200px; display: inline-block; margin:60px auto 0 auto; border-radius: 19px; position: relative; text-align: center; z-index: 5000;}
.view { position: relative; width: 407px; height: 490px; background: #014a96; margin-right: 165px;}
.view>img { width: 407px; height: 490px; position: absolute; top: -30px; left: 30px; z-index: 200;}
.view .view-t{ width: 406px; height: 117px; position: absolute; bottom: 60px; right: -60px; z-index:600; background: #fff; padding: 25px 0 0 25px;}
.view .view-t span{ width: 100%; display: block; text-align: left; font-size: 22px; color: #333c4a; font-weight: bold; font-family: "微软雅黑";}
.view .view-t span i{ float: left; margin-right: 10px; margin-top: 5px;}
.view .view-t span img{ width: auto !important; height: auto !important;}

.title-name { width: 550px; font-size:30px; color: black; font-weight: 900; margin-top:130px; margin-bottom: 5px; text-align: left; color: #db0715; font-weight: bold; font-family: "微软雅黑";}
.title-name i{ display: inline-block; float: left; margin-top: 5px; margin-right: 15px;}
.sk-content { width: 550px; padding: 0 0; margin-bottom: 10px; text-align: left; font-size: 16px; color: #666; line-height: 28px;font-family: "微软雅黑";}
.sk-content strong{ width: 550px; display: block; font-size: 18px; font-weight: bold; color: #000; margin: 30px 0 15px 0;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.slick-prev { left:-50px; z-index: 999;}
.slick-next {right:-50px; z-index: 999;}

.triangle-bg{ position: absolute; left: 0; top:610px ; z-index: -3;}
.suntek-l{ position: absolute; left: 0; top:636px ; z-index: -2;}
.suntek-r{ position: absolute; right: 0; top:296px ; z-index: -1;}
.bg{background: url(../img/b-bg.png) bottom 460px center no-repeat; width: 100%; min-width: 1200px;}
.blue{ position:absolute; bottom:457px; left:200px; }
.red-img{ position:absolute; bottom:-28px; right:0;}

/*n+*/
.bread {
    float:left;
    margin-left:20px;
}
 .bread .breadcrumb {
        width: auto;
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-direction: row;
    }
 .bread .breadcrumb li a {
        color: #000;
    }
 .bread .breadcrumb li {
        font-size: 16px;
        color: #014b94;
        line-height: 70px;
        float:left;
    }
.bread .breadcrumb > li + li:before {
            color: #CCCCCC;
            content: "/ ";
            padding: 0 5px;
        }

/*other*/
.xq_nr_page {
    margin: 38px 0 0 0;
}

    .xq_nr_page a {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-direction: row;
        -webkit-box-align: center;
        -moz-align-items: center;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 27px;
    }

        .xq_nr_page a span {
            font-size: 16px;
            color: #FFFFFF;
            background-color: #CB2332;
            padding: 3px 14px;
            margin-right: 14px;
        }

        .xq_nr_page a p {
            font-size: 16px;
            color: #5b5d5e;
        }

.xx-icon {
	background-image: url(../img/xx-icon.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 80px;
	height:20px;
	margin-left:5px;
	margin-right: 0px;
	display:inline-block;
}

.privacy-tips {
	font-size: 12px;
	color: #7d807e;
	display: block;
	line-height: 2;
}