@charset "utf-8"; /**CSS Document**/ ::selection { background-color: #342c2a; color: #FFF; } ::-moz-selection { background-color: #342c2a; color: #FFF; } ::-webkit-selection { background-color: #342c2a; color: #FFF; } .between{ width:1180px; margin:0 auto; overflow: hidden; } .clear{ clear: both; } .float_l{ float:left; } .float_r{ float:right; } .clear_fl{ height:0px; clear: both; overflow: hidden; } .top_bg{ border-bottom: 2px solid #fcfdf8; } #top_A{width:100%; height:36px; overflow: hidden; font-family:"Microsoft YaHei";} .top{width:1180px; height:36px; margin:auto;} .top_left{ width:380px; height:36px; float:left; line-height:36px; color:#999999; font-size:12px;} .top_right{ height: 36px; float: right;} .top_right ul li{float: left; line-height:36px; padding:0px 0px 0px 10px;} .top_right ul li a{color: #999999; font-size:12px;} .top_right ul li span{padding:0px 3px 0px 0px;} .top_right ul li img{width:18px; height:18px; display:block; padding:9px 0px 0px 0px; float:left;} /**top_bgk**/ .top_bgk{ height:134px; overflow:hidden;} .top_nr{ width:1180px; margin:auto;} .logo{ height:51px; float:left; padding:0px 14px 0px 0px; display:inline;} .biaoyu{ width:506px; height:63px; float:left; margin:40px 0px 0px 0px;display:inline; line-height:30px; font-size:18px; color:#333333;} .biaoyu p{ color:#4c4c4c; font-size:18px; display:block; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .biaoyu p:hover{ color: #ea292a; } .iphone{ float:right; display:inline; margin-top:16px; background:url(../images/phone.png) no-repeat left center; padding-left:52px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; height: 82px;padding-top:26px;} .iphone span{ color: #808080; } .iphone:hover{ padding-left:46px; } .iphone p{ color: #ea292a; font-size: 28px; line-height: 28px; } /**nav**/ .nav_all{height:50px;} .nav { width:1180px; margin:auto;} .nav li {float:left; text-align:center; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;} .nav li a {display:block; font-size:15px; height:50px; line-height:50px; color:#4c4c4c; padding:0px 25px 0px 25px;} .nav li a:hover{ color: #ea292a; } .nav li:hover{ border-bottom: 2px solid #ea292a; } .nav li.another{ border-bottom: 2px solid #ea292a;} .nav li.another a{ color: #ea292a; } .fixedNav{ position:fixed; top:0px; left:0px; width:100%; z-index:100000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));background-color: rgba(255,255,255,.9);} /**link开始**/ .link{ width:100%; height:80px; } .link_body{ height:50px; color:#4c4c4c; text-align: center; margin-top: 20px; } .link_body>a{ width:1180px; height:50px; line-height: 50px; color:#4c4c4c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /**link结束**/ /*footer*/ .footer_bg>a>img{ padding-top: 50px; margin-bottom: 20px; } .footer .copyright{ width:100%; height:52px; position: relative; } .nav_body2{ border-bottom: #fff 1px solid; margin-bottom: 40px; } .nav_body2>ul>li{ float: left; } .nav_body2>ul>li>a{ font-size: 14px; line-height:50px; color:#fff; padding:21px 32px 21px 32px; } .nav_body2>ul>li>a{ color: #fff; } .nav_body2>ul>li>a:hover{ color: #ea292a; } .footer_bg{ width:100%; background:url(../images/footer_bg.jpg) no-repeat center top; text-align: center; } .footer_box{ width: 625px; height: 176px; margin: 0 auto; color: #fff; } .footer_box a{ color: #fff; } .footer_box>a>img{ margin-top: 30px; margin-bottom: 22px; } .footer_box h2{ font-size: 14px; } .footer_box p{ line-height: 24px; }
.product{
		width: 200px;
	    background: #ea292a;
	    position: fixed;
	    top: 50%;
	}
	.product .pr{padding: 4px;}
	.product .pro-l .pro-l-tit {
	  border: 1px solid #fff;
	  padding: 8px;
	  text-align: center;
	  color: #fff;
	}
	.product .pro-l .pro-l-tit h3 {
	  color: #fff;
	  font-size: 14px;
	}
	.product .pro-l .pro-l-tit h3 a {
	  display: block;
	  color: #fff;
	  font-size: 18px;
	}
	.product .pro-l dl {
	  background: #fff;
	  padding: 1px;
	}
	.product .pro-l dl dt a {
	  display: block;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  font-size: 14px;
	  margin-top: 1px;
	  height: 30px;
	  line-height: 30px;
	  background: #ea292a url(../images/more2.gif) no-repeat 160px center;
	  color: #fff;
	  padding: 0 15px;
	}
	.product .pro-l dl dd {
	  display: none;
	  margin-bottom: 6px;
	}
	.product .pro-l dl dd a {
	  font-size: 14px;
	  height: 25px;
	  line-height: 25px;
	  background: url(../images/bg111.gif) no-repeat 10px center;
	  padding-left: 40px;
	}