@charset "UTF-8";

::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: #F5F5F5;

}

html {
	min-width:1200px;
}

::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2;

}

button{outline:none;}

::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555;

}



 ::selection {

	background-color: #1d50b6;

	color: #fff;

}



::-moz-selection {

	background-color: #1d50b6;

	color: #fff;

}



::-webkit-selection {

	background-color: #1d50b6;

	color: #fff;

}

* {

    padding: 0;

    margin: 0;

    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



body {

    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1.5;

}

*:before, *:after {

    box-sizing: content-box;

}

:focus {

    outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    color: #333;

    text-decoration: none;

}



a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}



li,

ul {

    list-style-type: none;

}



img {

    border: none;

}

input,textarea {

    outline: 0;

    border: 0;

    resize: none;

}







h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}

.fixedNav {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    z-index: 100000;

    _position: absolute;

    _top: expression(eval(document.documentElement.scrollTop));

   box-shadow: 0px 10px 12px rgba(0,0,0,.1);

}
textarea{

    animation: animated 1s infinite;

    -moz-animation: animated 1s infinite;

    -webkit-animation: animated 1s infinite;

    -o-animation: animated 1s infinite;

 

}



input[type="text"]{

     animation: animated 1s infinite;

    -moz-animation: animated 1s infinite;

    -webkit-animation: animated 1s infinite;

    -o-animation: animated 1s infinite;

}



/* top */
.top {width: 100%;height:50px;background:#fafafa;}

.top .center{width:1200px;margin:0 auto;display:flex;justify-content: space-between;}

.top .center p{font-size:12px;color:#808080;height: 50px;line-height: 50px;}

.top .center p a{display:inline-block;color:#808080;padding:0 10px 0 22px;line-height:15px;}

.top .center p a:nth-of-type(1){background:url(../images/t_icon_03.png) left center no-repeat;}

.top .center p a:nth-of-type(2){background:url(../images/t_icon_04.png) left center no-repeat;}


.top .center p:nth-of-type(1){width:615px;padding-left:25px;background:url(../images/t_icon_01.png) left center no-repeat;}

.top .center p:nth-of-type(1) span{color:#808080;}

.top .center p:nth-of-type(2){width:410px;text-align:right;}

.top .center p a:hover{color:#1d50b6;}


.thisxp{width:170px;height: auto;float: right;text-align:right;}

.top .xp {position: relative;line-height: 50px;color: #808080;font-size: 12px;cursor: pointer;}

.top .xp img {position: relative;top: 3px;margin-right:5px;}

.top .xp i {display:inline-block;width:22px;height:22px;line-height:22px;margin:0 3px;background:#a5a5a5;color:#fff;border-radius:5px;box-sizing: border-box;font-size:12px;text-align:center;}

.top .xp #xunpantip {z-index: 999;position: absolute;top: 35px;left: 50%;width: 180px;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 14px;-webkit-transform: translateX(-50%) scale(0);-moz-transform: translateX(-50%) scale(0);-o-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);-webkit-transition: transform .4s, opacity .4s;-moz-transition: transform .4s, opacity .4s;-o-transition: transform .4s, opacity .4s;-ms-transition: transform .4s, opacity .4s;transition: transform .4s, opacity .4s;background-color: #1d50b6;border-radius: 4px;opacity: 0;font-weight: bold;box-shadow: 5px 5px 2px #dfdfdf;}

.top .xp #xunpantip::after {content: '';position: absolute;top: -16px;left: 50%;width: 0;height: 0;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: (-50%); transform: translateX(-50%); border: 8px solid transparent;border-bottom-color: #1d50b6;}

.top .xp #xunpantip.xunpantextactive {-webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 1;}

.top i {font-weight: normal;font-style: normal;}









/*  */
.toper{width:100%;height:120px;background:#fff;}

.toper .content{width:1200px;height:76px;padding:14px 0;margin:0 auto;overflow:hidden;box-sizing:content-box;}

.toper .content p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.toper .content .cont_left{width:344px;height:76px;overflow:hidden;float:left;position:relative;}

.toper .content .cont_left::after{content:'';width:1px;height:50px;background:url(../images/top_xian.png);position:absolute;top:13px;right:0;}

.toper .content .cont_left h1{width:321px;height:76px;box-sizing:content-box;}

.toper .content .cont_left .logo{width:321px;height:76px;display:block;vertical-align:top;}

.toper .content .cont_mid{width:auto;height:54px;float:left;padding:0 0 11px 0;box-sizing:content-box;}

.toper .content .cont_mid p:nth-of-type(1){font-size:50px;line-height:53px;color:#333;font-weight:bold;}

.toper .content .cont_mid p:nth-of-type(2){font-size:18px;line-height:20px;color:#4c4c4c;margin-top:12px;}

.toper .content .cont_right{float:right;width:auto;height:50px;padding:10px 0 13px 60px;background:url(../images/tel01.png) left center no-repeat;box-sizing:content-box;}

.toper .content .cont_right p:nth-of-type(1){font-size:16px;line-height:16px;color:#4c4c4c;}

.toper .content .cont_right p:nth-of-type(2){font-size:24px;line-height:25px;color:#f26824;font-weight:bold;margin-top:6px;}







/**/

.nav_aa{width:100%;height:50px;position:relative;z-index:999;}

.nav_xx{width:100%;height:50px;background:#1d50b6;}


.nav{ width:1200px; height:50px; margin: 0 auto;position:relative;}

.nav ul{width:1200px; height:50px;background:#1d50b6;}

.nav ul li{float:left;width:171px;height:50px;line-height:50px;text-align:center;position:relative;z-index:0;}

.nav ul li:last-child{margin-right:0;}

.fixedNav .nav ul li{width:171px;}


.nav > ul > li > a{font-size:15px;display:block;color:#fff; height:50px; line-height:50px;overflow: hidden;

    background-size: 100% 0%;

    -webkit-transition: all .5s; transition: all .5s;

}





.nav ul li:hover{ color:#fff;

    background-size: 100% 100%;

}



.nav ul li:hover > a{ color:#fff;}



.nav > ul > li:hover{color:#fff;position:relative;}



.nav > ul > li::before{content:'';width:171px;height:0px;background:#f26824;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.nav > ul > li:hover::before{content:'';width:171px;height:50px;background:#f26824;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}





.nav > ul > li.another{color:#fff;background:#f26824;position:relative;}

.nav > ul > li.another > a{color:#fff;}

.nav > ul > li.another::after{content:'';width:150px;height:50px;background:#f26824;z-index:-1;position:absolute;top:0;left:0;}


.fixedNav {

    position: fixed;

    top: 0px;

    left: 0px;

    z-index:99999;

    _position: absolute;-webkit-transition:all .5s;transition:all .5s;

    _top: expression(eval(document.documentElement.scrollTop));  box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.08);

}
/* banner  */

.banner {width: 100%;height:550px;position: relative;display: block;overflow: hidden;}

.banner .nivoSlider {position: relative;width:1920px;height: 100%;text-align: center;left: 50%;margin-left: -960px;}

.banner .nivoSlider img {display: block;width: auto;margin: 0 auto;height: auto;}

.banner .nivoSlider a {border: 0;display: block;margin: 0 auto;text-align: center;width: 100%;height: 100%;}

.banner .nivo-controlNav-bg {position: absolute;

left: 0;bottom: -15px;width: 100%;height: 44px;z-index: 100;}

.banner .nivo-controlNav {position: absolute;width: 100%;bottom:20px;z-index: 101;text-align: center;}

.banner .nivo-directionNav a {position: absolute;top: 45%;z-index: 9;cursor: pointer;}

.banner .nivo-prevNav {left: 0px;}

.banner .nivo-nextNav {right: 0px;}

.banner .nivo-controlNav a {display: inline-block;width:15px;height:15px;text-indent: -9999px;border: 0;margin: 0 8px;border-radius: 50%;cursor: pointer;background: #fff;}

.banner .nivo-controlNav a.active {background: #1d50b6;}

.banner .nivo-directionNav a {display: block;width:36px;height:80px;background: url(../images/arrows.png) no-repeat 0% 50% rgba(0,0,0,0.5);border-radius:3px;top: 50%;margin-top: -27px;}

.banner a.nivo-nextNav {background-position: 100% 50%;right: 50%;margin-right: -700px;}

.banner a.nivo-prevNav {left: 50%;margin-left: -700px;}

.banner .nivo-caption {display: none;}

.banner .nivo-caption a {color: #fff;border-bottom: 1px dotted #fff;}

.banner .nivo-caption a:hover {color: #fff;}

/*.banner .ribbon {width: 111px;height: 111px;position: absolute;top: -4px;left: -5px;z-index: 300;}*/

.banner .nivoSlider {position: relative;}

.banner .nivoSlider img {position: absolute;top: 0px;left: 0px;margin: 0 auto;}

.banner .nivoSlider a.nivo-imageLink {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;border: 0;padding: 0;margin: 0;z-index: 6;display: none;text-align: center;}

.banner .nivo-slice {display: block;position: absolute;z-index: 5;height: 100%;}

.banner .nivo-box {display: block;position: absolute;z-index: 5;}

.banner .nivo-caption {position: absolute;left: 0px;bottom: 0px;background: #000;color: #fff;opacity: 0.8;width: 100%;z-index: 8;}

.banner .nivo-caption p {padding: 5px;margin: 0;}

.banner .nivo-caption a {display: inline !important;}

.banner .nivo-html-caption {display: none;}



/* banner  */

















/*  */

.footer{width:100%;background:url(../images/ft_back.png) center top no-repeat;height:380px;position:relative;padding-top:60px;box-sizing:content-box;overflow:hidden; cursor:default !important;}

.footer .center{width:1200px;height:300px;margin:0 auto;overflow:hidden;}

.footer .center .left{width:530px;height:300px;float:left;overflow:hidden;}

.footer .center .left h4{font-size:14px;line-height:15px;color:#e5e5e5;}

.footer .center .left .form{width:530px;height:180px;margin-top:40px;position:relative;}

.footer .center .left .form p{width:248px;height:35px;border:solid 1px #4d4d4d;overflow:hidden;background:rgba(0,0,0,0);}

.footer .center .left .form input{display:block;width:210px;height:35px;line-height:35px;color:#808080;font-size:14px;padding-left:38px;box-sizing:content-box;}

.footer .center .left .form p:nth-of-type(1){position:absolute;left:0;top:0;}

.footer .center .left .form p:nth-of-type(2){position:absolute;right:0;top:0;}

.footer .center .left .form p:nth-of-type(3){width:528px;height:64px;position:absolute;left:0;top:56px;}

.footer .center .left .form p:nth-of-type(1) input{background:url(../images/name.png) 7px center no-repeat rgba(0,0,0,0);}

.footer .center .left .form p:nth-of-type(2) input{background:url(../images/phone.png) 7px center no-repeat rgba(0,0,0,0);}

.footer .center .left .form textarea{width:430px;height:64px;line-height:35px;color:#808080;font-size:14px;padding-left:38px;box-sizing:content-box;background:url(../images/liuyan.png) 7px 10px no-repeat rgba(0,0,0,0);}

.footer .center .left .form p:nth-of-type(4){width:210px;height:36px;border:none;position:absolute;bottom:0;left:0;z-index:0;overflow:hidden;}

.footer .center .left .form p:nth-of-type(4) input{display:block;width:98px;border:solid 1px #4d4d4d;height:34px;line-height:34px;color:#808080;font-size:14px;float:left;background:rgba(0,0,0,0);padding-left:10px;box-sizing:content-box;}

.footer .center .left .form p:nth-of-type(4) img{display:block;float:right;width:90px;height:36px;cursor:pointer;}

.footer .center .left .form .tj{width:250px;height:36px;border:none;position:absolute;bottom:0;left:0;background:#1d50b6;overflow:hidden;z-index:0;}

.footer .center .left .form .tj .btn{display: block;width:250px;height:36px;line-height:36px;text-align:center;font-size:14px;color:#fff;border:none;background:none;cursor:pointer;}

.footer .center .left .form .tj::before{content:'';width:250px;height:0px;background:#f26824;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.footer .center .left .form .tj:hover::before{content:'';width:250px;height:36px;background:#f26824;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.footer .center .left .infro{width:530px;height:auto;margin-top:45px;position:relative;}

.footer .center .left .infro p{padding-left:22px;box-sizing:content-box;font-size:14px;line-height:17px;color:#9a9a9a;margin-bottom:17px;}

.footer .center .left .infro p:nth-of-type(1){background:url(../images/ft_icon_01.png) left center no-repeat;}

.footer .center .left .infro p:nth-of-type(2){background:url(../images/ft_icon_02.png) left center no-repeat;}

.footer .center .left .infro p:nth-of-type(3){background:url(../images/ft_icon_03.png) left center no-repeat;}

.footer .center .left .infro p:nth-of-type(4){background:url(../images/ft_icon_04.png) left center no-repeat;}

.footer .center .left .infro p:nth-of-type(5){background:url(../images/ft_icon_05.png) left center no-repeat;}

.footer .center .right{width:550px;height:300px;float:right;overflow:hidden;}

.footer .center .right ul{overflow: hidden;width:550px;height:225px;}

.footer .center .right ul li{float:left;width:165px;height:225px;margin-right:75px;box-sizing:content-box;}

.footer .center .right ul li:nth-of-type(3){width:70px;}

.footer .center .right ul li:last-child{width:70px;margin-right:0;}

.footer .center .right ul li p {font-size:16px;line-height:16px;height:33px;margin-bottom:20px;color:#e5e5e5;position:relative;}

.footer .center .right ul li p::after{content:'';width:30px;height:2px;background:#1d50b6;position:absolute;bottom:0;left:0;}

.footer .center .right ul li a {display:block;font-size:14px;line-height:15px;color:#808080;margin-bottom:22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition:all .5s;transition:all .5s;}

.footer .center .right ul li a:hover{color:#fff;margin-left:10px;-webkit-transition:all .5s;transition:all .5s;}

.footer .center .right .map{width:550px;height:205px;}

.footer .center .right .map img{width:550px;height:205px; vertical-align:top;}

.footer .copy{width:1200px;margin:0 auto;height:80px;line-height:80px;color:#999;}

.footer .copy span{display:inline-block;margin:0 10px;text-align:center;color:#999;float:left;}

.footer .copy span:last-child{float:right;}

.footer .copy span img{vertical-align:middle;margin-left:10px;}

.footer .copy span a{display:inline-block;margin-right:10px;color:#999;}

.footer .copy span a:hover{text-decoration:underline;color:#fff;}

/*  */
.h_title{width:240px;height:55px;margin:0 auto;text-align:center;position:relative;}

.h_title p{width:240px;font-size:60px;line-height:50px;color:#f3f3f3;font-weight:bold;text-transform: Uppercase;}

.h_title h3{width:240px;font-size:30px;line-height:45px;color:#1d50b6;font-weight:bold;position:absolute;left:0;top:0;}

.h_title h3 a{display:block;color:#1d50b6;}

.h_title::after{content:'';width:40px;height:3px;background:#1d50b6;position:absolute;bottom:0;left:50%;margin-left:-20px;}







/*  */
.tback{background:#fafafa;width:100%;height:60px;}

.search{width:1200px;margin:0 auto; overflow:hidden;}

.search .left{width:480px;color:#808080;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}

.search .left p{font-size:14px;line-height:60px;}

.search .right{width:280px;height:32px;margin:13px 0;float:right;overflow:hidden;border:solid 1px #1d50b6;}

.search .right .input{width:238px;height:32px;line-height:32px;color:#808080;display:inline-block;background:rgba(255,255,255,0);padding-left:10px;float:left;font-size:14px;}

.search .right .button{width:32px;height:32px;line-height:32px;display:inline-block;background:url(../images/search.png) center center no-repeat #1d50b6;cursor:pointer;border:none;float:right;}





/*  */
.product{width:100%;padding:70px 0;background:#fff;overflow:hidden;}

.product .center{width:1200px;height:1013px;margin:0 auto;overflow:hidden;position:relative;}

.product .center .h_bt{width:auto;height:auto;position:absolute;left:0;top:0;}

.product .center .h_bt p{font-size:30px;font-weight:bold;color:#1d50b6;line-height:25px;text-transform: Uppercase;}

.product .center .h_bt h3{font-size:30px;font-weight:bold;line-height:24px;margin-top:12px;padding-left:30px;background:url(../images/pro_icon.png) left center no-repeat;}

.product .center .h_bt h3 a{display:block;color:#1d50b6;}

.pro-center{width:1200px;height:1013px;overflow:hidden;}

.pro-center .hd{width:1200px;height:50px;overflow:hidden;}

.pro-center .hd ul{width:850px;height:50px;line-height:50px;overflow:hidden;font-size:14px;float:right;}

.pro-center .hd ul li{width:88px;height:50px;float:left;line-height:50px;margin-right:20px;text-align:center;background:#1d50b6; border-radius:10px; position:relative;z-index:0;}

.pro-center .hd ul li::before{content:'';width:88px;height:0px;background:#f26824;position:absolute;top:0;left:0;z-index:-1;;-webkit-transition:all .5s;transition:all .5s; border-radius:10px;}

.pro-center .hd ul li.on::before{content:'';width:88px;height:50px;background:#f26824;position:absolute;top:0;left:0;z-index:-1;;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li:last-child{margin-right:0;}

.pro-center .hd ul li a{display:block;color:#fff;}

.pro-center .bd{width:1200px;height:913px;margin-top:50px;overflow:hidden;}

.pro-center .bd ul{width:1200px;height:913px;overflow:hidden;}

.pro-center .bd ul li{width:384px;height:444px;float:left;margin:0 24px 25px 0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd ul li:hover{-moz-box-shadow:0px 0px 10px rgba(29,80,182,0.4); -webkit-box-shadow:0px 0px 10px rgba(29,80,182,0.4); box-shadow:0px 0px 10px rgba(29,80,182,0.4);-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd ul li:nth-of-type(3n){margin-right:0;}

.pro-center .bd ul li a{display:block;}

.pro-center .bd ul li .img{width:384px;height:384px;overflow:hidden;}

.pro-center .bd ul li .img img{width:384px;height:384px;transition: all 1s;vertical-align:top;}

.pro-center .bd ul li:hover .img img{transform: scale(1.1);}

.pro-center .bd ul li .txt{width:384px;height:60px;overflow:hidden;background:#f3f3f3;}

.pro-center .bd ul li .txt .name{width:320px;height:50px;line-height:50px;padding:0 54px 0 10px;font-size:16px;color:#4c4c4c;background:url(../images/pro_jt_01.png) 355px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;}

.pro-center .bd ul li .txt .name::before{content:'';width:384px;height:1px;background:#f26824;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd ul li .txt .name::after{content:'';width:0px;height:2px;background:#1d50b6;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd ul li:hover .txt .name::after{content:'';width:384px;height:2px;background:#1d50b6;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd ul li:hover .name{height:60px;line-height:60px;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd ul li:hover .name{color:#1d50b6;background:url(../images/pro_jt_02.png) 355px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}




/*  */
.hengfu{width:100%;height:320px;background:url(../images/ad_back.jpg) center top no-repeat;overflow:hidden;}

.hengfu .center{width:1200px;height:320px;margin:0 auto;position:relative;}

.hengfu .center .txt{width:470px;height:auto;position:absolute;right:0;top:65px;color:#fff;}

.hengfu .center .txt p:nth-of-type(1){font-size:40px;font-weight:bold;line-height:42px;margin-bottom:23px;text-align:right;}

.hengfu .center .txt p:nth-of-type(2){width:470px;height:56px;background:#f26824;text-align:center;font-size:24px;font-weight:bold;line-height:56px;margin-bottom:35px; letter-spacing:1px;}

.hengfu .center .txt .tel{width:480px;height:40px;line-height:40px;margin-left:10px;}

.hengfu .center .txt .tel span{display:block;float:left;font-size:14px;}

.hengfu .center .txt .tel span i{font-size:24px;font-weight:bold;}

.hengfu .center .txt .tel a{display:block;float:right;width:160px;height:40px;font-size:14px;color:#1d50b6;text-align:center;background:#fff;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}

.hengfu .center .txt .tel a:hover{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.hengfu .center .txt .tel a::before{content:'';width:160px;height:0px;background:#f26824;position:absolute;top:0;left:0;z-index:-1;;-webkit-transition:all .5s;transition:all .5s;}

.hengfu .center .txt .tel a:hover::before{content:'';width:160px;height:40px;background:#f26824;position:absolute;top:0;left:0;z-index:-1;;-webkit-transition:all .5s;transition:all .5s;}




/*  */
.case{width:1200px;margin:70px auto;overflow:hidden;margin-bottom: 50px;}

.case .list{width:1200px;margin-top:40px;position:relative;overflow:hidden;}


.case .list li a{display:block;}

.case .list li{width:384px;height:445px;overflow:hidden; float:left; margin: 0 24px 25px 0;}
.case .list li:nth-of-type(3n) {
    margin-right: 0;
}
.case .list li .img{width:382px;height:382px;border:solid 1px #fafafa;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;}

.case .list li:hover .img{border:solid 1px #1d50b6;-webkit-transition:all .5s;transition:all .5s;}

.case .list li .img img{width:382px;height:382px;transition: all 1s;vertical-align:top;}

.case .list li:hover .img img{transform: scale(1.1);}

.case .list li .name{width:294px;height:60px;line-height:60px;padding:0 80px 0 10px;font-size:14px;color:#4c4c4c;background:url(../images/case_jt_01.png) 310px center no-repeat #f3f3f3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;}

.case .list li .name::after{content:'';width:0px;height:2px;background:#1d50b6;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.case .list li:hover .name::after{content:'';width:385px;height:2px;background:#1d50b6;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.case .list li:hover .name{color:#1d50b6;background:url(../images/case_jt_02.png) 310px center no-repeat #fafafa;-webkit-transition:all .5s;transition:all .5s;}



/*  */
.box_04{width:100%;height:1578px;padding-top:80px;background:url(../images/ys_back.jpg) center top no-repeat;overflow:hidden;}

.box_04 .h_bt{width:240px;height:55px;margin:0 auto 40px auto;text-align:center;position:relative;}

.box_04 .h_bt p{width:240px;font-size:60px;line-height:50px;color:#e9effc;font-weight:bold;text-transform: Uppercase;}

.box_04 .h_bt h3{width:240px;font-size:24px;line-height:45px;color:#1d50b6;font-weight:bold;position:absolute;left0;top:0;}

.box_04 .h_bt::after{content:'';width:40px;height:3px;background:#1d50b6;position:absolute;bottom:0;left:50%;margin-left:-20px;}

.box_04 .ys01{width:1200px;height:350px;overflow:hidden;margin:0 auto;}

.box_04 .ys01 .left{width:600px;height:350px;float:left;overflow:hidden;}

.box_04 .ys01 .left img{width:600px;height:350px;vertical-align:top;transition: all 1s;}

.box_04 .ys01:hover .left img{transform: scale(1.1);}

.box_04 .ys01 .right{width:520px;height:350px;float:right;padding:0 40px;position:relative;background:#fff;}

.box_04 .ys01 .right::after{content:'';width:600px;height:1px;background:#1d50b6;position:absolute;bottom:20px;left:0;}

.box_04 .ys01 .right .txt{width:520px;height:350px;overflow:hidden;}

.box_04 .ys01 .right .txt span{display:block;width:40px;height:2px;background:#1d50b6;margin-top:65px;}

.box_04 .ys01 .right .txt h4{height:24px;overflow:hidden;font-size:14px;color:#ccc;text-transform: Uppercase;margin:20px 0 15px 0;}

.box_04 .ys01 .right .txt h4 i{display:block;float:left;font-size:22px;line-height:24px;color:#1d50b6;font-weight:bold;margin-right:8px;}

.box_04 .ys01 .right .txt p:nth-of-type(1){font-size:18px;line-height:20px;color:#1d50b6;margin-bottom:30px;}

.box_04 .ys01 .right .txt p:nth-of-type(2){background:url(../images/ys_icon.png) left top no-repeat;padding-left:35px;font-size:14px;line-height:28px;color:#808080;}

.box_04 .ys02{width:1200px;height:350px;margin:0 auto;overflow:hidden;}

.box_04 .ys02 .left{width:520px;height:350px;float:left;padding:0 40px;position:relative;background:#fff;}

.box_04 .ys02 .left::after{content:'';width:600px;height:1px;background:#1d50b6;position:absolute;bottom:20px;left:0;}

.box_04 .ys02 .left .txt{width:520px;height:350px;overflow:hidden;}

.box_04 .ys02 .left .txt span{display:block;width:40px;height:2px;background:#1d50b6;margin-top:65px;}

.box_04 .ys02 .left .txt h4{height:24px;overflow:hidden;font-size:14px;color:#ccc;text-transform: Uppercase;margin:20px 0 15px 0;}

.box_04 .ys02 .left .txt h4 i{display:block;float:left;font-size:22px;line-height:24px;color:#1d50b6;font-weight:bold;margin-right:8px;}

.box_04 .ys02 .left .txt p:nth-of-type(1){font-size:18px;line-height:20px;color:#1d50b6;margin-bottom:30px;}

.box_04 .ys02 .left .txt p:nth-of-type(2){background:url(../images/ys_icon.png) left top no-repeat;padding-left:35px;font-size:14px;line-height:28px;color:#808080;}

.box_04 .ys02 .right{width:600px;height:350px;float:right;overflow:hidden;}

.box_04 .ys02 .right img{width:600px;height:350px;vertical-align:top;transition: all 1s;}

.box_04 .ys02:hover .right img{transform: scale(1.1);}




/*  */
.aboutus {
    width: 100%;
    background: url(../images/ys_back.jpg) center top no-repeat;
    overflow: hidden;
}
.about{width:1200px;height:365px;margin:70px auto 0 auto;overflow:hidden;position:relative;}

.about::before{content:'';width:52px;height:352px;background:url(../images/about_us.png);position:absolute;top:10px;left:585px;}

.about .left{width:546px;height:365px;float:left;position:relative;}

.about .left::before{content:'';width:536px;height:354px;background:#1d50b6;position:absolute;bottom:0;right:0;}

.about .left img{width:536px;height:354px;position:absolute;top:0;left:0;}

.about .right{width:585px;height:365px;float:right;}

.about .right .txt{width:585px;height:365px;}

.about .right .txt a{display:block;width:520px;font-size:40px;line-height:26px;color:#1d50b6;font-weight:bold;margin-top:30px;text-align:right;position:relative;-webkit-transition:all .5s;transition:all .5s;}

.about .right .txt a:hover{margin-left:10px;-webkit-transition:all .5s;transition:all .5s;}

.about .right .txt a::before{content:'';width:60px;height:2px;background:#1d50b6;position:absolute;top:12px;left:0;}

.about .right .txt span{display:block;font-size:16px;color:#b2b2b2;line-height:10px;margin-top:20px;text-transform: Uppercase;}

.about .right .txt p{font-size:16px;color:#808080;line-height:30px;max-heigh:120px;overflow:hidden;margin-top:30px;}



/*  */
.powerbox {width:1200px;margin:-30px auto 60px auto;position:relative;z-index:2;}

#factory{display:block;}

.powerbox .powertabli{width:330px;height:30px;margin:0 0 30px 755px;}

.powerbox .powertabli li{width:100px;height:30px;float: left;margin-right:15px;cursor:pointer;background:#1d50b6;position:relative;z-index:0;}

.powerbox .powertabli li::after{content:'';width:100px;height:0px;background:#f26824;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.powerbox .powertabli li.active::after{content:'';width:100px;height:30px;background:#f26824;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.powerbox .powertabli li:nth-of-type(3){margin-right:0;}

.powerbox .powertabli li a{display:block;width:100px;line-height:30px;text-align:center;font-size:14px;color:#fff;}

.powerbox .powercontent {position: relative;width: 1200px;height:265px;margin: 0 auto;overflow:hidden;}

.powerbox .powercontent .powerscroll {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 265px;}

.powerbox .powercontent .powerscroll .hd {position: absolute;bottom:5px;left: 0;width: 100%;height: 11px;}

.powerbox .powercontent .powerscroll .hd ul {width: 100%;height: 11px;text-align: center;}

.powerbox .powercontent .powerscroll .hd ul li {position:relative;display: inline-block;width: 11px;height: 11px;margin:0 4px;text-indent: 100px;overflow: hidden;background:url(../images/dian01.png);cursor: pointer;}
  
.powerbox .powercontent .powerscroll .hd ul li.on{background:url(../images/dian02.png);}

.powerbox .powercontent .powerscroll .bd {width: 100%;height:245px;overflow:hidden;}

.powerbox .powercontent .powerscroll .bd ul {width: 100%;height: 245px;}

.powerbox .powercontent .powerscroll .bd ul li {width:280px;height:210px;float: left;margin-right: 26px;position:relative;}

.powerbox .powercontent .powerscroll .bd ul li .imgbox{display: block;width: 280px;height: 210px;overflow:hidden;}

.powerbox .powercontent .powerscroll .bd ul li .imgbox img{width: 280px;height: 210px;transition: all 1s;}

.powerbox .powercontent .powerscroll .bd ul li:hover .imgbox img{transform:scale(1.1);}

.powerbox .powercontent .powerscroll .bd ul li .powername{display:block;width:240px;height:35px;line-height:35px;padding:0 20px;font-size: 14px;color: #4c4c4c;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.powerbox .powercontent .powerscroll .bd ul li:hover .powername{color:#1d50b6;-webkit-transition:all .5s;transition:all .5s;}




/*  */
.news{width:1200px;height:auto;margin:70px auto 0 auto;overflow:hidden;}

.news .center{width:1200px;height:445px;margin:40px auto 0 auto;overflow:hidden;}

.news .center .news_center{width:600px;height:445px;float:left;overflow:hidden;}

.news .center .news_center .hd{width:600px;height:18px;line-height:18px;padding:12px 0;border-top:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6;overflow:hidden;}

.news .center .news_center .hd ul{width:180px;height:18px;float:left;overflow:hidden;}

.news .center .news_center .hd ul li{width:75px;height:18px;line-height:18px;text-align:right;float:left;font-size:16px;position:relative;}

.news .center .news_center .hd ul li::after{content:'';width:2px;height:0px;background:#1d50b6;position:absolute;left:0;top:0;-webkit-transition:all .5s;transition:all .5s;}

.news .center .news_center .hd ul li.on::after{content:'';width:2px;height:18px;background:#1d50b6;position:absolute;left:0;top:0;-webkit-transition:all .5s;transition:all .5s;}

.news .center .news_center .hd ul li:nth-of-type(2){float:right;}

.news .center .news_center .hd ul li a{display:block;color:#4c4c4c;}

.news .center .news_center .hd ul li.on a{display:block;color:#1d50b6;font-weight:bold;}

.news .center .news_center .hd .more{display:block;float:right;font-size:14px;color:#808080;-webkit-transition:all .5s;transition:all .5s;}

.news .center .news_center .hd .more:hover{color:#1d50b6;margin-right:10px;-webkit-transition:all .5s;transition:all .5s;}

.news .center .news_center .bd{width:600px;height:385px;margin-top:15px;}

.news .center .news_center .bd .main{width:600px;height:385px;overflow:hidden;}

.news .center .news_center .bd .main li{width:598px;height:auto;border:solid 1px #f5f5f5;margin-top:10px;}

.news .center .news_center .bd .main li .show{width:598px;height:58px;line-height:58px;border-bottom:solid 1px #f5f5f5;overflow:hidden;}

.news .center .news_center .bd .main li .show i{display:block;width:58px;height:58px;background:url(../images/news_jt_01.png) center center no-repeat #e6e6e6;float:left;margin-right:20px;-webkit-transition:all .5s;transition:all .5s;}

.news .center .news_center .bd .main li .show a{display:block;width:360px;height:58px;line-height:58px;color:#4c4c4c;font-size:14px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.news .center .news_center .bd .main li .show span{display:block;width:auto;height:58px;line-height:58px;color:#808080;font-size:14px;float:right;margin-right:30px;}

.news .center .news_center .bd .main li .hide{display:none;width:540px;height:60px;padding:20px 29px;}

.news .center .news_center .bd .main li .hide p{font-size:14px;color:#808080;line-height:30px;max-height:60px;overflow:hidden;}

.news .center .news_center .bd .main li.active .show i{background:url(../images/news_jt_02.png) center center no-repeat #1d50b6;-webkit-transition:all .5s;transition:all .5s;}

.news .center .news_center .bd .main li.active .show a{font-size:16px;color:#1d50b6;font-weight:bold;-webkit-transition:all .5s;transition:all .5s;}

.news .center .news_center .bd .main li.active .hide{display:block;}

.news .center .ywbd{width:550px;height:445px;overflow:hidden;float:right;}

.news .center .ywbd .bt{width:550px;height:18px;line-height:18px;padding:12px 0;border-top:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6;overflow:hidden;}

.news .center .ywbd .bt h4{float:left;font-size:16px;font-weight:bold;color:#1d50b6;}

.news .center .ywbd .bt .more{display:block;float:right;font-size:14px;color:#808080;-webkit-transition:all .5s;transition:all .5s;}

.news .center .ywbd .bt .more:hover{color:#1d50b6;margin-right:10px;-webkit-transition:all .5s;transition:all .5s;}

.news .center .ywbd ul{width:550px;height:370px;margin-top:25px;overflow:hidden;}

.news .center .ywbd ul li{width:266px;height:370px;float:left;}

.news .center .ywbd ul li:last-child{float:right;}

.news .center .ywbd ul li img{display:block;width:266px;height:160px; vertical-align:top;}

.news .center .ywbd ul li .txt{width:234px;height:185px;padding:23px 15px 0 15px;border:solid 1px #f5f5f5;overflow:hidden;}

.news .center .ywbd ul li .txt a{display:block;font-size:14px;color:#4c4c4c;line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.news .center .ywbd ul li:hover .txt a{color:#1d50b6;margin-left:10px;-webkit-transition:all .5s;transition:all .5s;}

.news .center .ywbd ul li .txt p{font-size:14px;color:#808080;line-height:30px;overflow:hidden;margin-top:15px;}

.news .center .ywbd ul li .txt span{display:block;font-size:14px;color:#808080;line-height:15px;margin-top:15px;}








/*  */
.links{width:100%;padding:70px 0;background:#fff;}

.links .bt{width:1200px;margin:0 auto;height:40px;font-size:30px;color:#1d50b6;line-height:26px;background:url(../images/links.png) 95px 2px no-repeat;border-bottom:solid 1px #e6e6e6;text-transform: Uppercase;}

.links .link{width:1200px;height:14px;margin:20px auto 0 auto;overflow:hidden;}

.links .link a{display:inline-block;width:auto;text-align:center;float:left;font-size:14px;height:14px;line-height:14px;color:#808080;padding:0 30px;border-right:solid 1px #808080;}

.links .link a:nth-of-type(1){padding-left:0;}

.links .link a:last-child{border-right:none;}

.links .link a:hover{text-decoration:underline;color:#1d50b6;}






.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}




/*  */
.bz-buttonAnimat {
    position: relative
}
/*
.bz-buttonAnimat .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
*/
.bz-buttonAnimat::before,
.bz-buttonAnimat::after,
.bz-buttonAnimat .inner::before,
.bz-buttonAnimat .inner::after {
    background-color: #018ad4;
}

.bz-buttonAnimat02::before,
.bz-buttonAnimat02::after,
.bz-buttonAnimat02 .inner::before,
.bz-buttonAnimat02 .inner::after {
    background-color: #fff;
}


.bz-buttonAnimat:before,
.bz-buttonAnimat:after,
.bz-buttonAnimat .inner:before,
.bz-buttonAnimat .inner:after {
    position: absolute;
    content: "";
    display: block;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.bz-buttonAnimat.horizontal:before,
.bz-buttonAnimat.horizontal:after,
.bz-buttonAnimat.both:before,
.bz-buttonAnimat.both:after {
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.bz-buttonAnimat.horizontal .inner:before,
.bz-buttonAnimat.horizontal .inner:after,
.bz-buttonAnimat.both .inner:before,
.bz-buttonAnimat.both .inner:after {
    top: 0;
    width: 1px;
    height: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.bz-buttonAnimat.horizontal .inner:before,
.bz-buttonAnimat.both .inner:before {
    left: 0
}

.bz-buttonAnimat.horizontal .inner:after,
.bz-buttonAnimat.both .inner:after {
    right: 0
}

.bz-buttonAnimat.horizontal .inner:hover:before,
.bz-buttonAnimat.horizontal .inner:hover:after,
.bz-buttonAnimat.both .inner:hover:before,
.bz-buttonAnimat.both .inner:hover:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.bz-buttonAnimat.horizontal:before,
.bz-buttonAnimat.both:before {
    top: 0
}

.bz-buttonAnimat.horizontal:after,
.bz-buttonAnimat.both:after {
    bottom: 0
}

.bz-buttonAnimat.horizontal:hover:before,
.bz-buttonAnimat.horizontal:hover:after,
.bz-buttonAnimat.both:hover:before,
.bz-buttonAnimat.both:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.bz-buttonAnimat.horizontal:hover .inner:before,
.bz-buttonAnimat.horizontal:hover .inner:after,
.bz-buttonAnimat.both:hover .inner:before,
.bz-buttonAnimat.both:hover .inner:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.bz-buttonAnimat.horizontal.clockwise .inner:before,
.bz-buttonAnimat.both.clockwise .inner:before {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.bz-buttonAnimat.horizontal.clockwise .inner:after,
.bz-buttonAnimat.both.clockwise .inner:after {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.bz-buttonAnimat.horizontal.clockwise:before,
.bz-buttonAnimat.both.clockwise:before {
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.bz-buttonAnimat.horizontal.clockwise:after,
.bz-buttonAnimat.both.clockwise:after {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.bz-buttonAnimat.horizontal.clockwise:hover .inner:before,
.bz-buttonAnimat.both.clockwise:hover .inner:before {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.bz-buttonAnimat.horizontal.clockwise:hover .inner:after,
.bz-buttonAnimat.both.clockwise:hover .inner:after {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.bz-buttonAnimat.horizontal.clockwise:hover:before,
.bz-buttonAnimat.both.clockwise:hover:before {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.xypg-detail-tags {
    margin-top: 40px;
}

.xypg-detail-tags .tags-title {
    border-bottom: 1px solid #c3c3c3;
    position: relative;
}

.xypg-detail-tags .tags-title h3 {
    display: inline-block;
    padding: 0 30px;
    font-size: 16px;
    color: #1d50b6;
    line-height: 40px;
    border-bottom: 3px solid #1d50b6;
    margin-bottom: -1px;
}

.xypg-detail-tags .tags-title .baidu-share {
    position: absolute;
    right: 0;
    top: 8px;
}

.xypg-detail-tags .tags-content {
    padding-top: 12px;
}

.xypg-detail-tags .tags-content a {
    font-size: 12px;
    color: #2f2f2f;
    display: inline-block;
    margin-right: 9px;
    background: #f4f4f4;
    line-height: 28px;
    padding: 0 15px;
}

.xypg-detail-tags .tags-content a:hover {
    color: #1d50b6;
}
/*tags*/

.tagsmain{border:#eee 1px solid;}
.tagsmain .tit{height:40px; line-height:40px;font-size:16px;color:#333; padding-left:15px;}
.tagsmain .tagsshow ul{padding:20px;}
.tagsmain .tagsshow ul li{ padding:10px 0;}
.tagsmain .tagsshow ul li .art_title{line-height:35px; height:35px;}
.tagsmain .tagsshow ul li .art_title a{ display:block; font-size:16px;color: red; }
.tagsmain .tagsshow ul li .artintro{ font-size:13px; color:#555;}
.tagsmain .tagsshow ul li .c9{ font-size:12px; display:block; padding:10px 0; color:#666;}


.tagsmain .tagsshow #tags{background:#f1f1f1;height:30px;line-height:30px;font-size:14px;}
.tagsmain .tagsshow .title{background:#f1f1f1;height:30px;line-height:30px;font-size:14px;}
.tagsmain .tagsshow tr.list{height:75px;overflow:hidden;}
.tagsmain .tagsshow tr.list td{border-bottom:#E8E8E8 1px solid;}
.tagsmain .tagsshow tr.list td img{padding:2px;border:#D4D4D4 1px solid;}
.tagsmain .tagsshow tr.list td A{font-size:14px;}
.tagsmain .tagsshow tr.list td a:hover{color:#ff6600;text-decoration:none;}

.tagsmain .tagsshow .tagstitle{font-size:12px; font-weight:bold;height:21px; line-height:21px; }
.tagsmain .tagsshow .tags a{ padding:3px 5px; color:#fff; line-height:30px;}

.tagsmain .tagsshow .showpage{margin-top:10px;text-align:center;font-size:14px;color:#069;}
.w1015{ width:1015px; overflow:hidden;}
.clear{ height:0px; clear:both; overflow:hidden;}
.blank10{ height:10px !important; overflow:hidden;}
.blank20{ height:20px; overflow:hidden;}
.clearfloat {clear:both;height:0; overflow:hidden;}
.clear{clear:both;height:0px;overflow:hidden}
.clearfix{display:block;*zoom:1}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.mainbox{ width:1180px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.navigation{width:1180px;margin:10px auto; clear:both;height:28px;line-height:28px; font-size:14px;color:#999;}
.navigation span{ float:right;}
.navigation span input[type="image"]{ border:none;height:33px;line-height:33px; /*width:90px;*/}
.navigation dt#KeyWord{ height:25px; line-height:25px;}
.navigation a{color:#999;}
.wrap{ width:1180px; margin:0px auto;}
.wrap .content{ width:100%; margin:0 auto; margin-top:10px;}
.wrap .content #main{ width:575px; float:left; margin-right:10px; }
.wrap .content #side{ width:390px; float:right;}