/* 全局样式 */
*{margin:0;padding:0;list-style-type:none;}
body{font: normal 100% "Microsoft YaHei";overflow-x:hidden; min-height:1008px;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,tbody,thead,tfoot,tr,td,th,input {margin: 0; padding: 0; font-family:"Microsoft YaHei";}
h1,h2,h3,h4,h5,h6,em,h6,b,p{font-weight: normal; font-style: normal;}
img{vertical-align:bottom; border:none;}
ul,li{list-style:none outside none;}
li,p,a{vertical-align:bottom;}
.clear{ clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size:1px; }
.clearFix { zoom:1; }
.clearFix:after { content:'.'; display:block; height:0; clear:both; visibility:hidden;}
body{font-size: 14px;font-family::"Microsoft YaHei";margin: 0 auto;}
a {color:#000;text-decoration:none;}
a:hover, a:active {color:#0E65BC;}
.lf{ float:left;}
.rg{ float:right;}
.box{ width:1200px; margin:0 auto;}
.boxs{ width:100%; margin:0 auto;}
.bg_1{ background:#444444;}
.bg_2{ background: url(../images/index/top_bg.gif) no-repeat left center; }
.bg_3{ background: url(../images/type_bg.png) no-repeat right center;}
.bg_4{ background: #F8F8F8;}
.bg_5{ background: #333333;}
.bg_6{ background:#FFFFFF;}
.bg_7{ background: url(../images/index/top_c_bg.gif) repeat-x left bottom; }
.h_30{height:30px; line-height:30px;}
.h_50{height:50px; line-height:50px;}
.h_90{height:90px;}
.h_120{height:120px;}
.h_350{height:350px;}
.mtb_20{ margin-top:20px; margin-bottom:20px;}

/*pic*/
.imghove img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} 
.imghove:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.imghover_big { overflow: hidden; display: block; }
.imghover_big img { width: 100%; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; overflow: hidden; }
.imghover_big:hover img { transform: scale(1.1); webkit-transform: scale(1.1); }

/*top*/
.hy{float:left;color:#FFF;}
.top_nav {float:right;color:#FF0;}
.top_nav span{font-size:20px; font-weight:bold;}
/*head*/
.logo{width:420px; text-align:left;height:48px; line-height:48px;padding:21px 0; background: url(../images/logo_bg.gif) no-repeat right center; overflow: hidden;}
/*menu*/
.menu {width:700px;height:70px; line-height:70px;margin-top:16px;}
#nav_all li { width:100px;height:70px; float:left; position:relative; z-index: 999;}
#nav_all li a { width:100px; height:70px; line-height:70px;color:#000; font-size:16px; display:block; text-align:center; text-decoration: none;}
#nav_all li:hover a.yiji {color:#0E65BC;}
#nav_all li a:hover {color:#0E65BC;border-bottom: #008FD7 2px solid;display:block;}
.liactive {color:#0E65BC !important;border-bottom: #008FD7 2px solid !important;display:block !important;}
#nav_all li ul { width:100px;display:none; position:absolute; left:0px; top:70px; z-index: 999; background:#008FD7; }
#nav_all ul li { width:100px; height:25px; line-height:25px; clear:both; display:block;text-align:center;z-index:999;}
#nav_all ul li a { width:100px; height:25px; line-height:25px; font-size:12px; color: #FFF; display:block; padding:0;text-align: center;font-weight: normal; white-space:nowrap;}
#nav_all ul li a:hover { width:100px; color:#FFF; margin:0; padding:0; background:#069;border-bottom: none;}


/*Banner*/
.flexslider{position:relative;height:460px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;margin-top:1px;}
.slides{position:relative;z-index:1;}
.slides li{height:460px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:left;left:360px;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

/*index types*/
.i_type{width:100%;height:120px;margin:0 auto; background: url(../images/type_bg.png) no-repeat right center;z-index: 999; position:relative;margin-top:-50px;}
.i_type .pic{width:400px;height:120px; background: url(../images/type_tel_bg.png) no-repeat left center;}
.i_type .title{width:700px;height:120px; background: url(../images/type_t_bg.png) no-repeat left center;}

.i_type .title .titlech1{width:150px;height:85px; line-height: 25px; padding-left:70px; padding-top:35px; font-size: 25px; color: #FFF; text-align: left;}
.i_type .title .titlech2{width:100px;height:85px; line-height: 25px; padding-left:95px; padding-top:35px; font-size: 25px; color: #FFF; text-align: left;}
.i_type .title .titlech1 a,.i_type .title .titlech2 a{color: #FFF;}
.i_type .title .titlech1 a:hover,.i_type .title .titlech2 a:hover{color: #FF0;}
.i_type .title .titlech1 p,.i_type .title .titlech2 p{font-size: 15px;}

/*index product*/
.i_pro{width:100%;margin-top:30px;}
.ico1{background:url(../images/index/index_r7_c3.jpg) no-repeat 15px center;}
.i_pro .title{ width:250px; height:60px; line-height:60px; background:#288DD3;overflow:hidden;}
.i_pro .title h2{ color: #FFF; font-size: 25px; line-height: 60px;font-weight: bold; text-align: left; padding-left:45px;}
.i_pro .title h2 span{font-size: 15px; color: #94C6E9; padding-left:10px;}
.i_pro .pic{ width:45px; height:60px;}
.i_pro .center{ width:805px; height:60px;}
.i_pro .more{ width:100px; height:60px; line-height: 60px; text-align: center; background:#3A3A3A;}
.i_pro .more a{color: #FFF;}
.i_pro .more a:hover{color: #FF0;}
.i_pro ul{overflow:hidden;margin-top:10px;margin-right:-37px;}
.i_pro ul li{ width:270px; height:300px; float:left; border: #f2f2f2 1px solid;margin-top:20px;margin-right:37px;overflow:hidden;}
.i_pro ul li .img{ width:260px; height:180px;margin:5px;}
.i_pro ul li .txt { width:260px; height:30px; line-height:30px; text-align: center; color: #288DD3; font-size: 18px; font-weight: bold;}
.i_pro ul li:hover .txt{color: #F00;}
.i_pro ul li:hover{border: #288DD3 1px solid;}
.i_pro ul li .yd{ width:250px; height:50px; line-height:50px; margin:10px; text-align: center; color: #FFF; font-size: 16px; font-weight: bold; background:#666666;-moz-border-radius:6px;border-radius:6px;/*border-radius必须放在最后声明，否则可能会失效*/ color: #FFF; font-size: 18px; font-weight: bold;}
.i_pro ul li:hover .yd{ background:#288DD3;color: #FFF;}


/*index news*/
.i_news{width:100%;margin:50px 0;}
.i_news .title_en{width:100%; height:40px; line-height:40px; text-align: center; font-size: 20px; font-weight: bold;color: #9BC3DD; text-transform: uppercase; }
.i_news .title_ch{width:100%; height:40px; line-height:40px; text-align: center; font-size: 25px; font-weight: bold;color: #288DD3; }
.i_news ul{overflow:hidden;margin-top:10px;}
.i_news ul li{ width:100%; height:150px; float:left;margin-top:20px; background:#F8F8F8 url(../images/news_bg.png) no-repeat 1020px center;overflow:hidden;}
.i_news ul li .img{ width:180px; height:130px;margin:10px;}
.i_news ul li .txt { width:760px; height:35px; line-height:35px; text-align: left; margin-top:20px; margin-left:20px; color: #333; font-size: 18px; font-weight: bold;}
.i_news ul li:hover .txt{color: #288DD3;}
.i_news ul li .info { width:760px; height:60px; line-height:30px; color: #666; font-size: 14px; text-align: left; margin-top:10px; margin-left:20px;}
.i_news ul li ._date{ width:60px; border:1px solid #ccc; margin-right:40px; margin-top:-20px;}
.i_news ul li ._date span{ display:block; text-align:center; font-size:12px;}
.i_news ul li ._date ._d1{ line-height:45px; background:#999; color:#fff; font-size:26px; font-weight:bold;}
.i_news ul li ._date ._d2{ color:#ccc; line-height:25px;}
.i_news ul li:hover{ background:#F0F0F0 url(../images/news_bg_a.png) no-repeat 1020px center;}
.i_news ul li a:hover ._date{ border-color:#288DD3;}
.i_news ul li a:hover ._date ._d1{ background:#288DD3; color:#FFF;}
.i_news ul li a:hover ._date ._d2{ color:#572b22; }
.i_news .more{width:100%; height:38px; line-height:38px;margin:30px 0; background: url(../images/index/index_r10_c10.jpg) repeat-x left center;}
.i_news .more .c{width: 160px; height:38px; line-height:38px;margin:0 auto; background:#FFF; text-align: center;}
.i_news .more .c a{ padding:10px 20px; color: #333; font-size: 16px; background:#F8F8F8;-moz-border-radius:4px;border-radius:4px;}
.i_news .more .c a:hover{ color: #FFF; background:#288DD3;}

/*index contact*/
.i_contact{width:100%;}
.i_contact ._l{width:550px; height:240px;margin-top:80px;}
.i_contact ._l .title_en{width:550px; height:40px; line-height:40px; text-align: left; font-size: 30px; font-weight: bold;color: #9BC3DD; text-transform: uppercase; }
.i_contact ._l .title_ch{width:550px; height:40px; line-height:40px; text-align: left; font-size: 25px; font-weight: bold;color: #288DD3; }
.i_contact ._l .ewm{width:105px; height:105px;margin-top:30px;}
.i_contact ._l .tel{width:215px; height:65px;margin-top:30px;margin-left:20px;}
.i_contact ._l .add{width:400px; height:30px; line-height:30px;margin-top:5px;margin-left:20px;}
.i_contact ._r{width:550px; height:240px;margin-top:80px; text-align: right;}


/*food*/
.foot{color:#FFF; height:50px; line-height:50px;}
.foot .lf a{ color:#FFF; margin-left:5px;}
.foot .rg a{ color:#FFF; margin-right:5px;}

/*Top*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
#tbox{width:54px; float:right; position:fixed; right:50px; bottom:15px;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:15px;
}/*解决IE6下不兼容 position:fixed 的问题*/
#gotop{ width:54px; height:56px; background:url(../images/icon.png) no-repeat; display:block;}


/*二级页面*/

/*Class Banner*/
.cbanner{ width:100%; height:380px; margin-top:1px; overflow:hidden;}
.cbanner h2{width:100%; height:380px; line-height:380px; text-align: center; font-size: 35px; font-weight: bold;color: #FFF;}

/*class menu*/
.c_nav .title{ width:250px; height:60px; line-height:60px; background:#288DD3;overflow:hidden;}
.c_nav .title h2{ color: #FFF; font-size: 25px; line-height: 60px;font-weight: bold; text-align: left; padding-left:45px;}
.c_nav .title h2 span{font-size: 15px; color: #94C6E9; padding-left:10px;}
.c_nav .pic{ width:45px; height:60px;}
.c_nav .center{ width:auto; height:60px;}

.c_nav .center li{float:left;line-height:20px;padding:0 20px;margin:20px auto;border-left:1px solid #ddd;position:relative;}
.c_nav .center li a{color:#FFF;}
.c_nav .center li a:hover{color:#FF0;}
.c_nav .center li:first-child{border:none;}
.c_nav .center li.cur a{font-weight:bold;color:#FF0;}


.c_nav .more{ width: auto; height:60px; line-height: 60px; padding:0 10px; text-align: center; background:#3A3A3A;color: #FFF;}
.c_nav .more a{color: #FFF;}
.c_nav .more a:hover{color: #FF0;}

/*content*/
.txts{line-height:30px;padding:20px;min-height:300px;}
.txts p{word-break:break-all;line-height:35px; margin-top:5px; font-size:16px;text-indent:2em;color:#000;}
.txts img{margin:0 auto;display: block;max-width:980px;}

/*paper*/
.page_ul {overflow: hidden; margin:35px 0;clear:both; }
.page_ul.r{margin-top:35px; margin-right:35px;}
.page_ul .page{font-size: 12px;text-align: center;}
.page_ul .page a {display:inline-block;}
.page_prev {background:url(../images/page/fy_l.jpg) no-repeat center;width:33px;height:33px;}
.page_next {background:url(../images/page/fy_r.jpg) no-repeat center;width:33px;height:33px;}
.page_prev:hover{background:url(../images/page/fy_lh.jpg) no-repeat center}
.page_next:hover{background:url(../images/page/fy_rh.jpg) no-repeat center}
.page_prev,.page_next{display: inline;width:33px;height:33px;vertical-align: top;cursor: pointer;-webkit-transition: all 0.5s ease-in-out;;}
.page_ul .page .shu_1{color: #8a8a8a; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:33px; 
vertical-align:middle; text-align:center;width:33px; height:33px;-webkit-transition: all 0.5s ease-in-out; margin:0px 3px;}
.page_ul .page .shu_1.hover{color:#0E65BC; background:url(../images/page/fy.jpg) no-repeat center;}
.page_ul .page .shu_1:hover{color:#0E65BC; background:url(../images/page/fy.jpg) no-repeat center;}


/*class product list*/
.c_pro ul{overflow:hidden;margin-top:10px;margin-right:-37px;}
.c_pro ul li{ width:270px; height:300px; float:left; border: #f2f2f2 1px solid;margin-top:20px;margin-right:37px;overflow:hidden;}
.c_pro ul li .img{ width:260px; height:180px;margin:5px;}
.c_pro ul li .txt { width:260px; height:30px; line-height:30px; text-align: center; color: #288DD3; font-size: 18px; font-weight: bold;}
.c_pro ul li:hover .txt{color: #F00;}
.c_pro ul li:hover{border: #288DD3 1px solid;}
.c_pro ul li .yd{ width:250px; height:50px; line-height:50px; margin:10px; text-align: center; color: #FFF; font-size: 16px; font-weight: bold; background:#666666;-moz-border-radius:6px;border-radius:6px;/*border-radius必须放在最后声明，否则可能会失效*/ color: #FFF; font-size: 18px; font-weight: bold;}
.c_pro ul li:hover .yd{ background:#288DD3;color: #FFF;}

/*class product view*/
.cpro_view{ margin:30px 0;}
.cpro_view .lf{ width:600px; height:415px; border:1px solid #e6e6e6;padding:5px;}
.cpro_view .rg{ width:550px;position:relative;}
.cpro_view .rg .div1{ color:#4c4c4c; font-size:18px; padding-bottom:5px;}
.cpro_view .rg .div1 span{ color:#FF0000;font-weight:bold; }
.cpro_view .rg .div2{ color:#4c4c4c; line-height:30px; font-size:14px;text-indent:2em;}
.cpro_view .rg .div3{float: right; padding-bottom:5px;}
.cpro_view .rg .div4{ color:#FF0000; font-size:18px; padding-bottom:5px;}


.cpro_box{width:998px;margin-bottom:10px;border:1px solid #dcdcdc;height:45px;line-height:45px;}
.module-title{posiion: relative;}
.module-title span{float: right;padding-right:10px;}
.module-title h3{font-size:18px;font-weight:bold;color:#4c4c4c;height:45px;line-height:45px;padding:0px 9px;border-top:2px solid #0E65BC;margin-top:-1px;margin-bottom:5px;}

/*class news list*/
.c_news{width:100%;margin:30px 0;}
.c_news ul{overflow:hidden;margin-top:10px;}
.c_news ul li{ width:100%; height:150px; float:left;margin-top:20px; background:#F8F8F8 url(../images/news_bg.png) no-repeat 1020px center;overflow:hidden;}
.c_news ul li .img{ width:180px; height:130px;margin:10px;}
.c_news ul li .txt { width:63%; height:35px; line-height:35px; text-align: left; margin-top:20px; margin-left:20px; color: #333; font-size: 18px; font-weight: bold;}
.c_news ul li:hover .txt{color: #288DD3;}
.c_news ul li .info { width:63%; height:60px; line-height:30px; color: #666; font-size: 14px; text-align: left; margin-top:10px; margin-left:20px;}
.c_news ul li .infos { width:81%; height:60px; line-height:30px; color: #666; font-size: 14px; text-align: left; margin-top:10px; margin-left:20px;}
.c_news ul li ._date{ width:60px; border:1px solid #ccc; margin-right:40px; margin-top:-20px;}
.c_news ul li ._date span{ display:block; text-align:center; font-size:12px;}
.c_news ul li ._date ._d1{ line-height:45px; background:#999; color:#fff; font-size:26px; font-weight:bold;}
.c_news ul li ._date ._d2{ color:#ccc; line-height:25px;}
.c_news ul li:hover{ background:#F0F0F0 url(../images/news_bg_a.png) no-repeat 1020px center;}
.c_news ul li a:hover ._date{ border-color:#288DD3;}
.c_news ul li a:hover ._date ._d1{ background:#288DD3; color:#FFF;}
.c_news ul li a:hover ._date ._d2{ color:#572b22; }

/*class news view*/
.news_info{ position: relative; margin-top: 30px; line-height: 30px;border-top: 1px dashed #ccc;padding-bottom:25px;}
.news_info_title{ text-align: center; margin: 10px 0; border-bottom: 1px solid #ecf1f2;}
.news_info_title h1{ font-size: 22px; font-weight: bold; line-height: 80px;color:#F00;}
.news_info_title span{ color: #999; line-height: 30px;}
.news_infos{ position: relative; line-height: 30px;border-top: 1px dashed #ccc;}
.news_infos .back{ position: absolute; right: 0; bottom: 5px;}
.news_infos .back a{ display: block; font-size: 14px;}
.news_infos .back a:hover{ color: #229bd9;}
.news_infos .bd{padding-top: 10px;}

.news_bottom{overflow:hidden; padding:20px 0px; border-top:1px solid #ecf1f2;}
.news_bottom a{display:block; float:left; height:27px; line-height:27px; vertical-align:middle; background:url(../images/class/s_bj.jpg) no-repeat center left; padding-left:35px;-webkit-transition: all 0.5s ease-in-out;}
.news_bottom a.r{float:right; padding-right:35px; padding-left:0px; background:url(../images/class/x_bj.jpg) no-repeat center right;}
.news_bottom a:hover{background:url(../images/class/sh_bj.jpg) no-repeat center left; color:#00a8f6}
.news_bottom a.r:hover{background:url(../images/class/xh_bj.jpg) no-repeat center right; color:#00a8f6}