﻿@charset "utf-8";

/**
*   Made by bysky
*   版本：1.0.0
*   2018.4.26
**/

html{color:#000;background:#FFF;font-family:'Microsoft Yahei'; font-size:12px;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
img{ vertical-align:top;}
.cl{ clear:both; font-size:0;}
*{padding:0;margin:0;text-decoration:none;list-style:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
a{ color:#000; font-size:12px; text-decoration:none;}
a:hover{ color:#FBAB00; text-decoration:none;}

/* IE5.xIE6бbug */ 
* html body{overflow: visible;} 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;} 


input,textarea{font-family:'Microsoft Yahei';}

/* li */ 
ul,li{list-style-type:none;} 

/* img */ 
img{border:0 none; vertical-align:middle;} 

/* h* */ 



/* float */ 
.fl { display: inline; float: left; }
.fr { float: right; }



/* dis_no */ 
.none{display:none;} 
.block {display:block;} 


/*********闭合盒子处理**********/
.clearfix:after {content:"24dq"; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}.clearfix {display:block;}
/* End hide from IE-mac */


/*********清除浮动处理**********/
.clearboth { clear:both; }
.cl{ clear:both;}

.bord{}

/*index.html==========================*/
body{width:100%; background:url(../images/wg_01.jpg) top left repeat-x #FFF;}
.header, .index, .foot, .top_news, .banner_img, .pages{ margin:0 auto; width:1200px;}

.header{ width:1200px; height:auto;}

/*header*/

.top{ width:1200px; height:92px; background:url(../images/wg_03.jpg);}
.logo_right{width:150px; text-align:center; float:right; line-height:15px; color:#FFF}/*设为首页 加入收藏*/
.logo_right a{ color:#FFF}
.logo_right a:hover{ color:#000}
.menu_bot{  width:1200px; height:11px; clear:both;}
/*导航开始*/
.menubg{  width:1100px; height:54px; margin:0 auto;}
.menu { width:1100px; height:54px; position:relative; margin:0 auto; z-index:99;  }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:135px; height:54px; text-align:center; color:#fff;   line-height:54px;  overflow:hidden;  font-size:15px;}

.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;line-height:54px; padding:0px;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff;background:#ff8d23; display:block; width:135px; height:54px;}/********导航背景变色 ******/
.menu ul li:hover ul {display:block; position:absolute;  left:0; width:135px;}
.menu ul li:hover ul li {}
.jg{ width:3px !important; background:url(../images/tu.jpg) no-repeat; height:54px; padding:0px !important;}
.menu ul li:hover ul li a {display:block; background:#ff8d23; color:#fff;line-height:30px; height:30px;border-top:#FFF 1px solid; font-size:12px; font-weight:normal; }/******子栏目 背景*********/
.menu ul li:hover ul li a:hover { color:#000;line-height:30px; }/******子栏目 背景变色*********/
.menu img{ display:block;}
#bt{background:url(../images/dh.jpg) no-repeat; width:125px; height:54px;}


.banner{ width:100%; height:600px; padding-top:0px; margin:0 auto;z-index:1;}

.fullwidthbanner-container{width:100% !important;position:relative;padding:0;max-height:600px !important;overflow:hidden;}
.fullwidthbanner-container .fullwidthabnner	{width:100% !important;max-height:840px !important;position:relative;}
.tp-bullets.simplebullets.round .bullet:hover,.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,.tp-bullets.simplebullets.navbar .bullet.selected {background:#c7000b !important; }
.tp-leftarrow:hover,.tp-rightarrow:hover {background-color:rgba(0, 0, 0, 0.38) !important; }
/** BULLETS **/
.tp-bullets {z-index: 1001;position: absolute;bottom: 0px;}
.tp-bullets.simplebullets.round .bullet { cursor: pointer;position: relative;background:#fff;width:14px;height:14px;margin:0px 5px 23px; float: left; 
	-webkit-transition: background 0.1s linear; -moz-transition: color, background 0.1s linear; -o-transition: color, background 0.1s linear;transition: color, background 0.1s linear;border-radius: 20px;}
.fullwidthbanner-container .large{top:44% !important;z-index:100;cursor: pointer;position: relative;-webkit-transition: background 0.1s linear; -moz-transition: color, background 0.1s linear; -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);width:62px;height:86px;}
.tp-leftarrow.large {background: rgba(0, 0, 0, 0.3) url(../images/slider-left-arrow.png) no-Repeat center;	margin-left:15px;-webkit-transition: background 0.1s linear;-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;transition: color, background 0.1s linear;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);}
.tp-rightarrow.large { background: rgba(0, 0, 0, 0.3) url(../images/slider-right-arrow.png) no-Repeat center; margin-left:-15px; }
.tp-bullets.tp-thumbs {z-index: 100;position: absolute;padding:3px; background-color: #fff; width: 500px; height: 50px; margin-top: -50px;}
.fullwidthbanner-container .tp-thumbs { padding: 3px;}
.tp-bullets.tp-thumbs .tp-mask { width: 500px; height: 50px;overflow: hidden; position: relative;}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width: 5000px; position: absolute;}
.tp-bullets.tp-thumbs .bullet { width: 100px;height: 50px;cursor: pointer; overflow: hidden;background: none; margin: 0; float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5;
    -khtml-opacity: 0.5;  opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  -ms-transition: all 0.2s ease-out;}
.tp-bullets.tp-thumbs .bullet:hover,.tp-bullets.tp-thumbs .bullet.selected {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";   -moz-opacity: 1;
    -khtml-opacity: 1;  opacity: 1;}
.tp-thumbs img { width: 100%;}
.tp-bannertimer {width: 100%; height: 10px; position: absolute; z-index: 200; z-index: 5000;}
.tp-bannertimer.tp-bottom { bottom: 0px !important; height: 5px;}
.tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none;  -webkit-user-select: none; -o-user-select: none;max-width:none;}
.tp-simpleresponsive a {  text-decoration: none;}
.tp-simpleresponsive ul {  list-style: none; padding: 0;margin: 0;}
.tp-simpleresponsive >ul >li {   list-stye: none;position: absolute;visibility: hidden;}
.caption.slidelink a div,.tp-caption.slidelink a div { width: 10000px; height: 10000px;}
.tp-loader { background: url(../images/loader.gif) no-repeat 10px 10px; background-color: #fff; margin: -22px -22px;  top: 50%;left: 50%; z-index: 10000;position: absolute;width: 44px; height: 44px; 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.gonggao{  width:1009px;  height:67px;background:url(../images/dk_08.png) no-repeat;position:absolute; top:507px; z-index:1000;left: 50%;margin-left: -490px;}
.gg{ width:500px; height:67px; line-height:67px; float:left; margin-left:200px; color:#FFF;}
.gg p{ width:500px; height:67px; line-height:67px;color:#FFF;}

.shous{ float:left; width:300px; height:67px;}
.sxk {width:300px;height:66px;background:url(../images/index_12.jpg) no-repeat;float:left;margin:15px 0 0 35px; text-align:left;;}
.sxk .text {float:left;border:none;width:200px;height:36px;line-height:36px;color:#333;padding-left:2px;background:none;outline:none;}
.sxk .submit {width:45px;height:36px;border:none;background:none;cursor:pointer;}


.index{ width:100%; padding:60px 0;}

.w_one{ width:100%; overflow:hidden;height:auto; margin-top:65px; background:#f8f8f8;}

.w_two{ width:100%; overflow:hidden;height:auto; background:#c50e03;}

.index_one{ width:1200px; overflow:hidden;height:auto; padding-top:0px; }

.index_left{ width:240px; float:left; height:auto;}

.index_right{ width:749px; float:right; height:auto;}


.more a{ font-size:14px;  color:#FFF;}
.more a:hover{ color:#F00;} 

.index_pro{height:auto; width:1200px; margin:0 auto; padding-bottom:55px; padding-top:65px;}
.index_pro h3{width:1200px; height:57px;background:url(../images/wg_21.jpg) }
.index_pro .slideprobox{ width:1200px; height: 600px;overflow: hidden; margin-top:30px;}
.index_pro .slideprobox .hd{ height:42px; text-align:center; width:1200px; }
.index_pro .slideprobox .hd ul{  height:42px; text-align:center;}
.index_pro .slideprobox .hd ul li{  margin:0 15px; border:2px solid #c50e03;height:42px; line-height:38px;border-radius:50px; cursor:pointer;font-size: 14px;font-weight: bold; width:135px;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;display:inline-block;}
.index_pro .slideprobox .hd ul li a{color: #c50e03;font-size: 16px;}
.index_pro .slideprobox .hd ul li.on a{color: #FFF; background:#c50e03;border-radius:50px; display:block;}
.index_pro .slideprobox .bd .pro_block{width: 100%;height: auto;overflow: hidden;margin-top:25px;}
.index_pro .slideprobox .bd .pro_block .pro_r {width:1200px;height: auto; }
.index_pro .slideprobox .bd .pro_block .pro_r li .img{ width:275px; height:200px; overflow:hidden;}
.index_pro .slideprobox .bd .pro_block .pro_r li .img:hover img{opacity:0.8;-webkit-transform: scale(1.1, 1.1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 400ms;
-moz-transform: scale(1.1, 1.1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 400ms;transform: scale(1.1, 1.1);transition-timing-function: ease-out;transition-duration:400ms;}
.index_pro .slideprobox .bd .pro_block .pro_r li .img img {width:100%;display: block;opacity: 1;-webkit-transition-timing-function: ease-out;-webkit-transition-duration:400ms;-moz-transition-timing-function:ease-out; max-height:200px;
-moz-transition-duration: 400ms;transition-timing-function:ease-out;transition-duration: 400ms;}
.index_pro .slideprobox .bd .pro_block .pro_r li {overflow:hidden;width:275px;height:250px; float:left;text-align: center;margin:10px 7px;}
.index_pro .slideprobox .bd .pro_block .pro_r li a p{width: 100%;height:50px;line-height: 50px; background:#f0f0f0;}
.index_pro .slideprobox .bd .pro_block .pro_r li a{color:#000; font-size:15px;}
.index_pro .slideprobox .bd .pro_block .pro_r li a:hover p{ background:#ad0000; color:#FFF;}

.index_about{ width:1200px; height:auto; margin:0 auto; }
.index_about h3{width:1200px; height:57px;background:url(../images/wg_11.jpg) }
.aboutbody{ width:1200px; height:363px;overflow:hidden; margin-top:40px;}
.aboutbody .le{ width:507px; height:363px;overflow:hidden; float:left;position:relative; }
.aboutbody .le .vbj{ width:475px; height:335px;overflow:hidden; position:absolute;left:0px; top:0px; background:#ff7c07; }
.aboutbody .le .video{ width:473px; height:332px;overflow:hidden; position:absolute;right:0px; bottom:0px; }
.aboutbody .righ{ width:645px; height:363px;overflow:hidden; float:right;}
.aboutbody .righ .text{ line-height:28px;  overflow:hidden;  width:645px; height:323px;}
.aboutbody .righ .text img{ float:left; margin:0px 5px;}
.aboutbody .righ .mores{ width:120px; height:40px; background:#ff7c07; text-align:center; float:left;border-radius:10px;}
.aboutbody .righ .mores a{ color: #FFF; line-height:40px; font-size:14px;}


.index_al{ width:1200px; height:auto; padding-top:70px; padding-bottom:50px; margin:0 auto; }
.index_al h3{width:1200px; height:57px; background:url(../images/wg_30.jpg);position:relative;}
.index_al h3 span{ float:right; font-size:14px; position:absolute;right:5px;top:6px; }
.albody { width:1200px; height:430px;overflow:hidden; margin-top:40px; }

.index_news{ width:1200px; height:auto; margin:0 auto; padding-top:65px;}
.index_news h3{width:1200px; height:56px; background:url(../images/wg_37.jpg);position:relative;}
.index_news h3 span{ float:right; font-size:14px; position:absolute;right:5px;top:8px; }
.newsbody { width:1200px; height:390px;overflow:hidden; margin-top:50px;}
.newsleft { width:550px; height:385px;overflow:hidden; float:left;}
.newtu{ width:550px; height:385px; float:left;position:relative;}
.newtu img{  width:550px; height:385px;position:absolute;left:0px;top:0px; }
.newtu p{ width:550px; height:45px;position:absolute;left:0px;bottom:0px; font-size:14px; color:#FFF;background: rgba(197, 14, 3, 0.8); line-height:45px; text-align:center;}
.newsright { width:620px; height:385px;overflow:hidden; float:right;}
/*图片新闻*/
.newspic{ width:620px; height:80px; margin-bottom:20px; margin-top:0px;}
.newspic a{ width:620px; height:80px;   display:block; color:#000;   }
.newspic a:hover{wwidth:620px; height:80px; display:block;  color:#c50e03; }
.newspic a:hover .newspic_left{ background:#c50e03; color:#FFF;}
.newspic a .newspic_left { width:80px; height:80px; float:left;border:2px solid #c50e03; color:#c50e03; }
.newspic_left .dat{ font-size:20px; width:80px; line-height:40px; text-align:center;font-weight:bold; }
.newspic_left .dat b{ font-size:18px; width:80px;height:40px; font-weight:bold;  line-height:40px;text-align:center;border-bottom:1px solid #c50e03 }
.newspic_right{ width:510px; height:80px;overflow:hidden; float:right; }
.newspic_right h4{ width:510px; height:30px; font-size:15px; line-height:30px; font-weight:bold; }
.newspic_right span{ width:510px; height:50px; line-height:25px;font-size:14px;color:#666 }




/*首页产品展示2：两排*/
.sypic2{ width:750px; height:auto; overflow:hidden}
.sypic2_top{ height:48px;background:url(../images/pictop2.jpg) left center no-repeat;}
.sypic2_bot{ width:750px; height:312px; overflow:hidden}



.index_contact{ width:275px;height:auto; overflow:hidden; float:left;}
.index_contact h3{width:275px; height:20px;font-size:14px;color:#e61404; }
.contactbody{ width:275px; height:175px;overflow:hidden;}
.contactbody .text{ line-height:28px; padding:10px 0px;color:#969696; overflow:hidden; }

.footer{  height:268px; width:100%;background:#232426;}
.foot{  height:200px; width:1200px; padding-top:45px;}
.foot_menu{  height:200px; width:870px; float:left;}

.foot ul{ margin-top:0px; width:435px;}

.foot ul li{ float:left; margin-top:0px; }
.foot ul li h2{color:#e61404; font-size:14px;}
.foot ul .chanpin{ width:145px; margin-right:0px;}
.foot ul .chanpin h2{ margin-bottom:30px;}
.foot ul .chanpin p a{ display:block; height:25px; color:#969696; font-size:12px; widows:135px; line-height:25px;}
.foot ul .chanpin p a:hover{ color:#fff}


.foot .erwm{ width:130px; float:left; }
.foot .erwm h2{ text-align:center; margin-bottom:16px; color:#FFF; font-size:15px;}
.foot .erwm p{ text-align:center}
.copy{ width:330px; float:left; padding-top:20px; line-height:28px; color:#969696; text-align:left; }
.copy a{ color:#FFF}
.copy a:hover{ color:#FBAB00;}


.nr{ padding-top:3px; padding-right:0px;}
.nr ul{ padding-left:3px; width:350px;}
.nr ul li{ height:30px; line-height:30px; overflow:hidden; color:#000; border-bottom:0px solid #bfd9f2;position:relative; }
.nr ul li a{ margin-left:5px; color:#000;padding-left:5px;}
.nr ul li a:hover{ color:#FBAB00;}
.nr ul li span{ position:absolute; top:0; right:0;color:#000;padding-right:10px;}
.text{ line-height:18px; padding:10px;}

 
.nnr{ padding:5px 0px 0px 8px;}
.nnr ul{ padding-left:15px;}
.nnr ul li{ height:30px; line-height:30px; overflow:hidden; color:#000; position:relative;cursor: pointer;
background:url(../images/li.jpg) 2px 12px  no-repeat;}
.nnr ul li a{ margin-left:15px; color:#000;}
.nnr ul li a:hover{ color:#FBAB00;}
.nnr ul li span{ position:absolute; top:0; right:0;color:#000;padding-right:10px;}



/*-------------------------------------------内页样式开始-----------------------------------------------*/

/*pages*/
.pages{ width:1200px; padding:0px 0;}

.investor-bg { background: #c7000b; }
.investor-list li { float: left; position: relative; margin-right: 6px; }
.investor-list li:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; transform-origin: left bottom; -webkit-transform-origin: left bottom; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform: scaleY(0); -webkit-transform: scaleY(0); }
.investor-list li a { display: inline-block; padding: 0 66px 0 42px; color: #fff; font-size: 14px; line-height: 57px; position: relative; }
.investor-list li a:before { content: ""; width: 17px; height: 9px; background: url(../images/arrow6.png) center no-repeat; position: absolute; right: 32px; top: 20px; opacity: 0; visibility: hidden; transition: 308ms 220ms; }
.investor-list li:hover:before, .investor-list li.now:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: left top; -webkit-transform-origin: left top; }
.investor-list li:hover a, .investor-list li.now a { color: #666666; }
.investor-list li:hover a:before, .investor-list li.now a:before { top: 24px; opacity: 1; visibility: visible; }

/*left*/
.left{float:left; width:240px;}

.left .page_prolist{ width:240px; height:auto; }
.left .page_prolist h3{width:240px; height:35px; line-height:35px;background:#fc9a5a; text-align:center}
.left .page_prolist h3 span{  font-size:18px;  color:#FFF; }
.left .page_prolistbody {width:240px; height:auto !important; min-height:120px;}

.fenlei{ width:210px; float:left; padding:5px 15px; }
.fenlei ul{ width:210px; float:left;}
.fenlei li{ width:210px; height:35px; border-bottom:1px #CCCCCC dashed; line-height:35px; text-align:center;}
.fenlei img{ float:left; margin-left:5px; margin-right:8px; margin-top:9px;} 
.fenlei li a{ color:#000; font-size:14px;}
.fenlei li a:hover{ color:#fc9a5a;}

.lianxi{ width:210px; float:left; padding:10px; padding-top:5px; padding-bottom:5px;}

.left .page_contact{ width:240px; height:auto; padding-top:10px;}
.left .page_contact h3{width:240px; height:35px; line-height:35px;background:#fc9a5a; text-align:center}
.left .page_contact h3 span{  font-size:18px;  color:#FFF; }
.left .page_contactbody {width:240px; height:auto !important; min-height:220px;}
.left .page_contactbody .text{ line-height:18px; padding:10px;}




/*产品分类列表*/
.aboutleft2 {
	width:280px;
	font-size:12px; margin:0 auto; padding-top:10px; height:auto; padding-bottom:10px
}
.aboutleft2 li {
	line-height:47px; float:left;
	width:137px; height:47px; padding-top:0px;background:url(../images/sylistli.jpg) left center no-repeat; border-bottom:0px #AAAAAA dashed; margin:4px 1px 0 2px;
}
.aboutleft2 a {
	height:47px;width:137px;
	line-height:47px;
	float:left;font-size:14px;
    text-align:left; padding-left:30px; color:#fff
}
.aboutleft2 a:hover {
	font-size:14px;width:137px; height:47px;
	text-decoration:none; 
	text-align:left; padding-left:30px; color:#ff6
}


/*右侧主体*/
.boxright{ width:1200px; height:auto; float:right; padding:30px 0px;}
.boxright_top{ width:1200px; height:35px; border-bottom:1px #fc9a5a solid;}
.boxright_mid{ width:1200px; height:auto !important; min-height:480px; overflow:hidden; zoom:1; background:url(../images/nymid.jpg) center top repeat-y;}
.boxright_bot{ width:1200px;  height:8px; background:url(../images/nybot.jpg) center top no-repeat;}
.left_zi{width:300px; height:35px; line-height:35px; font-size:18px; color:#fc9a5a; float:left; padding-left:10px;}
.left_zi p{ line-height:7px; color:#004b92; font-size:12px}
.right_zi{ float:right; width:400px; text-align:right;height:35px;line-height:35px; color:#000; margin-right:15px;}
.right_zi a{ color:#000; font-size:12px}
.content{ line-height:24px; width:96%; margin:0 auto; padding-top:10px ;}

/*内页新闻列表*/
.new1 {width:100%;text-align:left;font-size:12px;}
.new1 li {width:100%;height:28px;line-height:28px;float:left;display:inline;background:url(../images/d.jpg) left center no-repeat;border-bottom: 1px #A8A8A8 dashed}
.new1 a {height:28px;line-height:28px;float:left;margin-left:15px; }
.new1 font {float:right;height:28px;line-height:28px;margin-right:0px;font-size:42px;font-size:12px;color:#fc9a5a;}
.new1 a:hover {font-size:12px;text-decoration:none; }

/*内页产品展示列表*/
.product{ width:100%; list-style:none; padding-top:10px; padding-left:3px;}
.product li{ width: 218px; margin:4px 6px; height:189px; float: left; overflow: hidden;}
.product li .img{width:216px;height:157px;border: 1px solid #fc9a5a;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;   -webkit-border-radius: 5px;  
   -moz-border-radius: 5px;  
   border-radius: 5px;  
 position:relative;
   behavior: url(js/PIE.htc);  }
.product li a{ display:block;}
.product li img{ max-width:216px; max-height:157px;vertical-align:middle; }
.product li p{  text-align:center; height:30px;line-height:30px;width: 100%;}

.product_title{text-align:center; font-weight:bold;padding:5px; width:100%; line-height:40px; font-size:24px;}
.product_related{text-align:center; padding:5px; width:100%}
.contu{ width:100%; height:auto; position:relative;}
.tuleft{ width:50px; height:50px; background:url(../images/1prev.png) no-repeat;position:absolute;left:0px;top:45%;}
.turight{ width:50px; height:50px; background:url(../images/1next.png) no-repeat;position:absolute;right:0px;top:45%;}
.proimg{ text-align:center; width:80%; height:auto; margin:0 auto;}
.proimg .img{width:600px;height:600px;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center; margin:0 auto; }
.proimg img{ max-width:600px; max-height:600px;vertical-align:middle;margin:0 auto; }

 .page{ padding:15px 0 20px 0; width:100%; text-align:center; line-height:40px;}
.page a{ padding:5px; border:1px solid #ccc; margin:0 3px;}
.page a:hover{ background:#e61404; color:#fff;}
.page font{ padding:5px; border:1px solid #ccc; margin:0 3px;background:#e61404; color:#fff;}
.nolink{padding:5px; border:1px solid #ccc; margin:0 3px;}


/*在线留言*/
#messagelist{ padding:15px;}
#messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px;}
#messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;}
#messagelist .metlist dt span.name{ color:#2c7199;}
#messagelist .metlist dt span.time{ padding-left:8px; color:#999;}
#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}
#messagelist .metlist dd.info span.tt{ display:none; clear:both;}
#messagelist .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;}
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}
#messagelist table{ margin:0px auto; }
#messagetable{ padding:15px;}
#messagetable table{ margin:0px auto;}





/****滚动2*********/
.index_Rolla { width:955px; margin:0 auto; padding:5px 0px;overflow:hidden;}
#demoa { overflow:hidden;  width:955px; margin:0 auto;} 
#indemoa { float: left; width:2000%;}
#demoa #indemoa .img { width:170px;height:220px;border: 1px solid #ddd;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
#demoa #indemoa img {max-width:170px; max-height:220px; vertical-align:middle;}
#demoa #indemoa a { display:block; width:auto; float:left; margin:10px 10px;}
#demoa #indemoa p { text-align:center;  line-height:30px; width:100%; }
#demoa1 { float: left;}
#demoa2 {float: left;}



.new-list{margin-bottom:50px;}
.new-list li { margin-bottom: 16px; }
.new-left { float: right; width:76%; background:#f5f5f5; border: 3px solid rgba(255,255,255,0.42); border-radius: 16px; position: relative; transition: 320ms 0ms ease-in-out; }
.new-left:before { content: ""; width: 100%; height: 100%; background:#adadad; transition: 320ms ease-in-out; position: absolute; left: 0; top: 0; border-radius: 16px; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); overflow: hidden; transform-origin: center; }
.new-content { padding: 40px 36px 38px; position: relative; }
.new-content .newtime { float: left; padding-bottom: 16px; border-bottom: 1px solid #bfa490; position: relative; }
.new-content .newtime:before { content: ""; width: 0%; height: 1px; background: #fff ;position: absolute; left: 0; bottom: -1px; transition: 300ms ease-in-out; }
.new-content .newtime strong { display: block; color: #81756e; font-size: 36px; font-weight: normal; line-height: 1; transition: 288ms; }
.new-content .newtime b { display: block; text-align: right; color: #81756e; font-size: 16px; line-height: 1; font-weight: normal; margin-top: 10px; transition: 288ms; }
.newfix { width:80%; float: right; }
.newfix h4 { color: #5f544e; font-size: 16px; height: 28px;margin-bottom: 14px; transition: 288ms;display: block;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;}
.newfix p { color: #81756e; height:52px; line-height:26px;overflow: hidden; transition: 288ms; }
.new-list li figure { display: block; width: 260px; border: 3px solid rgba(255,255,255,0.42); float: left; position: relative;  overflow: hidden; }
.new-list li figure img { display: block; width: 100%; height: auto; line-height: 1; transition:0.4s all 0s; }
.new-list li figure:hover  img{ transform:scale(1.2); }
.new-list li:hover .new-left:before { transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); }
.new-list li:hover .new-content .newtime:before { width: 100%; visibility: visible; }
.new-list li:hover .new-left { border-color:#adadad; background:#adadad; transition: 320ms 100ms ease-in-out; }
.new-list li:hover .new-content .newtime strong, .new-list li:hover .new-content .newtime b, .new-list li:hover .newfix h4, .new-list li:hover .newfix p {    color: #fff;}

.image { -webkit-transition: all 0.3s linear;  transition: all 0.3s linear;width:33.3%;padding:10px 6px;text-align:center; display: inline-block;vertical-align: top; float: left;}
.image img{width:100%;height:285px;}
#fullscreenSlideshowContainer .ui{position:absolute;font-family:sans-serif;z-index:10; font-size:2em;}
#fs-loader,#fs-prev,#fs-next,#fs-close{background-color:black;color:white;font-weight:bold;cursor:pointer;line-height:1em;}
#fs-close{top:1em;right:1em; }
#fs-prev,#fs-next{top:50%;margin-top:-1em; }
#fs-prev{left:1em;}
#fs-next{right:1em;}
#fs-loader{top:50%;left:50%;height:1em;margin-top:-1em;margin-left:-75px;display:none;}
#fs-caption{bottom:20px;text-align:center;width:100%;left:0;line-height:1em;display:none;}
.caption{padding:15px 0;color:#333;display: block;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;}
#fs-caption span{background-color:white;}
#fs-loader,#fs-prev,#fs-next,#fs-close,#fs-caption span{padding:5px 15px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px; }
.image:hover{ -webkit-transform: translate(0px, -3px); transform: translate(0px, -3px); box-shadow: 0px 10px 60px -10px rgba(0, 0, 0, 0.3);}