﻿
.banner
{
    width:100%;
    min-width:1200px;
    height:500px;
    }
.main-container
{
	width:100%;
	min-width:1200px;
	background:url(/images/zm.jpg) bottom center no-repeat;
	}
.main-container .main
{
    width:100%;
    min-width:1200px;
    margin:0px auto 70px auto;
    }
 
/*宽屏结构*/
.main .location
{
    width:1164px;
    height:30px;
    line-height:30px;
    margin:0px auto auto auto;
    font-size:14px;
    }
.main .location a
{
    color:#000000;
    }
.main .top-img
{
	width:100%;
	height:160px;
	margin-top:20px;
	text-align:center;
	}
.main .top-img img
{
    display:inline-block;
    }
.main .top-nav
{
    width:100%;
    height:85px;
    margin:0px auto auto auto;
    background-color:#eeeeee;
    text-align:center;
    font-size:20px;
    }
.main .top-nav a
{
    position:relative;
    display:inline-block;
    height:85px;
    line-height:85px;
    margin:0px 6px;
    padding:0px 30px;
    text-align:center;
    color:#000000;
    }
.main .top-nav a:hover,.main .top-nav a.hover
{
    background-color:#f5a200;
    text-decoration:none;
    color:#FFFFFF;
    }
.main .top-nav a:hover i,.main .top-nav a.hover i
{
    position:absolute;
    bottom:-5px;
    left:70%;
    display:inline-block;
    width:10px;
    height:5px;
    background:url(../image/icon-6.png) no-repeat;
    }
.main .pro-top-nav
{
    width:1200px;
    height:79px;
    margin:0px auto auto auto;
    text-align:center;
    }
.main .pro-top-nav a
{
    position:relative;
    display:inline-block;
    height:55px;
    margin:0px 1px;
    padding-top:15px;
    text-align:left;
    color:#FFFFFF;
    }
.main .pro-top-nav a span
{
    display:inline-block;
    }
.main .pro-top-nav a .ch
{
    font-size:20px;
    }
.main .pro-top-nav a .en
{
    font-size:10px;
    }
.main .pro-top-nav a.pro17
{
    width:222px;
    padding-left:76px;
    background:url(/images/pro1.png) 30px 14px no-repeat #9fa0a0;
    }
.main .pro-top-nav a.pro18
{
    width:208px;
    padding-left:90px;
    background:url(/images/pro2.png) 25px 12px no-repeat #9fa0a0;
    }
.main .pro-top-nav a.pro19
{
    width:208px;
    padding-left:90px;
    background:url(/images/pro3.png) 25px 10px no-repeat #9fa0a0;
    }
.main .pro-top-nav a.pro20
{
    width:212px;
    padding-left:86px;
    background:url(/images/pro4.png) 30px 16px no-repeat #9fa0a0;
    }
    
.main .pro-top-nav a:hover,.main .pro-top-nav a.hover
{
    background-color:#41b5b6;
    text-decoration:none;
    color:#FFFFFF;
    }
.main .pro-top-nav a:hover i,.main .pro-top-nav a.hover i
{
    position:absolute;
    bottom:-6px;
    left:45%;
    display:inline-block;
    width:19px;
    height:9px;
    background:url(/images/icon-7.png) no-repeat;
    }
.child-nav-out
{
    position:relative;
	width:1156px;
	height:68px;
	margin:0px auto auto auto;
	font-size:18px;
    }  
.child-nav-out a
{
    display:inline-block;
    line-height:42px;
    padding:0px 20px;
    color:#9fa0a0;
    }
.child-nav-out a:hover,.child-nav-out a.hover
{
    color:#c19441;
    text-decoration:none;
    }
    
.bottom-ad
{
    padding:130px 0px 100px 0px;
    text-align:center;
    }
    
/*宽屏结构*/
/*文章内容*/
.single-page 
{
	width:1000px; 
	margin:20px auto auto auto;
	line-height:32px; 
	font-size:16px;
	color:#221815; 
	min-height:300px;
	}
.single-page p{ line-height:28px; margin:5px auto 20px auto;}

.single-page-index p {
    text-indent: 2em;
}
    
/*新闻列表*/
.top-news
{
    width:822px;
    margin:30px auto auto auto;
    }
.top-news li
{
    float:left;
    display:inline;
    width:256px;
    height:260px;
    margin:0px 9px;
    }
.top-news li .img
{
    width:256px;
    height:168px;
    }
.top-news li .img img
{
    width:256px;
    height:168px;
    }
.top-news li .title
{
    width:256px;
    height:52px;
    line-height:26px;
    margin-top:10px;
    font-size:16px;
    }
.top-news li .title img
{
    vertical-align:middle;
    margin-right:5px;
    }
.top-news li .title a
{
    color:#000000;
    }
    
.news-list 
{
	width:800px;
	margin:20px auto auto auto;
	}
.news-list li 
{
	float:left;
	display:inline;
	width:100%;  
	height:28px;
	padding:3px 0px;
	font-size:16px;
	}
.news-list li a
{
    display:block;
    float:left;
    width:635px;
    line-height:28px;
    padding-left:40px;
    background:url(/images/video.png) 0px 10px no-repeat;
	color:#3e3a39;
	}
.news-list li a:hover
{
	color:#0070c7;
	text-decoration:underline;
	}
.news-list li span
{
    display:block;
    float:right;
    width:120px;
	line-height:28px;
	text-align:right;
	font-size:16px;
	color:#3e3a39;
	}
	
/*图片新闻列表*/
.img-news-list
{
    width:1000px;
    margin:28px auto auto auto;
	min-height:300px;
    }
.img-news-list li
{
    float:left;
    width:1000px;
    margin-bottom:20px;
    padding:14px;
    background-color:#fcfcfc;
    }
.img-news-list .news-pic
{
    float:left;
    width:375px; 
    height:210px;
    margin-right:15px;
    }
.img-news-list .news-pic img
{
    width:374px; 
    height:208px;
    }
.img-news-list .news-right
{
    float:left;
    width:582px;
    }
.img-news-list .noimg
{
    float:right;
    width:1000px;
    }
.img-news-list .news-title
{
    padding-top:10px;
    line-height:24px;
    }
.img-news-list .news-title a
{
    font-size:20px;
    color:#000000;
    }
.img-news-list .news-title a:hover
{
	color:#e12428;
    text-decoration:none;
    }
.img-news-list .news-desc
{
    padding-top:20px;
    height:150px;
    line-height:24px;
    font-size:14px;
    color:#000000;
    }
.img-news-list .news-time
{
    text-align:right;
    font-size:14px;
    }
	
    
/*详细页*/
.detail-page
{
    position:relative;
	width:1000px;
	margin:10px auto auto auto;
	}
.detail-page .detail-title 
{
	width:100%; 
	line-height:38px; 
	padding-bottom:10px;
	border-bottom:solid 1px #656565;
	font-size:24px;
	text-align:center;
	color:#000000;
	}
.detail-page .detail-time 
{
	width:100%; 
	height:28px;
	line-height:28px; 
	margin:10px auto auto auto;
	font-size:14px;
	text-align:center;
	color:#656565;
	}
.detail-page .detail-content 
{
	width:100%; 
	line-height:30px; 
	margin:10px auto auto auto;
	font-size:16px;
	color:#000000; 
	min-height:300px;
	}
.detail-page .detail-content p 
{
    line-height:24px;  
    margin:5px auto auto auto;
    }
.detail-page .detail-content .font1
{
    line-height:28px;
    padding:20px 0px;
    font-size:18px;
    font-weight:600;
    color:#008067;
    }
    
/*产品*/
.product-main
{
    position:relative;
    width:826px;
    height:320px;
    margin:0px auto auto auto;
    }
.product-main .left-product
{
    float:left;
    display:inline;
    width:262px;
    height:235px;
    padding:85px 30px 0px;
    background:url(/images/icon-32.png) no-repeat;
    }
.product-main .left-product .head
{
    font-size:35px;
    color:#FFFFFF;
    }
.product-main .left-product .content
{
    line-height:26px;
    margin-top:10px;
    font-size:15px;
    color:#ffffff;
    }
.product-main .right-product
{
    float:right;
    display:inline;
    width:504px;
    height:310px;
    text-align:right;
    }
.product-main .right-product img
{
    width:504px;
    height:310px;
    }
.product-list
{
    width:1004px;
    margin:25px auto auto auto;
    }
.product-list li
{
    position:relative;
    float:left;
    width:494px;
    margin:0px 4px;
    padding:14px;
    background-color:#eeeeee;
    z-index:1;
    }
.product-list li .img
{
    width:466px;
    height:245px;
    margin:0px auto auto auto;
    overflow:hidden;
    }
.product-list li .img img
{
    width:466px;
    height:245px;
    transform: translateZ(0px);
    transition: transform 0.1s ease 0s;
    z-index:0;
    }
.product-list li .title
{
    width:100%;
    height:52px;
    line-height:48px;
    text-align:center;
    font-size:15px;
    color:#656565;
    }
.product-list li .content
{
    display:none;
    }

.product-list li:hover
{
    z-index:999;
    }
.product-list li:hover img {
    transform: scale(1.5, 1.5);
    transition: transform 1s ease 0s;
    z-index:999;
}


/*产品导航*/
.pro-page
{
    width:1248px;
    }
.pro-page li
{
    position:relative;
    height:244px;
    line-height:28px;
    margin-top:60px;
    padding:160px 0px 0px 388px;
    font-size:16px;
    color:#ffffff;
    }
.pro-page li.pro17
{
    background:url(/images/probg1.png) top right no-repeat;
    }
.pro-page li.pro18
{
    background:url(/images/probg2.png) top right no-repeat;
    }
.pro-page li.pro19
{
    background:url(/images/probg3.png) top right no-repeat;
    }
.pro-page li.pro20
{
    background:url(/images/probg4.png) top right no-repeat;
    }
.pro-page li .proimg
{
    position:absolute;
    left:0px;
    top:0px;
    }
.pro-page li .content
{
    position:relative;
    height:244px;
    }
.pro-page li a
{
    display:block;
    position:absolute;
    left:0px;
    bottom:60px;
    width:220px;
    height:44px;
    line-height:44px;
    text-align:center;
    font-size:18px;
    background-color:#ffffff;
    border-radius:19px; 
    -moz-border-radius:19px; 
    -webkit-border-radius:19px;
    }
.pro-page li a i 
{
    display:block; 
    position:absolute; 
    right:21px; 
    top:15px;
    width:15px; 
    height:15px;
    background-size:cover;
    }
.pro-page li.pro17 a
{
    color:#41b696;
    }
.pro-page li.pro17 a i
{
    background:url(/images/go01.png) no-repeat;
    }
.pro-page li.pro18 a
{
    color:#612701;
    }
.pro-page li.pro18 a i
{
    background:url(/images/go03.png) no-repeat;
    }
.pro-page li.pro19 a
{
    color:#4183b6;
    }
.pro-page li.pro19 a i
{
    background:url(/images/go02.png) no-repeat;
    }
.pro-page li.pro20 a
{
    color:#ae7b41;
    }
.pro-page li.pro20 a i
{
    background:url(/images/go04.png) no-repeat;
    }
    
    
/*图片水平滚动效果*/
.effect-horizontal
{
    position:relative;
	width:1156px;
	margin:0px auto auto auto;
	}
.effect-horizontal .pro-img
{
    width:1156px;
	height:525px;
    }
.effect-horizontal .pro-img img
{
    width:1156px;
	height:525px;
    }
.effect-horizontal .pro-con
{
    position:relative;
    width:1156px;
    height:135px;
    margin-top:35px;
    background-color:#c19441;
    }
.effect-horizontal .pro-con .pro-up
{
    position:absolute;
    left:22px;
    top:40px;
    width:24px;
    height:48px;
    background:url(/images/i-21.png) 0px 0px no-repeat;
    cursor:pointer;
    }
.effect-horizontal .pro-con .pro-down
{
    position:absolute;
    right:22px;
    top:40px;
    width:24px;
    height:48px;
    background:url(/images/i-22.png) 0px 0px no-repeat;
    cursor:pointer;
    }
.effect-horizontal .pro-con .pro-hiddle
{
    position:absolute;
    top:10px;
    left:53px;
    width:1050px;
    height:114px;
    overflow:hidden;
    }
.effect-horizontal .pro-con .pro-list
{
    position:absolute;
    left:0px;
    top:0px;
    height:114px;
    }
.effect-horizontal .pro-con .pro-list li
{
    float:left;
    display:inline;
    width:210px;
    height:114px;
    text-align:center;
    }
.effect-horizontal .pro-con .pro-list li img
{
    width:170px;
    height:110px;
    }
    
/*案例*/
.case-list
{
	width:1100px;
	margin:0px auto auto auto;
	padding-top:12px;
	border-top:solid 1px #000000;
	}
.case-list li
{
	float:left;
	display:inline;
	width:550px;
	height:215px;
	cursor:pointer;
	}
.case-list li .title
{
	background-color:#000000;
	}
.case-list li:hover .title
{
	background-color:#f7ab00;
	}
.case-list li.li1 .img
{
	float:right;
	display:inline;
	width:320px;
	height:215px;
	}
.case-list li.li1 .img img
{
	width:320px;
	height:215px;
	}
.case-list li.li1 .title
{
	float:left;
	display:inline;
	width:230px;
	height:135px;
	padding-top:80px;
	text-align:center;
	}
.case-list li.li2 .img
{
	float:right;
	display:inline;
	width:230px;
	height:215px;
	}
.case-list li.li2 .img img
{
	width:230px;
	height:215px;
	}
.case-list li.li2 .title
{
	float:left;
	display:inline;
	width:320px;
	height:135px;
	padding-top:80px;
	text-align:center;
	}
.case-list li.li3 .img
{
	float:left;
	display:inline;
	width:230px;
	height:215px;
	}
.case-list li.li3 .img img
{
	width:230px;
	height:215px;
	}
.case-list li.li3 .title
{
	float:right;
	display:inline;
	width:320px;
	height:135px;
	padding-top:80px;
	text-align:center;
	}
.case-list li.li4 .img
{
	float:left;
	display:inline;
	width:320px;
	height:215px;
	}
.case-list li.li4 .img img
{
	width:320px;
	height:215px;
	}
.case-list li.li4 .title
{
	float:right;
	display:inline;
	width:230px;
	height:135px;
	padding-top:80px;
	text-align:center;
	}
    
/*在线留言*/
.msg-tab
{
	width:1000px;
	margin:30px auto auto auto;
	padding:15px 0px 15px 0px;
	}
.msg-tab td
{
	height:32px;
	line-height:32px;
	}
.msg-tab td img{ display:inline-block;}
.msg-tab .tdL
{
	width:100px;
	text-align:right;
	}
.msg-tab .tdR
{
	width:900px;
	text-align:left;
	}
.msg-tab .txt 
{
	width:400px; 
	height:22px; 
	border:solid 1px #919498;
	}
.msg-tab .btn
{
    width:150px;
    height:40px;
    border:0px;
    background-color:#ba843c;
    color:#FFFFFF;
    cursor:pointer;
    }
    
/*分页*/
.page-layout 
{
    width:100%;
    height:30px; 
    margin-top:30px;
    padding:10px 0px;
	text-align:center;
	font-size:14px;
	}
.page-layout a,.page-layout span
{
    display:inline-block;
    width:30px;
    height:30px;
    line-height:30px;
    margin: 0 4px;
    vertical-align:middle;
    border-radius:3px;
    text-align:center;
	}
.page-layout a
{
    color:#515151;
    background-color:#FFFFFF;
    border:solid 1px #cccccc;
	}
.page-layout a:hover
{
	color:#FFFFFF;
    background-color:#ea4e21;
    border:solid 1px #ea4e21;
    text-decoration:none;
	}
.page-layout .current
{
    color:#515151;
	}
.page-layout .home
{
    width:30px;
    background:url(/images/icon-31.jpg) 0px 0px no-repeat;
    }
.page-layout .end
{
    width:30px;
    background:url(/images/icon-31.jpg) -63px 0px no-repeat;
    }
.page-layout .previous
{
	width:30px;
	height:30px;
	background:url(/images/previous.png) 0px 0px no-repeat;
	background-size: 100%;
    }
.page-layout .previous:hover {
    background-color:transparent;
}
.page-layout .next
{
    width:30px;
	height:30px;
	background:url(../image/next.png) 0px 0px no-repeat;
	background-size: 100%;
    }
.page-layout .next:hover {
    background-color:transparent;
}   