@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500&display=swap');
@font-face {
font-family: 'dincond-regular';src: url('../fonts/dincond-regular.eot');src: local('dincond-regular Regular'), local('dincond-regular'), url('../fonts/dincond-regular.woff') format('woff'), url('../fonts/dincond-regular.ttf') format('truetype'), url('../fonts/dincond-regular.svg#dincond-regular') format('svg');} 
@font-face {
font-family: 'dincond-light';src: url('../fonts/dincond-light.eot');src: local('dincond-light Regular'), local('dincond-light'), url('../fonts/dincond-light.woff') format('woff'), url('../fonts/dincond-light.ttf') format('truetype'), url('../fonts/dincond-light.svg#dincond-light') format('svg');} 
@font-face {
font-family: 'DINPro-Light';src: url('../fonts/DINPro-Light.eot');src: local('DINPro-Light Regular'), local('DINPro-Light'), url('../fonts/DINPro-Light.woff') format('woff'), url('../fonts/DINPro-Light.ttf') format('truetype'), url('../fonts/DINPro-Light.svg#DINPro-Light') format('svg');} 
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
a,.phonemenu .nav,.nav1 .mleft .search,.nav1 .mleft .search #k,.toper dd.li1,.nav2,.ind4 li,.ind4 li .bg,.indmore a i,.ind2 li .pic span.p img,.indmanu .pic img,.indnews li .pic p,.fixright li.email p,.fixright li i,.foot .copy .mright li,.single_item .pic p,.mainmore a i,.mainmore a p,.single_item2 .pic p,.showdown li .pic img,.showdown li,.showdown li .title,.showdown li .title2,.single_item2 .pic h1,.showslider .bd li p,.showslider .bd li h1,.showslider_about .bd li p,.showslider_about .bd li h1,.about .pic img,.contact .mright #mbtn,.single_item3 .pic p,.envi1 .showdown li .pic,.envi2 .pic img,.single_item4 .pic .cons,.single_item4 .pic p,.pshow1 .mright img,.download dd .pic p,.download dd .title,.design4 li .pic p,.design4 li .pic .bg i,.tabmfcs_item .p img,.tabmfc li a .title,.tabmfc li a .title2,.tabmfc li a .pic p,.story .mright .pic p img,.manufacture .pzoom span,.fixtop,.showslider_about .bd li h1 span,.design4 li .title
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.ind2 li .pic:hover span.p img,.indmanu .pic img:hover,.indnews li .pic:Hover p,.single_item .pic:hover p,.single_item2:hover .pic p,.showslider .bd li:Hover p,.showslider_about .bd li:Hover p,.about .pic img:hover,.single_item3 .pic:hover p,.envi2 .pic img:Hover ,.single_item4:hover .pic .cons,.single_item4:hover .pic p,.pshow1 .mright img:Hover,.download dd:hover .pic p,.design4 li:Hover .pic p,.tabmfcs_item:hover .p img,.design4 li:Hover .pic .bg i,.story .mright .pic p:Hover img,.manufacture .pzoom span:Hover
{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.tabmfc li a:hover .pic p,.currenttabmfc a .pic p
{transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.abc
{transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); }
.nav1 .mleft,.nav1 .mright,.nav1 .mleft .search,.nav1 .mleft .search #k,.nav1 .mleft .search #sbtn,.ind2 li.li2 .pic .cons,.indmanu .cons,.indmanu .cons,.fixright li.email p,.show1 .content table td,.contact .mright input[type="text"],.contact .mright #mbeizu,.nshow .prevnext a,.single_item4 .pic .cons,.pshow1 .mleft,.manufacture table td,.download dd.no,.foot .s
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.abc
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:2;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Noto Sans SC','Source Han Sans CN Light','PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',arial,'宋体';}
html,body,a,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:16px;color:#000;font-weight:300; letter-spacing:0.5px}
a:hover,.indmore a:hover,.single_item .title a:hover,.showslider .bd li:hover h1,.showslider_about .bd li:hover h1,.single_item3 .title a:hover,.download dd:hover .title,.foot .copy .mleft a:hover,.foot ul.b li a:Hover,.accordionservice .submenu p a:hover,.foot .cons .t a:hover,.showslider_about .bd li:hover h1 span,.design4 li:Hover .title,.nshow .prevnext a:hover{color:#a5b62d}
.single_item2:Hover .pic h1,.nav1 .mright .submenu a:hover,.nav1 li a:hover,.tab2s_item a:Hover,.indnews li .title a:hover {color:#a5b62d}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
hr {border:0; background:#243354;height:1px;margin:5px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%;top:0;left:0;}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:0;text-align:center}
.pager {padding:0 0 0px 0; width:100%;} 
.pager a {text-align:center; display:inline-block; text-decoration: none;}   
.pager span.current { display:inline-block; text-align:center; }   
.pager span.disabled { display:inline-block;text-align:center;}   
.pager input { text-align:center;} 
.pager a,.pager span.disabled {}  
.pager a:hover,.pager span.current {background-size:cover; } 
.pager a:hover,.pager span.current{ color:#243354;} 
.pager a,.pager span.disabled {color:#999;background:#fff} 
.pager a,.pager span.current,.pager span.disabled{margin:0 10px;text-align:center;height:60px; line-height:60px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:18px;} 
.pager span.disabled,a.pv  { background:#243354;width:60px;border-radius:50%;}
.pager span.disabled img,a.pv img { vertical-align:top;margin:22px 0 0 0}

::-webkit-scrollbar {width: 10px;height:10px; }
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #ccc;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #EDEDED;}

::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999; } 
::-moz-placeholder { color: #999999; } 
:-ms-input-placeholder {color: #999999; }

::selection {background:#243354;color:#ffffff;}
::-moz-selection {background:#243354;color:#ffffff;}
::-webkit-selection {background:#243354;color:#ffffff; }

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

.wrap {margin:0 auto;max-width:1360px;position:relative;}
.wrap1 {margin:0 auto;max-width:1920px;position:relative;}
.wrap2 {margin:0 auto;max-width:1560px;position:relative;}
.phonemenu { display:block;}

.fixtop {position:fixed;top:0;left:0; height:100px;width:100%;z-index:9999;}
.fixtop .toper .logo { display:block; position:absolute;left:0px;top:0; background:url(../images/logo2.png);width:162px; height:108px; background-size:cover; z-index:100}
.fixtop2 .toper .logo { background:url(../images/logo.png);width:129px; height:84px;top:50px;left:-100px}
.fixtop3 .toper .logo { background:url(../images/logo.png);width:129px; height:84px;top:50px;}
.fixtop .toper dl.navpc { text-align:right; position:relative;top:34px;right:22px}
.fixtop .toper dl.navpc dd {display:inline-block;position:relative;margin:9px 40px 0 0}
.fixtop .toper dl.navpc dd a.a {display:inline-block;font-size:22px;position:relative;color:#000; vertical-align:top;}

.fixtop.active {top:-150px;}

.nav__icon {display: inline-block;position: relative;width: 22px;height: 2px;background-color:#000;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;top:-18px;}
.nav__icon:before,.nav__icon:after {content: '';display: block;width: 22px;height: 2px;position: absolute;background:#000;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {margin-top:-8px;}
.nav__icon:after {margin-top:8px;}
.phonemenu .nav__trigger {display: block;position:fixed;width: 22px;height: 18px;left:50%;margin-left:658px;top:62px;z-index: 99997;}
.phonemenu .nav { position:fixed; z-index:99996;left:-50%;top:0;width: 50%;height: 100%; background:#fff;opacity:0; }
.phonemenu .nav--active .nav {left:0;opacity:1}
.phonemenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.phonemenu .nav--active .nav__icon:before { margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #000}
.phonemenu .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #000;}

.fixtop.active .phonemenu .nav__trigger {top:-88px}

.nav1 ul {margin-bottom:15%}
.nav1 li {margin:10% 0 0 0}
.nav1 li a {font-size:30px; line-height:40px;color:#535353}
.nav1 .logo2 {width:129px; height:84px;margin:12% 0 52% 38%;}
.nav1 .logo2 a { display:block;width:100%; height:100%;background:url(../images/logo.png);}
.nav1 .mleft{ position:absolute;top:0;left:0;width:50%; height:100%;}
.nav1 .mleft ul { position:relative;left:38%}
.nav1 .mleft .search {border:1px solid #fff;border-radius:25px; height:50px; line-height:50px; position:absolute;left:38%;width:50%;padding:0 0 0 0}
.nav1 .mleft .search #k {border-radius:25px; height:46px; line-height:46px;width:0; display:inline-block; vertical-align:top;padding:0;}
.nav1 .mleft .search #sbtn { background:url(../images/s.png) no-repeat left center;width:20%; height:50px;display:inline-block; vertical-align:top;cursor:pointer}
.nav1 .mleft .search:hover {width:50%;border-color:#ccc;}
.nav1 .mleft .search:hover #k {width:80%;padding:0 20px}
.nav1 .mright{ position:absolute;top:0;left:50%;width:50%; height:100%; background:#eff1f3;}
.nav1 .mright ul { position:relative;left:27%}
.nav1 .mright .submenu {left:27%; position:relative; height:50px; line-height:50px}
.nav1 .mright .submenu a {font-size:22px;color:#535353}
.nav1 .mright .submenu a:first-child {margin:0 10% 0 0}

.nav2__icon {display: inline-block;position: relative;width: 18px;height: 2px;background-color:#000;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;top:-31px;opacity:0;}
.nav2__icon:before,.nav2__icon:after {content: '';display: block;width: 18px;height: 2px;position: absolute;background:#000;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav2__icon:before {margin-top:-8px;}
.nav2__icon:after {margin-top:8px;}
.toper .nav2__trigger {display:inline-block;width: 18px;height: 18px;margin:24px 0 0 10px; vertical-align:top;}
.toper dd .lia {right:-28px}
.toper dd .li_active {right:0}

.toper .nav2 { position:fixed; z-index:99996;left:-50%;top:0;width: 50%;height: 100%; background:#fff;opacity:0;}
.toper .nav2--active .nav2 {left:0;opacity:1}
.toper .nav2--active .nav2__icon {background: rgba(0, 0, 0, 0); opacity:1}
.toper .nav2--active .nav2__icon:before { margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #000;}
.toper .nav2--active .nav2__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #000;}

.nav2 { text-align:left;}
.nav2:before {content:''; position: absolute;right:0;top:0;width:50%; background:#eff1f3; height:100%; z-index:1}
.nav2 .logo2 { background:url(../images/logo.png) no-repeat center;width:129px; height:84px; display:block; position:absolute;left:18%;top:6%; z-index:999}
.nav2 .tab2 { position:absolute;bottom:12%;left:0;width:100%; z-index:999}
.tab2s{float:left;width:32%; position:relative;left:18%;}
.tab2s li{display:block; position:relative; cursor:pointer;padding:8px 0}
.tab2s a{display:block;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;font-size:30px;color:#535353}
.currenttab2 a{color:#a5b62d}
.tab2s_item{display:none;}
.tab2s_item:first-child{display:block;}
.tab2s_item a { display:block;margin:15px 0 0 0;font-size:18px;color:#535353;}
.tab2_content {float:right;width:37%;margin:5px 0 0 0; position:relative}
.tab2_content .in { position:absolute;left:0;top:0;width:100%}


.indabout {text-align:center;margin:160px 0 210px 0}
.indabout .t { position:relative;color:#acacad; font-size:60px;line-height:80px;max-width:1024px;margin:0 auto;font-weight:500}
.indabout .t i { background:url(../images/1.png);width:56px; height:33px; position:absolute;right:180px;bottom:70px}
.indabout .t2 { color:#999;font-size:36px; line-height:46px;margin:55px 0 15px 0;font-family: 'dincond-regular';}
.indabout .c {max-width:1140px;margin:0 auto;font-size:20px;color:#333}


.ind4 li { display:inline-block; vertical-align:top;width:16.6666%; height:800px; position:relative; cursor:pointer}
.ind4 li.on {width:50%}
.ind4 li .title {position:absolute; z-index:100;top:0;}
.ind4 li .title h1 {font-size:24px;width:24px; line-height:26px;color:#fff;position:relative;top:25px;left:90%; letter-spacing:1px}

.ind4 li .title2 {position:absolute; z-index:100;top:0;}
.ind4 li .title2 h1 {font-size:72px;width:72px; line-height:72px;font-family: 'dincond-regular';color:#fff;transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); position:relative;top:30px;left:65%}

.ind4 li .bg {position:absolute;width:100%; height:100%;z-index:20; background:rgba(178,196,138,0.8)}
.ind4 li .pic { position:absolute;width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:10}
.ind4 li.on .bg {opacity:0}

.ind2 {padding:170px 0}
.ind2 li .in {width:50%}
.ind2 li .pic {position:relative}
.ind2 li .pic span.p { overflow:hidden; display:block}
.ind2 li .pic img {width:100%}
.ind2 li.li1 .pic {margin:0 -5% 0 -15%;width:120%}
.ind2 li.li2 .pic {margin:-63% -15% 0 -5%;width:120%}
.ind2 li.li2 { text-align:right;}
.ind2 li.li2 .in {margin:0 0 0 auto}
.ind2 li.li2 .pic .cons { position:absolute;top:-90px;right:0; z-index:99; text-align:right;width:100%;padding:0 12.5% 0 0;color:#000}
.ind2 li.li2 .pic .cons .t {font-size:18px;}
.ind2 li.li2 .pic .cons .c {font-size:90px; line-height:90px; text-transform:uppercase;font-family: 'dincond-light';}
.indmore a {color:#a5b62d;font-size:20px; line-height:20px; position:relative;font-weight:100}
.indmore a i { background:url(../images/2.png) right;width:86px; height:17px; display:inline-block; vertical-align:top;margin:8px 0 0 15px}
.indmore a:Hover i { background-position:left;}
.indmore a:hover {color:#243354}
.ind2 li.li1 .indmore {margin:40px 0 0 0}

.inddeve { text-align:center;color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;padding:12% 0}
.inddeve .t {font-size:50px; line-height:50px;font-weight:600;opacity:0.9; letter-spacing:2px}
.inddeve .l {width:80px; height:2px; background:#66cc33;margin:60px auto}
.inddeve .c {font-size:20px;max-width:800px;margin:0 auto;opacity:0.9;font-weight:300; line-height:1.8}

.indmanu {padding:170px 0;}
.indmanu .wrap { background:#eff1f3}
.indmanu .pic { display:inline-block; vertical-align:middle;width:50%; overflow:hidden}
.indmanu .pic img {width:100%}
.indmanu .cons { display:inline-block; vertical-align:middle;width:50%;padding:0 7%;}
.indmanu .cons .t {font-size:42px; line-height:52px;font-weight:500}
.indmanu .cons .c {font-size:20px;margin:10% 0 15% 0;font-weight:100}
.indnews .subject{font-size:58px; line-height:58px;font-family: 'dincond-regular';margin:0px 0 40px 0;color:#535353}
.indnews ul {width:103%;margin:0 0 0 -1.5%}
.indnews li {float:left;width:30.3333%;margin:0 1.5%}
.indnews li .pic { position:relative; overflow:hidden}
.indnews li .addtime {color:#999;font-size:18px;margin:25px 0 0 0;}
.indnews li .title { height:40px; line-height:40px; overflow:hidden;margin:0px 0 20px 0}
.indnews li .title a {font-size:26px;font-weight:400;color:#333}
.indmore2 a {color:#666;font-size:16px; line-height:16px;font-weight:300}
.indmore2 a i { background:url(../images/3.png) right;margin:10px 0 0 15px}

.indtopvideo {background:#fff;
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;}
.indtopvideo .cons { position:absolute; z-index:999;bottom:6%;left:0;width:100%;color:#fff;opacity:0.9;font-size:135px; line-height:0.9;font-family: 'dincond-regular';}
.indtopvideo video {width: 100%;height: 100%;object-fit:cover;position: absolute;top: 0;left: 0; background-size:cover;}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(../images/play.png) no-repeat center; background-size:cover;width:100px; height:100px;margin:-50px 0 0 -50px}
.video-btn.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}
.toppic {
width:100%;
background:#fff;
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position:relative;
}
.toppic .pic { position:absolute;width:75%;left:25%; height:100%;top:0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.toppic .cons {  position:absolute; z-index:100;width:100%; height:100%;top:0;left:0;font-family: 'dincond-regular';font-size:120px; line-height:120px;color:#243354; text-transform:uppercase}
.toppic .cons p {color:#666;font-size:36px; line-height:36px;font-weight:400; letter-spacing:2px;margin:10px 0 0 0}

.product {width:101.5%;margin:-4% 0 0 -0.75%;padding:120px 0 0 0}
.single_item {float:left;width:48.5%;margin:4% 0.75% 0 0.75%; position:relative}
.single_item .pic { position:relative; overflow:hidden}
.single_item .title { height:40px; line-height:40px; overflow:hidden; text-align:center;margin:25px 0 0 0}
.single_item .title a {font-size:30px;color:#535353;font-weight:300}
.nodata{display:none; text-align:center;}
.mainmore { text-align:center;margin:120px 0 0 0}
.mainmore a { position:relative}
.mainmore a p { display:inline-block;border:1px solid #000;font-size:22px; height:60px; line-height:60px;padding:0 85px; position:relative; z-index:10;color:#535353;font-weight:400}
.mainmore a i {position:absolute; z-index:1; background:#243354;width:0; height:62px;}
.mainmore a:hover p {color:#fff}
.mainmore a:hover i {width:100%}

.showtoppic {
width:100%;
background:#fff;
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
}

.show1 {margin:120px 0 0 0}
.show1 .mleft {float:left;width:42%}
.show1 .mleft .t {font-size:80px; line-height:80px;font-weight:400;color:#535353}
.show1 .mleft .t2 {font-size:28px; line-height:28px;margin:70px 0 30px 0;color:#535353;font-weight:400}
.show1 .mleft .c {margin:0 0 45px 0;font-size:20px;color:#333; line-height:1.8}
.show1 .mright {float:right;width:53%; text-align:right;margin:15px 0 0 0}
.show1 .mright img {width:100%}
.show1 .content {margin:70px 0 0 0;font-size:20px;color:#666; line-height:1.8}
.show1 .content img {margin:50px 0 0 0}
.show1 .content td img {margin:0;width:100%}
.show1 .content td strong,.show1 .content td b,.show1 .content strong {font-size:28px; line-height:1.6;font-weight:500;color:#333}
.show1 .content table {margin:50px 0 0 0}
.show1 .content table td {width:9%}
.show1 .content table td:first-child,.show1 .content table td:last-child {width:45.5%}
.show1 .subject,.showdown .subject {font-family: 'dincond-regular';font-size:60px; line-height:60px;margin:120px 0 50px 0;color:#535353}
.show1 .subject p,.showdown .subject p {font-size:24px; line-height:24px;font-weight:400;margin:10px 0 0 0}

.showdetail {width:103%;margin:0 0 0 -1.5%}
.showdetail ul {margin:-3% 0 0 0}
.single_item2 {float:left;width:47%;margin:3% 1.5% 0 1.5%; position:relative}
.single_item2 .pic { position:relative; overflow:hidden}
.single_item2 .pic h1 {font-size:20px; line-height:30px; position:absolute;width:100%; text-align:center;bottom:0px; z-index:99;font-weight:300;color:#333}

.showdown ul {width:102%;margin:-4% 0 0 -1%}
.showdown li {float:left;width:18%;margin:4% 1% 0 1%; text-align:center;border-bottom:1px solid transparent;padding:0 0 20px 0}
.showdown li .pic img { height:120px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}
.showdown li .title {font-size:20px; line-height:25px;margin:20px 0 15px 0;font-weight:400;color:#535353}
.showdown li .title2 {font-size:24px; line-height:24px;color:#999;font-family: 'dincond-light'; text-transform:uppercase;}
.showdown li:Hover {border-color:#a5b62d}
.showdown li:hover .pic img {-webkit-filter: grayscale(100%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
filter:None;}
.showdown li:hover .title,.showdown li:hover .title2 {color:#a5b62d}

.showslider{width:100%;min-width:1400px;height:473px;position:relative;overflow:hidden;background:#fff;text-align:center;}
.showslider .bd{width:1400px;position:absolute;left:50%;margin-left:-700px}
.showslider .bd li{width:660px;overflow:hidden;margin:0 20px; position:relative; height:473px}
.showslider .bd li h2 { position:relative; overflow:hidden; height:413px}
.showslider .bd li h1 { position:absolute; z-index:1;bottom:0;font-size:24px; height:40px; line-height:40px; overflow:hidden;font-weight:300;color:#333}
.showslider .tempWrap{overflow:visible !important}
.showslider .tempWrap ul{margin-left:-1400px !important;}
.showslider .hd{ display:none;}.showslider .hd li{}.showslider .hd li.on{}
.showslider .pnBtn{position:absolute;z-index:1;top:0;width:100%;height:473px;cursor:pointer;}
.showslider .prev{left:-50%;margin-left:-720px;}
.showslider .next{left:50%;margin-left:720px;}
.showslider .pnBtn .blackBg{display:block;position:absolute;left:0;top:0;width:100%;height:473px;background:url(../images/5.png) repeat-x top}
.showslider .pnBtn .a{position:absolute;top:0;z-index:999;width:17px;height:473px;margin-top:-30px}
.showslider .pnBtn .a:hover{filter:alpha(opacity=100);opacity:1;}
.showslider .prev .a{right:-28px;background:url(../images/4.png) no-repeat center;}
.showslider .next .a{left:-28px;background:url(../images/4.png) no-repeat center;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}

.partners {padding:0 0 5% 0}
.aboutsubject {font-family: 'dincond-regular';font-size:72px; line-height:72px;margin:120px 0 60px 0;color:#535353}
.aboutsubject p{font-size:36px; line-height:36px;color:#333;font-weight:400;margin:15px 0 0 0}

.history {margin-top:-60px}
.history .cons { background:url(../images/8.png) no-repeat center;height:1101px; position:relative;margin:0 0 13% 0}
.history .cons li { position:relative;}
.history .cons li .t {font-size:66px; line-height:66px; position:absolute;font-family: 'dincond-light';}
.history .cons li .c {font-size:16px;margin:0 0 0 130px;min-height:150px;font-weight:100;color:#000}
.history .cons ul.left { position:absolute;width:41%}
.history .cons ul.right { position:absolute;right:0;top:0;width:41%}
.history .cons ul.right .t {right:0;}
.history .cons ul.right .c {margin:0 130px 0 0}
.history .cons ul.left li.f1 {margin-top:125px}
.history .cons ul.left li.f2 {margin-top:50px}
.history .cons ul.left li.f3 {margin-top:50px}
.history .cons ul.left li.f4 {margin-top:50px}
.history .cons ul.left li.f5 {margin-top:50px}
.history .cons ul.right li.f1 {margin-top:25px}
.history .cons ul.right li.f2 {margin-top:50px}
.history .cons ul.right li.f3 {margin-top:50px}
.history .cons ul.right li.f4 {margin-top:50px}
.history .cons ul.right li.f5 {margin-top:50px}

.showslider_about{width:100%;min-width:1280px;height:910px;position:relative;overflow:hidden;background:#fff;text-align:center;margin:6.5% 0 9% 0}
.showslider_about .bd{width:1280px;position:absolute;left:50%;margin-left:-640px}
.showslider_about .bd li{width:1200px;overflow:hidden;margin:0 40px; position:relative; height:910px}
.showslider_about .bd li h2 { position:relative; overflow:hidden; height:800px}
.showslider_about .bd li h1 { position:absolute; z-index:1;bottom:20px;text-align:left;color:#535353;font-weight:400}
.showslider_about .bd li h1 font { font-size:24px; height:40px; line-height:40px; overflow:hidden; display:block}
.showslider_about .bd li h1 span { font-size:20px; height:25px; line-height:25px; overflow:hidden; display:block;font-family: 'DINPro-Light'; letter-spacing:0;color:#000}
.showslider_about .tempWrap{overflow:visible !important}
.showslider_about .tempWrap ul{margin-left:-1280px !important;}
.showslider_about .hd{ display:none;}.showslider_about .hd li{}.showslider_about .hd li.on{}
.showslider_about .pnBtn{position:absolute;z-index:1;top:0;width:100%;height:860px;cursor:pointer;}
.showslider_about .prev{left:-50%;margin-left:-680px;}
.showslider_about .next{left:50%;margin-left:680px;}
.showslider_about .pnBtn .blackBg{}
.showslider_about .pnBtn .a{position:absolute;top:0;z-index:999;width:17px;height:860px;margin-top:-30px;}
.showslider_about .pnBtn .a:hover{filter:alpha(opacity=100);opacity:1;}
.showslider_about .prev .a{right:-48px;background:url(../images/4.png) no-repeat center;}
.showslider_about .next .a{left:-48px;background:url(../images/4.png) no-repeat center;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}

.story {margin-top:-50px}
.story .mleft {float:left;width:49%}
.story .mleft .title {font-size:78px; line-height:98px;color:#243354; position:relative;margin:0 0 80px 0; display:inline-block;font-weight:300}
.story .mleft .title i { background:url(../images/9.png);width:56px; height:33px; position:absolute;right:-10px;bottom:90px}
.story .mleft .cons {font-size:20px;font-weight:100; line-height:1.8}
.story .mright {float:right;width:44%;margin:280px 0 0 0}
.story .mright .pic { position:relative}
.story .mright .pic:before { background:url(../images/7.png);width:199px; height:158px;content:''; position:absolute;right:0;top:-240px}
.story .mright img {width:100%}
.story .mright .pic p { overflow:hidden}
.story .mright .pic p:last-child {margin:20px 0 0 0;}

.about {margin:10% 0 8% 0}
.about .pic {width:46.875%; position:relative; z-index:99; overflow:hidden}
.about .pic img {width:100%}
.about .title { position:absolute;width:100%;top:-10px; text-align:right;}
.about .title .in {width:50%;margin:0 0 0 auto; text-align:left;font-size:20px;font-weight:100;}
.namemj { position:absolute; height:0;top:-130px}

.contact {margin:10% 0}
.contact .mleft {float:left;width:45%;font-size:22px;color:#333; line-height:1.8;}
.contact .mleft b,.contact .mleft strong {font-weight:500;font-size:22px}
.contact .mleft hr {width:20px; height:2px}
.contact .mright {float:right;width:45%;margin-top:-10px}
.contact .mright .list {margin:0 0 15px 0}
.contact .mright .listbeizu {margin:40px 0 0 0}
.contact .mright input[type="text"] {border-bottom:1px solid #333; height:60px; line-height:60px;width:100%;padding:0 25px;font-size:18px;font-weight:300}
.contact .mright #mbeizu {border-bottom:1px solid #333; line-height:30px;width:100%;padding:20px 25px;font-size:18px; background:#eff1f3; height:220px; overflow:auto;font-weight:300}
.contact .mright #mbtn {font-size:20px;color:#666; height:50px; line-height:50px;width:100%; text-align:center; cursor:pointer;margin:50px 0 0 0;font-weight:300}
.contact .mright #mbtn:hover { background:#243354;color:#fff}

.news {margin:15% 0}
.news ul {margin:-3.5% 0 0 -1.5%;width:103%}
.single_item3 {float:left;width:30.3333%;margin:3.5% 1.5% 0 1.5%}
.single_item3 .pic { position:relative; overflow:hidden}
.single_item3 .addtime {color:#999;margin:25px 0 0 0;font-size:18px}
.single_item3 .title { height:40px; line-height:40px; overflow:hidden;margin:-2px 0 20px 0}
.single_item3 .title a {font-size:24px;color:#000;}

.nshow {margin:17% 0 10% 0}
.nshow .mleft  {float:left;width:39%}
.nshow .mleft .t {font-size:60px; line-height:80px;color:#333;font-weight:300;}
.nshow .mleft .a {font-size:24px;color:#999;margin:40px 0 0 0}
.nshow .mright {float:right;width:50%;font-size:20px;color:#333;margin:5px 0 0 0}
.nshow .mright img {margin:5px 0}
.nshow .pic {margin:8% 0 20px 0}
.nshow .pic img {width:100%}
.nshow .tag {color:#666;padding:60px 0 0 50%}
.nshow .prevnext {border-top:1px solid #333; position:relative;margin:30px 0 0 0;padding:30px 0 0 0}
.nshow .prevnext a {font-size:18px; line-height:26px;float:left;width:50%;color:#333}
.nshow .prevnext a.prev {padding:0 100px 0 0}


.envi1 { position:relative;margin:14% 0 8% 0}
.envi1 .cons{color:#a5b62d;font-size:28px; line-height:1.8;max-width:830px;font-weight:300}
.envi1 .showdown { position:absolute;right:0;bottom:0;text-align:center}
.envi1 .showdown ul {width:auto;margin:0}
.envi1 .showdown li {width:100%;margin:0;border:0}
.envi1 .showdown li .pic {width:90px; height:90px; background-position:top; background-repeat:no-repeat; background:url(../images/10.png);margin:0 auto 30px auto}
.envi1 .showdown li:hover .pic { background-position:bottom;}

.envi2 {border-bottom:1px solid #000;margin:10% 0 15% 0}
.envi2 li {border-top:1px solid #000;padding:50px 0}
.envi2 .pic {float:left;width:44%; overflow:hidden}
.envi2 .pic img {width:100%}
.envi2 .cons {float:right;width:50%;font-weight:100}
.envi2 .cons .title {font-size:30px; line-height:30px;color:#000;margin:-5px 0 30px 0}
.envi2 .cons .content {font-size:20px;margin:0 0 40px 0;min-height:180px; line-height:1.8}
.envi2 .cons .pic2 img {max-height:110px}
.envi2 .cons .pic2 p { display:inline-block}

.case {padding:12% 0 2% 0}
.case ul {width:101.4%;margin:-6% 0 0 -0.7%}
.single_item4 {float:left;width:48.6%;margin:6% 0.7% 0 0.7%; position:relative; text-align:center}
.single_item4 .pic { position:relative; overflow:hidden}
.single_item4 .pic .cons { position:absolute; z-index:99;width:100%; height:100%; background:rgba(36,51,84,0.9);color:#fff;padding:0 11%;opacity:0}
.single_item4 .pic .cons .t {font-size:48px; line-height:68px;font-weight:500}
.single_item4 .pic .cons .l { background:#243354; height:1px;width:90px;margin:30px auto; background:#a5b62d}
.single_item4 .pic .cons .t2 {font-size:24px; line-height:39px;font-weight:300}
.single_item4:hover .pic .cons {opacity:1}
.pshow1 {padding:10% 0 0 0}
.pshow1 .mleft {float:left;width:50%;padding:0 6% 0 0;font-size:20px;color:#666; line-height:1.8}
.pshow1 .mleft .t {font-size:50px; line-height:65px;color:#535353;font-weight:400}
.pshow1 .mleft .gs {margin:50px 0;min-height:480px;}
.pshow1 .mleft .gs2 {}
.pshow1 .mright {float:right;width:50%; overflow:hidden}
.pshow1 .mright img {width:100%}
.pshow1 .content {font-size:20px; line-height:1.8;color:#666;padding:10% 0 0 0}
.pshow1 .content strong {font-weight:500}
.pshow1 .content img {margin:35px 0 15px 0}

.manufacture {margin:10% 0 8% 0;font-size:20px;color:#333; line-height:1.8;font-weight:100}
.manufacture img {margin:10px 0}
.manufacture b,.manufacture strong {font-size:48px; line-height:1.4;font-weight:300;color:#000}
.manufacture h1,.manufacture h2,.manufacture h3,.manufacture h1 strong,.manufacture h2 strong,.manufacture h3 strong {font-size:48px; line-height:1.4;font-weight:500;color:#000}
.manufacture table td {width:50%; vertical-align:top;}
.manufacture table td:first-child {padding:0 3.5% 0 0}
.manufacture table td:last-child {padding:0 0 0 3.5%}
.manufacture .table1 td:first-child {padding:0 10% 0 0}
.manufacture .table1 td:last-child {padding:0}
.manufacture hr { background:#333;margin:5% 0}

.manufacture .pzoom{ overflow:hidden;margin:10px 0}
.manufacture .pzoom img {margin:0}
.manufacture .pzoom span { display:block; overflow:hidden}
.manufacture .pzoom2 { overflow:visible}


.download {margin:10% 0 0 0; position:relative}
.download .subject {font-size:72px; line-height:72px;color:#535353;font-family: 'dincond-regular';margin:0 0 50px 0}
.download .subject p {font-size:36px; line-height:36px;color:#333;font-weight:400;margin:15px 0 0 0}
.download ul{float:left;width:15%;}
.download ul li{margin:10px 0 0 0}
.download ul a{display:block;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;font-size:20px; line-height:30px;color:#333;font-weight:100}
.download .currenttab a{font-weight:500;color:#535353}
.tabs_item{display:none;}
.tabs_item:first-child{display:block;}
.tab_content {float:right;width:85%;margin:18px 0 0 0}
.download dl {margin:-4% 0 0 -2%;width:104%;}
.download dd {float:left;width:46%;margin:4% 2% 0 2%}
.download dd .pic { position:relative; overflow:hidden}
.download dd .title { height:30px; line-height:30px; overflow:hidden;font-size:16px;color:#535353;margin:15px 0 0 0;font-weight:400}
.download dd.no { background:#eff1f3;width:96%;padding:30px;color:#333;min-height:210px;font-size:18px}
.download2 dl {margin:-4% 0 0 -4%;width:108%;}
.download2 dd {width:16%;margin:4% 4% 0 4%}
.mainmore2 {margin:10% 0}

.design1 {margin:13% 0 -2.5% 0;}
.design1 .subject {font-size:36px; line-height:51px;color:#535353;margin:0 0 6% 0;font-weight:400}
.design1 .mleft {float:left;width:42%;font-size:30px;color:#000;font-weight:100}
.design1 .mright {float:right;width:58%; text-align:right}

.indnum {margin:15px 0 0 0}
.indnum li { display:inline-block; vertical-align:top;margin:0 0 0 13%; text-align:left;}
.indnum li .content {font-size:28px;color:#333; line-height:38px;margin:-10px 0 35px 0;font-weight:100}
.indnum li .num {display:inline-block; vertical-align:top;border-bottom:3px solid #a5b62d;padding:0 0 5px 0;}
.indnum li .num h1 { display:inline-block; vertical-align:top;font-size:160px;line-height:160px;color:#535353;font-family: 'dincond-light'}
.indnum li .num h2 { display:inline-block; vertical-align:top;font-size:90px; line-height:90px;margin:60px 0 0 5px;color:#535353;font-weight:500;font-family: 'dincond-regular';}

.design2 li .cons .title {font-size:30px; line-height:30px;margin:-3px 0 25px 0;font-weight:400}
.design2 li .cons .content {font-size:20px;min-height:200px;font-weight:100; line-height:1.8}
.design2 li.f2 .cons .content {min-height:225px}
.design2 li.f3 .cons .content {min-height:250px}
.design2 li.f4 .cons .content {min-height:205px}

.design3 { text-align:center;padding:0 7%}
.design3 .title {font-size:50px; line-height:50px; display:inline-block; position:relative;color:#535353;margin:-10% 0 40px 0;font-weight:500}
.design3 .title i { background:url(../images/9.png);width:56px; height:33px; position:absolute;right:-30px;top:-35px}
.design3 .content {color:#000;font-size:30px; line-height:1.8;font-weight:100}

.design4 {margin:6% 0 0 0}
.design4 ul {width:103%;margin:-4% 0 0 -1.5%}
.design4 li {float:left;width:47%;margin:4% 1.5% 0 1.5%}
.design4 li .pic { position:relative; overflow:hidden}
.design4 li .pic .bg { position:absolute;width:100%; height:100%; z-index:99; background:rgba(0,0,0,0.3);}
.design4 li .pic .bg i { background:url(../images/playbtn.png) no-repeat center; position:absolute; z-index:999;width:91px; height:91px;top:50%;left:50%;margin:-45px 0 0 -45px; background-size:cover;}
.design4 li .title { height:30px; line-height:30px; overflow:hidden;font-size:24px;color:#000;margin:20px 0 0 0;font-weight:100}

.floatvideo { position:fixed;top:0;left:0;width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:999999; display:none;}
.floatvideo iframe {width:100%; height:100%}
.video_cons {width:100%; height:100%;background:none; text-align:center;color:#fff}
.video_cons i { position:absolute;right:0;top:0; background:url(../images/close.png) no-repeat center;width:40px; height:40px; background-size:cover;margin:-20px -20px 0 0; z-index:99999; cursor:pointer}

.mfc1 {margin:13% 0 0 0;}
.mfc1 .subject {color:#535353;font-size:73px; line-height:72px;margin:9% 0 50px 0;font-family: 'dincond-regular'}
.mfc1 .subject p{color:#333;font-size:36px; line-height:36px;font-weight:400;margin:10px 0 0 0}
.tabmfc ul{margin:-30px 0 0 0;float:left;width:53%}
.tabmfc ul li{float:left;width:14%;margin:30px 6% 0 0; text-align:center}
.tabmfc li a{display:block;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;color:#333}
.tabmfc li a .pic { position:relative; overflow:hidden}
.tabmfc li a .title { height:30px; line-height:30px; overflow:hidden;font-size:28px;margin:20px 0 2px 0;font-family: 'dincond-regular'}
.tabmfc li a .title2 { height:25px; line-height:25px; overflow:hidden;font-size:14px;color:#535353;font-weight:400}
.currenttabmfc a .title,.currenttabmfc a .title2,.tabmfc li a:hover .title,.tabmfc li a:Hover .title2 {color:#a5b62d}
.tabmfcs_item{display:none;}
.tabmfcs_item:first-child{display:block;}
.tabmfc_content {float:right;width:44%;}
.tabmfcs_item .p { overflow:hidden}
.tabmfcs_item .p img {width:100%}
.tabmfcs_item .c {color:#535353;margin:20px 0 0 0;font-weight:400;}

.tabmfc2 ul {float:right;}
.tabmfc2 ul li{margin-right:0;margin-left:6%}
.tabmfc2 .tabmfc_content {float:left;}




.foot { background:#eff1f3;margin:130px 0 0 0;padding:100px 0 50px 0}
.foot ul {float:left;margin:0 4% 0 0}
.foot ul.b2 {margin:0}
.foot ul.b li {margin:0 0 50px 0}
.foot ul.b li:nth-child(4) {margin:0}
.foot ul.b li a {font-size:30px; line-height:30px;color:#535353}
.foot .s {float:left;margin:5px 9% 0 0;padding:0 0 0 40px; position:relative;border-left:1px solid #000;min-width:200px;min-height:310px;}
.accordionservice li { position:relative;margin:35px 0 0 0;}
.accordionservice li:nth-child(1) {margin:0}
.accordionservice li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordionservice li .link a { display:block; font-size:24px; line-height:24px;color:#000;font-weight:100}
.accordionservice li:hover .link a,.accordionservice li.open .link a {color:#a5b62d}
.accordionservice .submenu {display:none;margin:20px 0 -15px 0}
.accordionservice .submenu p a {font-size:16px;color:#333}
.foot .cons {float:right;width:360px;font-size:18px; line-height:1.8;color:#535353}
.foot .cons b,.foot .cons strong {font-weight:500;font-size:18px}
.foot .cons .t {margin:-5px 0 50px 0}
.foot .cons .t a {margin:0 40px 0 0 ;font-size:24px;color:#535353;font-weight:300}
.foot .copy {margin:120px 0 0 0}
.foot .copy .mleft {float:left;width:70%;color:#535353;font-size:14px}
.foot .copy .mleft a {font-size:14px;color:#535353;}
.foot .copy .mright {float:right;width:360px; position:relative;top:-5px}
.foot .copy .mright li { display:inline-block; vertical-align:top; position:relative;top:0;margin:0 0 0 15px}
.foot .copy .mright li:first-child {margin:0}
.foot .copy .mright li:Hover{top:-5px}
.foot .copy .mright li.wx { position:relative}
.foot .copy .mright li.wx p { position:absolute;width:100px;bottom:50px;left:-35px;border:1px solid #666; display:none;}
.fixright { position:fixed;right:2%;bottom:3%; text-align:right; z-index:9999; display:none;}
.fixright li {margin:10px 0 0 0; cursor:pointer; position:relative}
.fixright li i { display:inline-block; vertical-align:top;width:50px; height:50px; position:relative; z-index:100}
.fixright li.email p { display:inline-block; vertical-align:top; background:#243354;padding:0 10px 0 20px; height:50px; line-height:50px;color:#fff;font-size:16px; position:absolute;right:2%;width:0; overflow:hidden; text-align:left;}
.fixright li.email i { background:#ccc url(../images/email.png) no-repeat center;}
.fixright li.totop i { background:#ccc url(../images/up.png) no-repeat center;}
.fixright li.email:Hover p {width:240px}
.fixright li:hover i { background-color:#243354;}