/*头部样式*/
.pos{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;}
#header{background:#2a2a2a;height:140px;}
.logo{float:left;line-height:140px;}



.topLink{float:right;text-align:right;position: relative;z-index: 9999;width:790px;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}


.topLink .k2{color:#ec014e;font-weight:bold;padding-top:25px;}

.p_detail p{color:#fff;}

/*热门搜索*/
.search{}
#formsearch{float:right;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;color:#fff;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
.k1{color:#fff;}
.k1 a{color:#fff;}


/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;color:#fff;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#3480ce;color:#fff;border:none;cursor:pointer;}



.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;margin-bottom:30px;}
.container{width:1200px;margin:0 auto;}



/*影视服务*/
.box1{background:url(../images/bj1.jpg) no-repeat center top;height:967px;}
.sky{padding-top:20px;}

.prod1{margin-top:51px;}
.bt{text-align:center;color:#fff;font-size:34px;}
.bt span{display:block;color:#999999;font-size:16px;letter-spacing:17px;padding-top:30px;padding-left:14px;}



div.examples_body {margin-top:24px;
	 clear: both;
	 overflow: hidden;
	 position: relative;
}


/* The main banner unordered list */
.bannerHolder {overflow: hidden;

	/* CSS3 rounded corners */
	 -moz-border-radius:12px;
	 -webkit-border-radius:12px;
	 border-radius:12px;
}

/* Hiding the bullets of the li elements: */
.bannerHolder li {margin-right:45px;
	 list-style: none;
     float:left;margin-bottom:14px;
}
.bannerHolder li:nth-child(3n){margin-right:0;}
.bannerHolder li h3{font-weight:normal;line-height:50px;background:#4e4e4e;text-indent:18px;}
.bannerHolder li h3 a{color:#ffffff;font-size:20px;}

/* The banner divs */
.banners {
     width:370px;
	 height:330px;
	 position: relative;
	 overflow: hidden;
	 float: left;
	 display: inline;
}

.banners a{
	display: block;
	position: relative;
	 overflow: hidden;
}



/* The banner divs */
.banners img {width:370px;height:280px;
	 display: block;
	 border: none;
}

/* The dark animated divs */
.banners div {
	 position: absolute;
	 z-index: 100;
	 background-color: #222;
	 width: 60px;
	 height: 60px;
	 cursor: pointer;

	/*	Setting a really big value for border-radius
		will make the divs perfect circles */
	 -moz-border-radius:100px;
	 -webkit-border-radius:100px;
	 border-radius:100px;
}

/*	Positioning the animated divs outside the
	corners of the visible banner area: */
.banners .cornerTL { left:-60px; top:-60px; }
.banners .cornerTR { right:-60px; top:-60px; }
.banners .cornerBL { left:-60px; bottom:-60px; }
.banners .cornerBR { right:-60px; bottom:-60px; }

.banners p {
     width:370px;height:280px;
	 left: 0;
	 top: 57px;
	 z-index: 200;
	 position: absolute;
	 font-family: Tahoma, Arial, Helvetica, sans-serif;
	 color: #FFF;
	 font-size: 11px;
	 text-align: center;
	 cursor: pointer;
	 display: none;	
}







/*品牌服务*/
.box2{background:url(../images/bj2.jpg) no-repeat center top;height:775px;}
.prod2{padding-top:62px;}
.cpic{width:532px;height:494px;margin-top:30px;overflow:hidden;float:left;}



div.examples_body2 {margin-top:30px;width:668px;float:right;
	
	 overflow: hidden;
	 position: relative;
}


/* The main banner unordered list */
.bannerHolder2{overflow: hidden;

	/* CSS3 rounded corners */
	 -moz-border-radius:12px;
	 -webkit-border-radius:12px;
	 border-radius:12px;
}

/* Hiding the bullets of the li elements: */
.bannerHolder2 li {margin-left:14px;
	 list-style: none;
     float:left;margin-bottom:14px;
}

.bannerHolder2 li h3{font-weight:normal;line-height:50px;position:absolute;background:rgba(0,0,0,.35);width:100%;text-align:center;left:0;bottom:0;}
.bannerHolder2 li h3 a{color:#ffffff;font-size:18px;}

/* The banner divs */
.banners2 {
     width:320px;
	 height:240px;
	 position: relative;
	 overflow: hidden;
	 float: left;
	 display: inline;
}

.banners2 a{
	display: block;
	position: relative;
	 overflow: hidden;
}



/* The banner divs */
.banners2 img {width:320px;height:240px;
	 display: block;
	 border: none;
}

/* The dark animated divs */
.banners2 div {
	 position: absolute;
	 z-index: 100;
	 background-color: #222;
	 width: 60px;
	 height: 60px;
	 cursor: pointer;

	/*	Setting a really big value for border-radius
		will make the divs perfect circles */
	 -moz-border-radius:100px;
	 -webkit-border-radius:100px;
	 border-radius:100px;
}

/*	Positioning the animated divs outside the
	corners of the visible banner area: */
.banners2 .cornerTL { left:-60px; top:-60px; }
.banners2 .cornerTR { right:-60px; top:-60px; }
.banners2 .cornerBL { left:-60px; bottom:-60px; }
.banners2 .cornerBR { right:-60px; bottom:-60px; }






.box3{background:url(../images/bj3.jpg) no-repeat center top;height:716px;}
.you{width:546px;}
.en{text-transform:uppercase;font-size:18px;color:#fff;padding-top:55px;}
.youtt{font-size:36px;color:#ffffff;background:url(../images/x.png) no-repeat left bottom;padding-bottom:11px;}
.youtt span{color:#ef004e;}


.box3 .cont{margin-top:36px;position:relative;}

		.picScroll-top{ overflow:hidden;}
		.picScroll-top .hd{ overflow:hidden;}
		.picScroll-top .hd .prev{display:block;width:35px;height:35px;position:absolute;left:0;top:460px;z-index:99999;background:url(../images/left.png) no-repeat;}
		.picScroll-top .hd .next{display:block;width:35px;height:35px;position:absolute;left:35px;top:460px;z-index:99999;background:url(../images/right.png) no-repeat;}
		.picScroll-top .bd{}
		.picScroll-top .bd ul{ overflow:hidden; zoom:1;}
		.picScroll-top .bd ul li{float:left; _display:inline; overflow:hidden;width:546px;margin-bottom:32px;}
		.picScroll-top .bd ul li img{width:90px;height:90px;float:left;}
		.picScroll-top .bd ul li .det{width:430px;float:right;}
		.picScroll-top .bd ul li h3{color:#ffffff;font-size:20px;font-weight:normal;}
		.picScroll-top .bd ul li span{color:#ffffff;font-size:16px;line-height:30px;padding-top:6px;display:block;}





/*影视案例展示*/
.box4{background:url(../images/bj4.png) no-repeat center top;height:1142px;}
.box4 .cont{padding-top:72px;}

.sort1{margin-top:25px;}
.sort1 li{float:left;border:1px solid #666666;width:228px;line-height:48px;text-align:center;}
.sort1 li+li{margin-left:12px;}
.sort1 li a{color:#999999;font-size:20px;}



div.examples_body3 {margin-top:32px;
	 clear: both;
	 overflow: hidden;
	 position: relative;
}


/* The main banner unordered list */
.bannerHolder3 {overflow: hidden;

	/* CSS3 rounded corners */
	 -moz-border-radius:12px;
	 -webkit-border-radius:12px;
	 border-radius:12px;
}

/* Hiding the bullets of the li elements: */
.bannerHolder3 li {margin-right:15px;
	 list-style: none;
     float:left;margin-bottom:15px;
}
.bannerHolder3 li:nth-child(3n){margin-right:0;}
.bannerHolder3 li h3{font-weight:normal;line-height:58px;background:#4e4e4e;text-indent:18px;height:58px;}
.bannerHolder3 li h3 a{color:#ffffff;font-size:16px;float:left;width:390px;}
.bannerHolder3 li span{color:#ffffff;font-size:12px;padding-right:20px;float:right;}

/* The banner divs */
.banners3 {
     width:390px;
	 height:378px;
	 position: relative;
	 overflow: hidden;
	 float: left;
	 display: inline;
}

.banners3 a{
	display: block;
	position: relative;
	 overflow: hidden;
}



/* The banner divs */
.banners3 img {width:390px;height:320px;
	 display: block;
	 border: none;
}

/* The dark animated divs */
.banners3 div {
	 position: absolute;
	 z-index: 100;
	 background-color: #222;
	 width: 60px;
	 height: 60px;
	 cursor: pointer;

	/*	Setting a really big value for border-radius
		will make the divs perfect circles */
	 -moz-border-radius:100px;
	 -webkit-border-radius:100px;
	 border-radius:100px;
}

/*	Positioning the animated divs outside the
	corners of the visible banner area: */
.banners3 .cornerTL { left:-60px; top:-60px; }
.banners3 .cornerTR { right:-60px; top:-60px; }
.banners3 .cornerBL { left:-60px; bottom:-60px; }
.banners3 .cornerBR { right:-60px; bottom:-60px; }







/*关于我们*/
.box5{background:url(../images/bj5.png) no-repeat center top;height:895px;}
.box5 .cont{padding-top:78px;}
.about{width:1130px;float:left;}
.about_title{font-size:16px;color:#666666;text-transform:uppercase;padding-top:59px;}
.about_title span{font-size:24px;color:#ffffff;display:block;padding-top:5px;}
.about .content{padding-top:51px;width:1007px;color:#999999;font-size:16px;line-height:36px;height:103px;overflow:hidden;}
a.am{border:1px solid #666666;width:210px;line-height:48px;text-align:center;color:#999999;font-size:16px;display:block;margin-top:48px;}


.product_list1 li{float:left;margin-left:13px;margin-right:13px;_display:inline;margin-top:51px;}
.product_list1 li a.img{}
.product_list1 li a.img img{width:262px;height:176px;}
.product_list1 li h3{text-align:center;padding-top:8px;}
.product_list1 li h3 a{font-weight:normal;color:#666666;font-size:16px;}
.product_list1 li a.img{display:block;}
.product_list1 li a.img:hover{border-color:#e87518;}


/*感谢以下客户的选择*/
.box6{background:url(../images/bj6.png) no-repeat center top;height:559px;}
.box6 .cont{padding-top:74px;}

.box6 .content{margin-top:22px;position:relative;}

		.picScroll-left{ overflow:hidden;}
		.picScroll-left .hd{ overflow:hidden;}
		.picScroll-left .hd .prev{display:block;width:27px;height:53px;position:absolute;left:-45px;top:35px;z-index:99999;background:url(../images/zuo.png) no-repeat;}
		.picScroll-left .hd .next{display:block;width:27px;height:53px;position:absolute;right:-45px;top:35px;z-index:99999;background:url(../images/you.png) no-repeat;}
		.picScroll-left .bd{}
		.picScroll-left .hd ul{text-align:center;overflow:hidden; zoom:1; margin-top:15px; zoom:1; }
		.picScroll-left .hd ul li{display:inline-block;width:7px; height:7px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#fff;border-radius:7px;}
		.picScroll-left .hd ul li.on{background:#fff;}

		.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
		.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden;margin:0 5px;}
		.picScroll-left .bd ul li .img{display:block;padding:4px;border:1px solid #fff;}
		.picScroll-left .bd ul li .img img{cursor:default;width:220px;height:110px;}
		.picScroll-left .bd ul li h3{color:#ffffff;font-size:16px;font-weight:normal;text-align:center;padding-top:8px;}
		.picScroll-left .bd ul li h3 a{cursor:default;color:#ffffff;}

.dh{text-align:center;color:#fff;font-size:50px;margin-top:2px;}
.box6 .wz{text-align:center;color:#fff;font-size:18px;margin-top:2px;letter-spacing:36px;}





/*新闻资讯*/
.box7{background:url(../images/bj7.png) no-repeat center top;height:690px;}
.box7 .cont{padding-top:74px;}


.c7{padding-top:15px;}
.a11 .a11_1,
.a11 .a11_2 {
    width: 350px;
}

.a11 .a11_1 .a11_t,
.a11 .a11_2 .a11_t {
    width: 350px;
    overflow: auto;
    border-bottom: 1px dashed #cfcfcf;
}

.a11 .a11_1 .a11_t dd,
.a11 .a11_2 .a11_t dd {
    font-size: 18px;
    color: #ffffff;
    line-height: 37px;
    padding-left: 13px;
    position: relative;
    float: left;
}

.a11 .a11_1 .a11_t dd span,
.a11 .a11_2 .a11_t dd span {
    font-size: 14px;
    color: #999999;
    text-transform: uppercase;
    vertical-align: middle;
    margin-left: 5px;

}

.a11 .a11_1 .a11_t dd:before,
.a11 .a11_2 .a11_t dd:before {
    width: 3px;
    height: 17px;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 10px;
    content: ""
}

.a11 .a11_1 .a11_t .a11_more,
.a11 .a11_2 .a11_t .a11_more {
    float: right;
    font-size: 14px;
    color: #666666;
    line-height: 37px;
    text-transform: uppercase;
}

.a11 .a11_1 .a11_img,
.a11 .a11_2 .a11_img,
.a11 .a11_3 .a11_img {
    width: 350px;
    height:100px;
    overflow: hidden;
    margin-top: 18px;
}

.a11 .a11_1 {
    margin-right: 75px;
}

.a11 .a11_2 {
    margin-right: 75px;
}

.a11 .a11_3 {
    width: 350px;
}

.a11 .a11_3 .a11_t {
    width: 350px;
    overflow: auto;
    border-bottom: 1px dashed #cfcfcf;
}

.a11 .a11_3 .a11_t dd {
    font-size: 18px;
    color: #fff;
    line-height: 37px;
    padding-left: 13px;
    position: relative;
    float: left;
}

.a11 .a11_3 .a11_t dd span {
    font-size: 14px;
    color: #999999;
    text-transform: uppercase;
    vertical-align: middle;
    margin-left: 5px;

}

.a11 .a11_3 .a11_t dd:before {
    width: 3px;
    height: 17px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 10px;
    content: ""
}

.a11 .a11_3 .a11_t .a11_more {
    float: right;
    font-size: 14px;
    color: #666;
    line-height: 37px;
    text-transform: uppercase;
}



.news_list1{margin-top: 10px;}
.news_list1 li{background: url("../images/li.png") no-repeat left 50%;padding-left: 16px;overflow: auto;}
.news_list1 li a{font-size: 14px;color: #999999;line-height: 32px;display: block;float: left;}
.news_list1 li span{font-size: 12px;color: #999999;line-height: 32px;display: block;float: right;}








.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}

.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*品牌列表*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*前台多页签*/
.news{width:1000px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}

.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}




/*友情链接*/
.f_link {margin-top:55px;
    background: url(../images/link.png) no-repeat 0 0;
    font-size: 14px;
    color: #606060;
    padding-left: 183px;
    height: 33px;
    line-height: 24px;
    box-sizing: border-box;
    padding-top: 9px;
    margin-bottom: 36px;
}

.f_link a {
    color: #606060;
}

.f_link a:after {
    content: '/';
    padding: 0 22px;
}


/*页面底部*/
.foot {
    width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;height:409px;background: url(../images/foot.png) no-repeat;
    padding-top: 31px;
}
.foot1{height:270px;overflow:hidden;}
.foot .foot1 .foot11 {
    width: 240px;
    margin-right:66px;
}
.foot .foot1 h2 {
    line-height: 58px;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    background: url(../images/heng2.png) no-repeat 0 bottom;
}
.foot .foot1 .sec {
    margin-top: 22px;
    font-size: 16px;
    line-height: 41px;
    color: #fff;
}

.foot .foot1 .foot11 .sec p {
    float: left;
    width: 120px;
}

.foot .foot1 .sec a {
    color: #fff;
}



.foot .foot1 .foot12 {
    width:540px;
}

.foot .foot1 .foot13 {
   
}


.foot .foot1 .foot13 .sec {
    text-align: center;
    line-height: 34px;
     margin-top:27px;
}


.copyright {
    text-align: center;
    line-height: 30px;
    margin-top:30px;
    font-size: 14px;
    color: #fff;
}

.copyright a {

    color: #fff;
}






/*------------内页-------------------*/


.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;}




.left {
    width: 300px;
    float: left;
    padding-top: 36px;
}


.right {
    width: 860px;
    float: right;
    padding-top: 50px;
}

.right .content{padding-top:10px;}
.left h3 {
    font-size: 22px;
    font-weight: normal;
    line-height: 65px;
    color: #fff;
    padding-left: 40px;
    background: #1a1a1a;
    background-size: cover;
    margin-top: 15px;
}

.left .content {
    border: 1px solid #666;
    border-top: none;
}

.n_contact .content {
    border: 1px solid #666;
    padding: 10px;
    line-height: 30px;
}

.sitemp {
    background: #e5e5e5;
    margin-bottom: 14px;
    height: 50px;
    line-height: 50px;
}

.sitemp .site {
    font-size: 14px;
    color: #000;
    margin-right: 20px;
    float: right;
}

.site a {
    font-size: 14px;
    color: #000;
}

.sitemp h2 {
    font-size: 20px;
    color: #666;
    float: left;
    text-indent: 20px;
    line-height: 50px;
    font-weight: normal;
}

.sort_album {
    margin-top: 15px;
}