div,ol,ul,li{text-decoration: none; margin: 0; padding: 0; list-style: none;}
body{ margin: 0 ; padding: 0; font-family: arial; }
.fl{ float: left;} .fr{ float: right;}
.clearfix{ clear: both;}
.container{ background: transparent;}
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
.navbar {
     border-radius: 0px; border:none;  margin: 0; padding: 0;
}
a:hover{ text-decoration: none;}

.menu{  height: 80px;  background: #000000;}
.collapse{ background: none; z-index: 999;}

.nav ul li{  }
.navbar-nav>li>a{ color: #ffffff;  line-height: 80px; font-size: 16px; padding: 0 15px;}
.navbar-nav>li>a:hover{ color: #b20000; background: none;}
.icon-bar{ background: #ffffff;}
.navbar-collapse{ background: #000000;}
.B-btn{ border: none; background: none; color: #ffffff; line-height: 80px; margin: 0; padding: 0 10px;}
.text{ height: 40px; width: 200px;}
.word{ width: 80px; height: 40px; background: #b20000; color: #ffffff; border: none;}
.navbar-toggle{ margin-top: 20px; color: #ffffff; border: 1px solid #ffffff;}


@media (max-width:768px ) {
	.navbar-nav>li>a{ line-height: 48px;}
	.B-btn{line-height: 40px; padding-left: 15px;}
	.menu{ height: auto;}
	.container{ padding: 0;}
}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    width: 100%;
}
.pagination li{ 
display: inline-block;
 }
#main_ad > .carousel-inner > .item {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}



@media (min-width: 768px) {
  #main_ad > .carousel-inner > .item {
    height: 600px;
  }
  
}

#main_ad > .carousel-inner > .item > img {
  width: 100%;
}

.product{ padding: 40px 0;}
.p_tit{ text-align: center;}
.p_tit h3{ font-size: 40px; font-weight: 600; color: #000000;}
.p_tit p{  height: 38px; width: 140px; border: 1px solid #666666; line-height: 38px; margin: 30px auto;  }
.p_tit p a{  color: #000000; }
.p_tit p:hover { background: #b20000; border: 1px solid #b20000;}
.p_tit p:hover a{ color: #ffffff;}
.p_list{ display: inline-block; text-align: center;}
.p_list ul li{ margin: 0 10px; }  


.demo-3{ margin-top: 30px;}

.content{ margin-bottom: 30px ; padding: 30px 0; background:url(../img/bg.jpg) no-repeat center;}
.Software img{ width: 100%; border: 5px solid #d6d6d6;}
.Software a:hover img{border: 5px solid #b20000; }
.csolutions img{ width: 100%; border: 5px solid #d6d6d6;}
.csolutions a:hover img{border: 5px solid #b20000; }
.Software{ margin-bottom: 30px;}
.Software h3 a{  line-height: 48px; font-size: 24px; color: #000000;}
.Software h3 a:hover{  line-height: 48px; font-size: 24px; color: #b20000;}
.Software h3{ text-align: center;}
.Software p{ line-height: 24px; color: #666666;}
.csolutions h3 a{  line-height: 48px; font-size: 24px; color: #000000;}
.csolutions h3 a:hover{  line-height: 48px; font-size: 24px; color: #b20000;}
.csolutions h3{ text-align: center;}
.csolutions p{ line-height: 24px; color: #666666;}

.recoda_img img{ width: 100%;}

.about_word p{ line-height: 24px;}
.about_img{ padding-top: 30px;}

.about{ padding-bottom:30px; border-bottom: 1px solid #666666; display: block;}

.more {  height: 38px; width: 140px;  line-height: 38px;  margin-top: 30px; text-align: center;  }
.more a{  color: #000000; border: 1px solid #666666; display: block; }
.more a:hover { background: #b20000; border: 1px solid #b20000; color: #ffffff; display: block; }

.recoda_right{ padding: 0;}
.about_word{ padding-left: 0;}
.code{text-align:center;}
@media  (max-width: 768px) {
	.p_list ul li{ display: none;}
.csolutions h3 a{  line-height: 38px; font-size: 24px; color: #000000;}
.about_img{ display: none;}
.about_word {padding: 10px;}
.recoda{ padding: 0;}
.about{ border: none; padding-bottom: 0;}
.more{ margin-top: 10px;margin-left: 10px;}
.elastislide-carousel{text-align:center;}
.code{text-align: center; margin: 0 auto;float: none;}
.nav-pills>li{width: 98%;text-align: center;margin-left:0;}
.nav-pills>li+li{margin-left:0;}
.c_news_word{padding: 10px;}
.social-share{margin-left: 10px;}
 }

.news{ margin-top: 40px ; background: #f1f1f1; padding: 10px 0;}
.news ul li h3{  line-height: 20px; }
.news ul li h3 a{ font-size: 14px; color: #000000;  font-weight: 300;}
.news ul li h3 a:hover{ color: #b20000;}
.news ul li{ padding:  0 10px; margin-bottom: 20px;}
.news ul li img{ width: 100%;}
.news ul li p{ color: #999999; margin-top: 10px;}


.footer{ background: #000000; padding: 30px 0; margin-top: 30px;}
.f_menu{ padding: 0 15px;}
.f_submenu{ display: inline-block; text-align: center; height: 80px; line-height: 80px;}
.f_submenu ul li a{ color: #ffffff;  padding: 0 20px;}
.f_link p a{ margin: 0px 10px 0 10px;}
.f_link{ margin-top: 20px;}

.f_contact{ margin-top: 30px; padding: 30px 0; border-top:1px solid #4d4d4d ; border-bottom:1px solid #4d4d4d ;}
.f_add i{ color: #ffffff; font-size: 18px; margin-right: 10px;}
.f_add span{ color: #ffffff;}
.f_add{ border-right: 1px solid #ffffff;}

.f_tel{ border-right: 1px solid #ffffff;}
.f_tel i{ color: #ffffff; font-size: 20px; margin-right: 10px; margin-left: 40px;}
.f_tel span{ color: #ffffff; font-size: 20px;}

.f_email{ }
.f_email i{ color: #ffffff; font-size: 20px; margin-right: 10px; margin-left: 40px;}
.f_email span a{ color: #ffffff; font-size: 20px;}
.copyright{ text-align: center; line-height: 30px; color: #999999; margin-top: 10px;}
.copyright a{color: #999999;}
.f_logo{text-align:center;margin-top:22px;}
.f_logo img{width: 200px;}
@media  (max-width:768px ) {
	.f_submenu{ display: none;}
	.f_logo{ display: block; margin: 0 auto; width: 214px; float: none;}
	.f_link{ display: none;}
	.f_email i{ margin-left: 0;}
	.f_tel i{ margin-left: 0;}
	.f_link{ display: none;}
	.f_email { margin-top: 20px;}
	.f_tel { margin: 0;}
	.f_tel { margin-top: 20px;}
}

.tit_bg {
    background: url(../img/bg.png) repeat;
    width: 100%;
    height: 5px;
}


.bread ol li a{ color: #666666; }
.bread ol li a:hover{ color: #b20000; }
.c_list h3{ font-size: 38px; color: #000000; padding: 10px 0 10px 0; text-align: center;}

.c_list{text-align: center; }
.c_list p{ margin: 10px 0;}
.c_list p a{ padding: 10px 20px; display:inline-block;  color: #ffffff; background: #282828; margin: 0 5px; position: relative;}
.c_list p a > ul{ position: absolute; display: none;}
.c_list p a:hover{ background: #b20000;}
.c_list p a.on{ background: #b20000;}
@media (max-width:768px ) {
	.c_list p a{ width: 100%; margin-bottom: 1px;}
}

.about_show p{ line-height: 28px; padding: 15px;}

.about_show_img ul li{ margin-bottom: 30px;}
.about_show_img ul li img{ width: 100%; border: 5px solid #d6d6d6;}

.c_p_list h3{font-size: 38px; color: #000000; padding: 10px 0 10px 0; text-align: center; }
.u_list li a{  float: left;  padding: 0 10px; background: #282828; color: #ffffff; margin: 0 4px;}

.u_list li:hover a{ background:#b20000 ;}
.u_list li{  line-height: 38px; position: relative;  }
.u_list li >.u_sublist{ position:absolute; display: none; top: 38px; left: 0;} 
.u_list li:hover >.u_sublist{  display: block; left: 0;}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #282828; 
}
.nav-pills>li>a{ color: #ffffff; border-radius: 0;}
.nav2>li>a:hover, .nav>li>a:focus{ background: #b20000;}
.nav-pills{ margin-top: 10px;}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #b20000;
}
.nav2 { padding-left: 15px;}
.nav2>li>a{ padding: 10px 20px; background: #282828; display: block;}
.pro_show ul li{ margin-bottom: 20px;}
.pro_show ul li img{ width: 100%; border: 1px solid #d6d6d6;}
.pro_show{ padding: 30px 0;}
.pro_show ul li a p{ color:#666666; line-height: 24px; height: 24px;}
.pro_show ul li:hover img{ width: 100%; border: 1px solid #b20000;}
.pro_show ul li:hover p{color:#b20000; }

.page{ text-align: center;}
.single-grid h4 a{ color: #333333;}
.sin-grid li a{ color: #999999;}
.startnow{ width: 120px ; height: 38px; color:#FFFFFF; background: #b20000; display: block; line-height: 38px; text-align: center;}
.single-grid{ border-bottom: 1px dashed #d6d6d6;}

.solu ul li a p{ color: #666666;}
.solu-con h3{ font-size: 20px; color: #000000; padding-top: 20px;}
.solu-con p{ padding: 10px 0; line-height: 30px;}
.solu-con p a{ color: #666666;}
.solu ul li a:hover h3{ color: #b20000;}
.solu ul li a .solu-more span{ color: #ffffff;  width: 120px; height: 38px; line-height: 38px; text-align: center; background: #000000; display: block;}
.solu ul li a:hover .solu-more span{ background: #b20000;}

.single-grid h4 a:hover{ color: #b20000;}


.contact_tit h3{font-size: 38px; color: #000000; padding: 10px 0 10px 0; text-align: center; margin-bottom: 30px;}
.contact-top1 p{ line-height: 36px; }
.contact-top1 p b{ font-size: 18px; color: #b20000;}


.contact-right input[type="text"], .contact-right textarea {
    padding: 0.8em 1em;
    font-size: 0.85em;
    margin: 0 0 0.8em;
    border: 1px solid #ccc;
    color: #a3a3a3;
    background: none;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
}

.c-btn{ width: 120px; height: 38px; background: #b20000; line-height: 38px; color: #ffffff; border: none;}
.reset{width: 120px; height: 38px; background: #d6d6d6; line-height: 38px; color: #666666; border: none; }

.c_product{ padding: 30px 0;}
.p_d_word h3{ font-weight: bold; font-size: 20px; line-height: 24px; padding-bottom: 10px; margin-bottom: 10px; padding-top: 10px; margin-bottom: 20px; border-bottom: 1px dashed #d6d6d6;}
.p_d_word p{ line-height: 28px; margin-bottom: 20px;}
.p_d_word span a{ width: 120px; height: 38px; line-height: 38px; background: #282828; display: block; text-align: center; color: #ffffff;}


.p_d_detail{ margin-top: 30px;}
.p_d_detail .h3_div{ height: 40px; line-height: 40px ; background: #b20000; color: #ffffff; font-size: 16px;}
.h3_div h3{float: left;text-align: center;line-height: 40px ;padding-left: -15px;width:200px;height: 100%;cursor: pointer;}
.p_d_detail .this_h3{background: #fff;color: #b20000;border: 1px solid #b20000;}
.p_d_show{ padding: 20px 15px; line-height: 30px;}


.c_new_tit h3{ text-align: center; border-bottom: 1px dashed #d6d6d6;padding-bottom: 10px; margin-bottom: 10px;}
.c_news_word p{ line-height: 28px;}
.c_news_word img{ text-align: center;}
@media(max-width:768px) {
    .c_news_word img{ width: 100% !important;}
    .p_d_show img{ width: 100% !important;}
    .h3_div h3{width: 50%;}
    .p_d_show table{width:100% !important;}
}

.code span{ line-height:30px; text-align:center; color:#ffffff;}

#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:600px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:600px !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:#e1472f !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: #fff;
    width: 188px;
    height: 6px;
    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;
}



.c_news_word{ width: 800px; margin: 0 auto; }
@media only screen and (max-width:768px ) {
	
	.c_news_word{ width: 100%; }
}


#solu-item li{ margin-bottom:30px;}
.solu-pic img{ width:100%；}


.right-nav {
    position: fixed;
    right: 5px;
    top: 50%;
    /*top: 75%;*/
    margin-top: -144px;
    width: 48px;
    z-index: 10000;
}
.right-link {
    position: relative;
}
.right-link a {
    display: block;
    height: 48px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background-color: #1c97d2;
    margin-bottom: 1px;
}
.sideBar .list>li .spanregion {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}
.sideBar .list>li .spancontact {
    display: flex;
    justify-content: center;
    align-items: center;
}
.sideBar .list>li .spancontact img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.right-link img {
    margin: 0px;
    padding: 0px;
    height: auto;
    float: left;
    display: block;
}
.right-link a i {
    line-height: 48px;
}
.set_12_icon-button i {
    background: none;
    color: #fff !important;
    height: 48px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 48px;
    z-index: 10;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.twitter span {
    background-color: #55acee;
}

.set_12_icon-button span {
    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 0;
}
.set_12_icon-button {
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}

/*右侧联系修改为字体文件图标*/
/* Wrapper */
.set_12_icon-button { cursor: pointer;display: inline-block; position: relative;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; text-decoration:none;}
/* Circle */
.set_12_icon-button span {border-radius: 0;display: block;height: 0;left: 50%;margin: 0;position: absolute;top: 50%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;width: 0;}
.set_12_icon-button:hover span { width: 48px; height: 48px; margin: -25px; }
.twitter span {background-color: #55acee;}
.facebook span {background-color: #3b5999;}
.youtube span {background-color: #dd4b39;}
.linkedin span {background-color: #007bb6;}
.envelope span {background-color: #11598b;}
.arrow-up span { background-color:#c4261d }

/* Icons */
.set_12_icon-button i {background: none;color: #fff !important;height: 48px;left: 0; position: absolute;top: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;width:48px; z-index: 10;}
.set_12_icon-button .fa fa-twitter{color: #4099ff !important;}
.set_12_icon-button .fa fa-facebook{color: #3B5998;}
.set_12_icon-button .fa fa-google-plus {color: #db5a3c;}
.set_12_icon-button:hover .fa fa-twitter,
.set_12_icon-button:hover .fa fa-facebook,
.set_12_icon-button:hover .fa fa-linkedin,
.set_12_icon-button:hover .fa fa-pinterest-p,
.set_12_icon-button:hover .fa fa-google-plus {color: #fff !important;}

.right-link a { display:block; height:48px; text-align:center; color:#fff; font-size:20px; background-color: #1c97d2; margin-bottom: 1px;}
.right-link a  i { line-height:48px; }
.bottom_le input[type=submit]:hover { background:#11598b!important; transition:all 0.50s ease-in-out; }

.right-nav .list a{
    height: 55px;
    padding: 0 10px;
}

.nav-pills>li {
    margin-bottom: 5px;
}