﻿img{max-width: 100%!important;}
.floatL {
	float:left
}
.floatR {
	float:right
}

.clearfix::before, .clearfix::after {   content: "";   display: table;   clear: both; }


/*nav*/
.nav{  height:45px;   min-width:990px; width:100%; margin:0 auto; background:#003762;}

*+html .nav{margin-top:3px; margin-bottom:15px;}

.nav .tc{ display:none;}

.home01{ display:block;background:url(../images/home01.jpg) no-repeat 0 0px; width:18px; height:16px; position:absolute; left:175px; top:7px}

.home01:hover{background:url(../images/home01_h.jpg) no-repeat 0 0px;}

.navli12{ display:none!important;}

.sy1_ul{font-size:12px; line-height:29px;height:42px; position:relative;width: 1200px;margin: 0 auto;text-align: center;}

.sy1_li{width:150px; float:left; display:inline;}

.sy1_ul li a.sy1_tit{ color:#FFF}

.sy1_ul li a:hover{color:#145EA9;}

.sy1_ul li.sy1_li{ float:left;  z-index:10000; line-height:25px;}

.sy1_ul li.sy1_li .sy1_tit{ line-height:45px; font-size:16px; display:block; text-align:center}
.sy1_ul li.sy1_li:nth-child(3){display: none;}
.sy2_ul{position:absolute; left:0; top:45px; z-index:1112; display:none;border:#999 solid 1px; border-top:none; padding:20px 5px;background:#fff;width:100%;  text-align:center}

.sy2_li{float:left;color:#fff; line-height:30px; font-size:14px; text-align:center; margin:3px;_margin-left:2px; position:relative; width:120px;}

.sy2_tit{overflow:hidden}/*下拉菜单样式*/

.sy2_tit:hover{ color:#005ce4!important}

.sy1_ul .sy1_li .sy2_li_h{ border-left:solid 1px #014c6c;border-top:solid 1px #014c6c;border-bottom:solid 1px #014c6c!important; display:block; z-index:2000; }

.sy1_ul .sy1_li .sy2_li_h a{color:#333!important}

.sy1_ul .sy1_li .sy2_li_h a:hover{ color:#005ce4!important;}

.bod_1{ border-bottom:dashed 1px #CCCCCC; border-left:solid 1px #fff; border-top:solid 1px #fff}

.sy1_li_bg{background: #000 no-repeat 0 0px; height:45px!important; display:block; text-align:center; }

.sy1_li_bg a.sy1_tit {color:#fff!important;}

.sy1_li_bg a.sy1_tit:hover{color:#fff!important; text-decoration:none}

.sy1_ul li a.sy2_tit{ color:#333; font-size:14px;}

.sy1_ul li a.sy1_tit:hover{ color:#fff!important;}

.navli3 li a.sy2_tit{font-weight:100}

.navli5 li a.sy2_tit{font-weight:100}


/*二级导航样式*/

.sy2_ul .sy2_inside{ width:200px; float:left;}

.sy2_ul .sy2_inside li{ float:left; width:125px}

.sy2_ul .sy2_inside li .sy3_ul{ width:95px}
.sy2_ul .sy2_inside li img{display: block;height: 160px;}
.sy2_ul .sy2_inside li .sy3_ul .sy2_inside{ width:95px}
.sy2_ul .sy2_inside li .navspan{display: block;height: 60px;}

.sy2_ul .sy2_inside li .sy3_ul li{ width:89px;}

.nav2_cent_div{ width:435px;border-left:1px solid #DDD;border-right:1px solid #DDD; float:left}

.sy1_ul li .sy2_ul .nav2_cent_div li{ float:left; padding:0 12px; width:180px;_padding:0 8px; overflow:hidden; position:relative}

.sy1_ul li .sy2_ul .nav2_cent_div li p{ line-height:20px; font-size:12px; font-weight:normal}

.sy1_ul li .sy2_ul .nav2_cent_div h4{ font-size:14px; line-height:30px;}

.sy1_ul li .sy2_ul .nav2_cent_div li h4 a{color:#145EA9; height:auto; width:auto; border:none}

.sy1_ul li .sy2_ul .nav2_cent_div li h4 a:hover{ color:#ec9205}

.sy1_ul li .sy2_ul .nav2_cent_div li img{ width:180px}

.sy1_ul li .sy2_ul .nav2_cent_div li a{width:180px; height:103px; display:block; overflow:hidden; border:#d6d6d6 solid 1px}

.sy1_ul li .sy2_ul .nav2_cent_div li a:hover{ border-color:#F93}

.sy1_ul li .sy2_ul .nav2_cent_div li p a{ display:none}

.sy1_ul li .sy2_ul .nav2_cent_div li h2 a{ color:#333; border:none; width:auto; height:auto; display:block; margin-top:5px; line-height:30px; font-size:12px; font-weight:normal}

.sy1_ul li .sy2_ul .nav2_cent_div li h2 a:hover{ color:#ec9205}

.nav2_cent_img, .nav2_cent_img0{ float:left; padding-left:18px; width:282px; text-align:left}

.nav2_cent_img img, .nav2_cent_img0 img{ width:280px;border:#d6d6d6 solid 1px}

.nav2_cent_img img, .nav2_cent_img0 img:hover{border-color:#F93}

.nav2_cent_img h2, .nav2_cent_img0 h2{ margin-top:5px; font-size:12px}

.nav2_cent_img h2 a, .nav2_cent_img0 h2 a{ color:#333; font-weight:normal}

.nav2_cent_img h2 a:hover, .nav2_cent_img0 h2 a:hover{ color:#ec9205}

.navli2 .sy2_ul{ float:left}

.sy2_ul li a:hover{ color:#005ce4!important;text-decoration:none;}


/*二级下拉*/

.nav2_yywh_img{ border-left:1px solid #ddd;width:360px; float:left;text-align: left;}
.nav2_yywh_img h4{font-size: 18px;font-weight: 600;padding-left: 12px;margin-bottom: 20px;}
.nav2_yywh_img a{display: inline-block;padding: 6px 12px;color: #333;}
.nav2_yywh_img p{width: 192px;display: inline-block;float: left;}
.nav2_yywh_img a img{ width:360px; height:310px; margin-left:30px;}

.navli6 .sy2_ul .sy2_inside{ width:530px;}
.navli6 .sy2_ul .sy2_inside h4{font-size: 18px;font-weight: 600;padding-left: 12px;margin-bottom: 20px;}


.HomeProduct .HomeProBox {

    margin-left: -1.5%;

}



.HomeProduct .HomeProBox .item {

    width: 31.83%;

    float: left;

    margin-left: 1.5%;

    margin-bottom: 20px;

    background: #f6f6f6;

    border-radius: 20px 0 20px 0;

    box-sizing: border-box;

    position: relative;

    height: 260px;

    box-sizing: border-box;

}



.HomeProduct .HomeProBox .item a {

    display: block;

    position: relative;

    padding-right: 200px;

    padding-left: 40px;

}



.HomeProduct .HomeProBox .item a::before {

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    border-radius: 20px 0 20px 0;

    background: rgba(0, 0, 0, 0.5);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 0;

    opacity: 0;

    transition: all .3s;

    -webkit-transition: all .5s;

}



.HomeProduct .HomeProBox .item::before {

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    background: url(../images/probg.png) no-repeat center bottom;

    position: absolute;

    bottom: 0;

    left: 0;

    background-size: 100%;

    z-index: 0;

}



.HomeProduct .HomeProBox .item .txt {

    height: 260px;color: #003762;

    display: flex;

    justify-content: center;

    flex-direction: column;

    position: relative;

    z-index: 9;

}



.HomeProduct .HomeProBox .item .txt .cn {

    font-size: 20px;

    font-weight: bold;

}



.HomeProduct .HomeProBox .item .txt .en {

    font-size: 14px;

    font-family: Oswald;

    color: #cccccc;

    margin-top: 5px;

}



.HomeProduct .HomeProBox .item .txt .more {

    width: 15px;

    height: 2px;

    background: #df202e;

    margin-top: 10px;

    transition: all .3s;

    -webkit-transition: all .3s;

}



.HomeProduct .HomeProBox .item .img {

    position: absolute;

    right: 14px;

    top: 0;

    width: 200px;

    line-height: 260px;

    text-align: center;

    z-index: 99;

}



.HomeProduct .HomeProBox .item .img img {

    max-height: 200px;

}



.HomeProduct .HomeProBox .item:hover .txt .more {

    width: 65px;

    height: 40px;

    background: url(../images/promore.png) no-repeat center center;

}


.HomeProduct{width: 1200px;margin: 30px auto;}
 .index_title{width: 100%;text-align: center;margin: 50px auto;}
 .index_title em{display: inline-block;width: 50px;border-top: 1px solid #003762;margin-bottom: 10px;}
 .index_title h1{font-size: 32px;}
.HomeProduct .HomeProBox .item:hover a::before {
    opacity: 1;
}



.HomeProduct .HomeProBox .item:hover .txt .en {

    color: #fff;

}



.HomeProduct .HomeProBox .item:hover .txt .cn {

    color: #fff;}


.HomeAbout{width: 1200px;margin: 50px auto 100px;}
.HomeAbout .txt_left{width: 48%;}
.HomeAbout .img_right{width: 48%;}
.HomeAbout .txt_left .index_title{text-align: left;margin-bottom: 30px;margin-top: 0;}
.HomeAbout .txt_left .more{display: inline-block;padding: 10px 40px;background: #003762;color: #fff;font-size: 16px;margin-top: 20px;}
.HomeAbout .txt_left .dec{font-size: 16px;line-height: 2;}
.HomeAbout .img_right img{max-width: 100%;}


.HomeZz-left{ width:1200px;  overflow:hidden; position:relative;  margin: 0 auto 50px; }
.HomeZz-left .hd .prev,.HomeZz-left .hd .next{ display:block;  width:32px; height:32px;position: absolute;
    cursor:pointer; background:url("../images/slider-arrow.png") no-repeat;z-index: 99999;top: 33%;}
.HomeZz-left .hd .prev{ background-position:-168px 0;  left: 0;}
.HomeZz-left .hd .next{ background-position:-54px 0;  right: 0}
.HomeZz-left .bd ul{ overflow:hidden; zoom:1; }
.HomeZz-left .bd ul li{ margin:0 17px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.HomeZz-left .bd ul li .pic{ text-align:center; }
.HomeZz-left .bd ul li .pic img{ width:200px; height:270px; display:block; padding:2px; border:1px solid #ccc; }
.HomeZz-left .bd ul li .pic a:hover img{ border-color:#999;  }
.HomeZz-left .bd ul li .title{ line-height:2;  font-size: 18px; }
.HomeZz-left .bd ul li .title a{color: #333;}

.product_list{width: 1200px;margin: 0 auto;}
.product_list .pro_nav{width: 100%;margin: 26px auto;}
.product_list .pro_nav .ul{line-height: 2;margin-bottom: 20px;width: 100%;}
.product_list .pro_nav .ul a{background: #f0f0f0;color: #666;display: inline-block;padding: 0 10px;margin-right: 5px;font-size: 12px;line-height: 35px;margin-bottom: 10px;}
.product_list .pro_nav .ul a.cur{background: #fcb026;color: #323f47;}
.product_list .pro_nav .ul span{font-size: 16px;font-weight: 800;}

.pro_list{width: 100%;}
.pro_list ul li{width: 23%;border: 1px solid #d6d6d6;float: left;font-size: 15px;text-align: center;margin-right: 2%;margin-bottom: 30px;}
.pro_list ul li .txt{padding: 15px 28px;}
.pro_list ul li img{height: 210px;}
.pro_list ul li p{line-height: 28px;text-align: left;}
.pro_list ul li p b{font-size: 16px;}
.pro_list ul li .lj{padding: 0 25px;display: inline-block;line-height: 40px;    border: 1px solid #798186;    color: #333f47;font-size: 16px;margin: 20px 10px;}
.pro_list ul li:nth-child(4n){margin-right: 0;}

.con_txt{width: 1200px;margin: 30px auto;border:1px solid #333;padding: 20px;line-height: 1.5;}
.contact_tt{width: 1200px;margin: 30px auto;}
.contact_tt h1{font-size: 30px;font-weight: bold;color: #333f47;text-align: center;}
.contact_tt .con{font-size: 16px;text-align: center;margin: 20px auto;
    color: #333f47;
    line-height: 25px;}

.row>[class*="span-"]{float: left;margin-right: 1%;}
.row>.span-6{width: 49%;}
 .form_box form .inp_box{position:relative; margin-bottom:10px; font-size:0; padding-left:120px; box-sizing:border-box;}
 .form_box form .inp_box label{font-size:18px; color:#333f47; line-height:35px; width:120px; position:absolute; left:0; top:50%; margin-top:-17px;}
 .form_box form .inp_box label span{color:#fcb026;}
 .form_box form .inp_box .inp{width:100%; display:inline-block; height:35px; line-height:35px; border:1px solid #e4e4e4; font-size:18px; text-indent:10px; vertical-align:middle; padding:0}
 .form_box form .inp_box .sele{width:100%; display:inline-block; height:37px; line-height:37px; border:1px solid #e4e4e4; font-size:18px; box-sizing:border-box}
 .form_box form .inp_box.message .inp{height:70px;}
 .form_box form .inp_box.yzm {margin-top:13px;}
 .form_box form .inp_box.yzm .img_{display:inline-block; vertical-align:middle; height:35px;}
 .form_box form .inp_box.yzm .img_ img{height:100%;}
 .form_box form .inp_box.yzm .inp{width:25%;}
 .form_box form .inp_box.accept{padding-left:0; font-size:14px; color:#aaa; line-height:25px; cursor:pointer; margin-bottom:0; display:none;}
 .form_box form .inp_box.accept span{display:inline-block; vertical-align:middle;}
 .form_box form .inp_box.accept i{display:inline-block; vertical-align:middle; width: 15px;
    height: 15px; border: 1px solid #333f47;  margin:0 5px;}
 .form_box form .inp_box.accept.cur i {background: #fcb026; border-color: #fcb026;}
 .form_box form .inp_box.btns{padding-left:0; position:relative; margin-bottom:0; margin-right:0; text-align:center; margin-top: 50px;}
 .form_box form .inp_box.btns button{display:inline-block; width:200px; height:50px; line-height:50px; text-align:center; background:#fcb026;  outline:none; border:none;  font-size:17px; font-weight:bold; color:#333f47; cursor:pointer; position:relative;}
 .form_box form .inp_box.btns button span{position:relative; z-index:3}
 .form_box form .inp_box.btns button:after{content:''; width:0; height:100%; background:#333f47; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
 .form_box form .inp_box.btns button:hover{color:#fff;}
 .form_box form .inp_box.btns button:hover:after{width:100%;}
.itemFix{width: 1200px;margin: 30px auto;padding: 20px;line-height: 2;font-size: 14px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.xuanfu{position: fixed;left: 0;top: 150px;z-index: 999999999;}

















































