@charset "utf-8";

body { font: 14px "微软雅黑",Tahoma,Arial,Roboto,'Droid Sans','Helvetica Neue','Droid Sans Fallback','Microsoft YaHei',sans-self; margin: 0; padding: 0; min-width:310px; background:#fff; min-width:316px;}
a { text-decoration: none; color: #666; cursor: pointer; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; outline:none; }
img { border: 0; }
div { border: 0; margin: 0; padding: 0; }
.container {display：inline }
.clear { clear: both;  }
input, textarea { font-family: "微软雅黑"; font-size: 14px; padding: 0; margin: 0;  }
.hide { display: none; }
.show { display: block; }
.fl{ float:left;}
.fr{ float:right;}
.ml20{ margin-left: 20px;}
em{ font-style: normal;}
input{ outline:none;}

ul, li, h1, h2, h3, h4, h5, h6, p, fieldset, legend, span, a ,form,ol,dl,dt,dd{ padding: 0; margin: 0; border: 0; }
ul, li { list-style-type: none; text-transform: capitalize; }
/********************************header 头部**********************************************/
.headt{ height:40px; line-height:40px; background:#f7f7f7;}
.headtm{ width:1200px; margin:0 auto; height:40px; font-size:12px; color:#666; text-align:right;}
.headtm a{ padding-left:8px; padding-right:8px;color:#666; white-space:nowrap;}
.headtm a.headta1{padding-right:0px;}
.headtm a:hover{ text-decoration:underline;}
.head{ padding-top:0px; height:100px; line-height: 100px;}
.headm{ width:1200px; margin:0 auto;height:100px;}
.logo{ width:200px; height:63px; float:left; margin-top: 22px;}
.logo img{ max-width:100%;}
.nav{ width:710px; float:left; padding-left:102px;height:100px; line-height: 100px;}
.navli{ width:100px; height:100px; line-height: 100px; float:left; text-align:center;}
.navli a.nava{ width:100%; height:100px; line-height: 100px; display:block; }
.navli a.nava span.span1{ font-size:14px; color:#333; display:block;}
.navli a.nava span.span2{ font-size:12px; color:#999; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.navli a.nava:hover{ background:#EA0011;}
.navli a.nava:hover span.span1{ color:#fff;}
.navli a.nava:hover span.span2{ color:#f6f6f6;}
.navli ul{display:none; z-index:50; position:relative; zoom:1;}
.navli ul li{height:40px; line-height:40px; }
.navli ul li a{ display:block; width:100%; height:100%; background:#FFCC00; color:#fff;}
.navli ul li a:hover{background:#EA0011;}
.navli:hover a.nava{background:#EA0011;}
.navli:hover a.nava span.span1{ color:#fff;}
.navli:hover a.nava span.span2{ color:#f6f6f6;}
.headr{ width:186px; padding-top:35px; height:40px; float:right;}
.headr a{ width:84px; height:28px; border-radius:20px; line-height:28px; text-align:center; font-size:12px; color:#666; display:block;}
.headr1{ border: solid 1px #EA0011; float:left;}
.headr2{ border: solid 1px #ededed; float:right;}
.headr a:hover{border: solid 1px #81ddf5; background:#EA0011; color:#fff;}
/********************************banner 焦点图**********************************************/
.banner{position:relative; z-index:1; zoom:1; overflow:hidden;}
.swiper-container { width: 100%;margin-left: auto; margin-right: auto; position:relative; z-index:2; zoom:1;}
.swiper-slide a{height:400px; display:block; width:100%; }
.swiper-slide img{ max-width:100%; height:400px;}
/**banner搜索框**/
.bannero{ position:absolute;z-index:6; width:1180px; left:50%; top:210px; margin-left:-600px; height:126px;}
.bannerol{ padding: 50px 0 0 42px; line-height:51px;width:218px; height:210px; float: left; background:#; font-family:Arial, Helvetica, sans-serif; font-size:32px; font-weight:bold; color:#fff;}
.banneror{ padding-left:40px; width:314px; float:left;}
.bannerort{ padding-top: 112px; height: 78px; background: url(../images/banner_txt.png) no-repeat left 50px; line-height:24px; color:#444; font-size:14px;}
.bannerorb{ line-height:16px; font-size:14px; font-weight:bold;}
.bannerorb a{ font-family:Arial, Helvetica, sans-serif; color:#000;}
.bannerorb a:hover{color:#;}
.bannern{position:relative; z-index:1; zoom:1; overflow:hidden; height:60px;}
.swipern-container { width: 100%;margin-left: auto; margin-right: auto; position:relative; z-index:2; zoom:1;}
.swipern-slide a{height:200px; display:block; width:100%; }
.swipern-slide img{ max-width:100%; height:200px;}

/**serch**/
.btn_one{ margin-top: 15px;}
.btn_con ul{height:48px;}
.btn_con ul li{float:left;height:45px;line-height:45px;width:180px;text-align:center;cursor:pointer;	
	background:#FFCC00; color: #ffffff;}
.btn_con .hitt{cursor:pointer;background:#EA0011;}
.pan_one{border-top:0;height:70px;display:none;}
.pan_one label{ height: 70px; width: 975px; display: inline-block; line-height: 70px;background-color:#fff;}
.pan_one label img{ padding-left: 20px; vertical-align: middle;}
.pan_one label input.box{ width: 895px; height: 70px; line-height: 70px; border: none; padding-left: 15px; font-size: 16px;
color: #b2b2b2;  }
.pan_one input.btn{ width: 200px; height: 70px; line-height: 70px; border: none; padding-left: 15px; font-size: 16px;
color: #fff; background: #EA0011;margin-left: -4px;}
/**登录注册**/
.login{ width: 100%; height: 200px; background: #f6f6f6;}
.in_login{ width:1180px; margin: 0 auto; padding: 47px 10px; height: 120px;}
.in_login ul li{ width: 520px; height: 120px; line-height: 120px; background: #EA0011; color: #fff; float: left;
padding: 0 30px; color: #ffffff;}
.in_login ul li img{ vertical-align: middle; }
.in_login ul li:hover{ background: #FFCC00;}
.in_login ul li a{ color: #ffffff;}
.in_login ul li a em{ color: #ffffff; padding-left: 15px; font-size: 22px;}
.in_loginny{ width:1180px; margin: 0 auto; padding: 40px 10px;}
/**关于我们**/
.about{ width: 100%; position: relative;}
.in_ab{ width: 1180px; margin: 0 auto; padding: 100px 10px; }
.ab_left{ width: 500px;  float: left;}
.ab_left img{  width: 500px;}
.ab_right{ width: 610px; float: right;}
.ab_right p{ color: #666666; line-height: 30px; margin-top: 40px;}
.ab_right p.more{ margin-top: 80px;}
.ab_right p.more a{ width: 200px; height: 50px; line-height: 50px; background: #EA0011; color: #ffffff; text-align: center; display: inline-block;
border-radius: 5px;}
/**我们的优势**/
.advantage{width: 100%; background: #f6f6f6;}
.adv_box{width: 1180px; margin: 0 auto; padding: 100px 10px;}
.adv_left{ width: 240px;padding-left: 24px;padding-top: 149px;height: 421px;background: #EA0011 url(../images/youshi.png) no-repeat 24px 40px;
   float: left; position: relative;}
 .adv_left h3{ color: #ffffff; font-size: 24px; font-weight: normal;}
 .adv_left p{width: 220px;color: #d0f5fe; margin-top: 30px; line-height: 26px;}
 .adv_left p.more{ margin-top: 40px;}
 .adv_left p.more a{ font-weight: bold;color: #ffffff;}
 .adv_right{ width: 902px; float: left;}
 .adv_right ul li{ width: 212px;  float: left; margin-left: 20px; padding: 112px 33px 45px 33px; margin-bottom: 20px;}
 .adv_right ul li h2{ font-size: 16px; line-height: 22px; margin-bottom: 30px;}
 .adv_right ul li p{ line-height: 22px; color:#868686; font-size: 12px;}  
 .adv_right ul li.adv01{background:#fff url(../images/adv01.png)  no-repeat 33px 42px;}
 .adv_right ul li.adv02{background:#fff url(../images/adv02.png)  no-repeat 33px 42px;}
 .adv_right ul li.adv03{background:#fff url(../images/adv03.png)  no-repeat 33px 42px;}
 .adv_right ul li.adv04{background:#fff url(../images/adv04.png)  no-repeat 33px 42px;}
 .adv_right ul li.adv05{background:#fff url(../images/adv05.png)  no-repeat 33px 42px;}
 .adv_right ul li.adv06{background:#fff url(../images/adv06.png)  no-repeat 33px 42px;}
 /**订单流程**/
.process{ width: 100%; margin: 0 auto; background: url(../images/process_bg.jpg) no-repeat; height: 390px; height: 100%;}
.pro_box{width: 1180px; margin: 0 auto; padding: 100px 0px;vertical-align:middle;}
.pro01{ width: 170px; float: left; text-align: center; height: 187px;}
.pro_box p{ color:#ffffff; text-align: center; font-size: 16px; line-height: 20px; font-weight: bold; padding-top: 20px;}
.pro_box .two{ width: 80px; line-height: 145px; text-align: center; float: left; vertical-align:middle; }
.pro01 img{ padding-top: 0px;}
/**行业新闻**/
.new{ width: 1180px;  margin: 0 auto; margin-top: 70px;  padding-bottom: 90px;}
.new_left{ width: 578px;   padding-top: 0px;}
.new_left h3{ font-size: 22px; line-height: 70px; height: 70px; font-weight: normal; }
.new_left p.p_img{width: 578px; height: 174px; overflow: hidden; }
.new_left img.n_img{ width: 578px; height: 174px; overflow: hidden; display: inline-block; 
transition:  transform 0.5s  ease;
	-moz-transition: transform 0.5s;
	-ms-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;}
.new_left img.n_img:hover{
	transform:scale(1.1,1.1); 
	-moz-transform:scale(1.1,1.1);  
  	-webkit-transform:scale(1.1,1.1);  
  	-o-transform:scale(1.1,1.1);
	transition:  transform 0.5s  ease;
	-moz-transition: transform 0.5s;
	-ms-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	-webkit-transition: transform 0.5s; 
	}
.new_left h3 span{ float: right; line-height: 35px; height: 22px; display: inline-block; vertical-align: middle;
 text-align: center; margin-top: 20px; font-weight: normal;  font-size: 14px;}
.new_left h3 span a{color: #999999;}
table{border:1px solid #e6e6e6;}

.new_left tr{width: 520px; height: 43px; line-height: 43px;  display: inline-block; color: #666666; padding-left: 20px;}
.new_left tr td.list{width: 380px; height: 43px; line-height: 43px;transition: border 1s, padding 1s;}
.new_left tr td.list a{width: 380px; height: 43px; line-height: 43px; display: inline-block;color: #666666; overflow: hidden;}
.new_left tr td.list:hover{ padding-left: 20px;}

.newsonecon{ padding-left:10px;  padding-top:10px; background:#fff; height:260px;}
.newsonecon table{overflow:hidden; width:100%; display:block; border:0; padding:0; margin:0;}
.newstitle{ height:200px;  width:100%; white-space:nowrap; float:left; }
.newstitle a{color:#555;}
.newstitle a:hover{color:#e4a308}
.newstime{ width:27.1%; height:36px; text-align:right; display:block; float:left;}


/**客户案例**/
.anli{ width: 100%; background: #f6f6f6;}
.anli_box{width: 1180px; margin: 0 auto; padding: 100px 0px;}
.anli_box h2{ text-align: center;}
pre {display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;
	white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;
	-moz-border-radius:4px;border-radius:4px}
.scroll-text {width: 400px;height: 4.5em;overflow: hidden;padding:3px;}
.scroll-text ul {width: 1180px;height: 100px;overflow: hidden;margin: 0 auto;}
.scroll-text ul li {height: 1.5em;}
.scroll-img {width: 1180px;height: 200px;overflow: hidden;font-size: 0;margin: 0 auto; padding: 15px 0;}
.scroll-img ul {width: 1180px;height: 600px;margin: 0;}
.scroll-img ul li {display: inline-block;margin: 10px 0 10px 15px;}
.scroll-img ul li a{ width: 280px; height: 200px; overflow: hidden; display: inline-block;}
.scroll-img ul li img{ width: 280px; height: 200px; overflow: hidden; display: inline-block; 
transition:  transform 0.5s  ease;
	-moz-transition: transform 0.5s;
	-ms-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;}
.scroll-img ul li img:hover{
	transform:scale(1.1,1.1); 
	-moz-transform:scale(1.1,1.1);  
  	-webkit-transform:scale(1.1,1.1);  
  	-o-transform:scale(1.1,1.1);
	transition:  transform 0.5s  ease;
	-moz-transition: transform 0.5s;
	-ms-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	-webkit-transition: transform 0.5s; 
	}




#demo4.scroll-img ul, #demo5.scroll-img ul {width: 1500px;}
#demo5-btn {width: 680px;padding-top: 10px;}                                                                                                                                                                                                                                    

 .rotate{ transition:All 0.4s ease-in-out;
          -webkit-transition:All 0.4s ease-in-out;
          -moz-transition:All 0.4s ease-in-out;
          -o-transition:All 0.4s ease-in-out;                              
                display:block;                             
                text-align:center;                              
                font-weight:bold;
            }
.rotate:hover {
                transform:rotate(360deg);
                -webkit-transform:rotate(360deg);
                -moz-transform:rotate(360deg);
                -o-transform:rotate(360deg);
                -ms-transform:rotate(360deg);
            }
.hvr {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;  
}
.hvr:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFCC00;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #ffffff;
  border-radius: 20px;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;  
  }
 .hvr01:before{border-radius: 5px;}
.hvr:hover, .hvr-shutter-out-horizontal:focus,
 .hvr:active {color: white;}
.hvr:hover:before, .hvr:focus:before, .hvr:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);}



/********************************footer 底部**********************************************/
.foot{ padding-top:48px; background:#304559;}
.footm{ width:1200px; margin:0 auto;}
.footl{ width:33.33333%; float:left;}
.footlt{ height: 77px;white-space:nowrap; line-height: 20px; background: url(../images/foot_01.png) no-repeat left 39px; font-size:16px; color:#fff;}
.footm p em{ width: 30px; height: 3px; display: inline-block; background: #EA0011;}
.footlph{ line-height:36px; white-space:nowrap; font-size:30px; font-family:Impact; color:#f6f6f6; white-space:nowrap;}
.footlc{ line-height:18px; margin-bottom:19px; font-size:14px; color:#8296ae;}
.footlb{ font-size:12px; color:#8296ae; line-height:14px; margin-bottom:40px;}
.footlbl{ padding-left: 30px; width: 166px; height: 14px; float: left; background: url(../images/foot_02.png) no-repeat left center; }
.footlbr{ padding-left: 23px; width:56px;  height: 14px; float: left;background: url(../images/foot_03.png) no-repeat left center; }
.footlbr a{ color:#8296ae;}
.footlbr a:hover{ color:#fff; text-decoration:underline;}
.footl1{ width:14.58%; float:left;}
.footb{ margin-bottom:47px;}
.footb ul li{ padding-left: 11px; line-height: 34px; font-size: 14px; color: #8296ae; background: url(../images/foot_04.png) no-repeat left 14px; white-space:nowrap; }
.footb ul li a{color:#8296ae;white-space:nowrap;}
.footb ul li a:hover{color:#fff;text-decoration:underline;}
.footl2{width:14.58%; float:left;}
.footl3{width:14.58%; float:left;}
.footl4{width:8.3333%; float:left;}
.footl5{width:8.3333%; float:right;}
.footcp{ padding-top:22px; line-height:17px; padding-bottom:21px; background:#1a2b3b; text-align:center; font-size:12px; color:#93afc9;}
.loginny{ width: 100%;  background: #f6f6f6;}



.log {text-align:center; color:skyblue; line-height:24px; text-transform:capitalize; margin:50px auto;}
.titlc{ font-size:22px; font-weight:bold;font-family:'微软雅黑',Arial, Helvetica, sans-serif;}
.infodatec{ font-size:12px;color:#CCC;}
.closec{ font-size:12px; color:#CCC}
.AdviceText{ border:1px solid #999;}
input,select{ border:1px solid #cfcfcf;font-family:'微软雅黑',Arial, Helvetica, sans-serif; line-height:24px}
textarea{ border:1px solid #999;}
.trackHead{text-align:left;}
.trackListTitle{border:1px solid #999;}
.priceListTitle{border:1px solid #999;text-align:center; vertical-align:middle}
.priceListOdd{border:1px solid #999;text-align:center; vertical-align:middle}
.priceListEven{border:1px solid #999; text-align:center; vertical-align:middle}
.trackListOdd{ border:1px solid #999;line-height:24px;vertical-align:middle;height:24px; padding-left:10px}
.trackListEven{ border:1px solid #999;line-height:24px;vertical-align:middle;height:24px; padding-left:10px}
.kindc{text-align:left; font-size:22px; font-weight:bold;font-family:'微软雅黑',Arial, Helvetica, sans-serif; color:#000}
.indxc{ font-family:'微软雅黑',Arial, Helvetica, sans-serif; font-size:15px; line-height:28px}
.datec{ color:#F6F6F6; font-size:1px; font-family:Verdana, Geneva, sans-serif; padding-left:10px}
.contc{ font-size:14px;font-family:'微软雅黑',Arial, Helvetica, sans-serif; line-height:22px}


<!--客服开始-->
#kefu1 { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: 50px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+50 : document.body.scrollTop +50);
}

#kefu1{position:fixed; left:1650px; top:185px; z-index:10008; width: 132px; padding: 10px; background: #fff; border: 1px solid #ddd; box-shadow: 1px 1px 1px #d4d4d4; font-size: 12px;}
.cs_tel{height:25px; background: url('../images/zx.gif') no-repeat 0px 0px;}
.cs_tel_ct{color: #666; line-height: 150%;}
.cs_tel_num{color: #c00; font-size: 18px; font-family: Arial,Verdana; font-style: italic; font-weight: bold; display: block; padding: 5px 0px;}

.cs_online{height:30px; background: url('../images/zx.gif') no-repeat 0px -50px;}
.cs_online_qq{height: 25px;}
.cs_online_qq a:link, .cs_online_qq a:active, .cs_online_qq a:visited, .cs_online_qq a:hover{text-decoration: none; color: #666;}

.cs_qcode{padding: 10px 0px 0px 0px;}

.cs_free{height:32px; background: url('../images/zx.gif') no-repeat 0px -100px;}
.cs_free a{display: block; height: 32px;}
.cs_free a span{display: none;}

.cs_baidu{height:32px; background: url('../images/zx.gif') no-repeat 0px -200px; border-bottom: 1px dashed #c0c0c0;}
.cs_baidu a{display: block; height: 32px;}
.cs_baidu a span{display: none;}

.cs_spr{border-bottom: 1px dashed #c0c0c0; margin: 8px 0px;}
.cs_space{clear:both; overflow:hidden; height:8px;}
.cs_close{position: absolute; right: 5px; top: 5px; width: 12px; height: 12px; background: url('../images/zx.gif') no-repeat 0px -150px;}
.cs_close a{display: block; height: 10px;}
.cs_close a span{display: none;}
<!--客服结束-->