@charset "utf-8";

/* CSS Document */

body,ol,table,tr,td,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea{margin:0;padding:0; font-family: "微软雅黑"; font-size:12px; font-weight:normal;}

ul,li{margin:0;padding:0; font-family:"微软雅黑";font-weight:normal;}

html{ overflow-x:hidden;}

body{font-size:12px;color:#474747; margin:0; padding:0; _overflow:hidden; overflow-x:hidden;  background:#Fff;}

.red{ color:red;}

input,button,select,textarea{outline:none}

p{ margin:0; padding:0;}

img{border:none;}

li{list-style-type:none;}

a{

text-decoration:none;

color:#000;

-webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

-moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

-o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;}

input{vertical-align:middle;font-family:"微软雅黑";}

table{border-collapse:collapse;font-family:"微软雅黑";}

a:hover{cursor:pointer; text-decoration:none;}


a { outline:none; } /* for FF Chrome */

.dis{display:none;}

.clear{ clear:both;}


/******************************************************************common/////**********************************************************************/









/*页头*/

.logo{float:left; margin-left:20px; display:table;height:78px; }

.logo img{ width:100%;vertical-align: middle;margin-top:10px;}

.logo-txt{     float: left;
    display: table;
    color: #CBD3D9;
    font-size: 16px;
    font-weight: normal;
    margin-top: 21px;
    font-family:"arial","微软雅黑";
    border-left: 1px solid #F0F0F0;
    padding-left: 30px;
    margin-left: 15px;}

.logo-txt img{ width:100%;}



.nav-head{ width:100%;}

.xl-nav{ background:#dc1213; color:#fff;}

.xl-nav li a{ color:#fff; line-height:30px;}
.nav-con{float:right;}
.nav-con1{float:right;}
.nav-con1 li{ position:relative;}

.nav-con1 .fd1{ width:26px; height:21px; background:url(../images/search-icon.png) top right no-repeat; margin:24px 5px 0 5px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;}
.nav-con1 .fd1:hover{width:140px;}


.nav-con1 .fd1 form{ position:absolute; right:0px; width:120px;}

.nav-con1 .fd1 form .txt{ position:absolute; width:0px; height:25px; top:-3px; right:30px; border:none; background-color:rgba(255,255,255,0.4);
	transition: all .3s linear 0s;
	-moz-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	-webkit-transition: all .3s linear 0s;
	color:#FFFFFF;
	text-indent:5px;
}

.nav-con1 .fd1 form .submits{ width:28px; height:26px; position:absolute; right:-1px; top:-1px; background:none; border:none;}

.ri-fdd li form .but{ position:absolute; right:0px; width:30px; height:17px; background:url(../images/fd1.png) no-repeat center center; cursor:pointer; border:none;}



/*页头 end*/

.footer{ width:100%; height: 90px; background:#333333; padding:50px 0 30px 0;color:#828282; margin-top:60px;}
.footer ul{ width: 500px; height: 30px;  display: block; margin: 0 auto;}
.footer ul li{ width: 100px; height: 30px; text-align: center; float: left; line-height: 30px;}
.footer ul li a{  color: #FFFFFF; font-size: 15px;}
.footer .bot{  width:300px; height: 30px;  font-size: 15px; margin: 0px auto; text-align: center; padding-top: 10px;  color: #FFFFFF;}
.footer .bot-box{ width: 450px; height: 30px; line-height: 30px; margin: 0 auto; }
.footer .bot-box a span{color: #FFFFFF; font-size: 14px; position: relative; left: 10px; bottom: 5px;}
.footer .bot-box a span:nth-child(2){ padding-right: 20px;}
/*页尾*/


/* 
.footer{ width:100%;background:#333333; padding:50px 0 30px 0;color:#828282; margin-top:60px;}
.footer-o-left{display:none;}
.footer-o-left h1 a{ color:#fff;}

.footer-o-left p a{ color:#999;}

.footer-o-left h1{ font-size:24px; color:#fff; margin-bottom:40px;}

.footer-o-left h1 span{font-size:20px; color:#999999;}

.footer-o-left p{ font-size:13px; color:#999; line-height:25px; padding-bottom:20px;}

.footer-o-right{ float:right;width:100%;}

.fo-all{ width:100%; float:left;}
.footer-o-right .fo-list{width:150px;}


.fo-list li{ font-size:13px; color:#999; line-height:30px;}

.fo-list li a{ color:#999;}
.fo-list li:first-child{position:relative; padding-bottom:24px; }
.fo-list li:first-child a{color:#FFFFFF; font-size:15px; font-weight:bold; }
.fo-list li:first-child:after{content:""; width:30px; height:1px; background:#F8F8F8; position:absolute; bottom:12px; left:0px;}
.fo-list li a:hover{ color:#fff; text-decoration:none;}



.bq-con p{ text-align:center;font-size:13px; color:#999; line-height:40px;}

.icon-list{width:400px !important;}
.icon-list li:nth-child(2){padding-top:6px;}
.icon-list li a .iconfont{font-size:19px; padding:8px; border-radius:50%; background:#555555;margin-top:12px; margin-right:5px; color:#FFFFFF; transition:all 0.4s;
	-webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s;}
.icon-list li a:hover .iconfont{background-color:#E60020; color:#FFFFFF;}
.icon-list li.active a .iconfont{background-color:#E60020;}



.footer-o-right { padding:0;}
.fo-all{ padding:0;}
.footer-o-right .ri-fo-list{ float: right; width:290px; text-align:right;}
.footer-o-right .ri-fo-list li:first-child{font-size:13px; color:#999999; line-height:1; padding-top:10px; float:left; width:10px;}
.footer-o-right .ri-fo-list li:first-child:after{display:none;}
.footer-o-right .ri-fo-list li:first-child a{color:#999999; line-height:1; font-size:13px !important; font-weight:normal !important;}
.footer-o-right .ri-fo-list li:nth-child(2){float:left; margin-left:22px; width:125px; height:124px;}
.footer-o-right .ri-fo-list li:nth-child(2) img{width:125px; height:124px;}
.footer-o-right .ri-fo-list li:nth-child(3){padding-left:200px;}
.footer-o-right .ri-fo-list li:nth-child(4){padding-left:200px;}
.footer-o-right .ri-fo-list li:nth-child(5){padding-left:200px;} */

/*页尾 end*/
.languages{ float:right; line-height:65px; margin-left:3px; width:75px; height:68px;}
.languages a{ display:block; width:75px; height:68px; text-align:center; line-height:68px; color:#fff; background-color:#ccc; font-size:15px;}
.languages a:last-child{ display:none;}
.languages a.on,
.languages a:hover{ background-color:#DC1213;}
.languages:hover a:last-child{ display:block;}

@media (max-width: 767px){

	.nav-right{ float:left; width:95%; padding-left:15px;}

	}





@media (max-width: 768px){

	/*头部*/

	

	/*导航颜色*/

	.navbar-inverse{background-color: rgba(0,0,0,0.9);}

	.nav-right{float:left !important; margin:0 !important;}

	.navbar-toggle{margin-right: 15px;}

	/*logo*/

	.logo{ width:145px; margin-top:7px; border-right:none;}

	.other-banner{ margin-top: 63px;}
	
	/*尾部*/

	.footer-o-left{width:100%; margin-bottom:30px;}

	.footer-o-right{width:100%; padding:0; margin:0 auto; text-align:center; }

	.fo-all{ margin:0;}

	.fo-list{ width:50%; float:left;}

	.fo-list li{ text-align:center;}

	.st-img{width:33%; float:left;}

	.nav-con1{ display:none;}

	/*尾部 end*/

	/*头部 end*/
    .navbar-toggle{ margin-top:15px !important;}
	.navbar-inverse .container,
	.navbar-inverse .container .navbar-header,
	.navbar-inverse{ height:63px !important;}
    .navbar-fixed-top .navbar-collapse, 
	.navbar-fixed-bottom .navbar-collapse{ height:270px !important; max-height: auto !important}
	.navbar-inverse .navbar-collapse, 
	.navbar-inverse .navbar-form{ background-color:rgba(0,0,0,0.8);}
	.navbar-inverse .navbar-nav{ width:100%;}
	.navbar-inverse .navbar-nav > li{ height:40px;}
	.navbar-inverse .navbar-nav > li a{ height:40px; line-height:18px;}
	.footer-o-right .fo-list{ width:auto; margin-top:30px;}
	.logo-txt{ display:none;}
	
    .footer-o-right .fo-list{ width:100%; margin-top:5px;}
    .fo-list li{ float:left; width: auto; margin-right:20px;}
	.footer-o-right .ri-fo-list li:nth-child(2){ margin-bottom:10px;}
	.footer-o-right .ri-fo-list li:nth-child(3),
	.footer-o-right .ri-fo-list li:nth-child(4),
	.footer-o-right .ri-fo-list li:nth-child(5){ padding-left:0;}
	.footer-o-right .fo-list li:nth-child(6){ }
	
	.code ul li{ font-size:12px !important; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	
}


.pro-service-title{color:#dc1213; font-size:18px; text-align:center; padding-bottom:60px;}


/*======== 图标字体(.iconfont) ========*/
@font-face{
	font-family: "iconfont";
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-style:normal;
    /*-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;*/
}