/* 首页模板样式 */

body{min-width: 1200px;}
.box{width: 1200px;margin: 0 auto;}

.banner{width:100%; height:auto; margin:0 auto; position:relative; margin:0 auto; }
.banner .banner_bn{ height:559px; width: 100%;  overflow:hidden; margin: 0 auto; position: relative; }
.banner .banner_for { height:559px; overflow: hidden; position: relative; }
.banner .banner_for li { height:559px; overflow: hidden; position: absolute; width: 100%; }
.banner .banner_for li a { display: block; height:559px; position: absolute; width: 100%; z-index:2 }
.banner .banner_for .btn { position: absolute; width: 100%; height: 30px; bottom: 10px; text-align: center; z-index: 9 }
.banner .banner_for .btn span { display: inline-block; _display: inline; _zoom: 1; width: 43px; height: 7px; _font-size: 0; margin: 5px 10px; cursor: pointer; background:#999; z-index: 9;}
.banner .banner_for .btn span.on {z-index: 9;background: #018a96;}
.banner .banner_for .preNext { width: 44px; height: 44px; position: absolute; top: 49%;cursor: pointer; z-index: 9; opacity: 0; transition: all 0.3s linear 0s; }
.banner .banner_for .pre { left: 0; z-index: 9 ;background: url("sprite.png") no-repeat left -52px; }
.banner .banner_for .next { right: 0;z-index: 9 ;background: url("sprite.png") no-repeat right -52px; }
.banner .banner_for:hover .preNext { opacity: 0.5; }
.banner .banner_for:hover .pre { left: 10%; }
.banner .banner_for:hover .next { right: 10%; }
.banner .focus .pre:hover, .focus .next:hover { opacity: 1; }

.meal{padding-top: 60px;}
.meal h2{font-size: 40px;color: #333;text-align: center;font-weight: 500; background: url("icon_01.png") no-repeat center;}
.meal h5{font-size: 14px;color: #666;text-align: center;font-weight: 500;padding:15px 0 42px;}
.meal .meal_pic{}
.meal .meal_pic ul{}
.meal .meal_pic ul li{width: 350px;height:438px;border: 1px solid #fff;transition:all .3s,z-index 0s .12s;position: relative;background-color: #f0f0f0;overflow: hidden;}
.meal .meal_pic ul li h3{font-size: 24px;color: #fff;font-weight: 500;text-align: center;background-color: #555;padding: 40px 0;}
.meal .meal_pic ul li h6{font-size: 24px;color: #333;font-weight: 500;padding: 66px 0 10px 26px;}
.meal .meal_pic ul li p{font-size: 14px;color: #333;padding: 0 0 0 26px;line-height: 30px;padding-right: 10px;}
.meal .meal_pic ul li .meal_core{position: absolute;top: 0;left: 0;display: none;transition:all .3s,z-index 0s .12s;width: 100%;padding-bottom: 14px;background-color: #fff;}
.meal .meal_pic ul li .meal_core h3{background-color: #018a96;}
.meal .meal_pic ul li .meal_core p{font-size: 16px;color: #000;line-height: 25px;font-weight: 600;position: absolute;top: 255px;margin-right: 15px;}
.meal .meal_pic ul li.active{width: 500px;box-shadow: 1px 6px 15px #ccc;z-index: 9;}
.meal .meal_pic ul li.active .meal_core{display: block;}

/*产品样式 首页产品列表用*/

.subCont{padding-top: 60px;}
.subCont h3{font-size: 30px;color: #ed6e1b;text-align: center;border-bottom: 1px solid #d9d9d9;margin-bottom: 30px;padding-bottom: 40px;}
.subCont h3 span{color: #35939e;margin-right: 10px;}
.subCont .subCont_bot{position: relative;height: 320px;overflow: hidden;}
.subCont5 {line-height: 26px;zoom: 1;width: 1200px;position: relative;}
.productlist5 li {font-size: 10px;width: 190px;height: 220px;float: left;margin-left: 5px;margin-right: 5px;margin-bottom: 1px;text-align: center;background: url("prod3.gif") no-repeat center;}
.productlist5 li p.preview {display: block;width: 190px;height: 157px;float: left;padding-bottom: 5px; }
.productlist5 li p.desc {padding: 0 0px;line-height: 15px;color: #999; }
.productlist5 li a.img {width: 188px;height: 154px;padding: 1px;display: table-cell;vertical-align: middle;text-align: center;overflow: hidden; }
.productlist5 li a.img:hover {border: 1px solid #8ad834; }
.productlist5 li a.img img {vertical-align: middle; }
.productlist5 li a.type {color: #008c31;font-weight: bold; }

.serve{padding-top: 68px;}
.serve h2{font-size: 40px;color: #333;text-align: center;font-weight: 500; background: url("icon_01.png") no-repeat center;}
.serve h5{font-size: 14px;color: #666;text-align: center;font-weight: 500;padding:15px 0 42px;}
.serve .serve_pic{}
.serve .serve_pic .serve_lf{width: 250px;}
.serve .serve_pic .serve_lf .serve_fx{display: inline-block;background-color: #555555;width: 120px;height: 149px;text-align: center;border-radius: 5px;}
.serve .serve_pic .serve_lf .serve_fx img{width: 48px;height: 48px;margin-top: 25px;}
.serve .serve_pic .serve_lf .serve_fx p{font-size: 24px;color: #fff;padding-top: 20px;}
.serve .serve_pic .serve_lf .serve_fx p a{color: #fff;}
.serve .serve_pic .serve_lf .serve_fx:hover,.serve .serve_pic .serve_lf .serve_px:hover{background-color: #018a96;}
.serve .serve_pic .serve_lf .serve_px{display: inline-block;background-color: #555555;width: 250px;height: 101px;text-align: center;border-radius: 5px;margin-top: 10px;}
.serve .serve_pic .serve_lf .serve_px img{width: 48px;height: 38px;margin-top: 30px;display: inline-block;}
.serve .serve_pic .serve_lf .serve_px p{font-size: 24px;color: #fff;padding-top: 35px;display: inline-block;}
.serve .serve_pic .serve_lf .serve_px p a{color: #fff;}
.serve .serve_pic .serve_md{padding: 0 40px;width: 565px;}
.serve .serve_pic .serve_md li{line-height: 29px;}
.serve .serve_pic .serve_md li a{font-weight: 500;font-size: 16px;}
.serve .serve_pic .serve_rg img{width: 383px;height: 260px;}

.join{padding: 60px 0 35px;background: url("join_01.jpg") no-repeat center;}
.join h2{font-size: 40px;color: #333;text-align: center;font-weight: 500; background: url("icon_01.png") no-repeat center;}
.join h5{font-size: 14px;color: #666;text-align: center;font-weight: 500;padding:15px 0 42px;}
.join .join_wrap{background-color: #fff;width: 385px;margin-right: 13px;border-radius: 5px;transition: all .2s;padding-top: 10px;}
.join .join_wrap:hover{box-shadow: 0 4px 20px rgba(0,0,0,.3);border-radius: 5px;transform: scale(1.05);-webkit-transform: scale(1.05);}
.join .join_lf{width: 385px;height:440px;padding: 0 15px 12px;border-radius: 5px;margin-right: 13px;overflow: hidden;}
.join h3{font-weight: 500;width: 355px;height: 100px;text-align: center;line-height: 100px;margin: 0 auto 10px;border-radius: 5px;transition: all .2s;}
.join .join_wrap h3{background-color: #018a96;color: #fff;font-size: 24px;}
.join .join_lf ul{}
.join .join_lf ul li{line-height: 30px;}
.join .join_lf ul li a{display:block;font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.join .join_lf ul li:hover a{color: #018a96;}
.join .join_lf ul li img.join_ad{width: 100%;height: 110px;}
.join .join_wrop{background-color: #fff;width: 385px;border-radius: 5px;transition: all .2s;padding-top: 10px;}
.join .join_wrop:hover{box-shadow: 0 4px 20px rgba(0,0,0,.3);border-radius: 5px;transform: scale(1.05);-webkit-transform: scale(1.05);}
.join .join_wrop:hover h2{background-color: #018a96;color: #fff;}

.tone{padding-top: 30px;}
.tone h3{font-size: 30px;color: #ed6e1b;text-align: center;border-bottom: 1px solid #d9d9d9;margin-bottom: 30px;padding-bottom: 40px;}
.tone h3 span{color: #35939e;margin-right: 10px;}
.news {height: 370px;margin: 0 auto;}
.news .right {width: 600px;height: 370px;float: right;}
.news .right .newslist {width: 600px;height: 100px;margin-bottom: 20px;}
.news .right .newslist .left {float: left;width: 150px;height: 80px;padding-top: 20px;margin-left: 20px;}
.news .right .newslist .rt {float: left;width: 430px;height: 90px;padding-top: 10px;}
.news .right .newslist .rt .t {width: 430px;line-height: 46px;display: block;overflow: hidden;padding: 0 15px;}
.news .right .newslist .rt .t a {color: #007a34;font-size: 15px;font-weight: bold;}
.news .right .newslist .rt .t span {color: #CCC;font-size: 15px;float: right;font-weight: bold;}
.news .right .newslist .rt .t a:hover {color: #333;}
.news .right .newslist .rt .des {width: 440px;font-size: 15px;padding: 4px 15px;line-height: 28px;color: #525252;}

.case{padding: 10px 0 0;}
.case h4{font-size: 40px;color: #333;text-align: center;font-weight: 500; background: url("icon_11.png") no-repeat center;}
.case h5{font-size: 14px;color: #666;text-align: center;font-weight: 500;padding:15px 0 32px;}
.case ul{}
.case ul li{margin: 20px 0 0 20px;position: relative;overflow: hidden;background:#000;transition: all 0.4s ease-out;}
.case ul li:first-child{margin-left: 0;}
.case ul li:nth-child(1){width: 580px;height: 509px;}
.case ul li:nth-child(2){width: 598px;height: 292px;}
.case ul li:nth-child(3){width: 289px;height: 198px;}
.case ul li:nth-child(4){width: 289px;height: 198px;}
.case ul li:nth-child(1) img{width: 580px;height: 509px;position: absolute; top: 0; left: 0;}
.case ul li:nth-child(2) img{width: 598px;height: 292px;position: absolute; top: 0; left: 0;}
.case ul li:nth-child(3) img{width: 289px;height: 198px;position: absolute; top: 0; left: 0;}
.case ul li:nth-child(4) img{width: 289px;height: 198px;position: absolute; top: 0; left: 0;}
.case .case_al{display: block;width: 201px;height: 60px;margin:40px auto 0;border-radius: 5px;border: 2px solid #018a96;text-align: center;line-height: 60px;font-size: 16px;color: #018a96;}
.case li h3 {transform: translateX(200px);text-align: center;width: 80%;margin: 10% auto 0;font-size: 18px;color: #fff;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case li p {transform: translateX(-200px); transition-delay: 0.2s; width: 80%;margin: 4% auto 0;font-size: 14px;color: #fff;}
.case .case_text { opacity: 0; transition: all 0.6s ease-in-out; }
.case li:hover .case_text { transform: translateX(0); opacity: 1; }
.case li:hover img { opacity: 0.4; }

.brand{padding: 60px 0 0;}
.brand h4{font-size: 40px;color: #333;text-align: center;font-weight: 500; }
.brand h5{text-align: center;font-weight: 500;padding:15px 0 32px;}
.brand h5 a{font-size: 14px;color: #666;}
.brand .brand_pic{}
.brand .brand_pic .brand_vd{width: 560px;height: 360px;}
.brand .brand_pic .brand_txt{width: 620px;}
.brand .brand_pic .brand_txt .brand_ttl{border-radius: 5px;}
.brand .brand_pic .brand_txt p{width:100%;background-color: #c6c6c6;font-size: 14px;color: #333;line-height: 24px;padding: 37px 40px 25px 25px;margin-bottom: 15px;transition: all .2s;}

.friend{}
.friend ol{}
.friend ol li{font-size: 18px;color: #333;font-weight: 600;padding: 0 15px;}
.friend ol li.act{color: #018a96;border-bottom: 2px solid #018a96;padding-bottom: 10px;}
.friend ul{}
.friend ul li{font-size: 16px;color: #333;display: none;}
.friend ul li.on{display: block;}
.friend ul li a{display:inline-block;font-size: 14px;color: #666;padding: 0 15px;line-height: 30px;}

.ad{z-index:100;background: rgba(85,85,85,0.8);border-radius: 10px;padding: 10px 12px 20px 38px;position: fixed;margin: 0 auto;left:0; right:0; bottom:0;width: 960px;height: 120px;}
.ad h6{font-size: 24px;color: #fff;font-weight: 500;}
.ad h6 a{display:inline-block;font-size: 24px;color: #fff;border-left: 4px solid #fff;padding-left: 10px;margin-left: 10px;}
.ad h6 a.close{display:inline-block;font-size: 24px;color: #fff;border-left: 0;padding-left: 0;margin-left: 0;}
.ad form{margin-top: 10px;}
.ad form .form_pic{}
.ad form .form_pic input{height: 50px;border-radius: 5px;margin-right: 20px;padding: 15px;font-size: 14px;color: #000;}
.ad form .form_pic .form_left input{width: 220px;}
.ad form .form_pic .form_right input{width: 330px;}
.ad form .form_pic button{width: 150px;height: 50px;font-size: 14px;color: #fff;background-color: #018a96;border-radius: 5px;}
.ad form .form_pic a{display:inline-block;width: 150px;height: 50px;font-size: 14px;color: #fff;background-color: #ec6d12;border-radius: 5px;line-height: 50px;text-align: center;}


/**
 * 公共样式/全局样式
 * @author emmou(2017-07-21) --version 1.0.0
 * @copyright Jolly W&E Co.ltd. All Rights Reserved.
 * @ IE8 hack: overflow:hidden\0;
 */

@charset "gb2312";

/* @group Reset CSS */
html,head,body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,blockquote,pre,hr,figure,table,caption,table,th,tr,td,form,fieldset,legend,input,textarea,button,menu,span,a,img,object,video,audio,select{margin:0; padding:0; border:none; box-sizing:border-box; }
table{border-collapse:collapse; border-spacing:0;}
input, textarea, select, option{outline:none;}
img{vertical-align:top;}
ol, ul, li{list-style-type:none;}

/* @group General Definitions */
html{}
body{font-family:"Microsoft Yahei", Arial, sans-serif;}
a{color:#333; text-decoration:none; outline:none;}
a:link, a:visited, a:hover, a:active{color:#333; text-decoration:none; outline:none;}
.clearfix{*zoom:1; overflow:hidden\0;} /* 针对IE7 hack，触发IE7的haslayout，以清除浮动 */
.clearfix::before, .clearfix::after{display:table; content:"."; margin:0; padding:0; width:0; height:0; overflow:hidden; font-size:0; text-indent:-9999em; line-height:0; visibility:hidden;}
.clearfix::after{clear:both;}

/* @group Class Style */
.fl{float:left;}
.fr{float:right;}
.display_none{display:none;}


/* 公共模板样式 */

.boxshadow{
    -webkit-transition:all .2s ease 0s;
    -moz-transition:all .2s ease 0s;
    -ms-transition:all .2s ease 0s;
    -o-transition:all .2s ease 0s;
    transition:all .2s ease 0s;
}
.boxshadow:hover{box-shadow:0 5px 10px 3px #ccc;
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px);
}

.header{border-bottom: 1px solid #cfcfcf;}
.header p{font-size: 12px;color: #999;line-height: 35px;}
.header p a{font-size: 12px;color: #999;padding-left: 10px;padding-right: 10px;}
.header_nav{}
.header_nav .header_lf{width: 1080px;}
.header_nav .header_lf .header_tp{padding: 15px 0;}
.header_nav .header_lf .header_tp img{width: 480px;height: 65px;}
.header_nav .header_lf .header_tp .header_pic{padding-right: 54px;padding-top: 10px;}
.header_nav .header_lf .header_tp .header_pic .header_ph{padding-left: 10px;}
.header_nav .header_lf .header_tp .header_pic img{width: 56px;height: 47px;}
.header_nav .header_lf .header_tp .header_pic p{font-size: 18px;color: #000;}
.header_nav .header_lf .header_tp .header_pic span{font-size: 24px;color: #018a96;font-weight: 600;}
.header_nav .header_lf .header_bt{padding: 10px 0;}
.header_nav .header_lf .header_bt ul{}
.header_nav .header_lf .header_bt ul li{padding: 0 20px;text-align: center;line-height: 40px;margin: 0 5px;}
.header_nav .header_lf .header_bt ul li:first-child{background-color: #018a96;border-radius: 40px;}
.header_nav .header_lf .header_bt ul li:first-child a{color: #fff;}
.header_nav .header_lf .header_bt ul li:hover{background-color: #018a96;border-radius: 40px;}
.header_nav .header_lf .header_bt ul li:hover a{color: #fff;}
.header_nav .header_lf .header_bt ul li a{font-size: 16px;color: #333;}
.header_nav .header_rg{}
.header_nav .header_rg img{width: 119px;height: 119px;margin-top: 15px;}
.footer{margin-top:40px;background-color: #018a96;}
.footer ul{padding:35px 0 40px;}
.footer ul li{display: inline-block;margin-right: 30px;}
.footer ul li a{font-size: 16px;color: #fff;}
.footer .footer_pic{padding-bottom: 60px;}
.footer .footer_pic .footer_lf{}
.footer .footer_pic .footer_lf img{width: 140px;height: 140px;}
.footer .footer_pic .footer_rg{padding-left: 20px;}
.footer .footer_pic .footer_rg h6{font-size: 36px;color: #fff;font-weight: 500;}
.footer .footer_pic .footer_rg h6 img{width: 43px;height: 43px}
.footer .footer_pic .footer_rg p{font-size: 16px;color: #fff;line-height: 30px;}