@charset "utf-8";


@font-face {

    font-family: 'Sansation Light';

    src: url('./fonts/sansation_light-webfont.eot') format('eot');/*IE*/

    src:url('./fonts/sansation_light-webfont.woff') format('woff'),

    url('./fonts/sansation_light-webfont.ttf') format('truetype');/*non-IE*/

}

body{margin:0px; padding:0px; font-family:Microsoft Yahei,Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:#FFF; overflow-x:hidden }

table{border-collapse:collapse;}

h1,h2,h3,h4,h5,h6,form{margin:0;padding:0;}

dl,dt,dd{padding:0px; margin:0px;list-style:none;}

p{margin:0px; padding:0px;}

img{border:none; vertical-align:middle}

a{color:#555555; text-decoration:none;font-family:Microsoft Yahei,Arial, Helvetica, sans-serif; font-size:12px}

a:hover{color:#0e88f8;text-decoration:none;}

.pt5{padding-top:5px;}

.pt10{padding-top:10px;}

.pt20{padding-top:20px;}

.pb20{padding-bottom:20px;}

.pt30{padding-top:30px;}

.pt50{padding-top:50px;}

.pb30{padding-bottom:30px;}

.clear{height:0;line-height:0; font-size:0; clear:both;}

header{margin:0; padding:0;}

.navbar-brand{margin:0; padding:0;}

.navbar{ background:none; border:0; margin:0; padding:0;margin-bottom:0px}

.navbar .navbar-nav{margin:0; padding:20px 0 0 0;}

.navbar-collapse{margin:0; padding:15px 0 0 0}







header .container{position:relative;}

header .lang{ position:absolute; top:8px;right:20px;}



/*屏幕<=992*/

@media screen and (max-width: 992px) {    

	.navbar-brand img{height:70px;}

	.navbar-header {

      float: none;

    }

    .navbar-left,

    .navbar-right {

      float: none !important;

    }

    .navbar-toggle {

      display: block;

    }

	.navbar-nav{margin:0; padding:0;}    

	.navbar-collapse {

      position:absolute; background:#f3f3f3;  width: calc(100% + 30px); z-index:9; left:-15px;

    }

    .navbar-fixed-top {

      top: 0;

      border-width: 0 0 1px;

    }

    .navbar-collapse.collapse {

      display: none!important;

    }

    .navbar-nav {

      float: none!important;

      margin-top: 7.5px;

	  width:100%;

    }

    .navbar-nav>li {

      float: none;

	  margin-bottom:3px;

    }

	.navbar .navbar-nav>li a{ color:#1f425d; font-size:16px}

	.navbar .navbar-nav>li a:hover{background:#0e88f8; color:#FFF;}

	.navbar .navbar-nav>li.active a{background:#0e88f8; color:#FFF;}

	.navbar .navbar-nav>li.active>a:hover{background:#0e88f8; color:#FFF;}

	.navbar .navbar-toggle{margin:35px 0 0 0;border:0}

    .collapse.in {

      display: block !important;

    }

	.navbar .dropdown-menu{ margin:0; padding:0px; list-style:none; }

	.navbar .dropdown-menu li{margin:0px; padding:0px; border-bottom:1px dotted #f3f3f3;}

	.navbar .dropdown-menu li a{margin:0; padding:8px 20px; font-size:12px}

	.navbar .dropdown-menu li a:hover{ background:#0e88f8; color:#FFF}

}

@media screen and (min-width:992px){
.navbar-header img{max-height:80px;}
.navbar .navbar-nav li{margin-left:20px; padding:12px 8px 0 0}

.navbar .navbar-nav li a{ font-size:16px; color:#1f425d; background:none; margin:0; padding:0}

.navbar .navbar-nav li a:hover{color:#0e88f8;}

.navbar .navbar-nav li.active a,.navbar .nav li.active a:hover{color:#0e88f8; background:none}

.navbar .navbar-nav li.open .dropdown-toggle{background:none;}

.navbar .dropdown-menu{ margin:0; padding:0px; list-style:none}

.navbar .dropdown-menu li{margin:0px; padding:0px; border-bottom:1px dotted #f3f3f3;}

.navbar .dropdown-menu li a{margin:0; padding:8px 20px; font-size:12px}

.navbar .dropdown-menu li a:hover{ background:#0e88f8; color:#FFF}

}



@media screen and (min-width:1200px){

.navbar .navbar-nav li{margin-left:45px;}

.navbar .dropdown-menu li{margin:0px;}

}

.navbar-form{padding:25px 0 10px 0; margin:0 10px 0 30px; position:relative;min-width: 200px}

.navbar-form input{ border:0; outline:none; background:#666; color:#FFF;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px; margin:0; padding:5px 5px 5px 15px; height:30px; line-height:30px; display:block; width:100%}

.navbar-form button{ overflow:hidden; text-indent:-5000px; width:30px; height:30px;border:0; outline:none;background:url(img/sbtn.png) center center no-repeat #666;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px; position:absolute; right:2px; display:block; top:25px}

.navbar-form button:hover{ border:0;background:url(img/sbtn.png) center center no-repeat #666;}



/*首页焦点图*/

#home_slider {margin: 0; padding: 0; position:relative}

#home_slider .slides{margin:0; padding:0 ; list-style:none;}

#home_slider .slides > li {	display: none;	-webkit-backface-visibility: hidden;	list-style-type: none;}

#home_slider .slides img {width: 100%; display: block;}

#home_slider .flex-control-paging {position: absolute;	bottom: 3px;	right: 50%;	height:8px;	z-index:8}

#home_slider .flex-control-paging li {	margin: 0 5px 0  0;float:left;}

#home_slider .flex-control-paging li a {width:8px;height:8px; border:1px solid #FFF;cursor: pointer; display:block; overflow:hidden; text-indent:-5000px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}

#home_slider .flex-control-paging li a.flex-active {background: #0e88f8;}

/*首页焦点图 end*/



.homeAbout{ line-height:180%; color:#666}

.homeAbout td{padding:10px}

@media screen and (max-width:768px){

.homeAbout td{display:inline-block;padding:0}

}

.focus{clear:both;}

.focus img{width:100%; display:block}

/*面包屑导航*/

.position{font-size:12px; color:#666; border-bottom:1px solid #f1f1f1; padding:20px 0 10px 0}

.position a{font-size:12px;color:#666;}

.position a.home{background:url(img/home.gif) left center no-repeat;padding-left:20px;}

/*单页文档*/

.title{ font-size:30px; clear:both; padding:15px 0; font-family: 'Sansation Light'; font-weight:normal; color:#555}

.content{clear:both; line-height:200%; color:#555; padding:20px 0 0 0}

.content a{font-size:inherit; color:#555;}

.content table{max-width:100%;}

.content img{max-width:100%;}

.saveform input[type=text]{padding:5px;color:#787878;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; width:100%; margin-bottom:10px; outline:none; max-width:500px;}

.saveform textarea{padding:5px;color:#787878;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; width:100%; margin-bottom:10px; height:150px; outline:none; max-width:500px;}

.content td{ padding:5px;}







/*右侧导航栏*/

.rightTitle{ clear:both;font-family: 'Sansation Light'; font-size:28px; padding:15px 0 5px 0}

.rightUL{margin:0px;padding:0 0 20px 0;list-style:none; clear:both}

.rightUL li.li_s{ padding:3px 0}

.rightUL li.li_s a{font-family: 'Sansation Light';font-size:14px;padding:10px 4px 10px 20px; background:#f3f3f3; display:block;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px; color:#333}

.rightUL li.li_s a:hover{background:#3f98ee; color:#FFF; text-decoration:none}

.rightUL li.li_sOn a,.rightUL li.li_sOn a:hover{background:#0e88f8; color:#FFF; text-decoration:none}

.rightUL li.li_1{ padding:3px 0}

.rightUL li.li_1 a{font-family: 'Sansation Light';font-size:14px;padding:10px 4px 10px 20px; background:#f3f3f3; display:block;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px; color:#333}

.rightUL li.li_1 a:hover{background:#3f98ee; color:#FFF; text-decoration:none}

.rightUL li.li_1On a,.rightUL li.li_1On a:hover{background:#0e88f8; color:#FFF; text-decoration:none}

.rightUL li.li_2{ padding:5px 0 5px 20px; display:none}

.rightUL li.li_2 a{font-family:Arial, sans-serif;font-size:14px;color:#333}

.rightUL li.li_2 a:hover{color:#3f98ee; text-decoration:none}

.rightUL li.li_2On a,.rightUL li.li_2On a:hover{color:#3f98ee; font-weight:bold; text-decoration:none}









/*news*/

.newsTime{ display:block; clear:both; padding-bottom:15px; color:#999}

.newslist{padding:0; margin:0; list-style:none;}

.newslist li{height:42px; line-height:42px; clear:both; background:url(img/li3.gif) 0 18px no-repeat; padding:0 0 0 10px; border-bottom:1px solid #f1f1f1}

.newslist li div{float:left; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }

.newslist li i{ display:block; float:right; color:#ccc;}

.updown{clear:both; padding:5px 0; color:#999}

.updown a{color:#5d8d05; text-decoration:underline}





/*prolist*/

.prolist{ padding:20px 0 0 0}

.prolist .col-xs-6 div{border:1px solid #EEE;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; }

.prolist .col-xs-6 div img{width:100%;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; max-width:100%}

.prolist .col-xs-6 p{text-align:center; padding:10px 0; line-height:150%}

.prolist .col-xs-6 p a{font-size:12px; }



/*product*/

.proDetail{ clear:both; padding:20px 0 0 0}

#gallery {margin: 0; padding: 0; position:relative}

#gallery .slides{margin:0; padding:0 ; list-style:none;}

#gallery .slides > li {	display: none;	-webkit-backface-visibility: hidden;list-style-type: none;}

#gallery .slides img {width: 100%; display: block;}

#gallery .flex-direction-nav { float: left; margin:0; padding:0; list-style:none}

#gallery .flex-direction-nav li { float: left;}

#gallery .flex-direction-nav a { vertical-align: top; zoom: 1;width:30px; height:30px; text-indent: -9999px; z-index:7; top: 50%; margin-top: -30px; position: absolute; background:url(img/lr.jpg) no-repeat 0 0; opacity:0.5}

#gallery .flex-direction-nav .flex-next { right: 0; background-position: -30px 0;}

#gallery .flex-direction-nav .flex-prev {left: 0; background-position: 0 0;}

#gallery .flex-direction-nav a:hover{opacity:1;}





.summaryDiv{ padding:10px 0 0 0; font-size:14px; min-height:200px; line-height:200%;}

.summaryDiv a{font-size:14px;}

.summaryA a{ display:block; padding:10px 0;background:#666; border:1px solid #555;  text-align:center; color:#FFF;  text-transform:uppercase;font-size:18px;font-family: 'Sansation Light'; cursor:pointer}

.summaryA a:hover{color:#FFF; background:#fc6d4c; border:1px solid #f16444; text-decoration:none}

.proShare{height:68px; padding:28px 0 0 64px; clear:both; background:url(img/share.jpg) 0px 28px no-repeat;}





.summary{line-height:180%;padding:15px ;color:#666;background:#F2F2F2}





/*网站底部*/

footer{display:block; background:#363839; padding:30px 0 0 0; border-top:8px solid #e9eaee; margin:20px 0 0 0}

.footerInfo{ color:#bdbdbd}

.footerInfo a{color:#bdbdbd; font-size:inherit}

.footerInfo h3{ display:block; font-size:16px; line-height:140%; font-weight:bold}

.footerInfo h3 a{color:#FFF;}

.footerInfo ul{margin:0; padding:10px 0; list-style:none;}

.footerInfo ul li{ padding:8px 0; border-bottom:1px solid #505152;}

.footerInfo ul li a{color:#bdbdbd;}

.footerInfo ul li a:hover{color:#FFF;}

.footerInfo .footerBox{ padding:10px 0; font-size:12px; line-height:200%}

.copy{ background:#282a2b;color:#8c8989; padding:15px 0; text-align:left; margin:15px 0 0 0; border-top:1px solid #4b4c4d}

.copy a{color:#8c8989; font-size:inherit}

/*网站底部*/





/*livechat*/

#cleft_box{ position:fixed;_position:absolute;right:0px;top:200px;padding:0px;margin:0px;overflow:hidden;width:25px; z-index:99; }

.chatdiv{padding-left:25px;background:url(img/chatbtn.gif) left 26px no-repeat;}

.chatinfo{width:96px; padding:40px 10px 10px 10px; line-height:180%; background:url(img/livechat.jpg) top center no-repeat #FFF; min-height:200px;border:2px solid #d6100a;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

@media screen and (max-width:768px){

#cleft_box{display:none;}

}



/*分页*/



DIV.black2 {



	PADDING:10px; MARGIN: 7px; TEXT-ALIGN: center; clear:both



}



DIV.black2 A {



	BORDER: #ddd 1px solid; PADDING:10px; COLOR: #aaa; MARGIN-RIGHT: 2px;TEXT-DECORATION: none



}



DIV.black2 A:hover {



	BORDER: #a0a0a0 1px solid; PADDING:10px;MARGIN-RIGHT: 2px;



}



DIV.black2 A:active {



	BORDER: #a0a0a0 1px solid; PADDING:10px; MARGIN-RIGHT: 2px;



}



DIV.black2 SPAN.current {



	BORDER: #e0e0e0 1px solid; PADDING:10px;COLOR: #aaa; MARGIN-RIGHT: 2px; BACKGROUND-COLOR: #f0f0f0



}



DIV.black2 SPAN.disabled {



	BORDER: #f3f3f3 1px solid;PADDING:10px;COLOR: #ccc; MARGIN-RIGHT: 2px; 



}

.feecbackForm button{font-size:13px; border:0; font-weight:300; padding:8px 30px; display:inline-block; text-transform:uppercase;background:#000;color:#FFF; cursor:pointer; margin:20px 0 0 0}

.feecbackForm button:hover{background:#fc2561; color:#FFF}
.downloadLink img{width:250px}
.appDownload{display:none}

@media (max-width:992px){
.appDownload.active{cursor:pointer;z-index:999;display:block;text-align:right;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);}
.appDownload img{max-width:350px;}
}