@charset "utf-8";
*{margin: 0px;padding: 0px;font-family:"微软雅黑";}
body{min-width:1200px;font-size:16px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;}
h1{color:#232323;}

p{color:#686868;}
ul{list-style:none;}
.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
img {border:0;}
a{text-decoration:none;color:#686868;}
.gy{width:1200px;margin:0 auto;overflow:hidden;}
a:hover{text-decoration:none;}





.top-blank{height:125px;overflow:hidden;background:none;}
.top-head{height:132px;position:fixed;top:0;width:100%;z-index:1000;background:none;}
.shadow{width:100%;height:7px;font-size:0;overflow:hidden;background:url(../images/nav_shadow.png) repeat-x;}

.top01{width:100%;height:30px;line-height:30px; background-image: linear-gradient(to right,#16a9eb,#00479d); color:#fff;overflow:hidden;}
.top01_n{ width:100%; max-width:1400px; margin:0px auto; font-size:14px;}

.top01_center{text-align:left;/* width:362px;*//*padding-left:840px;margin:0 auto;*/ float:right;}
.top01_center img{float:left;margin-top:3px;}
.top02{height:95px;width:100%;}
.top02_center{ max-width:1400px; margin:0px auto;}
.logo{width:365px;float:left;padding-top:20px;}
.nav{width:88
0px;float:right;}
.nav ul{width:880px;}
.nav li{width:14.2857%; float:left;text-align:center;/* position:relative;*/ font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;} 
.nav a{width:100%;height:52px;padding-top:50px;display:block;font-size:18px;/*overflow:hidden;*/ text-align:center;}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;background-color: #facd00;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; }
.nav li a:hover{color:#014fa2; font-size:14px; text-align:center;}
.nav a#sel{border-bottom:3px solid #facd00;color:#014fa2;}
.nav a#sel:hover:after{opacity: 0;}

.nav .sub{display:none;width:100%;padding:0;position:fixed;top:125px;overflow:hidden;text-align:left;z-index:110;left:0px;background-color:#f5f5f5;}
.nav .sub .nav_xiao{width:1200px;overflow:hidden;padding-top:5px;margin:0 auto;padding-bottom:50px;}
.nav .sub .nav_xiao .xiao_one{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_one a{float:left;display:inline;height:28px;line-height:28px;width:108px;margin-right:12px;overflow:hidden;border-bottom:1px solid #d3d2d2;color:#313030;background:url(../images/201603/nav_dian.jpg) left center no-repeat;padding:0;padding-left:15px;margin-top:13px;font-size:12px;font-family:"宋体";}
.nav .sub .nav_xiao .xiao_one a:hover{color:#f3782a;}
.nav .sub .nav_xiao .xiao_two{margin-top:28px;width:760px;float:right;}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px;}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666666;line-height:22px;}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#f3782a;font-weight:normal;letter-spacing:1px;line-height:36px;}

.nav .sub .nav_xiao .xiao_three{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_three ul{width:790px;}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:172px;height:190px;overflow:hidden;margin-right:19px;text-align:center;position:inherit;line-height:46px;margin-left:0px;}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;height:138px;display:block;}
.nav .sub .nav_xiao .xiao_three ul li a{color:#686868;width:100%;font-size:14px;height:100%;padding-top:17px;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#f3782a;}
.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li{width:195px;}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li img{width:195px;height:138px;}

.nav .sub .nav_xiao .xiao_four{width:512px;overflow:hidden;margin-right:25px;margin-left:55px;}
.nav .sub .nav_xiao .xiao_four h2{font-size:18px;font-weight:normal;color:#333333;height:50px;line-height:50px;border-bottom:1px solid #b3b3b3;letter-spacing:3px;margin-top:10px;}
.nav .sub .nav_xiao .xiao_four .ul{width:590px;}
.nav .sub .nav_xiao .xiao_four .ul li{height:42px;line-height:42px;margin-right:80px;padding-right:10px;width:205px;overflow:hidden;float:left;display:inline;background:url(../images/nav_dian2.png) right center no-repeat;margin-left:0px;position:inherit;}
.nav .sub .nav_xiao .xiao_four .ul li a{padding:0;width:205px;text-align:left;}

.nav .sub .nav_xiao .xiao_five{width:680px;overflow:hidden;float:left;margin-top:15px;margin-left:50px;}
.nav .sub .nav_xiao .xiao_five img{width:280px;height:212px;}
.nav .sub .nav_xiao .xiao_five a{width:280px;height:212px;padding:0;margin-right:45px;float:left;}
.nav .sub .nav_xiao .xiao_five2{float: right;margin-right: 20px;text-align: left;width: 445px;margin-top:15px;}
.nav .sub .nav_xiao .xiao_five2 p{border-bottom: 1px solid #D9D9D9;box-shadow: none;font-size: 14px;padding: 10px 0;}
.nav .sub .nav_xiao .xiao_five2 p a{text-align: left;width: 200px;display: inline-block;padding-top:0;height:auto;padding: 5px 0;font-size:14px;}

.nav .sub .nav_xiao .xiao_six_l{float:left;width:140px;margin-left:70px;overflow:hidden;margin-top:35px;}
.nav .sub .nav_xiao .xiao_six_l a{display:block;height:46px;line-height:46px;font-size:16px;color:#333333;padding-left:20px;background:url(../images/yuming_pic9.png) left center no-repeat;padding-top:0;}
.nav .sub .nav_xiao .xiao_six_l a.osel{background:url(../images/yuming_pic9_on.png) left center no-repeat;color:#f3782a;}
.nav .sub .nav_xiao .xiao_six_r{float:left;width:990px;overflow:hidden;text-align:center;}
.nav .sub .nav_xiao .xiao_six_r img{display:block;margin:0 auto;margin-bottom:32px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.nav .sub .nav_xiao .xiao_six_r a{float:left;width:140px;height:auto;border-left:1px solid #e2e3e3;padding-top:0;margin-top:50px;}
.nav .sub .nav_xiao .xiao_six_r a:hover img{margin-top:-4px;margin-bottom:36px;}




.in_cpfl{ width:100%; max-width:1400px; margin:0px auto;}
.in_cpfl_n{ margin-top:-165px; z-index:2; position:relative;}
.in_cpfl_n ul{ display: -webkit-flex; display: flex; border:1px solid #a39c9b;}
.in_cpfl_n ul li{  width:100%;  background-color: rgba(255,255,255,0.2);}
.in_cpfl_n ul li:nth-child(2n+1){background-color: rgba(255,255,255,0.25);}
.in_cpfl_n ul li a{ display:block; width:100%;text-align:center; line-height:40px; color:#fff; height:133px; padding-top:30px;}
.in_cpfl_n ul li a:hover{ background-color:#ff9c00; height:153px; margin-top:-20px; border-radius:5px;}
.in_cpfl_n ul li img{ display:block; margin:0px auto;}

.in_about{ width:100%; background-color:#f4f4f4;}
.in_about_n{ width:100%; max-width:1400px; margin:0px auto; display: -webkit-flex; display: flex;justify-content:space-between; padding:5.0px 0px; padding-top:80px; text-align: justify;}
.in_about_l{ width:55%; padding-top:40px;}
.in_about_l h4{ font-family:Arial, Helvetica, sans-serif; font-size:60px; text-transform:uppercase; font-weight:900; color:#e6e6e6; font-style:italic; line-height:50px;}
.in_about_l h2{ font-size:38px; font-weight:500; color:#454545; letter-spacing:3px; line-height:38px;}
.in_about_l h3{ line-height:40px; font-weight:normal; font-size:20px; color:#9e9e9e; line-height:50px; padding-top:20px;}
.in_about_l p{ line-height:34px; font-size:16px; color:#454545;}
.in_about_l p{ padding-top:15px;}
.in_about_l a{ margin-top:30px; display:block; width:120px; line-height:38px; color:#fff; background-color:#ff9c00; text-align:center; border-radius:5px;}
.in_about_r{ width:40%; padding-bottom:30px;}

.in_szkhh{ width:100%; height:100px; background:#fff; padding-bottom:5px; box-shadow: 0px 5px 5px #cecece;}
.in_szkhh dl{ width:100%; max-width:1400px; margin:0px auto;display: -webkit-flex; display: flex; }
.in_szkhh dt{ width:25%;  padding-top:15px;}
.in_szkhh dt span{line-height:66px; font-size:24px;  color:#454545; background:url(../images/dian.jpg) no-repeat bottom left; display:block;}
.in_szkhh dd{ width:25%;display: -webkit-flex; display: flex; padding-top:6px;}
.in_szkhh dd span{ font-size:56px; line-height:100px; color:#FC0;}
.in_szkhh dd font{font-size:18px; line-height:26px;  padding-top:24px; margin-left:15px;}

.in_prod{ width:100%; max-width:1400px; margin:0px auto; padding-top:50px; padding-bottom:80px;}
.in_prod h4{ font-family:Arial, Helvetica, sans-serif; font-size:60px; text-transform:uppercase; font-weight:900; color:#f1f1f1;  line-height:50px; text-align:center;}
.in_prod h2{ font-size:38px; font-weight:500; color:#454545; letter-spacing:3px; line-height:38px; text-align:center; margin-top:-15px; background:#fff; display:block;}
.in_prod h3{ line-height:40px; font-weight:normal; font-size:20px; color:#9e9e9e; line-height:50px; padding-top:20px; text-align:center;}
.in_prod_n{width:100%;display: -webkit-flex; display: flex; padding-top:40px;}
.in_prod_l{ width:525px;}
.in_prod_l p{ margin-top:-690px; color:#fff; text-align:center; font-size:30px;}
.in_prod_r{display: -webkit-flex; display: flex; flex-wrap:wrap}

.in_prod_zs{ margin-left:20px; height:360px;}
.in_prod_zs img{ width:100%; display:block;}
.in_prod_zs p{margin-top:-316px; color:#fff; text-align:center; font-size:26px;}
.in_prod_zs:nth-child(3){ margin-top:30px;}
.in_prod_zs:nth-child(4){ margin-top:30px;}

.in_youshi{ background:url(../images/i_pt2.jpg) no-repeat center top;}
.in_youshi_n{ width:100%; max-width:1400px; margin:0px auto; height:570px; color:#fff;}
.in_youshi_n h2{ font-size:34px; font-weight:normal; padding-top:60px; line-height:60px; padding-bottom:30px;}
.in_youshi_n h2 span{ display:block; line-height:20px;}
.in_youshi_n p{ color:#e8e8e8; line-height:36px; font-size:18px; }
.in_youshi_n a{ color:#FFC; display:block; margin-top:40px; border:1px solid #FFC; line-height:36px; width:120px; text-align:center;}

.in_youshi_n ul{display: -webkit-flex; display: flex; justify-content:flex-end;}
.in_youshi_n li{ width:230px; height:230px; border:1px solid #fff; margin-top:-70px; text-align:center; line-height:90px; font-size:22px;}
.in_youshi_n li:hover{ background:#0055b2;}
.in_youshi_n li span{ font-size: 100px;  display: block;    padding-top:45px;}

.in_anli{ background:url(../images/albj.jpg) no-repeat center top; padding-top:60px;}
.in_anli h4{ font-family:Arial, Helvetica, sans-serif; font-size:60px; text-transform:uppercase; font-weight:900; color:#084b94;  line-height:50px; text-align:center;}
.in_anli h2{ font-size:38px; font-weight:500; color:#cee6ff; letter-spacing:3px; line-height:38px; text-align:center; margin-top:-15px;  display:block;}
.in_anli h3{ line-height:40px; font-weight:normal; font-size:20px; color:#5095c3; line-height:50px; padding-top:20px; text-align:center;}



/* 必要布局样式css */
.slide-content { padding-top: 100px;  padding-bottom: 100px;  }
.slide-title { font-size: 48px; color: #313131; letter-spacing: 5px; line-height: 1;  text-align: center;}
.slide-links {margin-top: 0; text-align: center;}
.slide-links a { background-color: #20b573; color: #ffffff; display: inline-block;  margin-bottom: 0;  font-size: 14px;  font-weight: normal; line-height: 1.428571429; text-align: center;  white-space: nowrap;  vertical-align: middle;
    cursor: pointer;  background-image: none;  border: 1px solid transparent; outline: none;  -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none;  -o-user-select: none;  user-select: none;  background-color: #20b573;  color: #ffffff;  padding: 15px 30px;  border-radius: 2px;}
.slide-links a:hover { background: #188a57;  color: #fff;}
.slide-item-body ul li { width: 33.333%; float: left; display: block; height: 200px; padding-top: 42px;  margin-bottom: 30px; border: none; border-radius: 8px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  height: inherit;  padding-top: 0;  border-radius: 0;    color: #000; z-index: 10002;}
.slide-item-body ul li a {  display: block; box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.2); background-color:#fff; padding-top:10px;}
.new-img img { width:96%; height: auto; border: none; display: block; margin:0px auto;}
.slide-item { width:1200px; position: relative;  margin: 0 auto; /* overflow: hidden; */}
.slide-item-box { padding: 10px 0;}
.new-body { padding: 20px 20px 40px 20px;}
.new-body-title { height: 24px; line-height: 24px;  font-size: 16px; overflow: hidden; color: #616161; letter-spacing: 1px;}
.new-body-text { padding-top: 20px;  min-height: 50px; line-height: 28px; font-size: 14px; color: #919191; overflow: hidden;}
.slide-item-body { /* padding-top:20px; */ margin-left: -70px;}
.slide-item-body ul li { margin-left: 15px; margin-right: 15px; padding-top: 10px;}
.slide-item-body .tempWrap { padding-top: 20px; }
.slide-item-body ul { padding-top: 10px; overflow: visible;}
.slide-item-body ul li:hover { -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); z-index: 1002; position: relative;
left: 0;}
.next { position: absolute; top: 30%; z-index: 10; cursor: pointer; -moz-background-size: 60px; -webkit-background-size: 60px; background-size: 60px;  background-position: center; background-repeat: no-repeat; right: auto; left: -157px;
    height: 60px; width: 60px;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.next-bg { background-image: url("../images/btn-fl1.png");}
.next:hover { background-image: url("../images/btn-fl2.png");}
.prev { position: absolute; top: 30%; z-index: 10; cursor: pointer; -moz-background-size: 60px; -webkit-background-size: 60px; background-size: 60px; background-position: center; background-repeat: no-repeat; right: -179px; height: 60px;
    width: 60px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
.prev-bg {  background-image: url("../images/btn-fr1.png");}
.prev-bg:hover { background-image: url("../images/btn-fr2.png");}

.in_news{ width:100%; background:url(../images/innew_bg.jpg) no-repeat center bottom; margin-top:30px; padding-bottom:200px;}
.in_news h4{ font-family:Arial, Helvetica, sans-serif; font-size:60px; text-transform:uppercase; font-weight:900; color:#f1f1f1;  line-height:50px; text-align:center;}
.in_news h2{ font-size:38px; font-weight:500; color:#454545; letter-spacing:3px; line-height:38px; text-align:center; margin-top:-15px; background:#fff; display:block;}
.in_news h3{ line-height:40px; font-weight:normal; font-size:20px; color:#9e9e9e; line-height:50px; padding-top:20px; text-align:center; border-bottom:1px solid #dcdcdc; width:100%; max-width:1400px; margin:0px auto}
.in_news_n{ width:100%; max-width:1400px; margin:0px auto;  display: -webkit-flex; display: flex; justify-content:space-between; padding-top:60px;}
.in_news_l{ width:34%; background-color:#FFF; padding:10px; box-shadow: 0 0 .25rem rgba(95, 95, 95, .48);}
.in_news_l img{ width:100%; margin:0px auto; display:block;}
.in_news_l p{ position: relative; margin-top:-80px; z-index:999; background-color: rgba(45,150,198,0.9); line-height:80px; color:#fff; padding-left:20px;}
.in_news_l a{ color:#fff; font-size:20px; }
.in_news_r{ width:62%; display: -webkit-flex; display: flex; justify-content:space-between; }
.in_news_r1{ width:48%;}
.in_news_r1 li{ height:179px; background-color:#fff; box-shadow: 0 0 .25rem rgba(95, 95, 95, .48); padding:20px;}
.in_news_r1 li:hover{ box-shadow:inset 0px 0px 10px 1px rgba(100,100,100,0.5);}
.in_news_r1 li a h2{ width:100%; letter-spacing: 1px; display:block; line-height:50px; font-size:20px; color:#ea5413; text-align:left; padding-top:10px;display: inline-block;  white-space: nowrap;   width: 100%;   overflow: hidden;  text-overflow:ellipsis;}

.in_news_r1 li:nth-child(2){ margin-top:32px;}
.in_news_r1p1{ line-height:30px; font-size:16px; width:90%; margin:0px auto; padding-top:5px; width:100%; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.in_news_r1p2{ border-top:1px solid #dcdcdc;  margin-top: 10px;  line-height: 30px;  padding-top: 10px;}
.in_news_r1p2 span{ float:right; color:#646464; font-size:42px; margin-top:10px;}
.in_news_r1p2 font{ display:inline-block; width:60px; font-size:16px;}
.in_news_r1p2 font b{ font-size:30px; display:block;}

.in_news_r2{ width:47%;}
.in_news_r2 li{ height:95px;  background:#fff; box-shadow: 0 0 .25rem rgba(95, 95, 95, .48); padding:20px;  display: -webkit-flex; display: flex;}
.in_news_r2 li span{ width:60px; display:inline-block; border-right:1px solid #dcdcdc; font-size:16px; line-height: 38px; display: -webkit-flex; display: flex; padding-right: 10px;
flex-direction:column; justify-content:center; margin-right:15px;}
.in_news_r2 li span b{ font-size:30px; width:100%}
.in_news_r2 li:nth-child(2){ margin-top:32px;}
.in_news_r2 li:nth-child(3){ margin-top:32px;}
.in_news_r2 li a{ font-size:20px; line-height:40px;}


footer {
    background: #484848;
    color: rgba(255, 255, 255, 0.6);
}

footer a{color: rgba(255, 255, 255, 0.6);}
footer a:hover {
    color: #fff;
}
.foot_top {
    padding: 80px 0 60px;
}

.foot_top dl {
    float: left;
    width: 17%;
    margin-left: 3%;
}

.foot_top dl.dl01 {
    margin-left: 0;
}

.foot_top dl dt {
    font-size: 22px;
    border-bottom: 1px solid #5d5d5d;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.foot_top dl dt a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.foot_top dl dd {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 36px;
}




.foot_top dl.dl04 {
    width: 38%;
    position: relative;
}

.foot_top dl .last {
    position: absolute;
    width: 30%;
    right: 0;
    top: 70px;
    text-align: center;
}

.foot_top dl .last .share {
    display: none;
}

.foot_top dl .last .ewm_img {
    margin-bottom: 20px;
}

.foot_top dl .last .ewm_txt {
    display: none;
}

.foot_top dl .last .ewm_img img {
    display: none;
}

.foot_top dl .last .ewm_txt span {
    font-size: 14px;
    color: #666;
    cursor: pointer;
    padding: 0 5px;
    border-left: 1px solid #2d2d2d;
}

.foot_top dl .last .ewm_txt span.cur {
    color: #fff;
}

.foot_top dl .last .share a {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: transparent;
    padding: 0;
    float: none;
    margin: 0 4px;
    color: #898989;
    border: 1px solid #898989;
    border-radius: 50%;
    font-size: 15px;
    transition: 0s;
    text-align: center;
}

.foot_top dl .last .share a .iconfont {
    line-height: 29px;
}

.foot_top dl .last .share a:hover {
    color: #fff;
}
.wrap {
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
}

.foot_bott {
    font-size: 14px;
    color: #8c8c8c;
    padding: 20px 0;
	border-top:1px solid #999;
}

.foot_bott .left {
    float: left;
}

.foot_bott .right {
    float: right;
}


@media only all and (min-width: 1200px) and (max-width: 1400px){
.top01_n{max-width: 1200px;}
.top02_center{max-width: 1200px;}
.nav ul { width: 800px;}
.logo{padding-top: 10px;}
.nav a{padding-top: 40px;}
.in_cpfl{max-width: 1200px;}
.in_about_n{max-width: 1200px;}
.in_about_r img{ width:100%}
.in_about_l h3{line-height: 30px;}
.in_about_l p {padding-top: 10px;}
.in_prod{max-width:1200px; margin:0px auto;}
.in_prod_l{ width:86.7%;}
.in_prod_l img{ width:100%;}
.in_prod_l{ }
.in_prod_zs {
  margin-left: 20px;
  height: 310px;
  width: 47%;}
  
  .in_prod_zs p {
  margin-top: -286px;
  color: #fff;
  text-align: center;
  font-size: 26px;}
  
  .in_youshi_n {
  width: 100%;
  max-width: 1200px;
  margin: 0px auto;
  height: 570px;
  color: #fff;
}
.wrap {
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
	}