*{ padding:0px; margin:0px; }
body{ font-size:14px;}
body { margin:0; padding:0; }
ul, li, dl, dd, dt, ol, form, input, p {margin: 0px; padding: 0px; list-style-type: none;}
img{ border:none;}

a{color:#333333;}
a:visited{color:#333333; text-decoration: none;}
a:link{color: #333333; text-decoration: none;}
a:hover{color:#b0356a; text-decoration: none;}
a:active{color: #333333; text-decoration: none;}

.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; font-size: 100%;}
.clearfix { *zoom : 1;}

.fl{ float:left;}
.fr{ float:right;}

.mar_top{ height:10px; line-height:0px; overflow:hidden;}
.mar_top2{ height:20px; overflow:hidden;}
.mar_top3{ height:30px; overflow:hidden; line-height:0px;}
.mar_top5{ height:50px; overflow:hidden; line-height:0px;}

.wrap{ width:1200px; margin:0 auto; } /*页面宽度*/
.wrap1{ width:1230px; margin:0 auto; } /*主页简介宽度*/


/*头部*/
.top{ background-image:url(../images/top_bg.jpg); background-position:center center; height:150px;}
.banner_line{ background-image:url(../images/banner_bottomline.jpg); height:10px;}
.nav{ width:690px; margin:0 auto;}
.nav ul li{ float:left; width:98px; text-align:center; font-size:18px;}
.nav ul li a{ color:#d8c2aa;}
.nav ul li a:hover{ color:#FFFFFF; text-decoration:underline}

/*主页产品*/
.i_cp{ background-image:url(../images/i_pro_bg.jpg); height:580px; background-position:center top; background-repeat:no-repeat}
.i_cplist{ width:1200px; overflow:hidden}
.i_cplist ul{ width:1221px;}
.i_cplist ul li{ width:386px; height:150px; float:left; margin-right:21px; margin-bottom:21px; background-color:#1b559a; overflow:hidden}
.i_cptitle{ width:228px; margin:0 auto; padding-top:50px;}
.i_cp_positon{ position:relative}
.i_cp_white{ position:absolute; width:170px; height:120px; background-color:#FFFFFF; left:15px; top:15px;}
.i_cp_white_zi{ height:78px; line-height:78px; font-size:22px; padding-left:20px;}
.i_cp_white_more{ padding-left:110px;}

/*主页简介*/
.i_about{ height:580px; background-image:url(../images/i_about_bg.jpg); background-position:center top;}
.i_about_txt{ color:#FFFFFF; text-align:center; line-height:35px;}
.i_about_txt span{ font-family:Arial, Helvetica, sans-serif; font-size:40px; color:#f0dbad}
.i_about_txt_point{ height:90px; line-height:90px;}

/*主页案例*/
.i_case{ height:605px; background-image:url(../images/i_case_bg.jpg); background-position:center top;}
.i_case_title{ width:271px; margin:0 auto; padding-top:45px;}
.i_case_body{ height:410px; width:1200px; overflow:hidden; margin:0 auto}
.i_case_left{ width:610px; height:410px; overflow:hidden}
.i_case_left ul{ width:620px;}
.i_case_left ul li{ width:300px; height:200px; margin-right:10px; margin-bottom:10px; float:left}

/*底部*/
.foot{ background-image:url(../images/foot_bg.jpg); height:220px; background-position:center top; color:#828a92; font-size:12px}
.foot_top{ border-bottom:1px solid #81888f; padding-bottom:20px;}
.foot_zi{ line-height:18px; padding-top:5px}
.foot_bottom{ height:48px; line-height:48px;}

/*二级样式*/
.guide{ height:54px; line-height:54px; border-bottom:1px solid #d9d9d9}
.guide_icon{ background-image:url(../images/home_icon.jpg); background-repeat:no-repeat; background-position:left center; padding-left:20px;}
.about_title{ width:420px; overflow:hidden; margin:0 auto}
.about_title ul{ width:450px;}
.about_title ul li{ width:120px; float:left; margin-right:30px; height:34px; line-height:34px; background-color:#222222; text-align:center; font-size:16px}
.about_title ul li.current{ background-color:#cc0000;}
.about_title ul li a{ color:#FFFFFF}
.con_about{ line-height:28px}
.con_about p{ text-indent:2rem; padding-bottom:20px;}
.con_about img{ float:right; padding-left:40px;}
.pic_title{ width:1200px; margin:0 auto; overflow:hidden}
.pic_title ul{ width:1224px;}
.pic_title ul li{ width:180px; height:56px; background-image:url(../images/li_cpbg.jpg); text-align:center; line-height:56px; float:left; margin-right:24px; font-size:16px}
.pic_title ul li.current_cp{background-image:url(../images/li_cpbg_corrent.jpg); }
.pic_title ul li.current_cp a{ color:#3962bc}
.con_pic { width:1200px; overflow:hidden}
.con_pic ul{ width:1221px;}
.con_pic ul li{ width:386px; float:left; margin-right:21px; margin-bottom:21px;}
.con_pic_txt{ text-align:center; line-height:50px; height:50px;}
.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #ef5600; color: #fff;}

.i_cplist  ul li{}
.i_cplist ul li:hover .xk{ opacity:0;}
.xk{ position:absolute; top:0; left:0;-webkit-transition: all 0.5s; transition: all 0.5s;}
.i_case_left ul li, .i_case_body .fr{ position:relative; display:block; overflow:hidden; background-color:#000000;}
.xk1, .xk2{ position:absolute; top:0; left:0;}
.i_case_left ul li:hover .img, .i_case_body .fr:hover .img{transform:scale(1.1,1.1); opacity:0.8;}
.i_case_left ul li .img, .i_case_body .fr .img{transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}