@charset "utf-8";

/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。
------------------------------------------------------------------------------------------------------ */

/* 全局样式
-------------------------------------------------------------- */
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:14px; font-family:"Microsoft YaHei","Arial"; color:#333;}
p{line-height:25px;}
img{ border:none; vertical-align:middle;}
td{ vertical-align:center; font-size:14px;}
body{ 
	background:url(../images/bg.jpg) repeat left;
}

*{margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{border:medium none;margin:0;padding:0;}
body,button,input,select,textarea{outline:none;}
ul,ol,li{list-style:none;}

img{border:0px;}
table{ }
table tr{ border:solid 1px #7B7B7B;    line-height: 30px; }
table tr td{ border:solid 1px #7B7B7B;}
html,body{height:auto;margin:0 auto;}
.hide{display:none;}
.clear{clear:both;}


h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin:0; padding:0;}
h2 { font-size: 2em;  margin:0; padding:0;}
h3 { font-size: 1.5em; line-height: 1;  margin:0; padding:0;}
h4 { font-size: 1.2em; line-height: 1.25; margin:0; padding:0;}
h5 { font-size: 1em;  margin:0; padding:0;}
h6 { font-size: 1em; }

/* 页面基本元素
-------------------------------------------------------------- */

/* 链接样式 */
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }

/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }


/* header
-------------------------------------------------------------- */
.header{
	width:100%;
	min-height:118px;
	overflow:hidden;
	background:url(../images/headbg.png) no-repeat left top;
	position: absolute;
    z-index: 999;
	background-size: 100%;
	position: fixed;
}
.header .logo{
	width:21%;
	overflow:hidden;
}
.header .logo h1{
	width:84%;
	overflow:hidden;
	font-size: 1.8vw;
	color:#ff0000;
	text-align: right;
    margin-top: 5%;
	padding-right: 16%;
}
.header .logo .gsmc{
	width:79%;
	overflow:hidden;
	font-size: 1vw;
	color:#111111;
	margin-top:2%;
	text-align:right;
	padding-right: 21%;
}
.nav{
	width: 79%;
	min-height:118px;
	overflow:hidden;
}
.nav ul{
    width: 72%;
    float: left;
	overflow:hidden;
	padding-left: 1%;
}
.nav ul li{
	line-height:65px;
	padding:2px 2.8%;
	display: inline;
	background:url(../images/navbglist.png) no-repeat right;
}
.nav ul li a{
	font-size:0.85vw;
}
.nav ul li a:hover{
	color:#075ec8;
	text-decoration:underline;
}
.search{
	width:27%;
	overflow:hidden;
	padding-top: 17px;
}
.search input{
	background:url(../images/searchbg2.png) no-repeat left;
	min-width:189px;
	height:33px;
	    float: left;
}
.search-submit{
	background:url(../images/searchbg1.png) no-repeat left;
	min-width:31px;
	height:33px;
	float: left;
	cursor:pointer;
}

/* banner
-------------------------------------------------------------- */
#wrapper {
	background:#fff;
	position:relative;
}

a {
	text-decoration:none;
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}

a:focus , a:link, a:active {
	outline:none;
}

a:hover {
	color:#444;
}


.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:890px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:890px !important;
	position:relative;
}

@media only screen and (min-width: 1270px) and (max-width: 1330px) {
	.nav ul{
		width: 76%;
	}
	.search {
    width: 23%;
	}
}

@media only screen and (min-width: 1170px) and (max-width: 1270px) {
	.nav ul{
		width: 70%;
	}
	.search {
    width: 29%;
	}
	.nav ul li {
		padding: 2px 2.2%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:357px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:223px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:149px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:112px;	}
}

.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: url(../images/dot1hover.png) no-repeat left top; !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#e1472f !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: url(../images/dot1.png) no-repeat left top;
    width: 29px;
    height: 29px;
    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;
}


.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #393939 url(../images/slider-left-arrow.png) no-Repeat;
	width: 42px;
	height: 43px;
	margin-left: 0px;
	margin-top: -21px;
	-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);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -21px;
    -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);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}



.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)";
	/*filter: 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;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: 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;
}

/* cont */
.cont{
	width:100%;
	overflow:hidden;
	background:url(../images/contbg.jpg) no-repeat center top;
	padding-bottom:25px;
}
.ystit{
	width:100%;
	overflow:hidden;
}
.ystit .ystitnr{
	width:598px;
	height:50px;
	overflow:hidden;
	background:url(../images/titbg1.jpg) no-repeat center bottom;
	margin:auto;
	text-align:center;
	font-size:26px;
	color:#ff0000;
	margin-top:40px;
	line-height: 20px;
}
/* Div1 */
.Div1{
	width:1200px;
	margin:25px auto;
	overflow:hidden;
	position:relative;
}
.Div1_title{
	height:70px;
	width:100%;
	padding-bottom:3px;	
	background:url(../images/ysline.png) no-repeat center center;
}
.Div1_title span{		
	display:block;
	width:728px;
	margin:0 auto;	
	height: 26px;
	line-height: 26px;
}
.Div1_title span a{
	display:block;
	float:left;	
	font-size: 16px;
	margin:0px 51px;
	width:80px;	
	height: 70px;
	line-height: 70px;
	background:url(../images/ystitbg1.png) no-repeat center center;
	color:#fff;
	text-align:center;
}
.Div1_title span b , .Div1_title span b img{
	width:11px;
	height:11px;
}
.Div1_title span b img{cursor:pointer;}
.Div1_prev{padding:4px 10px 0 0;}
.Div1_next{padding:4px 0 0 0px;}

.Div1_title span a:hover{
	color:#fff;
	background:#870808;
}
.Div1_title span a.Div1_title_a1{
	color:#fff;
	background:#870808;
	line-height:70px;
	background:url(../images/ystitbg2.png) no-repeat center center;
}
.Div1_main{
	padding-top:30px;
	margin-bottom: 20px;
	width:10000px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.Div1_main div{
	width:1200px;
	float:left;		
}
.Div1_main div p{
	width:80%;
	overflow:hidden;
	padding:0 10%;
	line-height:30px;
	text-align:center;
}
.Div1 .Div1_prev1 ,.Div1 .Div1_next1{display:block;width:25px;height:27px;position:absolute;cursor:pointer;z-index:2;top:245px;}
.Div1 .Div1_prev1 img ,.Div1 .Div1_next1 img{width:25px;height:27px;}


.Div1 .Div1_prev1{top:18px; left: 0;}
.Div1 .Div1_next1{top:18px;right:0;}
.Div1_main div .flpicl{
	float:left;
	margin:0px;
	width:281px;
	height:515px;
	margin-left:18px;
	margin-right:20px;
}
.Div1_main div .flpicr{
	float:left;
	width:742px;
	height:515px;
	margin:0px;
}
.Div1_main div .flpicr img{
	width:405px;
	height:270px;
	float:left;
}
.Div1_main div .flpicrt {
	width:762px;
	height:270px;
	position: relative;	
}
.Div1_main div .flpicrt span{
	display: block;	
	width:317px;
	height:270px;
	position: absolute;
	right: 20px;
	top:0px;	
	background:url(../images/ltop2.jpg) no-repeat;
}
.Div1_main div .flpicrtb{
	float:left;
	width:762px;
	height:515px;
	margin-top:20px;
}
.Div1_main div .flpicrtb img{
	float:left;
	width:234px;
	height:226px;
	margin-right:20px;
}
.Div1_main div .flpicrt span i{
	color:#fff;
	font-size:21px;
	position: absolute;
	left:20px;
	top:42px;
}
.Div1_main div .flpicrt span em{
	display: block;
	width:285px;
	color:#fff;
	font-size:13px;
	position: absolute;
	left:20px;
	top:88px;
}
.Div1_main div .flpicrt span a{
	color:#fff;
	font-size:15px;
	position: absolute;
	left:20px;
	top:208px;
	background: url(../images/more.png) no-repeat right;
	padding-right:30px;
}
.Div1_main div .flpicrt span a:hover{
	text-decoration: underline;
}

<!--pro-->
/*img{ border:none;}*/
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}	

.picon{clear:both;height:432px;overflow:hidden;position:relative;}
.picon ul{position:absolute;top:0;left:0;height:432px;width:1180px;padding: 0px;margin:0px;}
.picon li{float:left;height:413px;border-right:2px solid #fff;width:485px;position:relative;overflow:hidden;}
.picon li.cur div{display:none;}
.picon li div:hover{display: block;}
.picon li div{position:absolute; left:0;bottom:0;z-index:9;height:80px;width:94%; padding:8px 3% 0 3%;color:#fff;display:none;    background: rgba(8,94,200,0.2);}
/*.picon li div h3{padding:15px 0 10px 20px;line-height:30px;font-size:26px;}
*/.picon li div p{
	line-height:20px;
	font-size:13px;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
.picon li div a{color:#fff;text-decoration:none;}
.picon .btns{color:#c14b50; background:#fff; border-radius:0px; height:30px; display:inline-block; line-height:30px; padding:0px 20px; margin-top:10px;}
.picon .btns:hover{ opacity:0.8; filter:alpha(opacity=80)}
.picon li img{
	border:none!important;
}
/*#slider .slide a.bdr{ border-left:5px solid #fff;}*/
.picon a img { width:482px; height:413px;}
.area .hover { width:320px; height:150px; position:absolute; top:310px; left:0;}
.bg { width:100%; height:100%; background:#000; filter:alpha(opacity:40);opacity:0.4; position:absolute; left:0; top:0; z-index:0;}
.textbg { position:relative; z-index:10;}
.textbg h3 {text-align: left!important;font-size:18px; color:#fefefe; font-weight:normal;display:block;font-family:Microsoft YaHei; background:url(../images/line.jpg) no-repeat left bottom;height: 35px;line-height:35px; margin-bottom: 10px;}
.textbg h3 a:hover{ text-decoration:underline;}
.textbg p { font-size:14px; color:#eee;font-family: Microsoft YaHei;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	margin-top:10px;
	text-align: left!important;
}
.textbg .btn-ar { margin-top:10px;}
.textbg .btn-ar a {margin-left:20px;font-size:12px;font-family:Microsoft YaHei;display:block; width:100px; height:30px; line-height:30px;text-align:center!important; color:#fff; background:#F30505; float:left; border:none; line-height:30px;}
.textbg .btn-ar span { font-size:18px; color:#fefefe; float:left; font-weight:bold; margin-left:10px;}
.dinwidth{
	width: 1180px;
	overflow:hidden;
	margin:0 auto;
}

/* news
-------------------------------------------------------------- */
.newstit{
	width:100%;
	overflow:hidden;
	margin-top: 35px;
}
.newstit .newstitnr{
	width:664px;
	height:46px;
	overflow:hidden;
	background:url(../images/newstitbg.png) no-repeat center center;
	margin:auto;
	text-align:center;
	line-height: 18px;
}
.newstit .newstitnr a{
	font-size:20px;
	color:#161616;
	font-weight:bold;
}
.newsnr{
	width:1200px;
	overflow:hidden;
	margin:auto;
	margin-top:15px;
}
.newsnr ul{
	width:100%;
	overflow:hidden;
}
.newsnr ul li{
	width:23.3%;
	overflow:hidden;
	margin:0 5%;
	float:left;
	line-height: 30px;
}
.newsnr ul li a{
	float:left;
	font-size:16px;
}
.newsnr ul li span{
	float:right;
}
.newsnr ul li:hover a{
	color:#ed1a1a;
}
.newsnr ul li:hover span{
	color:#ed1a1a;
}

/* footer
-------------------------------------------------------------- */
.footer{
	width:100%;
	overflow:hidden;
	background:#111111;
}
.footer .footernr{
	width:1200px;
	overflow:hidden;
	margin:auto;
}
.footer .footernr .tel{
	width:100%;
	overflow:hidden;
	margin-top:13px;
	margin-bottom:15px;
}
.footer .footernr .copy{
	width:50%;
	overflow:hidden;
}
.footer .footernr .copy p{
	color:#a3a3a3;
	line-height: 30px;
}
.footer .footernr .copy p a{
	color:#a3a3a3;
}
.footer .footernr .copy p a:hover{
	text-decoration:underline;
}
.footer .footernr .cnzz{
	width:50%;
	overflow:hidden;
}
.footer .footernr .cnzz p{
	color:#a3a3a3;
	line-height: 30px;
	text-align: right;
}
.footer .footernr .cnzz p a{
	color:#a3a3a3;
}
.footer .footernr .cnzz p a:hover{
	text-decoration:underline;
}

/* link
-------------------------------------------------------------- */
.link{
	width:100%;
	overflow:hidden;
	background:#111111;
	padding-bottom:10px;
}
.link .linknr{
	width:1200px;
	overflow:hidden;
	margin:auto;
	color:#a3a3a3;
	line-height: 30px;
}
.link .linknr a{
	margin:5px;
	color:#a3a3a3;
}
.link .linknr a:hover{
	text-decoration:underline;
}