@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;}
table{ border-collapse:collapse;}
body{  color:#333; font-family:"微软雅黑"; font-size:14px;}
img,a{border:0; text-decoration:none; outline:none}
ol, ul {list-style: none; }
.clears{ clear:both;}
a{color:#555; } 
img{ width:100%}
*{ margin:0; padding:0;}
body{ margin:0; padding:0;overflow-x:hidden; /*padding-bottom:500px;*/ background:#fff }
ul{ list-style:none;}
a{ text-decoration:none;}
.container{ width:94%; padding:0 10px; margin:0 auto; box-sizing:border-box;}
.cont1200{ width:100%; max-width:1200px; padding:0 10px; margin:0 auto; box-sizing:border-box}
.fl{ float:left !important}
.fr{ float:right !important}
.pr{ position:relative}
.margin50{ margin-top:50px;}
.margin2{ margin:0 2% !important}
.bgf6{ background:#f6f6f6}
/**/

.banner { position:relative; z-index:10000}
.banner .bx-wrapper .bx-prev{ background:url(../images/banner_left.png) ; width:18px; height:36px; left:10%}
.banner .bx-wrapper .bx-next{ background:url(../images/banner_right.png) ; width:18px; height:36px; right:10%}

.head{ background:#fff; position: fixed; top:0; left:0; z-index:100000; width:100%; box-shadow:0 5px 10px #f3f3f3c2}
.head .container{ margin:15px auto 0}
.logo{ float:left;}
.logo img{ margin-right:40px; width: auto;}
.logo a{ border-right:1px solid #efefef; margin-right:40px; display:block; float:left}
.logo a:last-child{ padding-right:0; border:none; margin-right:0;}
.logo a:last-child img{ margin-right:0}
.menu{ float:right; line-height:53px;}
.menu li{ float:left; position:relative; padding:0 30px 15px;;}
.menu li a{ color:#000}
.menu li .two{z-index:3;display:none; position:absolute; top:50px;; left:-100px; width:500px;  } 
.menu li .two a{ padding:12px 10px 0; display:block; float:left;color:#9C9C9C;}
.menu li .two a:hover{ color:#691081;}
.line{ z-index:1; position:absolute; top:80px; left:0; width:100%; border-bottom:1px solid #ededed; display:none}
.menu li:nth-child(3) .two ,.menu li:nth-child(4) .two ,.menu li:nth-child(5) .two { padding-left:90px} 
.menu li:hover .two{ display:block}
.menu li.active a{ color:#691081;}
.language{ float:right; line-height:53px; background:url(../images/menu.png) left center no-repeat; padding-left:10px;}
.language a{ padding:0 20px; color:#000000}
.language a:last-child{ padding-right:0}

.navigation-down{ border-top:1px solid #ededed; }
.nav-down-menu{width:60%; float:right}
.menu_two{ overflow:hidden; text-align:center;}
.menu_two li{ float:left; padding:0 30px;  }
.menu_two li a{ display: block; color:#9C9C9C;line-height:50px; height:50px;}
.menu_two li a:hover{ color:#691081}

.menu_btn,.pro_menu_btn{ float:right; width:33px; display: none; margin-top:13px; margin-left:35px; cursor:pointer;}
.menu_btn i,.pro_menu_btn i{ margin:5px 0; height:4px; background:#555; border-radius:30px; display:block;}
.banner{ margin-top:80px;}


.slide_img{ width: 100%; margin-top:30px;  overflow: hidden; position: relative; max-height:700px ; margin-bottom:30px; }
.slide_img .img{ overflow: hidden;
            position: absolute;
            transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s; }
.slide_img .img img{
            width: calc(100% - 14px);
            height: calc(100% - 14px);
            margin: 7px; display:block
        }
.slide_img .img1{  width: 18%; /* height: 40%;*/ top: 19%;  left: 1%; z-index: 1;  }
.slide_img .img2{ width: 25%; /* height: 60%;*/  top: 14%;  left: 13%; z-index: 2; }
.slide_img .img3{ width: 30%; /* height: 80%;*/  top: 10%;  left: 35%; z-index: 3; }
.slide_img .img4{ width: 25%; /* height: 60%;*/  top: 14%;  left: 60%; z-index: 2; }
.slide_img .img5{ width: 18%; /* height: 40%;*/  top: 19%;  left: 81%; z-index: 1; }
.slide_img .img6{ width: 25%; /* height: 40%;*/  top: 22%;  left:110%; z-index: 1; }
.slide_img-bt{
            position: absolute;
            left: 50%;
            bottom: 13%;
            z-index: 10;
        }
.slide_img-bt span{
            width: 24px;
            height: 8px;
            background: #c9caca;
            float: left;
            margin: 5px;
            border-radius: 4px;
        }
.slide_img .slide_img-bt .on{  background: #ffd200; }
.index-slide_img span{ display:block; color:#555; text-align:center; font-size:13px;}
.index-slide_img .img3 span{ font-size:15px;}

.more_img{ display: none; margin:40px auto 0; width:130px; text-align:center; height:35px; line-height:35px; color:#fff; background:#6e0c89; text-transform:uppercase;  }
.index-slide_img .img3 .more_img { display:block}
.foot_word{ background:#14a1c5; font-size:22px; padding:15px 0; line-height:1.8; text-align:center; color:#fff; position:fixed; left:0; bottom:0; z-index:100; width:100%}
.foot_word p{ font-size:14px; padding:0 5px;}

.home_title{ text-align:center; padding:30px 0; color:#9c9c9c; text-transform:uppercase; font-size:16px; line-height:1.7} 
.home_title h2{ font-size:26px; font-weight:normal; color:#333} 

.home_about_word{ text-align:center; padding-bottom:35px; color:#9c9c9c; line-height:1.8; width:80%; margin:0 auto}
.home_about_word .more ,.home_more{ display:block; margin:40px auto 0; width:120px; text-align:center; line-height:35px; border:2px solid #e5e5e5; text-transform:uppercase}
.home_about_word .more:hover,.home_more:hover{ background:#691081; color:#fff}

.home_about_bg{ background:#14a1c5 url(../images/bg1.png) center top repeat-x;}
.home_about_bg img{ display:block; margin:0 auto; max-width:100%;width: auto;}

.figure{ overflow:hidden; padding:35px 0 50px}
.figure li{ float:left; width:25%;  text-align:center; box-sizing:border-box; border-right:1px solid #72C7DC}
.figure li:last-child{ border:none}
.figure li h2{ color:#fff; font-size:50px; font-weight: normal}
.figure li span{ color:#72c7dc; font-size:14px;}
.figure li h2:hover{-webkit-text-stroke: 0 2px #390048, 2px 0 #390048, -2px 0 #390048, 0 -2px #390048; text-shadow: 0 2px #390048, 2px 0 #390048, -2px 0 #390048, 0 -2px #390048;}

.home_new{ overflow:hidden; padding:20px 0 25px;}
.home_new li{ float:left; width:32%; line-height:1.8; margin-right:2%;}
.home_new li:last-child{ margin-right:0}
.home_new li img{ max-width:100%; margin:0 auto; display:block}
.home_new li h2{ font-weight:normal; color:#333333;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; font-size:18px; padding:15px 0 5px}
.home_new li span{ display:block; font-size:13px; color:#9c9c9c; padding-bottom:10px;}
.home_new li p{ color:#9c9c9c}

.home_more{ margin-bottom:45px}
.home_new li h2{ font-size:15px;}
.home_new li { font-size:13px; transition:all 0.3s; margin-bottom:20px; position:relative; top:0}
.home_new li h2:hover { color:#691081}
.home_new li p:hover{ color:#691081}
.home_new li:hover{ top:-20px}
.home_more{ margin:25px auto 35px}

.foot_img{ display:block; width:100%}
.foot_contact{ margin:50px 0; border-right:1px solid #E5E5E5; font-size:13px; line-height:2.8; color:#9c9c9c; padding-left:80px; float:left; box-sizing:border-box; width:25%}
.foot_contact .title,.foot_menu .title{ display:block; color:#333; font-size:15px;}
.foot_contact span{ display:block}

.foot_menu{ float:left; padding-left:100px; box-sizing:border-box; height:294px; float:left; margin:50px 0;line-height:2.5;border-right:1px solid #E5E5E5; width:19% }
.foot_menu a{ display:block; color:#9c9c9c;; font-size:13px; }
.foot_menu a:hover{color:#691081; font-weight:bold;}

.foot_menu .block:first-child{ height:180px;}

.foot_include{ float: right; width:18%; text-align: center; margin:50px 0}
.foot_include img{width:auto; max-width:100%;}
.foot_include>img{ display:block; margin:0 auto;}
.foot_include span{ display:block; padding:10px 0 20px; color:#333; font-size:13px}
.foot_include div img{ vertical-align:middle}
.foot_include div { color:#9e9e9e}
.foot_include div a{ padding:0 15px;}

.foot_copy{ text-align:center; color:#9C9C9C; font-size:12px; padding-bottom:15px; line-height:2.2;}
.foot_copy a{color:#9C9C9C;}
.foot_copy a:hover{ color:#14a1c5;}
.foot_copy img{ vertical-align:middle; margin:0 5px;}

.home_menu{ position:fixed; top:50%; right:20px; margin-top:-150px; z-index:100000}
.home_menu a{ display:block; text-align:right; padding:10px 0; font-size:16px;}
.home_menu a .word{ display:none}
.home_menu a.active .num{ display:block; background:url(../images/line.png) center right no-repeat; margin-bottom:5px; padding-right:20px; color:#14a1c5; font-size:24px;}
.home_menu a.active .word{ color:#14a1c5; padding-right:20px; display:block; font-size:14px;}


.mainPage{ overflow:hidden}

/**/
.info_banner{ margin-top:88px}
.info_banner img{ display:block; max-width:100%;}
.about_referral{ width:80%; margin:0 auto; padding-bottom:30px;}
.about_referral .word{ text-align:center; line-height:1.8; color:#767676; font-size:15px;}
.about_title{ text-align:center; padding:50px 0; font-size:36px; font-weight:normal;}
.about_title i{ display:block; width:30px; height:4px; margin:10px auto 0; background:#14a1c5}

.about_referral .list{ overflow:hidden; padding:40px 0 30px}
.about_referral .list li{ float:left; width:25%; text-align:center; background:url(../images/kuang.png) center bottom no-repeat;}
.about_referral .list li i{ display: inline-block; width:210px; font-style:normal; color:#757575; font-family:Arial, Helvetica, sans-serif; font-size:64px; background:#fff}
.about_referral .list li span{ display:block; color:#9c9c9c; padding:5px 0 15px;}

.about_bg{ background:#f5f5f5; padding:70px 0}
.about_bg .content{ background:#fff; overflow: hidden; width:90%; margin:0 auto;}
.about_bg .content .word{   box-sizing:border-box; line-height:2; color:#767676; font-size:16px; overflow:hidden;}
.about_bg .content .word p{ text-indent:2em; padding:0 50px 25px;}
.about_bg .content .word img{ width:auto; max-width:100%; display:block;}
.about_bg .content .word .logos{ display:block; margin:50px 0; margin-left:50px; max-width:90%;}
.about_bg .content .images{ float: right; width:50%; margin-left:50px;} 

.about_word{ background:#14a1c5; padding:50px 0; color:#fff; line-height:2}
.about_word .content{ overflow: hidden; position:relative; width:90%; margin:0 auto; box-sizing:border-box; background:url(../images/mark_left.png) top left no-repeat; padding: 90px; font-size:16px;}
.about_word .content p{ text-indent:2em; margin-bottom:15px;}
.about_word .content .end{ display:block; position:absolute; bottom:0; right:0; background:url(../images/mark_right.png) center no-repeat; width:80px; height:80px;}

.about_img img{ display:block; margin:0 auto; max-width:100%}

.honor_list{ overflow:hidden; width:95%; margin:0 auto 30px;}
.honor_list li{ float:left; text-align: center; width:22%; margin:0 1.5% 10px; position:relative; top:0; transition:all 0.5s;}
.honor_list li:hover{ top:-10px}
.honor_list li img{ display:block; border:1px solid #e5e5e5; box-sizing:border-box; max-width:100%}
.honor_list li span{ display:block; margin:10px 0; line-height:1.8; height:50px; overflow:hidden}


.society { width:96%; margin:0 auto}
.society .word{ color:#767676; line-height:1.8}
.society .word p{ text-indent:0em; margin-bottom:20px;}

.society .list{ overflow:hidden; margin-bottom:25px; padding-top:20px;}
.society .list li{ float:left; width:25%; }
.society .list li a{ display:block; background:#f5f5f5; margin:10px 6px; transition:all 0.3s }
.society .list li a img{ display: block; width:100%}
.society .list li a .cont{ padding:20px 25px; line-height:1.8}
.society .list li a h2{ color:#000; font-size:18px; font-weight:normal; padding-bottom:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.society .list li p{ color:#767676; height:75px; overflow:hidden; margin-bottom:10px;}
.society .list li span{ color:#9c9c9c; font-size:13px;}
.society .list li a:hover{ background:#14a1c5}
.society .list li a:hover span,.society .list li a:hover p,.society .list li a:hover h2{ color:#fff}


.investor{ overflow: hidden; width:96%; margin:20px auto 30px;;}
.investor li{ float:left; width:27.33%; margin:0 3%; line-height:2; color:#767676}
.investor li img{ display:block; max-width:80%; margin:0 auto}
.investor li span{ color:#767676; font-size:18px; text-align:center; display:block; padding:10px 0}
.investor li p{ height:112px; overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4; ;}
.investor li a{ float:right; color:#0087db}

.investor_word{ width:94%; margin:0 auto; padding:15px 0 30px; color:#767676; font-size:15px; line-height:2}
.investor_word p{ text-indent:0em; margin-bottom:15px;}

.inv_bg .images{ margin-left:0}
.inv_bg .content{ position:relative}
.investor_logo{ position:absolute; width:50%; height:100%}
.investor_logo img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:80%; width:auto;}
.investor_logo a{ color:#000; font-size:18px; display:block; padding:50px 40px;}

.pro_overall{ overflow:hidden; width:95%; margin:0 auto 50px}
.pro_overall li{ float:left; width:25%}
.pro_overall li a{ display:block; padding:0 15px}
.pro_overall li img{ width:100%; display:block;}
.pro_overall li .images{ position:relative;}
.pro_overall li .images span{ position:absolute; top:0; left:0; background:rgba(0,0,0,.3); color:#fff; width:100%; height:100%; opacity:0; transition:all 0.3s}
.pro_overall li .images span i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-style:normal; font-size:28px; width:90%; text-align:center}
.pro_overall li:hover .images span{ opacity:1} 
.pro_overall li p{ text-align:center; padding:15px 0; line-height:1.6; color:#000000; font-size:22px}
.pro_overall li p span{ display:block; font-family:Arial, Helvetica, sans-serif; color:#757575; font-size:16px;}

.pro_big{ width:96%; margin:35px auto;}
.pro_result { overflow:hidden; margin-bottom:25px; line-height:35px;}
.pro_result .shu{ float:left; color:#757675; font-size:15px;}
.pro_result .jieguo{ float:right;}
.pro_result .jieguo select{ outline:none; border:none; color:#767676; margin-left:15px;}

.pro_cont{ padding-left:230px; overflow:hidden; position:relative; min-height:800px;}
.pro_menu{ width:200px;  position:absolute; left:0; top:0}
.pro_menu dt{ color:#000000; font-size:17px; border-bottom:1px solid #ededed; padding:0 0 10px}
.pro_menu dd{ border-bottom:1px solid #ededed; padding:6px 0}
.pro_menu dd>a{ display:block; background:url(../images/proDown.png) center left no-repeat; color:#000000; font-size:15px; padding:10px 25px;}
.pro_menu dd ul{ display:none; padding-left:25px; line-height:2; padding-bottom:15px;}
.pro_menu dd ul a{ color:#767676; font-size:13px;}
.pro_menu dd ul li:hover a,.pro_menu dd ul li.active a{ color:#0ca4c9}
.pro_menu dd.active>a{ background-image:url(../images/proUp.png);}
.pro_menu dd.active ul{ display:block}

.pro_list{ overflow:hidden;}
.pro_list li{ float:left; width:25%; margin-bottom:25px;}
.pro_list li a{ display:block; margin-left:25px; background:#f4fafc; color:#767676 }
.pro_list li img{ display:block; width:100%; margin:0 auto}
.pro_list li p{ padding:15px; line-height:1.8; text-align:center;; font-size:17px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.pro_list li p span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.pro_list li a:hover p{ background:#0ca4c9; color:#fff}

.pages{ text-align:center; padding:30px 0}
.pages a{ margin:0 5px; background:#a1a1a1; color:#fff; text-align:center; min-width:30px; line-height:30px; display:inline-block}
.pages a.active{ background:#0ca4c9}

.pro_menu_btn{ margin-top:0}

.info_banner .bx-wrapper .bx-pager.bx-default-pager a { background:none; border:2px solid #0ca4c9}
.info_banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.info_banner .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#0ca4c9; border:2px solid #0ca4c9}

.pro_info{ padding:50px ; line-height:2; overflow:hidden;}
.pro_info .wezi{ float:left; color:#333; width:15%}
.pro_info .list{ float:left; width:85%}
.pro_info .list img{width:auto; display:block; max-width:100%;}
.pro_info .list li{ overflow:hidden; position:relative; padding-left:240px; color:#767676; margin-bottom:15px;}
.pro_info .list li .name{ display:block; text-align:right; left:0; top:0; width:200px; position:absolute; color:#333}

.business_big{ width:96%; margin:0 auto}
.business_big .word { text-align:center; padding:0 0 30px; font-size:18px;}
.business_big .list{ overflow:hidden}
.business_big .list li{ float:left; width:25%; text-align:center}
.business_big .list li a{ display: block; padding:0 15px;}
.business_big .list li a img{ display:block; width:100%; margin:0 auto}
.business_big .list li p{ line-height:2; overflow:hidden; height:84px; color:#757575; margin:15px 0}
.business_big .list li p span{ color:#333}


#product .menu_two{ padding-left:23%}
#innovate .menu_two{ padding-left:35%}
#news .menu_two{ padding-left:46%}
#join .menu_two{ padding-left:62%}

.vate{ float:left; width:50%; box-sizing:border-box; padding:50px 40px; line-height:2}
.vate dt{ color:#000000; font-size:24px; padding-bottom:10px;}
.vate dd{ overflow:hidden; position:relative; padding-left:120px; margin-bottom:20px; font-size:16px;}
.vate dd .name{ position:absolute; left:0; top:0}
.vate dd .word2{ color:#767676}

.research_big{ line-height:2; width:90%; margin:0 auto 50px; color:#767676; font-size:16px;}
.research_big p{ margin-bottom:20px; text-indent:0em}
.research_big img{ display:block; max-width:100%; margin:10px auto}


.new_list{ width:94%; margin:0 auto}
.new_list dd{ padding:25px 0 25px 400px; line-height:1.8; overflow: hidden; min-height:177px; position:relative; border-bottom:1px solid #ededed;}
.new_list dd .images{ position:absolute; left:0; top:25px; width: 380px; }
.new_list dd .title{ height:32px; font-weight:normal; font-size:18px; color:#000000;}
.new_list dd .time{ display:block; font-size:12px; padding:8px 0}
.new_list dd .time i{ display:block; background:#ededed; height:1px; width:50px; margin-top:8px;}
.new_list dd p{ height:50px; overflow:hidden; margin-bottom:8px;}
.new_list dd .more{ display:block; border:1px solid #ededed; float:left; padding:0 60px 0 25px; background:url(../images/xingzhuang.png) 90px center no-repeat; line-height:40px;}
.new_list dd .title:hover{ color:#0ca4c9}

.new_info{ padding:40px 0; width:90%; margin:0 auto}
.new_info .title{ text-align:center; margin-bottom:20px; border-bottom:1px solid #ededed; line-height:1.8; padding-bottom:10px;}
.new_info .title h2{ font-weight:normal; padding-bottom:5px; color:#000; font-size:18px;}
.new_info .title p{ color:#9c9c9c}
.new_info .word{ line-height:2}
.new_info .word p{ margin-bottom:15px; text-indent:0em; font-size:15px; color:#757575}
.new_info .word img{ margin:0 auto 20px; width:auto; display:block;max-width: 80%;}

.join{ max-width:1450px; margin:0 auto 80px; }
.join dt {margin-bottom:15px; padding-left:35px; overflow:hidden;}
.join dt span,.join .title span{ display:block; text-align:center; width:12.5%; float:left; background:#15a1c5; height:45px; line-height:45px; color:#fff; }
.join dd{ padding-left:35px; margin-bottom:20px; line-height:2; color:#767676; overflow:hidden; background:url(../images/jia.png) 10px 15px no-repeat;}
.join dd.active{ background-image:url(../images/jian.png)}
.join .title span{ background-color:#bebebe}
.join dd.active .title span{ background:#15a1c5}
.join dd.active .word{ display:block;}
.join .title{ overflow:hidden}
.join dd .word{ padding:40px; line-height:2; border:1px solid #15a1c5; display:none}
.join dd .word .tit{ display:block; color:#333}
.join dd .word p{ padding-left:70px;}

#page3,#page4{ padding-top:70px}


.banner .word{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#fff; font-size:28px; line-height:1.8; text-align:center; width:100%}
.banner .word .wenzi{ display:block; font-size:50px;}
.img_big{ text-align:center; margin:0 auto; overflow:hidden; width:610px;}
.img_big span{ display:block; position:relative; width:275px; float:left; margin:0 15px}
.img_big span .img{ width: auto; position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  }
.img_big span .yuan{
animation:linear mymove 3.5s infinite;
-webkit-animation:linear mymove 3.5s infinite; /*Safari and Chrome*/
}

@keyframes mymove
{
from {transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
}
to {transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}
}

@-webkit-keyframes mymove  
{
from {transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
}
to {transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}
}
/**/
@media screen and (max-width: 1500px){
.slide_img{ height:600px; }
.foot_contact{ padding-left:50px; padding-right:10px}

.about_referral .list li{ background-size:90%}
.about_referral .list li i{ width:65%; font-size:55px;}
.about_referral { width:90%}

.society .list li a h2{ font-size:16px; padding-bottom:5px}

.pro_overall li .images span i{ font-size:22px;}
.pro_overall li p{ font-size:18px;}
.pro_overall li p span{ font-size:14px;}
}
@media screen and (max-width: 1440px){
.menu li{ padding:0 20px;}
.language a{ padding:0 15px}
.nav-down-menu{ width:70%}
 
.pro_cont{ padding-left:200px}
.pro_list li a{ margin-left:20px;}

.banner .word{ font-size:24px;}
.banner .word .wenzi{ font-size:40px}

}

@media screen and (max-width: 1366px){
.slide_img{ height:550px;}
.foot_menu{ padding-left:70px}

.vate dd{ font-size:15px;}
.vate dt{ font-size:20px;}

}
@media screen and (max-width: 1220px){
/*.container{ width:95%; }*/
.logo a:last-child{ display:none}
.menu_btn{ display:block}
.menu{ position:absolute; top:88px; width:100%; left:0; padding:10px 0; background:#fff; display: none}
.menu li{ float:none; width:100%; text-align: right; padding:0; line-height:50px}
.menu li a{ padding-right:35px;}
.menu li:hover .two{ display:block; padding-right:50px}
.menu li .two a{ display:block; float:none; padding-left:50px;; color:#777; line-height:40px; padding-top:0}

.language{ background:none}

.head .container{ margin-bottom:15px;}
.menu li .two{ position: relative; top:0; right:0; left:auto; text-align:right; width:auto}
.line{ display:none; border:none}
 

.slide_img{ height:600px; margin-bottom:0}
.slide_img .img1{  width: 18%; /* height: 40%;*/ top: 19%;  left: -100%; z-index: 1;  }
.slide_img .img2{ width:33%; /* height: 60%;*/  top: 14%;  left: 1%; z-index: 2; }
.slide_img .img3{ width: 40%; /* height: 80%;*/  top: 10%;  left: 32%; z-index: 3; }
.slide_img .img4{ width: 33%; /* height: 60%;*/  top: 14%;  left: 67%; z-index: 2; }
.slide_img .img5{ width: 18%; /* height: 40%;*/  top: 19%;  left: 101%; z-index: 1; }
.slide_img .img6{ width: 25%; /* height: 40%;*/  top: 22%;  left:110%; z-index: 1; }

.foot_word{ font-size:15px; line-height:1.7}
.foot_word p{ font-size:13px;}
.foot_menu{ padding-left:55px}

.about_referral .word{ font-size:14px;}
.about_referral .word br{ display:none}
.about_referral .list li i{ font-size:38px;}
.about_title{ font-size:30px;}

.about_bg .content .word{ font-size:14px;}
.about_bg .content .word p{ padding-bottom:15px;}

.society .list li a .cont{ padding:15px}

.investor li{ width:29.33%; margin:0 2%}

.pro_list li{ width:33.33%}

.pro_info .wezi{ width:100%; margin-bottom:30px}
.pro_info .list{ width:100%}

.business_big .list li{ width:33.33%}

.vate{ width:100%}


.img_big{ width:460px;}
.img_big span{ width:200px;}
.img_big span .yuan{ width:100%}
.img_big span .img{ max-width:80%; margin:0 auto}

}
@media screen and (max-width: 1024px){ 
.slide_img{ height:530px; margin-top:10px; margin-bottom:20px}
.foot_contact{ width:70%; overflow:hidden; padding-left:0}
.foot_contact span.title{ width:100%}
.foot_contact span{ float:left; width:50%; padding-left:35px; box-sizing:border-box}
.foot_include{ width:30%}
.foot_chear{ clear:both}
.foot_menu{ margin-top:0; width:40%; border:none; padding-left:0; height:auto}
.foot_menu .block{ width:50%; float:left; border-right:1px solid #E5E5E5; padding-left:35px; padding-right:10px; box-sizing:border-box; height:170px !important;}
.last_menu{ width:20%}
.last_menu .block{ width:100%;}

.about_bg .content .images{ width:100%; margin:0 auto 30px}
.about_bg .content .word .logos{ margin:30px 50px}
.about_bg .content .word{ padding-bottom:20px}

.about_word .content{ padding:70px; font-size:14px;}

.honor_list li{ width:30.33%}

.society .list li{ width:33.33%}

.investor_logo{ width:100%; position:relative; padding-bottom:70px;}
.investor_logo img{ position:relative; left:0; top:0; display:block; margin:0 auto; transform:none; -webkit-transform:none}

.pro_overall li { width:50%}
.pro_result{ padding:0 10px;}
.pro_menu_btn{ display:block;}
.pro_menu{ width:100%; background:#fff; display:none}
.pro_cont{ padding-left:0}
.pro_list li a{ margin:0 10px}

.research_big p{ font-size:15px;}


.banner .word{ font-size:18px;}
.banner .word .wenzi{ font-size:28px}


.img_big{ width:360px;}
.img_big span{ width:150px;}
.img_big span .yuan{ width:100%}
.img_big span .img{ max-width:80%; margin:0 auto}

}
 
@media screen and (max-width: 800px){
/*.container{ width:94%; }	
*/
.slide_img{ height:450px;}

.home_about_word{ width:95%}
.figure li h2{ font-size:42px; padding-bottom:5px;}
.figure{ padding:25px 0 40px}

.home_new li{ width:48%}
.home_new li:last-child{ display:none}
.home_new{ padding-bottom:0}

.foot_contact span ,.foot_menu .block{ padding-left:25px;}

.about_referral .list li{ background-size:90% 80%}
.about_referral .list li i{ font-size:28px}
.about_title{ padding:30px 0; font-size:25px}

.about_bg{ padding:40px 0}
.about_bg .content .word p{ padding:0 30px 15px}
.about_bg .content .word .logos{ margin:30px;}

.about_word .content{ background-size:50px; padding:50px}
.about_word .content .end{ width:50px; height:50px; background-size:50px;}

.investor li span{ font-size:16px;}
.investor li p { font-size:13px; height:108px}

.pro_list li p{ font-size:16px;}
.pro_list li{ margin-bottom:20px;}

.pro_info{ padding:50px 30px}
.pro_info .list li{ padding-left:200px}
.pro_info .list li .name{ width:180px;}

.new_list dd { padding-left:320px;}
.new_list dd .images{ display:block; width:300px; overflow:hidden}

.new_info .word p{ font-size:14px;}
.new_info{ width:94%}


.join dt span:nth-child(2) ,
.join .title span:nth-child(2){ display:none}


.join dt span,
.join .title span{ width:14.25%}
.home_menu{ display:none}
#page3,#page4{ padding-top:0}

}
@media screen and (max-width: 700px){}
@media screen and (max-width: 640px){
.language{ width:100px;; text-align:center; overflow:hidden; height:40px; line-height:40px; display:none}
.language a{  padding:0; display:block;}
.logo a{ margin-right:0}
.logo img{ height:40px;}
.menu_btn{ margin-left:0; width:30px; margin-top:5px}
.menu{ top:75px}
.info_banner{ margin-top:75px;}
.banner{ margin-top:75px;}
.banner .bx-controls-direction{ display:none}
 .bx-wrapper .bx-pager.bx-default-pager a{ width:8px; height:8px}
 .bx-wrapper .bx-pager{ bottom:10px}


.slide_img .img2{ width: 30%; /* height: 60%;*/  top: 20%;  left: 1%; z-index: 2; }
.slide_img .img3{ width: 60%; /* height: 80%;*/  top: 5%;  left: 20%; z-index: 3; }
.slide_img .img4{ width: 30%; /* height: 60%;*/  top: 20%;  left: 70%; z-index: 2; }
.slide_img .img span{ display:none}
.slide_img .img3 span{ display:block; font-size:13px; padding-top:10px;}
.index-slide_img .img3 .more_img{ margin-top:15px;}
.slide_img{ height:350px;}

.home_title{ padding:20px 0; font-size:14px;}
.home_title h2{ font-size:18px;}
.home_about_word{ width:95%; font-size:12px;}
.home_about_word .more{ margin-top:30px; font-size:15px;}

.figure{ padding-bottom:30px}
.figure li{ width:50%;}
.figure li:nth-child(1){ border-bottom:1px solid #72C7DC; padding-bottom:25px;}
.figure li:nth-child(2){ border-bottom:1px solid #72C7DC; border-right:none; padding-bottom:25px;}
.figure li h2{ font-size:32px; padding-top:30px;}

.home_new li{ width:100%; margin-right:0}

.foot_menu{ display:none}
.foot_contact{ display:none;}
.foot_include { width:100%; margin:35px 0}
.foot_word p{ font-size:12px;}

.about_title{ font-size:20px}
.about_referral { padding-bottom:15px;}
.about_referral .word{ font-size:12px;}
.about_referral .list{ padding-bottom:0}
.about_referral .list li{ width:50%; margin-bottom:20px;; font-size:12px;}

.about_bg{ padding:25px 0}
.about_bg .content .word { padding-bottom:10px;}
.about_bg .content .word p{ padding:0 15px 15px; font-size:12px;}
.about_bg .content .word .logos{ margin:30px 15px;}

.about_word{ padding:15px 0}
.about_word .content{ padding:30px 15px; font-size:12px;background-size:30px;}
.about_word .content .end{ width:50px; height:50px; background-size:30px;}

.honor_list li{ width:47%; margin-bottom:0}

.society .list li{ width:50%}
.society .list li a h2{ font-size:14px;}
.society .list li a p{ font-size:12px; height:63px}
.society .word p{ margin-bottom:10px}

.investor li { width:96%; margin-bottom:20px}
.investor li img{ max-width:50%}

.investor_logo{ padding-bottom:40px}
.investor_logo img{ width:70%}
.investor_logo a{ padding:40px 20px 30px; text-align:center}
.investor_word p{ font-size:14px;}
.investor_word{ padding:0}

.pro_overall li a{ padding:0 5px;}
.pro_overall li p{ font-size:14px;}
.pro_overall li p span{ font-size:12px;}
.pro_overall li .images span i{ font-size:14px;}

.pro_list li{ width:50%}
.pro_list li a{ margin:0 5px}
.pro_list li p{ font-size:14px;}
.pro_list li p span{ font-size:12px;}

.pro_info{ padding:30px 15px;}
.pro_info .list li{ padding:0}
.pro_info .list li .name{ position: relative; text-align:left; width:100%}

.business_big .list li{ width:50%}
.business_big .list li a{ padding:0 5px;}
.business_big .list li p{ font-size:12px;}
.business_big .word{ font-size:16px;}

.vate{ padding:20px 20px;}
.vate dt{ font-size:17px;}
.vate dd{ padding:0; font-size:13px;}
.vate dd .name{ position:relative; top:0; left:0}

.research_big p{ font-size:13px; margin-bottom:10px;}

.new_list dd .images{ width:100%; position:relative; top:0}
.new_list dd .images img{ width:100%; margin-bottom:10px;}
.new_list dd { padding:20px 0}
.new_list dd .title{ height:auto; font-size:16px;}
.new_list dd p{ font-size:13px; height:auto}

.new_info{ padding:20px 0 40px;}
.new_info .title h2{ font-size:16px;}

.join dt span:nth-child(2) ,
.join .title span:nth-child(2),
.join dt span:nth-child(6) ,
.join .title span:nth-child(6),
.join dt span:nth-child(7) ,
.join .title span:nth-child(7),
.join dt span:nth-child(8) ,
.join .title span:nth-child(8){ display:none}


.join dt span,
.join .title span{ width:25%}

.join dd.active .word{ padding:20px; font-size:13px;}
.join dd .word p{ padding-left:0}



.banner .word{ display:none}
}

@media screen and (max-width: 430px){
}

@media screen and (max-width: 350px){
}



















































