/*css reset start start*/

@charset "utf-8";

/*reset*/

html,body{overflow-x:hidden;}

img{border:0; padding:0; margin:0;}

li{list-style:none;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:"";}

input,button,textarea,select{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

/*@purpose To enable resizing for IE */

/*@branch For IE6-Win,IE7-Win */

input,button,textarea,select{*font-size:100%;}

a{text-decoration:none; color:#666666}

a:hover{text-decoration:none; color:#0c7bcc;}

p{margin:0;padding:0;}

img{_vertical-align:middle;}/*防止IE6，IMG底部出现间隙*/

/*英文强制换行*/

.word{word-break:break-all;}

.clearfix{*zoom:1}

.clearfix:before,.clearfix:after{content:" "; display:table;}

.clearfix:after{clear:both;}

/*css reset end*/





.index_lang_mod{width:100%; margin:0 auto; padding:60px 0 0;}

.index_lang_mod .hd{ margin:0 auto; width:100%;}

.index_lang_mod h2{ color:#2faef8; background:url(../images/title.jpg) no-repeat center center;font-size:3.2rem; text-align:center; margin-bottom:10px; font-weight:bold}

/*.index_lang_mod ul{ width:1350px;}*/

.index_lang_mod .bd{ width:1200px; height:400px; overflow:hidden; margin:0 auto;}

.index_lang_mod li{ /*width:158px;*/ height:158px; background:url(../images/guoqi.gif) no-repeat center; float:left;/* margin-right:102px; margin-bottom:26px;*/}

.index_lang_mod .flat{ margin-top:28px; margin-left:24px; margin-bottom:5px;}

.index_lang_mod li p{ text-align:center; font-size:17px; padding-top:88px;}

.index_lang_mod li:hover{background:url(../images/guoqi_cur.gif) no-repeat center;}

.index_lang_mod li:hover p{ color:#ffffff;}

.hh{ font-size:1.6rem; text-align:center; padding-bottom:50px;}



.index_lang_mod  li{width:20%; position:relative;}

.flat img{ position:absolute; width:116px; left:50%; top:15%; margin-left:-54px;}





.service{background: #2faef8; padding-top:50px; min-height:455px;}

.service .box{ padding:30px 25px; float:left; height:300px;}

.service .service-head{font-size:3.2rem; color:#fff; text-align:center; padding:0 50px; height:50px; line-height:50px; background:url(../images/t_bg2.png) no-repeat center center; font-weight:bold;}

.service .box1{background:url(../images/service1.jpg) no-repeat center; height:224px; background-size:contain; box-shadow:6px 6px 0 #B5B5B5;background-color: #34A853;}

.service .box2{background:url(../images/service2.jpg) no-repeat center; height:224px; background-size:contain; box-shadow:6px 6px 0 #B5B5B5;background-color: #FF7900;}

.service .box3{background:url(../images/service3.jpg) no-repeat center; height:224px; background-size:contain; box-shadow:6px 6px 0 #B5B5B5;background-color: #4385F5;}

.service .box1,.service .box2,.service .box3{text-align:center;position:relative;}

.service .word{position:absolute; left:0; bottom:0; bottom:2em; left:0; width:100%;}

.service .word span{ display:block; text-align:center;}

.service .big-word{font-size:2.4rem; line-height:36px; color:#fff;}

.service .small-word{font-size:1.6rem; line-height:28px; color:#fff;}

.service-word{ color:#fff; text-align:center; font-size:1.6rem; margin-top:10px;}

.service-word span{ padding-left:10px; background:url(../images/white.png) no-repeat left center;}







.advantage{background: #fff; padding-top:50px; min-height:455px;}

.advantage .row{padding-top:30px;}

.advantage-head{font-size:3.2rem; color:#32aef6; text-align:center; padding:0 50px; height:50px; line-height:50px; background:url(../images/title.png) no-repeat center center; font-weight:bold;}

.advantage .box1{height:400px;}

.advantage .box2{height:400px;}

.advantage .box3{height:400px;}

.advantage .box4{height:400px;}

.advantage .box1,.advantage .box2,.advantage .box3,.advantage .box4{text-align:center;background:url(../images/blue-bg.png) no-repeat center center; padding-top:30px;}

.advantage .word{ padding-top:60px; color:#fff; font-size:1.6rem; line-height:26px;}

.advantage .word span{ display:block; text-align:center; font-weight:bold; font-size:1.6rem;}

.advantage .box1 .icon{width:100px; height:95px; background:url(../images/b01.png) no-repeat center center; margin:0 auto 0;}

.advantage .box2 .icon{width:100px; height:95px; background:url(../images/b02.png) no-repeat center center; margin:0 auto 0;}

.advantage .box3 .icon{width:100px; height:95px; background:url(../images/b03.png) no-repeat center center; margin:0 auto 0;}

.advantage .box4 .icon{width:100px; height:95px; background:url(../images/b04.png) no-repeat center center; margin:0 auto 0;}



.advantage .box1 .icon,.advantage .box2 .icon,.advantage .box3 .icon,.advantage .box4 .icon{transition: all 0.5s ease-in 0s;}

.advantage .box1 .icon:hover,.advantage .box2 .icon:hover,.advantage .box3 .icon:hover,.advantage .box4 .icon:hover{

            -webkit-transform: rotate(360deg) scale(1.5, 1.5);

                 -moz-transform: rotate(360deg) scale(1.5, 1.5);

                  -ms-transform: rotate(360deg) scale(1.5, 1.5);

                   -o-transform: rotate(360deg) scale(1.5, 1.5);

                      transform: rotate(360deg) scale(1.5, 1.5);    

}





.our-advantage{background: #fff; padding-top:50px; min-height:455px;}

.our-advantage .row{padding-top:140px;}

.our-advantage .box{ padding:0 15px; float:left; height:508px;}

.our-advantage-head{font-size:3.2rem; color:#32aef6; text-align:center; padding:0 50px 0; height:50px; line-height:50px; font-weight:bold;}

.our-advantage .box1{min-height:480px; background: #34a853;}

.our-advantage .box2{min-height:480px; background: #ff7800;}

.our-advantage .box3{min-height:480px; background: #4285f4;}

.advantage .box1,.advantage .box2,.advantage .box3{position:relative;}

.our-advantage .word{ padding:150px 0 10px 0; color:#fff; min-height:432px;}

.our-advantage .word span{ display:block; text-align:center; font-size:3rem; line-height:46px;}

.our-advantage .word p{ margin:0 auto; font-size:1.6rem; line-height:30px; padding:10px;}

.our-advantage .box1 .icon{width:190px; height:196px; background:url(../images/us01.png) no-repeat center center; position:absolute; left:50%; top:-18%; margin-left:-95px; background-size:contain;}

.our-advantage .box2 .icon{width:190px; height:196px; background:url(../images/us02.png) no-repeat center center;position:absolute; left:50%; top:-18%; margin-left:-95px; background-size:contain;}

.our-advantage .box3 .icon{width:190px; height:196px; background:url(../images/us03.png) no-repeat center center;position:absolute; left:50%; top:-18%; margin-left:-95px; background-size:contain;}





.our-advantage .icon:hover{

    -webkit-transform: rotateY(-180deg);

       -moz-transform: rotateY(-180deg);

        -ms-transform: rotateY(-180deg);

         -o-transform: rotateY(-180deg);

            transform: rotateY(-180deg);

}



.our-advantage .icon{

    transition: all 0.5s ease-in 0s;

}





.case{background:url(../images/bg001.jpg) no-repeat; padding-top:50px; min-height:455px; background-size:contain; width:100%; background-size:cover;}

.case .box{ padding:50px 0 0; float:left;}

.case .case-head{font-size:3.2rem; color:#fff; text-align:center; padding:0 50px; height:50px; line-height:50px; background:url(../images/t_bg2.png) no-repeat center center; font-weight:bold;}

.case-head+p{color:#fff; text-align:center; font-size:1.6rem; line-height:30px;}

.case .box>div{background:url(../images/case01.png) no-repeat; width:395px; height:234px; background-size:contain;}

.word-pic{width:306px;  margin:10px 0 0 45px; position:absolute; left:0; top:0; height:192px;}

.shadow{width:129px;  margin:0px 38px 0 0; position:absolute; right:0; top:0; height:213px; background:url(../images/shadow.png) no-repeat;}

.word-pic img{width:100%;}

.case .box1,.case .box2,.case .box3,.case .box4,.case .box5,.case .box6{position:relative;margin:0 auto;}

.word-bg{ background: #000; opacity:0.7; filter:alpha(opacity=70); position:absolute; width:306px;  margin:10px 0 0 45px; display:none; height:192px;}

.case .word{position:absolute; left:0; top:0; width:306px;  margin:10px 0 0 45px; padding:54px 10px 0 30px; }

.case .word01{position:absolute; left:0; top:0; width:272px; padding:44px 0 0 4px;}

.case .word span{ display:block;}

.case .word{ display:none;}

.case .big-word{font-size:1.6rem; line-height:32px; color:#fe7900; font-weight:bold; background:url(../images/arrow2.png) no-repeat right center;}

.case .small-word{font-size:1.4rem; line-height:18px; color:#fff;}



.btn-box button{width:300px; height:60px; background: #ff7800; color:#fff; border:none; font-size:22px; margin-top:30px;}

.btn-box{text-align:center; padding-bottom:30px;}



.news_mod{width:100%; margin:0 auto; padding:60px 0 0;}

.news_mod .hd{ margin:0 auto; width:100%;}

.news_mod h2{ color:#2faef8; background:url(../images/title.png) no-repeat center center;font-size:3.2rem; text-align:center; font-weight:bold}

.news_mod .row{min-height:250px;}

.btn_site,.btn_market{text-align:center; padding:3% 0 4%;}

.btn_site span,.btn_market span{ width:160px; height:50px; line-height:50px; cursor: pointer; color:#fff; background: #ff7800; font-size:2.2rem; display:inline-block; text-align:center; border-radius:27px;}

.btn_market span{background: #34a853;}

.news_content {padding-bottom:4%;}

.news_content img{width:30%; height:100%; float:left; padding:0 1% 0 1%;}

.news_content dl{width:70%; min-height:129px; float:left; padding:0 1%;}

.news_content dl dt{font-size:1.8rem; padding-bottom:2%;}

.news_content dl dt a{color:#333;}

.news_content dl dt a:hover{color:#0c7bcc;}

.news_content dl dd{font-size:1.4rem; line-height:2rem;overflow:auto;}

.date_more,.more_date{float:right;}

.date_more span,.more_date span{font-size:1.2rem; color:#ff7800;}

.more_date span{color:#34a853;}

.date_more span.date,.more_date span.date{float:left; padding-right:10px;}

.date_more span.check_more,.more_date span.check_more{float:left;}

.date_more span.check_more:hover,.more_date span.check_more:hover{text-decoration:underline;}

.news_details{border-top: 1px solid #e9e9e9; font-size:1.6rem; line-height:2.4rem; color:#666; padding-top:4%;}

.news_details ol li span.news_date{float:right; color:#999; font-size:1.4rem;}





.contact_mod{width:100%; margin:0 auto; padding:60px 0 0;}

.contact_mod .hd{ margin:0 auto; width:100%;}

.contact_mod h2{ color:#2faef8; background:url(../images/title.png) no-repeat center center;font-size:3.2rem; text-align:center; margin-bottom:10px; font-weight:bold}

.contact_mod .bd{ overflow:hidden;}

.contact_mod .row{min-height:250px;}

.ipt-box span{float:left; line-height:46px; font-size:1.6rem; color:#616161; width:25%; padding-right:6px; text-align:right;}

.text-box span{float:left; line-height:46px; padding-right:6px; text-align:right; font-size:1.6rem; color:#616161; width:12%;}

.text-box{float:left; padding-top:30px;}

.ipt-box input{float:left; width:75%; height:44px; border: 1px solid #e7e7e7; line-height:46px; padding-left:4px; color:#333;}

.text-box textarea{float:left; width:88%; border: 1px solid #e7e7e7; line-height:46px; padding:0 4px; color:#333; resize:none; height:170px;}

.contact_mod .btn-box button{background: #6e6e6e; margin-top:30px;}







@media (max-width: 767px){

    .index_lang_mod{display:none;}    

    .icon{width:100px; height:100px;}



    .advantage{display:none;}

    .case .box:nth-child(5){display:none;}

    .case .box:nth-child(6){display:none;}

    .contact_mod{display:none;}

    .our-advantage .box1 .icon,.our-advantage .box2 .icon,.our-advantage .box3 .icon{width:140px; height:140px; margin-left:-70px; top:-70px;}

    .our-advantage-head{font-size:3rem;}

    .service .big-word{font-size:2.2rem;}

    .service .small-word{line-height:1.6rem;}

    .our-advantage .word{padding-top:100px;}

    .our-advantage .box1,.our-advantage .box2,.our-advantage .box3{min-height:400px;}

    .case-head+p{padding:0 4px;}

}





@media (max-width: 992px) and (min-width: 768px){

    .case .box1,.case .box2,.case .box3,.case .box4,.case .box5,.case .box6{ width:240px!important;}

    .case .word-bg{ width:181px!important; height:115px; margin:8px 0 0 30px;}

    .case .word{ width:173px!important; padding:6px 0 0 4px; margin:8px 0 0 30px;}

    .case .word-pic{ width:181px!important; margin:8px 0 0 30px;}

    .case .big-word{background-image:none;line-height:28px;}

    .case .shadow{width:78px; height:130px; margin:0px 24px 0 0;} 

    

    .service-word{font-size:1.2rem;}

    .service .big-word{font-size:1.6rem; line-height:20px;}

    .service .small-word{font-size:1.2rem; line-height:18px;}

    .service .box1,.service .box2,.service .box3{height:180px;}

    .case .box>div{height:160px!important;}

}



@media (max-width: 993px) and (min-width: 768px) {

    .news_date{display:none;}

}

@media (max-width: 410px){

    .news_date{display:none;}    

}



@media (min-width: 1200px) {



    .advantage .row{background-image: url(../images/adv_bg.jpg);}

    .advantage .row .box .box1,.advantage .row .box .box2,.advantage .row .box .box3,.advantage .row .box .box4{background-image:none}



}



@media (max-width: 1200px) and (min-width: 768px) {

    .index_lang_mod .bd{ width:100%;}

    .our-advantage .box1 .icon,.our-advantage .box2 .icon,.our-advantage .box3 .icon{width:140px; height:140px; margin-left:-70px; top:-70px;}   

}



@media (max-width:1199px) and (min-width:993px){

    .case .box>div{ width:313px; height:185px;}

    .case .word-pic{width:238px; height:149px; margin:10px 0 0 37px;}  

    .case .word-bg{ width:238px; height:149px; margin:10px 0 0 37px;}

    .case .shadow{margin:0px 31px 0 0;}  

    .case .shadow{margin:0px 31px 0 0;}  

    .case .word{width:76%; padding:54px 10px 0 0; }

}





/*2016-08-09 new add start*/



.country{color:#fff; display:none;}

.choice-bar{width:100%; max-width:1200px; margin:50px auto 0; padding:0 15px;}

.choice-bar div{float:left; width:8%; background: #eeeeee; text-align:center; min-height:36px; line-height:36px; border-left: 1px solid #cfcfcf; cursor: pointer;}

.choice-bar div:nth-child(6){margin-right:4%;}

.choice-bar div:hover,.choice-bar div.choice-more-on{background: #e4e4e4;}

.choice-bar div:first-child{border:none;}



.choice-bar-left{float:left;}



@media ( max-width:992px){

    .choice-bar{padding:0; margin-left:2%;}

    .choice-bar div{width:16%; border-top: 1px solid #cfcfcf!important;}

}



@media ( max-width:440px){

    .choice-bar{display:none;}

}



/*2016-08-09 new add end*/