@charset "utf-8";

@import "top.css"/*tpa=http://www.techtop-motor.com/static/web/css/top.css*/;

body{background:#fff; overflow-x:auto;}

/*banner部分*/

#container2 {

	margin:0 auto;

	width:1000px;

}

.fullSlide {

	width: 100%;

	position: relative;

	height: 451px;

	z-index: 0;

}

.fullSlide .bd {

	position: relative;

	z-index: 0;

	overflow: hidden;

}

.fullSlide .bd ul {

	width: 100% !important;

}

.fullSlide .bd li {

	width: 100% !important;

	height: 451px;

	overflow: hidden;

	text-align: center;

}

.fullSlide .bd li a {

	display: block;

	height: 60px;

}

.fullSlide .hd {

	width: 100%;

	position: relative;

	z-index: 1;

	bottom: 8.56%;

	left: 0;

	height: 40px;

	line-height: 40px;

}

.fullSlide .hd ul {

	text-align: center;

	background:#2a3d4d;

	height:37px;

	line-height:37px;

	opacity:0.7;

	filter:alpha(opacity=70);/* IE 透明度70%*/

	-moz-opacity:.7;

}

.fullSlide .hd ul li {

	cursor: pointer;

	display: inline-block;

 *display: inline;

	zoom: 1;

	width: 60px;

	height: 5px;

	margin: 14px 7px 1px 1px;

	overflow: hidden;

	background: #45757e;

	filter: alpha(opacity=100) !important;

	opacity: 1 !important;

	line-height: 999px;

}

.fullSlide .hd ul .on {

	background:#FFF;

}

.banner_page {

	width: 100%;

	position: relative;

	height: 330px;

	z-index: 0;

}

/*内容*/

#container3 {

	width:100%;

	overflow:hidden;

	margin-bottom:17px;

}

.content {

	padding-top:57px;

	line-height:18px;

	over:hidden

}

.content_left {

	width:305px;

	background:url(content_07.png)/*tpa=http://www.techtop-motor.com/static/web/images/content_07.png*/ no-repeat right 0;

	height:457px;

}

.content_left span {

	color:#45757e

}

.content_left_bottom1 {

	padding-top:21px;

}

.content_left_bottom1 h3 {

	width:230px;

}

.content_left_bottom1 p {

	width:245px;

}

.more {

	color:#45757e;

	padding-top:22px;

	display:block

}

.content_right {

	width:643px;

}

.content_right_top p {

	margin-top:5px;

}

.content_right_top #a_more_top {

	padding-top:18px;

	display:block;

	color:#45757e

}

#demo1 .a_more {

	padding-top:18px;

	display:block;

	color:#45757e

}

#demo2 .a_more {

	padding-top:18px;

	display:block;

	color:#45757e

}

#demo {

	width:643px;

	overflow:hidden;

}

.content_right_bottom {

	margin-top:35px;


	

}

.content_right_bottom .more{ color:#45757e; margin-top:10px;

	}

.content_right_bottom0{ width:202px;}

.content_right_bottom0 img{ max-width:201px;

	padding-top:12px;

	padding-bottom:8px;

	display:block;}



.content_right_bottom img { max-width:201px; height:125px;}

#demo1 {

	float:left;

	padding-right:10px;

}

#demo2 {

	float:left;

}

.content_right_bottom1 {

	width:202px;

	padding-left:13px;

	

}

.content_right_bottom1 img { max-width:201px;

	padding-top:12px;

	padding-bottom:8px;

	display:block;

}

.content_right_bottom .menu li a {

	color:#555050;

}

.content_right_bottom2 {

	width:202px;

	padding-left:13px;

}

.content_right_bottom2 img {max-width:201px;

	padding-top:12px;

	padding-bottom:8px;

	display:block;

}

.content_right_bottom3 {

	width:202px;

	padding-left:13px;

}

.content_right_bottom3 img {

	padding-top:12px;

	padding-bottom:9px;

	display:block;

}

/*footer*/

#container4 {

	width:100%;

	background-color:#45757e;

	height:50px;

	

	margin:0 auto;

	margin-top:30px;

}

.footer {

	width:1000px;

	text-align:center;

	line-height:50px;

	height:50px;

	margin:0 auto;

	color:#f3ffea

}
 .ban

        {

            width: 430px;

            float: left;

            height: 320px;

            position: relative;

            overflow: hidden;

        }

        .ban2

        {

            width: 430px;

            height: 250px;

            position: relative;

            overflow: hidden;

        }

        .ban2 ul

        {

            position: absolute;

            left: 0;

            top: 0;

        }

        .ban2 ul li

        {

            width: 500px;

            height: 500px;

        }

        .ban2 ul li img

        {

            padding-left: 70px;

        }


        .num

        {

            height: 62px;

            overflow: hidden;

            width: 350px;

            position: relative;

            float: left;

        }

        .num img

        {

            width: 60px;

            height: 60px;

        }

        .min_pic

        {

            padding-top: 8px;

            width: 430px;

        }

        .num ul

        {

            position: absolute;

            left: 0;

            top: 0;

        }

        .num ul li

        {

            width: 60px;

            height: 60px;

            margin-right: 5px;

            padding: 1px;

        }

        .num ul li.on

        {

            border: 1px solid red;

            padding: 0;

        }

        .prev_btn1

        {

            width: 16px;

            text-align: center;

            margin-top: 20px;

            height: 18px;

            margin-right: 20px;

            cursor: pointer;

            float: left;

        }

        .next_btn1

        {

            width: 16px;

            text-align: center;

            margin-top: 20px;

            height: 18px;

            cursor: pointer;

            float: right;

            margin-right: 10px;

        }

        .prev1

        {

            position: absolute;

            top: 50%;

            left: 10px;

            width: 28px;

            height: 51px;

            z-index: 9;

            cursor: pointer;

        }

        .next1

        {

            position: absolute;

            top: 50%;

            right: 10px;

            width: 28px;

            height: 51px;

            z-index: 9;

            cursor: pointer;

        }

        .mhc

        {

            background: #000;

            width: 100%;

            opacity: 0.5;

            -moz-opacity: 0.5;

            filter: alpha(Opacity=50);

            position: absolute;

            left: 0;

            top: 0;

            display: none;

        }

        .pop_up

        {

            position: fixed;

            -position: absolute;

            left: 50%;

            top: 50%;

            margin-left: -255px;

            margin-top: -255px;

            display: none;

            z-index: 99;

        }

        .pop_up_xx

        {

            width: 60px;

            height: 60px;

            position: absolute;

            top: -40px;

            right: 0;

            cursor: pointer;

        }

        .pop_up2

        {

            width: 500px;

            height: 500px;

            position: relative;

            overflow: hidden;

        }

        .pop_up2

        {

            width: 500px;

            height: 500px;

            position: relative;

            overflow: hidden;

            float: left;

        }

        .pop_up2 ul

        {

            position: absolute;

            left: 0;

            top: 0;

        }

        .pop_up2 ul li

        {

            width: 500px;

            height: 500px;

            float: left;

        }

 .bg{width: 477px;
    height: 540px;
   float: left;
    overflow: hidden;
    /* min-width: 900px; */
    box-sizing: border-box;
    background: #fff;
    position: relative;}

    .bg_left{width: 430px;height:auto;float: left}

    .bg_right{position: absolute;
    left: 420px;}

    .show{width: 430px;height: 430px;margin-bottom: 10px;position: relative;cursor:move}

    .show img{width: 430px;height: 430px;}

    .mask{width: 215px;height: 215px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}

    .bigshow{width: 430px;height: 430px;overflow: hidden;margin-left: 10px;display: none;}

    .bigshow img{width: 794px;height: 794px;margin-right: 10px;}

    .smallshow{width: 100%;height: 70px;position: relative}

    .smallshow img{width:100%;box-sizing: border-box;transition: all 0.5s}

    .smallshow>.middle_box{margin-left: 30px;margin-right: 30px;width:370px;overflow: hidden;height: 70px;}

    .smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;}

    .smallshow .middle>li{width: 64px;height: 64px;float: left;cursor:pointer;padding:0 5px;}

    .smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}

    .smallshow>.prev{left: 0;background: url(hover-prev.png)/*tpa=http://www.techtop-motor.com/static/web/images/hover-prev.png*/ no-repeat;transition: all 0.5s}

    .smallshow>.next{right: 0;background: url(hover-next.png)/*tpa=http://www.techtop-motor.com/static/web/images/hover-next.png*/ no-repeat;transition: all 0.5s}

    .smallshow>.prev.prevnone{left: 0;background: url(prev.png)/*tpa=http://www.techtop-motor.com/static/web/images/prev.png*/ no-repeat;cursor: not-allowed}

    .smallshow>.next.nextnone{right: 0;background: url(next.png)/*tpa=http://www.techtop-motor.com/static/web/images/next.png*/ no-repeat;cursor: not-allowed}