@charset "utf-8";
/* CSS Document */
/**全局**/
*{ margin:0px; padding:0px;}
div,form,img,ul,ol,li,dl,dt,dd,map {padding:0;margin:0;border:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0; }
body{margin:0px; padding:0px; font-size:14px; color:#333;font-family:"微软雅黑",Arial, Helvetica, sans-serif,"宋体";background:#fff;}
ul,li{list-style:none;}
.clear{clear:both;}
a{color:#333;text-decoration:none;}
a:hover{color:#F00;text-decoration:none;}
img{border:none;}
hr{line-height:0px; font-size:0px; border:none; height:1px; width:100%; margin:5px 0px;}
div{margin:0px auto;}
.f_l{ float:left;}
.f_r{ float:right;}
input,select{ font-family:arial, Helvetica, sans-serif; padding:1px;}

.blank5{width:100%;height:5px;clear:both;overflow:hidden;background:#1a5ea7;}
.blank10{width:100%;height:10px;clear:both;overflow:hidden;}
.blank20{width:100%;height:20px;clear:both;overflow:hidden;}


.mt10{margin-top:10px;}
.hide{display:none;}
.red{color:#f00;}
.blue{color:#00f;}
.gray{color:#ccc;}
.noInfo{width:100%;float:left;padding:10px 0; text-align:center;}
.input_submit{width:77px;height:41px;float:left;background:url(../images/search.png) no-repeat left top; text-align:center;line-height:41px; color:#fff; border:0px; cursor:pointer;}
.float_bg{background:url(../images/qq_3.gif) repeat-y left top;width:118px;padding:2px 0;float:left;}
.f_list{width:100%;float:left;margin:5px auto;clear:both;}
.f_list span{float:left;width:80px;}
.block{width:1000px;margin:0 auto;}



/*all*/
.main{width:100%;float:left;padding:30px 0;}
#main_top{width:100%;float:left;margin:20px 0 0 0;}
#main_top li{padding: 8px 0;border-bottom: 1px dotted #ccc;line-height: 23px;}
#main_top li strong{margin-right:3px;}
#main_top li a{display:inline-block;padding:0 5px;}
#main_top li a:hover,#main_top li a#lsed{color:#FF7400;}

/*end*/

/**顶部**/
#top{width:100%;height:25px;line-height:25px;background:#e5e5e5;color:#666;}
#top a{color:#666;}
#top a:hover{color:#f00;}
.welcome{float:left;}
.welcome h1{margin:0px;padding:0px;font-size:12px;font-weight:normal;}
.showtime{float:left;margin:0 5px;}
.share{float:left;margin:0 10px;padding:3px 0 0 0;height:20px;line-height:20px;}
.favorite{float:right;line-height:25px;height:25px;}
.favorite ul{margin:0px;padding:0px;list-style-type:none;}
.favorite li{margin:0px;padding:0 0 0 10px;list-style-type:none; display:inline; background:url(../imgs/f_li.png) no-repeat left center;}
.favorite li a{margin:0 3px;}
#header{width:100%;float:left;position:relative; z-index:9999;background:#fff;}
#logo{float:left;}
#logo img{height:60px;}
#header_right{float:right;}
.top_right{float:right;width:100%;height:38px;line-height:38px;font-size:12px;color:#666666;text-align:right;}
.top_right ul{}
.top_right li{ display:inline;}
.top_right li a{color:#666666;padding:0 5px;}
.top_right li a:hover{color:red;}
#tel{float:right;height:72px;line-height:72px;font-size:30px;padding:0 0 0 150px; background:url(../pic/tel.jpg) no-repeat left center;color:#ff8201;}
/*end*/

/*menu*/
#navigate{height:60px;clear:both;}
#navigate ul{padding:0;margin:0;}
#navigate ul li{float:left;position: relative;z-index:1000;margin-left:38px;height:60px;line-height:60px;font-size:14px;}
#navigate ul li.first_menu{ background:none;}
#navigate ul li a{ }
#navigate ul li a:hover { color:#559bce;}
#navigate ul li .current{ color:#559bce;}

#navigate ul li ul {display:none;position:absolute;left:0;top:44px;padding:5px 0;background:#ff8201;z-index:9999;}
#navigate ul li ul li {border:none;float:none; background:none; height:30px; line-height:30px; overflow:hidden;}
#navigate ul li ul li a{height:30px;line-height:30px; font-size:14px; color:#fff;font-weight: normal; background:none;}
#navigate ul li ul li a:hover {background:none;color:#ff0;}

/*end*/

/*mobile menu*/
.mobile_menu{display:none;}
.menu_btn{ display:block; height:28px; width:40px; position:absolute; right:0px; top:10px; z-index:999;}
.menu_btn i{height:2px; width:30px; background:#1660A7; display:block; position:absolute; top:15px; display:inline-block; transition: all 0.3s ease-out;}
.menu_btn i:before{ content:""; display:block; background:#1660A7; width:30px; height:2px;position:absolute; top:-6px;transition:all 0.3s ease-out;}
.menu_btn i:after{ content:""; display:block; background:#1660A7; width:30px; height:2px;position:absolute; top:6px;transition:all 0.3s ease-out;}
.menu_btn i.ccc{background:#666;z-index:999;}
.menu_btn i.ccc:before{background:#666;}
.menu_btn i.ccc:after{background:#666;}

.menu_btn:hover i:before{ top:-10px;}
.menu_btn:hover i:after{ top:10px;}

.menu_btn:hover i.open:before{ top:-6px;}
.menu_btn:hover i.open:after{ top:6px;}

i.open{ background:transparent;}
i.open:before{ background:#666;transform: translateY(6px) rotateZ(45deg);width:20px;
-ms-transform: translateY(6px) rotateZ(45deg); 	/* IE 9 */
-moz-transform: translateY(6px) rotateZ(45deg); 	/* Firefox */
-webkit-transform: translateY(6px) rotateZ(45deg); /* Safari 和 Chrome */
-o-transform: translateY(-6px) rotateZ(45deg); 	/* Opera */}
i.open:after{ background:#666;transform: translateY(-6px) rotateZ(-45deg);width:20px;
-ms-transform: translateY(-6px) rotateZ(-45deg); 	/* IE 9 */
-moz-transform: translateY(-6px) rotateZ(-45deg); 	/* Firefox */
-webkit-transform: translateY(-6px) rotateZ(-45deg); /* Safari 和 Chrome */
-o-transform: translateY(-6px) rotateZ(-45deg); 	/* Opera */}

#menu{ position:absolute;width:160px; background:rgba(255,255,255,0.8);z-index:2;right:0;top:0;transition:all 0.3s ease-out;}
#menu.open_menu{right:0!important; display:block !important; }
#menu ul{padding: 20px 0px 10px 40px;}
#menu  ul li a{font-size:14px;line-height:30px;}




/*search*/
#search{width:100%;float:left; text-align:center;margin:30px 0 0 0;}
#search form{margin:0px auto;padding:0px; width:50%;}
.skw{ display:inline;width:80%;text-indent:30px;float:left; background:#fff url(../images/s_bg.png) no-repeat 5px center;line-height:40px;height:40px;border:3px solid #a2a2a2;color:#666;}
.sub{width:20%;height:40px;line-height:40px; float:left;background:#a2a2a2;border:0px;cursor:pointer;color:#fff; font-size:16px;font-family:"微软雅黑"; border-radius:0 3px 3px 0;}
/*end*/

/*flash*/
#banner{width:100%;float:left;}
#banner img{width:100%; height:auto;}
#flash{width:100%;float:left;}
.flash2{display:none;}
.slideBox{ position:relative; overflow:hidden;background:#000;}
.slideBox .bd{position:relative; z-index:0;margin:0 auto; }
.slideBox .bd li{position:relative; text-align:center;  }
.slideBox .bd li img{width:100%;}	
.slideBox .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:12px;line-height:12px;}
.slideBox .hd ul{text-align:center;}
.slideBox .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:0 5px;overflow:hidden;background:#fff;/*filter:alpha(opacity=80);opacity:0.8;*/line-height:999px; border-radius:50%;}
.slideBox .hd ul .on{background:#45b1ff;}

.slideBox .prev{position:absolute; left:10px; top:50%;margin-top:-37.5px; display:block; width:49px; height:75px; background:url(../images/left.png) no-repeat left top; cursor:pointer;}
.slideBox .next{position:absolute; right:10px; top:50%;margin-top:-37.5px; display:block; width:49px; height:75px; background:url(../images/right.png) no-repeat left top; cursor:pointer;}
.slideBox .prev,.slideBox .next{display:none;}
/*end*/


/*底部*/
#footer1{width:100%;background:url(../pic/footer_bg.jpg) repeat-y top center;padding:30px 0 18px 0;}
#f_left{width:47%;float:left;}
#f_right{width:53%;float:left;}
#f_left .f_left_item{padding-bottom:20px;}
#f_left .f_title{width:100%;font-size:18px;line-height:45px;}
#f_left .f_title a{color:#fff;}
#f_left .f_left_list{}
#f_left .f_left_list ul{width:100%;}
#f_left .f_left_list ul li{width:100%;}
#f_left .f_left_list ul li a{font-size:14px;line-height:30px;color:#ccc;}

.f_right1{padding-bottom:20px;}
.f_right1 .f_title{width:100%;font-size:18px;line-height:45px;}
.f_right1 .f_title a{color:#fff;}
.f_right1_con{width:100%;font-size:14px;line-height:30px;color:#ccc;}

.f_right2{padding-bottom:20px;}
.weixin{float:right;text-align:center;}
.weixin img{height:auto;margin:14px 0;}
.weixin span{font-size:14px;line-height;24px;color:#ccc;display:block;}


#footer2{width:100%;/*background:#152765;*/padding:20px 0;    border-top: 1px solid #D2CDCD;}
.copyright,.copyright a{width:100%;text-align:center;font-size:14px;line-height;30px;color:#666;}
.copyright span{float:right;padding-right:15px;}
.copyright span a{padding:0 5px;}
/*end*/


/*  首页  */

.home_top{width:100%;height:48px;background:url(../pic/home_top.png) center center;text-align:center;}
.home_top h3{width:100%;height:24px;line-height:24px;font-size:24px;font-weight:bold;color:#333333;}
.home_top h4{margin-top:10px;width:100%;height:14px;line-height:14px;font-size:14px;color#a6a6a6;}

/* ---   业务范围   ----  */

.business{width:100%;padding-top:30px;padding-bottom:18px;border-bottom:1px solid #dcdcdc;}
.business_con{padding-top:35px;}
.business_list{width:100%;margin-bottom:20px;border:1px solid #dcdcdc;

}
.business_list .business_img{border:3px solid #fff; border-bottom:none;position:relative;transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.business_list .business_img img{width:100%;height:auto;position:relative;
}
.business_list .business_img span{width:100%;height:8px;background:url(../pic/top_ico.png) no-repeat center center;position:absolute;left:0;bottom:0;}
.business_list .business_box{width:100%;background:#f2f2f2;padding:16px 0 20px 0;text-align:center;transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.business_list .business_box h3.business_title{width:100%;}
.business_list .business_box h3.business_title a{font-size:18px;line-height:38px;color:#1660a7;}
.business_list .business_box span.business_des{font-size:14px;line-height:30px;color:#333;}
.business_list .business_box .business_more{width:100%;margin-top:15px;}
.business_list .business_box .business_more a{display:inline-block;width:110px;height;38px;line-height:38px;font-size:14px;color:#fff;background:#ff8201;border-radius:5px;}

.business_list:hover{border:none;}
.business_list:hover .business_img span{background:url(../pic/top_ico2.png) no-repeat center center;}
.business_list:hover .business_box{background:#ff8201;}
.business_list:hover .business_img{border:3px solid #ff8201;border-bottom:none;}

.business_list:hover .business_box h3.business_title a{color:#fff;font-weight:bold;}
.business_list:hover .business_box span.business_des{color:#fff;}
.business_list:hover .business_box .business_more a{background:#fff;color:#ff8201;}


/* ----  关于我们  --- */

.about{width:100%;padding-top:38px;}
.about_con{width:100%;background:#1660a7;color:#fff;margin:64px 0 0 0;}
.about_box{width:48%;float:left;padding-top:10px;}
.about_box h3{width:100%;height:60px;line-height:60px;overflow:hidden;font-size:24px;font-weight:bold;}
.about_box span{width:100%;line-height:30px;font-size:14px;}
.about_btn{width:100%;margin:20px 0 33px 0;}
.about_btn a{display:inline-block;width:110px;height;38px;line-height:38px;font-size:14px;color:#fff;border:1px solid #fff;border-radius:5px;text-align:center;}
.container{position:relative;}
.about_img_box{width:54%;position:absolute;right:15px;top:-42px;}
.about_img1{position:relative;}
.about_img1 img{width:100%;height:auto;position:absolute;z-index:10;}
.about_img{}
.about_img img{width:90%;height:auto;position:absolute;right:0;top:0;z-index:8;}
.about_img3{display:none;}
.about .about_box > span > h3{text-align: center;}
@media screen and (min-width: 1200px){
	.about_box h4{height:210px;overflow:hidden;}	
}
@media screen and (max-width: 1200px){
   .about_img_box{display:none;}
   .about_box{width:100%;}
   .about_box h3{width:48%;}
   .about_img3{display:block;width:45%;height:auto;margin-top:20px;margin-left:5px;}

}

/* ---  资讯中心 --- */

.news{width:100%;/* padding-top:122px; */padding-top:120px;margin-bottom:20px;}
		/* 本例子css */
		.slideTxtBox2{ width:100%;}
		.slideTxtBox2 .hd{position:relative;margin:40px 0 30px 0;}
		.slideTxtBox2 .hd ul{ width:260px;margin:0 auto;}
		.slideTxtBox2 .hd ul li{display:inline-block;width:130px;height:42px;line-height:42px;font-size:16px;color:#fff;background:#ff8201;cursor:pointer;text-align:center; }
		.slideTxtBox2 .hd ul li.on{background:#304ba6;}
		.slideTxtBox2 .bd ul{ padding:0;  zoom:1;  }
		.slideTxtBox2 .bd li{ height:24px; line-height:24px;   }
		.slideTxtBox2 .bd li .date{ float:right; color:#999;  }

.news_list{border:2px solid #d9d9d9;margin-bottom:20px;}
.news_list a{cusor:pointer;}
.news_img{width:100%;overflow:hidden;}
.news_img img{width:100%;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
}
.news_con{padding:12px 12px 20px 12px;}
.news_title{width:100%;height:30px;line-height:30px;font-size:16px;color:#333;overflow:hidden;}
.news_time{width:100%;height:30px;line-height:30px;font-size:12px;color:#999;}
.news_des{width:100%;line-height:24px;font-size:14px;color:#666;height:96px;overflow:hidden;}
.news_des span{font-size:14px;line-height:24px;color:#ff8201;float:right;}
.news_list:hover .news_img img{
	transform: scale(1.2);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.2);
    -webkit-transform: all 1s ease 0s;
}
.news_list:hover .news_title{color:#ff8201;text-decoration:underline;}
.news_list:hover{border:2px solid #ff8201;}

.news_item_more{float:right;padding-right:15px;}
.news_item_more a{display:inline-block;}


#LeftButton{width:24px;height:42px; display: block; background: url(../images/left.png) no-repeat 0px 0px; position:absolute;left:0px; top:55px;}
#RightButton{width:24px;height:42px;display: block; background: url(../images/right.png) no-repeat 0px 0px;position:absolute;left:736px; top:55px;}
#MarqueeDiv{width:692px; float: left; height:152px;overflow: hidden;margin:0 0 0 34px;display:inline;}
#MarqueeDiv img{margin-right:10px; height:150px; width:150px;}
/*end*/


/*left*/
#left{width:240px;float:left; box-shadow: 0px 0px 5px #ccc;display:none;}
.left_list{width:100%;float:left;}
.left_top{width:100%;height:60px;line-height:60px;float:left;background:#1660A7 url(../images/left_top.png) no-repeat right center;}
.left_top h3{float: left;line-height:60px;font-size:22px;font-family: "微软雅黑";color: #FFF;padding-left: 22px;}
.left_con{padding:0px;line-height:24px;width:100%;background:#fff;float:left;border:1px solid #e5e5e5;border-top:none;}
.type_list{width:100%;float:left;}
.type_list ul{margin:0px;padding:0px;list-style-type:none;}
.type_list li{margin:0px;padding:0px;list-style-type:none;height:43px;line-height:43px;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.type_list li a{color:#333;margin:0 22px;background:url(../images/left_0.png) no-repeat right center;font-size:14px; display:block;}
.type_list li a:hover{color:#45b1ff;background:url(../images/left_1.png) no-repeat right center;}
.type_list li a.current{color:#45b1ff;background:url(../images/left_1.png) no-repeat right center;}
.type_list li.second_cat{}
.type_list li.second_cat a{background:url(../images/left_2.png) no-repeat left center;padding:0 10px;}
.type_list li.second_cat a:hover{background:url(../images/left_4.png) no-repeat left center;}
.type_list li.second_cat a.current{background:url(../images/left_4.png) no-repeat left center;}
/*end*/

/*right*/
#right{/* width:820px; */width:100%;float:right;}
#right_top{float:left;width:100%;height:54px;background:url(../pic/right_top_bg.png) no-repeat left bottom;overflow:hidden;}
#right_top h3{float:left;font-size:24px;line-height:48px; font-family:"微软雅黑";}
#right_top h3 a{color:#333;}
#right_top h4{float:left;font-size:14px;line-height:60px;color:#a6a6a6;margin-left:12px;}
#right_top span{float:right;}
#right_con{width:100%;float:left;padding:30px 0 0 0;line-height:200%;/*overflow-x:hidden;*/min-height:300px;height:auto !important;height:300px;}
#right_con img{max-width:100%;height:auto;}
/*end*/

/*demo*/
#demo {overflow:hidden;width:900px;height:145px;margin:35px 0 0 10px;float:left; display:inline;}
#cdemo {overflow:hidden;width:900px;}
#demo img {}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}
/*end*/

/*link*/
.friendlink{padding-top:12px;}
.friendlink li{float:left;width:242px;}
.friendlink li.txt1{padding:3px 0px 3px 24px;background:url(images/dot.gif) no-repeat 10px center;}
.friendlink li.pic1{padding:3px 0 3px 8px;}
.friendlink li.pic1 img{width:240px;height:65px;}

.link{width:100%;padding:50px 0;float:left;}
.link_txt{width:100%;float:left; text-align:center;margin:20px 0 0 0;}
.link_txt ul{margin:0px;padding:0px;list-style-type:none;}
.link_txt li{margin:0px;padding:0 10px;list-style-type:none; display:inline-block;line-height:25px;}
.link_txt li a{font-size:14px;color:#df011a;}
.link_txt li span{font-size:16px;}

.link_img{width:100%;float:left;text-align:center;margin:20px 0 0 0;}
.link_img ul{margin:0px;padding:0px;list-style-type:none;}
.link_img li{margin:0px;padding:0px;list-style-type:none; display:inline;}
.link_img li img{height:150px;}
/*end*/
	 
/*news*/
.art_list{margin:10px 0;position:relative;}
.art_img{width:100%;overflow:hidden;position:relative;}
.art_img img{width:100%;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
}
.img_cover{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: rgba(0,0,0,0.4);
}
.art_right{width:100%;height:60%;position: absolute;left:0;top:30%;padding:0 15px;overflow:hidden;}
.art_title{width:100%;margin-top:8px;line-height:200%;font-size:16px;}
.art_title a{color:#fff;}
.art_author{width:100%;height:30px;line-height:30px;color:#fff;}
.art_author span{margin:0 10px 0 0;}
.art_des{color:#666;line-height:20px;}
.art_des a{color:#666;}
.art_des a:hover{color:#FF8201;}
.art_des span{margin-left:5px;color:#FF8201;}
.art_list:nth-child(3n+1){clear:both;}
.art_list:hover .art_title a{color:#FF8201;text-decoration:underline;}
.art_list:hover{cursor:pointer;}
.art_list:hover .art_img img{
	transform: scale(1.2);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.2);
    -webkit-transform: all 1s ease 0s;
}

.articleList{width:100%;float:left;}
.articleList ul{margin:0px;padding:0px;list-style-type:none;}
.articleList li{margin:0px;padding:0 0 0 10px;list-style-type:none;border-bottom:1px dotted #ccc;background:url(../images/li_0.png) no-repeat left center;line-height:35px;}
.time{float:right;}
.articleTitle{ font-weight:bold; font-size:18px; text-align:center;}
.articleAuthor{text-align:center; padding:7px 0px;border-bottom:1px dotted #ccc;}
.articleauthor span{ margin:0px 6px; font-size:9pt;}
.articleInfo{width:100%;padding:10px 0; line-height:200%;}
.articleInfo img{max-width:100%;}
.pageUpDown{padding-top:10px;text-align: left;line-height:30px;}


/*end*/

/*Product*/
.productList{}
.pro_list{ text-align:center; margin:10px auto;cursor:pointer;/* padding:0 10px; */margin:10px 4.15%;}
.invest_list{width:20%;}
.pro_img {position:relative;border:1px solid #dcdcdc;}
.pro_img img{ width:100%;}
/*.pro_title{width:100%;height:25px;line-height:25px; overflow:hidden;}*/
.productTitle{width:100%;line-height:35px;font-weight:bold; text-align:center; font-size:18px;float:left; border-bottom:1px dotted #ccc; margin-bottom:15px;}
.productImg{width:20%;overflow: hidden;border:1px solid #dcdcdc;margin:0 auto;}
.productImg img{}
.pro_img{ overflow:hidden;}
.pro_img img{
		
	max-width:100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.productBuy{width:100%;text-align:center;float:left;display:none;}
.productBuy a{margin:0 10px;}
/*.productBuy a{width:120px;height:40px;line-height:40px;background:#45b1ff; display:inline-block; color:#fff; border-radius:5px; font-size:14px;}
.productBuy a:hover{background:#000;}*/
.title{width:100%;float:left;margin:10px 0 0 0;/*border-bottom:1px dotted #ccc;*/line-height:25px;}
.title span{font-size:14px;font-weight:bold;display:none;}
.productDesc{ line-height:200%;padding:20px 0;width:100%;float:left;}

.mark{width:100%;height:100%;background:#fc8c17;position:absolute;left:0;bottom:0;z-index:10;
    opacity: 0;
    filter: alpha(opacity=0);
    _height: expression( (this.parentElement.clientHeight) +'px');
	-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); transform:scale(0);
	-webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; -ms-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;
	
}
.pro_title{position:absolute;left:0;top:0;text-align:center;   margin-top: calc(50% - 30px);
    opacity: 0;
    filter: alpha(opacity=0);
    _height: expression( (this.parentElement.clientHeight) +'px');
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
	z-index:20;
	width:100%;
}
.pro_title h3{font-size:24px;line-height:30px;}
.pro_title h4{font-size:14px;line-height:30px;}
.pro_title p{
	margin-top: 10px;
    display:inline-block;
    width: 41px;
    height: 41px;
    background: url(../pic/icon-detail.gif) no-repeat;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}
.pro_title{color:#fff;}
.pro_title a{color:#fff;}
.pro_list:hover .mark{opacity:0.8; filter:alpha(opacity=80);
	-webkit-transform:scale(1);	-moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);
}
.pro_list:hover .pro_title{opacity:1; filter:alpha(opacity=100);}
.pro_list:hover .pro_title p{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg);}
.pro_list:hover .pro_img img{
	transform: scale(1.2);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.2);
    -webkit-transform: all 1s ease 0s;
}
.scrollable-8col .pro_title{margin-top:20px !important;}
.scrollable-8col .ico-detail{width:20px;height:20px;background-size:contain;}
.scrollable-item{margin-bottom:20px;}


	/* 本例子css -------------------------------------- */
.scrollable{
	overflow:hidden;
	position: relative;
}

.scrollable ul {
    padding: 0;
    _margin-left: -5px !important;
    list-style: none;
    overflow: hidden;
    width: 10000em;
}
.scrollable ul li {
    padding: 0px;
    margin: 0 10px;
    display: block;
    float: left;
    width: 260px;
    text-align: center;
}
.scrollable-4col ul li {
    float:left;
	width: 240px;
	margin:0 15px;
    text-align: center;
}
.scrollable-4col .carousel-direction a {
    top: 124px;
}
.scrollable a.carousel-next {
    right: -50px;
}
.scrollable a.carousel-prev {
    left: -50px;
}
.scrollable .carousel-direction a {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: 0;
    color: #fff;
    font-size: 22px;
    background-color: #FF7400;
    border: 1px solid #FF7400;
    border-radius: 50%;
    font-family: simsun;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
	z-index: 100;
}
.carousel-direction a {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}



/*end*/

/*page*/
.pages{ font-size:12px;text-align:center; padding:10px 0px 10px 0px;}
.pages li{ display:inline-block;}
.pages a{font-size:12px;padding:5px 10px;border:1px solid #ccc;margin:0 5px;}
.pages a:hover{background:#eee;}
.pages li.active a{background:#eee;color:#f00;}
.pages select{ vertical-align:middle; font-size:8pt; padding:0px; }
.pages b{ font-weight:normal;}
#know_page{margin-top:20px;}
#know_page .selected,#know_page a:hover{background:#FF7400;border:1px solid #FF7400;color:#fff;}
/*end*/

/*feedback*/
.f_list{width:100%;float:left;margin:5px auto;clear:both;}
.f_list .fl_l{float:left;width:20%;text-align:right;}
.f_list .fl_r{float:left;width:80%;}
.input_text{width:90%;border:1px solid #ccc; line-height:24px;
-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  }
.w100{width:100px;}
/*end */

/*  内页 关于我们  */
.guan1{width:100%;font-size:36px;line-height:36px;margin-top:20px;font-weight:normal;display:block;}
.guan2{width:100%;font-size:16px;line-height:30px;margin-top:35px;color:#666;display:block;}
.guan3{margin-top:80px;}
.guan3 img{width:100%;height:auto;}
.guan4{width:100%;font-size:36px;line-height:36px;margin-top:45px;font-weight:normal;display:block;}
.guan5{width:100%;font-size:16px;line-height:30px;margin-top:20px;color:#666;display:block;}
.guan6{width:845px;max-width:100%;margin:0 auto;}
.guan6 img{width:165px;display:inline-block; float:left; padding:0px;}
.guan7{margin-top:50px;}
.guan8{width:100%;}
.guan8 a{display:inline-block;width:240px;height:65px;line-height:65px;font-size:24px;background:#ff8201;color:#fff;margin:30px 0 40px 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.guan8 a:hover{background:#062FA1;}

/* video */
.video{position:relative;}
.video_mask{position:absolute;left:0;top:0;width:100%;height:100%;z-index:999999;}
.video_mask div{display:table;width:100%;height:100%;text-align:center;}
.video_mask div div{display:table-cell;vertical-align:middle;}
.video_mask div div img{height: 90px !important;width: 90px !important;cursor: pointer;}


@media screen and (max-width: 1200px){
	#header_right{ background-position:20px top; background-size:75%;}
	

}
@media screen and (max-width: 992px){
	#header_right{ background-position:10px 20px; background-size:75%;}


	
	.help_left{width:100%;border:0px;}
	.help_right{width:100%; margin:20px 0 0 0;}
	.c_right{width:auto; text-align:left; float:left; padding:0 0 0 10px;}
	.cr_title,.cr_subtitle{ text-align:left;}
	#left{width:100%;}
	#right{width:100%;}
	#right_con{ min-height:auto;}
	
		/* ----- */
	#f_left,#f_right{width:100%;}
	
	.scrollable a.carousel-next {
		right: -30px;
	}
	.scrollable a.carousel-prev {
		left: -30px;
	}
}



@media screen and (max-width: 760px){
	#header_right{ background:none;}
	#logo{margin:0px auto;}
	#logo img{height:60px;}

	#navigate{display:none;}
	.language{display:none;}
	.slideBox .prev,.slideBox .next{ display:none;}
	.mobile_menu{display:block;}
	#search form{width:80%}

	/* ----- */

	.guan1,.guan4{font-size:24px;line-height:30px;}
	.guan2{font-size:16px;}
	
	.scrollable a.carousel-next {
		right: -10px;
	}
	.scrollable a.carousel-prev {
		left: -10px;
	}
}

@media (max-width: 1200px){
	.top_right{display:none;}
	#tel{display:none;}
}


@media (max-width: 768px){
.col-sm-6 {
    width: 50%;
	float:left;
}
.video_mask div div img{width:35px !important;height:35px !important;}
}

@media (max-width: 480px){
.col-sm-6 {
    width: 100%;
}
    .flash1{display:none;}
	.flash2{display:block;}
	.slideBox .bd li{height:180px;}
	#f_left{display:none;}
	#f_left .f_left_item {width:100%;}
	.f_right1,.f_right2{width:100%;}
	.weixin{float:left;}

	#header_right {
    position: absolute;
    top: 0;
    right: 0;
	}
	#logo img {height: 50px;}
	.guan6 img{width:100%;float:left;}
	.guan8 a{width:120px;height:40px;line-height:40px;font-size:16px;}
	
	.scrollable a.carousel-next {
		right: 0px;
	}
	.scrollable a.carousel-prev {
		left: 0px;
	}
.SonlineBox{display:none;}	
}

@media (max-width: 380px){
	
}