@charset "utf-8";
.pro_banner{position:relative;}
.pro_banner_text_out{position:absolute; left:0; top:0; width:100%; height:100%;}
.pro_banner_text{height:100%; position:relative;}
.pro_banner_text_box{padding:10px 15px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BFD8AB03', endColorstr='#BFD8AB03');background:rgba(216,171,3,0.75);}
:root .pro_banner_text_box{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00D8AB03', endColorstr='#00D8AB03');}/*for IE9*/
:root .pro_banner_text_box{filter:none;}/*for IE9*/
.pro_banner_text_cn{font-size:22px; color:#fff;}
.pro_banner_text_en{font-size:18px; color:#fff;}


/*pro main*/
.pro_main_out{padding:30px 0 50px;}
.pro_main_tit{text-align:center; font-size:24px; color:#222;}
.pro_main_tit_heng{margin:8px auto 0; width:50px; height:2px; background:#f6ca22;}

.pro_main{margin-top:30px;}
.pro_main_left{float:left;}
.pro_main_left_tit,.pro_main_left_list{width:300px; height:70px; background:#f6ca22; line-height:70px; text-align:center; font-size:22px; margin-bottom:20px;}
.pro_main_left_list{font-size:15px; background:#f7f7f7; border-bottom:1px solid #e5e5e5; margin-bottom:0; text-align:left; padding-left:25px;}
.pro_main_left_list.active{background:#636363; color:#fff;}


.pro_main_right{float:right; width:830px;}
.pro_main_right_top{padding:17px 0; height:70px; margin-bottom:20px;}
.pro_main_right_sear{float:right; height:36px; border:1px solid #dcdcdc; width:284px; position:relative;}
.pro_main_right_sear .sear_placeholder{position:absolute; left:0; top:0; width:248px; color:#888; font-size:13px; height:36px; text-indent:10px; line-height:36px;}
.pro_main_right_sear input{width:248px; height:34px; font-size:13px; line-height:34px; text-indent:10px; float:left; border:none;}
.pro_main_right_sear button{width:34px; height:34px; background:url(../img/pro/pro_sear.png) no-repeat center; float:left; border:none;}

.pro_main_con_out{width:830px; overflow:hidden;}
.pro_main_con{width:912px;}
.pro_main_con_list{width:242px; float:left; margin:0 52px 25px 0;}
.pro_main_con_list img{border:1px solid #e5e5e5;}
.pro_main_con_list_text{height:32px; line-height:32px; text-align:center; font-size:13px; color:#636363;}

.page{text-align:center;}
.page span{padding:5px 10px; font-size:12px; border:1px solid #ccc; margin:0 4px; background:#ccc; color:#fff;}
.page a{font-size:12px; padding:5px 10px; border:1px solid #ccc;}
.page a.active{color:#fff; background:#ccc;}



/*pro_in*/
.pro_in{background:#fafafa; padding:23px; width:830px; float:right;}
.pro_in_top{width:784px; height:274px; margin-bottom:72px;}
.pro_in_top_left{float:left; width:324px;}
.pro_in_top_right{float:right; width:440px; height:274px;}
.pro_in_top_type{color:#414141; font:bold 20px/60px arial;}
.pro_in_top_text{color:#666; font:14px/20px arial;}
.pro_in_top_more{display:block; color:#666; font:14px/20px arial; margin-top:15px;}
.pro_in_top_more:hover{color:#f6ca22;}
.pro_in_main_art strong{color:#414141;}
.pro_in_main_art p{margin-bottom:8px; font-size:14px; color:#333;}
.pro_in_main_head{position:relative; width:100%; height:40px; margin-bottom:30px;}
.pro_in_main_head_bg{background:#f6c921; transform:skewX(-15deg); width:100%; height:40px; position:absolute; left:0; top:0; height:40px; width:100%;}
.pro_in_main_head_text{position:relative; z-index:2;text-align:center; color:#414141; font:bold 18px/40px arial; width:100%; height:40px;}

.pro_in_main_img{width:784px; margin-top:30px; padding:0 30px;}
.pro_in_main_img img{width:200px; height:auto; margin-right:62px; float:left;}
.pro_in_main_img img:nth-child(3n){margin-right:0;}