@import "base.css";
body{
    font-size: 14px;
    color: #333;
    background: #f8f8f8;
}
/* header */
.headerWrap{
    height:110px;
    background-color: #00376a;
}
.header .header-l,
.header .header-r{
    height: 100%;
    line-height: 110px;
}
.header .header-l{
    margin-right: 60px;
}
.header .header-l:before{
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.header .header-l img{
    vertical-align: middle;
}
.header .header-r a{
    display: inline-block;
    margin-left: 12px;
    width: 37px;
    height:37px;
    line-height:37px;
    text-align: center;
    border-radius: 37px;
    color: #fff;
    font-size:14px;
    background-color: #f68500;
}
.header .header-r a.en{
    background-color: #012342;
}
.header .nav {
    text-align: center;
}
.header .nav li{
    float: left;
    margin: 0 20px;
}
.header .nav li a{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 110px;
    line-height:110px;
    text-align: center;
    color: #FFF;
    font-size: 14px;
}
.header .nav li.active a:after,
.header .nav li a:after{
    content: "";
    position: absolute;
    display: inline-block;
    height: 4px;
    width: 0;
    background-color: #f68500;
    bottom: 25px;
    left: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s ;
    -ms-transition: all .3s ;
    -o-transition: all .3s ;
    transition: all .3s ;
}
.header .nav li a:hover:after{
    width: 100%;
    left: 0%;
}
.header .nav li.active a:after{
    width: 100%;
    left: 0%;
}

/* title */
.title{
    margin-top: 47px;
    text-align: center;
    letter-spacing: 1px;
}
.title .cn{
    letter-spacing: 4px;
    font-size: 36px;
    color: #00376a;
}
.title .en{
    font-size: 13px;
    color: #464646;
    margin: 12px 0 20px;
    text-transform: uppercase;
}
.title .line{
    margin: 12px auto 20px;
    height: 3px;
    width: 40px;
    background-color: #f68500;
}
.title .desc{
    line-height: 2;
    color: #8a8a8a;
    font-size: 12px;
}

/*product-list*/
.product-list{
    margin: 40px auto ;
}
.product-item {
    float: left;
    margin: 12px;
    width: 566px;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    padding: 4px;
	height: 177px;
}
.product-item .img{
    float: left;
    width: 220px;
    height: 175px;
    overflow: hidden;
}
.product-item .text{
    float: right;
    width: 310px;
}
.product-item .text .tit a{
    display: block;
    margin: 15px auto 14px;
    font-size: 16px;
    font-weight: bold;
    color: #00376a;
}
.product-item .text .desc{
    font-size: 12px;
    line-height: 24px;
    color: #576781;
}
.product-item .text .more{
    position: relative;
    width: 130px;
    height: 33px;
    margin-top: 10px;
    line-height: 33px;
    background: #00376a;
}
.product-item .text .more a{
    position: relative;
    z-index: 2;
    display: block;
    font-size: 12px;
    color: #FFF;
    text-align: center;
}
.product-item .text .tit a:hover{
    color: #f68500;
}

.product-item .text .more:after{
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 0;
    left: 50%;
    top:0;
    z-index: 1;
    background-color: #f68500;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.product-item .text .more:hover:after{
    width: 100%;
    left: 0%;
}

/*product-more*/
.product-more{
    position: relative;
    height: 40px;
}
.product-more:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 10px;
    z-index: -1;
    background: #ddd;
}
.product-more a{
    display: block;
    width: 182px;
    height: 100%;
    margin: auto;
    color: #fff;
    text-align: center;
    line-height: 40px;
    background: url("../images/pro-more.png") no-repeat;
}

/* about */
.about{ background:url(../images/about-bg.jpg) no-repeat top center; height:449px; text-align:center; overflow:hidden; color:#ffffff; margin:80px auto  }
.about .biaoti{ color:#ff9600; font-size: 30px; margin: 60px auto 25px; font-weight: bold; letter-spacing: 4px; }
.about .biaoti span{ color:#ffffff; font-size: 14px; display: block;font-weight: normal;letter-spacing: 1px; margin-top: 10px }
.about p{ width: 1200px; margin:5px auto 10px; text-align:left;font-size:13px; letter-spacing:1px; line-height:30px;
    text-shadow: 0 1px 0 #333; text-align: center}

.about ul li{
    position: relative; position: relative; width: 57px; height:57px; border-radius: 57px; box-shadow: 0 0 0 4px rgba(255,255,255,.2) ;
    background-image:url(../images/about-icon.png); background-repeat:no-repeat;
    display: inline-block; margin: 5px 40px; overflow:hidden;
    background-color: #fff; cursor: pointer;overflow: hidden }

.about ul li.item1{ background-position: 13px 10px; }
.about ul li.item2{ background-position: -31px 10px; }
.about ul li.item3{ background-position: -77px 10px; }
.about ul li.item4{ background-position: -127px 10px; }
.about ul li a{ width:33px;
    padding:12px;
    line-height: 17px;
    height:33px; display:block;  text-align:center;  font-size:15px;color: #f68500;
    position: relative;
    background: #fff;
    opacity: 0;
    border-radius: 57px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.about ul li a:hover{
    opacity: 1;
}

/*新闻*/
.title2{
    margin-bottom: 40px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.title2 .tit{
    padding:0 15px;
    border-left: 3px solid #f68500;
}
.title2 .tit .cn{
    display: block;
    margin-bottom: 3px;
    font-size: 30px;
    color: #00376a;
}
.title2 .tit .en{
    font-size: 12px;
    color: #00376a;
    text-transform: uppercase;
}
.title2 .desc{
    display: inline-block;
    margin-left: 25px;
    line-height: 1.5;
    font-size: 12px;
    color: #6f809b;
    margin-top: 14px;
}
.title2 .more{
    margin-top: 20px;
}
.title2 .more a{
    display: inline-block;
    height: 20px;
    line-height:20px;
    font-weight:bold;
    color: #f68500;
    font-size: 14px;
    padding-right: 30px;
    background: url("../images/icon.png") no-repeat right top;
}
.title2 .more2{
    margin-top: 20px;
    padding-left: 30px;
    background: url("../images/icon.png") no-repeat left center;
    color: #6f809b;
}
.title2 .more2 a{
    display: inline-block;
    height: 20px;
    line-height:20px;
    color: #6f809b;
    font-size: 14px;
}
.ny-right .title2{
    margin-bottom: 0px;
}
.case{
    overflow: hidden;
}
.piclist{
    margin: 50px auto;
}
.piclist li{
    float: left;
    width: 250px;
    margin: 0 10px;
    text-align: center;
}
.piclist li .pic{
    width: 250px;
    height: 175px;
    overflow: hidden;
}
.piclist li .pic img{
    width: 100%;
}
.piclist li .tit{
    font-size: 14px;
    color:#00376a;
    line-height: 40px;
}

/*news*/
.news{
    margin: 60px auto 100px;
}
.news-top{
    margin: 3% 0% 4%;
}
.news-top .fl{
    width: 377px;
}
.news-top .fr{
    width: 64%;
}
.news-txt .news-title{
    margin-top: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #00376a;

}
.news-txt .news-desc{
    margin: 25px 0 30px;
    font-size: 13px;
    color: #6f809b;
    text-align: justify;
    line-height: 2;
}
.news-txt .news-more a{
    position: relative;
    display: inline-block;
    padding: 1% 4%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #f68500;
    overflow: hidden;
}
.news-txt .news-more a span{
    position: relative;
    z-index: 2;
}
.news-txt .news-more a:after{
    content:" " ;
    position: absolute;
    top:0;
    left:-100%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #00376a;
    transition: all .2s linear;
}
.news-txt .news-more a:hover:after{
    left: 0;
}
.news-list li{
    float: left;
    width: 31.33%;
    margin: 0 1%;
}
.news-list li a{
    display: block;
    font-size: 16px;
    line-height: 35px;
    color: #30405b;
    border-left: 5px solid #f68500;
    background: #efefef;
    padding:5%;
    height: 35px;
    overflow: hidden;
    transition: all .3s ;
}
.news-list li a:hover{
    color: #fff;
    background: #00376a;
}

/*footer*/
.footer{
    color: #7b89a1;
    padding: 75px 0 0 0;
    background: #00376a;
}
.footer .w{
    padding-bottom: 45px;
}
.footer-logo .txt{
    margin: 15px 0;
    padding: 25px 0;
    border-top: 1px solid #374f77;
    font-size: 22px;
    letter-spacing: 2px;
}
.footer-logo .txt span{
    display: block;
    margin-top: 15px;
    font-size: 14px;
}
.footer-tel{
    padding-left: 306px;
    background: url("../images/f-weixin.png") no-repeat top left;
}
.footer-tel ul{
    position: relative;
    top:-15px;
}
.footer-tel li{
    height: 35px;
    line-height: 32px;
    padding:0px 0 0 45px;
    margin-bottom: 10px;
    background-image: url(../images/f-tel.png);
    background-repeat: no-repeat;
}
.footer-tel li.item1{ background-position: 0 0;color: #f68500; }
.footer-tel li.item2{ background-position: 0 -44px }
.footer-tel li.item3{ background-position: 0 -88px }
.footer-tel li.item4{ background-position: 0 -132px }
.footer-tel li.item5{ background-position: 0 -177px }
.copy{
    line-height: 45px;
    text-align: center;
    background: #002e58;
}

/*内页*/
/*内页 布局*/
.ny-content{ width:1200px; margin:30px auto 70px;}
.ny-left{ float:left; width:255px;}
.ny-right{ float:right; width:865px;  margin-top: 15px;
    background-color: #fff; border: 1px solid #eee;
    padding: 25px 30px; min-height: 907px; }

/*内页 左边分类*/
.ny-left{ position:relative; }
.sid-name{background-color:rgba(0,58,201,.9);  background: url(../images/left-pro.png) no-repeat bottom left; color:#fff;width:100%;padding:15px 0;margin-top: 15px; line-height: 27px;}
.side-name{background-color:#003ac9;}
.sid-name h2{font-size:28px;font-weight:400;margin-left:25px; margin-top: 5px;}
.sid-name p{font-size:12px;margin-left:25px; text-transform: uppercase}

/*内页 左边分类列表*/
.pro-list{ border:1px solid #ececec; border-top:0px; padding:10px 0 25px 0;background-color: #fff; box-shadow: 0 0 5px  #eee  }
.pro-list li{ margin:5px 10px;  }
.pro-list li a{display: block; font-size: 13px;  padding:8px 0 8px 20px;margin-right: 5px; color:#555; background:url(../images/icon-circle2.png) no-repeat center left;border-bottom: 1px solid #ececec; line-height:16px; margin:0px 10px;transition: all .3s linear }
.pro-list li.sort2 a{ padding-left: 45px;font-weight: normal;  background:url(../images/icon-2.png) no-repeat 20px center; transition: all .2s}
.pro-list li a:hover,
.pro-list li.hover a{ color: #fff; background:url(../images/icon-circle2-hover.png) no-repeat 10px center #f68500; }
.pro-list li.sort2 a:hover,
.pro-list li[class='sort2 hover'] a
{background:url(../images/icon-2-hover.png) no-repeat 30px center #00376a;}
.pro-list li a.mt_10{ margin-top:20px;}
.pro-list li.img{ margin-top: 15px; }
.pro-list li.img img{width: 100%}
.pro-list li.img a{ background:none; padding:20px 0 10px 0; margin:0px; border-bottom: 1px solid #c00001;}


/*内页 左边联系我们*/
.leib3 .tit{ margin-top:20px;color:#fff; font-size:15px; background:#003ac9; height:35px; line-height:35px; padding-left:18px; overflow:hidden; font-weight:normal;border-bottom:4px solid #0333aa;font-family: '微软雅黑';}
.leib3 .tit a{ color:#fff;}
.leib3 .nr{ border:1px solid #ccc; padding:16px 10px; line-height: 27px;  overflow:hidden; background: #fff}
.leib3 .nr .img{ margin-bottom: 5px;  }

/*内页右侧*/
.r-content{ padding:25px 0; color:#555; font-size:14px; letter-spacing: .5px;line-height: 27px; }
.r-content p{  }
.ny-img { margin-top: 20px;}
/* 内容 */
.r-content strong,.r-content b{ font-weight: bolder; font-size: 15px; }

.ny_pro>li{
    float: left;
    margin: 15px 13px 5px;
    width: 260px;
    text-align: center;
}
.ny_pro>li>a{
    display: block;
    width: 240px;
    height: 205px;
    margin-bottom: 10px;
    border: 5px solid #fff;
    box-shadow: 1px 1px 6px 0 #ddd;
    overflow: hidden;
    transition: border .8s ease;
}
.ny_pro>li>a img{
    width:260px;
}
.ny_pro>li>a:hover{
    border: 5px solid #f68500;
}
.ny_pro>li>a:hover img{
    box-shadow: 0px 0px 3px 0 #000 inset;
}

.ny_pro>li>span{
    display: block;
    font-size: 15px;
    white-space:nowrap;
    text-overflow: ellipsis;
    width:100%;
    overflow:hidden;

}
.news_s strong{ font-size:20px; font-weight:bold; color:#454545; font-family:"微软雅黑"; padding:0px; margin:0px; }
.news_s {color: #5D5D5D; margin:0 0 15px 0 ;border-bottom:#ddd 1px solid; padding:10px 0 2px 0; text-align:center}
.news_s .img img{ border:8px #fff solid}

.np { height: 30px; line-height: 30px; border-top: 1px solid #eee;border-bottom: 1px solid #eee; padding: 10px 0; margin: 30px 0; }
.np ul { width: 100%; }
.np ul li {  float: left; text-align: center; display: block; height: 33px; }
.np ul li.next{ float: right; }

.ny-news li{ clear:both; border-bottom:1px #b5b5b5 dashed; margin-top:30px; }
.ny-news li .ndate{ width:144px; height:118px; border:1px #bcbcbc solid; background:#f7f7f7; float:left; position:relative; transition: all .6s}
.ny-news li .ndate em{  text-align:center; font-size:18px; padding-top:20px; line-height:30px; display: block;}
.ny-news li .ndate span{transition: all .6s; height:30px; line-height:30px; font-size:14px; display:block; width:100%; text-align:center; position:absolute; bottom:0; left:0; background:#8c8585;}
.ny-news li .ndate span a{ color:#fff; font-size:14px;}

.ny-news li dl{ width:700px; float:right;}
.ny-news li dl dt{  height:36px; background: url(../images/bottom_biao.png) no-repeat left center; padding-left: 15px; }
.ny-news li dl dt a{ font-size:18px;}
.ny-news li dl dd{ line-height:28px; font-size:14px;}

.ny-news li:hover .ndate{ width:144px; height:118px; border:1px #f68500 solid; background:#f68500; float:left; position:relative;}
.ny-news li:hover .ndate em{ color:#fff;}
.ny-news li:hover .ndate span{ height:30px; line-height:30px; font-size:14px; display:block; width:100%; text-align:center; position:absolute; bottom:0; left:0; background:#d47302;}
.ny-news li:hover dl dt a{ color:#f68500;}
.ny-news .title{ line-height:60px;  font-size:24px; font-weight:bold; text-align:center; border-bottom:1px #ccc dotted;}
.ny-news .datetime{ text-align:center; padding:10px 0; color:#999;}
.ny-news .content,.news .content p,.news .content div{ line-height:34px; font-size:14px;}
.h30{ height: 30px; clear: both; }

/* 发展 */
.develop{ padding:0px 0px; margin:0 auto; background:url(../images/develop.png) no-repeat right 90px}
.develop-c{ background:url(../images/develop_l.png) no-repeat top left;  position:relative;}

.develop .time{ color:#f68500; font-size:16px; padding:6px 0 0 28px; text-align:left;   }
.develop .time span{ font-size:100px;}
.develop .c{  padding:0px 10px 10px 43px ;  line-height: 32px;  }
.develop .c p{ margin-bottom:15px;}

.contact p{
    text-indent: 0; }
.h_title{  border-bottom:1px solid #ddd }
.h_title span{ display:inline-block}
.h_title{font-size:30px;font-family:Arial;font-weight:bold;color: #4ea600;padding:55px 0 0px; letter-spacing:-1px }
.h_title span{ display:block; font-size:22px;  color:#000000; font-weight:normal; padding: 10px 10px;}
.cc{background:url(../images/z-kefu.png) no-repeat bottom right; font-size:16px;  height:415px; border-bottom:1px solid #ddd;padding:0 0 20px 15px;line-height:35px; padding:30px 0 5px 0;}
.cc .tt{font-size:20px; display:block; font-weight:bold }
.cc .tt1{font-size:16px; display:block; font-weight:bold }
.page-yeji{
    margin-top: 25px;
    text-align: center;
}
.page-yeji a{
    display: inline-block;
    background: #f68500;
    padding: 1px 15px;
    color: #FFF;
    margin: 0 15px;
}
.page-yeji a.active,
.page-yeji a:hover{
    background: #00376a;
}

.banner{
}
.alertImage{
			width:100%;
			background:rgba(0,0,0,.5);
			position:fixed;
			z-index:999;
			top:0px;
			left:0px;
			display:none;
		}
		.img{ position:absolute;  margin:auto; border:1px solid #fff}
		.img span{ color:#fff; font-size:20px; position:absolute; top:-10px; right:-12px; width:30px; height:30px; border-radius:30px; text-align:center; line-height:30px; background:#000; cursor:pointer}


.link{ padding: 15px; background:#eee; border:1px solid #ddd; text-align:center; color: #666;}
.link a{ color: #666; display:inline-block; padding:0 10px;}
.footer a{ color:#7b89a1;}