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


/**                phone               **/

.phone_menu_box{
border-bottom:2px solid #193984;
background:#FFFFFF;
margin-bottom:0px;

}

.navbar-nav li{
background:#FFFFFF;
border-bottom:1px solid #eee
}
.nav li a:hover{
color:#193984
}
.navbar-brand{
padding:10px 0px 5px 13px;}

ul,li,p{
list-style:none;
margin:0px;
padding:0px;}

.index_1_menu ul li{
background:#fff;
 border: 1px solid #dedede;
-moz-border-radius: 5px;      /* Gecko browsers */
 -webkit-border-radius: 5px;   /* Webkit browsers */
 border-radius:5px;            /* W3C syntax */
 height:80px;
 margin:10px;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(2, #eee));
}
.index_1_menu ul li .tl{
color:#0988CB;
font-size:15px;
margin-bottom:5px
}


/**                phone               **/


html,body{
margin:0px;
padding:0px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
line-height:20px;
width:100%;
height:100%;
overflow-x:hidden
}
img{
border:none}
ul,li,a,p{
margin:0px;
padding:0px;
list-style:none;
text-decoration:none
}
.custom_globalshare{

width: 166px;
height: 34px;
padding-top: 12px;
position: absolute;
left: 15px;
top: 20px;
background: url(images/share.png) no-repeat;
}
.custom_globalshare a {
background: url(images/share.jpg) no-repeat;
display: block;
float: left;
height: 22px;
margin-left: 18px;
}
.custom_globalshare a#facebook {
width: 10px;
}
.custom_globalshare a#twitter {
width: 20px;
background-position: -10px 0;
}
 .custom_globalshare a#skype {
width: 22px;
background-position: -30px 0;
}
.custom_globalshare a#forum {
width: 23px;
background-position: -52px 0;
}



.right_menu{
width:240px;
position:fixed;
top:0px;
right:0px;
background:#555957;

}
.menu{
border-left:1px solid #eee;
background:#fff;
height:420px
}
.logo{
padding:25px 0px 0px 25px;
}
.right_menu ul{
margin:33px;
}
.right_menu ul li{
border-bottom:1px solid #dee0e5;
line-height:45px;
height:45px;
width:150px;
font-size:13px
}
.right_menu ul li a{
color:#666666;font-weight:bold;
}
.right_menu ul li a:hover{
color:#193883
}

.menu_box{
background:#193883;
height:120px;
}
.menu_box .search{
background:#5671a6;
padding:8px;
}
.menu_box p{
color:#fff;
margin-bottom:10px;
font-size:14px
}
.menu_bottom{
background:#555957;
height:540px;
}


.index_contact{
padding:20px;
color:#888888;
line-height:18px;
}
.index_contact p{
border-bottom:1px solid #888888;
padding-bottom:5px;
color:#888888;
margin-bottom:20px
}
.index_contact .ff{
border:1px solid #888888;
height:28px;
width:90px;
margin-left:8px;
float:left;
line-height:28px;
text-align:center;
margin-top:30px;
background:#757575

}
.index_contact .ff a{
color:#ccc
}

.box{
width:740px;position: absolute;top:0px;right:240px;min-height:970px
}
.box_1{ background:#FFFFFF; padding:2px 30px 50px 30px;}


.about{width:680px;position: absolute;top:0px;right:240px;background:#fff; padding:2px 30px 0px 30px;}
.about_top{height:120px;background:url(images/about_bg2.jpg) no-repeat; margin:0 0px 30px 0px; background-size:cover;}
.about_mid1{}
.about_mid1 p{ text-indent:2em; color:#777; font-size:13px; line-height:25px; margin-bottom:10px;}
.about_mid2{ width:330px;float:left; margin-right:20px;}
.about_mid2 img{ width:150px; float:left; margin-right:20px;}
.about_mid2 p{ text-indent:0em;line-height:20px; float:left; width:150px;}
.about_mid2 a:hover{color:#e15617; text-decoration:underline;}


.product{width:680px;position: absolute;top:0px;right:240px;background:#fff; padding:2px 30px 20px 30px;}
.product_top{height:120px;background:url(images/pro_bg2.jpg) no-repeat; margin:0 0px 30px 0px; background-size:cover;}
.product_mid1{}
.product_mid1 p{ text-indent:2em; color:#777; font-size:14px; line-height:25px; margin-bottom:10px;}
.product_mid2{ width:100%; margin-top:30px;}
.product_mid2 img{ width:300px; float:left; margin-right:20px;}
.product_mid2 div{float:left; width:350px; height:150px; overflow:hidden;}
.product_mid2 p{ text-indent:0em;line-height:20px;}
.product_mid2 a:hover{color:#e15617; text-decoration:underline;}


.proxx{width:680px;position: absolute;top:0px;right:240px;padding:2px 30px 0px 30px;}
.proxx_top{height:120px;background:url(images/pro_bg2.jpg) no-repeat; margin:0 0px 30px 0px; background-size:cover;}

.proxx_mid1 p{ text-indent:2em;}
.proxx_mid2{ }
.proxx_mid2 img{ width:300px;}
.proxx_mid2 p{ text-indent:0em;line-height:20px;}
.proxx_mid2 a:hover{color:#e15617; text-decoration:underline;}


.news{width:680px; min-height:650px;position: absolute;top:0px;right:240px;background:#fff; padding:2px 30px 100px 30px;}
.news_top{height:120px;background:url(images/news_bg2.jpg) no-repeat; margin:0 0px 30px 0px; background-size:cover;}
.news_mid1{}
.news_mid1 p{ text-indent:2em; color:#777; font-size:14px; }
.news_mid2{ width:310px; margin-top:30px; float:left; margin-right:30px; height:250px;}
.news_mid2 img{ width:310px; margin-bottom:6px; }
.news_mid2 p{ text-indent:0em;line-height:20px; font-size:12px;}
.news_mid2 a:hover{color:#e15617; text-decoration:underline;}
.news_1 {border:1px solid #ccc; padding:5px;}
.tl{ font-size:16px;  color:#183883; padding-top:10px; margin-bottom:10px }

.pro_nav{
	margin-bottom: 30px;
}
.pro_nav a{
	    color: #fff;
	    font-size: 17px;
	    margin-right: 20px;
	    background: #666;
	    padding: 6px 15px;
}
.pro_nav a.active{
	color: #fff;
	background: #e15617;
}
.pro_nav a:hover{
	color: #fff;
}
.contact{width:680px;position: absolute;top:0px;right:240px;background:#fff; padding:2px 30px 10px 30px; min-height:970px}
.contact_top{height:120px;background:url(images/contact_bg2.jpg) no-repeat; margin:0 0px 30px 0px; background-size:cover;}
.contact_mid1{}
.contact_mid1 p{color:#777; font-size:14px; margin-bottom:10px;}
.contact_mid2{ width:100%; margin-top:30px;}
.contact_mid2 img{ width:300px; float:left; margin-right:20px;}


.bottom_box{ background:url(images/bottom_bj.png);height:35px;width:100%;}
.bottom_box ul li{ float:left ; line-height:35px; height:35px; width:120px; text-align:center; border-right:1px solid #ccc; }
.bottom_box ul li a{ color:#fff; font-size:14px; display:block}
.bottom_box ul li a:hover{ background:#183883 }

.news_pic{}
.news_pic img{ float:left; border:1px solid #ddd; margin:5px; padding:5px;}

.pro_other{ width:100%; margin-bottom:30px; border-bottom:2px solid #e05316;padding-top:30px;}
.pro_other li{ width:80px; height:40px; text-align:center; line-height:40px;float:left; background-color:#ddd; cursor:pointer; border:1px solid #ccc; margin:10px 15px 15px 0; font-size:16px;}
.pro_other li:hover{background-color:#e05316; color:#fff;}


.pro_canshu{ border:1px solid #ccc;}
.pro_canshu td{ padding:5px 10px 5px 20px;}
.pro_other2 li {
    width: 153px;
}