@charset "utf-8";
@import url(dll.css);
@import url(module.css);
@import url(global.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.mfbox{width:1200px; min-width:1200px; margin:0 auto;}

.header{height:100px; background:#FFF;}
.logo{float:left;}

.i_nav{float:left; margin-left: 50px; height: 45px; margin-top: 23px;}
/*.i_nav li{float:left; text-align:center; padding: 0 25px;}
.i_nav li>a{display:block; color:#666; font-size:16px; line-height:45px;}
.i_nav li>a:hover{ color:#0068b7; border-bottom: 2px solid #0068b7;}
.i_nav li>a.on{ color:#0068b7;  border-bottom: 2px solid #0068b7;}*/

.lan{float:right; margin-top: 35px; height: 24px;}
.lan a{ float:left; height: 24px; line-height: 24px; padding-left:10px;}
.lan a:hover{ height: 24px; line-height: 24px; color: #0068b7;}


.add{}

.i_banner_box{position:relative; width:100%; height:500px; overflow:hidden;}
.i_banner{width:100%; height:500px; overflow:hidden;}
/*.i_banner li{width:100%; height:500px;}
.i_banner li a{display:block; width:100%; height:500px;}
.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:50px; height:5px; overflow:hidden; background:rgba(0,104,183,0.5);}
.i_banner_p a:hover{width:80px; background:rgba(0,104,183,1);}
.i_banner_p a.on{width:80px; background:rgba(0,104,183,1);}*/

.i_container{width:100%; margin:0 auto;}
.i_container *, .header{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.p_container *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}


.i_about{width:100%; padding:50px 0; overflow: hidden;}

.i_about_l{float:left; width:750px; margin-top: 60px; overflow: hidden;}
.i_about_r{float:right; width:450px; margin-top: 60px; padding: 0 0 0 50px; overflow: hidden;}
.i_about_rc{padding:40px 0; line-height:32px; color:#999; font-size: 18px;}
.i_about_rb a{ display:block; float: right; width:100px; height: 32px; text-align: center; line-height: 30px; border-radius: 5px; border:1px solid #666;}


.i_product{width:100%; padding: 60px; overflow: hidden; background: #f3f3f3;}
.i_product_l{width:1260px; margin:40px auto 0px;}
.i_product_l li{float:left;display: inline-block;width: 242px;height: 510px;margin: 0 5px;}
.i_product_l li a{display:block;width: 242px;height: 510px;/*padding-top: 70px;*/}
.i_product_l li i{display: block;    width: 243px;height: 176px; margin: 0 auto;}
.i_product_l li h4{display: block;margin:60px auto 0px;font-size: 20px;line-height: 30px;text-align: center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width: 242px;}
.i_product_l li span{display: block; margin-top: 10px; width:100%; height: 100px; padding: 0 40px; line-height:24px; overflow: hidden; text-align: center;}
.i_product_l li ins{display: block; margin:20px auto 0; width:160px; height: 40px; line-height:40px; color: #666666; border:1px solid #666; border-radius:8px; text-decoration: none; text-align: center;}
.i_product_l li a:hover{ background: #0083e6;}
.i_product_l li a:hover h4, .i_product_l li a:hover span, .i_product_l li a:hover ins{color:#FFF;}
.i_product_l li a:hover ins{border-color:#FFF;}
.i_product_l li:nth-child(1) i{ background: url(../temp/cp1_1.png) no-repeat center center;}
.i_product_l li:nth-child(1) a:hover i{ background: url(../temp/cp1_2.png) no-repeat center center;}
.i_product_l li:nth-child(2) i{ background: url(../temp/cp2_1.png) no-repeat center center;}
.i_product_l li:nth-child(2) a:hover i{ background: url(../temp/cp2_2.png) no-repeat center center;}
.i_product_l li:nth-child(3) i{ background: url(../temp/cp3_1.png) no-repeat center center;}
.i_product_l li:nth-child(3) a:hover i{ background: url(../temp/cp3_2.png) no-repeat center center;}
.i_product_l li:nth-child(4) i{ background: url(../temp/cp4_1.png) no-repeat center center;}
.i_product_l li:nth-child(4) a:hover i{ background: url(../temp/cp4_2.png) no-repeat center center;}
.i_product_l li:nth-child(5) i{ background: url(../temp/cp5_1.png) no-repeat center center;}
.i_product_l li:nth-child(5) a:hover i{ background: url(../temp/cp5_2.png) no-repeat center center;}


.i_news{width:100%; padding:60px 0;}
.i_news_l{width:1260px; margin: 40px auto 0;}
.i_news_l li{float:left; display: inline-block; width:350px; margin:0 35px;}
.i_news_l li i{display:block; width:350px; height:200px; overflow: hidden;}
.i_news_l li i img{max-width: 350px;}
.i_news_l li a:hover i img{ z-index:-1; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.i_news_l li ins{display: block; margin-top: 20px; line-height: 20px; font-size: 12px; color: #666; text-decoration: none;}
.i_news_l li h4{display:block; width:100%; font-size: 16px; line-height:20px; height: 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news_l li span{display:block; margin-top:10px; line-height: 22px; color: #666; height:66px; overflow:hidden;}

.i_news_l li a:hover ins, .i_news_l li a:hover h4, .i_news_l li a:hover span{color:#0068b7;}


.footer{width:100%; color:#fcf2ea; padding: 40px 0; background:#333;}

.fcontact{float:left; width:500px; overflow: hidden;}
.fc_l{width:500px; overflow: hidden;}
.fc_c{margin-top:20px; width:500px; padding-left:60px; font-size: 14px; line-height: 30px;}
.fc_c span{display: block; height: 30px;}
.fc_c span img{float:left; margin-right: 10px; margin-top: 5px;}

.footer_nav{float:right;}
.footer_nav dl{float:left; position: relative; width:170px; text-align: center;}
.footer_nav dl dt{display: block; font-size: 18px; line-height:30px; margin-bottom: 10px; color: #fff;}
.footer_nav dl dt a{color:#fcf2ea;}
.footer_nav dl dt a:hover{color:#0068b7;}
.footer_nav dl dd{display: block; line-height:30px;}
.footer_nav dl dd a{color:#bebebe;}
.footer_nav dl dd a:hover {color:#0068b7;}

.copyright{width:100%; padding-top: 10px; text-align: center; line-height:30px; color: #999; background: #343635;}
.jsq{width:100%; padding-bottom: 10px; text-align: center; line-height:30px; color: #999; background: #343635;}

/* 首页部分结束 */

/* 内页部分开始 */
.p_container{width:1200px; margin:0 auto; padding:10px 0 50px;}

.path{width:100%; height:30px; margin-bottom: 20px; line-height:30px; text-align:right; color: #888;}
.path span{padding:0 10px;}
.path a{color:#888;}
.path a:hover{color:#0068b7;}

.p_left{float:left; width:200px;}
.p_right{float:right; width:940px; overflow: hidden;}

.sidebar{width:100%;}
/*.sidebar li{display:block; overflow: hidden;}
.sidebar li a{display:block; height:50px; text-indent: 20px; font-size: 16px; color: #333; line-height:50px;}
.sidebar li a:hover{ background: #dceffe;}

.sidebar li li a{display:block; height:50px; font-size: 14px; text-indent:40px; color: #333; line-height:50px; border-left:4px solid #FFF;}
.sidebar li li a:hover{border-color:#066ab8; background: #f5f5f5;}
.sidebar li li a.on{border-color:#066ab8; background: #f5f5f5;}*/

.prosort{border-bottom: 2px solid #0068b7; padding-bottom: 20px;}
.prosort h4{ display: block; padding-left: 20px; font-size: 24px;}
.prosort span{ display: block; padding-left: 20px; margin-top: 10px; font-size: 16px;}

.prolist{/*padding-left:20px;*/}
.prolist dt{height: 67px; line-height: 65px; border-bottom: 2px solid #e7e7e7; font-size: 22px;}
.prolist dt a{ display: block; background: url(../images/icon02.png) no-repeat right center;}
.prolist dt a.on{background: url(../images/icon03.png) no-repeat right center;}
.prolist dd{padding:20px 0; border-bottom: 2px solid #e7e7e7;}
.prolist dd .prolist_l{float:left; width:470px; overflow: hidden;}
.prolist dd .prolist_r{float:right; width:430px; padding-top: 20px; overflow: hidden; font-size: 16px; line-height: 30px;}
.prolist dd .prolist_c{width:100%; margin-top: 30px;}
.prolist dd .prolist_c h5{display: block; font-size: 20px; line-height: 40px;}
.prolist dd .prolist_c li{display: inline-block; float: left; width:33%; font-size:16px; padding-left:20px; line-height:35px; background: url(../images/icon04.png) no-repeat 5px center;}



.p_content{padding:30px 0; line-height:25px;}


/* 内页部分结束 */
.nmdefcont{ margin:0 auto; width:1200px;}