﻿
/*-----------------[初始化]--------------*/
body{color: #444;font-size: 12px;line-height: 1.5;font-family:"微软雅黑","Microsoft Yahei";}
a{color: #444;}
a:hover{color: #f60;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #444;
    font-family:"微软雅黑","Microsoft Yahei";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
*{outline: 0;}

/*布局*/
.wp{width: 100%;max-width: 1200px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


/*******************************
  -------[=头部]-------
********************************/
#index-hd{height: 84px;*zoom:1;position: fixed;z-index: 9999;left: 0; right: 0;}
#index-hd .logo{float: left;line-height: 84px;}
#index-hd .logo img{display: inline-block;vertical-align: middle;}
.fd-fix{position: fixed;  top: 0; background-color: rgba(255,255,255,.8); left: 0; right: 0; z-index: 999;}
.nav{float: right; padding-right: 60px;display: none;}
.nav li{float: left; line-height: 84px; font-size: 16px; color: #434343; position: relative;}
.nav .v1{display: block;font-size: 16px;color: #2c1b1b;text-align: center;height: 84px;line-height: 84px;padding: 0 25px;   
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav li:hover .v1{color: #004092;}
.nav li dl{position: absolute; background-color:#004092; top: 100%; left: 0;text-align: center; width: 120px; z-index: 999; padding: 10px 0; display: none;}
.nav li dl a{display: block; font-size: 14px; color: #fff; line-height: 30px; height: 30px; overflow: hidden;}
.nav li dd:hover a{background-color: #fff;color: #004092;}
.wp{width: 100%;max-width: 1200px;margin: 0 auto;}

.txt-slide{position: absolute;right: 0;left: 0; bottom: -2px;z-index: 999;}
.ban .por{position: relative;}
#index-hd .wp{position: relative;}


/*******************************
    -------[=导航]-------
********************************/
.menuBtn{z-index: 9;display: none;position: absolute;top: 33px;right: 2px;
    width: 35px;height: 40px; cursor: pointer; 
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.fd-fix .menuBtn:after{color: #434343;}
.menuBtn b{display: block;height: 4px;background-color: #fff;
    margin: 3px 0 5px;border-radius: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open b{background-color: #434343;}
.fd-fix .menuBtn b{background-color: #434343;}
.menuBtn.open{padding-top: 0;right: 5px;top: 25px;}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 10px;top: 35%;width: 100%;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}
#index-hd .menuBtn{display: block;}
#index-hd .menuBtn:after{content: '菜单';width: 40px;top:0;line-height: 28px;position: absolute;right: 100%;color:#fff; font-size: 14px;}
#index-hd .menuBtn.open:after{content: '';}
/*******************************
  -------[=banner]-------
*******************************/
#banner{height: 624px;}
#banner .slick-slider,#banner .slick-list,#banner .slick-track,#banner .slick-slide{height: 100%;}
#banner .slick-slide{outline: 0;position: relative;
    background-position: center center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
#banner .slick-slide a{outline: 0;}
#banner .slick-next,#banner .slick-prev{cursor: pointer;border: none;outline:0; z-index: 99;
    position: absolute;top: 50%;margin-top: -52px;overflow: hidden;background: 0;
    width: 58px; height: 105px;font-size: 0;line-height: 0;
    background-repeat: no-repeat;
    background-position: center center;
}
#banner .slick-next{background-image: url(/images/icon2.png);margin-right: 62px;right: 0;}
#banner .slick-prev{background-image: url(/images/icon1.png);margin-left: 62px;left: 0;}


#banner .slick-next{background: url(/images/icon2.png) no-repeat left top;margin-right: 62px; right: 0;transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
#banner .slick-next:hover{background-position: 0 -115px;}
#banner .slick-prev{background: url(/images/icon1.png) no-repeat left top; margin-left: 62px; left: 0;transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
#banner .slick-prev:hover{background-position: 0 -115px;}
 
#banner .slick-dots{position: absolute;left: 0;bottom: 120px;width: 100%;text-align: center;z-index: 99;}
#banner .slick-dots li{display: inline-block;margin: 0 3px;}
#banner .slick-dots li button{text-indent: -9999px; cursor: pointer; border: none; 
    width: 14px;height: 14px;background-color: #fff;border: 1px solid #fff;padding: 0;
    border-radius: 8px;
    outline:0
 }
#banner .slick-dots li a{display: block;width: 24px;height: 24px;
    font-size: 0;line-height: 0;text-indent: 999px;background-color: #fff;border-radius: 50%;
}
#banner .slick-dots li.slick-active button{background: none;}

#banner a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

/*******************************
  -------[=底部]-------
********************************/


/*******************************
    -------[=正文]-------
********************************/

/*******************************
    -------[=在线留言]-------
********************************/
.m-inp1{margin-top: 48px;}
.m-inp1 ul{overflow: hidden;padding: 19px 10px 47px;border: 1px solid #e6e6e6;}
.m-inp1 li{width: 50%;float: left;margin-bottom: 8px;}
.m-inp1 .con{margin: 0 10px;}
.m-inp1 li span{display: block;font-size: 14px;color: #333;line-height: 44px;}
.m-inp1 li input{width: 100%;display: block;height: 32px;line-height: 30px \9;
    border: 1px solid #e6e6e6;padding: 0 10px;font-size: 14px;color: #333;
}
.m-inp1 li:last-child{width: auto;float: none;clear: both;}
.m-inp1 li textarea{display: block;width: 100%;border: 1px solid #e6e6e6;height: 236px;
    padding: 10px;font-size: 14px;color: #333;
}
.m-inp1 .bot{text-align: center;padding: 48px 0 90px;}
.m-inp1 .bot input{width: 192px;height: 45px;font-size: 14px;color: #fff;border: 0;margin: 0 5px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.m-inp1 .bot .btn1{background-color: #ff6d12;}
.m-inp1 .bot .btn2{background-color: #576b7c;}
.m-inp1 .bot input:hover{
    opacity: .8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.m-txt1{overflow: hidden;margin: 54px 0 42px;}
.m-txt1 h1{font-size: 26px;color: #2a2a2a;margin-bottom: 29px;}
.m-txt1 .con{overflow: hidden;}
.m-txt1 .pic{float: right;width: 282px;}
.m-txt1 .pic img{width: 100%;display: block;}
.m-txt1 .txt{margin-right: 310px;color: #555;font-size: 14px;line-height: 25px;}
.m-txt1 .txt p{margin-bottom: 25px;}
.m-txt1 .txt2{color: #555;font-size: 14px;line-height: 25px;}
.m-txt1 .txt2 p{margin-bottom: 25px;}
.m-txt1 .txt2 h2{font-size: 18px;color: #2a2a2a;margin-bottom: 25px;}
.m-txt1 .pic2{float: right;width: 350px;}
.m-txt1 .pic2 img{width: 100%;display: block;}
.m-txt1 ul{overflow: hidden;padding-top: 28px;margin-bottom: 40px;}
.m-txt1 li{float: left;width: 25%;text-align: center;}
.m-txt1 li em{display: block;position: relative;font-size: 45px;color: #004092;
    line-height: 1;padding-bottom: 17px;margin-bottom: 11px;
}
.m-txt1 li em:before{content: '';position: absolute;bottom: 0;left: 50%;width: 32px;height: 2px;
    background-color: #ebebeb;margin-left: -16px;
}
.m-txt1 li span{display: block;font-size: 15px;font-weight: bold;}

.box-list1{overflow: hidden;padding: 0 11px;margin-bottom: 82px;}
.box-list1 li{width: 33.33%;float: left;}
.box-list1 .con{margin: 0 11px;display: block;position: relative;overflow: hidden;}
.box-list1 .pic{padding-top: 59%;height: 0;position: relative;}
.box-list1 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}
.box-list1 .txt{position: absolute;left: 0;right: 0;bottom: 0;top: 0;overflow: hidden;
    background-color: #e1e1e1;z-index: 2;padding: 12px;color: #555;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.box-list1 .bor{border: 1px solid #c6c6c6;height: 100%;padding: 29px 25px 0;overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.box-list1 .txt h4{font-size: 24px;font-weight: normal;text-align: center;
    margin-bottom: 7px;height: 36px;line-height: 36px;overflow: hidden;
}
.box-list1 .txt p{font-size: 13px;line-height: 24px;height: 96px;overflow: hidden;}
.box-list1 .con:hover .txt{background: rgba(0,0,0,.51);}
.box-list1 .con:hover .bor{border-color: #fff;}
.box-list1 .con:hover .txt h4,.box-list1 .con:hover .txt p{color: #fff;}

.box-list2{overflow: hidden;margin-bottom: 72px;}
.box-list2 li{float: left;width: 25%;padding-left: 25px;height: 80px;overflow: hidden;
    border-right: 1px solid #aaa;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.box-list2 .con{overflow: hidden;display: block;}
.box-list2 li span{float: left;width: 76px;height: 76px;display: block;
    border: 2px solid #b7b6b2;border-radius: 50%;margin-right: 24px;
    background-position: center center;background-repeat: no-repeat;
}
.box-list2 li .ico1{background-image: url(/images/ico-01.png);}
.box-list2 li .ico2{background-image: url(/images/ico-02.png);}
.box-list2 li .ico3{background-image: url(/images/ico-03.png);}
.box-list2 li .ico4{background-image: url(/images/ico-04.png);}
.box-list2 .txt{overflow: hidden;color: #555;padding-top: 12px;}
.box-list2 .txt h4{font-size: 18px;height: 27px;overflow: hidden;line-height: 27px;margin-bottom: 7px;}
.box-list2 .txt p{font-size: 13px;height: 19px;line-height: 19px;overflow: hidden;}
.box-list2 li:last-child{border-right: 0;}

/* 经过效果 */
.box-list2 li a {position: relative;}
.box-list2 li a .icos {
    display:block;
    position:absolute;
    left:0;
    top:0;
    transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -o-transform:scale(1.5);
    -ms-transform:scale(1.5);
    opacity: 0;;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.box-list2 li a:hover .icos{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    background: #004092;
    border-color: #004092;
}
.box-list2 li a:hover .ico1q{background-image: url(/images/ico-01q.png);}
.box-list2 li a:hover .ico2q{background-image: url(/images/ico-02q.png);}
.box-list2 li a:hover .ico3q{background-image: url(/images/ico-03q.png);}
.box-list2 li a:hover .ico4q{background-image: url(/images/ico-04q.png);}


.m-time{margin: 100px 0 65px;}
.m-time .slider-nav{margin: 0 90px 32px;
    background: url(/images/ico-bor1.jpg) repeat-x left 10px;
}
.m-time .slider-nav .date{text-align: center;overflow: hidden;}
.m-time .slider-nav .date i{width: 21px;height: 21px;display: block;margin: 0 auto 20px;
    background: url(/images/ico-05.jpg) no-repeat center center;position: relative;
}
.m-time .slider-nav .date span{font-size: 16px;color: #575757;font-weight: bold;}
.m-time .slider-nav .slick-current.date i{background-image: url(/images/ico-06.jpg);}
.m-time .slider-nav .slick-arrow{position: absolute;width: 35px;height: 58px;font-size: 0;
    border: 0;font-size: 0;text-indent: -9999px;cursor: pointer;background: 0;
    background-position: center center;background-repeat: no-repeat;top: -19px;
}
.m-time .slider-nav .slick-prev{left: -90px;background-image: url(/images/arr-l.png);}
.m-time .slider-nav .slick-next{right: -90px;background-image: url(/images/arr-r.png);}
.m-time .year{display: block;text-align: center;font-size: 72px;color: #e2e2e2;margin-bottom: 15px;font-weight: normal;}

.m-time ul{overflow: hidden;padding: 40px 0;
    background: url(/images/ico-bor2.jpg) repeat-y center top;
}
.m-time li{width: 50%;float: left;position: relative;}
.m-time li:after{content: '';position: absolute;width: 17px;height: 17px;top: 32px;right: -8px;
    background: url(/images/ico-07.jpg) no-repeat center center;
}
.m-time .con{border: 1px solid #e6e6e6;margin: 0 57px 0 10px;padding: 25px 28px 28px;
    position: relative;
}
.m-time .con:after{content: '';position: absolute;width: 20px;height: 20px;top: 31px;right: -20px;
    background: url(/images/ico-08.jpg) no-repeat center center;
}
.m-time .con span{text-align: right;display: block;font-size: 36px;color: #004092;
    font-weight: bold;margin-bottom: 20px;
}
.m-time .con p{font-size: 14px;line-height: 25px;color: #626670;height: 75px;
    overflow: hidden;margin-bottom: 7px;
}
.m-time .pic{padding-top: 57%;height: 0;position: relative;}
.m-time .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}

.m-time li:nth-child(2n){margin-top: 40px;}
.m-time li:nth-child(2n):after{right: auto;left: -8px;}
.m-time li:nth-child(2n) .con:after{right: auto;left: -20px;background-image: url(/images/ico-09.jpg);}
.m-time li:nth-child(2n) span{text-align: left;}
.m-time li:nth-child(2n) .con{margin: 0 10px 0 57px;}

.box-list3{overflow: hidden;margin-top: 60px;padding-bottom: 20px;}
.box-list3 li{width: 50%;float: left;margin-bottom: 30px;}
.box-list3 .con{height: 229px;overflow: hidden;background-color: #f8f8f8;
    margin: 0 12px;display: block;
}
.box-list3 .pic{float: right;width: 260px;height: 229px;overflow: hidden;}
.box-list3 .pic img{width: 100%;height: 100%;display: block;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.box-list3 .txt{margin-right: 260px;padding: 29px 25px 0;}
.box-list3 .txt h4{margin-bottom: 12px;font-size: 18px;color: #111;font-weight: normal;
    height: 27px;line-height: 27px;overflow: hidden;
}
.box-list3 .txt p{font-size: 13px;line-height: 24px;height: 144px;overflow: hidden;
    color: #666;
}
.box-list3 .con:hover .pic img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.box-list3 .con:hover .txt h4,.box-list3 .con:hover .txt p{color: #004092;}

.m-coop{height: 428px;text-align: center;color: #fff;overflow: hidden;margin-bottom: 35px;
    background-position: center center;background-repeat: no-repeat;
    background-attachment: fixed;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.m-coop h3{font-size: 38px;margin: 70px 0 25px;}
.m-coop p{font-size: 24px;line-height: 42px;margin-bottom: 10px;}
.m-coop em{font-size: 16px;font-family: Arial;line-height: 24px;display: block;}

.m-brand{padding-bottom: 60px;}
.m-brand dl{padding: 0 12px;margin-bottom: 25px;}
.m-brand dt{display: block;margin-left: 8px;font-size: 13px;font-weight: normal;
    color: #404040;margin-bottom: 8px;
}
.m-brand dd{}
.m-brand ul{overflow: hidden;}
.m-brand li{width: 14.28%;float: left;}
.m-brand li a{padding-top: 57%;height: 0;position: relative;display: block;
    border: 1px solid #e8e8e8;margin: 0 9px 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.m-brand li img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}

.m-map{position: relative;height: 488px;margin-top: 40px;padding-bottom: 35px;border-bottom: 1px solid #e8e8e8;}
.m-map #dituContent{width: 100%;height: 100%;}
.m-map .con{position: absolute;top: 0;bottom: 35px;right: 0;width: 418px;line-height: 30px;
    background: rgba(0,64,146,.81);padding: 62px 50px 0;color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.m-map .con h3{font-size: 30px;font-weight: normal;;margin-bottom: 13px;}
.m-map .con span{font-size: 30px;}
.m-map .con p{font-size: 13px;}
.m-map .ma{overflow: hidden;padding-top: 30px;}
.m-map li{width: 50%;float: left;padding: 0 19px;text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
} 
.m-map .pic{width: 102px;height: 99px;margin: 0 auto 5px;}
.m-map .pic img{width: 100%;height: 100%;display: block;}
.m-map li p{font-size: 13px;font-size: 13px;}

.m-address{margin-bottom: 65px;}
.m-address dl{border-bottom: 1px solid #e8e8e8;margin-top: 32px;padding-bottom: 55px;}
.m-address dt{font-size: 20px;font-weight: normal;color: #000;margin-bottom: 17px;}
.m-address ul{overflow: hidden;}
.m-address li{width: 33.33%;float: left;}
.m-address .con{height: 85px;border-left: 2px solid #0450a1;padding-left: 14px;}
.m-address .con h4{font-size: 16px;font-weight: normal;color: #0450a1;padding-top: 1px;margin-bottom: 7px;}
.m-address .con p{color: #919191;line-height: 24px;}
.m-address dl:last-child{border-bottom: 0;}






