@charset "utf-8";
/*-----------公共分辨率------------*/
body {
	width:100%;
	margin:0 auto;
	overflow-x: hidden;
	font-size: 1.0em;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height:1.2em;
	color:#444;
}
table,tbody{
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #ddd;
}
a:link{ text-decoration:none;}
.red{color:red!important;}
.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;}
/* 幻灯片 */
.clr:before,.clr:after{content:''; display:table;}
.clr:after{clear:both;}
.clr{zoom:1;}
.film_focus{width:1138px;height:310px;overflow:hidden;position:relative;margin:0 auto; margin-top:1px; border-right:1px solid #f6f6f6;
	border-bottom:1px solid #f6f6f6;
}
.film_focus .film_focus_imgs_wrap{width:862px;height:310px;background:url("../images/border-all1.gif") no-repeat center center;}
.film_focus ul.film_focus_imgs{width:862px;height:9999em;position:absolute;left:0;top:0;}
.film_focus ul.film_focus_imgs li{height:310px;overflow:hidden;}
.film_focus ul.film_focus_nav{width:278px;height:310px;background:#efefef;position:absolute;right:0;top:0;z-index:100;}
.film_focus ul.film_focus_nav li{ cursor:pointer;height:68px;background:#f9f9f9;;margin:1px 1px 1px 0;padding:8px 0 0 82px;position:relative;}
.film_focus ul.film_focus_nav li.cur{background:#ffffff;width:278px;padding:10px 0 0 82px; border-bottom:1px solid #00a8ff;}
.film_focus ul.film_focus_nav li img{position:absolute;left:8px;top:2px;}
.film_focus ul.film_focus_nav li.cur img{left:10px;}
.film_focus ul.film_focus_nav li h4{color:#444; font-size:14px;margin-top:10px;}
.film_focus ul.film_focus_nav li p{margin-top:-4px;}
.film_focus ul.film_focus_nav li p a{color:#444;text-transform: capitalize;font-size: 12px;}

.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:115px;
	float:left;
	margin:0 4px 4px 3px;
	border:1px solid #eee;
	border-radius:4px;
	background:#ffffff;
	}

	.index-categry1 img{width:273px;height:90;  padding:0px; float:left;}
	.index-categry1 h3{width:270px;padding-top:0px;float:right; font-size:13px; font-weight:500;text-align:left;margin: 0; }
	.index-categry1 h3 a{color:#444;}
	.index-categry1 p{margin:0; width:250px;float:left; font-size:13px;padding-top:0px;}
	.index-categry1 p a{ color:#444; font-family:'Helvetica',sans-serif;font-weight: 400;}
	.index-categry1 p a:hover{color:#786aaf;}
	.index-categryIndex{
		width:275px;
		height:95px;
		float:left;
		margin:0 4px 4px 3px;
		border:1px solid #eee;
		border-radius:4px;
		background:#ffffff;
		}
	
	.index-categryIndex img{width:64px;  padding:0px; float:left;}
	.index-categryIndex h3{width:166px;padding:15px 10px 5px 10px;float:right; font-size:15px; font-weight:500;text-align:left; }
	.index-categryIndex h3 a{color:#444;}
	.index-categryIndex p{margin:0; width:186px;float:right; font-size:13px;padding-top:0px;}
	.index-categryIndex p a{ color:#444; font-family:'Helvetica',sans-serif;font-weight: 400;}
	.index-categryIndex p a:hover{color:#786aaf;}
		.index-categry-main h1{
	width:900px;
	font-size:19px; 
	padding-left:15px;
	float:left; 
	height:40px; 
	line-height:40px;	
	color:#666;
	margin-top: 5px;
}
.index-categry-main{border-left: 1px solid #eee;  width:1139px;margin:0 auto;height:40px;}
.index-categry-main span{
	background:#fefefe;
	border-right: 1px solid #eee;
	width:106px; 
	float:right;
	height:20px; 
	line-height:20px; 	
	text-align:right;
	padding-right:0px;
	font-weight:600;
}
.index-categry-main span a{color:#333333; font-size:12px;}
.index-about{width:1138px;height:220px;	margin:0 auto;border: 1px solid #eee;margin-bottom:8px;}
.index-categry-main h1 a{color:#444;}
.index-about3{width:560px;float:left;height:220px;margin-left:5px;}
.index-about4{width:570px;float:left;	height:220px;}
.index-news-yy img{width:220px; height:114px; margin:0 auto; padding-left:10px;}
.index-about3 h2 { padding: 10px 0 0px 24px;line-height:15px;float:left;width:246px;margin-top:0px;}
.index-about3 h2 a{font-size:22px;    color: #666;}
.index-about3 h3 {
	font-size:27px;
    padding-left: 42px;
	line-height:35px;
	font-weight:400;
    color: #786aaf;
    margin-bottom: 10px;
}
.index-about3 p,.index-about4 p{
   padding:0 6px 0 6px;
   margin-top:2px;
   font-size:12px;
   cursor:pointer;
   color: #4f585a;
   line-height:20px;
   text-align:left;
}
.index-about3 p a{color:#333; font-weight: 400;}
.index-about3 p{width:260px;float:left;}
.index-about3 a,.index-about4 a{font-size:13px; color:#444; float:left;}
.index-about3 img{width: 260px;height: 220px; margin:0px 0px 0 0;padding-top:2px;}
.index-news-ico img{width:75px;margin:0 !important;}
.index-news-ico{width:80px;	padding-left:2px;	padding-top:16px;float:left;	}
.index-news-ico2{width:70px;padding-left:20px;padding-top:30px;float:left;}
.index-tec{width:470px;float:left;}
.index-tec p{margin:6px 3px 10px 8px; font-size:13px;}
.index-tec p a{color:#444;}
.index-tec a:hover{color:#7064a5}
.share {color:#111 !important;}
.index-tec-new{width:1138px;height:230px;margin:0 auto;border: 1px solid #eee;	border-bottom:none;}
.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 p{margin:4px 0 4px 6px;color:#7064a5}
.agent-input{
	outline: medium none;
    color: #707070;
    border: 1px solid #CCC;
	background-color: #fff;
	font-size: 14px;
    padding-left: 8px;
    width: 152px;
	margin-left:6px;
    line-height: 28px;
    margin-bottom: 6px;
    border-radius: 2px;
    float: left;
	height:30px;
}
.agent-sub {
    margin-left: 8px;
    width: 68px;
    line-height:30px;
    background-color: #786aaf;
    border: 0px none;
    color: #FFF;
    margin-bottom: 0px;
    border-radius: 4px;
    font-size: 13px;
    float: left;
	cursor:pointer;
	height:30px;
}
.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:6px 0px 0px 0px;float:right; font-size:14px; font-weight:bold;text-align:left;margin-top: 0px; }
.index-categry2 img {width: 95px;padding: 11px 4px ;float: left;}
.index-categry2 p{font-size:13px; width:170px; padding:0 4px;float:left; margin-top:0px;}
.index-categry2 p a{color:#444;font-size:13px;font-weight: 400;}
.index-tec-title{font-size:22px;height:46px;line-height:46px; color:#333;text-transform: capitalize;}
.index-news-title{
	font-weight:normal;
	padding-top:5px;
	padding-left:10px;
	font-size:22px;
	height:35px;
	line-height:35px;
	color:#333;
	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;}
.agent-logo{width:1138px; margin:0 auto;padding-top:8px; border:1px solid #ddd;height:74px; border-top:none;}
.agent-logo2{width:1138px; margin:0 auto;padding-top:8px; border:none;margin-bottom:12px;}
.agent-logo img,.agent-logo2 img{ width:105px; padding:5px 3px 5px 3px; float:left; }
/*footer*/
.footer{
    width:100%;
	background-color:#786aaf;
	height:160px;
	line-height:24px;
	color:#fff;
	margin-top:2px;
}
.footer-main{
	background-color:#786aaf;
	width:370px;
	height:140px;
	float:left;
	padding-top:20px;
	padding-left:10px;
}

.footer-title{   width:390px;float:left;font-size:13px;	height:50px;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:58px;
}
.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;}
.copy-right{width:100%; background:#f1f1f1; height:60px;}
.copy-content{width:1140px; margin:0 auto; line-height:30px;text-align:center; left:0; right:0;}
.copy-content p{margin:0; font-size:13px;color:#666; text-align:center;}
.copy-content span{color:#786aaf}
.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:1080px;
	padding-left:5px;
}
.contact2-right{
	margin-top:5px;
	margin-bottom:15px;
	height:1080px;
	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:#666;
		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;
	line-height:26px;
	color:#555;
	width:570px;
	float:left;
}
.contact-title2 a{color:#333; padding-bottom:-10px;}
.contact-title2 a:hover{color:#000}
.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:376px; 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;padding-bottom:30px;	}
.index-contact-form input{
	outline: medium;
	color:#707070;
	border: 1px solid #ccc;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
	width:550px;
	height:32px;
	margin-bottom:20px;
	border-radius:2px;
	background-color: #fff;
	font-size:13px;
	}
.index-contact-form-left input:hover{  border-bottom: 1px solid #786aaf;}
.index-contact-form textarea{outline: medium;border: 1px solid #ccc;width:564px;height:134px;}
.index-contact-form-left{float:left;width:570px;	}
.index-contact-form-left input{
	outline: medium;
	border: 1px solid #ccc;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
	width:550px;
	height:32px;
	margin-bottom:20px;
	border-radius:2px;
	background-color: #fff;
	font-size:13px;
	}
.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;}

.product{width:100%;margin-top:20px; }
.main{width:1140px;	margin:0 auto;}
 .product-content{
   width:955px;
   float:left;
   height:auto;
   padding-bottom:15px;
   padding-left:23px;
   border-right: 1px solid #eee;
 }
.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-topr a{text-decoration:underline;  color:#ed4224;  font-style:italic;}
.sidebar{  width:185px;  float:left;  padding-bottom:20px;  margin-top:2px;   } 
.sidebar a{ color:#666;}
.sidebar-title{ width:183px; height:30px; float:left; border-right: 1px solid #eee; border-top: 1px solid #eee;   } 
.sidebar-title-h2{	 padding-left:5px;   }
.productl-right-h2{	 width:175px;	 padding-left:5px;   }
.sidebar-title-h2,.productl-right-h2{  
     font-size:14px;
     color: #444;
     height:32px;
     line-height:32px;
	 border-left: 1px solid #eee;
	 border-bottom: 1px solid #eee;
	 background: #f1f1f1;
	 font-weight:bold;
   }
.productl-right-h2 a{color:#444;}
.sidebar-table1 td{	 
   border-bottom:1px solid #eee;
    height:30px;
    line-height:30px;
    padding-left:12px;
    display:block;
  }
.about-sidebar{
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
    font-size:12px;
    width:184px;
	border-bottom: none;
	margin-bottom:0px;
}
.about-sidebar td:hover{background-color:#786aaf ;}
.about-sidebar td:hover a{ color:#ffffff;}
.about-sidebar td:hover strong{ color:#ffffff;}

/*列表页右边栏*/
.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{border:1px solid #eee; width:931px; margin:0px 0 20px 21px;float:left; line-height:26px;	}
.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:40px; height:40px; 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:684px;
   float:left;
   font-size:13px;
   color:#444;
   line-height:24px;
   padding-top:5px;
   margin-left:8px;
 }
#mytable2{border-color:grey !important;}
#mytable2 .td-title{font-weight: bold;}
#mytable2 .td-red{
     color:red!important;
 }

@media(min-width:1140px) {
    #mytable2 .labels{width:122px;}
	.index-news-main{height:210px;overflow: hidden;}
}

.productl-main h2 a:hover,.productl-main2 h2 a:hover{color:#786aaf;}
.productsl-image p{font-size:10px; text-align:center;line-height:12px;margin-top:5px;}
.products-categry-h2{
	width:260px;
	font-size:22px; 	
	float:left; 
	height:50px; 
	line-height:50px;	
	color:#333;
	padding: 2px 0 0 10px;
}
.products-categry-h1{
	width:788px;
	font-size:18px; 
	padding-left:90px;
	float:left; 
	height:50px; 
	line-height:50px;	
	color:#333;}
.products-categry-main{
	border: 1px solid #eee;	
    width:1140px;
	margin:0 auto;
	height:52px;
}
.products-categry{
	width: 1140px;
    margin: 0 auto;
    height: 116px;
    border-right: 1px solid #eee;
	border-left: 1px solid #eee;
    padding-top: 4px;
}
.products-des{
	width:1140px;
	font-size:13px;
	line-height:18px;
	height:50px;
	padding:12px 10px 10px 15px;
	color:#444;
	margin:0 auto;
	text-align:left;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}
.seo-h2{font-size: 13px;color: #444;line-height: 20px; font-weight:normal;}
.products-des a{color:#F00; font-weight:bold;}
.index-categry1 a:hover{color:#786aaf; }
.bshare-custom{margin:10px 0 0 18px;}
.left-order{
  width: 760px;
  margin: 0 auto;
  margin-left: 0px;
  padding-top:10px;
  margin-top:15px;
  margin-right:40px;
  float: left;
}
.order-left,.pdetail{
	display:block; 
  width: 918px;
  margin: 0 auto;
  margin-left: 0px;
  margin-top:24px;
  float: left;
 }
.pdetail h3,.order-left h3{display:block; margin-left:0; height:34px; line-height:34px;padding-left:13px; width:905px;background-color: rgb(238, 238, 238);}
.pdetail h5,.order-left h5{display:block;margin:5px 0 0 0; height:34px; line-height:34px;padding-left:13px; width:905px; font-size:16px; color:#000;background-color: rgb(238, 238, 238);}
.productsl-info h3{float:left;display:block;margin:5px 0 0 0; height:34px; line-height:34px;padding-left:13px; width:905px; font-size:16px; color:#000;background-color: rgb(238, 238, 238);}
.pdetail table{margin-top:20px; border-top:1px solid #ddd;}
.pdetail td{padding-left:6px;border-left:1px solid #ddd;border-bottom:1px solid #ddd; font-size: 13px;}
.pdetail-td4{border-right:1px solid #ddd;}
.pdetail p{padding-left:14px;}
.pdetail-vtop{ vertical-align:top;}
/*About*/
.about-cimg{width:100%; text-align:center;}
.about-cimg img{width:400px;margin-top:10px; margin-bottom:20px;}
.about-h2{
	width:1140px;
	margin:0 auto;
	height:50px;
	line-height:50px;
	font-size:28px;	
	text-align: center;
	color:#444;
	font-weight:normal;
}
.about-h1{
	width:1090px;
	margin:0 auto;
	line-height:20px;
	font-size:13px;
	font-weight: normal;
	text-align:left;
	color:#444;
	padding:8px 0 0 0;
}
.who-are-img{width:1140px;margin:0 auto;height:210px;padding-top:16px;}
.who-img-main{width:255px;float:left;height:226px;padding:0 15px;}
.who-img-main img{	width:87.5px;padding:0 83px;}
.who-img-title{
	width:253.5px;
	margin:0 auto;
	font-size:14px;
	font-weight:bold;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#333;
}
.who-img-des{font-size:13px;padding:10px; text-align:left;color:#666; background:#f5f5f5;height:174px; border-radius:8px;}
.about-agent{width:1140px;  height:150px;margin:0 auto;}
.about-client{width:100%; height:400px;}
.team-img-main{ float: left; width: 30.333%; margin:0 1.5%;}
.team-img-main img{width:206px;margin:0 auto;padding:0 70px;}
.agent-h2{
	width:1140px; 
	margin:0 auto; 
	height:30px; 
	line-height:30px; 
	color:#7064a5;
	font-size: 30px;
	text-align:center;
}
.about-agent-p {
	width:1100px;
    font-size: 14px;
    margin: 0 auto;
    text-align: left;
	padding-top:15px;
	  color: #786aaf;
	  padding-bottom:10px;
	  border-bottom:1px solid #eee;
}
.about-client-h2{
	font-size:30px;
	width:200px;
	height:45px;
	line-height:45px;
	margin:0 auto;
	color:#444;
	text-align:center;
}
.team-img-title{text-align:center;margin:10px 0 0 0; color:#444; font-weight:bold;width:365px;}
.team-img-des{font-size:13px;margin:0; text-align:center;	color:#444;padding:5px 15px 5px 40px;}
.team-img-des a{color:#7064a5;}

/*product-list*/
.productl-main h2 a,.productl-main2 h2 a{color:#333; line-height:40px; text-align:left;}
.productl-main-left{width:610px;float:left;font-size:12px;}
.productl-main-left img{float:left; width:130px;padding-right:22px;padding-left:8px;}
.productl-main-left table{float:left; width:417px;margin-right:30px;margin-bottom:0;border-spacing:0;border-color: #eee;border-left:1px solid #eee;border-bottom:1px solid #eee; font-size: 12px;}
.productl-main-left p{margin:6px 6px; line-height:22px;max-height:44px; vertical-align:top; overflow:hidden;font-size: 14px;}
.productl-main-left td{border-top:1px solid #eee;border-right:1px solid #eee;height:24px;padding:0;padding-left:4px; font-family: Helvetica, sans-serif,Arial;}
.td1{font-weight:bold;width:140px;}
.productl-main{width:720px;padding:0 0 10px 0;height:216px;}
.productl-main2{width:720px;padding:0 0 10px 0;height:165px;}
.productl-main h2,.productl-main2 h2{
 font-size:16px; font-weight: bold;line-height:40px;display:inline-block;
 width:714px; background:#f1f1f1;padding-left:4px;padding-right:2px;
 }
.productl-main2 h2{margin-bottom:20px;}
.productl-main-right{width:110px; float:left;height:125px; padding:24px 0 23px 0;}
.productl-main-right a,.productl-main-right2 a{ color:#fff;}
.productl-main-right span,.productl-main-right2 span{ border-radius:4px;float:left;margin:8px 0 5px 0; text-align:center;padding:6px 0;height:26px;width:100px; line-height:16px; font-size:11px;background:#786aaf;}
.productl-main-right p{margin:2px 0;text-align:left;font-size:12px;font-weight:bold;color:#7064a5;}
.productl-main-right span:hover{background:#05b4d3;}
.productl-main-right2 {width: 110px;  float: left;  height: 50px;  padding: 10px 0 15px 0;}
/*pages*/
.pages{
	float:left;
	margin:25px 0 5px 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;}
/*product-detail*/
#mytable2{ width:100%;float:left;}
#mytable2 td{
	padding:5px 10px 5px 8px;
	line-height:26px;
	text-align:left;
	max-width:600px;
	font-size: 14px;
    border-color:#ddd;
}
.td-left ul li,.td-right ul li{list-style-type: decimal;font-size: 14px;}
.td-left ul,.td-right ul{padding-left:14px;}
/*#mytable2 tr:nth-child(odd){ background:#eee;}*/
/*#mytable2 tr:nth-child(even){ background:#fff;}*/
/*.productsl-info table tr:nth-child(odd) {*/
    /*background: #d4ecf2;*/
/*}*/
/*.productsl-info table tr:nth-child(even) {*/
    /*background: #dbeef3;*/
/*}*/
.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:1140px; margin:0 auto;padding-top:18px;padding-bottom:15px;}
.faq-main h4{line-height:28px;  color: #333; font-size:13px; padding-bottom:10px;}
 .faq-main h3,.faq-main h1 {
	height:80px;	
    margin: 0 ;
    line-height:22px;
	padding:6px 0 10px 2px;	
	float:left;
	font-weight:normal;
}
 .faq-main h3{ width:120px; font-size: 32px; color: #333; font-weight:bold;	 }
.faq-main h1{font-size: 14px;color: #444;width:1000px;}
.col-sm-4 {width:1140px;}
.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;overflow:hidden; padding:40px 0 40px 0;}
.land2{width:100%; background:#f5f5f5;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: 32px;
  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;
}
.supportl-left h2{ font-size: 17px;font-weight: normal;line-height: 23px;padding-bottom: 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;}
.support-top h1{  
  color: #333;
  font-size: 20px;
  font-weight: bold;
  margin:0 auto;
  width:900px;
  text-align: center;
  padding-top:18px;
  line-height:26px;
  padding-bottom:24px;
  }
.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;margin-top:10px; padding-bottom: 80px;  }
.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:#333;
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: 21px;}
.list1 dl dd h2 a{color: #444; font-size: 13px;font-weight: normal;}
.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:32px;
	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:5px 25px 10px 25px; margin:20px 0; }
.ser-grid { width:1140px; padding: 4px 0 25px 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; cursor:pointer;}
.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:760px;
	float:left;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  text-align: left;
}
.order-left h2{
	width:760px;
	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 #ccc;
	  background-color: #FFF;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 8px;
      height: 32px;
      line-height: 32px;
      margin-bottom: 20px;
      border-radius: 5px;
	  float:right;
	  font-size:14px;
	}
.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:750px;
	  outline: medium;
      color: #707070;
	  background-color: #fff;
	  font-size: 14px;
      border: 1px solid #e3e3e3;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 8px;
      height: 32px;
      line-height: 32px;
      margin-bottom: 15px;
      border-radius: 5px;
	  float:left;
	}
.order-contact-form3 textarea{
	  width:750px;
	  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:left;
	}
.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-contact-form3{ display:inline-block;}
.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;}
.order-des-ul{ font-size:14px; padding:0 0 15px 0;margin-left: 15px;}
.order-des-ul li{ line-height:22px; list-style-type:disc;}
.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{margin-left:30px;}
.footer-zn a{ font-weight:bold; color:#333; margin-left:4px;}
.footer-zn a:hover{color:#000;}
.datd-list p a{border-radius:4px;text-align:center;padding:5px 16px;height:16px;line-height:16px;font-size:11px;background:#786aaf;color:#fff;}
.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;
}
.content-client{height:980px;}

/*sEARCH EMPTY*/
.quick-search{height:50px;}
.form-google {
  float: left;
  display: block;
  width: 40%;
  height: 32px;
  padding: 5px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  background-color: #FFF;
  background-image: none;
  border: 1px solid #CCC;
}
.btn-success{
  color: #555;
  float: left;
  background-color: #EEE;
  border: 1px solid #CCC;
  height: 32px;
  padding: 5px 12px;
}
#flink{margin:0 auto;width:1132px;text-align:center;font-size:11px;}
#flink a{width:auto;margin-right:5px;}
.modalBg{
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    opacity: 0.6;
    background: rgba(0, 0, 0, 0.6);
}
.modalImg{
    position: fixed;
    z-index:9999;
    height:570px;
    width:780px;
    left:50%;
    top:50%;
    display:none;
    text-align: center;
    margin-left:-390px;
    margin-top:-285px;
}
.modalImg .close{
    float:right;
    display: inline-block;
    position: absolute;
    z-index: 1;
    right: 0;
    cursor: pointer;
}
.modalImg div{position: relative;}
.modalImg .img{position: absolute;left: 0;}
.modalImg .close img{width:32px;}