@charset "utf-8";
.wrap{width: 1200px;margin: 0 auto;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;font-weight: normal;}
body{color:#323232;font-size:14px;font-family:'Arial',"Microsoft YaHei","微软雅黑","宋体";line-height:28px;}
li,ol,ul{list-style:none;}
.ff24{font-family:"微软雅黑";font-size:24px;}
.ff18{font-family:"微软雅黑";font-size:18px;}
.ff16{font-family:"微软雅黑";font-size:16px;}
.ff14{font-family:"微软雅黑";font-size:14px;}
a{text-decoration:none;color:#000;}
a:hover{color:#fff;}
.fl{float:left;}
.fr{float:right;}
.clear:after{clear:both;display:block;visibility:hidden;height:0;content:""}.clear{zoom:1}.clr{clear:both}
.elps{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.top{background-color: #eeeeee;}
.top_left{color:#6a6a6a;font-size:13px;padding-top: 10px;}

.nav_right_top{margin-top:20px;}
.nav_right_top a{margin-left: 36px;}
.nav_right_bottom{margin-top: 12px;}
.nav_right_bottom li{float:left;margin-left: 10px;text-align: center;width:90px;height:30px;}
.nav_right_bottom li a{font-size: 15px;}
/*.nav_right_bottom li{width: 80px;height: 30px;background-color: #1f88e6;border-radius:15px;display:none;}*/
.nav_right_bottom li a:hover {background-color: #1f88e6;border-radius:15px;display:block;}
.nav_right_bottom li:first-child{margin-left: 0px;}


/*banner开始*/

area{ position:absolute; z-index:9999;}
div.wrapper { width:1423px; margin:0px auto 0 auto; position: relative;}
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none;}
.box_skitter ul { display: none;  z-index:-2;}
.box_skitter .container_skitter { overflow: hidden; position: relative;  }
.box_skitter .image { overflow: hidden; }
.box_skitter .image img { display: none;  z-index:-2; }
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none;  }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
.box_skitter .prev_button { position: absolute; top: 50%; left:20px; z-index: 100; width: 57px; height: 62px;overflow: hidden; text-indent: -9999em; margin-top: -140px; background: url(../images/prev.png) no-repeat left top !important; }
.box_skitter .next_button { position: absolute; top: 50%; right:20px; z-index: 99999; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -140px; background: url(../images/next.png) no-repeat left top !important; }
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow { width:1423px; height: 675px; }
#slideshow ul { display: none; }
/*banner结束*/



/* product center开始*/
.product{margin-top:-100px;text-align:center;}
.product h2{font-size:42px;color:#1f88e6;margin-bottom:30px;}
.product p{font-size:12px;color:#a6a6a6;margin-bottom:40px;}

.pro_img{margin-bottom:10px}
.pro_img li{float: left;margin-left:37px;}
.pro_img li:first-child{margin-left: 0px;}

.pro_fl li{float:left;width:595px;height:504px;}
.pro_fl li:first-child{margin-left: 0px;}
.fl_01{background:url(../images/pro_fl_01.jpg) no-repeat;position:relative;}
.fl_01 .small_hover_01{width:595px;height:77px;background:rgba(0,0,0,0.7) ;padding-top: 35px;position: absolute;top: 392px;left: 0px;}
.fl_01 .small_hover_01 h2{font-size:22px;color:#3fc64c;text-align: center;}
.fl_01 .big_hover_01{width:595px;height:504px;position: absolute;top: 0px;left: 0px;background:rgba(0,0,0,0.7);display:none;text-align: center;}
.fl_01 .big_hover_01 h2{font-size:22px;color:#3fc64c;text-align: center;margin-top:33px;margin-bottom:34px;}
hr{width:90%;margin: 0 auto;color:#868686;}


.fl_01 dl{padding-left: 30px;padding-top: 50px;padding-right: 30px;}
dl dd {background: url(../images/cp_icon.png) no-repeat 0 center;padding-left: 20px;}

.fl_01:hover .big_hover_01{display: block;}
.fl_01:hover .small_hover_01{display:none;}





.fl_02{background:url(../images/pro_fl_02.jpg) no-repeat;position:relative;    margin-left: 10px;}
.fl_02 .small_hover_02{width:595px;height:77px;background:rgba(0,0,0,0.7) ;padding-top: 35px;position: absolute;top: 392px;left: 0px;}
.fl_02 .small_hover_02 h2{font-size:22px;color:#3fc64c;text-align: center;}
.fl_02 .big_hover_02{width:595px;height:504px;position: absolute;top: 0px;left: 0px;background:rgba(0,0,0,0.7);display:none;}
.fl_02 .big_hover_02 h2{font-size:22px;color:#3fc64c;text-align: center;margin-top:33px;margin-bottom:34px;}

.fl_02 dl{padding-left: 30px;padding-top: 50px;padding-right: 30px;}
dl dd {background: url(../images/cp_icon.png) no-repeat 0 center;padding-left: 20px;text-align: left;}
dl dd a{color:#fff;font-size:14px;line-height:33px;}

.fl_02:hover .big_hover_02{display: block;}
.fl_02:hover .small_hover_02{display:none;}

.advantage{background:url(../images/advantage_bg.jpg) no-repeat center;text-align: center;padding-top: 60px;    margin-top: 70px;}
.advantage>h2{font-size:42px;color:#fff;margin-bottom:20px;}
.advantage>p{font-size:12px;color:#a6a6a6;}
.advantage ul{width: 1272px;margin: 0 auto;margin-top:40px;}
.advantage li{float:left;margin-right: 20px;padding: 206px  20px 75px 12px;}
.advantage li:nth-child(1){background:url(../images/advantage_01.jpg) no-repeat;}
.advantage li:nth-child(2){background:url(../images/advantage_02.jpg) no-repeat;}
.advantage li:nth-child(3){background:url(../images/advantage_03.jpg)  no-repeat;}
.advantage li:nth-child(4){background:url(../images/advantage_04.jpg)  no-repeat;}
.advantage_detail{width: 266px;height: 126px;}
.advantage_detail h2{font-size:16px;text-align:left;font-weight:bold;}
.advantage_detail p{font-size: 13px;color:#717171;text-align:left;}


.about{background:url(../images/about_bg.jpg);padding-top: 60px;padding-bottom: 60px;}

.about_right{width: 650px;padding-top: 15px;}
.about_right h2{font-size: 33px;margin-bottom: 30px;}
.about_right p{font-size:14px;line-height:27px;}
.about_right .about_right_more{display:block;width: 131px;height: 35px;background-color: #1f88e6;color:#fff;margin-top: 64px;border-radius:32px;text-align: center;padding-top: 3px;}

.about_right>p>a:hover{color:#000;}


.contact{background:url(../images/contact_bg_cn.jpg) no-repeat center;padding-bottom: 5px;}
.contact h2{font-size:30px;color:#606060;text-align: center;margin-bottom: 37px;}
.contact a{color:#fff;}
.contact li{border-bottom:1px solid #4ca0eb;padding-bottom: 10px;}
.contact li:nth-child(3){border-bottom:0px solid #4ca0eb;padding-bottom: 10px;}
.contact li p{text-align: left;font-size: 14px;color:#fff;line-height: 36px;}

.footer{background-color: #4c4c4c;padding-top:5px;padding-bottom:5px;}
.footer a{color:#fff;font-size:14px;}
.footer span{color:#fff;font-size:14px;}