@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,img{padding: 0; margin: 0;box-sizing: border-box;}
html{ _background:url(about:blank);}
body{background:#fff;font-family:"微软雅黑","宋体";}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1 ;}
fieldset,img,abbr,acronym{border: 0 none;}
img{vertical-align:top;}
abbr,acronym{font-variant: normal;}
legend{color:#000;}
blockquote, q{quotes: none}
address,caption,cite,code,dfn,em,strong,th,var{font-weight: normal; font-style: normal;}
dl,ul,ol,menu,li{list-style:none}
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}/* 输入控件字体 */
input,select,textarea,button{vertical-align:middle;outline:none;}
textarea{resize:none}
input[type="submit"]{cursor: pointer;}/* 鼠标样式 */
button{border:0 none;background-color:transparent;cursor:pointer}
input::-moz-focus-inner{border: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
del,ins,a{text-decoration:none;}
a:hover,a:active,a:focus{ text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
::-webkit-scrollbar {width: 10px;height: 10px;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 3px;background: #dedede; }
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #FFFFFF;}
a{outline: none;transition: color 0.2s ease 0s;}
.clearfix {zoom:1}
.clearfix:after {content: '\20'; display: block; clear: both;}
.f_yh{font-family:"Arial, Helvetica, sans-serif";}
.cursor{ cursor:pointer;}
.pr{position:relative}/*相对定位*/
.pa{position:absolute}/*绝对定位*/
.fl{ float:left;}/*左浮动*/
.fr{ float:right;}/*右浮动*/
.fl,.fr{display:inline;}/*浮动后，此元素会被显示为内联元素，元素前后没有换行符*/


/* 公共样式 */
.main{width: 1300px;margin: 0 auto;padding: 0 20px;}
.module{padding: 80px 0;}
.module h3{font-size: 36px;color: #333333;text-align: center;margin-bottom: 40px;}


/*头部*/
header{background: #FFFFFF;box-shadow:0px 8px 8px 0px rgba(0,0,0,0.05);position: fixed; top: 0; left: 0;width: 100%;height: 100px;z-index: 9;}
.logo{margin-top:35px;}
.menu{margin-top:20px;padding-left:20px;}
.menu li{float: left;width: 130px;text-align: center;padding: 22px 0;}
.menu li:hover a{color:#3296FA;}
.menu li a{font-size: 18px;color: #333333;}
.menu li.active a{color:#3296FA;}

.head-tel{margin-top: 32px;}
.head-tel div{width:36px;height:36px;background: url(../img/telico1.png) no-repeat;}
.head-tel p{margin-top: 8px;margin-left: 10px;font-size: 20px;color: #666666;}


/* banner */
.banner-bg{height: 420px;background: url(../img/banner.png) no-repeat;margin-top: 100px; min-width: 1300px;}
.banner-card{top: 70px;left: 40px;}
.banner-card h1{font-size: 46px;color: #333333;line-height:65px;}
.banner-card h2{font-size: 26px;color: #333333;line-height:37px;margin-top: 13px;}

/* 定制概况 */
.scroll-bg{background: url(../img/bannerbg.png) no-repeat;min-width: 1300px;}
.scroll>div:nth-child(1){border: 0;}
.scroll>div{width: 24.8%;border-left: 1px solid rgba(122,122,122,1);height: 120px;text-align: center;color: #FFFFFF;}
.scroll>div>div{width: 46px;height: 46px;display: inline-block;margin-top: 20px;margin-bottom: 12px;background: url(../img/scroll.png) no-repeat;}
.scroll>div:nth-child(2) div{background-position:-46px 0;}
.scroll>div:nth-child(3) div{background-position:-92px 0;}
.scroll>div:nth-child(4) div{background-position:-138px 0;}

/* 个性定制 */
.custom{background: #FFFFFF;min-width: 1300px;}
.custom-list>div{width: 33%;text-align: center;padding: 0 65px;padding-bottom: 57px;}
.custom-list .ico{width: 54px;height: 54px;background: url(../img/customIco.png) no-repeat;display: inline-block;margin-top: 54px;}
.custom-list>div:nth-child(2){border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;;}
.custom-list>div:nth-child(2) .ico{background-position:-54px 0;}
.custom-list>div:nth-child(3) .ico{background-position:-108px 0;}
.custom-list-last{border-top: 1px solid #f0f0f0;}
.custom-list-last>div:nth-child(1) .ico{background-position:-162px 0;}
.custom-list-last>div:nth-child(2) .ico{background-position:-216px 0;}
.custom-list-last>div:nth-child(3) .ico{background-position:-270px 0;}
.custom-list h4{font-size: 18px;color: #000000;margin: 12px 0;}
.custom-list p{line-height:24px;font-size: 14px;color: #333333;}


/* 客户案例 */
.case{background:rgba(247,247,247,1);min-width: 1300px;}
#tab{width: 100%;height: auto;}
.list{border-radius: 50px;}
.list>li:nth-child(1){border-top-left-radius:50px;border-bottom-left-radius: 50px;}
.list>li:nth-last-child(1){border-top-right-radius:50px;border-bottom-right-radius: 50px;}
.list_nav{float: left;width: 16.65%;height: 80px;text-align: center;line-height: 80px;background: #FFFFFF;font-size: 18px;color: #333333;cursor: pointer;}
.actives{background-color: #3296FA;color: #FFFFFF;}
.tab_nav{display: none;width: 100%;padding: 40px 0;}
.tab_nav>div.text{width: 468px;padding-left: 20px;}
.tab_nav>div.text h4{font-size: 32px;color: #191F25;margin-top: 10px; padding-bottom: 20px;margin-bottom: 20px;}
.tab_nav>div.text h4::after{content: "";position: absolute; left:0;bottom: 0; width:60px;height:6px;background:rgba(50,150,250,1);}
.tab_nav>div.text p{line-height:26px;font-size:16px;}
.on{display: block;transition: 0.5s;}

/* 合作伙伴 */
.cooperate{background: #FFFFFF;min-width: 1300px;}
.cooperate-list{text-align: center;}

/* 联系我们 */
.more{background: #3296FA;min-width: 1300px;}
.more h3{color: #FFFFFF;}
.more-list{margin: 0 auto;width: 260px;}
.more-list div{background: url(../img/telico2.png) no-repeat;}
.more-list p{color: #FFFFFF;font-size: 30px;margin-top: 3px;}

/* 版权信息 */
footer{height:120px;background:rgba(51,51,51,1);padding-top: 30px;min-width: 1300px;}
footer p{font-size: 12px;color: #FFFFFF;text-align: center;margin-top:20px;}
footer p:nth-child(2){color:rgba(255,255,255,0.6);}
footer p a{color:rgba(255,255,255,0.6);}
footer p a:hover{opacity: 0.8;color:rgba(255,255,255,1);}

/* 动画预设 */
.animated.delay-1s{-webkit-animation-delay:.3s;animation-delay:.3s}
.animated.delay-2s{-webkit-animation-delay:.6s;animation-delay:.6s}
.animated.delay-3s{-webkit-animation-delay:.9s;animation-delay:.9s}
.animated.delay-4s{-webkit-animation-delay:1.2s;animation-delay:1.2s}
.animated.delay-5s{-webkit-animation-delay:1.5s;animation-delay:1.5s}
.animated.delay-6s{-webkit-animation-delay:1.8s;animation-delay:1.8s}
.animated.delay-7s{-webkit-animation-delay:2.1s;animation-delay:2.1s}