@charset "utf-8";
/*-----------公共分辨率------------*/
body {
	overflow-x: hidden;
	font-size: 14px;
   font-family: Arial,"Microsoft YaHei",Helvetica,sans-serif;
	line-height:1.2em;
	margin:0 auto;
	color:#444;
}
*{ outline:none;}
.main{ width:1140px; margin:0 auto;}
a:link{ text-decoration:none; color:#333;}
a:hover{ color:#786aaf;}
.clear{clear:both;} 
ul,ol,li,dl,dt,dd,h1,h2,h3,h4{	margin: 0;padding: 0;list-style-type: none;	}
a,img{border:0;}
a:visited{color:#444;}

/* 幻灯片 */
.img img{ width:100%;}
.flexslider{margin:0px auto;position:relative;width:100%;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
/*agent 首页下部幻灯*/
.agent-logo{width:1140px; margin:0 auto;padding-top:8px;height:70px; border-top:none;}
.blk_18 { overflow:hidden; zoom:1; width:100%; }
.blk_18 .pcont { width:1080px; float:left; overflow:hidden;}
.blk_18 .ScrCont { width:10000px; zoom:1; margin-left:-5px; }
.blk_18 #List1_1, .blk_18 #List2_1 { float:left; }
.blk_18 .LeftBotton,.blk_18 .RightBotton {padding:20px 5px; margin:49px 0; float:left; color:#fff; text-decoration:none;}
.blk_18 .LeftBotton{background:url("../images/arrow-btn-left.png") no-repeat;}
.blk_18 .RightBotton{background:url("../images/arrow-btn-right.png") no-repeat;}
.blk_18 .LeftBotton{margin:6px 10px 0 0; padding:}
.blk_18 .RightBotton{margin:6px 0 0 5px;}
.blk_18 .pl img {width: 100%; display:block; border:none; }
.blk_18 .pl {padding:0 5px; width:110px; float:left; float:left; text-align:center; line-height:24px; }
/*contact*/
.content-aboutl{
	padding-top:10px;
   float:left;
   width:450px;
}
.content-about h2{
	font-size:16px;
	padding-bottom:10px;
	color:#786aaf;
}
.content-aboutr{
   float:right;
   width:450px;
}
.content-aboutr p {
  padding-top:45px;
  padding-bottom:10px;
}
/*order*/
.left-order h1{ font-size:20px;}
/*首页关于我们*/
.index-about{
	width:100%;
    height:316px;
	background-color:#f6f6f6;
}

.index-about-title{
	color:#2a2a2a;
	font-size:17px;
	font-weight:bold;
	margin:0px auto;
	padding-top:3px;
	width:1140px;
	height:50px;
	line-height:50px;
	text-align:center;
}
.index-about-main{
	width:1162px;
	margin:0px auto;
}
.index-about4{
	height:256px;
	width:268px;
	padding:0 11.5px 0 11px;
	float:left;
}
.index-about1-image{
	width:268px;
}
.index-about1-image img{
    width:268px;
	height:150px;
}

.index-about1-title{
	font-size:14px;
	font-weight:700;
	color:#333;
	width:268px;
	float:left;
	line-height:34px;
}
.index-about1-info{
	width:268px;
	padding:0 22.5px 0 0;
	font-size:12px;
	color:#666;
	line-height:24px;
	height:100px;
	}

/*首页产品及新闻*/
.cont {width:100%;}
.cont li{list-style:none}
.index-news-list{float:right;width:280px;}
.index-news-list dd{  
   width: 270px;
  overflow: hidden;
  line-height: 28px;
  height: 28px;
  }
.cont .index-inner {
	background-position:left -34%;
	background-position:left -32%;
	background-repeat:repeat-x;
	width:1140px;
	margin:0 auto;
	padding:0 0 10px 0;
	padding-bottom:0;
}
.cont .pro-center {
	float:left;
	width:562px;
	font-size:12px;
	margin:0
}

.cont .pro-center ul {
border: 1px solid #ccc;
padding: 20px 13px 10px 13px;
padding-top:38px;
_padding-top:46px;
float: left;
margin: 0;
}
.cont .pro-center li {
float: left;
width:100%;

padding:0 3px;
}
.cont .pro-center li div{float:left;  font-size: 13px; line-height:22px;}
.cont .pro-center dl{float: right;margin:0;width: 140px;}
.cont .pro-center dt{color:#786aaf;font-weight:bold}
.cont .pro-center dd{margin:0;padding:3px 0}
.cont .new-serv-pro{
	float:right;
	width:562px;
	font-size:12px;
	margin:0
}
.tit{font-size:15px; line-height:30px; margin:10px 0; }
.tit span{ background: url(../images/all1.png) no-repeat;padding-left:10px;}
.tit a{float:right;}
.pro-center img{ width:320px;}
.cont .new-center ul{padding:10px 5px 10px 5px;border:1px solid #ccc;margin:0;  height: 178px;}
.cont .new-center li{float:right;}
.cont .new-center dl{margin:0 6px 0 0;}
.cont .new-center dd{margin:0;border-bottom:1px dotted #ccc}
.cont .serv-pro{margin:0;padding:0;}
.cont .serv-pro dd{float:left;width:562px;margin:0;padding: 0;}
.cont .serv-pro dt{clear:both;line-height:0;height:0;margin:0;padding:0}
.cont .serv-pro .serv ul{margin: 0;padding: 0 11px;border:1px solid #ccc;}
.cont .serv-pro .serv li{padding: 12px 0 12px 9px;width: 94px;overflow: hidden;height: 16px;}
.cont .serv-pro .pro ul{margin:0;padding:0}
.cont .serv-pro .pro li{
    padding-left: 12px;
    width: 258px;
    float: left;
    margin: 6px 0;
    background-position: left 40%;
}
#colee20 {overflow:hidden;height: 120px;_height:179px;line-height:18px;text-align:left;}

.flink{background-position:left 100%;background-repeat:repeat-x;width:100%;padding:0;margin:0;}
.cls_container{width:898px;font-size:12px;margin-top: 25px;overflow:hidden;float:right;height:20px;overflow:hidden}
.cls_container ul{list-style-type:none;margin:0;padding:0;margin-left:24px;}
.cls_container li{height:26px;line-height:26px;margin:0;overflow:hidden}
.cls_container li a{color:#999;}
.flink .flink-inner{background-position:left 100%;background-repeat:repeat-x;width:964px;margin:0px auto;padding:5px 0;height: 50px;
line-height: 62px;}
.flink .flink-inner .tit {
	float:left;
	border:0;
	margin:0;
	padding: 8px 0 0 0;
}
.serv li{
	_display:inline;
	}

.index-hot-products li a{ cursor:pointer;}
.index-inner dd a:hover{color:#786aaf; text-decoration:underline}
/*about*/
.about-main {
  width: 1140px;
  margin:12px auto;
}
.sidebar{
   width:210px;
   padding-right:30px;
   float:left;
   padding-bottom:30px;
   } 
.other-sidebar{
   width:210px;
   padding-right:30px;
   float:left;
   height:540px;
   padding-bottom:30px;
   } 
   
.sidebar-title{
   width:210px;
   height:160px;
   float:left;
   background-color:#786aaf;
   } 
  .sidebar-title h2{
     padding-top:40px;
	 padding-left:30px;
     font-weight:500;
     font-size:22px;
     color:#fff;
     height:35px;
     line-height:35px;
   }
  .sidebar-table1 .active{color:#786aaf;}
.sidebar-table1{height:47px; vertical-align:top;}
.sidebar-table1 td{
  border-bottom: 1px solid #e0e0e0;
  height:47px;
  line-height:47px;
  padding-left:30px;
  	padding-bottom:0 ;
display:block;
  }
.sidebar-table0 td{
	border-bottom:none;
	height:47px;
    line-height:47px;
	vertical-align:top;
}
.sidebar-table0 img{
	width:234px;
}
.about-content{
    padding-bottom:40px;
    width:900px;
    float:left;
    height:auto;
 }
.about-top{
   width:900px;
   height:48px;
   line-height:48px;
   border-bottom:1px solid #ccc;
    margin-bottom: 30px;
   }
 .about-top h2{
   color:#333;
   font-size:18px;
 }
  .about-top h1{
   color:#333;
   font-size:18px;
 }
 .about-top a{
   color:#666;
	}
.about-top a:hover{color:#786aaf;}
.about-topl{
   width:200px;
   float:left;
   border-bottom: 1px solid #786aaf;
}
.about-topr{
   font-size:14px;
   color:#666;
   width:740px;
   float:right;
   text-align:right;
}
.content-job{padding-bottom: 100px;}
.content-about {
  width: 900px;
  font-size: 14px;
  line-height: 24px;
  color: #555;
  word-wrap:break-word;
  word-break:break-all ;
    padding-bottom: 30px;
}
.about-sidebar {
  font-size: 14px;
  width: 210px;
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-bottom: none;
  padding-bottom: 10px;
  font-weight: 600;
}
/*news*/
.newsl {
    width: 900px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    float: left;
}
.newsl-image {
    width: 240px;
    float: left;
}
.newsl-image img {
    border: none;
    width: 240px;
}
.newl-info {
    width: 450px;
    float: left;
    font-size: 12px;
    color: #666;
    line-height: 24px;
    padding-left: 30px;
    padding-top: 25px;
}
.newl-info h3 a:hover {
    color: #786aaf;
}
.newl-info h3 a {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}
.newl-detail a {
    color: #fff;
}
.newl-detail:hover {
    background-color: #2d2d2d;
}
.newl-detail {
    margin-left: 100px;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 80px;
    background-color: #786aaf;
    text-align: center;
    margin-top: 75px;
    font-size: 14px;
}

/*products list*/

.products{ margin-top:15px;}
.products-list{ width:900px; margin:0; display:inline-block;}
.products-list dd{ display:inline-block;line-height:20px;font-size:13px;    border-bottom: 1px solid #ddd;}
.products-list dt{background: #f0f0f0; display:inline-block; margin-bottom:6px;font-size:14px;}
.products dt span {
    font-weight: bold;
	line-height:30px;

}
.list-ico{width:22px;float:left; height:22px; background:url(../images/contact-agent.jpg);padding:3px 0;}
.list-empty{width:22px;float:left; height:30px;}
.list-name{width:390px;float:left;word-wrap: break-word; padding:4px 0;}
.list-attr,.list-fun,.list-price,.list-other,.list-id,.list-order{ float:left;word-wrap: break-word; padding:4px 0;}
.list-attr{width:80px;}
.list-order{width:85px; cursor:pointer;}
.list-fun,.list-price{width:90px;}
.list-other{width:121px;}
.list-id{width:112px;}
.list-attr,.list-fun,.list-price,.list-other,.list-order{
    text-align: center;
}

/*--------公共分辨率---结束！！---------*/
.width1{width:1140px;margin:0 auto; height:70px;padding:2px 0;}
.headerl{width:200px; float:left;  height: 70px;}
.headerr{width:676px; float:left;}
.header-contact{width:264px; float:left;}
.headerl img{height:70px;}
.insert{width:380px; float:left;padding-left:24px;}
.header-contact p{width:209px; text-align:left; font-size:13px; margin:12px 0 0 10px;color:#333; float:left;}
.header-contact p span{padding-left:30px;}
.header-contact img {width:40px; float:left; padding:4px 0;}
.insert input{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	padding:2px 8px 2px 5px ;
	border: 1px solid #ccc;
	color: #656565;
	background: #ffffff;
	height:29px;
	line-height:20px;
	margin-top:22px;
	width:400px;
	font-size:13px;	
	outline: medium;
}
.insert-search{float:left;width:60px;}
.insert-search input{
	padding:0;
    width:60px;
	height:35px;
	border: 1px solid #ccc;
	color: #333;
	background-image: url(search-button.jpg);
	margin-top:22px;
	font-size:16px;
	cursor:pointer;
	border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.select_style{
	float:left;
	width:190px;
	margin-left:0px;
	padding:0px;
	background: #fff;
    overflow:hidden; 
	outline: medium;
}
.select1 {
	font-size:13px; width:190px; height:32px; 
    background:none; border:none; outline: medium;  
    line-height:32px;color:#555 ;
}   
#sleHid { display:block; width:162px; height:33px;overflow:hidden;border:none;   line-height:32px;  }    
#sleBG  { 
  margin-top:22px;
  width:190px; 
  height:23px;
  border:1px solid #ccc; 
  background:url("") #fff no-repeat 62px 1px;  
  line-height:23px;
  display:block;
  padding-bottom:10px;
  }
option{height:23px;}
.top{width:100%;background-color:#786aaf;height:45px;line-height:45px;   margin:0 auto;}
.top a{color:#FFF;	font-size:14px;	display:block;}
.top a:hover{color:#f0f0f0;text-decoration: none;border:none;}
.menu{width:1140px; margin:0 auto;}
.menu ul li {  position:relative;float: left; text-align: center;background-color:#786aaf;}
.menu li a{
	color: #fff;
    text-decoration: none;
	font-size:15px;
	text-transform: capitalize;
	display: block;
	text-decoration: none;
	z-index:100;
}
.menu ul li ul {display: none;margin-top:33px;	}
.menu ul li ul li
{
	height: 35px;
	line-height: 35px;
	color: #fff;
	text-decoration: none;
	z-index:100;
	width:150px;
    border-top:1px solid #eee;
}
.menu ul li:hover ul {display:block; position:absolute; top:12px; left:0; z-index:9999;}
.menu ul li:hover ul li a.hide { color:#fff;}
.menu ul li:hover ul li:hover a.hide { color: #7b7c7c;}
.menu ul li:hover ul li a {display:block; background:#786aaf;color:#fff;line-height:33px;font-size:14px;	}
.menu ul li:hover ul li a:hover { color: #e9e9e9;  }
.menu-index{ height: 45px; width: 130px;line-height: 45px;background: url(../images/menu-bg.png);	}
.menu-about { height: 45px; width: 142px; line-height:45px;background: url(../images/menu-bg2.png);}
.menu-contact{  height: 45px;  width: 143px; line-height:45px;border-top-right-radius:4px;}
.index-categry{
	width:1138px;
	margin:0 auto;
	height:212px;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	padding-top:4px;
	}
.index-categry1{
	width:275px;
	height:100px;
	float:left;
	margin:0 4px 4px 3px;
	border:1px solid #eee;
	border-radius:4px;
	background:#ffffff;
	}

.index-categry1 img{width:64px;  padding:0px; float:left;}
.index-categry1 h3{width:166px;padding:15px 10px 10px 10px;float:right; font-size:15px; font-weight:500;text-align:left; }
.index-categry1 h3 a{color:#444;}
.index-categry1 p{margin:0; width:186px;float:right; font-size:14px}
.index-categry1 p a{ color:#444; font-family:'Helvetica',sans-serif;}
.index-categry1 p a:hover{color:#786aaf;}
.index-categry-main h1{
	width:980px;
	font-size:19px; 
	padding-left:25px;
	float:left; 
	height:50px; 
	line-height:50px;	
	color:#786aaf;}
.index-categry-main{border-left: 1px solid #eee;  width:1139px;margin:0 auto;height:50px;}
.index-categry-main span{
	background:#fefefe;
	border-right: 1px solid #eee;
	width:106px; 
	float:right;
	height:50px; 
	line-height:50px; 	
	text-align:right;
	padding-right:8px;
	font-weight:700;
}

.client{
	border-top: 1px solid #eee;
	height:72px;
	width:566px; 
	float:left;
	padding-top:0px; 
	}
.client img{width:308px; margin-top:5px;margin-left:4px}
.agent{width:250px;float:right;margin-top:6px;}
.agent-img{
    overflow:hidden;height: 70px;width: 1140px;background:#f4f4f4;color:#ffffff;
}
.agent p{margin:4px 0 4px 6px;color:#7064a5}
.agent-input{
	outline: medium none;
    color: #707070;
    border: 1px solid #CCC;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    width: 152px;
	margin-left:6px;
    height: 22px;
    margin-bottom: 6px;
    border-radius: 2px;
    float: left;
}
.agent-sub {
    margin-left: 8px;
    width: 68px;
    height: 32px;
    background-color: #7064a5;
    border: 0px none;
    color: #FFF;
    margin-bottom: 0px;
    border-radius: 4px;
    font-family: Georgia,Arial,Helvetica;
    font-size: 13px;
    float: left;
}
.tec-new-main{
	width:565px;
    float:left;
	height:216px;
	border-left: 1px solid #eee;
	margin-right:4px;
}
.tec-new-main2{
	width:565px;
    float:left;
	border-right: 1px solid #eee;
	height:220px;
	margin-bottom:0px;
}
.index-categry2 {height:144px;width: 282px;float: left;margin: 0 ;}
.index-categry2 a:hover{color:#7064a5}
.index-categry2 h3{width:166px;padding:10px 6px 6px 2px;float:right; font-size:14px; font-weight:bold;text-align:left; }
.index-categry2 img {width: 95px;padding: 11px 4px ;float: left;}
.index-categry2 p{font-size:13px; width:170px; padding:0 4px;float:left; margin:0;}
.index-categry2 p a{color:#444;}
.index-tec-title{font-size:25px;height:46px;line-height:46px;}
.index-news-title{
	font-weight:normal;
	padding-top:5px;
	padding-left:10px;
	font-size:28px;
	height:35px;
	line-height:35px;
	color:#786aaf;
	text-align:left;
}

.index-news-main{width:224px;float:left;padding-right:4px;}
.index-news-yy{width:244px;float:left;padding:15px 6px 0 9px ;height:218px;	}
.index-news-yy p{padding:3px 8px 0 8px;margin:0;}
.index-news-yy h3{padding:20px 0 0 7px; width:240px;margin:0 auto;font-size:14px; }
.new-ico1 img,.new-ico2 img{margin:0;background:#786aaf;}
.index-news-main h3{padding:3px 0 0 10px;font-size:14px;color:#444;height:36px;line-height:20px;}
.index-new-h3 a{font-weight:normal;color: #666;}
.index-new-h3 a:hover{color:#7064a5}
.index-new-h3{height:45px;line-height:18px;font-size:13px;padding:5px 0 2px 10px;}

/*详情页*/
.desciptions{line-height: 24px;}
.desciptions h3 {
    font-size: 15px;
    line-height: 34px;
    margin-bottom: 15px;
    color:#786aaf;
}
.desciptions h2{
    font-size: 16px;
    line-height: 34px;
    margin-bottom: 20px;
    background-color: rgb(238, 238, 238);
    padding-left: 10px;
    border-radius: 4px;
}
.desciptions table {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    line-height: 28px;
}
.desciptions td {
    padding-left: 6px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.productDetail li{
    line-height: 30px;
    float:left;
    width:100%;
}
.productr{width:700px !important; border-bottom: none !important;}
.productl{width:900px!important;}
.productDetail{display: inline-block;margin-bottom: 20px;}
.productDetail ul{width:700px;display: inline-block; float:left;}
.productDetail .img{width:200px; display: inline-block;float:right;}
.productDetail .img img{width:200px;}
.productDetail li span{color:#333;}
.productDetail li span.title{color:#000;width:86px; display: inline-block;}
.productDetail li a{cursor: pointer}
/*footer*/
.gongan{
    background-image: url("beian.png");
    background-position: 8px center;
    background-size: 16px;
    background-repeat: no-repeat;
    padding-left: 28px !important;
}
.footer{
    width:100%;
	background-color:#786aaf;
	height:60px;
	line-height:20px;
    padding:20px 0 0 0;
    color: #eee;
    font-size: 13px;
}
.gongshang {position:absolute;  top: -6px;left: 116px;}
.gongshang img{height:30px!important;width:23px !important;}
.footerInfo{  width: 900px;margin: 0 auto!important;}
.copyRight{position:relative;}
.footer-main{width:100%;display: inline-block;}
.footer-main p{text-align: center;margin:0;}
.footer-main p span{padding-left:10px;line-height: 20px;}
.footer-main p a{color:#fff;margin:0;}
.footer-main p a:hover{color:#333;}
/*.footer-title{   width:390px;float:left;font-size:13px;	height:60px;line-height:34px;}*/
/*.footer-title img{width:32px;float:left;	}*/
/*.footer-title span{padding-top:6px;	padding-left:20px; width:334px;	float:left;	}*/
/*.footer-info{*/
    /*width:300px;*/
	/*float:left;*/
	/*font-size:12px;*/
	/*line-height:24px;*/
	/*padding-left:52px;*/
/*}*/
/*.footer-info img{margin:8px 10px 0 0; border:1px solid #e9e9e9; width:30px;}*/
/*.header-contact a{ color:#333;}*/
/*.footer-info a{ color:#fff;}*/
.header-contact a:hover{ color:#786aaf;}
/*.footer-info a:hover{ color:#ddd;}*/
/*contact-us 页面*/
.contact-map{padding-bottom:15px;}
.contact-banner{margin:0 auto;width:1140px;	padding-top:12px;}
.contact2-main h1 { width: 1140px;  height: 50px; line-height: 50px;  font-size: 26px;  text-align: center;}
.contact1{width:100%;height:110px;color: #444;}
.contact1 h1{width:1140px;height:45px;line-height:45px;	font-size:20px;	text-align:center;}
.contact1 p{
	font-size:14px;
	text-align:left;
	color: #666;
    line-height: 24px;
	padding:4px 0 10px 0;
	margin:0;
	border-bottom:1px solid #eeeeee; 
}
.contact2{width:100%;background: #ffffff;}
.contact2-main{color:#444;width:1140px;	margin:0 auto;}
.contact2-left{	
	margin-top:5px;
	width:560px;
	float:left;
	margin-bottom:12px;
	height:940px;
	padding-left:5px;
}
.contact2-right{
	margin-top:5px;
	margin-bottom:15px;
	height:940px;
	width:499px;
	float:left;
	padding-left:50px;
	border-left:1px solid #eee; 
}
.contact-title1{
	font-size:15px;
	font-weight:bold;
	height:40px;
	line-height:40px;
	color:#786aaf;
		float:left;
		width:570px
}
.contact-title4{
	font-size:13px;
	height:22px;
	line-height:22px;
	color:#555;
	width:570px;
	float:left;
}
.contact-title4 a{color:#3792CE}
.contact-title2{
	font-size:13px;
	height:36px;
	line-height:36px;
	color:#555;
	width:570px;
	float:left;
}
.contact-title2 a{color:#333; padding-bottom:-10px;}
.contact-title2 a:hover{color:#786aaf}
.contact-title2 img{}
.contact-google{
	font-size:13px;
	height:36px;
	line-height:36px;
	background:#7064a5;
	width:120px;
	float:left;
	margin-top:10px;
	text-align:center;
	border-radius:4px;
}
.contact-google a{	color:#fff;}
.contact-title3{
	width:554px;
	font-size:13px;
	font-weight:400;
	height:30px;
	line-height:24px;
	padding-left:16px;
		float:left;
}
.contact-title3 a{color:#786aaf;}
.form-submit{width:100%;}
.company-info{width:1138px; margin:0;height:345px; font-size:13px; padding-left:2px }
.company-info-title{width:100%;text-align:left;padding:12px 0;}
.company-info-left{width:85%;float:left;padding:12px 0;}
.company-info-right{width:15%;float:left;}
.company-info-right img{padding-top:35px;}
.contact2-left h3{
	font-size:15px;
	font-weight:700;
	color:#000000;
	height:40px;
	line-height:40px;
	padding-top:10px;
}
.contact-form-title{width: 100%;   background-color:#efefef;   height: 122px;text-align:center;color:#4f585a;}
.contact-form-title h2{width:1140px;margin:0 auto;padding-top:20px;  line-height: 50px;font-size:28px;font-weight:300;}
.contact-form-title p{margin:0 auto;width:1140px;line-height:30px;	padding-bottom:10px;}

.index-contact-form{height:200px;width:1140px;	margin:0 auto;	padding-top:10px;	}
.index-contact-form input{
	outline: medium;
	color:#707070;
	border: 1px solid #ccc;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
	width:550px;
	height:22px;
	margin-bottom:20px;
	border-radius:2px;
	}
.index-contact-form-left input:hover{  border-bottom: 1px solid #786aaf;}
.index-contact-form textarea{outline: medium;border: 1px solid #ccc;width:564px;height:130px;}
.index-contact-form-left{float:left;width:570px;	}
.index-contact-form-right{float:right;width:570px;	}
.index-contact-form-buttom{	text-align: center;	}
.index-contact-form-buttom input{
	width: 120px;
	height: 36px;
	background-color:#786aaf;
	border:0;
	color:#fff;
	margin-bottom:0;
	border-radius:4px;
	font-family:Georgia, Arial, Helvetica;
	font-size:13px;
	float:left;
	}
.index-contact-form-buttom input:hover{	background-color: #aaa;}
.list-job {
  margin-top: 30px;
}
.list-job table {
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.job-tr1 {
  font-size: 17px;
    color: #d4000e;
}
.list-job td {
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 6px 20px 6px 20px;
  height: 38px;
  
}
.j0b-td1 a:hover{
	  color: #d4000e;
}
.j0b-td1 {
  width: 110px;
  text-align: center;
}
.j0b-td1 a{
  color: #d4000e;
  text-decoration:underline;
}
.j0b-td2 {
  width: 786px;
  text-align: left;
}

.content-job td {
  line-height: 30px;
  border: none;
  font-size: 14px;
  color: #666666;
  height: auto;
  padding: 10px 0 10px 0;
  vertical-align: top;
}
.job-td-title {
  height: 50px;
  text-align: center;
  font-weight: 700;
  width: 98px;
}
.job-td-content {
  text-align: left;
  width: 798px;
}
/*pages*/
.pages{
	float:left;
	margin:25px 0 20px 0;
	font-size:14px;
	color:#fff;
	font-family:Helvetica, sans-serif;
}
.pages a{
	padding:7px 13px;
	margin-right:5px;
	text-decoration:none;
	background-color: #f1f1f1 ;
	border:1px solid #e9e9e9;
	color:#333;
}
.pages a:hover{background-color: #786aaf;color:#ffffff;}
.pages span{padding:7px 13px;margin-right:5px;text-decoration:none;background-color: #786aaf;color:#fff;}
.bar-tel{ border-right: 1px solid #eee; padding:6px 0px 6px 3px !important;}
.bar-tel a{color:#7064a5 !important;}
#mytable3{width:868px !important;}
.ref-left{width:90px;}
.ref-right{width:778px}
/*在线客服*/
.side-bar {width: 56px;	position: fixed;bottom: 195px;right: 3px;z-index: 100;}
.side-bar a {width: 56px;display: inline-block;	margin-bottom: 10px;}

/*faq页*/
.faq-main{width:900px; margin:0 auto;padding-top:18px;padding-bottom:15px;}
.faq-main h4{line-height:22px;  color: #333; font-size:13px; padding-bottom:10px;}
 .content-about .faq-main h3, .content-about .faq-main h1 {
    line-height:22px;
	padding:0;
	float:left;
	font-weight:normal;
	text-align:left;
}
 .faq-main h3{ margin-top:10px;width:100px; font-size: 32px; color: #333; font-weight:bold;	 }
.content-about .faq-main h1{font-size: 14px;color: #444;width:795px;margin:0px 0 10px 2px;	}
.col-sm-4 {width:900px;}
.col-sm-4 p {margin: 0 0 10px;font-size: 12px;line-height: 24px; padding-left:78px;}
.col-sm-4 p span{font-size:13px; font-weight:bold; color:#333;padding-right:8px;}
/*landding page页*/
.land-main a{color:#3792CE;}
.land1{width:100%; background:#ffffff; height:100%; overflow:hidden; padding:40px 0 40px 0;}
.land2{width:100%; background:#f5f5f5; height:100%; overflow:hidden; padding:40px 0 40px 0;}
.land-main{width:1140px; margin:0 auto;}
.land-left{width:550px; padding-right:20px; float:left;}
.land-right{width:550px; padding-left:20px; float:left;}
.land-main h2{color:#3792ce; font-size:21px; line-height:25px; margin-bottom:12px}
.land-main p{ font-size:14px; line-height:24px;}
.land-table-main table{width:1138px; border-top:1px solid #dddddd;border-left:1px solid #dddddd; height:380px; }
.land-table-main td{width:188px; height:28px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; text-align:center; font-size:14px; color:#444;}
.land-td td{width:188px; height:180px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; text-align:center; font-size:14px; color:#444;}
.land-td td img{width:188px; height:180px;}
.land-table-main{width:1140px;height:610px;padding-bottom:10px;}
.land-table-main h1{ font-size:24px; height:40px; line-height:40px;padding-top:10px;}
.land3 {width:1140px; margin:0 auto; padding:0; margin-bottom:20px;}
.land3 p{display:block; font-size: 14px;margin:0 0 8px 0;float:left; width:1140px;}
.land3 span{display:block;height: 60px;  line-height: 60px;float:left}
.land3 p img{width:60px; float:left}
.land3 h2{  color: #3792ce; font-size: 21px; line-height: 25px; margin: 12px 0 0 0;}
.productTable{float:left}
.buy-ul{line-height:24px; padding-left:15px;}
.buy a{ background:#786aaf; padding:5px 14px; color:#fff;}
.buy a:hover{background:#56509f; }
.buy{height:40px !important;}
.land-main strong{line-height:40px ;}
.land-right ul,.land-left ul,.land-right li,.land-left li{
	 list-style-type:disc !important; font-size:14px; 
}
.land-right li strong,.land-left li strong{line-height:30px !important;}
.buy-input {  
  outline: medium;
  color: #707070;
  border: 1px solid #ccc;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  width: 300px;
  height: 22px;
  margin-bottom: 20px;
  border-radius: 2px;
  float:left;
  }
 .buy-sub {
	 margin-left:12px;
  width: 100px;
  height: 32px;
  background-color: #7064a5;
  border: 0;
  color: #fff;
  margin-bottom: 0;
  border-radius: 4px;
  font-family: Georgia, Arial, Helvetica;
  font-size: 13px;
  float: left;
}
.data-buy{background-color: #786aaf; padding:5px 25px;  border-radius:4px;color:#ffffff !important;}
/*support*/
.promotions{ margin-top:18px;}
.support-line{padding-bottom:10px; height:5px; border-left: 1px solid #eee; border-right:1px solid #eee;width:1138px;margin:0 auto;}
.support-img{width:1140px; margin:0 auto;}
.support-img h1{
	font-size: 24px;
	height: 40px;
    line-height: 40px;
	text-align:center;
	margin:10px auto;
	color:#333;
}
.supportl-left {
  width: 720px;
  float: left;
  border-top: none;
  padding: 0 0 0 4px;
  margin-right: 20px;
}
.dropcap a{  color: #fff;}
.dropcap{
  background: none repeat scroll 0 0 #786aaf;
  border-radius: 0;
  color: #fff;
  font-size: 15px;
  line-height: 10px;
  height: auto;
  margin: 0px 18px 30px 0;
  padding:20px;
  width: auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  display: block;
  float: left;
}
.dropcap:hover{background: none repeat scroll 0 0 #98c4c8;color:#ffffff;}
.extra-wrap { overflow: hidden; width: 640px; float:left;}
.extra-wrap h4 a{color: #333;}
.extra-wrap p a{float:right}
.extra-wrap h4 {
  width: 660px;
  margin: 0 auto;
  line-height: 32px;
  color: #333;
  font-size: 13px;
    float:left;
}
.datd-list h4 {
  width: 600px;
  margin: 0 auto;
  line-height: 32px;
  height: 32px;
  overflow:hidden;
  color: #333;
  font-size: 13px;
  float: left;
}
.all{ display:none;}
.datd-list p { margin: 12px 0 0px 0; font-size: 12px; line-height: 20px; float: left;}
.datd-list h4 a:hover { color: #786aaf; text-decoration: underline;}
.datd-list h4 a { color: #333;}
.extra-wrap h4 a:hover{color:#786aaf; text-decoration:underline;}
.extra-wrap p { margin: 0 0 10px 0; font-size: 12px; line-height: 20px;   float:left;}
.data-content{
	border-top:1px solid #eee;
	 width:720px;float:left; 
	 padding:0px 0 4px 0;
	 margin-bottom:0px;
}
.faq-content{
	border-bottom:1px solid #eee;
	 width:720px;float:left; 
	 padding:0px 0 10px 0;
	 margin-bottom:15px;
	}
.s-read{padding-left:10px;color:#786aaf;}
.s-read:hover{color:#98c4c8; text-decoration:underline;}
.supportl{ width: 931px; padding: 0; float: left;}

.supportl-right { width: 180px; float: left; height: 420px; padding-left: 5px;}
.supportl-right a:hover{ color:#786aaf;}
.supportl-right a{color:#444}
.supportl-right img { padding:0;}
.support-content li{ list-style: disc;margin-left:25px;}
.support-content,.support-show p,.support-show div{  margin:0 20px 0px 20px; font-size:13px; max-width:890px; }
.support-content img{max-width:890px; text-align:center;}
.supportl-right p { font-size: 13px; color: #666;  margin: 0;  padding: 6px 3px 6px 3px;}
.content-about h1{  
  color: #786aaf;
  font-size: 20px;
  font-weight: normal;
  margin:0 auto;
  width:900px;
  text-align: center;
  padding-top:18px;
  line-height:34px;
  padding-bottom:24px;
  }
  .content-about img{margin:10px 0; max-width:900px;}
.support-show {
  border: 1px solid #eee;
  width: 930px;
  margin: 0px 0 20px 21px;
  float: left;
  line-height: 22px;
  	  padding-bottom:20px;
}
.support-show h2{
	font-weight:normal;
  color: #555;
  font-size: 13px;
  margin: 0 auto;
  width: 930px;
  text-align: center;
  height: 22px;
  line-height: 22px;
  padding-bottom: 6px;
  font-family: Helvetica, sans-serif;
	}
/*news*/
.news-main{	 width:1140px; margin:0 auto; height:1254px; }
.main_title {
padding: 25px 0px 25px 0px;
width: 1140px;
height: 20px;
line-height: 20px;
margin: 0px auto;
background: url(../images/yoka_mobile_12.jpg) 0px 50% no-repeat;
text-align: center;
color:#666;
font-size: 22px;
font-weight: bold;
}
.list1 {width:1140px;margin:0 auto;overflow: hidden;}
.list1 dl {
width: 253px;
height: 254px;
background:#f9f9f9;
float: left;
margin: 0px 16px 18px 16px;
display: inline;
}
.list1 img{width: 253px; max-height:170px;}
.list1 dl dt{  margin-bottom:0px;   position: relative;}
.list1 dl dd{ margin-left: 3px;}
.list1 dl dd h2{padding:10px 5px 0 5px; height: 69px;  line-height: 23px;}
.list1 dl dd h2 a{color: #444;    font-size: 12px;}
.list1 dl dd h2 a:hover{color: #786aaf;}
/*search*/
.search-contact-form{height:200px;width:720px;margin:0 auto;padding-top:10px;}
.search-contact-form input{
	outline: medium;
	color:#707070;
	border: 1px solid #ccc;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
	width:660px;
	height:22px;
	margin-bottom:20px;
	margin-left:20px;
	border-radius:2px;
	}
.search-contact-form-left{}
.search-contact-form textarea{
	outline: medium;
	border: 1px solid #ccc;
	margin-left:20px;
	padding-left:8px;
	width:660px;
	height:120px;
	}
.search-contact-form-buttom input{
	  float: left;
  width: 150px;
  height: 35px;
  background-color: #786aaf;
  margin:10px 0 20px 20px;
  border: 0;
  color: #fff;
}
.search-contact-form-buttom input:hover{color:#eee;	background-color:#05b4d3 ;}
.search-h1{
	margin:20px 0 20px 20px;
	font-size:18px;
	color:#333;
    height:30px;
	line-height:30px;
}

/*about service*/
.ser-main{width:1140px; margin:0 auto; margin-bottom:2px;padding-top:26px;}
.para{font-size:13px; padding:0 25px; margin:20px 0; }
.ser-grid { width:1140px; padding: 4px 0 6px 0; text-align: center;}
.ser-grid-list {float: left; width: 30.333%; margin:0 1.5%;}
.ser-grid-list img:hover{ background:#f2783c;}
.ser-grid-list img{width:150px;margin:0 95px; background:#786aaf;}
.ser-grid-list p{font-size:13px;width:333px; padding:0 6px;}
.ser-grid-list h5{ margin:15px 0 0 0;padding:0;}
h5 a{color:#444; font-size:16px;}
/*order*/

.order-left td{ font-family: Helvetica, sans-serif;}
.order-left h1{
	width:760px;
	float:left;
  height: 50px;
  line-height: 50px;
  font-size: 26px;
  text-align: left;
}
.left-order h2{
	width:900px;
	float:left;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  text-align: left;
}

.left-order td ,.support-content td{height:32px; font-size:13px;padding-left:6px; border:1px solid #ddd; border-top:none; border-left:none;}
.left-order table,.support-content table{ border-top:1px solid #ddd; border-left:1px solid #ddd;}
.left-order table{margin-bottom:12px;}
.order-contact-form input{
	  width:745px;
	  outline: medium;
      color: #707070;
      border: 1px solid #e3e3e3;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 8px;
      height: 26px;
      line-height: 26px;
      margin-bottom: 20px;
      border-radius: 5px;
	  float:right;
	}
.order-contact-form textarea{
	  width:742px;
	  outline: medium;
      color: #707070;
      border: 1px solid #ccc;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 8px;
      height: 130px;
      line-height: 26px;
      margin-bottom: 16px;
	  margin-left:0px;
      border-radius: 4px;
	  float:left;
	  font-size:14px;
}
.order-contact-form3 input{
	  width:900px;
	  outline: medium;
      color: #707070;
      border: 1px solid #e3e3e3;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 8px;
      height: 26px;
      line-height: 26px;
      margin-bottom: 15px;
      border-radius: 5px;
	  float:left;
	}
.order-contact-form3 textarea{
	  width:900px;
	  outline: medium;
      color: #707070;
      border: 1px solid #ccc;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 8px;
      height: 130px;
      line-height: 26px;
      margin-bottom: 16px;
      border-radius: 4px;
	  float:left;
	  font-size:14px;
}
.order-contact-form2 input{
	  width:745px;
	  outline: medium;
      color: #707070;
      border: 1px solid #e3e3e3;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 8px;
      height: 26px;
      line-height: 26px;
      margin-bottom: 20px;
      border-radius: 5px;
	  float:right;
	}
.order-contact-form2 textarea{
	  width:742px;
	  outline: medium;
      color: #707070;
      border: 1px solid #ccc;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 8px;
      height: 130px;
      line-height: 26px;
      margin-bottom: 16px;
	  margin-left:6px;
      border-radius: 4px;
	  float:left;
	  font-size:14px;
}
.order-sidebar{width:340px; float:left;margin:40px 0 12px 0;}
.order-des{margin:2px 0 18px 0; font-size:14px;}
.order-des2{margin:18px 0 18px 0; font-size:14px;}
.order-right-h2{
font-size: 15px;
color: #444;
height: 40px;
line-height: 40px;
border-left: 1px solid #EEE;
border-bottom: 1px solid #EEE;
background: #F1F1F1;
padding-left:6px;
}
.customer-right{margin-bottom:12px;	border: 1px solid #EEE;	border-radius:6px;}
.customer-right a{color:#3792CE}
.customer-right img{float:left;padding-top:3px;}
.customer-right strong{font-size:16px;}
.customer-right p{padding-left:4px;	margin:6px 0;	font-size:12px;}
.order-right-h2 a{ text-decoration:underline;}
.order-contact-buttom input{ cursor:pointer;background:#786aaf; width:130px !important; height:35px; color:#ffffff; font-size:15px; border:none}
.order-contact-buttom input:hover{background:#eee; color:#333;}
/*.footer-zn{ float: right !important; padding-right: 0!important;}*/
.footer-zn a{ font-weight:bold;  color:#786aaf; margin-left:4px;}
.footer-zn a:hover{color:#7064a5;}
.datd-list p a{  
  border-radius: 4px;
  text-align: center;
  padding: 5px 16px;
  height: 16px;
  line-height: 16px;
  font-size: 11px;
  background: #786aaf;
  color:#ffffff;
  }
.tv_hot img{-moz-transition: 0.3s;   -o-transition: 0.3s;  transition: 0.3s;}
.avatar {   position: relative;}
.tv_hot .avatar {display: block; height: 169px; overflow: hidden; width: 253px;}
.tv_hot .avatar img {  height: 169px;}
.avatar:hover{box-shadow: 0 0 10px gray;}
.avatar:hover img{
    transform: scale(1.2);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.2);
	-webkit-transform: all 1s ease 0s;
	-webkit-transition: 0.3s;
}
.modal{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  display:none;
  
}
.modal-main{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
	width:340px;
	height:300px;
	margin-top:-180px;
    margin-left:-170px;
	background: #f3f3f3;
	height:420px;
}
.modal-main h3{
  text-align: center;
  line-height: 50px;
  font-size: 16px;
}
.modal-main p{
	line-height:20px;
	font-size:13px;
	padding:0 15px;
	margin:0 0 10px 0;
}
.modal-main label{
  padding-left:15px;
  display: block;
  line-height: 26px;
  font-size: 13px;
  color: #000;
}
.modal-main input{
	margin:0 15px;
	height:22px;
	line-height:22px;
	border-width:1px;
	padding-left:8px;
	width:300px;
}
.modal-main textarea{
	min-height:60px;
	line-height:18px;
	margin:0 15px;
	width:292px;
	padding:8px;
}
.modal-main #cancel{
	width:88px !important;
	margin:10px 30px 0 37px;
	float:left;
	height: 32px;
	color:#fff;
	background:#786aaf;
	line-height:32px;
}
.modal-main #dosubmit{
	width:88px !important;
	margin-right: 37px;
	margin-top:10px;
	float:left;
	height: 32px;
	color:#fff;
	line-height:32px;
	background:#786aaf;
}
.index-news-list dl dd:nth-child(1) a{
	color:#786aaf;
	font-weight:bold;
}

/*列表页右边栏*/
.crumbs-main{width:1140px; height:40px; margin:0 auto; margin-top:0px;}
.top-crumbs{width:1140px; height:40px; line-height:40px; font-size:13px; background: #f1f1f1;padding-left:8px;}
.top-crumbs a{color:#555; }
.top-crumbs a:hover{color:#786aaf; }
.productsl-left{width:1140px;float:left;border: 1px solid #eee; border-top:none;padding:0 0 0 4px;margin-right:20px}
.productl-right{width:180px;float:left;	height:880px;	padding-left:4px;}
.productl-right a{ color:#666;}
.productl-right img{padding:2px 0 0 0;}
.right-sidebar{ width:180px;}
.productl-right p,.right-sidebar a,.sidebar p{font-size:13px;  margin:0;padding:6px 3px 6px 3px;}	
.sidebar p{ border-left:1px solid #eee;}
.right-sidebar a{ line-height:30px;}
.right-sidebar a:hover{ color:#ed4224;}
.product1-right-title table{   border-left: 1px solid #eee;}
.product1-right-title td{border-bottom: 1px solid #eee;	padding-left:4px;}
.product-info h3{ font-size:18px; font-weight:500; color:#d6010e;  }
.productsl{ width:931px; padding:4px 0 20px 0px; float:left; }
.product-show{
    padding-bottom:40px;
    width:900px;
    float:left;
    height:auto;
} 
.product-des-seo a{color:#786aaf;}
.product-show h1{font-weight:bold;}
.productsl-image{ width:220px;  float:right;  height:440px;  margin-right:4px;}
.code-img img{margin: 10px 0px 0px 18px;}
.bag-img1,.bag-img2,.bag-img3{padding-bottom:15px; text-align:center;}
.thumb-img{width:220px; height:130px;}
.bag-img1{    padding: 0 15px 10px 0; width:300px;}
.bag-img6{width:300px;padding:0 15px 10px 15px; text-align:center;}
.productsl-image img{border:none;}
.productsl-info tr{ line-height:24px; height:24px; border-radius:4px;}
.productsl-info input,.productsl-info textarea{ width:880px !important;float:none !important;margin-left:12px !important; }
.productsl-info textarea{ margin-left:0 !important;}
.order-des a{color:#3792CE;}
.product-order-des{margin:10px 0 15px 16px; font-size: 14px;}
 .min-td{height:auto !important; min-height:26px;line-height:auto !important; text-align:left !important;}
 .productsl-info{
   width:700px;
   float:left;
   font-size:13px;
   color:#444;
   line-height:24px;
   padding-top:5px;
   margin-left:8px;
 }
 
 .product-top{ width:920px;    height: 44px;
    line-height: 44px;
    padding-top: 8px; margin-left:10px;  float:left;  }
 .product-top h1{  padding-left:0px; color:#333;  font-size:18px;  font-weight:500; }
 .product-top a{ color:#666;}
.product-topl{  width:675px;  float:left;}
.product-topr{
   font-size:14px;
   color:#444;
   width:210px;
   float:left;
   padding-right:15px;
   text-align:right;
}
/*product-detail*/
#mytable2 table{ width:700px;float:left;}
#mytable2 td{
	padding:5px 10px 5px 8px;
	line-height:24px;
	float:left;
	text-align:left;
	max-width:700px;
	font-size: 14px;
    border-color:#ddd;
}
#mytable2{border-color:grey !important;}
#mytable2 .td-title{font-weight: bold;}
#mytable2 .td-red{
     color:red!important;
 }

@media(min-width:1140px) {
    #mytable2 .labels{width:132px;font-weight: bold;}
	.index-news-main{height:210px;overflow: hidden;}
}
.td-left ul li,.td-right ul li{list-style-type: decimal;font-size: 14px;}
.td-left ul,.td-right{padding-left:14px;width: 524px;}