@charset "utf-8";
/* CSS Document */

/*css重置*/
*{ margin:0; padding:0;font-family:Arial,"Microsoft YaHei";}
a{ text-decoration:none;font-family:Arial,"Microsoft YaHei";}
li{ list-style:none;}
.clearfix{ clear:both;}
img{ border:0; display:block;}
p{font-family:Arial,"Microsoft YaHei";}



/*top*/
.head_box{ width:1361px; margin:0 auto; padding-top:26px; padding-bottom:28px;}
.head_box .logo{ float:left; margin-right:14px;}
.head_kuang1{ float:left; margin-top:8px;}
.head_kuang1 .head_p1{ font-size:29px; color:#010101; font-weight:bold;}
.head_kuang1 .head_p2{ font-size:18.5px; color:#010101; text-transform:uppercase; margin-top:3px;}
.head_box .head_line{ width:1px; height:53px; background-color:#cccccc; float:left; margin-top:16px; margin-left:19px; margin-right:19px;}
.head_kuang2{ float:left; margin-top:10px;}
.head_kuang2 .head_p3{ font-size:19px; color:#006bb3; font-weight:bold;}
.head_kuang2 .head_p4{ font-size:13px; color:#585858; line-height:18px; margin-top:6px;}
.head_box .head_ewm{ float:right; margin-right:3px;}


.nav_qita_bg{ background-color:#006bb3;}
.nav_qita_box{ width:1361px; height:50px; margin:0 auto;}
.nav_qita_box img{ float:left; margin-top:16px; margin-left:60px}
.nav_qita_box p{ float:left; font-size:15px; color:white; font-weight:bold; line-height:50px; margin-left:60px;}
.nav_qita_box p a{ color:white;}


/*通栏*/
#wrapper {
	position:relative; z-index:100;
}



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

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

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

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

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

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

.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:#c20000 !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#c20000 !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #014292;
    width: 98px;
    height: 0px;
    float: left;
	margin-bottom: 10px;
    -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-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;
}


/*首页简介*/
.qtjj_box{width:1361px; margin:0 auto; margin-top:100px;}
.qtjj_p1{font-size:40px; color:#454545; font-weight:bold; text-align:center; margin-bottom:70px;}
.qtjj_nr p{ font-size:14px; color:#000; line-height:30px;}
.qtjj_nr p span{color:#006bb3;}


/*首页产品*/
.qtpro_box{width:1361px; margin:0 auto; margin-top:100px;}
.qtpro_p1{font-size:40px; color:#454545; font-weight:bold; text-align:center; margin-bottom:70px;}
.qtpro_nr p{ width:50%; float:left; font-size:14px; color:#000; line-height:30px;}
.qtpro_nr p span{color:#006bb3;}




/*首页风貌*/
.s_fac_box{width:1407px; margin:0 auto; padding-top:126px;}
.s_fac_box .s_fac_p1{ font-size:40px; color:#454545; font-weight:bold; text-align:center; margin-bottom:50px;}
.s_fac_tip{ width:305px; height:221px; overflow:hidden; float:left; margin-bottom:48px; margin-left:23px; margin-right:23px;}
.s_fac_tip img{width:305px; height:221px;transform: scale(1);transition: all 1s ease-out;}
.s_fac_tip img:hover{ transform: scale(1.1);}


.s_fac_more{ width:198px; margin:0 auto; margin-top:20px;}
.s_fac_more p a{ display:block; font-size:18px; color:#636363; text-align:center; line-height:46px; border:3px solid #7f7f7f;}
.s_fac_more p a:hover{background-color:#006bb3;border:3px solid #006bb3; color:white;}




/*页脚*/
.foot_qita{background-color:#006bb3; padding-top:15px; padding-bottom:15px; margin-top:100px;}
.foot_qita p{ font-size:13px; color:white; line-height:26px; text-align:center;}
.foot_qita p a{color:white;}