@charset "utf-8";
/* CSS Document */

/*================base================*/
body{ font-size:12px; font-family:"微软雅黑",Verdana, Arial; margin:0px 0 0 0; padding:0; background:#fff; }
div,menu{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;}

.fl{float:left;}
.fr{float:right;}

a{ text-decoration:none}
a:link{color:#333}
a:visited{color:#333}
a:hover{color:#1a60a3}

.block{width:1170px;}

/*Banner*/
.flicker-example { width: 900px; height: 300px; margin-left: auto; margin-right: auto;}
.flickerplate{position:relative;width:100%;height:577px;background-color:#e6e6e6;overflow:hidden}
.flickerplate ul.flicks{width:10000%;height:100%;padding:0px;margin:0px;list-style:none}
.flickerplate ul.flicks>li{float:left;width:1%;height:100%;background-position:center;background-size:cover;display:table}
.flickerplate ul.flicks>li .flick-inner{height:100%;padding:10px;color:#fff;display:table-cell;vertical-align:middle}
.flickerplate ul.flicks>li .flick-inner .flick-content{max-width:68.75em;margin-left:auto;margin-right:auto}
.flickerplate ul.flicks>li .flick-title{padding:0px 0px;font-size:2.778em;line-height:1.995em;text-align:center}
@media only screen and (max-width: 43.813em){.flickerplate ul.flicks>li .flick-title{font-size:1.667em}}
.flickerplate ul.flicks>li .flick-sub-text{padding:5px;font-weight:300;line-height:2.5em;color:rgba(255,255,255,0.8);text-align:center}
.flickerplate ul.flicks>li .flick-title span.flick-block-text,.flickerplate ul.flicks>li .flick-sub-text span.flick-block-text{padding:12px 18px;background-color:rgba(0,0,0,0.6)}
.flickerplate .arrow-navigation{position:absolute;height:80%;width:10%;top:10%;z-index:100;overflow:hidden}
.flickerplate .arrow-navigation .arrow{display:block;height:100%;width:90%;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
.flickerplate .arrow-navigation:hover,.flickerplate .arrow-navigation .arrow:hover{cursor:pointer}
.flickerplate .arrow-navigation.left{left:0%}
.flickerplate .arrow-navigation.left .arrow{opacity:0;margin:0px 0px 0px 50%;background-image:url("../images/arrow-left-light.png");background-repeat:no-repeat;background-position:left}
.flickerplate .arrow-navigation.right{right:0%}
.flickerplate .arrow-navigation.right .arrow{opacity:0;margin:0px 0px 0px -50%;background-image:url("../images/arrow-right-light.png");background-repeat:no-repeat;background-position:right}
.flickerplate .arrow-navigation.left.hover .arrow{opacity:1;margin:0px 0px 0px 20%}
.flickerplate .arrow-navigation.right.hover .arrow{opacity:1;margin:0px 0px 0px -20%}
.flickerplate .dot-navigation{position:absolute;bottom:15px;width:100%;text-align:center;z-index:100}
.flickerplate .dot-navigation ul{text-align:center;list-style:none;padding:0px 15px}
.flickerplate .dot-navigation ul li{display:inline-block;float:none}
.flickerplate .dot-navigation .dot{width:10px;height:10px;margin:0px 6px;background-color:#88999d;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-transition:background-color 0.2s ease-out;-moz-transition:background-color 0.2s ease-out;-o-transition:background-color 0.2s ease-out;-ms-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out}
.flickerplate .dot-navigation .dot:hover{cursor:pointer;background-color:#88999d}
.flickerplate .dot-navigation .dot.active{background-color:#333333}
.flickerplate .dot-navigation.left,.flickerplate .dot-navigation.left ul{text-align:left}
.flickerplate .dot-navigation.right,.flickerplate .dot-navigation.right ul{text-align:right}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow{background-image:url("../img/flickerplate/arrow-left-dark.png")}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow{background-image:url("../img/flickerplate/arrow-right-dark.png")}
.flickerplate.flicker-theme-dark .dot-navigation .dot{background-color:rgba(0,0,0,0.12)}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover{background-color:rgba(0,0,0,0.6)}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active{background-color:#000}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner{color:rgba(0,0,0,0.9)}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text{color:rgba(0,0,0,0.9)}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text,.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text{background-color:rgba(255,255,255,0.5)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner{color:rgba(0,0,0,0.9)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text{color:rgba(0,0,0,0.9)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text,.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text{background-color:rgba(255,255,255,0.5)}
.flickerplate.animate-transform-slide ul.flicks{-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0%, 0px, 0px);-webkit-transform:translate3d(0%, 0px, 0px);-webkit-transition:-webkit-transform 0.6s;-o-transition:-o-transform 0.6s;-moz-transition:-moz-transform 0.6s;transition:transform 0.6s}
.flickerplate.animate-transition-slide ul.flicks{position:relative;left:0%;-webkit-transition:left 0.4s ease-out;-moz-transition:left 0.4s ease-out;-o-transition:left 0.4s ease-out;-ms-transition:left 0.4s ease-out;transition:left 0.4s ease-out}
.flickerplate.animate-jquery-slide ul.flicks{position:relative;left:0%}
.flickerplate.animate-scroller-slide{padding-bottom:0px;overflow:auto}
.flickerplate.animate-scroller-slide ul.flicks{position:auto}

.header{width:100%; float:left; height:122px;  background:#fff}
.header .logo{width:650px; height:122px;}
.header .logo a{float:left;margin-top:17px}
.header .logo img{float:left; }
.header .logo p{ margin:42px 0 0 15px; }

.header .language{ width:202px;height:28px; background:url('../images/language.png') no-repeat;}
.header .language a{float:left; height:28px; width:50%;}

.languageht {width:308px; }
.header .hot-tel{width:250px; height:30px; line-height:30px; background:url('../images/hot-tel.png') no-repeat; margin-top:28px; padding-left:44px; font-size:14px;  }

.menu{width:100%; height:50px; background-color:#2c2c2c}
.menu ul{}
.menu ul li {width:233px; float:left; line-height:50px; color:#fff; font-size:16px; font-family:"微软雅黑"; border-left:1px solid #474747}
.menu ul li a{color:#fff; width:100%; float:left; text-align:center}
.menu ul li a span{font-size:14px; color:#a6a6a6;text-transform:uppercase}
.menu ul li a:hover{background:#f23410	}
.menu ul li a.cur{background:#f23410}

.title{width:100%; float:left; text-align:center}
.title h2{font-size:30px; font-family:"微软雅黑"; font-weight:500}
.title p{font-size:14px; color:#555555; font-family:"Arial";text-transform:uppercase; line-height:24px;}
.title .title-summary{background:url(../images/title-summarybg.png) top no-repeat; padding-top:21px; width:100%; color:#888888; font-family:"微软雅黑";font-size:16px; }
.company-profile{width:100%; height:540px; background:#fff; margin-top:60px;}
.company-profile .article{width:100%; height:330px; background:#f7f7f7; margin-top:40px;}
.company-profile .article .left{width:583px; height:330px;}
.company-profile .article .left img{width:583px; height:330px; float:left;}
.company-profile .article .right{width:490px; height:260px; padding:45px 0 0 54px; position:relative;}
.company-profile .article .right h3{font-family:"微软雅黑";font-size:20px; color:#ec2217; font-weight:300;}
.company-profile .article .right p{font-family:"微软雅黑"; font-size:14px; color:#333333; line-height:26px; float:left; margin-top:20px;}
.company-profile .article .right a{ width:140px; height:34px; float:left; background:#f84209; line-height:34px; color:#fff; font-size:14px; text-align:center; font-family:"微软雅黑"; position:absolute; bottom:0; left:54px;   
	background: -webkit-linear-gradient(#fc4c04, #ec2418); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fc4c04, #ec2418); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fc4c04, #ec2418); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fc4c04, #ec2418); /* 标准的语法（必须放在最后） */
}
.company-profile .article .right a:hover{
	background: -webkit-linear-gradient(#ec2418, #fc4c04); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#ec2418, #fc4c04); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#ec2418, #fc4c04); /* Firefox 3.6 - 15 */
    background: linear-gradient(#ec2418, #fc4c04); /* 标准的语法（必须放在最后） */
}

.brand{width:100%; height:390px; background:#f7f7f7; padding-top:30px}
.brand .brand-list{width:100%;float:left; margin-top:40px}
.brand li{float:left; width:150px; height:53px; border:1px solid #c2c2c2;  margin:0 0 20px 17px; }
.brand li a:hover img{text-decoration: none;opacity: 0.3;}

.footer{width:100%; float:left; background:#383838; height:228px; text-align:center; color:#d5d5d5}
.footer .footerlogo{border-bottom:1px solid #606060; text-align:center; float:left; width:50%;padding:15px 0 33px 50%;}
.footer .footerlogo img{ width:474px; margin-left:-237px; float:left; }
.footer .address,.tel,.email,.copyright{float:left;}

.footer .address{ margin-left:166px; padding-right:28px}
.footer .address span{font-size:18px; float:left; line-height:46px; margin-right:10px}
.footer .address p{font-size:14px; line-height:46px;float:left;}

.footer .tel{padding:0 28px; line-height:25px; margin-top:11px; border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;    }
.footer .tel span{font-size:18px;float:left; margin-right:10px}
.footer .tel p{font-size:14px;float:left; }

.footer .email{ padding-left:28px;float:left;}
.footer .email span{font-size:18px; line-height:46px; margin-right:10px}
.footer .email p{font-size:14px;float:left; line-height:46px;}

.footer .copyright{width:100%; line-height:46px; font-size:14px;}
.footer .copyright a{color:#d5d5d5}


.menu-img{width:100%; float:left;}
.menu-img img{width:100%;}

.show-left{float:left; min-height:500px; border:1px solid #e4e4e4; position:relative; margin-top:48px; width:270px}
.show-left h2{float:left; width:100%; height:60px; line-height:60px; font-size:24px; color:#fff; text-align:center; font-weight:400; font-family:"微软雅黑"; background:#2f2f2f}

.show-left ul {}
.show-left ul li{width:100%; float:left;}
.show-left ul li a{font-size:16px; color:#000000;width:204px; background:url(../images/abg.png) no-repeat bottom; height:60px; line-height:60px; float:left; text-align:center; margin-left:36px }
.show-left ul li a:hover{color:#e62119}
.show-left ul li a.cur{color:#e62119}

.show-left .left-tel{width:100%; height:138px; position:absolute; bottom:0; left:0; background:url(../images/lianxi.jpg) top no-repeat;}
.show-left .left-tel i{margin-top:90px; float:left; font-size:16px; color:#222; margin-left:50px;font-family:"微软雅黑";}
.show-left .left-tel i span{color:#e62119;}

.show-right{float:right; width:850px; min-height:500px;margin-top:48px;}
.show-right .show-content{float:left; width:100%; min-height:800px; padding-top:40px; padding-bottom:80px;}

.show-content .address{ padding-right:10px;}
.show-content .address span{font-size:18px; float:left; line-height:46px; margin-right:10px}
.show-content .address p{font-size:14px; line-height:46px;float:left;}

.show-content .tel{padding:0 10px; line-height:25px; margin-top:13px; border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;    }
.show-content .tel span{font-size:18px;float:left; margin-right:10px}
.show-content .tel p{font-size:14px;float:left; }

.show-content .email{ padding-left:10px;float:left;}
.show-content .email span{font-size:18px; line-height:46px; margin-right:10px}
.show-content .email p{font-size:14px;float:left; line-height:46px;}

.show-content .list{float:left; margin:20px 0 0 80px;}
.show-content .list ul{}
.show-content .list ul li{width:345px; float:left; line-height:28px; padding-left:40px; font-size:14px; font-weight:400; background:url(../images/icon.jpg) 10px no-repeat; font-family:"微软雅黑";}

