.index_pro_bg{ width: 70%; margin: auto; background: #FFFFFF; padding: 2% 4%; position: relative;}
.index_pro_01{ width: 100%; font-size: 30px; text-align: center;}
.index_pro_02{ width: 100%; font-size: 18px; font-weight: normal; text-align: center; font-family: Arial; color: #626161; text-transform: uppercase; }
.index_pro_03{ text-align: center; color: #88bed7; font-size: 12px; width: 90%; display: block; z-index: 100000000000000; position: absolute; }
.index_pro_ul{ width:100%; margin: auto; overflow: hidden; padding-top: 6%;}
.index_pro_ul li{ width: 25%; float: left; position: relative; overflow:hidden; padding-left: 1%; padding-right: 1%;}
.index_pro_ul li img{  width:100%; height: 538px;
        -moz-transition:.5s ease-in;
        -webkit-transition:.5s ease-in;
        -o-transition:.5s ease-in;
        -ms-transition:.5s ease-in;
        transition:.5s ease-in;}
.index_pro_ul li:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.index_pro_ul li div{ position: absolute; margin-top:-70px; text-align: center; width: 100%; margin-left: -1%;}
.index_pro_ul li div h2{ width: 100%; font-size: 20px; padding-bottom: 7px;}

/*news*/

.index_news{ width: 100%; margin: auto; padding-top: 30px;}
.index_news_ul{ width:30%; float: left; line-height: 30px;}
.index_news_ul li{ width: 100%; border-bottom: #eae8e8 solid 1px; padding-bottom: 20px; padding-top: 20px;}
.index_news_r{ width: 65%; float: right;}

.news_nav{ width: 65%; margin: auto; /*padding-bottom: 30px;*/ text-align: center;height: 70px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;}
.news_nav a{ padding: 10px; line-height: 30px; margin-left: 10px; margin-right: 10px; margin-top: 10px; display:inline-table;}
.news_nav a:hover,.nav_hover{ 

   background:#fff;

   color:#333;

   filter:progid:DXImageTransform.Microsoft.Shadow(color=#57585a,direction=120,strength=4);

   -moz-box-shadow: 2px 2px 10px #57585a;

   -webkit-box-shadow: 2px 2px 10px #57585a;

   box-shadow:2px 2px 10px #57585a;}

.pro{ width: 65%; margin: auto; padding-top: 40px;}
.pro li{ width: 25%; float: left; padding-bottom: 20px; text-align: center;}
.pro li h2{ font-size: 16px; text-align: center; padding-bottom: 10px; padding-top: 20px;}
.pro li h3{ border: #cacaca solid 1px; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; margin: auto; text-align: center; font-family:"宋体"; }
.pro li:hover h3{border: #22a36e solid 1px;}
.pro li img{  width:90%; 
        -moz-transition:.5s ease-in;
        -webkit-transition:.5s ease-in;
        -o-transition:.5s ease-in;
        -ms-transition:.5s ease-in;
        transition:.5s ease-in;}
.pro li:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.news_01{ width: 65%; margin: auto; clear: both; padding-top: 30px;}
.news_02{ float: left; width:60px;}
.news_03{ float: left; text-align: center; width: calc( 100% - 120px);}
.news_04{ float:right; width: 60px;}
.pro_banner{ width: 100%; margin: auto; padding-top: 110px;}
.pro_01{ width:65%; margin: auto;}
.pro_left_01{border: #e2e2e2 solid 1px; padding:15px; line-height: 30px;}
.pro_left_01 img{ float: left; margin-right: 40px; width: 40%;}
.pro_left_02{ width: 100%; background: #f1f1f1;}
.pro_left_02 span{ background: #f0443b; padding: 10px 30px; font-size: 16px; color: #FFFFFF; display:inline-table;}
.pro_left_03{ width: 100%; line-height: 30px; padding-top: 30px; padding-bottom: 30px;}
.pro_left_03 table tr td{ height: 45px;}
.pro_left_04{ width: 100%; line-height: 30px; }
.news_ul{ width: 65%; margin: auto; }
.news_ul li{ width: 100%; float: left; border-bottom: #81b680 dashed 1px; height: 60px; line-height: 60px;}
.news_ul li h2{ font-size: 16px; font-weight: normal; float: left;}
.news_ul li span{ float: right;}
.cas_h1{ width: 65%; margin: auto; font-size: 20px; line-height: 30px; text-align: center; font-weight: normal; padding-bottom: 15px;}
.cas_02{ width: 65%; margin: auto; line-height: 30px; padding-top: 30px; padding-bottom: 20px; border-bottom: #e1dfdf solid 1px;}
.cas_03{ background: #f1f1f1; margin: auto; line-height: 40px; text-align: center; width: 65%; font-weight: normal;}
.cas_04{ width: 65%; line-height: 30px; margin: auto;}

.play { width: 400px; height: 533px; margin: 20px auto 0; background-color: #000000; font: 12px Arial; }

.big_pic { width: 400px; height: 400px; overflow: hidden;background: #222; position: relative; }

.big_pic li { width: 400px; height: 400px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; }

.mark_left { width: 200px; height: 400px; position:absolute; left: 0; top: 0;  filter: alpha(opacity:10); opacity: 0.1; z-index:3000; }

.mark_right { width: 200px; height: 400px; position: absolute; left: 200px; top: 0;  filter: alpha(opacity:10); opacity: 0.1; z-index: 3000; }

.big_pic .prev { width: 60px; height: 60px; background:url(../images/btn.png) no-repeat; position: absolute; top: 130px; left: 10px; z-index: 3001; filter:alpha(opacity:0); opacity:0; cursor:pointer; }

.big_pic .next { width: 60px; height:60px; background:url(../images/btn2.png) no-repeat 0;
 	
 position: absolute; top: 130px; right: 10px; z-index: 3001; filter:alpha(opacity:0); opacity:0; cursor: pointer: }

.big_pic .text { position:absolute; left: 10px; top:302px; z-index:3000; color: #ccc; }
.big_pic .length { position:absolute; right: 10px; bottom: 4px; z-index:3000; color:#ccc; }
.big_pic .bg { width:400px; height: 25px; background: #000; filter:alpha(opacity=60); opacity: 0.6; position: absolute; z-index:2999; bottom: 0; left:0; }
.small_pic {width:380px; height:120px; position:relative; top:7px; left:10px; overflow: hidden; }
.small_pic ul { height:120px; position:absolute; top: 0; left: 0; }
.small_pic li { width: 120px; height: 120px; float: left; 
padding-right: 10px; background: url(../images/loading.gif) no-repeat center center; cursor: pointer; filter: alpha(opacity:30); opacity:0.3; }
.small_pic img { width: 120px; height:120px; }
.contact{ width: 65%; margin: auto; padding-bottom: 30px; font-size: 16px; line-height: 30px;}
.contact_l{ width: 48%; float: left; }
.contact_l h2{ font-weight:800; font-size: 16px; padding-bottom: 10px;}
.contact_r{ width: 48%; float:right;}
.contact_r h2{ font-weight:800; font-size: 16px; padding-bottom: 10px;  }
.contact_01{ width: 100%; border:#dedede solid 1px; height: 35px; line-height: 35px; outline: none; padding: 0 10px;}
.contact_02{ width: 100%; border:#dedede solid 1px; height: 100px; line-height: 20px; outline: none; padding: 10px;}
.contact_03{ background: #6d3504; width: 100px; height: 35px; line-height: 35px; color: #FFFFFF; outline: none; border: 0px;}
.contact_04{ width: 30%;}
.contact_05{ width: 70%;}
.tab{ width:100%;}

.tab .box {
    width: 100%;
    position: relative;
    margin: 0 auto;
    height:450px;
	overflow: hidden;
	padding-top: 30px;
}
.tab .box .menus {
    width: 45%;
    float: left;
    overflow: hidden;
}
.tab .box .menus li {
    width:100%;
    font-size:14px;
	border-bottom:#DCD6D7 solid 1px;
	padding-top: 15px;
	padding-bottom: 25px;
	margin-bottom: 10px;
	line-height: 25px;
	cursor: pointer;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.tab .box .menus li h2{ font-size: 16px;}
.tab .box .menus li img {
    width: 30px;
    margin-left: 10px;
	vertical-align: middle;}
.tab .box .menus li:nth-child(7) {
    border-bottom: none;
}

.tab .right {
    float: left;
    width: 50%;
    overflow: hidden;
    margin-left: 5%;
    
}
.tab .tab_right {
    width:100%;
    color: #5a5959;
	height: 470px;
    position:relative;
}

.tab .scroll {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}