/* 全局基本样式及公共页头页脚样式 
www.yzhost.com
 */


/* 目录 */
@CHARSET "UTF-8";	
/*媒介查询*/
@media screen and (min-width:1000px){
	.contantmain{ width:1000px;}
	.left_webad { width:1000px;}
	.left_webad ul li {width:309px;}
	.product_box{width:220px;}
.top_class .product_box p{width:220px;}
	.weblis { width:180px;height:255px;overflow:hidden;}
	.isShow{width:180px;overflow:hidden;padding-left: 5px;padding-top: 5px;}
	.isShow label{display:block;width:180px;position:absolute;z-index:100;height:160px;visibility:hidden;}
	.isShow label .A_left{display:block;float:left;width:180px;height:110px;line-height:110px;padding:20px 0px 20px 0px;color:#fff;font-weight:bold; background:url(../images/web_show.gif) 60px 78px no-repeat; }
	.isShow label span{display:block;width:180px;height:150px;background-color:#000;filter:Alpha(opacity=65);opacity:0.65;position:absolute;z-index:-1;left:0;top:0;}
	.isShow a.AImg{display:block;width:180px;height:180px;overflow:hidden;}
	.isShow a img{width:180px;}
	.case{width:960px;}
	}

@media screen and (min-width:1200px){
	.contantmain { width:1200px;}
	.left_webad { width:1200px;}
	.left_webad ul li { width:375px;}
	.product_box{width:270px;}
	.top_class .product_box p{width:270px;}
	.weblis { width:220px;height:255px;overflow:hidden;}
	.isShow{width:220px;overflow:hidden;padding-left: 5px;padding-top: 5px;}
	.isShow label{display:block;width:220px;position:absolute;z-index:100;height:190px;visibility:hidden;}
	.isShow label .A_left{display:block;float:left;width:220px;height:130px;line-height:130px;padding:20px 0px 20px 0px;color:#fff;font-weight:bold; background:url(../images/web_show.gif) 70px 88px no-repeat; }
	.isShow label span{display:block;width:220px;height:170px;background-color:#000;filter:Alpha(opacity=65);opacity:0.65;position:absolute;z-index:-1;left:0;top:0;}
	.isShow a.AImg{display:block;width:220px;height:190px;overflow:hidden;}
	.isShow a img{width:220px;}
	.case{width:1160px;}
	}
/*媒介查询结束*/
.contantmain{ margin:0px auto; text-align: left;margin-top:28px;margin-bottom: 50px;}

/*autoweb_ad*/
.autoweb_ad {height:164px; margin-bottom:27px;}
.left_webad {float:left;height:164px; margin-bottom:27px;}
.left_webad ul {height:164px;}
.left_webad ul li {display:inlne;float:left; height:164px;}
.show_left{float:left;}
.show_right{height:164px;width:134px;float:left;text-align:center;}
.show_right a.site_Backstage{font-size:16px;color:#ffffff;height:82px;line-height:82px;width:134px;font-weight:bold;background:#1d6eb6;float:left;text-align:center;}
.show_right a.weixin_Backstage{font-size:16px;color:#ffffff;line-height:82px;font-weight:bold;height:82px;width:134px;background:#1f79c9;float:left;text-align:center;}
.show_right a:hover{background:#1b96d5;}

.right_warrant {background: none;float: left;}
.right_warrant h3 {font-size: 16px;font-weight: bold;color: #575757;height: 60px;line-height: 60px;padding-left: 48px;margin: 0px;}
.right_warrant p{ width: 250px;padding-left: 0px;padding-bottom: 5px;font-size: 12px;color:#575757;}
/*autoweb_ad end*/

/*autowebclass*/
.top_class {border:1px solid #dedddd;margin-bottom:27px;min-height:300px;}
.bottom_class{width:100%;overflow: auto; zoom:1;  border-bottom:1px solid #dedddd; background:#fff;margin-bottom:27px;}


.top_class .product_box {margin: 12px 0 0 21px;color: #575757;float: left;display:inline;}
.top_class .product_box h3 { height:60px; line-height: 60px; font-size:16px; padding-left:58px;}
.top_class .product_box h3 a {color:#333;}
.top_class .product_box h3 a:hover{color:#333;}
.top_class .product_box ul {font-size:12px; height:141px; line-height:27px;}
.icon{width: 0;height: 0;border-width: 5px;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #ff7301; float:left;_line-height:0; margin:8px 4px 0 6px;}
.top_class .product_box table{width:279px; text-align: center; background:#e9e9e9;}
.top_class .product_box table tr{ height:35px;}
.top_class .product_box table tr td {background:#fff;}
.top_class .product_box p{padding-left: 0px;padding-bottom: 5px;font-size: 12px;color:#575757;}
.red {color:#ff0000;}
.more {color:#ff7200;}

.left_autoweb02 {width:615px; float:left;}
.right_process {padding: 16px;float: left;}
/*autowebclass end*/

/*autoweblis*/
.autoweblis {height:337px; border-bottom:1px solid #dedddd; background:#fff; margin-bottom: 27px;}
.autoweblis h1 {width:1168px; margin:0 auto; margin-bottom:10px; border-bottom:1px solid #e0e0e0; font-size:18px; font-weight: normal; padding-top:10px; }
.autoweblis h1 span {border-bottom:2px solid #bfbfbf; color:#313131; line-height: 36px; display: block; width:162px;}
.autoweblis ul {width:1168px; margin:0 auto;}
.autoweblis ul li{ width:200px; float:left;color:#313131; line-height: 30px; padding:0 13px 0 20px; }
/*autoweblis end*/
#list{}
#list ul { margin-left:5px;margin-top:10px;}
#list ul li{ width:211px; height:30px; line-height:30px; background:url(../images/site/sword03.gif) no-repeat 5px;   padding-left:25px; float:left; }
#list ul li a:hover{ color:#1b96d5}
/*autoweb*/
.autoweb {overflow: auto; zoom:1;}
.autoweb h1 { height:43px; line-height: 43px; font-size:18px; color:#fff; font-weight: normal; background:#1b96d5; padding-left:24px;}
.autoweb h1 strong {font-size: 14px; font-weight: normal;padding-left:14px;float:left;}
.autoweb h1 span {float:right; font-size: 14px;margin-right:31px;}
.autoweb h1 span a {color:#fff;}

.weblis {background:#fff;border-bottom:1px solid #dedddd; float:left; display:inline; margin:20px 10px 10px 0;}
.weblis dt {margin-bottom:10px;}
.weblis dd{padding-left:11px; font-size: 12px;}
.weblis dd span {color:#ff7200;}

.dl{height:23px;position:absolute;cursor:pointer;background-color:#000;filter:Alpha(opacity=65);opacity:0.65;z-index:100;width:152px;}
.dl a.al,.dl a.ar{display:block;float:left;height:23px;line-height:23px;background-color:transparent;clear:none;padding:5px;}
.dl a.ar{float:right;}
.web_top{font-size:14px;}
.overlay{top:0;left:0;position:absolute;background-color:Black;filter:Alpha(opacity=85);opacity:0.85;}
.Mobilebox
{
    position:absolute;
    top:150px;
    width:320px;height:625px;
    background:url(/images/iphone.png) no-repeat;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/iphone.png');
    _background-image:none;
}
.Mobilebox a{display:block;width:89px;height:89px;position:absolute;top:-70px;right:-50px;cursor:pointer;background:url("../images/2013img/close_icon.gif") no-repeat;}
.content{position:absolute;width:300px;height:433px;overflow:hidden;display:block;top:95px;left:11px;}
.iContent{width:320px;height:433px;height:453px\9;*height:433px;border:0;margin:-1px;}
@-moz-document url-prefix()
{
.iContent{height:453px}
}
.AutoWebCase{margin-top:10px;}
.AutoWebCase,.AutoWebCase dt,.AutoWebCase dd{list-style-type:none;display:block;width:215px;overflow:hidden;}
.AutoWebCase dd{background:url(/images/2010img/left_bg.gif) repeat-y;}
.AutoWebCase dt{height:28px;line-height:32px;background:url(/images/2010img/left_top.gif) no-repeat;}
.AutoWebCase dt b{padding-left:20px;font-size:14px;}
.AutoWebCase dd a{width:190px;display:block;overflow:hidden;border:solid 1px #ddd;margin:5px auto;}
.AutoWebCase dd a img{width:190px;}
.AutoWebCase dd.bt{height:6px;background:url(/images/2010img/left_bg3.gif)}



.WeiXin{width:100%;clear:both;margin-top:10px;position:relative;font-family:'Microsoft YaHei'}
.WXProduct,.WXProduct dt,.WXProduct dd{display:inline-block;}
.WXProduct{border:solid 1px #ddd;width:100%;overflow:hidden;padding-bottom:10px;}
.WXProduct dt{height:50px;width:100%;font-size:15px;}
.WXProduct dt strong{height:50px;line-height:50px;display:block;padding-left:70px;background:url(images/weixin_wiki_logo.png) 10px top no-repeat;}
.WXProduct dd{width:100%;height:35px;line-height:35px;padding-left:20px;clear:both;}
.WXProduct dd label,.WXProduct dd a{display:inline-block;float:left;}
.WXProduct dd label span{padding-left:5px;}
.WXProduct dd a img{margin:8px 0 0 10px;}

.WXDesc{display:block;position:absolute;top:50px;right:20px;width:450px;}
.WXDesc dt,.WXDesc dd{display:block;height:20px;margin-top:4px;position:relative;}
.WXDesc span
{
    display:inline-block;height:20px;line-height:20px;border:solid 1px #ddd;
    padding:0 10px;
    -moz-box-shadow:1px 1px 1px rgba(0,0,0,.6);
    -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.6);
    -ms-box-shadow:1px 1px 1px rgba(0,0,0,.6);
    box-shadow:1px 1px 1px rgba(0,0,0,.6);
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
}
.WXDesc dt span{padding-left:10px;margin-left:18px;}
.WXDesc dt i{display:block;width:20px;height:20px;position:absolute;left:0;top:-15px;background:url(images/weixin_wiki_logo20x20.png) no-repeat;}
.WXDesc dd span{float:right;padding-right:10px;background-position:right top;margin-right:18px;}
.WXDesc dd i{display:block;width:20px;height:20px;position:absolute;right:0;top:-15px;background:url(images/weixin_wiki_logo20x20.png) no-repeat;}
/*autoweb end*/



.contantmain #leftleft{ float:left; width:400px; height:300px; border:1px #000000 solid;display:block;}
.contantmain #rightright{ float:left; line-height:25px;min-height:300px;padding:0px 20px;}
.contantmain #rightright p{ margin:0px; padding:0px 10px;}



table{border-collapse:collapse;border-spacing:0}
img,fieldset{border:0;vertical-align:middle}
a{text-decoration:none}
a:visited{}a:hover{text-decoration:underline}
a:active{}ul,li,ol{list-style:none}
strong,b{font-weight:normal}
em,i{font-style:normal}
iframe{display:block}
fieldset{border:1px solid #c0c0c0;margin:0 2px 18px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
s{text-decoration:none;}
/*public*/
.fll{display:inline;float:left}
.frl{display:inline;float:left}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
.mt10{margin-top:10px}
/*main*/
.case{margin:30px auto;background:#fff;padding:15px;box-shadow:0 0 10px #ccc;}
.case .title{height:20px;border-bottom: 3px solid #e7e7e7;padding-bottom:10px;}
.case .title h2{ font-size: 20px;font-family: "microsoft yahei"; margin-right:50px;}
.case .title-list{ position: relative; top: 6px;}
.case .title-list li{ width: 146px; line-height: 20px; text-align: center; float: left; display: inline;}
.case .title-list li.on{ color: #ff6600; font-weight: bold;}
.case .title-list p{position:absolute;top:24px;left:0px;width:146px;height:7px;border-top: 3px solid #ff6600; overflow: hidden; text-align: center;}
.case .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #ff6600 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.product{ height: auto; position: relative; overflow: hidden; display: none; margin-top: 20px; line-height:25px;}

.product-wrap .show{ display: block;}
.product table {
	width:100%;
	margin:auto;
	border-collapse:collapse;
	background:#FFF;
}
.product tr td {
	vertical-align:top;
	padding:5px 3px 5px 7px;
	border:1px #eaeaea solid;
	color:#666;
}
.product-wrap .product li{  display: inline; margin-left: 13px;background: #f3f3f3;border: 2px solid #fafafa; transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.product-wrap .product li.ml0{margin-left:0px;}
.product-wrap .product li a.imgwrap{ display: block; width: 226px; height: auto; background: #fff; text-align:center;}
.product-wrap .product li p{padding-left: 15px;color: #666666;line-height: 22px;}
.product-wrap .product li p a{ color: #666666; text-decoration: none;}
.product-wrap .product li p a:hover{ color: #ff6600; text-decoration: none;}
.zizi{ line-height:24px; padding:15px;  height:50px; min-height:50px; height:auto !important; border:1px solid #a6e5ff}


#clear{ clear:both}