@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}
.clear { clear: both;}
.w1200 {width: 1200px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}

/*header start*/
.head {padding: 15px 0;}
.head-top {color: #fff;width: 100%;height: 40px;line-height: 40px;background: url(../images/head_top.jpg) no-repeat center;}
.top_left {font-size: 13px;padding-left: 4px;color: #fff;}
.top_right{color:#666;}
.top_right a{padding: 0 10px}

.nav > ul > li {float: left;height: 44px;line-height: 44px;color: #333333;font-size: 16px;text-align: center;padding: 0 15px;margin:13px 10px;border-radius: 5px;position: relative;}
.nav > ul > li:hover {background:#0063B8;}
.nav > ul > li > a{font-weight: bold;}
.nav > ul > li:hover > a{color: #fff;transition: all ease-in-out .3s;display: block;}
.nav > ul .seach:hover .seach_all{opacity: 1;visibility: visible;transition: all ease-in-out .5s;}
.nav ul.sub{position: absolute;top: 44px;z-index: 999;display: none;width: 100%;left: 0px}
.nav > ul > li:hover ul.sub{display: block;border-radius: 5px;overflow: hidden;}
.nav > ul > li:hover ul.sub li{line-height: 35px;height: 35px;background: rgba(0,0,0,0.7);}
.nav > ul > li:hover ul.sub li a{color: #fff;font-size: 14px;display: block;}
/*banner start*/
.flexslider {
    margin: 0px auto 0px;
    position: relative;
    width: 100%;
    height:550px;
    overflow: hidden;
    zoom: 1;
}

.flexslider .slides li {
    width: 100%;
    height: 100%;
}

.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(../images/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 35px;
}

.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background:rgba(0,0,0,0.2);
    border-radius: 11px;
}

.flex-control-paging li.active{
    background: #C39142;
}

.flex-control-paging li a {
    display: block;
    height: 11px;
    overflow: hidden;
    text-indent: -99em;
    width: 11px;
    cursor: pointer;
    -webkit-transition: all 0s ease;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0;
}

.flexslider .slides a img {
    width: 100%;
    height: 550px;
    display: block;
}
/*banner end*/

.title{text-align: center;height: 80px;background: url(../images/titbg.png) no-repeat center 15px;padding-bottom: 30px}
.title b{font-size: 38px;color: #dfdfdf;font-family: Arial;line-height: 38px}
.title p{font-size: 28px;text-align: center;letter-spacing: 2px}

/*product start*/
.product{padding: 50px 0;}
.pro_l{width: 220px;}
.pro_l ul li{width: 210px;height:85px;background: #e6efff;border-bottom: 9.5px solid #fff;}
.pro_l ul li a{display: block;line-height: 85px;font-size: 16px;color: #0063B8;}
.pro_l ul li img{width: 40px;height: 40px;display: inline-block;vertical-align:middle;margin:0 15px 0 25px;}
.pro_l ul li.on{background: #0063B8}
.pro_l ul li.on a{color: #fff}
.pro_l ul li.on img{background: #fff;border-radius: 50px}

.pro_r{width: 980px;}
.pro_r ul li{float: left;position: relative;}
.pro_r ul li:nth-child(1){width: 640px;height: 484px;border:5px solid #dfdfdf;}
.pro_r ul li:nth-child(1) .img{width: 640px;height: 484px;overflow: hidden;}
.pro_r ul li:nth-child(1) .img img{ width: 640px; height: 484px; display: block;transition:.5s ease-in;}
.pro_r ul li:hover .img img{ transform:scale(1.1,1.1);}
.pro_r ul li:nth-child(2) ,
.pro_r ul li:nth-child(3) {width: 310px;height: 232px;margin-left: 10px;margin-bottom: 10px;border:5px solid #dfdfdf;}
.pro_r ul li:nth-child(4) ,
.pro_r ul li:nth-child(5) ,
.pro_r ul li:nth-child(6) {width: 310px;height: 232px;margin-left: 10px;border:5px solid #dfdfdf;}
.pro_r ul li:nth-child(4){margin-left: 0px}


.pro_r ul li:nth-child(2) .img,
.pro_r ul li:nth-child(3) .img{width: 310px;height: 232px;overflow: hidden;}

.pro_r ul li:nth-child(4) .img,
.pro_r ul li:nth-child(5) .img,
.pro_r ul li:nth-child(6) .img{width: 310px;height: 232px;overflow: hidden;}


.pro_r ul li:nth-child(2) .img img,
.pro_r ul li:nth-child(3) .img img{width: 310px;height: 232px; display: block;transition:.5s ease-in;}
.pro_r ul li:nth-child(4) .img img,
.pro_r ul li:nth-child(5) .img img,
.pro_r ul li:nth-child(6) .img img{width: 310px;height: 232px; display: block;transition:.5s ease-in;}
.pro_r ul li:hover {border-color: #0063B8}
.pro_r ul li p{position: absolute;bottom: 0px;width: 100%;height: 40px;text-align: center;line-height: 40px;background: rgba(0,0,0,0.6);color: #fff;font-size: 16px}
.pro_r ul li:hover p{background: rgba(0,99,184,1);}

/*company start*/
.company{padding: 50px 0 0;background: url(../images/combg.jpg) no-repeat center bottom;}
.comimg{display:block;height:513px;width:466px;float:left;margin-right:74px}
.comzi{float:left;width:660px}
.comzi span{display:block;font-size:18px;color:#0063B8;font-weight:700}
.comzi p{display:block;margin-top:13px;font-size:14px;line-height:28px;color:#646464;font-size: 15px;text-indent: 2em;}
.comzi em{display:block;margin-top:44px;font-size:18px;color:#0063B8;font-weight:700}
.envir{width:660px;height:205px;overflow:hidden;padding:25px 0px;margin-top:13px}

.envir .picMarquee-left{ width:100%;overflow:hidden; position:relative; }

.envir .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.envir .picMarquee-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.envir .picMarquee-left .bd ul li img{ width:266px; height:200px; display:block; padding:2px; border:1px solid #ccc; }
.envir .picMarquee-left .bd ul li a:hover img{ border-color:#999;  }

/*company end*/


/*adv start*/
.youshi{background: url(../images/y5.jpg) no-repeat center bottom;height: 654px;padding-top: 40px;}
.ysa{width: 750px;}
.ysaa{width: 100%;margin-top: 25px;}
.ysaa p{float: right;text-align: right;color: #3e403f;line-height: 25px;margin-right: 25px;height: 100px;font-size: 15px}
.ysaa p span{font-size: 24px;color: #0063B8;font-weight: bold;line-height: 40px;}
.ysaa img{float: right;margin-top: 16px;}
.ysaa:nth-child(2){position: relative;right:35px;}
.ysaa:nth-child(3){position: relative;right:70px;}
.ysaa:nth-child(4){position: relative;right:105px;}

.ysb{margin-right: 48px;margin-top: 80px;position: relative;}
.ysb .tel{position: absolute;top: 200px;text-align: center;color: #fff;width: 391px;}
.ysb .tel img{padding: 10px 0}
.ysb .tel p{text-align: center;font-size: 16px;}
.ysb .tel p.p2{font-size: 34px;font-weight: bold;font-family: Arial;color: #FFB932;padding-top: 10px}
.ysaa:hover img{animation: dh1 2s linear infinite;}

/*new start*/
.new{padding-bottom: 50px;background: url(../images/newbg.jpg) no-repeat center top;}
.new_body .new_l{width: 320px;height: auto;background: #dfdfdf}
.new_body .new_r{width: 338px;border:1px solid #e9e9e9;padding: 25px;margin-left: 50px}
.new_body .nr_tit{padding-bottom: 25px;border-bottom: 1px dashed #e1e1e1}
.new_body .nr_tit b{font-size: 22px;padding-right: 10px;color: #0063B8;letter-spacing: 1px}
.new_body .nr_tit span{font-family: Arial;font-size: 22px;color: #cfcfcf}
.new_body .new_r dl dt,.new_body .new_r dl dd{border-bottom: 1px dashed #e1e1e1;padding: 15px 0}
.new_body .new_r dl p{display: block;font-size: 16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_body .new_r dl i{color: #aaa;line-height: 200%;padding-bottom: 10px;}
.new_body .new_r dl .con{line-height: 150%;font-size: 13px;color: #999}
.new_body .new_r dl dt:hover p,.new_body .new_r dl dd:hover p{color: #0063B8}
.new_body .new_r dl dt:hover i,.new_body .new_r dl dd:hover i{color: #0063B8}
.new_body .new_r dl dt:hover .con{color: #0063B8}
.new_body .more{display: block;width: 100px;height: 35px;border:1px solid #FFB932;margin-top: 25px;background: url(../images/more_jt.png) no-repeat center;}
.new_body .more:hover {background: url(../images/more_jt1.png) no-repeat center #FFB932;}

/*footer start*/
.footer{ border-bottom: 1px solid #333333;background: #171717;color: #aaa;}
.footer a{ color: #aaa}
.footer_nav{ border-bottom: 1px solid #333333;}
.footer_nav ul{background: url(../images/line.jpg) no-repeat center left;}
.footer_nav ul li { float: left; width: 170px;height: 86px;line-height: 86px;font-size: 16px;color: #666666;text-align: center;background: url(../images/line.jpg) no-repeat center right;}
.footer_nav ul li:hover a{ color: #e6a40d;}
.footer_introduce { padding: 40px 0;}
.footer_introduce span{ text-align:center;}
.dibu_logo {margin-top:60px;}
.dibu_intro { padding: 15px 0 0 62px;color: #aaa;font-size: 15px;line-height: 200%; border-left: 1px solid #555;}
.dibu_intro span {display: inline-block;line-height: 200%;color: #aaa}
.dibu_intro span.span1 {width: 260px;}
.dibu_erweima img{margin-bottom: 10px;}
.dibu_erweima {font-size: 14px;text-align: center;width: 170px;}
.dibu_erweima p{writing-mode:tb-rl;color: #aaa;display: block;padding-left: 15px;width: 15px;letter-spacing: 1px;padding-top: 10px;}
/*footer end*/