.layout{max-width:1260px; margin:0 auto;}
img{max-width:100%;}
.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix{zoom:1;}
.clearfix:after{content:" ";clear:both;height:0;visibility:hidden;display:block;}

/*header*/
#warpper{width:100%; position:relative; overflow-x:hidden;}
.header{width:100%; height:90px; background-color:#fff; position:fixed; _position:absolute; left:0; top:0; z-index:100;}
.header.header-hover{-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px rgba(0,0,0,0.2);}
.header .clearfix{max-width:1550px; margin:0 auto; padding:0 10px;}
.logo{float:left; margin-top:15px;}
.logo a{display:block; width:200px; height:62px; font-size:0; background-image:url(../images/logo.png); background-size:contain; background-repeat:no-repeat;}
.nav{float:left; margin-left:12%;}
.nav ul li{float:left; height:90px; line-height:90px; text-align:center; margin:0 25px;}
.nav ul li a{font-size:16px; color:#333;}
.nav ul li a:hover{color:#2f318b;}
.nav ul li.on a{color:#2f318b;}
.nav ul li .nav-body{width:100%; position:absolute; left:0; top:90px; z-index:10; background-color:#2f318b; background-image:url(../images/nav-body.png); background-size:auto 100%; background-position:center center; background-repeat:no-repeat; display:none;}
.nav ul li .nav-body .n-tw{max-width:960px; margin:0 auto; padding:30px 0;}
.nav ul li .nav-body .item{width:33.333%; float:left; line-height:40px;}
.nav ul li .nav-body .item a{font-size:16px; color:#fff;}
.nav ul li .nav-body .item a:hover{text-decoration:underline;}
.nav ul li .nav-body .n-close{width:20px; height:19px; display:block; font-size:0; position:absolute; right:13%; top:30px; cursor:pointer; background-image:url(../images/n-close.png); background-size:contain; background-repeat:no-repeat;}
.hden{float:right; margin-top:30px; margin-right:10px; line-height:30px; color:#333; padding-top:2px;}
.hden a{color:#333;}
.hden a:hover,.hden a.on{color:#da1c23;}
.searchbox{width:150px; height:28px; background-color:#fff; float:right; border-radius:5px; border:1px solid #e2e2e2; overflow:hidden; margin-top:30px;}
.searchbox .stext{width:117px; height:28px; line-height:28px; border:none; float:left; padding-left:3px; color:#333;}
.searchbox .sbtn{width:30px; height:28px; border:none; float:right; background:url(../images/searchbtn.png) no-repeat; cursor:pointer;}
.m-searchbtn{width:30px; height:30px; float:right; cursor:pointer; margin-top:28px; background-image:url(../images/m-searchbtn.png); background-size:contain; background-repeat:no-repeat; display:none;}
.search-tm{width:100%; position:absolute; left:0; top:90px; background-color:#2f318b; z-index:10; display:none;}
.search-tm .search-con{max-width:80%; height:55px; padding:0 15px; position:relative; background-color:#fff; margin:70px auto 0 auto;}
.search-tm .search-con .searchtext{width:100%; height:55px; line-height:55px; background-color:#fff; border:none; font-size:14px; color:#333;}
.search-tm .search-con .searchbtn{width:55px; height:55px; border:none; position:absolute; right:0; top:0; z-index:10; background-image:url(../images/m-searchbtn.png); cursor:pointer; background-position:center center; background-repeat:no-repeat;}
.search-tm .s-close{width:29px; height:29px; display:block; font-size:0; margin:20px auto; cursor:pointer; background-image:url(../images/s-close.png); background-size:contain; background-repeat:no-repeat;}
.btn_m_list{position:absolute; top:50%; left:50%; margin-top:-17px; height:30px; width:30px; cursor:pointer; display:none;}
.btn_m_list span{position:absolute; left:0; top:0; display:block; width:100%; height:1px; background:#333; transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: .25s ease-in-out; -o-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out;}
.btn_m_list span:first-child{top:10px;}
.btn_m_list span:nth-child(2){top:18px;}
.btn_m_list span:nth-child(3){top:18px;}
.btn_m_list span:nth-child(4){top:26px;}
.btn_m_list.on span:first-child,.btn_m_list.on span:nth-child(4){display:none;}
.btn_m_list.on span:nth-child(2){transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.btn_m_list.on span:nth-child(3){transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.mask{position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=70); background-color:rgba(0, 0, 0, 0.7); display:none; z-index:100;}
.mob_nav{width:70%; height:100%; position:fixed; _position:absolute; top:0; right:-70%; overflow-y:auto; overflow-x:hidden; background-color:#25211E; z-index:200; visibility:hidden; opacity:0; -webkit-transition: all .4s ease; transition: all .4s ease;}
.mob_nav.on{right:0px; visibility:visible; opacity:1;}
.mob_nav .msearchbox{width:100%; height:35px; position:relative; background-color:#fff;}
.mob_nav .msearchbox .mtext{width:100%; height:35px; border:none; background:none; font-size:14px; color:#333; text-indent:10px;}
.mob_nav .msearchbox .mbtn{width:40px; height:35px; border:none; position:absolute; right:0px; top:0px; z-index:5; cursor:pointer; background:url(../images/searchbtn.png) no-repeat;}
.mob_nav .subtab li{border-bottom:1px solid #343434; position:relative;}
.mob_nav .subtab li .tlink{display:block; padding:10px; font-size:14px; color:#fff; background-position:98% center; background-repeat:no-repeat;}
.mob_nav .subtab li.on .tlink{background-color:#2f318b;}
.mob_nav .subtab li .subbtn{background-image:url(../images/moli.png);}
.mob_nav .subtab li.on .subbtn{background-image:url(../images/moli_h.png); background-position:98% center; background-repeat:no-repeat;}
.mob_nav .subtab li .submenu{width:100%; overflow:hidden; display:none;}
.mob_nav .subtab li .submenu a{display:block; font-size:18px; color:#fff; padding:10px; border-top:1px solid #343434; background-color:#000;}

/*banner*/
.bannerwarp{width:100%; height:100%; position:relative;}
.bannerwarp.on{transform: translateX(0) translateY(144);}
.banner{overflow: hidden; clear:both; width: 100%; max-height:600px; position: relative; z-index: 1;}
.banner .bx-wrapper .bx-controls-direction a{visibility:hidden; opacity:0;}
.banner:hover .bx-wrapper .bx-controls-direction a{visibility:visible; opacity:1;}
.bx-wrapper{position:relative; margin:auto; padding:0; *zoom: 1;}
.bx-wrapper ul li{width:100%;}
.bx-wrapper ul li img{display:block; width:1920px;}
.bx-wrapper .bx-pager{position:absolute; left:0px; bottom:15px; z-index:10; width:100%; text-align:center;}
.bx-wrapper .bx-pager-item{margin:0px 5px; display:inline-block; *display:inline; zoom:1; }
.bx-wrapper .bx-pager-item a{display:block; width:5px; height:5px; font-size:0; text-indent:-9999px; background-color:#666;}
.bx-wrapper .bx-pager-item a.active{background-color:#2f318b;}
.bx-wrapper .bx-controls-direction a{position:absolute; top:50%; margin-top:-28.5px; z-index:10;}
.bx-wrapper .bx-prev{left:80px;}
.bx-wrapper .bx-next{right:80px;}
.bx-wrapper .dnext,.bx-wrapper .dprev{display:block; width:50px; height:50px; background:url(../images/arrowbtn1.png) no-repeat;}
.bx-wrapper .dnext{background-position:-50px 0px;}
.bx-wrapper .dprev{background-position:0px 0px;}
.bx-wrapper .bx-controls-direction a .dnext::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #2f318b;
	background-image:url(../images/arrowbtn3.png);
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.bx-wrapper .bx-controls-direction a .dnext:hover::after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.bx-wrapper .bx-controls-direction a .dprev::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #2f318b;
	background-image:url(../images/arrowbtn2.png);
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.bx-wrapper .bx-controls-direction a .dprev:hover::after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

/*index*/
.Contain{width:100%; position:relative; padding-top:90px;}
.section01{width:100%; background-color:#fff; padding-top:70px;}
.index-h1{max-width:550px; margin:0 auto; position:relative; text-align:center;}
.index-h1 .line{width:100%; height:1px; display:block; background-color:#ddd; position:absolute; left:0; top:50%; z-index:0;}
.index-h1 span{background-color:#fff; position:relative; z-index:10; font-size:24px; color:#333; padding:0 35px;}
.index-h1 span:before{content:" "; display:block; width:3px; height:16px; background-color:#2f318b; position:absolute; left:10px; top:6px;}
.index-h1 span:after{content:" "; display:block; width:3px; height:16px; background-color:#2f318b; position:absolute; right:10px; top:6px;}
.index-h2{font-size:14px; color:#666; text-align:center;}
.indexpro{padding-top:70px;}
.indexpro ul li{width:33.333%; float:left;}
.indexpro ul li .item,.indexpro ul li .item-more{width:100%; overflow:hidden; position:relative;}
.indexpro ul li .item img,.indexpro ul li .item-more img{width:100%; display:block;}
.indexpro ul li .item .title{width:96%; height:60px; line-height:60px; padding:0 2%; position:absolute; left:0; bottom:0; z-index:5; text-align:center; font-size:20px; color:#fff; background-color:#2f318b; filter:alpha(opacity=70); background-color:rgba(47, 49, 139, 0.7); display:none;}
.indexpro ul li .item .rmask{position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=60); background-color:rgba(0, 0, 0, 0.6); z-index:10; -webkit-transition: all .4s ease; transition: all .4s ease;}
.indexpro ul li .item .pro-tl{width:60%; height:155px; line-height:155px; border:1px solid #fff; margin:0 auto; margin-top:15%; text-align:center;}
.indexpro ul li .item .pro-tl span{font-size:24px; color:#fff;}
.indexpro ul li .item .pro-tl span:before{content:" "; display:inline-block; width:26px; height:9px; vertical-align:middle; margin-right:5px; background-image:url(../images/indexpro-co1.png); background-repeat:no-repeat;}
.indexpro ul li .item .pro-tl span:after{content:" "; display:inline-block; width:26px; height:9px; vertical-align:middle; margin-left:5px; background-image:url(../images/indexpro-co1.png); background-repeat:no-repeat;}
.indexpro ul li .item:hover .rmask{visibility:hidden; opacity:0;}
.indexpro ul li .item:hover .title{display:block;}
.indexpro ul li .item-more .more{padding-top:25%; padding-left:10%; position:absolute; left:0; top:0; max-width:190px;}
.indexpro ul li .item-more .more h2{font-size:24px; color:#fff;}
.indexpro ul li .item-more .more p{font-size:14px; color:#fff;}
.indexpro ul li:hover .item-more .more h2{text-decoration:underline;}
.indexpro ul li:hover .item-more .more p{text-decoration:underline;}
.section02{width:100%; background-color:#fff; padding-top:70px; background-image:url(../images/section02bg.jpg); background-position:center bottom; background-repeat:no-repeat;}
.section02 .sect2img{text-align:center;}
.section02 .secth2{text-align:center; font-size:24px; color:#666; padding:20px 0;}
.section02 .secth2 i{color:#2f318b;}
.section02 .secth3{text-align:center; font-size:16px; color:#666; padding-bottom:40px;}
.index-news{padding:50px 0;}
.index-news .tw{width:50%; float:left;}
.index-news .in-newslist{padding-right:30px;}
.index-news .in-newslist li{background-color:#f9f9f9; position:relative; padding-left:104px; margin-top:20px;}
.index-news .in-newslist li .s-num{width:103px; height:100px; position:absolute; left:0; top:0; border-right:1px solid #868686;}
.index-news .in-newslist li .s-num .s1{display:block; font-size:18px; color:#ffbc66; padding:0 20px; text-align:left; padding-top:25px;}
.index-news .in-newslist li .s-num .s2{display:block; width:34px; height:48px; background-image:url(../images/innws2.png); background-repeat:no-repeat; background-size:contain; position:absolute; left:29%; top:29%;}
.index-news .in-newslist li .s-num .s3{display:block; font-size:14px; color:#666; padding:0 20px; text-align:right;}
.index-news .in-newslist li .s-tm{padding:15px 20px;}
.index-news .in-newslist li .s-tm h2{font-size:16px; color:#333; margin-bottom:4px;}
.index-news .in-newslist li .s-tm h2:hover{color:#2f318b;}
.index-news .in-newslist li .s-tm h3{font-size:14px; color:#666; height:42px; overflow:hidden;}
.index-news .nwimg{float:left; margin-top:20px; max-width:375px; overflow:hidden; position:relative;}
.index-news .nwimg img{width:100%; display:block;}
.index-news .nwimg .ntext{position:absolute; left:0; top:0; padding:30% 10%; color:#fff;}
.index-news .nwimg .ntext span{display:block; font-size:14px;}
.index-news .nwimg .ntext h2{font-size:18px;}
.index-news .nwimg .ntext h3{font-size:14px;}
.index-news .fr-w{width:235px; float:right;}
.index-news .fr-w .suk{display:block; width:100%; height:160px; line-height:160px; background-color:#ffbc66; margin-top:20px; text-align:center; font-size:30px; color:#fff;}
.index-news .fr-w .videotm{width:100%; height:160px; background-color:#6b6b6b; margin-top:20px;}
.section03{width:100%; height:380px; background-image:url(../images/section03bg.jpg); background-position:center center; background-repeat:no-repeat;}
.section03 ul{max-width:1550px; margin:0 auto;}
.section03 ul li{width:33.333%; float:left; text-align:center; font-size:16px; color:#fff; margin-top:10%;}
.section03 ul li span{display:block; font-size:60px; color:#fff; font-weight:bold; line-height:1;}
.section04{width:100%; background-color:#fff; padding:70px 0;}
.index-about ul li{width:33.333%; float:left; margin-top:50px;}
.index-about ul li .item{max-width:97%; margin:0 auto;}
.index-about ul li .pic{width:100%; overflow:hidden;}
.index-about ul li .pic img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.index-about ul li .pic:hover img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.index-about ul li .title{background-color:#eee; padding:30px; position:relative;}
.index-about ul li.on .title{background-color:rgba(255,204,0,1)}
.index-about ul li .h2{position:relative; padding-left:85px;}
.index-about ul li .h2 .t1{display:block; line-height:1; font-size:20px; color:#d6bb33; position:absolute; left:0; top:3px; padding-right:10px; border-right:1px solid #ddd; width:45px;}
.index-about ul li .h2 .t2{font-size:14px; color:#666; height:37px; overflow:hidden; display:block;}
.index-about ul li .h3{overflow:hidden; position:relative; padding-left:125px;}
.index-about ul li .h3 .t1{display:block; line-height:1; font-size:20px; color:#fff; border-right:1px solid #fff; position:absolute; left:0; top:12px; padding-right:20px;}
.index-about ul li .h3 .t2{font-size:14px; color:#fff; height:37px; line-height:37px; display:block;}

/*about*/
.nybanner{width:100%; height:350px; background-image:url(../images/banner2.jpg); background-position:center top; background-repeat:no-repeat; background-size:auto 100%;}
.nybanner img{width:100%; display:block;}
.menu-box{width:100%; height:60px; position:absolute; left:0; bottom:0; z-index:5;}
.menu-box .m-list{max-width:1260px; margin:0 auto; background-color:#000; filter:alpha(opacity=80); background-color:rgba(255, 255, 255, 0.8);}
.menu-box .m-list .tn{display:block; float:left; font-size:24px; color:#333; margin-left:20px; line-height:60px;}
.menu-box .m-list .ul,.menu-box .m-list .proul{float:right;}
.menu-box .m-list .ul li,.menu-box .m-list .proul .li{float:left; margin-right:20px;}
.menu-box .m-list .ul li{line-height:60px;}
.menu-box .m-list .ul li a{font-size:16px; color:#666;}
.menu-box .m-list .ul li:hover a,.menu-box .m-list .ul li.on a{color:#2f318b;}
.menu-box .m-list .proul .li{position:relative; padding-right:20px; background-image:url(../images/ver1.png); background-position:right center; background-repeat:no-repeat;}
.menu-box .m-list .proul .li>a{font-size:16px; color:#666; font-weight:bold; line-height:60px;}
.menu-box .m-list .proul .li:hover{background-image:url(../images/ver2.png);}
.menu-box .m-list .proul .li:hover>a{color:#2f318b;}
.menu-box .m-list .proul .li:hover .pro-nul{display:block;}
.menu-box .m-list .proul .li .pro-nul{position:absolute; left:50%; top:60px; margin-left:-72.5px; background-color:#2f318b; width:145px; border-radius:5px; padding:20px 0; display:none;}
.menu-box .m-list .proul .li .pro-nul .n-li{padding:10px 20px; position:relative;}
.menu-box .m-list .proul .li .pro-nul .n-li>a{font-size:16px; color:#fff; background-position:right center; background-repeat:no-repeat; padding-right:15px;}
.menu-box .m-list .proul .li .pro-nul .n-li:hover>a{background-image:url(../images/ver3.png); text-decoration:underline;}
.menu-box .m-list .proul .li .pro-nul .n-li:hover .pro-sul{display:block;}
.menu-box .m-list .pro-sul{position:absolute; left:145px; top:0px; background-color:#2f318b; width:145px; border-radius:5px; padding:10px 0; display:none;}
.menu-box .m-list .pro-sul .s-li{margin:10px 20px;}
.menu-box .m-list .pro-sul .s-li a{font-size:16px; color:#fff;}
.menu-box .m-list .pro-sul .s-li:hover a{text-decoration:underline;}
.navigation .addlink{font-size:14px; color:#666; padding:15px 0;}
.navigation .addlink a{color:#666;}
.navigation .addlink a:hover,.navigation .addlink a.on{color:#2f318b;}
.navigation .addlink .home:before{display:inline-block; content:" "; vertical-align:-1px; margin-right:2px; width:15px; height:13px; background-image:url(../images/home.png); background-position:left top; background-repeat:no-repeat;}
.navigation .addlink em{margin:0 3px; font-family:Simsun;}
.about-box01{width:100%; background-color:#fff; padding:70px 0;}
.about-box01 .tw{width:50%; float:left;}
.about-box01 .tmain{padding-right:35px; padding-top:5%;}
.about-box01 .tmain h2{font-size:48px; color:#2f318b; padding:3% 0;}
.about-box01 .tmain p{font-size:14px; color:#666;}
.about-box01 .pic{width:100%; overflow:hidden;}
.about-box01 .pic img{width:100%; display:block;}
.about-box02{width:100%; background-image:url(../images/about-box02.jpg); background-position:center center; background-repeat:repeat-y;}
.time-step{max-width:1040px; margin:0 auto;}
.time-step .tn{border:3px solid #5c5eb1; text-align:center; border-radius:50%; width:100px; height:100px; margin:0 auto; background-color:#fff;}
.time-step .tn span{font-size:18px; color:#2f318b; display:block; padding-top:30%; padding-bottom:5%; font-weight:bold;}
.time-step .tn i{display:block; width:26px; height:15px; margin:0 auto; background-image:url(../images/stepco1.png); background-size:contain; background-repeat:no-repeat;}
.time-step .stepul{background-image:url(../images/time-step.png); background-position:center top; /*background-repeat:repeat-y;*/ background-repeat:no-repeat; min-height:773px;}
.time-step .stepul li{padding-top:20px; overflow:hidden;}
.time-step .stepul .co{display:block; width:16px; height:16px; border-radius:50%; background-color:#5c5eb1; position:absolute; right:0; top:25%;}
.time-step .stepul li .t1{width:52%; float:left;}
.time-step .stepul li .t2{width:51%; float:right;}
.time-step .stepul li .t3{width:43%; float:left;}
.time-step .stepul li .t4{width:57%; float:right; margin-top:55px;}
.time-step .stepul li .t5{width:32%; float:left; margin-top:40px;}
.time-step .stepul li .t6{width:65%; float:right; margin-top:40px;}
.time-step .stepul li .t7{width:32%; float:left; margin-top:40px;}
.time-step .stepul li .t8{width:60%; float:right; margin-top:35px;}
.time-step .stepul li .bkh1{font-size:18px; color:#666; position:relative; max-width:342px; padding-right:25px; float:right;}
.time-step .stepul li .bkh2{font-size:14px; color:#fff; position:relative; max-width:342px; padding-right:25px; float:right; max-width:440px; padding:10px; background-color:#5c5eb1; border-radius:5px;}
.time-step .stepul li .bkh2 span{font-size:16px;}
.time-step .stepul li .bkh3{font-size:18px; color:#2f318b;}
.time-step .stepul li .bkh3 a{color:#2f318b; text-decoration:underline;}
.time-step .stepul li .t2 .co{right:auto; left:-66px; top:45%;}
.time-step .stepul li .t3 .co{right:-52px; top:38%;}
.time-step .stepul li .t4 .co{right:auto; left:-46px; top:38%;}
.time-step .stepul li .t4 .bkh2{float:left;}
.time-step .stepul li .t5 .co{right:-36px; top:38%;}
.time-step .stepul li .t6 .co{right:auto; left:-33px; top:38%;}
.time-step .stepul li .t6 .bkh2{float:left;}
.time-step .stepul li .t7 .co{right:-26px; top:38%;}
.about-box03{width:100%; background-color:#fff; padding-bottom:120px;}
.about-box03 .about3text{width:100%; background-color:#f0f0f0; margin-top:50px;}
.about-box03 .about3text .tw{width:50%; float:left;}
.about-box03 .about3text .pic{width:100%; overflow:hidden; position:relative;}
.about-box03 .about3text .pic img{width:100%; display:block;}
.about-box03 .about3text .pic:after{content:" "; display:block; width:38px; height:69px; background-image:url(../images/about3text.png); background-repeat:no-repeat; background-size:contain; position:absolute; right:0; top:45%;}
.about-box03 .about3text .tmain{margin:17% 10% 0 10%; font-size:14px; color:#666; text-align:justify; max-height:200px; overflow-y:auto;}
.about-box03 .dl{padding-top:50px;}
.about-box03 .dl dt{font-size:18px; color:#2f318b;}
.about-box03 .dl dd{font-size:14px; color:#666;}
.about-box03 .dl dd a{color:#2f318b;}

/*product*/
.prolist ul li{width:25%; float:left; margin-top:45px;}
.prolist ul li .item{width:92%; margin:0 auto;}
.prolist ul li .pic{width:100%; overflow:hidden;}
.prolist ul li .pic img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.prolist ul li .pic:hover img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.prolist ul li .title{background-color:#f8f8f8; padding:15px 10px;}
.prolist ul li .h2{font-size:14px; color:#666; height:42px; overflow:hidden; margin-bottom:5px;}
.prolist ul li .h3{font-size:14px; color:#333; height:25px; line-height:25px;}
.prolist ul li .item:hover .h2{color:#2f318b; font-weight:bold;}
.page{max-width:600px; margin:80px auto; background-color:#f5f5f5; padding:15px 40px; text-align:center;}
.page a{border:1px solid #ddd; display:inline-block; padding:2px 8px;}
.page a:hover{border-color:#2f318b; color:#2f318b;}
.page .pagetext{width:30px; text-align:center;}
.page .pagesn{margin-left:30px;}
.page .pagebtn{cursor:pointer;}

.pro-details{padding-bottom:100px; padding-top:50px;}
.pro-details .tw1{float:left; width:390px; border-right:1px solid #ddd;}
.pro-details .tw2{float:right; width:800px; min-height:650px;}
.pro-details .tw3{float:left; width:390px; border-right:1px solid #ddd;}
.pro-details .pa-tw{padding:0px 35px 0px 10px;}
.pro-details .pro-tbul li{float:left; margin-right:10px;}
.pro-details .pro-tbul li a{display:block; padding:5px 15px; font-size:14px; color:#666; border:1px solid #fff;}
.pro-details .pro-tbul li .pic:before{content:" "; display:inline-block; vertical-align:-3px; margin-right:5px; width:22px; height:18px; background-image:url(../images/pro1.png); background-repeat:no-repeat; background-size:contain;}
.pro-details .pro-tbul li .vid:before{content:" "; display:inline-block; vertical-align:-3px; margin-right:5px; width:22px; height:18px; background-image:url(../images/pro3.png); background-repeat:no-repeat; background-size:contain;}
.pro-details .pro-tbul li.on a{border-color:#f4f4f4; background-color:#fafafa; color:#2f318b;}
.pro-details .pro-tbul li.on .pic:before{background-image:url(../images/pro2.png);}
.pro-details .pro-tbul li.on .vid:before{background-image:url(../images/pro4.png);}
.pro-details .pro-neirong{margin-top:15px; height:325px; position:relative;}
.pro-details .pro-neirong .pro-m{width:100%; height:325px; position:absolute; left:0; top:0; visibility:hidden; opacity:01; z-index:0;}
.pro-details .pro-neirong .pro-m.on{visibility:visible; opacity:1; z-index:10;}
.pro-details .pro-neirong .provideo{width:100%; height:325px; background-color:#6b6b6b;}
.pro-details .pro-neirong .bx-wrapper .bx-controls-direction a{width:35px; height:35px; border-radius:0; right:auto; margin-top:0; top:auto; bottom:0;}
.pro-details .pro-neirong .bx-wrapper .bx-prev{left:0;}
.pro-details .pro-neirong .bx-wrapper .bx-next{left:40px;}
.pro-details .pro-neirong .bx-wrapper .dnext,.pro-details .pro-neirong .bx-wrapper .dprev{width:35px; height:35px; border-radius:0; background-image:url(../images/pro5.png); background-position:0 0; background-repeat:no-repeat;}
.pro-details .pro-neirong .bx-wrapper .dprev{background-position:0 0;}
.pro-details .pro-neirong .bx-wrapper .dprev:hover{background-position:0 -35px;}
.pro-details .pro-neirong .bx-wrapper .dnext{background-position:-35px 0;}
.pro-details .pro-neirong .bx-wrapper .dnext:hover{background-position:-35px -35px;}
.pro-details .pro-neirong .bx-wrapper .bx-controls-direction a .dprev::after,.pro-details .pro-neirong .bx-wrapper .bx-controls-direction a .dnext::after{display:none;}
.pro-details .pro-neirong .bx-wrapper .bx-pager{position:static; left:auto; bottom:auto; height:35px; margin:22px 0;}
.pro-share{padding:20px 0;}
.pro-share .sn{font-size:14px; color:#666; float:left; line-height:36px;}
.pro-share .bdsharebuttonbox{float:left; width:186px;}
.pro-info{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-right:20px;}
.pro-info li{width:45%; float:left; font-size:14px; color:#666; margin:10px 0; position:relative; padding-left:5%; text-align:justify;}
.pro-info li img{width:15px; height:19px; vertical-align:middle; margin-right:3px; position:absolute; left:0; top:0px;}
.pro-more{margin-right:35px;}
.pro-more .pro-m-h2{position:relative; text-align:center; margin-top:20px;}
.pro-more .pro-m-h2 i{display:block; width:100%; height:1px; background-color:#2f318b; position:absolute; left:0; top:45%; z-index:0;}
.pro-more .pro-m-h2 span{background-color:#fff; padding:0 10px; font-size:20px; color:#2f318b; display:inline-block; position:relative; z-index:5;}
.pro-more .pro-m-ul{overflow:hidden; margin-bottom:30px;}
.pro-more .pro-m-ul li{width:48%; float:left; position:relative; margin-top:15px;}
.pro-more .pro-m-ul li:nth-child(2n){float:right;}
.pro-more .pro-m-ul li img{width:100%; display:block;}
.pro-more .pro-m-ul li .text{width:90%; height:100%; padding:0 5%; position:absolute; left:0; top:0; z-index:5; color:#fff; display:none; background-color:#2f318b; filter: alpha(opacity=70); background-color: rgba(47, 49, 139, 0.7);}
.pro-more .pro-m-ul li .text h2{font-weight:bold; margin-bottom:10px; margin-top:15px;}
.pro-more .pro-m-ul li .text span{display:block;}
.pro-more .pro-m-ul li:hover .text{display:block;}
.pro-tmain{min-height:270px; max-width:450px;}
.pro-tmain .h1{border-bottom:1px solid #ddd; font-size:20px; color:#2f318b; padding-bottom:10px;}
.pro-tmain .h2{margin-top:10px; font-size:14px; color:#666;}
.pro-tab{border-bottom:1px solid #2f318b;}
.pro-tab ul li{float:left;}
.pro-tab ul li a{display:block; height:49px; line-height:49px; font-size:18px; color:#333; padding:0 20px;}
.pro-tab ul li a:before{content:" "; display:inline-block; vertical-align:-8px; margin-right:10px; width:27px; height:30px; background-image:url(../images/pro10.png); background-repeat:no-repeat; background-size:contain;}
.pro-tab ul li a.t1:before{background-image:url(../images/pro10.png);}
.pro-tab ul li a.t2:before{background-image:url(../images/pro12.png);}
.pro-tab ul li.on a{background-color:#2f318b; color:#fff;}
.pro-tab ul li.on a.t1:before{background-image:url(../images/pro11.png);}
.pro-tab ul li.on a.t2:before{background-image:url(../images/pro13.png);}
.pro-cont{display:none;}
.pdl{margin-top:40px; overflow:hidden;}
.pdl dt{width:100%; float:left; font-size:16px; color:#333;}
.pdl dd{width:33.333%; float:left; font-size:14px; color:#666;}
.pro-n{font-size:16px; color:#333; padding:30px 0;}
.proform li{margin-top:20px;}
.proform li .tn{display:block; font-size:14px; color:#333;}
.proform li .item-text{border:1px solid #ddd; padding:10px 50px 10px 10px; position:relative;}
.proform li .item-text .in-co{display:block; width:40px; height:23px; padding-top:2px; text-align:center; position:absolute; right:0; top:5px;}
.proform li .item-text .in-text,.proform li .item-text .in-teat{width:100%; height:28px; border:none; background:none; font-size:14px; color:#333;}
.proform li .item-sel{width:100%; height:50px; border:1px solid #ddd; text-indent:5px; font-size:14px; color:#333;}
.proform li .item-text .in-teat{height:190px;}
.proform li .item-text .upbtn{width:160px; height:38px; border:1px dashed #ddd; position:absolute; left:5px; bottom:10px; z-index:5;}
.proform li .item-text .upbtn input{width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; cursor:pointer; opacity:0; filter:alpha(opacity=0);}
.proform li .item-text .upbtn span{display:block; line-height:38px; font-size:14px; color:#666; text-align:center; cursor:pointer;}
.proform li .prosub{width:126px; height:45px; background-color:#2f318b; font-size:18px; color:#fff; cursor:pointer; border:none;}

/*news*/
#nw-wrapper{margin:10px auto 45px; max-width:1514px; display:inline-block;}
#container{position:relative; width:1260px; margin:0px auto 25px; padding-bottom: 10px;}
.grid{width:380px; min-height:100px; background-color:#fff; float:left; box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); -webkit-transition: top 1s ease, left 1s ease; -moz-transition: top 1s ease, left 1s ease; -o-transition: top 1s ease, left 1s ease; -ms-transition: top 1s ease, left 1s ease;}  
.grid:hover{background-color:#eee;}
.grid .tm{padding:25px; text-align:left;}
.grid .h2 a{font-size:16px; color:#2f318b;}
.grid .h3{padding-top:15px; padding-bottom:30px;}
.grid .time{color:#999; background-image:url(../images/nw-time.png); background-position:left center; background-repeat:no-repeat; padding-left:20px; margin-right:20px;}
.grid .vise{color:#999; background-image:url(../images/nw-vise.png); background-position:left center; background-repeat:no-repeat; padding-left:25px;}
.grid .pic{display:block; overflow:hidden;}
.grid .pic img{width:100%; display:block;}
.grid .h4{font-size:14px; color:#666; line-height:25px; margin-bottom:20px;}
.grid .more{display:inline-block; height:25px; line-height:25px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:0 10px;}
.news-warp{padding-bottom:30px; padding-top:20px;}
.morebtn{text-align:center;}
.morebtn a{font-size:14px; color:#333;}
.morebtn a:hover{color:#2f318b;}
.nwtext h1{font-size:24px; color:#333; text-align:center;}
.nwtext .nwinfo{padding:25px 0px; border-bottom:1px solid #e7e7e7;}
.nwtext .nwinfo .clearfix{max-width:600px; margin:0 auto;}
.nwtext .nwinfo span{display:block; float:left; color:#8a8a8a; line-height:36px; margin:0px 10px;}
.nwtext .nwinfo .bdsharebuttonbox{float:right; width:186px;}
.nwmore{overflow:hidden;zoom:1; border-top:1px solid #e7e7e7; padding-top:20px;}
.nwmore .ul{float:left;}
.nwmore .ul li{font-size:14px; color:#333; margin-bottom:5px;}
.nwmore .ul li a{color:#333;}
.nwmore .ul li a:hover{color:#2f318b; text-decoration:underline;}
.nwmore .return{float:right; display:block; width:100px; height:40px; line-height:40px; background-color:#2f318b; font-size:14px; color:#fff; text-align:center; transition: all 0.5s;}
.nwmore .return i{background-image:url(../images/returnbg.png); background-position:left center; background-repeat:no-repeat; padding-left:20px;}
.nwmore .return:hover{background-color:#2f318b;}

/*problem*/
.problemlist li{width:31.333%; min-height:260px; float:left; background-color:#f6f6f6; margin-right:3%;}
.problemlist li h2{font-size:24px; color:#2f318b; margin:30px 30px 20px 30px;}
.problemlist li p{font-size:14px; color:#666; margin:0px 30px 0px 30px; line-height:28px;}
.problemlist li:nth-child(3n){margin-right:0;}
.problebom{background-color:#f6f6f6; padding:30px; margin-top:40px;}
.problebom h2{font-size:24px; color:#2f318b; margin-bottom:20px;}
.problebom p{font-size:14px; color:#666; line-height:28px; }

/*contact*/
.cont-bar .tw{width:48%;}
.cont-bar .map{width:100%; overflow:hidden;}
.cont-bar .map img{width:100%; display:block;}
.cont-bar .ifdl{padding-top:60px;}
.cont-bar .ifdl dt{font-size:24px; color:#2f318b; margin-bottom:30px;}
.cont-bar .ifdl dd{font-size:14px; color:#666; margin-top:5px;}
.cont-bar .ch2{font-size:16px; color:#666;}
.contform li{margin-top:20px;}
.contform li .item{position:relative; padding-left:75px;}
.contform li .item .sn{position:absolute; left:0; top:0; width:70px; display:block; font-size:14px; color:#666; line-height:30px;}
.contform li .item .context{width:96%; height:28px; line-height:28px; border:1px solid #ddd; padding:0 2%; color:#333; font-size:12px;}
.contform li .tn{display:block; font-size:14px; color:#666; line-height:30px;}
.contform li .item-text{padding:20px 20px; border:1px solid #ddd; position:relative;}
.contform li .item-text .in-teat{width:100%; height:160px; border:none; background:none; font-size:14px; color:#333;}
.contform li .item-text .upbtn{width:160px; height:38px; border:1px dashed #ddd; position:absolute; left:20px; bottom:20px; z-index:5;}
.contform li .item-text .upbtn input{width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; cursor:pointer; opacity:0; filter:alpha(opacity=0);}
.contform li .item-text .upbtn span{display:block; line-height:38px; font-size:14px; color:#666; text-align:center; cursor:pointer;}
.contform li .consub{text-align:center;}
.contform li .consub input{width:120px; height:35px; background-color:#2f318b; font-size:14px; color:#fff; border-radius:5px; border:none; cursor:pointer;}
.tablemap table{width:100%;}
.tablemap table td{border:1px solid #ddd; padding:30px 10px;}
.tablemap table .td1{font-size:16px; color:#333; text-align:center; width:20%;}
.tablemap table ul li{padding:5px 0;}
.tablemap table ul li a{font-size:16px; color:#666;}
.tablemap table ul li a:hover{color:#2f318b; text-decoration:underline;}
.tablemap table .dl{line-height:30px;}
.tablemap table .dl dt{float:left; font-size:16px; color:#333; font-weight:bold;}
.tablemap table .dl dd{float:left;}
.tablemap table .dl dd a{font-size:16px; color:#666;}
.tablemap table .dl dd a:hover{color:#2f318b; text-decoration:underline;}

/*kefubox*/
.kefubox{width:115px; min-height:160px; background-color:#eee; position:fixed; _position:absolute; right:-115px; top:50%; z-index:100;}
.kefubox .h2{position:absolute; left:-50px; top:0; background-color:#2f318b; width:50px; height:100%; text-align:center; color:#fff; cursor:pointer;}
.kefubox .h2 .co{display:block; width:24px; height:22px; margin:25px auto; background-image:url(../images/kefuc1.png); background-repeat:no-repeat;}
.kefubox .kful{padding:20px 10px;}
.kefubox .kful li{text-align:center; padding:6px 0;}
.kefubox .kful li a{display:block; color:#666;}
.kefubox .kful li a:before{content:" "; display:inline-block; vertical-align:-3px; margin-right:5px; width:16px; height:16px; background-image:url(../images/kefuc2.png); background-repeat:no-repeat; background-size:contain;}
.kefubox .kful li.on a:before{background-image:url(../images/kefuc3.png);}

/*backtop*/
.backtop{width:50px; height:50px; position:absolute; left:-50px; bottom:-52px; z-index:100; display:none;}
.backtop a{display:block; width:50px; height:50px; overflow:hidden; font-size:0; background-color:#2f318b; background-image:url(../images/backtop.png); background-repeat:no-repeat;}

/*footer*/
.footer{width:100%; background-color:#2f318b; border-top:3px solid #d6bb33;}
.footer .foottou{padding-top:35px;}
.footer .foottou .footul,.footer .foottou .footinfo{width:50%; float:left;}
.footer .foottou .footul li{width:20%; float:left;}
.footer .foottou .footul li h2{font-size:14px; color:#fff; padding-bottom:5px;}
.footer .foottou .footul li span{display:block; padding-top:8px; padding-bottom:8px; padding-right:10px;}
.footer .foottou .footul li span a{font-size:12px; color:#fff;}
.footer .foottou .footul li span a:hover{text-decoration:underline;}
.footer .foottou .footinfo{overflow:hidden; background-image:url(../images/footinfo.png); background-position:left top; background-repeat:repeat-y;}
.footer .foottou .footinfo .ftewm{width:97px; float:left; text-align:center; margin-left:10%;}
.footer .foottou .footinfo .ftewm img{width:97px; display:block;}
.footer .foottou .footinfo .ftewm span{display:block; font-size:12px; color:#fff; padding-top:5px;}
.footer .foottou .footinfo .fttext{float:left; margin-left:7%;width:67%;}
.footer .foottou .footinfo .fttext h2{font-size:14px; color:#fff; padding-bottom:5px;}
.footer .foottou .footinfo .fttext p{font-size:12px; color:#ccc; position:relative; margin-top:10px; padding-left:20px;}
.footer .foottou .footinfo .fttext p img{position:absolute; left:0; top:2px; width:16px;}
.footer .footbom{padding:30px 0; overflow:hidden;zoom:1;}
.footer .footbom .copy{float:left; font-size:12px; color:#fff; line-height:26px;}
.footer .footbom .copy a{color:#fff;}
.footer .footbom .share{float:right;}
.footer .footbom .share .sn{display:block; float:left; font-size:14px; color:#fff; line-height:26px;}
.footer .footbom .share a{display:block; width:26px; height:26px; float:left; margin-left:10px; background-image:url(../images/share.png); background-position:0 0; background-repeat:no-repeat; font-size:0;}
.footer .footbom .share a.facebook{background-position:0px 0px;}
.footer .footbom .share a.youtube{background-position:-26px 0px;}
.footer .footbom .share a.google{background-position:-52px 0px;}
.f_dz1{padding-left:20px;color:#ccc;width:60px;vertical-align:top;}
.f_dz2{color:#ccc;}

#fkVideo{width:100%;height:160px;}

/* Table of Contents
==================================================

    #Mobile - 320px	
    #Mobile - 380px	
	#Mobile - 480px	
	#Mobile - 640px	
*/
/*中等屏幕pc*/
@media screen and (min-width:1200px) and (max-width:1519px){
	.layout{ width: 1180px; }
	
	.indexpro ul li .item .pro-tl{height:130px; line-height:130px;}
	.indexpro ul li .item-more .more{padding-top:22%;}
	.index-news .fr-w{width:195px;}
	.index-news .fr-w .suk{font-size:20px;}
	.nav{margin-left:3%;}
	.searchbox{display:none;}
	.m-searchbtn{display:block;}
	.hden{padding-top:0;}
	.pro-details .tw2{width:740px; min-height:710px;}
	
}
/*小屏幕pc*/
@media screen and (min-width:768px) and (max-width:1199px){
	.layout { width: 750px; }
	
	.nav,.nav-ul{display:none;}
	.btn_m_list{display:block;}
	.indexpro ul li .item .rmask,.indexpro ul li .item:hover .rmask{visibility:hidden; opacity:0;}
	.indexpro ul li .item .title,.indexpro ul li .item:hover .title{display:block;}
	.index-news .tw{width:100%;}
	.index-news .in-newslist{padding-right:0;}
	.index-news .fr-w{width:355px;}
	.banner .bx-wrapper .bx-controls-direction a,.banner:hover .bx-wrapper .bx-controls-direction a{visibility:hidden; opacity:0;}
	.section03 ul li{padding-top:5%;}
	.footer .foottou .footinfo .ftewm{margin-left:5%;}
	.footer .foottou .footinfo .fttext{margin-left:5%; margin-top:5%;width:auto;}
	.indexpro ul li{width:50%;}
	
	.menu-box .m-list{max-width:750px;}
	.time-step .stepul li .t1{width:52.8%;}
	.time-step .stepul li .t2{width:42%;}
	.time-step .stepul li .t3{width:40%;}
	.time-step .stepul li .t4{width:61%;}
	.time-step .stepul li .t5{width:23.5%;}
	.time-step .stepul li .t6{width:70.5%;}
	.time-step .stepul li .t7{width:28%;}
	.time-step .stepul li .t8{width:65%; margin-top:-22px;}
	.about-box03 .about3text .tmain{margin-top:9%; max-height:160px;}
	.about-box03 .about3text .pic:after{top:35%;}
	.prolist ul li{width:33.333%;}
	.pro-details .tw1,.pro-details .tw3{width:330px;}
	.pro-details .tw2{width:390px;}
	.problemlist li{min-height:285px;}
	.nw-layout{width:805px;}
	/*#container{width:580px !important;}
	.grid{width:240px !important;}*/
	
}
/*移动端*/
@media screen and (min-width:320px) and (max-width:767px){
	.layout { width: 95%; }
	
	.header{height:60px;}
	.Contain{padding-top:60px;}
	.nav{display:none;}
	.logo{margin-top:10px;}
	.logo a{width:160px; height:40px;}
	.btn_m_list{display:block;}
	.hden{margin-top:15px;}
	.m-searchbtn{width:15px; height:15px; margin-top:24px;}
	.search-tm{top:60px;}
	.index-h1 span{font-size:16px;}
	.index-h1 span:before,.index-h1 span:after{top:0px;}
	.index-h2{font-size:12px;}
	.indexpro ul li{width:100%;}
	.indexpro ul li .item .rmask{display:none;}
	.indexpro ul li .item .title{display:block;}
	.indexpro ul li .item-more .more{padding-top:15%; padding-left:4%;}
	.index-news{padding-top:0;}
	.index-news .tw{width:100%;}
	.index-news .in-newslist{padding-right:0;}
	.index-news .nwimg,.index-news .fr-w{width:100%; max-width:100%;}
	.section03 ul li{padding-top:46%; font-size:12px;}
	.section03 ul li span{font-size:30px;}
	.index-about ul li{margin-top:20px;}
	.index-about ul li,.index-about ul li .item{width:100%; max-width:100%;}
	.footer .foottou .footul{display:none;}
	.footer .foottou .footul,.footer .foottou .footinfo{width:100%;}
	.footer .foottou .footinfo{background-image:none;}
	.footer .foottou .footinfo .ftewm{float:none; margin:0 auto;}
	.footer .foottou .footinfo .fttext{float:none; margin-left:0;width:auto;}
	.footer .footbom{padding-top:5px;}
	.footer .footbom .copy{float:none; width:100%; line-height:inherit; padding-bottom:5px;}
	.footer .footbom .share{float:none; width:165px; margin:0 auto;}
	
	.menu-box .m-list .ul,.menu-box .m-list .proul{display:none;}
	.about-box01{padding:20px 0;}
	.about-box01 .tw{width:100%;}
	.about-box01 .tmain{padding-right:0; padding-top:0; padding-bottom:5%;}
	.about-box01 .tmain h2{font-size:30px;}
	.about-box03{padding-bottom:50px;}
	.time-step .stepul{background-image:none; min-height:inherit;}
	.time-step .stepul li .t1,.time-step .stepul li .t2,.time-step .stepul li .t3,.time-step .stepul li .t4,.time-step .stepul li .t5,.time-step .stepul li .t6,.time-step .stepul li .t7,.time-step .stepul li .t8{width:auto; margin-top:0; float:left;}
	.time-step .stepul li .bkh1{padding-right:0; padding-left:25px;}
	.time-step .stepul li .bkh1 .co{left:0px !important;}
	.time-step .stepul li .bkh2{margin-left:25px;}
	.time-step .stepul .co{left:-25px !important; right:auto !important;}
	.time-step .stepul li .bkh3{text-align:left;}
	.about-box03 .about3text .tw{width:100%;}
	.about-box03 .about3text .tmain{margin:5%;}
	.about-box03 .about3text .pic:after{display:none;}
	.prolist ul li,.prolist ul li .item{width:100%;}
	.pro-details .tw1,.pro-details .tw3{width:100%; border:none;}
	.pro-details .tw2{width:100%; padding-top:20px;}
	.pro-details .pa-tw{padding:0;}
	.pro-info,.pro-more{margin:0;}
	.navigation{display:none;}
	.pro-details{padding-top:20px; padding-bottom:50px;}
	.nwtext .nwinfo span{margin:0; line-height:18px; float:none;}
	.nwtext .nwinfo .bdsharebuttonbox{float:none; margin:0 auto;}
	.nwmore .return{width:100%; margin-top:10px;}
	.problemlist li{width:100%; margin-right:0; margin-top:30px;}
	.cont-bar .tw{width:100%;}
	.cont-bar .map{margin-top:40px;}
	#container{width:100% !important;}
	.grid{width:100% !important; position:static !important; left:auto !important; top:auto !important; margin-bottom:15px;}
	
	.pro-details .pro-neirong{height:375px;}
	.pro-info li{width:auto; float:none;}
}

@media screen and (max-width:1410px){
	.menu-box .m-list .proul .li .pro-nul{left:auto; right:0px; margin-left:0px;}
	.menu-box .m-list .pro-sul{right:145px; left:auto;}
}

/* #Mobile - 1200px */
@media screen and (max-width:1200px){
	.nav{margin-left:3%;}
	.searchbox{display:none;}
	.m-searchbtn{display:block;}
}

/* #Mobile - 640px */
@media screen and (max-width:640px){
	.header{height:60px;}
	.Contain{padding-top:60px;}
	.nav{display:none;}
	.logo{margin-top:10px;}
	.logo a{width:160px; height:40px;}
	.btn_m_list{display:block;}
	.hden{margin-top:15px;}
	.m-searchbtn{width:15px; height:15px; margin-top:24px;}
	.search-tm{top:60px;}
	.index-h1 span{font-size:16px;}
	.index-h1 span:before,.index-h1 span:after{top:0px;}
	.index-h2{font-size:12px;}
	.indexpro ul li{width:100%;}
	.indexpro ul li .item .rmask{display:none;}
	.indexpro ul li .item .title{display:block;}
	.indexpro ul li .item-more .more{padding-top:15%; padding-left:4%;}
	.index-news{padding-top:0;}
	.index-news .tw{width:100%;}
	.index-news .in-newslist{padding-right:0;}
	.index-news .nwimg,.index-news .fr-w{width:100%; max-width:100%;}
	.section03 ul li{padding-top:46%; font-size:12px;}
	.section03 ul li span{font-size:30px;}
	.index-about ul li{margin-top:20px;}
	.index-about ul li,.index-about ul li .item{width:100%; max-width:100%;}
	.footer .foottou .footul{display:none;}
	.footer .foottou .footul,.footer .foottou .footinfo{width:100%;}
	.footer .foottou .footinfo{background-image:none;}
	.footer .foottou .footinfo .ftewm{float:none; margin:0 auto;}
	.footer .foottou .footinfo .fttext{float:none; margin-left:0;width:auto;}
	.footer .footbom{padding-top:5px;}
	.footer .footbom .copy{float:none; width:100%; line-height:inherit; padding-bottom:5px;}
	.footer .footbom .share{float:none; width:165px; margin:0 auto;}
	
	.menu-box .m-list .ul,.menu-box .m-list .proul{display:none;}
	.about-box01{padding:20px 0;}
	.about-box01 .tw{width:100%;}
	.about-box01 .tmain{padding-right:0; padding-top:0; padding-bottom:5%;}
	.about-box01 .tmain h2{font-size:30px;}
	.about-box03{padding-bottom:50px;}
	.time-step .stepul{background-image:none; min-height:inherit;}
	.time-step .stepul li .t1,.time-step .stepul li .t2,.time-step .stepul li .t3,.time-step .stepul li .t4,.time-step .stepul li .t5,.time-step .stepul li .t6,.time-step .stepul li .t7,.time-step .stepul li .t8{width:auto; margin-top:0; float:left;}
	.time-step .stepul li .bkh1{padding-right:0; padding-left:25px;}
	.time-step .stepul li .bkh1 .co{left:0px !important;}
	.time-step .stepul li .bkh2{margin-left:25px;}
	.time-step .stepul .co{left:-25px !important; right:auto !important;}
	.time-step .stepul li .bkh3{text-align:left;}
	.about-box03 .about3text .tw{width:100%;}
	.about-box03 .about3text .tmain{margin:5%;}
	.about-box03 .about3text .pic:after{display:none;}
	.prolist ul li,.prolist ul li .item{width:100%;}
	.pro-details .tw1,.pro-details .tw3{width:100%; border:none;}
	.pro-details .tw2{width:100%; padding-top:20px;}
	.pro-details .pa-tw{padding:0;}
	.pro-info,.pro-more{margin:0;}
	.navigation{display:none;}
	.pro-details{padding-top:20px; padding-bottom:50px;}
	.problemlist li{width:100%; margin-right:0; margin-top:30px;}
	.cont-bar .tw{width:100%;}
	.cont-bar .map{margin-top:40px;}
	#container{width:100% !important;}
	.grid{width:100% !important; position:static !important; left:auto !important; top:auto !important; margin-bottom:15px;}
	.pro-details .pro-neirong{height:500px;}
}

/* #Mobile - 480px */
@media screen and (max-width:480px){
	.pro-details .pro-neirong{height:375px;}
}

/* #Mobile - 320px */
@media screen and (max-width:320px){
	.hden{margin-right:5px;}
	.btn_m_list{left:47%;}
	.pro-details .pro-neirong{height:325px;}
}