﻿
img,a,div,em,i,li,h3,span{
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}





/*i_menu*/
.ipro_list{width: 100%;clear: both;background: #fff;position: relative;padding: 30px 0;overflow: hidden;}
.ipro_list ul li{float: left;width:150px;text-align: center;color: #666;}
.ipro_list ul li a{display: block;width: 100%;height: 100%;cursor: pointer;}
.ipro_list ul li img{display: block;margin: 10px auto;}
.ipro_list ul li span{display: block;width: 100%;color: #666;}
.ipro_list ul li:hover span{color: #0a6955;}
.i_menu{width: 100%;clear: both;background: #fff;position: relative;padding: 50px 0;overflow: hidden;}
.i_menu .menu_bg{width: 100%;background-repeat: no-repeat;background-position: center;background-image: url(../inaboutcssjs/menu_bg.jpg);background-attachment: fixed; background-repeat: no-repeat; position: absolute;left: 0;top: 0;height: 660px;background-color: #fff;}
.i_menu .menu_list{width: 100%;clear: both;overflow:hidden ;}
.i_menu .menu_list a{display: block;float: left;cursor: pointer;position: relative;background: #fff;}
.i_menu .menu_list a:hover img{transform: scale(1.03,1.03);}
.i_menu .menu_list a.menu_left{width: 495px;height: 500px;text-align: center;overflow: hidden;position: relative;}
.menu_list a.menu_left:hover .left_bg{opacity: 1;}
.menu_list a.menu_left .left_bg{background:rgba(14,81,61,.9);text-align: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;}
.menu_list a.menu_left .left_bg i{display: block;width: 463px;height: 468px;border: 1px solid #fff;margin: 15px;position: absolute;left: 0;top: 0;}
.menu_list a.menu_left .left_bg h2{color: #fff;text-transform:uppercase;font-size: 24px;color: #fff;padding-top: 120px;}
.menu_list a.menu_left .left_bg h3{color: #fff;font-size: 14px;color: #fff;}
.menu_list a.menu_left .left_bg em{display: block;margin: 0 auto;width:18px;height:2px;background: #fff;}
.menu_list a.menu_left .left_bg p{font-size: 14px;color: #fff;line-height: 90px;text-align: center;padding: 0;}
.menu_list a.menu_left .left_bg span{display: block;border: 1px solid #fff;text-align: center;width: 154px;height: 40px;color:#fff;text-transform:uppercase;font-size: 14px;line-height: 40px;margin: 0 auto;padding: 0;border-radius: 5px;}
.i_menu .menu_list a.menu_mid{width: 290px;height: 500px;background: #f5f5f5;}
.i_menu .menu_list .menu_right{display: block;float: left;width: 415px; }
.i_menu .menu_list .menu_right a{width: 415px;height: 250px;overflow: hidden; background: #f5f5f5;}
.right_top i{display: block;width: 64px;height: 64px;background: url(../inaboutcssjs/i_icon.png);position: absolute;left: 50%;top: 50%;margin: -32px 0 0 -32px;background-size: 100%;z-index: 1;}
.i_menu .menu_list .menu_right .right_bot{background-image: url(../inaboutcssjs/right_bg.jpg);background-repeat: no-repeat;}
.menu_mid div{width: 290px;height: 250px;overflow: hidden;}
.i_menu .menu_list span{padding:70px 0 0 50px;display: block;}
.i_menu .menu_list h2{line-height: 1;text-transform: uppercase;font-weight:normal;color: #0a6955;font-size: 24px;}
.i_menu .menu_list h3{font-weight: normal;line-height: 40px;color: #0a6955;font-size: 14px;font-family: "Arial";text-transform: uppercase;}
.i_menu .menu_list span i{display: block;width: 18px;height: 2px;background: #0a6955;}
.i_menu .menu_list p{line-height: 1;color: #666;padding-top: 35px; font-size: 14px;}


/*次级菜单*/
.sub_menu{position: absolute;height: 0;overflow: hidden;background: rgba(255,255,255,.9);text-align: center;box-shadow:rgba(0,0,0,.1) 0px 3px 3px}
.sub_pro{width: 500px;left: 50%;margin-left: -250px;}
.sub_brand{width: 660px;left: 50%;margin-left: -330px;}
.sub_skill{width: 340px;left: 50%;margin-left: -170px;}
.sub_menu .sub_box{margin: 20px;}
.sub_menu .sub_list{float: left;margin-left: 20px;display: block;line-height: 1;display: block;}
.sub_menu .sub_list:nth-of-type(3n-2){margin-left: 0;}
.sub_brand .sub_list:nth-of-type(4){margin-left: 20px;}
.sub_menu .pro_img{width: 140px;height: 80px;overflow: hidden;}
.sub_menu span{display: block;text-align: center;width: 100%;line-height: 30px;color: #666;}
.sub_menu a:hover img{transform:scale(1.05,1.05);}
.sub_menu a:hover span{color: #0a6955;}
.header .nav li:hover .sub_pro,.header .nav li:hover .sub_skill,.header .nav li:hover .sub_brand{height: 138px;}
.sidebar{opacity: 0;}
.bot_menu{position: fixed;right: 0;bottom: 110px;z-index: 99;width: 160px;font-family:Arial,Helvetica,sans-serif;box-shadow: 0 4px 10px rgba(0, 0, 0, .1);}
.bot_menu .menu_top{line-height: 54px;background: #0e523d;color:#fff;padding:0 20px 0 20px;height: 54px;overflow: hidden;}
.bot_menu .menu_top span{display: block;float: left;line-height: 54px;}
.bot_menu .menu_top img{display: block;float: right;margin-top: 20px;cursor: pointer;}
.bot_menu .menu_top img:hover{transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);;}
.bot_menu .menu_mid{line-height: 45px;background: #f5f5f5;color:#333;padding:15px 0 0 20px;height: 155px;overflow: hidden;}
.bot_menu .menu_mid span{display: block;float: left;line-height: 45px;font-size: 14px;}
.bot_menu .menu_mid img{display: block;float: left;padding: 5px 0;}
.bot_menu .menu_bot{background: #fff;padding:0 0 0 20px;height: 70px;}
.bot_menu .menu_bot h3{font-size: 14px;color: #666;font-weight:normal;line-height: 25px;padding-top: 12px;}
.bot_menu .menu_bot h2{color: #0a6955;font-size: 19px;line-height: 1;}
.bot_list img{display: block;position: fixed;z-index: 1;cursor: pointer;}
.bot_list .bot_go_msg{right: -50px;bottom: 111px;}
.bot_list .bot_go_top{right: 0;bottom: 70px;}