﻿@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* ��ҳ���ֿ�ʼ */
.header{ position:fixed; top:0; left:0; width:100%; height:79px; background:url(../Images/icon01.png) repeat left top; z-index:9999; transition: all 0.5s;}
.logo{float:left; margin-right:0px;}

.i_nav{float:left; width:791px; height:79px;}
.lan{ position: absolute; top: 5px;left: 80%;display:none;}
.lan li{float:left; padding-right:5px;}
/*.i_nav li{float:left; width:113px; height:79px; background:url(../images/nav_line.png) no-repeat right top;}
.i_nav li > a{display:block; color:#FFF; height:79px; line-height:79px; font-size:14px; text-align:center;}
.i_nav li > a ins{ display:block; margin-top:-79px; width:112px; background:url(../Images/icon02.png) no-repeat center 56px #ae1c1c; text-decoration:none;}
.i_nav li > a span{ display:block; width:112px;}
.i_nav li > a:hover{color:#FFF;}
.i_nav li > a:hover ins{ margin-top:0;}
.i_nav li > a.on{color:#FFF;}
.i_nav li > a.on ins{ margin-top:0;}*/

.hotline{ float:right; width:220px; overflow:hidden;}

.i_banner_box{position:relative; width:100%; height:654px; overflow:hidden;}
.i_banner{ float:left; display:inline;}
/*.i_banner li{width:100%; height:654px;}
.i_banner li a{display:block; width:100%; height:654px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 5px; width:10px; height:10px; background:#FFF; overflow:hidden; border-radius:5px;}
.i_banner_p a:hover{ background:#ae1c1c;}
.i_banner_p a.on{ background:#ae1c1c;}*/

.i_container{padding:20px 0; overflow:hidden;}

.i_pro{margin-top:40px; width:100%;display: none;}
.i_pro_l{width:100%; max-width:1280px; min-width:980px; height:459px; margin:60px auto 0; position: relative; overflow:hidden;}
.i_pro_l li{ display:inline-block; position:relative; float:left; width:318px; height:459px; margin:0 1px; background:#eaeaea; overflow:hidden;}
.i_pro_l li dl{position:absolute; width:318px; height:459px; left:0; top:0; background:rgba(0,0,0,0); opacity:0; filter: Alpha(opacity=0);}
.i_pro_l li dl dt{ margin:110px auto 0; width:38px; height:38px; background:url(../Images/icon05.png) no-repeat center center;}
.i_pro_l li dl dd{ margin:20px auto 0; width:318px; text-align:center;}
.i_pro_l li dl dd span{ display:block; font-size:20px; color:#FFF;}
.i_pro_l li dl dd ins{ display:block; font-size:14px; margin-top:5px; color:#FFF; text-decoration:none;}
.i_pro_l li strong{ display:block; width:318px; height:459px; overflow:hidden;}
.i_pro_l li strong img{ height:459px;}

.i_pro_l li a:hover dl{ background:rgba(0,0,0,0.4); opacity:1.0; filter: Alpha(opacity=100);}
.i_pro_l li a:hover dl dd{ margin-top:40px;}

.i_pro_l li i{ display:block; width:318px; height:359px;  padding-top:100px;}
.i_pro_l li i span{ display:block; width:208px; margin:46px auto 0; height:63px; font:36px/40px "Times New Roman"; color:#121212; background:url(../images/icon04.jpg) no-repeat left bottom; margin-bottom:30px;}
.i_pro_l li i ins{ display:block; font-style:normal; width:208px; color:#9d9d9d; font-size:14px; margin:0 auto; text-decoration:none; line-height:24px;}
.i_pro_l li i:hover { padding-top:134px;}


.i_news{width:100%; padding:50px 0; background:#343434;}
.i_news_l{width:100%; max-width:1280px; min-width:980px; margin:60px auto 0; position: relative; overflow:hidden;}

.i_news_ll{float:left; width:610px;}

.i_news_lr{float:right; width:610px;}
.i_news_lr dl{ width:100%; padding:22px 0; margin-bottom:25px; height:76px; transition:background 0.4s; cursor:pointer;}
.i_news_lr dl dt{ width:104px; float:left; border-right:1px solid #e6e6e6;  font:normal 66px/76px 'verdana'; color:#e6e6e6; text-align:center;}
.i_news_lr dl dd{ float:right; width:475px; float:right; padding-right:15px; padding-left:15px;}
.i_news_lr dl dd h3{ height:24px; margin-bottom:10px; font:18px/24px "΢���ź�"; color:#dfdfdf; overflow:hidden;}
.i_news_lr dl dd h3 span{ float:right; font-size:14px; color:#717171; margin-bottom:12px;}
.i_news_lr dl dd ins{ display:block; color:#888; text-decoration:none; height:32px; overflow:hidden;}
.i_news_lr dl:hover{padding-left:0; background:#e3e3e3; }
.i_news_lr dl:hover dt{color:#565656; border-color:#666;}
.i_news_lr dl:hover dd h3{ color:#3b3b3b;}

.i_column{margin-top:40px; width:100%;}
.i_column_l{width:100%; max-width:1280px; min-width:980px; height:379px; margin:60px auto 0; padding-bottom:70px; position: relative; overflow:hidden;}
.i_column_l dl{float:left; display:inline-block; width:319px; height:379px; margin-right:1px;}
.i_column_l dl dt{width:80px; height:66px; margin:0 auto 23px; overflow: hidden;}
.i_column_l dl dd { text-align:center;    width: 260px;
    margin: 0 30px;}
.i_column_l dl dd h4{display:block; font-size:20px; height:28px; line-height:28px; color: #484848;}
.i_column_l dl dd h5{display:block; font-size:18px; line-height:30px; color:#bababa; font-family:"Times New Roman";}
.i_column_l dl dd i{display:block; width:87px; height:18px; margin:0 auto; overflow:hidden; border-bottom:1px solid #c5c5c5;}
.i_column_l dl dd span{display:block; width:242px; height:72px; margin:20px auto 0; padding:0px 38px; color:#777; line-height:24px; overflow:hidden; padding-top:10px;}
.i_column_l dl dd ins{display:none; width:114px; height:25px; margin:5px auto 0; background:url(../Images/icon11.png) no-repeat center center;}

.i_cl01{ background:url(../Images/icon07.png) no-repeat center bottom;}
.i_cl02{ background:url(../Images/icon08.png) no-repeat center bottom;}
.i_cl03{ background:url(../Images/icon09.png) no-repeat center bottom;}
.i_cl04{ background:url(../Images/icon10.png) no-repeat center bottom;}

.i_column_l dl a{ display:block; width:319px; height:319px; padding-top:60px; background:#f4f4f4;}
.i_column_l dl a:hover{ background:#4d4b4c;}
.i_column_l dl a:hover dt{ background-position:center top;}
.i_column_l dl a:hover h4{ color:#FFF;}
.i_column_l dl a:hover h5{ color:#716f70;}
.i_column_l dl a:hover i{border-bottom:1px solid #716f70;}
.i_column_l dl a:hover span{ color:#838182; padding-top:10px;}
.i_column_l dl a:hover ins{display:block;}


.footer{overflow:hidden; width:100%; margin-top:20px; padding-top:50px; padding-bottom:50px; border-top:1px solid #e5e5e5;}
.footer_in{width:100%; max-width:1280px; min-width:980px; margin:0 auto; position:relative;}

.f_txt{width:40%; float:left; padding-left:5%; padding-right:5%; line-height:22px; color:#636363;}
.f_txt h3{font:24px/34px "Times New Roman", Times, serif; color:#333; padding-bottom:20px;}
.f_txt strong{ display:block; padding-bottom:10px; font-size:14px;}

.footer_nav{ padding-left:5%; padding-right:5%; color:#636363; margin-top:40px; line-height:25px; font-size:12px;}
.footer_nav a{ padding-right:10px;}
.copyright{ padding-left:5%; padding-right:5%; color:#636363; line-height:25px; font-size:12px;}
.jsq{ padding-left:5%; padding-right:5%; color:#636363; line-height:25px; font-size:12px;}

/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.p_container{padding:50px 0; overflow:hidden;}

.p_banner_box{position:relative; width:100%; height:480px; overflow:hidden;}
.p_banner{ float:left; display:inline;}
/*.p_banner li{width:100%; height:546px;}
.p_banner li a{display:block; width:100%; height:546px;}
.p_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}
.p_banner_p a{display:inline-block; margin:0 5px; width:10px; height:10px; background:#FFF; overflow:hidden; border-radius:6px;}
.p_banner_p a:hover{ background:#ae1c1c;}
.p_banner_p a.on{ background:#ae1c1c;}*/

.sidebar{/*width:100%; height:50px; border-bottom:1px solid #d8e1e8; background:#f2f2f2;*/}
/*.sidebar ul{width:1081px; height:50px; border-left:1px solid #d8e1e8; margin:0 auto;}
.sidebar li{float:left; border-right:1px solid #d8e1e8;}
.sidebar li a{display:block; padding:0 30px; height:50px; line-height:50px; color:#333; font-size:16px;}
.sidebar li a:hover{color:#FFF; background:rgb(47, 136, 218);}
.sidebar li a.on{color:#FFF; background:rgb(47, 136, 218);}*/

.p_txt01{width:100%;}
.p_txt01_c{width:1349px; margin:0 auto; padding:80px 0; line-height:26px; font-size:12px; color:#000; clear:both;}
.p_txt01_c1{width:1080px; margin:0 auto;  line-height:26px; font-size:12px; color:#000; clear:both;}

.p_txt02{width:100%; padding:50px 0; background:#343434;}
.p_txt02_c{width:80%; margin:0 auto; padding:80px 0; line-height:26px; font-size:12px; color:#9f9f9d; font-size:14px;}

.p_txt03{width:100%; padding:50px 0; }
.p_txt03_c{width:1280px; margin:0 auto; position:relative; padding:80px 0;}
.p_txt03_cl{float:left; width:950px; margin:0 105px; overflow:hidden;}
.p_txt03_cl ul{}
.p_txt03_cl li{float:left; display:inline-block; margin:0px 11px; width:290px; height:264px; border-bottom:2px solid #e0e0e0;}
.p_txt03_cl li img{width:290px; height:214px; filter: gray; -webkit-filter: grayscale(100%);}
.p_txt03_cl li span{ display:block; width:290px; padding:15px 0; height:20px; line-height:20px; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.p_txt03_cl li:hover img{ -webkit-filter: grayscale(0%);}

/* ��ҳ���ֽ��� */
.p_left{ float:left;}
.p_right{ float:right;}
.header .mauto {
    width: 1349px;
    margin: 0 auto;
}
span.wedfwfef {
    display: inline;
    float: right;
    height: 20px;
    margin-top: 14px;
    font-weight: 100;
}
body#products .p_txt01_c {
  width: 1330px;}
.remark1 table {
    width: 1080px;
    margin: 0 auto;
}
div#com_definedkeys_1 {
    width: 1277px;
    margin: 0 auto;
}
body#news .p_txt01_c {
  width: 1086px;}

body.gbook div#com_sort_products{
	display:none;
}
body.menu_40 div#com_sort_products{
	display:none;
}