@charset "utf-8";
/*--重定义浏览器默认样式--*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;color: #666;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6;}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer; color:#333;}
a:hover{outline:none;}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cr:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cr,.clearfix{zoom:1}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.content1200{ width:1200px; margin:0 auto; min-width:1200px;}
.content1150{ width:1150px; margin:0 auto; min-width:1150px;}
.content1100{ width:1100px; margin:0 auto; min-width:1100px;}

/*------------------------------------------------首页--------------------------------------------------------*/
.cp_img{width:100%;-webkit-transform:scale(1,1);-moz-transform:scale(1,1); -transform:scale(1,1);-o-transform:scale(1,1);transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.cp_img:hover{ -webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3); -transform:scale(1.3,1.3);-o-transform:scale(1.3,1.3);transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}

.page{width:100%; overflow:hidden; min-width:1176px;}
.page2{ position:relative; min-height:890px;}
.page3{ position:relative; min-height:890px;}
.page4{ position:relative; min-height:890px;}
.page5{ position:relative; min-height:890px;}
.page6{ position:relative; min-height:890px;}
.page7{ position:relative; }


.header{ width: 92%; background: #000;  padding: 0 4%;min-width:92%;}
.logo{ margin-top: 16px;}
.logo img{ width: 100%;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{position:relative; z-index:1; margin-top:39px; height: 48px; float: right;}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; margin:0 35px; font-size:14px; font-weight:normal;height: 42px;}
.nav .sub{ display:none; text-align: center; width: 100%; left:0; top:48px;  position:absolute; background:#000;  line-height:30px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; font-size: 12px;}
.nav .sub a:hover{ color:#155ace;  }
.nav .on h3 a{ border-bottom: 6px solid #155ace;}
.search{width:180px; height:30px; overflow:hidden;  border-radius: 100px; border: 1px solid #c9c9c9; margin-top: 33px;}
.search .s_ipt{width:150px; line-height:30px; overflow:hidden;color:#fff; font-size:14px; text-indent:10px; padding:0; float:left; border:none; background: none;}
.search .s_btn{width:30px; height:30px; overflow:hidden; background:url(../imgs/btn_s.png) no-repeat left center; float:left; padding:0; border:0; cursor:pointer;}
.qie{ line-height: 98px;color: #fff;}
.qie a{ font-size: 14px; color: #fff;}
.qie a:hover{color:#155ace; }
.banner{ width: 100%; min-width: 1150px;max-height: 720px; overflow: hidden; position: relative;}
.banner img{ width: 100%;}
.b_opt{ position: absolute; z-index: 99; left: 50%; margin-left: -10px; bottom: 40px;}
.slideBox{ width:100%; height:auto !important; overflow:hidden; position:relative;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../imgs/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

@media (min-width: 0px) and (max-width:1504px){
.nav{float: none; clear: both; width: 900px; margin: 0 auto;}
.nav .nLi h3 a{ margin:0 35px;}	
}


@media (min-width: 0px) and (max-width:1150px){
.header{ background: #000;  padding: 0 30px; min-width: 1090px;}
}

@media (min-width: 0px) and (max-width:1420px){
.nav{float: none; clear: both; width: 900px; margin: 0 auto;}
.nav .nLi h3 a{ margin:0 35px;}	
.case_bg{top: 25% !important; margin-top: 0 !important;}	
}

.company{ margin:0 auto; width: 1156px; position: absolute; height: 532px; left: 50%; margin-left: -578px; top: 50%; margin-top: -266px;}
.i_gsjj_c{width:100%; height:532px;}
.i_gsjj_c dt{width:498px; height:237px; float:left; background-color:#eeeeee; padding:29px 40px 0px 40px;}
.i_gsjj_c dt .divtitle{width:425px; height:30px; line-height:30px; background:url(../imgs/t_01.png) repeat-x;}
.i_gsjj_c dt .divtitle span{ height:30px; line-height:30px; padding-right:15px; color:#234baf; display:inline-block; background-color:#eeeeee;}
.i_gsjj_c dt .div_text{width:100%; height:198px; line-height:26px; overflow:hidden; color:#333333;}
.i_gsjj_c dd{width:578px; height:266px; float:left;}
.i_gsjj_c dd .a_img{width:289px; height:266px; display:inline-block; overflow:hidden;}
.i_gsjj_c dd .a_img img{width:289px; height:266px;}
.i_gsjj_c dd .a_img .wz{opacity: 0.8;filter:alpha(opacity=80);width:289px; height:266px; display:inline-block; overflow:hidden; }
.i_gsjj_c dd .a_img:hover .wz{opacity:1;filter:alpha(opacity=100); }

.business{ width: 100%;background: url(../imgs/bg.jpg) top center no-repeat; overflow: hidden; height: 100%; position: absolute; left: 0; top: 0;}
.title{ text-align: center;color: #fff; margin-bottom: 40px;}
.title span{ font-size: 32px; font-weight: bold; font-family: "arial"; text-transform: uppercase; }
.title p{ background: url(../imgs/line.png) center center no-repeat; font-size: 22px;}
.ui_div_center{width:1176px; height: 756px; position: absolute; left: 50%; margin-left: -588px; top: 50%; margin-top: -378px;}
.i_pro_jj_c{width:100%; height:642px;}
.i_pro_jj_ul{width:100%;}
.i_pro_jj_ul li{width:588px; height:210px; float:left; position:relative;}
.i_pro_jj_ul li .div{width:580px; height:200px; position:absolute; bottom:0px; z-index:1; cursor:pointer;}
.i_pro_jj_ul li .div.div1{width:882px;}
.i_pro_jj_ul li .div_py{ right:8px; padding-left:372px;}
.i_pro_jj_ul li .div_pr{ left:0px; padding-left:70px;}
.i_pro_jj_ul li .div_bg1{ background:url(../imgs/c_bg1.png) no-repeat;}
.i_pro_jj_ul li .div_bg2{ background:url(../imgs/c_bg2.png) no-repeat;}
.i_pro_jj_ul li .div_t{width:580px; height:45px; background-color:#5f77b8; position:absolute; bottom:0px;  z-index:2;}
.i_pro_jj_ul li .div_t.div_t1{width:882px;}
.i_pro_jj_ul li .div_t_l{width:113px; margin-top:9px; height:27px; line-height:27px; background:url(../imgs/11.png) no-repeat; color:#333333; text-align:center; display:inline-block; overflow:hidden; font-size: 12px;}
.i_pro_jj_ul li .div_t_l:hover{ background:url(../imgs/111.png) no-repeat;}
.i_pro_jj_ul li .div_t_r{width:424px; height:45px; line-height:45px; text-align:right; display:inline-block; overflow:hidden; color:#cccccc; font-family:Arial, Helvetica, sans-serif;}
.i_pro_jj_ul li .div_l{width:283px; height:130px; padding-top:14px; position:relative;}
.i_pro_jj_ul li .div_l_t1{width:100%;overflow:hidden; font-size: 8px;color:#999999; font-family:Arial, Helvetica, sans-serif;}
.i_pro_jj_ul li .div_l_t2{width:100%;color:#000; font-size:24px; font-family:"微软雅黑"; font-weight:bold; overflow:hidden;}
.i_pro_jj_ul li .div_l_t3{width:100%; color:#333; font-size:14px; overflow:hidden; font-family:"微软雅黑"; margin-top: 20px;}
.i_pro_jj_ul li .div_r{width:278px; height:155px; position:relative;}
.i_pro_jj_ul li .div_r a img{/*width:256px;*/ height:155px; position:absolute; left:0px; bottom:0px;}

.news{ width: 1150px; height: 724px; position: absolute; left: 50%; margin-left: -575px; top: 50%; margin-top: -362px;}
.hydt{ width: 530px; padding-right: 45px;}
.hydt .h_bt{ text-align: right; width: 100%; margin-bottom: 100px;}
.news_one{ margin-bottom: 60px;}
.news_one .date{ width: 102px; height: 29px; background: #afcad0; text-align: center; line-height: 29px; color: #fff; font-size: 14px;}
.news_one .news_wz{ width: 400px; margin-left: 24px;}
.news_one .news_wz span{ font-size: 16px; color: #333;}
.news_one .news_wz p{ font-size: 14px; color: #666; line-height:24px; height: 48px; overflow: hidden; margin: 10px 0;}
.news_one .news_wz a:hover{ margin-left: 20px;transition: margin-left .5s;-moz-transition: margin-left .5s;	/* Firefox 4 */-webkit-transition: margin-left .5s;	/* Safari 和 Chrome */-o-transition: margin-left .5s;	/* Opera */}
.news_one .date:hover{ background: #155ace;}
.gsxw{ width: 575px; background: url(../imgs/gsxw.jpg) left top no-repeat; height: 724px;}
.gsxw .g_bt{ font-size: 20px; color: #155ace;margin: 26px 0 30px 170px;}
.news_two{ margin-bottom: 60px; margin-left: 48px;}
.news_two .date{ width: 102px; height: 29px; background: #fff; text-align: center; line-height: 29px; color: #666; font-size: 14px;}
.news_two .news_wz{ width: 400px; margin-left: 24px;}
.news_two .news_wz span{ font-size: 16px; color: #333;}
.news_two .news_wz p{ font-size: 14px; color: #666; line-height:24px; height: 48px; overflow: hidden; margin: 10px 0;}
.news_two .news_wz a:hover{ margin-left: 20px;transition: margin-left .5s;-moz-transition: margin-left .5s;	/* Firefox 4 */-webkit-transition: margin-left .5s;	/* Safari 和 Chrome */-o-transition: margin-left .5s;	/* Opera */}
.news_two .date:hover{ background: #155ace; color: #fff;}
.gdxw{ margin: 100px 0 0 45px;}
.case_bg{ position: absolute;width: 100%; left: 0; height: 625px; top: 50%; margin-top: -314px;}
.case{ width: 100%; max-height: 625px; overflow: hidden; position: relative;min-width: 1150px;}
.title1{ position: absolute; left: 55%; color: #fff; top: 10%; z-index: 99;}
.title1 span{ font-size: 32px; font-weight: bold; font-family: "arial"; text-transform: uppercase;}
.title1 p{ font-size: 22px; background: url(../imgs/xian.png) right center no-repeat; width: 160px;}
.slideBox1{ width:100%; overflow:hidden; position:relative; background: #305dc3;}
.slideBox1 .hd{ width:10px; overflow:hidden; position:absolute; left: 48%; top: 48%; z-index:1; }
.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox1 .hd ul li{ margin-bottom:8px;  width:10px; height:10px;background:url(../imgs/hd.png) no-repeat; border-radius: 100px;}
.slideBox1 .hd ul li.on{ background:url(../imgs/hd-on.png) no-repeat;}
.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox1 .bd li{ zoom:1; vertical-align:middle;}
.slideBox1 .bd li .tu{ width: 50%; float: left;}
.slideBox1 .bd li .tu img{ width: 100%;}
.slideBox1 .bd li .case_wz{ width: 500px;float: left; margin-left: 5%; margin-top: 12%; color: #fff;}
.slideBox1 .bd li .case_wz span{ font-size: 18px; color: #fff;}
.slideBox1 .bd li .case_wz p{ font-size: 14px;}
.slideBox1 .bd li .case_wz .ca_wz{ font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; margin: 10px 0;}
.slideBox1 .bd li .case_wz a{ display: block; width: 140px; height: 38px; overflow: hidden; background: url(../imgs/ca-more.png) no-repeat;}
.slideBox1 .bd li .case_wz a:hover{ background: url(../imgs/ca-more1.png) no-repeat;}

.bt_pic{ width: 100%; height: 610px; overflow: hidden; background: url(../imgs/bt-pic.jpg) top center no-repeat; text-align: center; position: absolute; left:0; top: 50%; margin-top: -305px;}
.bt_pic p{ margin-top: 100px;}

.footer{ padding: 70px 0 30px 0; background: url(../imgs/footer.jpg) top center no-repeat; min-width: 1150px;}
.contact{ width: 550px; margin:0 0 78px 0; }
.title2{ color: #fff; padding-bottom: 60px; border-bottom: 1px solid #30395b;}
.title2 span{ font-size: 32px; font-weight: bold; font-family: "arial"; text-transform: uppercase;}
.title2 p{ font-size: 22px;}
.contact .con_ways{ height: 35px; line-height: 35px; color: #fff; border-bottom: 1px solid #30395b; padding: 15px 0; font-size: 16px;}
.liuyan{width: 550px;}
.liuyan p{ font-size: 18px; font-weight: bold; color: #fff;margin: 95px 0 20px 0;}
.liuyan .name{ width: 545px; height: 38px;border:1px solid #30395b; margin-bottom: 10px;}
.liuyan .name input{ width: 545px; height: 38px; border:none; background: none; color: #fff; text-indent: 20px;}
.liuyan .ly_infor{width: 545px; height: 120px;border:1px solid #30395b;  padding-top: 10px;}
.liuyan .ly_infor textarea{ width: 545px; height: 120px; border:none; background: none; color: #fff; text-indent: 20px;}
.liuyan .tj{ width: 123px; height: 36px; background: #305dc3; margin-top: 10px;}
.liuyan .tj input{width: 123px; height: 36px; background: #305dc3; color: #fff; border: none; cursor: pointer;}
.banquan{text-align: center; color: #fff;}

.share{ margin-top: 35px;}
.jiathis_style  .jtico{ background: none !important;}
.share .qq{ width: 27px; height: 27px; overflow: hidden; background: url(../imgs/qq.jpg) no-repeat; display: inline-block;margin-left: 10px;}
.share .wb{ width: 27px; height: 27px; overflow: hidden; background: url(../imgs/wb.jpg) no-repeat; display: inline-block; margin-left: 10px;}
.share .wx{ width: 27px; height: 27px; overflow: hidden; background: url(../imgs/wx.jpg) no-repeat; display: inline-block;margin-left: 10px;}
.share .qqz{ width: 27px; height: 27px; overflow: hidden; background: url(../imgs/qqz.jpg) no-repeat; display: inline-block; margin-left: 10px;}








.banner_nei{ width: 100%; min-width: 1150px;}
.banner_nei img{ width: 100%;}
.nav_top{ width: 100%; height: 80px; background: #f4f4f4; border-bottom: 1px solid #dadada;min-width: 1150px;}
.nav_top .nav_title{ width: 220px; background: #155ace; height: 81px; padding-left: 40px;}
.nav_top .nav_title p{ font-size: 26px; color:#fff; margin-top: 10px;}
.nav_top .nav_title span{ text-transform: uppercase;font-size: 16px; color:#5fccf9;}
.nav_top .local{ width: 860px; line-height: 80px;}
.nav_top .local span{ font-size: 22px; color: #155ace;}
.nav_top .local a{ font-size: 14px;}
.nav_top .local a:hover{color: #155ace;}
.nei{ padding-bottom: 40px;}
.nav_left{width: 220px;}
.nav_left a{ display: block; width: 230px; padding-left:30px; height: 59px; border-bottom: 1px solid #e8e8e8; background: url(../imgs/l1.png) 215px center no-repeat #fff; line-height: 59px; font-size: 18px; color: #333;}
.nav_left a:hover{background: url(../imgs/l2.png) 215px center no-repeat #d0e8f9;}
.nav_left a.on{background: url(../imgs/l2.png) 215px center no-repeat #d0e8f9;}
.nav_left .nav_tel{ width: 242px; height: 127px; background: url(../imgs/nav-tel.jpg) no-repeat; font-size: 26px; color: #fff; margin-top: 30px;padding: 60px 0 0 28px;}
.nei_infor{ width: 860px; overflow: hidden;}

.fzlc{ margin-top: 30px;}
.fz_sj{ width: 742px;border-left: 3px solid #a7a7a7; padding: 20px 0; margin: -5px 0 0 23px;}
.fz_one{ background:url(../imgs/l2.png) left 16px no-repeat; padding-left: 44px; margin-bottom: 40px;}
.fz_one p{ font-size: 20px; color: #333; margin-bottom: 14px;}
.fz_one span{ font-size: 14px; color: #444; line-height: 28px;}
.fz_one span b{ color: #155ace;}

.zzzs{ margin-top: 30px;}
.zzzs ul li{ width: 370px; }
.zzzs ul li i{width: 360px; height: 500px; overflow: hidden; display: block;border: 3px solid #e6e6e6;}
.zzzs ul li i img{ width: 100%;}
.zzzs ul li p{ font-size: 14px; color:#333; line-height: 40px; text-align: center;}
.l_pages{width:100%; height:33px; padding:50px 0px; text-align:center;}
.l_pages a{width:34px; height:33px; line-height:33px; text-align:center; display:inline-block; overflow:hidden; color:#fff; background-color:#818181;}
.l_pages a:hover,.l_pages a.activepages{ background-color:#155ace; color:#fff; text-decoration:none;}

.zp_title{ margin-top: 30px; padding: 0 30px; height: 70px; background: #155ace; line-height: 70px; color: #fff; font-size: 16px; margin-bottom: 10px;}
.zp_title span{ display: inline-block; width: 195px;}
.sideMenu{}
.sideMenu h3{ height:50px;padding: 0 0 0 30px; line-height:50px;background:#eeeeee; cursor:pointer; font-size:18px; font-weight:normal; margin-bottom:10px}
.sideMenu h3 span{ display: inline-block; width: 195px; font-size: 14px; color: #333;}
.sideMenu h3 em{ float:right; display:block; width:12px; height:50px;background:url(../imgs/zd.png) no-repeat center; cursor:pointer; padding-right:20px }
.sideMenu h3.on em{ background:url(../imgs/zk.png) no-repeat center; cursor:pointer; }
.sideMenu ul{ padding:8px 25px; color:#666; display:none; /* 默认都隐藏 */ }

.nei_case{ margin-top: 30px; }
.case_one{ width: 370px; overflow: hidden; background: #f4f4f4; height: 402px;margin-bottom: 30px;}
.case_one i{ width: 370px; height: 212px; overflow: hidden; display: block; margin-bottom: 20px;}
.case_one i a{ padding: 0 !important;}
.case_one i img{ width: 100%;}
.case_one a{ font-size: 18px; color: #333; padding: 0 20px;}
.case_one p{ font-size: 12px; color: #888; padding: 0 20px; margin: 10px 0;}
.case_one span{ font-size: 14px; color: #333; padding: 0 20px; margin: 10px 0; display: block;}
.case_one a:hover{ color: #155ace;}


.contact_ways{ margin-top: 30px;}
.con_one{ text-align: center; color: #155ace;}
.con_one p{ font-size: 30px; font-weight: bold;}
.con_one span{ font-size: 20px;}
.con_two{ width: 600px; margin: 60px auto;}
.con_two .dz{ width: 340px; font-size: 16px; color: #333; line-height: 36px;}
.con_two .ewm{ width:250px;}
.con_two .ewm span{ display: inline-block; width: 108px; margin-right: 10px; font-size: 12px; color: #666; text-align: center;}
.con_two .ewm span img{ width: 108px; height: 108px;}
.map{ width: 769px; height: 335px; overflow: hidden;}

.con_ly{margin-top: 30px;}
.ly_one{ background: url(../imgs/ly.png) left top no-repeat; padding-bottom: 10px; border-bottom: 1px solid #dadada; padding-left: 30px; font-size: 16px; color: #155ace; height: 27px; line-height: 27px;}
.ly_name{ margin: 30px 0; line-height: 45px;}
.ly_name span{ font-size: 16px; color: #333;}
.ly_name input{ width: 430px; height: 45px; overflow: hidden; border: 1px solid #dadada;text-indent: 10px;}
.ly_area span{ font-size: 16px; color: #333;}
.ly_area textarea{ width: 430px; height: 210px; overflow: hidden; border: 1px solid #dadada; text-indent: 10px; padding-top: 10px;}
.ly_tj{ padding-left: 45px; margin-top: 30px;}
.ly_tj input{ width: 120px; height: 30px; background: #155ace; color: #fff; border: none; display: block; line-height: 30px; border-radius: 100px; cursor: pointer;}


.nav_fl{ line-height: 79px; }
.nav_fl a{ font-size: 18px; color: #333; display: inline-block; margin-right: 20px;}
.nav_fl a:hover{ color: #155ace;}
.nav_fl a.on{ color: #155ace;}
.now{ line-height: 79px;}
.now a:hover{color: #155ace;}
.chanpin{ margin: 40px auto;}
.chanpin ul{ margin-left: -18px;}
.chanpin ul li{ width: 274px; float: left; margin-left: 18px; margin-bottom: 40px;}
.chanpin ul li i{ width: 272px; height: 248px; overflow: hidden; display: block; border: 1px  solid #e6e6e6;}
.chanpin ul li i img{ width: 100%;}
.chanpin ul li p{ height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #333; background:#e6e6e6; overflow: hidden;}
.chanpin ul li a:hover p{color: #155ace;}


.cp_detail{margin: 30px auto;}
.cp_detail .cp_title{font-size: 24px; color:#333; text-align: center; border-bottom: 3px solid #155ace; padding-bottom: 10px; margin-bottom: 30px;}
.cp_nei{}
.fanye{ margin: 30px 0;}
.fanye a{ font-size: 14px;color: #333;}
.fanye a:hover{color: #155ace;}


.rightfl {
    position: fixed;
    right: 0;
    top: 65%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 99999;
}
.rightfl ul li {
    width: 39px;
    height: 56px;
    line-height: 56px;
    background:  url(../imgs/fb1.png) 0 0 no-repeat;
    padding-left: 55px;
    color: #fff;
    overflow: hidden;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    transition:0.5s;
    position: absolute;
    right: 0;
    top: 0;
}
.rightfl ul li.fb2 {
    top: 62px;
}
.rightfl ul li.fb3 {
    top: 125px;
}
.rightfl ul li span {
    float: left;
}
.rightfl ul li a {
    color: #fff;
    float: left;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    transition:0.5s;
    margin-left: 20px;
}
.rightfl ul li:hover  {
    width: 154px;
}
.rightfl ul li.fb2 {
    background-image: url(../imgs/fb2.png);
}
.rightfl ul li.fb3 {
    background-image: url(../imgs/fb3.png);
}

.wapper_box{width:100%; position:relative;}